/* Volt — electronics and gadgets. Crisp and technical: white product
   cut-outs on cards, bold grotesk headings, bento promo tiles, deal badges. */

body { font-feature-settings: "ss01", "cv11"; }
.sec-title { font-weight: 700; letter-spacing: -.03em; }
.sec-text { opacity: .8; }
.link-arrow { font-weight: 600; color: var(--c-primary); }

.btn { font-weight: 700; letter-spacing: 0; }
.btn--primary { box-shadow: 0 8px 22px color-mix(in srgb, var(--c-primary) 30%, transparent); }
.btn--outline { border-width: 1.5px; }

.announce { font-size: .75rem; letter-spacing: .02em; }
.hdr { background: color-mix(in srgb, var(--c-bg) 90%, transparent); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); }
.brand__name { font-weight: 700; letter-spacing: -.03em; }
.hdr__nav a { font-weight: 600; }

/* Hero: dark tech gradient when the slide has no photo */
.slide__title { font-weight: 700; letter-spacing: -.04em; text-wrap: balance; }
.slide--plain { background: radial-gradient(120% 120% at 85% 10%, color-mix(in srgb, var(--c-accent) 55%, transparent), transparent 55%), linear-gradient(135deg, #0b1220, color-mix(in srgb, var(--c-primary) 70%, #0b1220)); color: #fff; }

/* Product cards: object on white, framed, quick lift */
.card { background: #fff; border-radius: var(--radius); padding: 10px; border: 1px solid color-mix(in srgb, var(--c-text) 8%, transparent); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.card:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(14, 23, 38, .08); border-color: color-mix(in srgb, var(--c-primary) 30%, transparent); }
.card__media { aspect-ratio: 1/1; background: #fff; border-radius: calc(var(--radius) * .7); }
.card__img { object-fit: contain; padding: 6%; }
.card__body { padding: 10px 4px 2px; }
.card__title { font-weight: 600; }
.price .now { font-weight: 800; font-size: 1.0625rem; letter-spacing: -.01em; }
.price .now.is-sale { color: #d92d20; }
.tag--sale { background: #d92d20; color: #fff; font-weight: 800; }

/* Categories: round icons on white */
.cat__media { background: #fff; border: 1px solid color-mix(in srgb, var(--c-text) 8%, transparent); }
.cat__img { object-fit: contain; padding: 14%; }
.cat:hover .cat__media { border-color: var(--c-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 18%, transparent); }

/* Bento promo tiles (Volt only) */
.bento { display: grid; gap: 12px; }
@media (min-width: 768px) {
  .bento--3 { grid-template-columns: 1.3fr 1fr; grid-template-rows: 1fr 1fr; gap: 16px; }
  .bento--3 .bento__tile:first-child { grid-row: span 2; }
  .bento--2 { grid-template-columns: 1fr 1fr; gap: 16px; }
}
.bento__tile { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; min-height: 168px; padding: 22px; border-radius: calc(var(--radius) * 1.3); overflow: hidden; isolation: isolate; transition: transform .2s ease; }
.bento__tile:hover { transform: translateY(-2px); }
.bento__tile--dark { background: linear-gradient(140deg, #0b1220, #1c2a44); color: #fff; }
.bento__tile--primary { background: linear-gradient(140deg, var(--c-primary), color-mix(in srgb, var(--c-primary) 65%, var(--c-accent))); color: var(--c-on-primary); }
.bento__tile--light { background: #fff; color: var(--c-text); border: 1px solid color-mix(in srgb, var(--c-text) 8%, transparent); }
.bento__text { display: grid; gap: 6px; align-content: start; position: relative; z-index: 1; }
.bento__eyebrow { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; opacity: .85; }
.bento__title { font-family: var(--font-heading); font-size: clamp(1.25rem, 4.5vw, 1.75rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; }
.bento__cta { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: .875rem; margin-top: 6px; }
.bento__cta .ic { width: 18px; height: 18px; }
.bento__media { width: 120px; }
.bento__img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: calc(var(--radius) * .9); filter: drop-shadow(0 14px 22px rgba(0,0,0,.25)); }
@media (min-width: 768px) {
  .bento--3 .bento__tile:first-child { grid-template-columns: 1fr; align-content: space-between; min-height: 380px; padding: 32px; }
  .bento--3 .bento__tile:first-child .bento__media { width: min(320px, 80%); justify-self: end; }
  .bento--3 .bento__tile:first-child .bento__title { font-size: clamp(1.75rem, 3vw, 2.5rem); }
}

/* Deals band: white cards keep dark text on the coloured band */
.flash .card { color: var(--c-text); }
.flash .card .price .now.is-sale { color: #d92d20; }
.flash .card .price .was { color: color-mix(in srgb, var(--c-text) 75%, #fff); }
.flash { border-radius: calc(var(--radius) * 1.3); margin-left: 16px; margin-right: 16px; }
@media (min-width: 1272px) { .flash { max-width: 1208px; margin-left: auto; margin-right: auto; } }
.countdown span { background: rgba(0,0,0,.28); }

/* Trust, FAQ, reviews */
.trust { background: #fff; border-top: 0; }
.trust__icon { background: color-mix(in srgb, var(--c-primary) 10%, #fff); }
.faq__item { background: #fff; border: 1px solid color-mix(in srgb, var(--c-text) 8%, transparent); }
.review { background: #fff; border: 1px solid color-mix(in srgb, var(--c-text) 8%, transparent); }

/* Product page: product on white */
.gallery__slide { background: #fff; }
.gallery__img { object-fit: contain; }
.pdp__title { font-weight: 700; letter-spacing: -.03em; }
.pill { font-weight: 600; }