/* Premium storefront layer. Core theme colors remain merchant-configurable. */
:root {
  --ui-border: rgba(255, 255, 255, .075);
  --ui-border-strong: rgba(255, 255, 255, .13);
  --ui-muted: rgba(var(--cl-t-primary), .58);
  --ui-dim: rgba(var(--cl-t-primary), .38);
  --ui-ease: cubic-bezier(.2, .8, .2, 1);
  --ui-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}
body { min-width: 320px; background-image: radial-gradient(circle at 50% -15%, rgba(var(--cl-accent), .13), transparent 36rem), linear-gradient(180deg, rgba(255,255,255,.012), transparent 22rem); }
#app { isolation: isolate; }
#app::before { position: fixed; z-index: -1; inset: 0; content: ""; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 70%); }
a, button, input, select { outline: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { box-shadow: 0 0 0 3px rgba(var(--cl-accent), .22); }

/* Header */
.site-header { position: relative; z-index: 20; padding-top: .25rem; }
.site-nav-shell { border: 1px solid var(--ui-border); border-radius: 1.25rem; background: linear-gradient(145deg, rgba(var(--cl-card), .92), rgba(var(--cl-card), .72)); box-shadow: 0 14px 45px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.035); backdrop-filter: blur(18px); }
.site-nav-top, .site-nav-bottom { display: flex; align-items: center; }
.site-nav-top { min-height: 5rem; gap: 1.5rem; padding: 1rem 1.1rem; }
.site-nav-bottom { min-height: 3.35rem; justify-content: space-between; gap: 1rem; padding: .55rem .65rem .55rem 1rem; border-top: 1px solid var(--ui-border); }
.site-brand { display: inline-flex; align-items: center; gap: .75rem; min-width: max-content; color: rgb(var(--cl-t-primary)); }
.site-brand__mark, .site-brand__fallback { display: grid; place-items: center; width: 2.65rem; height: 2.65rem; flex: none; overflow: hidden; border: 1px solid rgba(var(--cl-accent), .28); border-radius: .8rem; background: linear-gradient(145deg, rgba(var(--cl-accent), .22), rgba(var(--cl-accent), .06)); box-shadow: inset 0 1px rgba(255,255,255,.09); }
.site-brand__mark img { width: 100%; height: 100%; object-fit: cover; }
.site-brand__fallback { color: rgb(var(--cl-accent)); font-size: 1.05rem; font-weight: 800; }
.site-brand__copy { display: flex; flex-direction: column; gap: .15rem; }
.site-brand__copy strong { font-size: .95rem; line-height: 1.1; letter-spacing: -.015em; }
.site-brand__copy small { color: var(--ui-dim); font-size: .65rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.site-nav-description { max-width: 27rem; color: var(--ui-muted); font-size: .76rem; line-height: 1.55; }
.site-nav-actions { display: flex; align-items: center; gap: .65rem; margin-left: auto; }
.site-nav-stats { display: flex; align-items: center; }
.site-nav-stats > span { position: relative; display: flex; min-width: 4.4rem; flex-direction: column; align-items: center; gap: .12rem; padding: .2rem .8rem; }
.site-nav-stats > span + span::before { position: absolute; top: 15%; bottom: 15%; left: 0; width: 1px; content: ""; background: var(--ui-border); }
.site-nav-stats strong { font-size: .93rem; line-height: 1; }
.site-nav-stats small { color: var(--ui-dim); font-size: .56rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.site-currency select, .site-icon-button, .site-account-button { height: 2.55rem; border: 1px solid var(--ui-border); border-radius: .7rem; color: rgba(var(--cl-t-primary), .8); background: rgba(255,255,255,.025); transition: border-color .2s, background .2s, color .2s, transform .2s var(--ui-ease); }
.site-currency select { width: 5.4rem; padding: 0 .7rem; font-size: .7rem; font-weight: 700; }
.site-icon-button { position: relative; display: grid; width: 2.55rem; place-items: center; font-size: .8rem; }
.site-icon-button:hover, .site-icon-button.is-active, .site-account-button:hover { border-color: rgba(var(--cl-accent), .35); color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); }
.site-cart-count { position: absolute; top: -.35rem; right: -.35rem; display: grid; min-width: 1.1rem; height: 1.1rem; padding: 0 .2rem; place-items: center; border: 2px solid rgb(var(--cl-card)); border-radius: 1rem; color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); font-size: .55rem; font-weight: 800; }
.site-nav-links { display: flex; align-items: center; gap: .2rem; overflow-x: auto; scrollbar-width: none; }
.site-nav-links::-webkit-scrollbar { display: none; }
.site-nav-link { position: relative; flex: none; padding: .68rem .78rem; border-radius: .62rem; color: rgba(var(--cl-t-primary), .52); font-size: .73rem; font-weight: 650; transition: color .2s, background .2s; }
.site-nav-link:hover { color: rgba(var(--cl-t-primary), .9); background: rgba(255,255,255,.035); }
.site-nav-link.is-active { color: rgb(var(--cl-t-primary)); background: rgba(var(--cl-accent), .1); }
.site-nav-link.is-active::after { position: absolute; right: .75rem; bottom: .25rem; left: .75rem; height: 2px; content: ""; border-radius: 2px; background: rgb(var(--cl-accent)); }
.site-account-button { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: .5rem; padding: 0 .9rem; font-size: .7rem; font-weight: 700; }

/* Buttons and shared cards */
.btn-shimmer, .btn-glass { position: relative; isolation: isolate; overflow: hidden; border-radius: .8rem !important; transition: transform .25s var(--ui-ease), border-color .25s, background .25s, box-shadow .25s !important; }
.btn-shimmer { box-shadow: 0 7px 22px rgba(var(--cl-accent), .2), inset 0 1px rgba(255,255,255,.16); }
.btn-shimmer:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(var(--cl-accent), .28); }
.btn-shimmer__sweep { position: absolute; z-index: -1; inset: 0; display: block; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.24) 46%, transparent 70%); transform: translateX(-120%); transition: transform .7s var(--ui-ease); }
.btn-shimmer:hover .btn-shimmer__sweep { transform: translateX(120%); }
.btn-glass:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent), .4); background: rgba(var(--cl-accent), .07); color: rgb(var(--cl-accent)); }
.btn-shimmer:active, .btn-glass:active, .product-card-v8__button:active, .catalog-view-all:active { transform: translateY(0) scale(.98); }
.hero-title strong { color: rgb(var(--cl-accent)); }
.spotlight-card { transition: transform .25s var(--ui-ease), border-color .25s, box-shadow .25s; }
.spotlight-card__glow { position: absolute; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 0%), rgba(var(--cl-accent), .13), transparent 60%); transition: opacity .3s; }
.spotlight-card:hover .spotlight-card__glow { opacity: 1; }
.feature-card { position: relative; display: flex; min-height: 6.3rem; align-items: flex-start; gap: .9rem; overflow: hidden; padding: 1rem; border: 1px solid var(--ui-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(var(--cl-card), .9), rgba(var(--cl-card), .62)); }
.feature-card:hover, .stat-card:hover { transform: translateY(-3px); border-color: rgba(var(--cl-accent), .25); box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.feature-card__icon { position: relative; z-index: 2; display: grid; width: 2.75rem; height: 2.75rem; flex: 0 0 2.75rem; place-items: center; overflow: hidden; border: 1px solid rgba(var(--cl-accent), .22); border-radius: .78rem; color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .18), rgba(var(--cl-accent), .06)); box-shadow: inset 0 1px rgba(255,255,255,.08); transition: transform .3s var(--ui-ease), box-shadow .3s; }
.feature-card__icon::after { position: absolute; inset: auto -20% -55% 30%; height: 100%; content: ""; border-radius: 50%; background: rgba(var(--cl-accent), .18); filter: blur(14px); }
.feature-card__icon i { position: relative; z-index: 1; }
.feature-card__content { position: relative; z-index: 1; min-width: 0; padding-top: .15rem; }
.feature-card:hover .feature-card__icon { transform: translateY(-2px) rotate(-3deg); box-shadow: 0 8px 20px rgba(var(--cl-accent), .13); }
.hero-shell { margin-top: 1.15rem; }
.hero-eyebrow { margin-bottom: 1.35rem !important; }
.hero-actions { display: grid; max-width: 34rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-inline: auto; }
.hero-stats { margin-top: 1.4rem; }
.hero-action { display: grid; min-width: 0; grid-template-columns: 2.35rem 1fr auto; align-items: center; gap: .7rem; padding: .58rem .7rem; border: 1px solid var(--ui-border); border-radius: .9rem !important; text-align: left; }
.hero-action--primary { color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); }
.hero-action--secondary { color: rgb(var(--cl-t-primary)); background: linear-gradient(145deg, rgba(var(--cl-card), .85), rgba(var(--cl-card), .55)); }
.hero-action__icon { position: relative; z-index: 1; display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: .65rem; background: rgba(255,255,255,.1); font-size: .74rem; transition: transform .3s var(--ui-ease); }
.hero-action--secondary .hero-action__icon { color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); }
.hero-action__copy { position: relative; z-index: 1; min-width: 0; }
.hero-action__copy strong, .hero-action__copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hero-action__copy strong { font-size: .7rem; font-weight: 800; letter-spacing: -.01em; }
.hero-action__copy small { margin-top: .12rem; opacity: .58; font-size: .5rem; font-weight: 600; }
.hero-action__arrow { position: relative; z-index: 1; opacity: .68; font-size: .6rem; transition: transform .3s var(--ui-ease); }
.hero-action:hover .hero-action__icon { transform: scale(1.06) rotate(-3deg); }
.hero-action:hover .hero-action__arrow { transform: translateX(3px); }
.hero-action--secondary:hover .hero-action__arrow { transform: translate(2px, -2px); }
.stat-card { position: relative; display: grid; min-height: 5.35rem; grid-template-columns: 2.65rem minmax(0, 1fr); align-items: center; gap: .75rem; overflow: hidden; padding: .8rem; border: 1px solid var(--ui-border); border-radius: 1rem; color: rgb(var(--cl-t-primary)); background: linear-gradient(145deg, rgba(var(--cl-card), .96), rgba(var(--cl-card), .68)); box-shadow: 0 10px 28px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.035); opacity: 0; transform: translateY(12px); transform-style: preserve-3d; will-change: transform; animation: stat-card-in .55s var(--ui-ease) forwards; animation-delay: var(--stat-delay, 0ms); transition: transform .18s ease-out, border-color .25s, box-shadow .25s; }
.stat-card::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background: radial-gradient(circle at var(--parallax-x, 50%) var(--parallax-y, 50%), rgba(var(--cl-accent), .15), transparent 48%); transition: opacity .25s; }
.stat-card::after { position: absolute; top: 0; right: 15%; left: 15%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .55), transparent); }
.stat-card:hover { transform: perspective(700px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-4px); border-color: rgba(var(--cl-accent), .28); box-shadow: 0 18px 42px rgba(0,0,0,.24), 0 0 0 1px rgba(var(--cl-accent), .04); }
.stat-card:hover::before { opacity: 1; }
.stat-card__icon { position: relative; z-index: 1; display: grid; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid rgba(var(--cl-accent), .18); border-radius: .75rem; color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .16), rgba(var(--cl-accent), .055)); box-shadow: inset 0 1px rgba(255,255,255,.06); font-size: .78rem; transform: translateZ(22px); transition: transform .25s var(--ui-ease); }
.stat-card:hover .stat-card__icon { transform: translateZ(30px) scale(1.04); }
.stat-card__copy { position: relative; z-index: 1; min-width: 0; transform: translateZ(15px); }
.stat-card__copy strong, .stat-card__copy small { display: block; }
.stat-card__copy strong { overflow: hidden; font-size: clamp(1.08rem, 2vw, 1.32rem); font-weight: 850; letter-spacing: -.045em; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.stat-card__copy small { margin-top: .32rem; color: var(--ui-dim); font-size: .52rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
@keyframes stat-card-in { to { opacity: 1; transform: translateY(0); } }

/* Reviews */
.review-summary { display: grid; max-width: 48rem; grid-template-columns: minmax(11rem, .7fr) minmax(18rem, 1.3fr); gap: .8rem; margin: 1rem auto 1.5rem; }
.review-summary__score, .review-summary__metric { border: 1px solid var(--ui-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(var(--cl-card), .92), rgba(var(--cl-card), .6)); }
.review-summary__score { position: relative; overflow: hidden; padding: 1.25rem 1.4rem; transform-style: preserve-3d; transition: transform .2s ease-out, border-color .25s, box-shadow .25s; }
.review-summary__score::before { position: absolute; inset: 0; content: ""; opacity: 0; background: radial-gradient(circle at var(--parallax-x, 50%) var(--parallax-y, 50%), rgba(var(--cl-accent), .13), transparent 52%); transition: opacity .25s; }
.review-summary__score:hover { transform: perspective(800px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-3px); border-color: rgba(var(--cl-accent), .3); box-shadow: 0 18px 38px rgba(0,0,0,.2); }
.review-summary__score:hover::before { opacity: 1; }
.review-summary__score > * { position: relative; z-index: 1; }
.review-summary__eyebrow { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: .55rem; color: rgb(var(--cl-accent)); font-size: .58rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.review-summary__score > div { display: flex; align-items: baseline; gap: .35rem; }
.review-summary__score strong { font-size: 2.25rem; font-weight: 850; letter-spacing: -.06em; }
.review-summary__score > div > span { color: var(--ui-dim); font-size: .7rem; }
.review-summary__stars { margin: .35rem 0 .55rem; color: rgb(var(--cl-accent)); font-size: .7rem; }
.review-summary__score p { color: var(--ui-muted); font-size: .65rem; }
.review-summary__metric { position: relative; display: flex; align-items: center; gap: .85rem; overflow: hidden; padding: 1.15rem; transform-style: preserve-3d; transition: transform .18s ease-out, border-color .25s, box-shadow .25s; }
.review-summary__metric::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background: radial-gradient(circle at var(--parallax-x, 50%) var(--parallax-y, 50%), rgba(var(--cl-accent), .14), transparent 55%); transition: opacity .25s; }
.review-summary__metric:hover { transform: perspective(800px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-3px); border-color: rgba(var(--cl-accent), .25); box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.review-summary__metric:hover::before { opacity: 1; }
.review-summary__metric > * { position: relative; z-index: 1; transform: translateZ(12px); }
.review-summary__metric > i { display: grid; width: 2.35rem; height: 2.35rem; flex: none; place-items: center; border-radius: .7rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .75rem; }
.review-summary__metric strong, .review-summary__metric span { display: block; }
.review-summary__metric strong { font-size: 1.5rem; font-weight: 850; letter-spacing: -.04em; }
.review-summary__metric span { margin-top: .18rem; color: var(--ui-dim); font-size: .58rem; }
.review-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 1.5rem 0 1rem; }
.review-toolbar > div:first-child span, .review-toolbar > div:first-child small { display: block; }
.review-toolbar > div:first-child span { font-size: .9rem; font-weight: 750; }
.review-toolbar > div:first-child small { margin-top: .25rem; color: var(--ui-dim); font-size: .6rem; }
.review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.review-card { min-width: 0; transform-style: preserve-3d; transition: transform .18s ease-out; }
.review-card:hover { transform: perspective(900px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-4px); }
.review-card__surface { position: relative; display: flex; height: 100%; flex-direction: column; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1rem; color: rgb(var(--cl-t-primary)); background: linear-gradient(145deg, rgba(var(--cl-card), .94), rgba(var(--cl-card), .66)); box-shadow: 0 8px 24px rgba(0,0,0,.12); transition: border-color .25s, box-shadow .25s; }
.review-card__surface::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background: radial-gradient(circle at var(--parallax-x, 50%) var(--parallax-y, 50%), rgba(var(--cl-accent), .12), transparent 52%); transition: opacity .25s; }
.review-card:hover .review-card__surface { border-color: rgba(var(--cl-accent), .28); box-shadow: 0 20px 42px rgba(0,0,0,.22); }
.review-card:hover .review-card__surface::before { opacity: 1; }
.review-card__content { position: relative; z-index: 1; display: flex; width: 100%; flex: 1; flex-direction: column; color: inherit; text-align: left; }
.review-card__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1rem 0; }
.review-card__date { color: var(--ui-dim); font-size: .55rem; }
.review-card__body { flex: 1; min-height: 5rem; padding: .85rem 1rem 1.1rem; }
.review-card__stars { display: flex; gap: .22rem; color: rgb(var(--cl-accent)); }
.review-star { display: inline-grid; place-items: center; font-size: .72rem; transform-origin: center; transition: transform .28s var(--ui-ease), color .28s, filter .28s; transition-delay: calc(var(--star-index) * 35ms); }
.review-card:hover .review-star { transform: translateY(-2px) rotate(-5deg) scale(1.12); filter: drop-shadow(0 4px 6px rgba(var(--cl-accent), .24)); }
.review-card:hover .review-star:nth-child(even) { transform: translateY(-3px) rotate(5deg) scale(1.12); }
.review-star:hover { transform: translateY(-4px) scale(1.3) !important; color: rgba(var(--cl-accent), .72); }
.review-card__message { color: rgba(var(--cl-t-primary), .82); font-size: .72rem; font-weight: 650; line-height: 1.65; }
.review-card__message.is-clamped, .review-card__reply .is-clamped { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.review-card__reply { margin-top: .8rem; padding: .75rem; border-left: 2px solid rgb(var(--cl-accent)); border-radius: .2rem .65rem .65rem .2rem; background: rgba(255,255,255,.03); }
.review-card__reply p { color: var(--ui-muted); font-size: .64rem; line-height: 1.55; }
.review-card__reply small { display: block; margin-top: .4rem; color: var(--ui-dim); font-size: .52rem; }
.review-product { position: relative; z-index: 1; display: flex; min-height: 4.2rem; align-items: center; justify-content: space-between; gap: .75rem; padding: .72rem 1rem; border-top: 1px solid var(--ui-border); background: rgba(var(--cl-background), .22); }
.review-product__identity { display: flex; min-width: 0; align-items: center; gap: .7rem; }
.review-product__image { display: grid; width: 2.35rem; height: 2.35rem; flex: none; place-items: center; overflow: hidden; border: 1px solid rgba(var(--cl-accent), .2); border-radius: .65rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); font-size: .72rem; }
.review-product__image img { width: 100%; height: 100%; object-fit: cover; }
.review-product__copy { min-width: 0; }
.review-product__copy small, .review-product__copy strong, .review-product__copy em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.review-product__copy small { color: var(--ui-dim); font-size: .48rem; font-style: normal; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.review-product__copy small i { margin-right: .28rem; color: #54d68c; }
.review-product__copy strong { max-width: 11rem; margin-top: .25rem; font-size: .62rem; }
.review-product__copy em { margin-top: .15rem; color: var(--ui-dim); font-size: .48rem; font-style: normal; }
.review-product__button { display: inline-flex; height: 2.15rem; flex: none; align-items: center; gap: .4rem; padding: 0 .7rem; border: 1px solid rgba(var(--cl-accent), .3); border-radius: .62rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .07); font-size: .54rem; font-weight: 800; text-transform: uppercase; transition: transform .2s, color .2s, background .2s, box-shadow .2s; }
.review-product__button:hover { transform: translateY(-2px); color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); box-shadow: 0 8px 18px rgba(var(--cl-accent), .2); }
.review-product__button i { font-size: .46rem; transition: transform .2s; }
.review-product__button:hover i { transform: translateX(2px); }

/* FAQ */
.faq-shell, .status-shell { max-width: 58rem; margin-inline: auto; }
.faq-list { display: flex; flex-direction: column; gap: .65rem; }
.faq-card { overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(var(--cl-card), .88), rgba(var(--cl-card), .6)); transition: border-color .25s, box-shadow .25s; }
.faq-card.is-open { border-color: rgba(var(--cl-accent), .25); box-shadow: 0 12px 32px rgba(0,0,0,.16); }
.faq-card__trigger { display: grid; width: 100%; grid-template-columns: 2.2rem 1fr 2rem; align-items: center; gap: .85rem; padding: 1rem 1.1rem; color: rgb(var(--cl-t-primary)); text-align: left; }
.faq-card__number { color: rgb(var(--cl-accent)); font-size: .58rem; font-weight: 850; letter-spacing: .08em; }
.faq-card__trigger h4 { font-size: .78rem; font-weight: 720; }
.faq-card__toggle { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border: 1px solid var(--ui-border); border-radius: .55rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .06); font-size: .6rem; }
.faq-card__toggle i { transition: transform .28s var(--ui-ease); }
.faq-card.is-open .faq-card__toggle i { transform: rotate(45deg); }
.faq-card__answer { max-height: 0; overflow: hidden; transition: max-height .35s var(--ui-ease); }
.faq-card__answer p { margin: 0 1.1rem 1.1rem 4.15rem; padding-top: .9rem; border-top: 1px solid var(--ui-border); color: var(--ui-muted); font-size: .7rem; line-height: 1.75; }

/* Status */
.status-shell { position: relative; }
.status-overview { position: relative; display: flex; align-items: center; gap: 1rem; overflow: hidden; margin-bottom: 1.35rem; padding: 1.1rem 1.2rem; border: 1px solid rgba(84,214,140,.18); border-radius: 1.1rem; background: radial-gradient(circle at var(--parallax-x, 8%) var(--parallax-y, 0%), rgba(84,214,140,.16), transparent 42%), linear-gradient(145deg, rgba(84,214,140,.09), rgba(var(--cl-card), .72)); box-shadow: 0 18px 48px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.05); transform-style: preserve-3d; transition: transform .18s ease-out, border-color .25s, box-shadow .25s; }
.status-overview::after { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .55; background: linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent); transform: translateX(-80%); transition: transform .7s var(--ui-ease); }
.status-overview:hover { transform: perspective(900px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-3px); border-color: rgba(84,214,140,.32); box-shadow: 0 24px 62px rgba(0,0,0,.26); }
.status-overview:hover::after { transform: translateX(80%); }
.status-overview > span { position: relative; z-index: 1; display: grid; width: 2.85rem; height: 2.85rem; flex: none; place-items: center; border: 1px solid rgba(84,214,140,.24); border-radius: .85rem; color: #54d68c; background: linear-gradient(145deg, rgba(84,214,140,.18), rgba(84,214,140,.06)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 10px 24px rgba(84,214,140,.08); transform: translateZ(20px); }
.status-overview > span i { animation: status-signal 2.6s ease-in-out infinite; }
.status-overview > div { position: relative; z-index: 1; min-width: 0; transform: translateZ(14px); }
.status-overview small { display: block; margin-bottom: .22rem; color: #54d68c; font-size: .53rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.status-overview strong, .status-overview p { display: block; }
.status-overview strong { font-size: .86rem; letter-spacing: -.015em; }
.status-overview p { margin-top: .25rem; color: var(--ui-muted); font-size: .64rem; line-height: 1.55; }
.status-overview em { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .48rem; margin-left: auto; padding: .48rem .65rem; border: 1px solid rgba(84,214,140,.16); border-radius: 999px; color: #54d68c; background: rgba(84,214,140,.07); font-size: .58rem; font-style: normal; font-weight: 800; transform: translateZ(18px); }
.status-overview em i { width: .42rem; height: .42rem; border-radius: 50%; background: #54d68c; box-shadow: 0 0 0 4px rgba(84,214,140,.12); animation: status-pulse-green 1.9s ease-in-out infinite; }
.status-group { position: relative; padding-top: .55rem; }
.status-group + .status-group { margin-top: .65rem; }
.status-group__header { display: flex; align-items: center; gap: .85rem; margin-bottom: .8rem; padding-left: .1rem; }
.status-group__image { display: grid; width: 3rem; height: 3rem; flex: none; place-items: center; overflow: hidden; border: 1px solid rgba(var(--cl-accent), .24); border-radius: .82rem; color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .15), rgba(var(--cl-accent), .04)); box-shadow: 0 10px 24px rgba(0,0,0,.15); font-size: .8rem; }
.status-group__image img { width: 100%; height: 100%; object-fit: cover; }
.status-group__header small { display: block; margin-bottom: .15rem; color: rgb(var(--cl-accent)); font-size: .48rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.status-group__header h2 { color: rgb(var(--cl-t-primary)); font-size: 1.05rem; font-weight: 820; letter-spacing: -.025em; }
.status-card-v2 { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1rem; overflow: hidden; padding: .92rem; border: 1px solid var(--ui-border); border-radius: 1rem; background: radial-gradient(circle at var(--parallax-x, 10%) var(--parallax-y, 0%), rgba(var(--cl-accent), .11), transparent 48%), linear-gradient(145deg, rgba(var(--cl-card), .94), rgba(var(--cl-card), .62)); box-shadow: 0 10px 26px rgba(0,0,0,.13), inset 0 1px rgba(255,255,255,.03); transform-style: preserve-3d; transition: border-color .25s, transform .18s ease-out, box-shadow .25s; }
.status-card-v2::after { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.055), transparent 60%); transform: translateX(-100%); transition: transform .75s var(--ui-ease), opacity .25s; }
.status-card-v2:hover { transform: perspective(850px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-3px); border-color: rgba(var(--cl-accent), .26); box-shadow: 0 18px 42px rgba(0,0,0,.22); }
.status-card-v2:hover::after { opacity: 1; transform: translateX(100%); }
.status-card-v2__product { position: relative; z-index: 1; display: flex; min-width: 0; align-items: center; gap: .82rem; transform: translateZ(18px); }
.status-card-v2__icon { display: grid; width: 2.65rem; height: 2.65rem; flex: none; place-items: center; overflow: hidden; border: 1px solid rgba(var(--cl-accent), .18); border-radius: .78rem; color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .14), rgba(var(--cl-accent), .045)); box-shadow: inset 0 1px rgba(255,255,255,.06); font-size: .74rem; transition: transform .25s var(--ui-ease), border-color .25s; }
.status-card-v2:hover .status-card-v2__icon { transform: scale(1.04) rotate(-2deg); border-color: rgba(var(--cl-accent), .32); }
.status-card-v2__icon img { width: 100%; height: 100%; object-fit: cover; }
.status-card-v2__product strong, .status-card-v2__product small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-card-v2__product strong { font-size: .76rem; font-weight: 820; letter-spacing: -.01em; }
.status-card-v2__product small { margin-top: .22rem; color: var(--ui-dim); font-size: .56rem; }
.status-card-v2__state { position: relative; z-index: 1; display: flex; align-items: center; gap: .55rem; padding: .52rem .72rem; border: 1px solid color-mix(in srgb, var(--status-color, rgb(var(--cl-accent))) 28%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--status-color, rgb(var(--cl-accent))) 9%, transparent); box-shadow: inset 0 1px rgba(255,255,255,.035); transform: translateZ(16px); transition: transform .25s var(--ui-ease), filter .25s; }
.status-card-v2:hover .status-card-v2__state { transform: translateZ(24px) scale(1.03); filter: saturate(1.12); }
.status-card-v2__state > span { font-size: .59rem; font-weight: 820; }
.status-orb { position: relative; display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; box-shadow: 0 0 0 4px color-mix(in srgb, var(--status-color) 13%, transparent), 0 0 22px color-mix(in srgb, var(--status-color) 35%, transparent); }
.status-orb::before, .status-orb::after { position: absolute; inset: -.36rem; content: ""; border-radius: inherit; border: 1px solid color-mix(in srgb, var(--status-color) 35%, transparent); opacity: .8; animation: status-orb-ring 2s ease-out infinite; }
.status-orb::after { animation-delay: .65s; }
.status-card-v2:hover .status-orb { animation: status-orb-pop .55s var(--ui-ease); }
.status-card-v2__actions { position: relative; z-index: 1; display: flex; gap: .45rem; transform: translateZ(18px); }
.status-download { position: relative; display: inline-flex; height: 2.45rem; align-items: center; gap: .5rem; overflow: hidden; padding: 0 .82rem; border: 1px solid rgba(var(--cl-accent), .3); border-radius: .72rem; color: rgb(var(--cl-t-accent)); background: linear-gradient(145deg, rgb(var(--cl-accent)), rgba(var(--cl-accent), .78)); box-shadow: 0 8px 20px rgba(var(--cl-accent), .16), inset 0 1px rgba(255,255,255,.16); font-size: .61rem; font-weight: 820; transition: transform .22s var(--ui-ease), box-shadow .22s, border-color .22s, filter .22s; }
.status-download::before { position: absolute; inset: 0; content: ""; background: linear-gradient(110deg, transparent 24%, rgba(255,255,255,.2), transparent 70%); transform: translateX(-120%); transition: transform .65s var(--ui-ease); }
.status-download:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent), .5); box-shadow: 0 12px 26px rgba(var(--cl-accent), .24); filter: brightness(1.05); }
.status-download:hover::before { transform: translateX(120%); }
.status-download i, .status-download span { position: relative; z-index: 1; }
.status-download.is-muted { color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .12), rgba(var(--cl-card), .58)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
@keyframes status-signal { 50% { transform: translateY(-2px) scale(1.08); filter: drop-shadow(0 6px 10px rgba(84,214,140,.25)); } }
@keyframes status-pulse-green { 50% { box-shadow: 0 0 0 8px rgba(84,214,140,0); } }
@keyframes status-orb-ring { to { inset: -.85rem; opacity: 0; } }
@keyframes status-orb-pop { 50% { transform: scale(1.16); } }

/* Product detail */
.product-detail-grid { align-items: flex-start; }
.product-media-panel, .product-media-panel > div:first-child, .product-description-panel { border-color: var(--ui-border) !important; }
.product-media-panel { position: relative; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1.05rem !important; background: linear-gradient(145deg, rgba(var(--cl-card), .96), rgba(var(--cl-card), .66)); box-shadow: 0 20px 60px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.04); transform-style: preserve-3d; transition: transform .18s ease-out, border-color .25s, box-shadow .25s; }
.product-media-panel::before { position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none; opacity: 0; background: radial-gradient(circle at var(--parallax-x, 50%) var(--parallax-y, 5%), rgba(var(--cl-accent), .11), transparent 48%); transition: opacity .25s; }
.product-media-panel:hover { transform: perspective(1000px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-3px); border-color: rgba(var(--cl-accent), .2); box-shadow: 0 26px 70px rgba(0,0,0,.28); }
.product-media-panel:hover::before { opacity: 1; }
.product-media-panel__header { position: relative; z-index: 2; border-radius: 1.05rem 1.05rem 0 0 !important; background: linear-gradient(145deg, rgba(var(--cl-card), .82), rgba(var(--cl-background), .34)) !important; }
.product-media-panel__header h1 { letter-spacing: -.03em; }
.product-gallery-frame { position: relative; z-index: 2; overflow: hidden; background: radial-gradient(circle at 20% 0%, rgba(var(--cl-accent), .14), transparent 36%), rgba(var(--cl-background), .38) !important; }
.product-gallery-frame::before { position: absolute; z-index: 2; inset: .7rem; content: ""; pointer-events: none; border: 1px solid rgba(255,255,255,.055); border-radius: .85rem; }
.product-gallery-frame::after { position: absolute; z-index: 2; inset: 55% 0 0; content: ""; pointer-events: none; background: linear-gradient(transparent, rgba(0,0,0,.26)); }
.product-gallery-frame img { transition: transform .6s var(--ui-ease), filter .35s; }
.product-media-panel:hover .product-gallery-frame img { transform: scale(1.025); filter: saturate(1.06) contrast(1.02); }
.product-description-panel { position: relative; z-index: 2; overflow: hidden; border-radius: 0 0 1.05rem 1.05rem !important; background: linear-gradient(160deg, rgba(var(--cl-card), .95), rgba(var(--cl-background), .28)) !important; }
.product-description-panel::before { position: absolute; top: 0; right: 1.25rem; left: 1.25rem; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .44), transparent); }
.product-tabs { position: relative; z-index: 1; padding: .24rem; border: 1px solid var(--ui-border); border-radius: .9rem; background: rgba(var(--cl-background), .28); }
.product-tab-button { display: inline-flex; align-items: center; gap: .45rem; border-radius: .68rem !important; font-weight: 780 !important; transition: transform .2s var(--ui-ease), background .2s, color .2s, border-color .2s !important; }
.product-tab-button:hover { transform: translateY(-1px); border-color: rgba(var(--cl-accent), .28) !important; }
.product-tab-button i { font-size: .62rem; }
.product-description { position: relative; max-height: 13.75rem; overflow: hidden; padding: .15rem .1rem; color: rgba(var(--cl-t-primary), .82); line-height: 1.8; transition: max-height .45s var(--ui-ease); }
.product-description::after { position: absolute; right: 0; bottom: 0; left: 0; height: 4.8rem; content: ""; pointer-events: none; background: linear-gradient(transparent, rgb(var(--cl-card))); transition: opacity .25s; }
.product-description.is-expanded { max-height: 100rem; }
.product-description.is-expanded::after { opacity: 0; }
.product-description__toggle { display: inline-flex; height: 2.45rem; align-items: center; gap: .58rem; margin-top: .95rem; padding: 0 .95rem; border: 1px solid rgba(var(--cl-accent), .32); border-radius: .72rem; color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .12), rgba(var(--cl-accent), .045)); box-shadow: inset 0 1px rgba(255,255,255,.05); font-size: .62rem; font-weight: 820; transition: transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.product-description__toggle:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent), .52); background: rgba(var(--cl-accent), .13); box-shadow: 0 10px 22px rgba(var(--cl-accent), .12); }
.product-description__toggle i { font-size: .52rem; transition: transform .25s; }
.checkout-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--ui-border); }
.checkout-action { position: relative; display: inline-flex; min-height: 3.15rem; align-items: center; justify-content: center; gap: .65rem; overflow: hidden; padding: .65rem 1rem; border: 1px solid; border-radius: .82rem; font-size: .7rem; font-weight: 800; transition: transform .22s var(--ui-ease), box-shadow .22s, background .22s, border-color .22s; }
.checkout-action::before { position: absolute; inset: 0; content: ""; background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.18), transparent 70%); transform: translateX(-120%); transition: transform .65s var(--ui-ease); }
.checkout-action:hover:enabled::before { transform: translateX(120%); }
.checkout-action:hover:enabled { transform: translateY(-2px); }
.checkout-action:active:enabled { transform: translateY(0) scale(.985); }
.checkout-action:disabled { cursor: not-allowed; opacity: .45; }
.checkout-action--cart { border-color: rgba(var(--cl-accent), .55); color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); box-shadow: 0 9px 22px rgba(var(--cl-accent), .2), inset 0 1px rgba(255,255,255,.16); }
.checkout-action--cart:hover:enabled { box-shadow: 0 13px 28px rgba(var(--cl-accent), .28); }
.checkout-action--buy { border-color: rgba(var(--cl-accent), .3); color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .11), rgba(var(--cl-card), .68)); }
.checkout-action--buy:hover:enabled { border-color: rgba(var(--cl-accent), .52); background: rgba(var(--cl-accent), .14); box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.checkout-action svg, .checkout-action span { position: relative; z-index: 1; }
.product-live-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; padding: 1rem; border-top: 1px solid var(--ui-border); background: rgba(var(--cl-background), .18); }
.product-live-stat { position: relative; display: grid; min-width: 0; grid-template-columns: 2.25rem 1fr auto; align-items: center; gap: .65rem; padding: .72rem; overflow: hidden; border: 1px solid var(--ui-border); border-radius: .78rem; background: linear-gradient(145deg, rgba(var(--cl-card), .92), rgba(var(--cl-card), .65)); transition: transform .22s var(--ui-ease), border-color .22s, box-shadow .22s; }
.product-live-stat:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent), .25); box-shadow: 0 10px 24px rgba(0,0,0,.16); }
.product-live-stat__icon { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .62rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); }
.product-live-stat__icon svg { width: .8rem; height: .8rem; color: currentColor; }
.product-live-stat p { min-width: 0; }
.product-live-stat strong, .product-live-stat p > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-live-stat strong { color: rgb(var(--cl-t-primary)); font-size: .88rem; font-weight: 850; line-height: 1; }
.product-live-stat p > span { margin-top: .25rem; color: var(--ui-dim); font-size: .5rem; font-weight: 650; }
.product-live-stat__pulse { width: .38rem; height: .38rem; border-radius: 50%; background: #54d68c; box-shadow: 0 0 0 4px rgba(84,214,140,.1); animation: live-stat-pulse 1.8s ease-in-out infinite; }
@keyframes live-stat-pulse { 50% { box-shadow: 0 0 0 7px rgba(84,214,140,0); } }
.product-trust { margin-top: 2rem; padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid var(--ui-border); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(var(--cl-card), .66), rgba(var(--cl-card), .32)); }
.product-trust__header { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1rem; }
.product-trust__header > div > span { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: .4rem; color: rgb(var(--cl-accent)); font-size: .54rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.product-trust__header h2 { font-size: 1.15rem; font-weight: 800; letter-spacing: -.025em; }
.product-trust__header p { margin-top: .3rem; color: var(--ui-muted); font-size: .65rem; }
.product-trust__header > a { display: inline-flex; flex: none; align-items: center; gap: .45rem; color: rgb(var(--cl-accent)); font-size: .62rem; font-weight: 750; }
.product-trust__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }

/* Catalog */
.catalog-section { margin: 1.5rem 0 1.75rem; padding: clamp(1rem, 2.5vw, 1.75rem); border: 1px solid var(--ui-border); border-radius: 1.35rem; background: linear-gradient(155deg, rgba(var(--cl-card), .57), rgba(var(--cl-card), .28)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.catalog-section__header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.4rem; }
.catalog-section__eyebrow { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: .55rem; color: rgb(var(--cl-accent)); font-size: .63rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.catalog-section__header h2 { color: rgb(var(--cl-t-primary)); font-size: clamp(1.45rem, 3vw, 2rem); font-weight: 780; letter-spacing: -.035em; line-height: 1.15; }
.catalog-section__header p { max-width: 36rem; margin-top: .45rem; color: var(--ui-muted); font-size: .78rem; line-height: 1.55; }
.catalog-view-all { display: inline-flex; flex: none; align-items: center; gap: .55rem; padding: .7rem .85rem; border: 1px solid var(--ui-border); border-radius: .7rem; color: rgba(var(--cl-t-primary), .72); background: rgba(255,255,255,.025); font-size: .68rem; font-weight: 700; transition: .22s; }
.catalog-view-all:hover { border-color: rgba(var(--cl-accent), .32); color: rgb(var(--cl-accent)); transform: translateX(2px); }
.catalog-search { --search-accent: rgb(var(--cl-accent)); position: relative; display: flex; height: 3.15rem; align-items: center; gap: .75rem; margin-bottom: 1.15rem; padding: 0 .95rem; overflow: hidden; border: 1px solid var(--ui-border); border-bottom-color: rgba(var(--cl-t-primary), .16); border-radius: .72rem .72rem .18rem .18rem; color: var(--ui-dim); background: rgba(var(--cl-background), .62); box-shadow: 0 4px 14px rgba(0,0,0,.12); transition: background-color .2s cubic-bezier(.25,.8,.25,1), border-color .2s, box-shadow .2s; }
.catalog-search::before, .catalog-search::after { position: absolute; z-index: 4; right: 0; bottom: 0; left: 0; width: 100%; content: ""; pointer-events: none; }
.catalog-search::before { border-bottom: 1px solid rgba(var(--cl-t-primary), .18); transition: border-bottom-color .2s cubic-bezier(.4,0,.2,1); }
.catalog-search::after { border-bottom: 2px solid var(--search-accent); transform: scaleX(0); transform-origin: center; transition: transform .25s cubic-bezier(0,0,.2,1); will-change: transform; }
.catalog-search:focus-within { border-color: rgba(var(--cl-accent), .2); background: rgba(var(--cl-card), .92); box-shadow: 0 9px 24px rgba(0,0,0,.18); }
.catalog-search:focus-within::before { border-bottom-color: var(--search-accent); }
.catalog-search:focus-within::after { transform: scaleX(1); }
.catalog-search > i { flex: none; color: rgba(var(--cl-t-primary), .38); font-size: .75rem; transition: color .2s, transform .2s; }
.catalog-search:focus-within > i { color: var(--search-accent); transform: scale(1.08); }
.catalog-search__input { width: 100%; height: 100%; border: 0; outline: 0; color: rgb(var(--cl-t-primary)); background: transparent; font-size: .73rem; font-weight: 550; }
.catalog-search__input::placeholder { color: rgba(var(--cl-t-primary), .42); opacity: 1; transition: opacity .25s cubic-bezier(0,0,.2,1), transform .25s; user-select: none; }
.catalog-search:focus-within .catalog-search__input::placeholder { opacity: 0; transform: translateX(6px); }
.catalog-search span { flex: none; padding: .27rem .45rem; border: 1px solid var(--ui-border); border-radius: .38rem; color: var(--ui-dim); background: rgba(255,255,255,.025); font-size: .52rem; font-weight: 750; transition: border-color .2s, color .2s, opacity .2s; }
.catalog-search:focus-within span { border-color: rgba(var(--cl-accent), .28); color: rgb(var(--cl-accent)); opacity: .8; }
.catalog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; }
.catalog-grid__item { min-width: 0; }
.catalog-page-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }

/* Product cards */
.product-card-v8 { position: relative; display: flex; height: 100%; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1rem; color: rgb(var(--cl-t-primary)); background: rgb(var(--cl-card)); box-shadow: 0 3px 12px rgba(0,0,0,.14); transform-style: preserve-3d; will-change: transform; transition: transform .18s ease-out, border-color .25s, box-shadow .25s; }
.product-card-v8:hover { transform: perspective(900px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(-5px); border-color: rgba(var(--cl-accent), .3); box-shadow: 0 20px 42px rgba(0,0,0,.27); }
.product-card-v8::before { position: absolute; z-index: 3; inset: 0; content: ""; pointer-events: none; opacity: 0; background: radial-gradient(circle at var(--parallax-x, 50%) var(--parallax-y, 50%), rgba(var(--cl-accent), .11), transparent 52%); transition: opacity .25s; }
.product-card-v8:hover::before { opacity: 1; }
.product-card-v8__media { position: relative; overflow: hidden; margin: .45rem .45rem 0; border-radius: .72rem; background: rgba(var(--cl-background), .55); transform: translateZ(14px); }
.product-card-v8__media::after { position: absolute; inset: 48% 0 0; content: ""; pointer-events: none; background: linear-gradient(transparent, rgba(5,5,7,.72)); }
.product-card-v8__media > img { display: block; width: 100%; max-height: 10.25rem; transition: transform .45s var(--ui-ease), filter .35s; }
.product-card-v8:hover .product-card-v8__media > img { transform: scale(1.035); filter: saturate(1.05); }
.product-card-v8__placeholder { display: grid; width: 100%; place-items: center; color: rgba(var(--cl-accent), .55); background: linear-gradient(145deg, rgba(var(--cl-accent), .12), rgba(var(--cl-accent), .025)); font-size: 1.5rem; }
.product-card-v8__badges { position: absolute; z-index: 2; top: .55rem; left: .55rem; display: flex; max-width: 55%; flex-wrap: wrap; gap: .3rem; }
.product-card-v8__badges span { display: inline-flex; align-items: center; gap: .3rem; padding: .34rem .52rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: white; background: var(--badge-color); box-shadow: 0 4px 12px rgba(0,0,0,.2); font-size: .5rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.product-card-v8__status, .product-card-v8__pill { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: .38rem; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(10,10,12,.76); backdrop-filter: blur(10px); font-size: .52rem; font-weight: 750; letter-spacing: .025em; }
.product-card-v8__status { top: .55rem; right: .55rem; padding: .35rem .5rem; color: rgba(255,255,255,.9); text-transform: uppercase; }
.product-card-v8__status > i:not(.fa-solid) { width: .35rem; height: .35rem; border-radius: 50%; background: #54d68c; box-shadow: 0 0 0 3px rgba(84,214,140,.12); }
.product-card-v8__status.is-out > i { background: #fb7185; box-shadow: 0 0 0 3px rgba(251,113,133,.12); }
.product-card-v8__status.is-group { color: rgba(255,255,255,.9); }
.product-card-v8__pill { bottom: .55rem; left: .55rem; padding: .38rem .58rem; color: rgba(255,255,255,.92); }
.product-card-v8__pill i { color: rgb(var(--cl-accent)); font-size: .48rem; }
.product-card-v8__body { position: relative; z-index: 4; display: flex; flex: 1; flex-direction: column; padding: .9rem 1rem 1rem; transform: translateZ(9px); }
.product-card-v8__body h3 { overflow: hidden; color: rgb(var(--cl-t-primary)); font-size: .88rem; font-weight: 760; letter-spacing: -.015em; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.product-card-v8__description { display: -webkit-box; min-height: 3.15rem; max-height: 3.15rem; margin-top: .4rem; overflow: hidden; color: var(--ui-muted); font-size: .66rem; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
.product-card-v8__description * { display: inline; margin: 0 !important; color: inherit !important; font: inherit !important; }
.product-card-v8__price-row { display: flex; min-height: 2.65rem; align-items: end; justify-content: space-between; gap: .75rem; margin-top: .85rem; padding-top: .75rem; border-top: 1px solid var(--ui-border); }
.product-card-v8__price { display: flex; min-width: 0; flex-direction: column; gap: .15rem; }
.product-card-v8__price small { color: var(--ui-dim); font-size: .5rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.product-card-v8__price strong { color: rgb(var(--cl-t-primary)); font-size: .98rem; font-weight: 800; letter-spacing: -.025em; }
.product-card-v8__price-row del { padding-bottom: .1rem; color: var(--ui-dim); font-size: .6rem; }
.product-card-v8__plus { color: rgb(var(--cl-accent)); font-size: .62rem; }
.product-card-v8__button { display: flex; height: 2.55rem; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .8rem; padding: 0 .9rem; border: 1px solid rgba(var(--cl-accent), .38); border-radius: .7rem; color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); box-shadow: 0 7px 18px rgba(var(--cl-accent), .16), inset 0 1px rgba(255,255,255,.17); font-size: .66rem; font-weight: 760; transition: transform .2s var(--ui-ease), box-shadow .2s, filter .2s; }
.product-card-v8:hover .product-card-v8__button { box-shadow: 0 10px 24px rgba(var(--cl-accent), .24), inset 0 1px rgba(255,255,255,.17); filter: brightness(1.06); }
.product-card-v8__button i { font-size: .55rem; transition: transform .2s var(--ui-ease); }
.product-card-v8:hover .product-card-v8__button i { transform: translateX(3px); }

/* Footer */
.site-footer { margin-top: clamp(4rem, 9vw, 7rem); overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1.35rem; color: rgb(var(--cl-t-primary)); background: linear-gradient(145deg, rgba(var(--cl-card), .82), rgba(var(--cl-card), .47)); box-shadow: var(--ui-shadow), inset 0 1px rgba(255,255,255,.035); }
.site-footer__main { display: grid; grid-template-columns: minmax(14rem, 1.45fr) minmax(7rem,.55fr) minmax(8rem,.7fr) minmax(8rem,.7fr) minmax(13rem,1fr); gap: clamp(1.35rem, 3.5vw, 3.2rem); padding: clamp(1.5rem, 4vw, 3rem); }
.site-footer__brand > p { max-width: 25rem; margin-top: 1.1rem; color: var(--ui-muted); font-size: .73rem; line-height: 1.7; }
.site-footer__socials { display: flex; gap: .5rem; margin-top: 1.25rem; }
.site-footer__socials a { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border: 1px solid var(--ui-border); border-radius: .65rem; color: var(--ui-muted); background: rgba(255,255,255,.022); font-size: .78rem; transition: .22s; }
.site-footer__socials a:hover { border-color: rgba(var(--cl-accent), .35); color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); transform: translateY(-2px); }
.site-footer__column { display: flex; flex-direction: column; align-items: start; gap: .75rem; }
.site-footer__column h3 { margin-bottom: .25rem; color: rgb(var(--cl-t-primary)); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.site-footer__column a { display: inline-flex; align-items: center; gap: .42rem; color: var(--ui-muted); font-size: .7rem; transition: color .2s, transform .2s; }
.site-footer__column a:hover { color: rgb(var(--cl-t-primary)); transform: translateX(2px); }
.site-footer__product-links { display: flex; max-width: 11rem; flex-direction: column; align-items: start; gap: .75rem; }
.site-footer__product-links a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-footer__products-loading { display: inline-flex; align-items: center; gap: .4rem; color: var(--ui-dim); font-size: .58rem; }
.site-footer__products-loading i { color: rgb(var(--cl-accent)); font-size: .52rem; }
.site-footer__products-empty { color: var(--ui-dim); font-size: .62rem; }
.site-footer__all-products { margin-top: .15rem; color: rgb(var(--cl-accent)) !important; font-weight: 750; }
.site-footer__all-products i { font-size: .5rem; }
.site-footer__status-dot { width: .4rem; height: .4rem; border-radius: 50%; background: #54d68c; box-shadow: 0 0 0 3px rgba(84,214,140,.1); }
.site-footer__promise { display: flex; align-self: start; gap: .8rem; padding: 1rem; border: 1px solid rgba(var(--cl-accent), .16); border-radius: .9rem; background: linear-gradient(145deg, rgba(var(--cl-accent), .1), rgba(var(--cl-accent), .025)); }
.site-footer__promise > span { display: grid; width: 2.25rem; height: 2.25rem; flex: none; place-items: center; border-radius: .62rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .12); font-size: .8rem; }
.site-footer__promise strong { font-size: .72rem; }
.site-footer__promise p { margin-top: .3rem; color: var(--ui-muted); font-size: .62rem; line-height: 1.55; }
.site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem clamp(1.5rem, 4vw, 3rem); border-top: 1px solid var(--ui-border); color: var(--ui-dim); background: rgba(var(--cl-background), .28); font-size: .6rem; }
.site-footer__bottom i { margin-right: .3rem; color: rgb(var(--cl-accent)); }

@media (max-width: 1023px) {
  .site-nav-description { display: none; }
  .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__main { grid-template-columns: 1.35fr repeat(3, .7fr); }
  .site-footer__promise { grid-column: 1 / -1; }
  .review-summary { grid-template-columns: minmax(10rem, .75fr) minmax(16rem, 1.25fr); }
  .review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .site-header { padding-top: 0; }
  .site-nav-shell, .catalog-section { border-radius: 1rem; }
  .site-nav-top { min-height: 4.25rem; padding: .75rem; }
  .site-brand__mark, .site-brand__fallback { width: 2.35rem; height: 2.35rem; }
  .site-brand__copy small, .site-nav-stats { display: none; }
  .site-currency select { width: 4.7rem; }
  .site-nav-bottom { padding-left: .45rem; }
  .site-nav-link { padding-inline: .65rem; }
  .site-account-button span { display: none; }
  .site-account-button { width: 2.55rem; padding: 0; }
  .catalog-section { margin-top: 1rem; }
  .catalog-section__header { align-items: start; }
  .catalog-section__header p { font-size: .7rem; }
  .catalog-view-all { padding: .6rem; font-size: 0; }
  .catalog-view-all i { font-size: .65rem; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__main { grid-template-columns: repeat(2, 1fr); }
  .site-footer__brand, .site-footer__promise { grid-column: 1 / -1; }
  .review-product { align-items: stretch; flex-direction: column; }
  .review-product__button { justify-content: center; }
  .review-toolbar { align-items: stretch; flex-direction: column; }
  .hero-actions { max-width: 30rem; }
  .stat-card { grid-template-columns: 2.4rem 1fr; }
  .stat-card__icon { width: 2.4rem; height: 2.4rem; }
  .status-card-v2 { grid-template-columns: minmax(0, 1fr) auto; }
  .status-card-v2__actions { grid-column: 1 / -1; }
  .status-download { justify-content: center; flex: 1; }
  .product-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 499px) {
  .site-currency { display: none; }
  .catalog-grid, .catalog-page-grid { grid-template-columns: 1fr; }
  .product-card-v8__media > img { max-height: none; }
  .site-footer__main { gap: 2rem 1rem; }
  .site-footer__bottom { align-items: start; flex-direction: column; }
  .review-summary { grid-template-columns: 1fr; }
  .hero-actions { grid-template-columns: 1fr; }
  .hero-action { max-width: 19rem; width: 100%; margin-inline: auto; }
  .stat-card { min-height: 5rem; grid-template-columns: 2.1rem 1fr; gap: .55rem; padding: .62rem; }
  .stat-card__icon { width: 2.1rem; height: 2.1rem; }
  .stat-card__copy strong { font-size: 1.08rem; }
  .stat-card__copy small { font-size: .46rem; }
  .review-grid { grid-template-columns: 1fr; }
  .faq-card__trigger { grid-template-columns: 1.6rem 1fr 1.8rem; gap: .55rem; padding-inline: .8rem; }
  .faq-card__answer p { margin-inline: 2.95rem .8rem; }
  .status-overview small { display: none; }
  .status-card-v2 { grid-template-columns: 1fr; }
  .status-card-v2__state { justify-self: start; }
  .checkout-actions, .product-trust__grid { grid-template-columns: 1fr; }
  .product-live-stats { grid-template-columns: 1fr; }
  .product-trust__header { align-items: start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .stat-card { opacity: 1; transform: none; }
  .product-card-v8 { transform: none !important; }
}