/* 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); }

/* Announcement ticker */
.announcement { position: relative; z-index: 25; margin-bottom: 1rem; padding-top: .25rem; }
.announcement-bar { position: relative; display: grid; min-height: 3.15rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; overflow: hidden; padding: .48rem .65rem; border: 1px solid rgba(var(--cl-accent), .2); border-radius: 1rem; color: rgb(var(--cl-t-primary)); background: radial-gradient(circle at 20% -90%, rgba(var(--cl-accent), .2), transparent 40%), linear-gradient(145deg, rgba(var(--cl-card), .94), rgba(var(--cl-background), .68)); box-shadow: 0 12px 36px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.045); backdrop-filter: blur(16px); }
.announcement-bar::before { position: absolute; top: 0; right: 10%; left: 10%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .65), transparent); }
.announcement-bar__identity { position: relative; z-index: 2; display: inline-flex; height: 2.1rem; align-items: center; gap: .5rem; padding-right: .75rem; border-right: 1px solid var(--ui-border); }
.announcement-bar__identity > span { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgba(var(--cl-accent), .2); border-radius: .65rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .65rem; }
.announcement-bar__identity strong { color: rgba(var(--cl-t-primary), .8); font-size: .57rem; font-weight: 830; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.announcement-bar__messages { position: relative; z-index: 2; height: 2rem; min-width: 0; overflow: hidden; }
.announcement-bar__message { position: absolute; inset: 0; display: flex; min-width: 0; align-items: center; justify-content: center; padding: 0 .5rem .18rem; }
.announcement-bar__message > a { display: flex; max-width: 100%; align-items: center; color: rgba(var(--cl-t-primary), .88); font-size: .68rem; font-weight: 680; text-decoration: none; transition: color .2s; }
.announcement-bar__message > a:hover { color: rgb(var(--cl-accent)); }
.announcement-bar__message > a svg { color: rgb(var(--cl-accent)); transition: transform .22s; }
.announcement-bar__message > a:hover svg { transform: translate(2px, -2px); }
.announcement-bar__progress { position: absolute; right: .5rem; bottom: 0; left: .5rem; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(var(--cl-accent), .1); }
.announcement-bar__progress::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(var(--cl-accent), .35), rgb(var(--cl-accent))); transform-origin: left; animation: announcement-progress var(--announcement-duration) linear both; }
.announcement-bar:hover .announcement-bar__progress::after, .announcement-bar:focus-within .announcement-bar__progress::after { animation-play-state: paused; }
.announcement-bar__pagination { position: relative; z-index: 2; display: flex; align-items: center; gap: .32rem; padding: 0 .3rem; }
.announcement-bar__pagination button { width: .36rem; height: .36rem; border-radius: 999px; background: rgba(var(--cl-t-primary), .22); transition: width .25s var(--ui-ease), background .25s, box-shadow .25s; }
.announcement-bar__pagination button:hover { background: rgba(var(--cl-accent), .55); }
.announcement-bar__pagination button.is-active { width: 1.1rem; background: rgb(var(--cl-accent)); box-shadow: 0 0 12px rgba(var(--cl-accent), .35); }
.announcement-bar__live { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .38rem; padding: .4rem .55rem; border: 1px solid rgba(84,214,140,.16); border-radius: 999px; color: #54d68c; background: rgba(84,214,140,.06); font-size: .5rem; font-weight: 800; text-transform: uppercase; }
.announcement-bar__live i { width: .34rem; height: .34rem; border-radius: 50%; background: currentColor; animation: availability-pulse 1.9s ease-out infinite; }
.announcement-bar__glow { position: absolute; right: -2rem; bottom: -4rem; width: 10rem; height: 7rem; border-radius: 50%; pointer-events: none; background: rgba(var(--cl-accent), .08); filter: blur(28px); }
.announcement-message-enter { transition: opacity .42s var(--ui-ease), transform .42s var(--ui-ease), filter .42s; }
.announcement-message-enter-start { opacity: 0; filter: blur(4px); transform: translateY(12px); }
.announcement-message-enter-end { opacity: 1; filter: blur(0); transform: translateY(0); }
.announcement-message-leave { transition: opacity .28s ease, transform .3s ease, filter .28s; }
.announcement-message-leave-start { opacity: 1; filter: blur(0); transform: translateY(0); }
.announcement-message-leave-end { opacity: 0; filter: blur(3px); transform: translateY(-10px); }
@keyframes announcement-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* Header */
.site-header { position: relative; z-index: 20; padding-top: .25rem; }
.site-nav-shell { position: relative; overflow: visible; border: 1px solid var(--ui-border); border-radius: 1.25rem; background: radial-gradient(circle at 12% -40%, rgba(var(--cl-accent), .11), transparent 32%), linear-gradient(145deg, rgba(var(--cl-card), .95), rgba(var(--cl-card), .72)); box-shadow: 0 18px 52px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.045); backdrop-filter: blur(20px); }
.site-nav-shell::before { position: absolute; top: 0; right: 8%; left: 8%; height: 1px; content: ""; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .48), transparent); }
.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: .35rem .8rem; overflow: hidden; border-radius: .65rem; opacity: 0; transform: translateY(7px); animation: nav-stat-enter .5s var(--ui-ease) forwards; animation-delay: var(--nav-stat-delay); transition: transform .25s var(--ui-ease), background .25s; }
.site-nav-stats > span:hover { transform: translateY(-2px); background: rgba(var(--cl-accent), .06); }
.site-nav-stats > span::after { position: absolute; right: 20%; bottom: 0; left: 20%; height: 1px; content: ""; opacity: 0; background: linear-gradient(90deg, transparent, rgb(var(--cl-accent)), transparent); transform: scaleX(.3); transition: opacity .25s, transform .3s; }
.site-nav-stats > span:hover::after { opacity: .8; transform: scaleX(1); }
.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; font-variant-numeric: tabular-nums; line-height: 1; transition: color .2s, text-shadow .2s; }
.site-nav-stats > span:hover strong { color: rgb(var(--cl-accent)); text-shadow: 0 0 18px rgba(var(--cl-accent), .25); }
.site-nav-stats small { color: var(--ui-dim); font-size: .56rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.site-currency, .site-icon-button, .site-account-button { position: relative; height: 2.65rem; border: 1px solid var(--ui-border); border-radius: .78rem; color: rgba(var(--cl-t-primary), .82); background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); box-shadow: inset 0 1px rgba(255,255,255,.045); transition: border-color .25s, background .25s, color .25s, transform .25s var(--ui-ease), box-shadow .25s; }
.site-currency { display: block; width: 7.35rem; overflow: visible; }
.site-currency::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background: linear-gradient(110deg, transparent 20%, rgba(var(--cl-accent), .1), transparent 72%); transform: translateX(-80%); transition: opacity .25s, transform .55s var(--ui-ease); }
.site-currency:hover::before { opacity: 1; transform: translateX(60%); }
.site-currency__mark { position: absolute; z-index: 5; top: 50%; left: .35rem; display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: .5rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .6rem; pointer-events: none; transform: translateY(-50%); transition: transform .35s var(--ui-ease); }
.site-currency:hover .site-currency__mark { transform: translateY(-50%) rotate(18deg) scale(1.06); }
.site-currency select { width: 100%; height: 100%; }
.site-currency .choices { position: relative; z-index: 4; width: 100%; height: 100%; margin: 0; overflow: visible; border-radius: inherit; }
.site-currency .choices__inner { display: flex !important; min-width: 0 !important; min-height: 0 !important; height: 100% !important; align-items: center; padding: 0 1.35rem 0 2.35rem !important; overflow: hidden; border: 0 !important; border-radius: inherit !important; color: rgb(var(--cl-t-primary)) !important; background: transparent !important; font-size: .68rem !important; font-weight: 780; }
.site-currency .choices__list--single { width: 100%; overflow: visible; }
.site-currency .choices__inner .choices__item { display: flex; max-width: none !important; align-items: center; gap: .22rem; overflow: visible !important; text-overflow: clip !important; }
.site-currency .choices__inner .symbol, .site-currency .choices__inner .code, .site-currency .choices__inner .default { display: inline !important; min-width: 0 !important; color: inherit !important; background: transparent !important; font-size: inherit; font-weight: inherit; }
.site-currency .choices__list--dropdown, .site-currency .choices__list[aria-expanded] { z-index: 80 !important; right: 0 !important; left: auto !important; min-width: 12rem !important; max-height: 15rem; margin: .55rem 0 0 !important; overflow: hidden auto !important; border: 1px solid rgba(var(--cl-accent), .2) !important; border-radius: .85rem !important; background: rgb(var(--cl-card)) !important; box-shadow: 0 22px 55px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04); }
.site-currency .choices__list--dropdown .choices__item { padding: .7rem .8rem !important; font-size: .68rem !important; }
.site-currency .choices.is-open { z-index: 90; }
.site-currency__chevron { position: absolute; z-index: 6; top: 50%; right: .55rem; color: var(--ui-dim); font-size: .48rem; pointer-events: none; transform: translateY(-50%); transition: transform .25s, color .25s; }
.site-currency:hover .site-currency__chevron { color: rgb(var(--cl-accent)); transform: translateY(calc(-50% + 2px)); }
.site-icon-button { display: grid; width: 2.65rem; place-items: center; overflow: visible; }
.site-icon-button__shine { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; }
.site-icon-button__shine::after { position: absolute; top: -40%; bottom: -40%; left: -55%; width: 35%; content: ""; background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); transform: rotate(16deg); transition: left .55s var(--ui-ease); }
.site-icon-button:hover .site-icon-button__shine::after { left: 120%; }
.site-cart-icon { position: relative; z-index: 1; transition: transform .38s cubic-bezier(.2,.9,.3,1.35); }
.site-icon-button:hover .site-cart-icon { transform: translateY(-2px) rotate(-7deg) scale(1.1); }
.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), .38); color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .13), rgba(var(--cl-accent), .045)); box-shadow: 0 9px 24px rgba(var(--cl-accent), .1), inset 0 1px rgba(255,255,255,.07); transform: translateY(-2px); }
.site-cart-count { position: absolute; z-index: 3; 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)); box-shadow: 0 0 0 0 rgba(var(--cl-accent), .35); font-size: .55rem; font-weight: 800; animation: cart-count-pulse 2.2s ease-out infinite; }
.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; overflow: hidden; border-radius: .62rem; color: rgba(var(--cl-t-primary), .52); font-size: .73rem; font-weight: 680; transition: color .25s, background .25s, transform .25s var(--ui-ease); }
.site-nav-link::before { position: absolute; inset: 0; content: ""; opacity: 0; background: radial-gradient(circle at 50% 130%, rgba(var(--cl-accent), .18), transparent 65%); transform: translateY(35%); transition: opacity .25s, transform .3s; }
.site-nav-link:hover { color: rgba(var(--cl-t-primary), .94); background: rgba(255,255,255,.035); transform: translateY(-1px); }
.site-nav-link:hover::before { opacity: 1; transform: translateY(0); }
.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)); box-shadow: 0 0 10px rgba(var(--cl-accent), .5); animation: nav-active-line .55s var(--ui-ease) both; }
.site-account-button { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: .52rem; padding: 0 .65rem 0 .42rem; overflow: hidden; font-size: .68rem; font-weight: 760; }
.site-account-button__icon { display: grid; width: 1.72rem; height: 1.72rem; place-items: center; border-radius: .52rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .6rem; transition: transform .3s var(--ui-ease), background .3s; }
.site-account-button__arrow { max-width: 0; overflow: hidden; opacity: 0; font-size: .48rem; transform: translateX(-5px); transition: max-width .3s, opacity .25s, transform .3s; }
.site-account-button:hover .site-account-button__icon { color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); transform: rotate(-5deg) scale(1.04); }
.site-account-button:hover .site-account-button__arrow { max-width: 1rem; opacity: 1; transform: translateX(0); }
@keyframes nav-stat-enter { to { opacity: 1; transform: translateY(0); } }
@keyframes nav-active-line { from { opacity: 0; transform: scaleX(.15); } to { opacity: 1; transform: scaleX(1); } }
@keyframes cart-count-pulse { 65%, 100% { box-shadow: 0 0 0 7px rgba(var(--cl-accent), 0); } }

/* Editor-native image and video showcases */
.media-showcase { position: relative; display: grid; min-height: 22rem; grid-template-columns: minmax(0, .92fr) minmax(20rem, 1.08fr); align-items: stretch; gap: 0; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1.25rem; background: radial-gradient(circle at 15% 15%, rgba(var(--cl-accent), .09), transparent 34%), linear-gradient(145deg, rgba(var(--cl-card), .95), rgba(var(--cl-background), .42)); box-shadow: 0 20px 58px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.035); transform-style: preserve-3d; transition: transform .22s ease-out, border-color .3s, box-shadow .3s; }
.media-showcase::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .22; background-image: radial-gradient(rgba(var(--cl-t-primary), .13) .65px, transparent .65px); background-size: 18px 18px; mask-image: linear-gradient(90deg, black, transparent 55%); }
.media-showcase.is-interactive:hover { transform: perspective(1200px) rotateX(calc(var(--rotate-x, 0deg) * .35)) rotateY(calc(var(--rotate-y, 0deg) * .35)) translateY(-4px); border-color: rgba(var(--cl-accent), .24); box-shadow: 0 30px 72px rgba(0,0,0,.28); }
.media-showcase--reverse { grid-template-columns: minmax(20rem, 1.08fr) minmax(0, .92fr); }
.media-showcase--reverse .media-showcase__content { order: 2; }
.media-showcase--reverse .media-showcase__media { order: 1; }
.media-showcase--centered { max-width: 54rem; grid-template-columns: 1fr; margin-inline: auto; }
.media-showcase--centered .media-showcase__content { align-items: center; text-align: center; }
.media-showcase--centered .media-showcase__media { min-height: 20rem; }
.media-showcase--plain { background-color: transparent; }
.media-showcase__content { position: relative; z-index: 2; display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(1.5rem, 4vw, 3.25rem); }
.media-showcase__eyebrow { display: inline-flex; width: fit-content; align-items: center; gap: .48rem; margin-bottom: 1rem; padding: .4rem .65rem; border: 1px solid rgba(var(--cl-accent), .22); border-radius: 999px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); font-size: .56rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.media-showcase__content h2 { color: rgb(var(--cl-t-primary)); font-size: clamp(1.6rem, 3.2vw, 2.55rem); font-weight: 860; letter-spacing: -.05em; line-height: 1.08; }
.media-showcase__description { max-width: 36rem; margin-top: 1rem; color: rgba(var(--cl-t-primary), .64); font-size: .76rem; line-height: 1.8; }
.media-showcase__actions { gap: .65rem; margin-top: 1.45rem; }
.media-showcase__actions a, .media-showcase__actions button { min-height: 2.7rem; border-radius: .72rem !important; box-shadow: 0 10px 24px rgba(var(--cl-accent), .12); transition: transform .25s var(--ui-ease), box-shadow .25s, filter .25s; }
.media-showcase__actions a:hover, .media-showcase__actions button:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(var(--cl-accent), .2); filter: brightness(1.06); }
.media-showcase__media { position: relative; z-index: 2; width: 100%; min-width: 0; max-width: none !important; min-height: 22rem; overflow: hidden; border-left: 1px solid var(--ui-border); background: radial-gradient(circle at 50% 20%, rgba(var(--cl-accent), .16), transparent 45%), rgba(var(--cl-background), .38); }
.media-showcase--reverse .media-showcase__media { border-right: 1px solid var(--ui-border); border-left: 0; }
.media-showcase__media::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(135deg, rgba(var(--cl-accent), .06), transparent 38%, rgba(0,0,0,.14)); }
.media-showcase__media img { width: 100%; height: 100%; min-height: inherit; transition: transform .75s var(--ui-ease), filter .45s; }
.media-showcase__media img.is-cover { object-fit: cover; }
.media-showcase__media img.is-contain { padding: 1.25rem; object-fit: contain; }
.media-showcase.is-interactive:hover .media-showcase__media img { transform: scale(1.035); filter: saturate(1.06) contrast(1.025); }
.media-showcase__media--video { display: grid; place-items: center; aspect-ratio: auto; }
.media-showcase__media--video lite-youtube { width: 100%; height: 100%; min-height: inherit; max-width: none; border-radius: 0 !important; transition: transform .6s var(--ui-ease), filter .35s; }
.media-showcase.is-interactive:hover .media-showcase__media--video lite-youtube { transform: scale(1.018); filter: saturate(1.04); }
.media-showcase__label { position: absolute; z-index: 4; top: 1rem; left: 1rem; display: inline-flex; align-items: center; gap: .42rem; padding: .42rem .62rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #fff; background: rgba(5,10,20,.68); box-shadow: 0 8px 22px rgba(0,0,0,.22); backdrop-filter: blur(10px); font-size: .52rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.media-showcase__corner { position: absolute; z-index: 4; right: .8rem; bottom: .8rem; width: 2.2rem; height: 2.2rem; border-right: 2px solid rgba(var(--cl-accent), .62); border-bottom: 2px solid rgba(var(--cl-accent), .62); border-radius: 0 0 .55rem; pointer-events: none; transition: width .35s, height .35s; }
.media-showcase:hover .media-showcase__corner { width: 3rem; height: 3rem; }
.media-showcase__placeholder { display: flex; min-height: inherit; align-items: center; justify-content: center; flex-direction: column; gap: .75rem; color: var(--ui-dim); background: repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 8px, transparent 8px 16px); font-size: .68rem; }
.media-showcase__placeholder i { color: rgb(var(--cl-accent)); font-size: 1.6rem; }

/* Legal documents and long-form descriptions */
.legal-page { max-width: 62rem; margin-inline: auto; padding: 3rem 0 4rem; }
.legal-hero { display: flex; max-width: 46rem; align-items: center; margin: 0 auto 2rem; flex-direction: column; text-align: center; }
.legal-hero__icon { position: relative; display: grid; width: 3.25rem; height: 3.25rem; margin-bottom: .8rem; place-items: center; border: 1px solid rgba(var(--cl-accent), .25); border-radius: 1rem; color: rgb(var(--cl-accent)); background: linear-gradient(145deg, rgba(var(--cl-accent), .18), rgba(var(--cl-accent), .055)); box-shadow: 0 14px 32px rgba(var(--cl-accent), .12), inset 0 1px rgba(255,255,255,.08); font-size: 1rem; animation: legal-icon-float 4s ease-in-out infinite; }
.legal-hero__icon::after { position: absolute; inset: -.45rem; content: ""; border: 1px solid rgba(var(--cl-accent), .09); border-radius: 1.25rem; }
.legal-hero__eyebrow { color: rgb(var(--cl-accent)); font-size: .56rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.legal-hero h1 { margin-top: .6rem; color: rgb(var(--cl-t-primary)); font-size: clamp(2rem, 5vw, 3.15rem); font-weight: 880; letter-spacing: -.055em; line-height: 1; }
.legal-hero > p { max-width: 34rem; margin-top: .85rem; color: var(--ui-muted); font-size: .72rem; line-height: 1.7; }
.legal-hero__meta { display: flex; justify-content: center; gap: .55rem; margin-top: 1.2rem; flex-wrap: wrap; }
.legal-hero__meta span { display: inline-flex; align-items: center; gap: .4rem; padding: .42rem .62rem; border: 1px solid var(--ui-border); border-radius: 999px; color: var(--ui-dim); background: rgba(var(--cl-card), .5); font-size: .52rem; font-weight: 720; }
.legal-hero__meta i { color: rgb(var(--cl-accent)); }
.legal-document { position: relative; display: grid; grid-template-columns: 11rem minmax(0, 1fr); overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1.25rem; background: radial-gradient(circle at 0 0, rgba(var(--cl-accent), .09), transparent 27%), linear-gradient(150deg, rgba(var(--cl-card), .97), rgba(var(--cl-background), .48)); box-shadow: 0 26px 75px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.035); transform-style: preserve-3d; transition: transform .2s ease-out, border-color .3s, box-shadow .3s; }
.legal-document::before { position: absolute; z-index: 3; top: 0; right: 12%; left: 12%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .58), transparent); }
.legal-document:hover { transform: perspective(1200px) rotateX(calc(var(--rotate-x, 0deg) * .2)) rotateY(calc(var(--rotate-y, 0deg) * .2)) translateY(-3px); border-color: rgba(var(--cl-accent), .2); box-shadow: 0 34px 85px rgba(0,0,0,.32); }
.legal-document__rail { position: relative; display: flex; align-items: center; padding: 2rem 1.35rem; border-right: 1px solid var(--ui-border); flex-direction: column; text-align: center; background: rgba(var(--cl-background), .2); }
.legal-document__rail > span { display: grid; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid rgba(var(--cl-accent), .2); border-radius: .8rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .09); font-size: .78rem; }
.legal-document__rail strong { margin-top: .8rem; color: rgb(var(--cl-t-primary)); font-size: .68rem; line-height: 1.35; }
.legal-document__rail small { margin-top: .3rem; color: var(--ui-dim); font-size: .48rem; letter-spacing: .05em; text-transform: uppercase; }
.legal-document__line { width: 1px; min-height: 4rem; flex: 1; margin-top: 1.2rem; background: linear-gradient(rgb(var(--cl-accent)), transparent); opacity: .28; }
.legal-document__body { min-width: 0; padding: clamp(1.4rem, 4vw, 3rem); color: rgba(var(--cl-t-primary), .74); font-size: .76rem; line-height: 1.85; }
.legal-document__body > *:first-child, .product-description.editor > *:first-child { margin-top: 0 !important; }
.legal-document__body > *:last-child, .product-description.editor > *:last-child { margin-bottom: 0 !important; }
.legal-document__body h1, .legal-document__body h2, .legal-document__body h3, .product-description.editor h1, .product-description.editor h2, .product-description.editor h3 { color: rgb(var(--cl-t-primary)) !important; font-weight: 820 !important; letter-spacing: -.025em; line-height: 1.25; }
.legal-document__body h1, .product-description.editor h1 { margin: 0 0 1rem !important; font-size: 1.45rem !important; }
.legal-document__body h2, .product-description.editor h2 { margin: 1.7rem 0 .65rem !important; padding-left: .7rem; border-left: 2px solid rgb(var(--cl-accent)); font-size: 1.08rem !important; }
.legal-document__body h3, .product-description.editor h3 { margin: 1.3rem 0 .5rem !important; font-size: .88rem !important; }
.legal-document__body p, .product-description.editor p { margin: .65rem 0 !important; color: inherit !important; line-height: inherit !important; }
.legal-document__body strong, .product-description.editor strong { color: rgba(var(--cl-t-primary), .94) !important; font-weight: 780 !important; }
.legal-document__body ul, .legal-document__body ol, .product-description.editor ul, .product-description.editor ol { display: grid; gap: .45rem; margin: .8rem 0 1rem 1rem !important; }
.legal-document__body li, .product-description.editor li { position: relative; padding-left: .65rem; }
.legal-document__body li::marker, .product-description.editor li::marker { color: rgb(var(--cl-accent)); }
.legal-document__body a, .product-description.editor a { color: rgb(var(--cl-accent)) !important; text-decoration: underline; text-decoration-color: rgba(var(--cl-accent), .35); text-underline-offset: 3px; transition: color .2s, text-decoration-color .2s; }
.legal-document__body a:hover, .product-description.editor a:hover { text-decoration-color: currentColor; }
.legal-document__body blockquote, .product-description.editor blockquote { margin: 1rem 0 !important; padding: .8rem 1rem; border-left: 2px solid rgb(var(--cl-accent)); border-radius: 0 .7rem .7rem 0; background: rgba(var(--cl-accent), .06); }
.legal-document__footer { display: flex; min-height: 3.9rem; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1.2rem; border-top: 1px solid var(--ui-border); background: rgba(var(--cl-background), .2); color: var(--ui-dim); font-size: .55rem; }
.legal-document__footer > span, .legal-document__footer a { display: inline-flex; align-items: center; gap: .45rem; }
.legal-document__footer > span i { color: #4add91; }
.legal-document__footer a { color: rgb(var(--cl-accent)); font-weight: 800; transition: transform .2s; }
.legal-document__footer a:hover { transform: translateX(3px); }
.product-description-panel { box-shadow: 0 18px 48px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.025); }
.product-description-panel:hover { border-color: rgba(var(--cl-accent), .2) !important; box-shadow: 0 24px 58px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.035); }
.product-description.editor { font-size: .74rem; }
@keyframes legal-icon-float { 50% { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(var(--cl-accent), .16), inset 0 1px rgba(255,255,255,.08); } }

/* 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); }
.home-reviews { position: relative; margin-top: 4.5rem; padding: 2rem; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1.35rem; background: radial-gradient(circle at 50% -20%, rgba(var(--cl-accent), .14), transparent 42%), linear-gradient(145deg, rgba(var(--cl-card), .86), rgba(var(--cl-background), .36)); box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.home-reviews::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom, black, transparent 72%); }
.home-reviews__heading { position: relative; z-index: 2; display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.6rem; }
.home-reviews__intro { max-width: 38rem; }
.home-reviews__badge { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: .75rem; padding: .38rem .62rem; border: 1px solid rgba(var(--cl-accent), .22); border-radius: 999px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); font-size: .55rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.home-reviews__intro h2 { color: rgb(var(--cl-t-primary)); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 850; letter-spacing: -.045em; line-height: 1.05; }
.home-reviews__intro p { max-width: 32rem; margin-top: .65rem; color: var(--ui-muted); font-size: .72rem; line-height: 1.7; }
.home-reviews__actions { display: flex; gap: .5rem; }
.home-reviews__arrow { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border: 1px solid var(--ui-border); border-radius: .75rem; color: rgb(var(--cl-t-primary)); background: rgba(var(--cl-card), .74); font-size: .65rem; transition: transform .2s, color .2s, border-color .2s, background .2s; }
.home-reviews__arrow:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent), .4); color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); }
.home-reviews__viewport { position: relative; z-index: 2; margin-inline: -2rem; padding-inline: 2rem; overflow: hidden; }
.home-reviews__viewport::before, .home-reviews__viewport::after { position: absolute; z-index: 12; top: 0; bottom: 0; width: clamp(1.5rem, 6vw, 5rem); content: ""; pointer-events: none; }
.home-reviews__viewport::before { left: 0; background: linear-gradient(90deg, rgba(var(--cl-card), .94), transparent); }
.home-reviews__viewport::after { right: 0; background: linear-gradient(-90deg, rgba(var(--cl-card), .94), transparent); }
.home-reviews__track { position: relative; height: 15.5rem; outline: none; perspective: 1100px; touch-action: pan-y; }
.home-reviews__loading { display: flex; min-height: 12rem; align-items: center; justify-content: center; gap: .55rem; border: 1px dashed var(--ui-border); border-radius: 1rem; color: var(--ui-dim); font-size: .62rem; }
.home-review { position: absolute; top: .65rem; left: 50%; width: min(36rem, 56%); min-height: 13rem; padding: 1.25rem; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1.05rem; opacity: var(--deck-opacity, 0); z-index: var(--deck-z, 1); background: linear-gradient(145deg, rgba(var(--cl-card), .99), rgba(var(--cl-background), .58)); box-shadow: 0 14px 34px rgba(0,0,0,.18); cursor: pointer; transform: translateX(-50%) translateX(calc(var(--deck-offset, 0) * clamp(8rem, 19vw, 16rem))) translateY(var(--deck-y, 0px)) rotateY(var(--deck-rotate, 0deg)) scale(var(--deck-scale, .82)); transform-origin: center bottom; transform-style: preserve-3d; filter: saturate(var(--deck-saturation, .7)) brightness(var(--deck-brightness, .72)) blur(var(--deck-blur, 0)); will-change: transform, opacity, filter; transition: transform .72s cubic-bezier(.2,.82,.2,1), opacity .48s ease, filter .55s ease, border-color .3s, box-shadow .3s; }
.home-review[data-depth="3"] { pointer-events: none; }
.home-review.is-active { cursor: default; border-color: rgba(var(--cl-accent), .32); box-shadow: 0 28px 65px rgba(0,0,0,.32), 0 0 0 1px rgba(var(--cl-accent), .05); }
.home-review::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; }
.home-review:not(.is-active):hover { filter: saturate(.9) brightness(.88); border-color: rgba(var(--cl-accent), .25); }
.home-review:hover::before { opacity: 1; }
.home-review > * { position: relative; z-index: 1; }
.home-review__top { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; align-items: center; gap: .65rem; }
.home-review__avatar { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgba(var(--cl-accent), .2); border-radius: 50%; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .62rem; }
.home-review__top strong, .home-review__top small { display: block; }
.home-review__top strong { font-size: .66rem; font-weight: 800; }
.home-review__top small { margin-top: .2rem; color: var(--ui-dim); font-size: .48rem; }
.home-review__top small i { margin-right: .2rem; color: #4add91; }
.home-review__stars { display: flex; gap: .16rem; color: rgb(var(--cl-accent)); font-size: .58rem; }
.home-review__stars i { transition: transform .25s var(--ui-ease); transition-delay: calc(var(--star-index) * 32ms); }
.home-review.is-active .home-review__stars i { animation: home-review-star-pop .45s var(--ui-ease) both; animation-delay: calc(var(--star-index) * 45ms + 180ms); }
@keyframes home-review-star-pop { 0% { opacity: .35; transform: translateY(5px) scale(.7) rotate(-12deg); } 70% { transform: translateY(-2px) scale(1.18) rotate(4deg); } 100% { opacity: 1; transform: none; } }
.home-review__message { display: -webkit-box; min-height: 4.8rem; margin-top: 1rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: rgba(var(--cl-t-primary), .78); font-size: .7rem; font-weight: 600; line-height: 1.7; }
.home-review__footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--ui-border); color: var(--ui-dim); font-size: .5rem; }
.home-review__footer span { max-width: 72%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-review__footer span i { margin-right: .35rem; color: rgb(var(--cl-accent)); }
.home-reviews__bottom { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin-top: .8rem; }
.home-reviews__bottom > span { color: var(--ui-dim); font-size: .55rem; font-variant-numeric: tabular-nums; }
.home-reviews__bottom a { display: inline-flex; align-items: center; gap: .45rem; color: rgb(var(--cl-accent)); font-size: .6rem; font-weight: 800; }
.home-reviews__bottom a i { transition: transform .2s; }
.home-reviews__bottom a:hover i { transform: translateX(3px); }
.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-dashboard { display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; padding: .8rem; border: 1px solid var(--ui-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(var(--cl-card), .82), rgba(var(--cl-background), .25)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.status-dashboard__summary { display: grid; grid-template-columns: repeat(2, minmax(8rem, 1fr)); gap: .55rem; }
.status-dashboard__summary > div { display: flex; min-width: 8rem; align-items: center; gap: .65rem; padding: .55rem .7rem; border: 1px solid var(--ui-border); border-radius: .75rem; background: rgba(var(--cl-background), .22); transition: transform .22s, border-color .22s; }
.status-dashboard__summary > div:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent), .24); }
.status-dashboard__icon { display: grid; width: 2rem; height: 2rem; flex: none; place-items: center; border-radius: .6rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .62rem; }
.status-dashboard__summary strong, .status-dashboard__summary small { display: block; }
.status-dashboard__summary strong { font-size: .9rem; font-weight: 850; line-height: 1; }
.status-dashboard__summary small { margin-top: .2rem; color: var(--ui-dim); font-size: .48rem; font-weight: 750; text-transform: uppercase; }
.status-filter { display: flex; min-width: 15rem; max-width: 34rem; justify-content: center; flex-direction: column; }
.status-filter > span:first-child { margin-bottom: .35rem; color: var(--ui-dim); font-size: .52rem; font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
.status-filter > span:first-child i { margin-right: .3rem; color: rgb(var(--cl-accent)); }
.status-filter__buttons { display: flex; align-items: center; gap: .4rem; overflow-x: auto; padding: .15rem .05rem .25rem; scroll-snap-type: inline proximity; scrollbar-width: none; }
.status-filter__buttons::-webkit-scrollbar { display: none; }
.status-filter__buttons button { position: relative; display: inline-flex; min-height: 2.45rem; align-items: center; gap: .42rem; padding: 0 .75rem; overflow: hidden; border: 1px solid var(--ui-border); border-radius: .7rem; color: var(--ui-muted); background: rgba(var(--cl-background), .32); scroll-snap-align: start; flex: none; font-size: .58rem; font-weight: 780; white-space: nowrap; transition: transform .22s var(--ui-ease), border-color .22s, color .22s, background .22s, box-shadow .22s; }
.status-filter__buttons button::before { position: absolute; inset: 0; content: ""; opacity: 0; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.1), transparent 70%); transform: translateX(-100%); transition: opacity .2s, transform .55s; }
.status-filter__buttons button:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent), .3); color: rgb(var(--cl-t-primary)); }
.status-filter__buttons button:hover::before { opacity: 1; transform: translateX(100%); }
.status-filter__buttons button i { position: relative; z-index: 1; color: rgb(var(--cl-accent)); font-size: .52rem; }
.status-filter__buttons button.is-active { border-color: rgba(var(--cl-accent), .5); color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); box-shadow: 0 8px 20px rgba(var(--cl-accent), .2), inset 0 1px rgba(255,255,255,.14); transform: translateY(-1px); }
.status-filter__buttons button.is-active i { color: inherit; }
.status-subnav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.35rem; padding: 0 .2rem; }
.status-legend { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.status-legend span { display: inline-flex; align-items: center; gap: .35rem; color: var(--ui-dim); font-size: .52rem; font-weight: 720; }
.status-legend i { width: .42rem; height: .42rem; border-radius: 50%; }
.status-legend .is-online { background: #35d483; box-shadow: 0 0 8px rgba(53,212,131,.45); }
.status-legend .is-updating { background: #f58a2b; box-shadow: 0 0 8px rgba(245,138,43,.45); }
.status-legend .is-offline { background: #ee514a; box-shadow: 0 0 8px rgba(238,81,74,.45); }
.status-subnav > p { color: var(--ui-dim); font-size: .55rem; }
.status-subnav > p strong { color: rgb(var(--cl-t-primary)); font-size: .68rem; }
.status-group { transition: opacity .28s, transform .35s var(--ui-ease); }
.status-group.is-filtering-in { animation: status-group-in .45s var(--ui-ease) both; }
.status-group.is-filtering-out { pointer-events: none; animation: status-group-out .24s ease both; }
.status-empty { display: flex; min-height: 15rem; align-items: center; justify-content: center; padding: 2rem; border: 1px dashed rgba(var(--cl-accent), .22); border-radius: 1rem; flex-direction: column; text-align: center; background: rgba(var(--cl-card), .34); }
.status-empty[hidden] { display: none; }
.status-empty > span { display: grid; width: 2.8rem; height: 2.8rem; margin-bottom: .75rem; place-items: center; border-radius: .8rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); }
.status-empty strong { font-size: .9rem; }
.status-empty p { max-width: 22rem; margin-top: .35rem; color: var(--ui-muted); font-size: .62rem; }
.status-empty button { margin-top: 1rem; padding: .62rem .85rem; border: 1px solid rgba(var(--cl-accent), .3); border-radius: .65rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); font-size: .58rem; font-weight: 800; transition: transform .2s, background .2s, color .2s; }
.status-empty button:hover { transform: translateY(-2px); color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); }
@keyframes status-group-in { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: none; } }
@keyframes status-group-out { to { opacity: 0; transform: translateY(-7px) scale(.985); } }
.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-window-titlebar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .9rem; }
.product-window-controls { display: flex; align-items: center; gap: .42rem; padding-right: .15rem; }
.product-window-controls i { position: relative; width: .68rem; height: .68rem; border-radius: 50%; box-shadow: inset 0 -1px 2px rgba(0,0,0,.2), 0 0 0 3px transparent; transition: transform .25s var(--ui-ease), box-shadow .25s, filter .25s; }
.product-window-controls .is-close { background: #f05c57; }
.product-window-controls .is-minimize { background: #eebc3f; }
.product-window-controls .is-ready { background: #43cf79; }
.product-media-panel:hover .product-window-controls i { transform: translateY(-1px) scale(1.08); }
.product-media-panel:hover .product-window-controls .is-close { box-shadow: 0 0 0 3px rgba(240,92,87,.1), 0 0 12px rgba(240,92,87,.25); }
.product-media-panel:hover .product-window-controls .is-minimize { box-shadow: 0 0 0 3px rgba(238,188,63,.1), 0 0 12px rgba(238,188,63,.24); transition-delay: 45ms; }
.product-media-panel:hover .product-window-controls .is-ready { box-shadow: 0 0 0 3px rgba(67,207,121,.1), 0 0 12px rgba(67,207,121,.24); transition-delay: 90ms; }
.product-window-title { min-width: 0; }
.product-window-title small { display: flex; align-items: center; gap: .38rem; margin-bottom: .28rem; color: rgb(var(--cl-accent)); font-size: .48rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.product-window-title h1 { overflow: hidden; color: rgb(var(--cl-t-primary)); font-size: clamp(1.05rem, 2.2vw, 1.5rem); font-weight: 840; text-overflow: ellipsis; white-space: nowrap; transition: color .25s, transform .3s var(--ui-ease); }
.product-media-panel:hover .product-window-title h1 { color: rgba(var(--cl-t-primary), .94); transform: translateX(2px); }
.product-window-status { display: flex; align-items: center; gap: .55rem; padding: .45rem .62rem; border: 1px solid var(--ui-border); border-radius: 999px; background: rgba(var(--cl-background), .26); }
.product-window-status > span { font-size: .65rem; font-weight: 820; white-space: nowrap; }
.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-column { width: 100% !important; }
.checkout-panel { width: 100%; border-radius: 1.05rem !important; border-color: rgba(255,255,255,.075) !important; background: linear-gradient(160deg, rgba(var(--cl-card), .98), rgba(var(--cl-background), .4)) !important; box-shadow: 0 24px 64px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.035); }
.checkout-panel__header { position: relative; overflow: hidden; border-bottom: 1px solid var(--ui-border); background: linear-gradient(135deg, rgba(var(--cl-accent), .105), rgba(var(--cl-card), .82) 46%, rgba(var(--cl-background), .5)) !important; }
.checkout-panel__header::after { position: absolute; top: -3.5rem; right: -2rem; width: 8rem; height: 8rem; content: ""; border-radius: 50%; pointer-events: none; background: rgba(var(--cl-accent), .09); filter: blur(22px); }
.checkout-panel__header-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.checkout-panel__price { min-width: 0; }
.checkout-panel__eyebrow { display: block; margin-bottom: .3rem; color: rgb(var(--cl-accent)); font-size: .49rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.checkout-panel__price-row { display: flex; align-items: baseline; gap: .55rem; min-width: 0; }
.checkout-panel__total { font-weight: 760; line-height: 1; letter-spacing: -.035em; white-space: nowrap; }
.checkout-panel__unit { margin: 0; font-size: .66rem !important; font-weight: 650; white-space: nowrap; }
.checkout-panel__availability { flex: 0 0 auto; }
.checkout-stock { display: inline-flex; min-height: 2rem; align-items: center; gap: .5rem; padding: .42rem .65rem; border: 1px solid var(--ui-border); border-radius: 999px; font-size: .6rem; font-weight: 800; white-space: nowrap; background: rgba(var(--cl-background), .38); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.checkout-stock__dot { width: .42rem; height: .42rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px currentColor; opacity: .9; }
.checkout-stock--available { border-color: rgba(63,210,133,.2); color: #4add91; }
.checkout-stock--available .checkout-stock__dot { box-shadow: 0 0 0 4px rgba(74,221,145,.1), 0 0 12px rgba(74,221,145,.5); animation: live-stat-pulse 1.8s ease-in-out infinite; }
.checkout-stock--empty { border-color: rgba(244,81,73,.2); color: #f06a64; }
.checkout-stock--hold { color: #f6a33b; }
.trusted-payments { position: relative; padding: 1rem; border-top: 1px solid var(--ui-border); background: radial-gradient(circle at 0 0, rgba(var(--cl-accent), .09), transparent 42%), rgba(var(--cl-background), .16); }
.trusted-payments::before { position: absolute; top: 0; right: 18%; left: 18%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .45), transparent); }
.trusted-payments__heading { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) auto; align-items: center; gap: .7rem; }
.trusted-payments__heading > span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border: 1px solid rgba(var(--cl-accent), .2); border-radius: .7rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .7rem; box-shadow: inset 0 1px rgba(255,255,255,.06); }
.trusted-payments__heading > span img { width: 1.35rem; height: 1.35rem; border-radius: .3rem; object-fit: contain; }
.trusted-payments__heading strong, .trusted-payments__heading small { display: block; }
.trusted-payments__heading strong { font-size: .7rem; font-weight: 840; }
.trusted-payments__heading small { margin-top: .2rem; color: var(--ui-dim); font-size: .5rem; }
.trusted-payments__verified { color: #4add91; font-size: .75rem; filter: drop-shadow(0 0 8px rgba(74,221,145,.25)); animation: trusted-verified 2.6s ease-in-out infinite; }
.trusted-payments__methods { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin-top: .85rem; }
.trusted-payments__methods button { display: flex; min-width: 0; min-height: 3.3rem; align-items: center; justify-content: center; gap: .35rem; overflow: hidden; border: 1px solid var(--ui-border); border-radius: .7rem; color: var(--ui-muted); background: linear-gradient(145deg, rgba(var(--cl-card), .72), rgba(var(--cl-background), .24)); flex-direction: column; font-size: .48rem; font-weight: 760; transition: transform .23s var(--ui-ease), border-color .23s, color .23s, background .23s, box-shadow .23s; }
.trusted-payments__methods button i { color: rgb(var(--cl-accent)); font-size: .76rem; transition: transform .28s var(--ui-ease); }
.trusted-payments__methods button img { width: 1.25rem; height: 1.25rem; border-radius: .28rem; object-fit: contain; filter: drop-shadow(0 4px 7px rgba(0,0,0,.18)); transition: transform .28s var(--ui-ease), filter .28s; }
.trusted-payments__methods button:hover, .trusted-payments__methods button:focus-visible { transform: translateY(-3px); border-color: rgba(var(--cl-accent), .34); color: rgb(var(--cl-t-primary)); background: rgba(var(--cl-accent), .08); box-shadow: 0 10px 22px rgba(0,0,0,.16); }
.trusted-payments__methods button:hover i { transform: scale(1.12) rotate(-4deg); }
.trusted-payments__methods button:hover img { transform: scale(1.14) rotate(-3deg); filter: drop-shadow(0 7px 10px rgba(var(--cl-accent), .18)); }
.trusted-payments__assurances { display: flex; align-items: center; justify-content: center; gap: .7rem; margin-top: .75rem; flex-wrap: wrap; }
.trusted-payments__assurances span { display: inline-flex; align-items: center; gap: .3rem; color: var(--ui-dim); font-size: .46rem; font-weight: 700; }
.trusted-payments__assurances i { color: #4add91; }
.trusted-payments > p { margin-top: .75rem; padding-top: .65rem; border-top: 1px solid var(--ui-border); color: var(--ui-dim); font-size: .47rem; line-height: 1.5; text-align: center; }
.trusted-payments > p i { margin-right: .25rem; color: rgb(var(--cl-accent)); }
@keyframes trusted-verified { 50% { transform: scale(1.08); filter: drop-shadow(0 0 12px rgba(74,221,145,.42)); } }
.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); } }
@media (min-width: 1024px) {
  .checkout-column { width: 40% !important; }
}
.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; }
.catalog-page-hero { display: flex; max-width: 42rem; align-items: center; margin: 0 auto 1.7rem; flex-direction: column; text-align: center; }
.catalog-page-hero > span { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .65rem; border: 1px solid rgba(var(--cl-accent), .22); border-radius: 999px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); font-size: .54rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.catalog-page-hero h1 { margin-top: .75rem; color: rgb(var(--cl-t-primary)); font-size: clamp(1.85rem, 4vw, 2.8rem); font-weight: 870; letter-spacing: -.05em; line-height: 1; }
.catalog-page-hero p { max-width: 34rem; margin-top: .7rem; color: var(--ui-muted); font-size: .7rem; line-height: 1.7; }
.catalog-page-layout { display: grid; gap: 1.2rem; }
.catalog-filter-panel { position: relative; padding: 1rem; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 1.1rem; background: radial-gradient(circle at 0 0, rgba(var(--cl-accent), .1), transparent 28%), linear-gradient(145deg, rgba(var(--cl-card), .92), rgba(var(--cl-background), .3)); box-shadow: 0 16px 42px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.035); }
.catalog-filter-panel::before { position: absolute; top: 0; right: 12%; left: 12%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .5), transparent); }
.catalog-filter-panel__heading { display: flex; align-items: center; gap: .7rem; margin-bottom: .85rem; }
.catalog-filter-panel__heading > span { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: .68rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: .65rem; }
.catalog-filter-panel__heading strong, .catalog-filter-panel__heading small { display: block; }
.catalog-filter-panel__heading strong { font-size: .75rem; font-weight: 820; }
.catalog-filter-panel__heading small { margin-top: .18rem; color: var(--ui-dim); font-size: .5rem; }
.catalog-filter-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .8rem; }
.catalog-filter-fields { display: grid; min-width: 0; grid-template-columns: minmax(15rem, 1.35fr) minmax(11rem, .75fr) minmax(13rem, .8fr); align-items: end; gap: .8rem; }
.catalog-filter-fields label { margin-bottom: .4rem !important; color: var(--ui-dim); font-size: .52rem !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; }
.catalog-category-links { display: flex; max-width: 100%; gap: .35rem; overflow-x: auto; padding-bottom: .1rem; scrollbar-width: none; }
.catalog-category-links::-webkit-scrollbar { display: none; }
.catalog-category-links a { width: auto !important; padding: .62rem .75rem !important; border-color: var(--ui-border) !important; border-radius: .68rem !important; flex: none; background: rgba(var(--cl-background), .24); font-size: .62rem !important; font-weight: 720; }
.catalog-category-links a:hover { border-color: rgba(var(--cl-accent), .3) !important; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .07) !important; }
.catalog-filter-keyword input, .catalog-filter-price input { height: 2.55rem; border-radius: .68rem !important; color: rgb(var(--cl-t-primary)) !important; background: rgba(var(--cl-background), .3) !important; font-size: .64rem !important; transition: border-color .2s, background .2s, box-shadow .2s; }
.catalog-filter-keyword input:focus, .catalog-filter-price input:focus { border-color: rgba(var(--cl-accent), .42) !important; background: rgba(var(--cl-accent), .045) !important; box-shadow: 0 0 0 3px rgba(var(--cl-accent), .07) !important; }
.catalog-filter-actions { display: grid; grid-template-columns: auto auto; gap: .55rem; }
.catalog-filter-actions > * { width: auto !important; min-width: 6.2rem; height: 2.55rem; padding: 0 .85rem !important; border-radius: .68rem !important; font-size: .62rem; transition: transform .2s, box-shadow .2s, background .2s; }
.catalog-filter-actions > *:hover { transform: translateY(-2px); box-shadow: 0 9px 20px rgba(var(--cl-accent), .13); }
.catalog-mobile-filter { display: flex; width: 100%; min-height: 2.9rem; align-items: center; justify-content: center; gap: .55rem; border: 1px solid rgba(var(--cl-accent), .34); border-radius: .8rem; color: rgb(var(--cl-t-accent)); background: rgb(var(--cl-accent)); box-shadow: 0 10px 25px rgba(var(--cl-accent), .18); font-size: .7rem; font-weight: 800; }
.collection-modal { position: fixed !important; z-index: 100 !important; inset: 0 !important; overflow: hidden; }
.collection-modal__stage { position: relative; display: grid; width: 100%; height: 100dvh; place-items: center; padding: clamp(.75rem, 3vw, 2rem); }
.collection-modal__backdrop { position: absolute; z-index: 0; inset: 0; background: rgba(var(--cl-background), .82); backdrop-filter: blur(12px) saturate(.75); }
.collection-modal__panel { position: relative; z-index: 1; width: min(74rem, 100%); max-height: calc(100dvh - clamp(1.5rem, 6vw, 4rem)); text-align: left; transform-origin: center; }
.collection-modal__surface { display: flex; max-height: inherit; overflow: hidden; border: 1px solid rgba(var(--cl-accent), .2); border-radius: 1.2rem; color: rgb(var(--cl-t-primary)); background: radial-gradient(circle at 0 0, rgba(var(--cl-accent), .12), transparent 32%), linear-gradient(145deg, rgba(var(--cl-card), .98), rgba(var(--cl-background), .88)); box-shadow: 0 35px 100px rgba(0,0,0,.55), inset 0 1px rgba(255,255,255,.045); flex-direction: column; }
.collection-modal__surface::before { position: absolute; top: 0; right: 12%; left: 12%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .7), transparent); }
.collection-modal__header { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.35rem; border-bottom: 1px solid var(--ui-border); background: rgba(var(--cl-background), .18); }
.collection-modal__header > div { min-width: 0; }
.collection-modal__header span { display: inline-flex; align-items: center; gap: .4rem; color: rgb(var(--cl-accent)); font-size: .5rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.collection-modal__header h3 { margin-top: .35rem; overflow: hidden; font-size: clamp(1.05rem, 2.3vw, 1.45rem); font-weight: 850; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.collection-modal__header p { margin-top: .28rem; color: var(--ui-dim); font-size: .56rem; }
.collection-modal__close { display: grid; width: 2.55rem; height: 2.55rem; flex: none; place-items: center; border: 1px solid var(--ui-border); border-radius: .75rem; color: var(--ui-muted); background: rgba(255,255,255,.025); font-size: .7rem; transition: transform .22s, color .22s, border-color .22s, background .22s; }
.collection-modal__close:hover { transform: rotate(5deg) scale(1.04); border-color: rgba(240,92,87,.32); color: #f06a64; background: rgba(240,92,87,.08); }
.collection-modal__grid { display: grid; min-height: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; padding: 1.2rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: rgba(var(--cl-accent), .42) transparent; }
.collection-modal__grid::after { grid-column: 1 / -1; height: .1rem; content: ""; }
.collection-modal__grid .product-card-v8__media > img { max-height: 9rem; }
.collection-modal__grid .product-card-v8__description { min-height: 2.1rem; max-height: 2.1rem; -webkit-line-clamp: 2; line-clamp: 2; }
.collection-modal__grid .product-card-v8__body { padding: .75rem .85rem .85rem; }

/* 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); }
.availability-dot { position: relative; flex: none; animation: availability-pulse 1.9s ease-out infinite; }
.availability-dot::after { position: absolute; inset: -.18rem; content: ""; border: 1px solid currentColor; border-radius: 50%; opacity: .45; animation: availability-ring 1.9s ease-out infinite; }
.product-card-v8__status.is-stock { color: #66dfa0; }
.product-card-v8__status.is-out { color: #fb7185; }
.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-link { display: flex !important; align-items: center; gap: .65rem !important; margin-top: .25rem; padding: .55rem .65rem; border: 1px solid rgba(84,214,140,.14); border-radius: .7rem; background: rgba(84,214,140,.045); }
.site-footer__status-link > span:last-child { min-width: 0; }
.site-footer__status-link strong, .site-footer__status-link small { display: block; }
.site-footer__status-link strong { color: #66dfa0; font-size: .58rem; }
.site-footer__status-link small { margin-top: .15rem; color: var(--ui-dim); font-size: .46rem; }
.site-footer__status-dot { width: .48rem; height: .48rem; border-radius: 50%; color: #54d68c; background: #54d68c; box-shadow: 0 0 0 4px rgba(84,214,140,.1), 0 0 12px rgba(84,214,140,.3); }
@keyframes availability-pulse { 50% { filter: brightness(1.25); box-shadow: 0 0 0 6px transparent; } }
@keyframes availability-ring { to { inset: -.52rem; opacity: 0; } }

/* Lightweight section reveals; enabled only after JavaScript initializes. */
.scroll-reveal.reveal-ready { opacity: 0; filter: blur(5px); transform: translateY(22px); transition: opacity .72s var(--ui-ease), transform .78s var(--ui-ease), filter .7s ease; will-change: opacity, transform, filter; }
.scroll-reveal.reveal-ready[data-reveal="slide-left"] { transform: translate3d(-26px, 14px, 0); }
.scroll-reveal.reveal-ready[data-reveal="slide-right"] { transform: translate3d(26px, 14px, 0); }
.scroll-reveal.reveal-ready[data-reveal="soft"] { transform: translateY(14px) scale(.992); }
.scroll-reveal.reveal-ready.is-visible { opacity: 1; filter: none; transform: none; will-change: auto; }
.scroll-reveal.reveal-complete { filter: none !important; transform: none !important; will-change: auto !important; }
.scroll-reveal.reveal-ready .reveal-child { opacity: .06; filter: saturate(.75); transition: opacity .55s var(--ui-ease) var(--reveal-delay, 0ms), filter .6s ease var(--reveal-delay, 0ms); }
.scroll-reveal.reveal-ready.is-visible .reveal-child { opacity: 1; filter: saturate(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) {
  .collection-modal__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog-page-layout { display: block; }
  .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) {
  .collection-modal__stage { align-items: end; padding: .65rem; }
  .collection-modal__panel { max-height: calc(100dvh - 1.3rem); }
  .collection-modal__surface { border-radius: 1rem; }
  .collection-modal__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .8rem; }
  .announcement-bar { grid-template-columns: auto minmax(0, 1fr) auto; gap: .55rem; }
  .announcement-bar__identity { padding-right: .45rem; }
  .announcement-bar__identity strong { display: none; }
  .catalog-page-hero { margin-bottom: 1.2rem; }
  .status-dashboard { align-items: stretch; flex-direction: column; }
  .status-filter { min-width: 0; }
  .legal-page { padding: 2rem 0 3rem; }
  .legal-document { grid-template-columns: 1fr; }
  .legal-document__rail { align-items: center; padding: 1rem; border-right: 0; border-bottom: 1px solid var(--ui-border); flex-direction: row; gap: .7rem; text-align: left; }
  .legal-document__rail strong, .legal-document__rail small { margin: 0; }
  .legal-document__rail small { margin-left: auto; }
  .legal-document__line { display: none; }
  .legal-document__body { padding: 1.35rem; }
  .media-showcase, .media-showcase--reverse { min-height: 0; grid-template-columns: 1fr; }
  .media-showcase .media-showcase__content { order: 1; padding: 1.4rem; }
  .media-showcase .media-showcase__media { order: 2; min-height: 15rem; border-top: 1px solid var(--ui-border); border-right: 0; border-left: 0; }
  .media-showcase__content h2 { font-size: 1.65rem; }
  .media-showcase__description { font-size: .7rem; }
  .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 { width: 6.25rem; }
  .site-nav-bottom { padding-left: .45rem; }
  .site-nav-link { padding-inline: .65rem; }
  .site-account-button > span:not(.site-account-button__icon), .site-account-button__arrow { display: none; }
  .site-account-button { width: 2.55rem; padding: 0; }
  .site-account-button__icon { width: 1.72rem; height: 1.72rem; }
  .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) {
  .collection-modal__header { padding: .9rem; }
  .collection-modal__grid { grid-template-columns: 1fr; }
  .collection-modal__grid .product-card-v8 { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); }
  .collection-modal__grid .product-card-v8__media { height: calc(100% - .45rem); min-height: 8.5rem; }
  .collection-modal__grid .product-card-v8__media > img { height: 100%; max-height: none; object-fit: cover; }
  .collection-modal__grid .product-card-v8__body { min-width: 0; }
  .product-window-titlebar { grid-template-columns: auto minmax(0, 1fr); }
  .product-window-status { grid-column: 1 / -1; justify-self: start; }
  .trusted-payments__methods { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trusted-payments__assurances { align-items: flex-start; flex-direction: column; }
  .announcement { margin-bottom: .65rem; }
  .announcement-bar { min-height: 2.85rem; padding: .38rem .45rem; border-radius: .82rem; }
  .announcement-bar__identity > span { width: 1.8rem; height: 1.8rem; }
  .announcement-bar__message { justify-content: flex-start; padding-inline: .25rem; }
  .announcement-bar__message > a { font-size: .62rem; }
  .status-dashboard__summary { grid-template-columns: 1fr 1fr; }
  .status-dashboard__summary > div { min-width: 0; padding: .5rem; }
  .status-dashboard__icon { display: none; }
  .status-subnav { align-items: flex-start; flex-direction: column; }
  .legal-hero__meta span:last-child { display: none; }
  .legal-document { border-radius: 1rem; }
  .legal-document__rail small { display: none; }
  .legal-document__footer { align-items: flex-start; flex-direction: column; }
  .media-showcase { border-radius: 1rem; }
  .media-showcase .media-showcase__content { padding: 1.15rem; }
  .media-showcase .media-showcase__media { min-height: 12.5rem; }
  .media-showcase__actions { align-items: stretch; flex-direction: column; }
  .media-showcase__actions > * { width: 100%; justify-content: center; }
  .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-panel { width: 100%; border-radius: .9rem !important; }
  .checkout-panel__header { padding: 1rem !important; }
  .checkout-panel__header-inner { align-items: flex-start; }
  .checkout-panel__eyebrow { margin-bottom: .36rem; }
  .checkout-panel__price-row { align-items: flex-start; flex-direction: column; gap: .3rem; }
  .checkout-panel__total { font-size: 1.72rem !important; }
  .checkout-panel__unit { font-size: .58rem !important; }
  .checkout-stock { min-height: 1.85rem; padding: .35rem .55rem; font-size: .54rem; }
  .checkout-panel form { padding: 1rem !important; }
  .checkout-panel form > * + * { margin-top: .8rem; }
  .checkout-actions { grid-template-columns: 1fr; gap: .55rem; margin-top: .85rem; padding-top: .85rem; }
  .checkout-action { min-height: 2.9rem; }
  .product-live-stats { grid-template-columns: 1fr; gap: .5rem; padding: .8rem; }
  .product-live-stat { min-height: 3.6rem; padding: .62rem; }
  .product-trust__header { align-items: start; flex-direction: column; }
  .home-reviews { margin-top: 2.75rem; padding: 1.15rem; border-radius: 1rem; }
  .home-reviews__heading { align-items: flex-start; flex-direction: column; margin-bottom: 1.1rem; }
  .home-reviews__actions { align-self: flex-end; }
  .home-reviews__viewport { margin-inline: -1.15rem; padding-inline: 1.15rem; }
  .home-reviews__track { height: 15rem; }
  .home-review { width: 82%; min-height: 12.5rem; padding: 1rem; transform: translateX(-50%) translateX(calc(var(--deck-offset, 0) * 4.25rem)) translateY(var(--deck-y, 0px)) rotateY(var(--deck-rotate, 0deg)) scale(var(--deck-scale, .82)); }
  .home-review[data-depth="2"], .home-review[data-depth="3"] { opacity: 0 !important; pointer-events: none; }
  .home-review__top { grid-template-columns: 1.9rem minmax(0, 1fr); }
  .home-review__stars { grid-column: 1 / -1; }
}
@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; }
  .scroll-reveal.reveal-ready, .scroll-reveal.reveal-ready .reveal-child { opacity: 1 !important; filter: none !important; transform: none !important; }
}:root {
    --bg-primary: #0a0a0c;
    --bg-panel: #111115;
    --text-primary: #f4f4f5;
    --text-secondary: #a1a1aa;
    --text-muted: #52525b;
    --accent: #86efac; /* Offhand green */
    --accent-glow: rgba(134, 239, 172, 0.05);
    --border-subtle: #202024;
    --border-accent: rgba(134, 239, 172, 0.15);
    --font-sans: 'Plus Jakarta Sans', sans-serif;
    --font-mono: 'Space Grotesk', sans-serif;
    
    /* Strict Spacing System */
    --space-8: 8px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --space-64: 64px;
    
    --transition-speed: 200ms;
    --transition-curve: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-sans);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* NAVBAR */
.nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    z-index: 100;
    background: rgba(10, 10, 12, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    align-items: center;
}

.nav-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-16);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-primary);
}

.nav-logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 4px;
}

.nav-title {
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.nav-menu {
    display: none;
    gap: var(--space-32);
}

.nav-link {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
    text-decoration: none;
    transition: color var(--transition-speed) var(--transition-curve);
}

.nav-link:hover {
    color: var(--text-primary);
}

.nav-status {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--border-subtle);
    padding: 6px 12px;
    border-radius: 6px;
}

.status-indicator {
    width: 6px;
    height: 6px;
    background-color: #ef4444; /* Red for out of stock */
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}

.status-text {
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
}

/* HERO SECTION */
.hero-section {
    padding-top: 100px;
    padding-bottom: var(--space-48);
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-16);
}

.hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-48);
    align-items: center;
}

.hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-badge {
    background: rgba(134, 239, 172, 0.05);
    border: 1px solid var(--border-accent);
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: var(--space-24);
}

.badge-text {
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--accent);
}

.hero-heading {
    font-family: var(--font-mono);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: var(--text-primary);
    margin-bottom: var(--space-16);
}

.accent-text {
    color: var(--accent);
}

.dot-accent {
    color: var(--accent);
}

.hero-desc {
    font-size: 15px;
    color: var(--text-secondary);
    max-width: 500px;
    margin-bottom: var(--space-32);
    line-height: 1.6;
}

.hero-actions {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

/* BUTTONS */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    padding: 0 var(--space-24);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all var(--transition-speed) var(--transition-curve);
    border: none;
    cursor: pointer;
    width: 100%;
}

.btn-primary {
    background-color: var(--accent);
    color: #0b0f19;
}

.btn-primary:hover {
    background-color: #a7f3d0;
    transform: translateY(-1px);
}

.btn-secondary {
    background-color: transparent;
    color: var(--text-primary);
    border: 1px solid var(--border-subtle);
}

.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.02);
    border-color: var(--text-secondary);
    transform: translateY(-1px);
}

.btn-icon {
    flex-shrink: 0;
}

/* SPEC PANEL */
.hero-spec {
    width: 100%;
}

.spec-panel {
    background-color: var(--bg-panel);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    overflow: hidden;
}

.spec-header {
    background-color: rgba(255, 255, 255, 0.01);
    border-bottom: 1px solid var(--border-subtle);
    padding: 12px var(--space-16);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spec-title {
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.spec-lang {
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: 700;
    color: var(--accent);
    background: rgba(134, 239, 172, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
}

.spec-list {
    list-style: none;
}

.spec-item {
    display: flex;
    justify-content: space-between;
    padding: 12px var(--space-16);
    border-bottom: 1px solid var(--border-subtle);
    font-size: 13px;
}

.spec-item:last-child {
    border-bottom: none;
}

.spec-label {
    color: var(--text-secondary);
    font-weight: 500;
}

.spec-value {
    color: var(--text-primary);
    font-weight: 600;
}

.font-mono-sub {
    font-family: var(--font-mono);
    font-size: 12px;
}

.text-green {
    color: var(--accent) !important;
}

/* RESPONSIVE BREAKPOINTS */

/* 576px & up */
@media (min-width: 576px) {
    .hero-actions {
        flex-direction: row;
        width: auto;
    }
    
    .btn {
        width: auto;
    }
}

/* 768px (Tablet) & up */
@media (min-width: 768px) {
    .nav-container {
        padding: 0 var(--space-24);
    }
    
    .nav-menu {
        display: flex;
    }
    
    .hero-container {
        padding: 0 var(--space-24);
    }
    
    .hero-heading {
        font-size: 38px;
    }
    
    .hero-section {
        padding-top: 120px;
    }
}

/* 1024px (Laptop) & up */
@media (min-width: 1024px) {
    .hero-grid {
        grid-template-columns: 1.15fr 0.85fr;
        gap: var(--space-64);
    }
    
    .hero-heading {
        font-size: 42px;
    }
    
    .hero-section {
        min-height: 80vh;
        padding-top: 80px;
        padding-bottom: var(--space-32);
    }
}

/* 1440px (Desktop) & up */
@media (min-width: 1440px) {
    .hero-heading {
        font-size: 46px;
    }
    
    .hero-section {
        min-height: 70vh;
    }
}

/* DETAILED TECHNICAL FEATURES GRID */
.features-section {
    padding-top: var(--space-64);
    padding-bottom: var(--space-64);
    border-top: 1px solid var(--border-subtle);
    background-color: #08080a;
}

.features-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-16);
}

.section-title {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    margin-bottom: var(--space-32);
}

.features-matrix {
    border-top: 1px solid var(--border-subtle);
}

.matrix-row {
    border-bottom: 1px solid var(--border-subtle);
    padding: var(--space-24) 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    transition: background-color var(--transition-speed) var(--transition-curve);
}

.matrix-row:hover {
    background-color: rgba(255, 255, 255, 0.01);
}

.matrix-meta {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.matrix-num {
    font-family: var(--font-mono);
    font-size: 14px;
    font-weight: 700;
    color: var(--text-muted);
}

.matrix-tag {
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--accent);
    background: rgba(134, 239, 172, 0.05);
    border: 1px solid var(--border-accent);
    padding: 3px 8px;
    border-radius: 4px;
}

.matrix-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.matrix-title {
    font-family: var(--font-mono);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--text-primary);
}

.matrix-desc {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    max-width: 800px;
}

/* RESPONSIVE BREAKPOINTS EXTENSION */
@media (min-width: 768px) {
    .features-container {
        padding: 0 var(--space-24);
    }
    
    .matrix-row {
        grid-template-columns: 200px 1fr;
        padding: var(--space-32) 0;
        gap: var(--space-32);
    }
    
    .matrix-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-8);
    }
}

/* PRICING SECTION */
.pricing-section {
    padding-top: var(--space-64);
    padding-bottom: var(--space-64);
    border-top: 1px solid var(--border-subtle);
    background-color: var(--bg-primary);
}

.pricing-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-16);
}

.pricing-intro {
    margin-bottom: var(--space-48);
}

.pricing-heading {
    font-family: var(--font-mono);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    margin-bottom: var(--space-8);
}

.pricing-sub {
    font-size: 14px;
    color: var(--text-secondary);
    max-width: 500px;
}

.pricing-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
}

.price-card {
    background-color: var(--bg-panel);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: var(--space-32);
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    position: relative;
    transition: border-color var(--transition-speed) var(--transition-curve);
}

.price-card:hover {
    border-color: var(--border-accent);
}

.price-card.disabled {
    opacity: 0.85;
}

.price-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-tier {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-primary);
}

.stock-badge {
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
    background: rgba(239, 68, 68, 0.03);
    padding: 3px 8px;
    border-radius: 4px;
}

.price-amount-block {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.price-amount {
    font-family: var(--font-mono);
    font-size: 28px;
    font-weight: 700;
    color: var(--text-primary);
}

.price-old {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: line-through;
}

.price-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 13px;
    color: var(--text-secondary);
}

.check-icon {
    color: var(--accent);
    margin-right: 6px;
    font-weight: bold;
}

.btn-price-disabled {
    background-color: rgba(255, 255, 255, 0.01);
    color: var(--text-muted);
    border: 1px solid var(--border-subtle);
    cursor: not-allowed;
}

.btn-price-disabled:hover {
    transform: none !important;
    background-color: rgba(255, 255, 255, 0.01) !important;
}

/* SITE FOOTER */
.site-footer {
    border-top: 1px solid var(--border-subtle);
    background-color: #060608;
    padding: var(--space-64) 0;
}

.footer-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-16);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-48);
}

.footer-brand-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-logo-block {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-logo {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 4px;
}

.footer-brand {
    font-family: var(--font-mono);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--text-primary);
}

.footer-disclaimer {
    font-size: 11px;
    color: var(--text-muted);
    line-height: 1.6;
    max-width: 480px;
}

.footer-info-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.footer-status-label {
    font-family: var(--font-mono);
    font-size: 9px;
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 0.05em;
}

.footer-status-val {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    color: var(--accent);
    letter-spacing: 0.03em;
    margin-bottom: var(--space-16);
}

.footer-copyright {
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

/* RESPONSIVE BREAKPOINTS EXTENSION */
@media (min-width: 768px) {
    .pricing-container, .footer-container {
        padding: 0 var(--space-24);
    }
    
    .pricing-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-24);
    }

    .footer-grid {
        grid-template-columns: 1.2fr 0.8fr;
    }

    .footer-info-col {
        align-items: flex-end;
        text-align: right;
    }
}

/* Accessibility: Respect motion reduction */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
    .btn:hover, .btn-primary:hover, .btn-secondary:hover, .matrix-row:hover, .price-card:hover {
        transform: none !important;
        border-color: var(--border-subtle) !important;
    }
}