/* 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-language, .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; width: 12rem !important; min-width: 12rem !important; max-height: 15rem; margin: .5rem 0 0 !important; padding: .4rem !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, .site-currency .choices__list[aria-expanded] .choices__item { padding: .62rem .65rem !important; border-radius: .55rem !important; color: rgba(var(--cl-t-primary), .82) !important; background: transparent !important; font-size: .68rem !important; text-align: left; transition: background .2s, color .2s, transform .2s !important; }
.site-currency .choices__list--dropdown .choices__item--selectable.is-highlighted, .site-currency .choices__list[aria-expanded] .choices__item--selectable.is-highlighted, .site-currency .choices__list--dropdown .choices__item.is-selected, .site-currency .choices__list[aria-expanded] .choices__item.is-selected { color: rgb(var(--cl-t-primary)) !important; background: rgba(var(--cl-accent), .1) !important; transform: translateX(2px); }
.site-currency .choices__list--dropdown .choices__item + .choices__item, .site-currency .choices__list[aria-expanded] .choices__item + .choices__item { margin-top: .12rem; }
.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%) rotate(0deg); transform-origin: 50% 50%; transition: transform .25s, color .25s; }
.site-currency:hover .site-currency__chevron { color: rgb(var(--cl-accent)); }
.site-currency.is-open .site-currency__chevron { color: rgb(var(--cl-accent)); transform: translateY(-50%) rotate(180deg); }

/* Nexora currency search polish */
.site-currency .choices__list--dropdown .choices__input,
.site-currency .choices__list[aria-expanded] .choices__input {
  width: calc(100% - .2rem) !important;
  margin: .1rem .1rem .45rem !important;
  padding: .7rem .85rem !important;
  border: 1px solid rgba(var(--cl-accent), .22) !important;
  border-radius: .7rem !important;
  outline: none !important;
  color: rgb(var(--cl-t-primary)) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.015)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 0 0 0 rgba(var(--cl-accent),0) !important;
  font-size: .68rem !important;
  transition: border-color .2s, background .2s, box-shadow .2s !important;
}
.site-currency .choices__list--dropdown .choices__input::placeholder,
.site-currency .choices__list[aria-expanded] .choices__input::placeholder {
  color: var(--ui-dim) !important;
  opacity: .9;
}
.site-currency .choices__list--dropdown .choices__input:focus,
.site-currency .choices__list[aria-expanded] .choices__input:focus {
  border-color: rgba(var(--cl-accent), .55) !important;
  background: rgba(var(--cl-accent), .045) !important;
  box-shadow: 0 0 0 2px rgba(var(--cl-accent), .09), inset 0 1px rgba(255,255,255,.045) !important;
}

.site-language { position: relative; width: 9.4rem; overflow: visible; }
.site-language::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-language:hover::before { opacity: 1; transform: translateX(60%); }
.site-language__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-language:hover .site-language__mark { transform: translateY(-50%) rotate(18deg) scale(1.06); }
.site-language__trigger { position: relative; z-index: 4; display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-start; gap: .55rem; padding: 0 .7rem; border: 0; color: rgba(var(--cl-t-primary), .82); background: transparent; font: inherit; font-size: .7rem; font-weight: 700; letter-spacing: .02em; cursor: pointer; }
.site-language__current-flag { display:grid; width:1.35rem; height:1.35rem; place-items:center; flex:0 0 1.35rem; overflow:hidden; border-radius:999px; font-size:1.12rem; line-height:1; box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 3px 10px rgba(0,0,0,.25); }
.site-language__current { min-width: 4.6rem; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.site-language__chevron { margin-left: auto; color: var(--ui-dim); font-size: .48rem; transition: transform .25s, color .25s; }
.site-language.is-open .site-language__chevron { color: rgb(var(--cl-accent)); transform: rotate(180deg); }
.site-language__menu { position: absolute; z-index: 120; top: calc(100% + .5rem); right: 0; width: 13.5rem; max-height: 22rem; overflow-y: auto; padding: .4rem; border: 1px solid rgba(var(--cl-accent), .2); border-radius: .85rem; background: rgb(var(--cl-card)); box-shadow: 0 22px 55px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04); }
.site-language__menu[hidden] { display: none; }
.site-language__option { display: grid; width: 100%; grid-template-columns: 1.85rem 1fr; align-items: center; gap: .65rem; padding: .58rem .65rem; border: 0; border-radius: .62rem; color: rgba(var(--cl-t-primary), .82); background: transparent; font: inherit; font-size: .68rem; text-align: left; cursor: pointer; transition: background .2s, color .2s, transform .2s; }
.site-language__option:hover, .site-language__option.is-active { color: rgb(var(--cl-t-primary)); background: rgba(var(--cl-accent), .1); transform: translateX(2px); }
.site-language__flag { display: grid; width: 1.72rem; height: 1.72rem; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: rgba(255,255,255,.04); font-size: 1.03rem; line-height: 1; box-shadow: 0 2px 7px rgba(0,0,0,.2); transition: transform .2s var(--ui-ease); }
.site-language__name { font-weight: 700; }
.site-language__option:hover .site-language__flag, .site-language__option.is-active .site-language__flag { transform: scale(1.08); }
.site-language__option + .site-language__option { margin-top: .12rem; }

.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__custom-content { white-space: pre-line; color: inherit; line-height: inherit; }
.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.4fr) minmax(7rem,.55fr) minmax(9rem,.75fr) minmax(14rem,1.05fr); 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-items: flex-start;
    gap: .875rem;
    width: 100%;
    padding: 1.1rem;
    box-sizing: border-box;
    border: 1px solid var(--ui-border);
    border-radius: .9rem;
    background: rgba(255,255,255,.015);
}

.site-footer__promise > span {
    flex-shrink: 0;
}

.site-footer__promise > div {
    flex: 1;
}

.site-footer__promise strong {
    display: block;
    margin-bottom: 8px;
}

.site-footer__promise p {
    margin: 0;
    line-height: 1.5;
}
.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, .site-language { 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, .site-language { 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; }
}

/* FreeThemeCaptcha aesthetic applied to updated product/products pages. */
.sa-page-products .wrap { max-width: 1280px; }
.sa-page-products { position: relative; }
.sa-page-products > .wrap > header,
.sa-page-products [data-products-header] { text-align:center; }
.sa-page-products .rounded-card,
.sa-page-product .rounded-card { border-color: var(--ui-border) !important; background: linear-gradient(145deg, rgba(var(--cl-card), .94), rgba(var(--cl-card), .64)) !important; box-shadow: 0 16px 42px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.035); }
.sa-page-products aside .rounded-card,
.sa-page-products form.rounded-card { 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)) !important; border-radius: 1.1rem !important; }
.sa-page-products input.input,
.sa-page-products select.input { background: rgba(var(--cl-background), .3) !important; border-color: var(--ui-border) !important; border-radius: .68rem !important; }
.sa-page-products input.input:focus,
.sa-page-products select.input:focus { border-color: rgba(var(--cl-accent), .42) !important; box-shadow: 0 0 0 3px rgba(var(--cl-accent), .07) !important; }

.product-card-v8--list { display:grid; grid-template-columns: 11.5rem minmax(0,1fr); min-height: 9.5rem; height:auto; border-radius: 1rem; }
.product-card-v8--list .product-card-v8__media--list { margin:.45rem; height:calc(100% - .9rem); min-height:8.6rem; border-radius:.72rem; }
.product-card-v8--list .product-card-v8__media--list > img { width:100%; height:100%; max-height:none; object-fit:cover; }
.product-card-v8--list .product-card-v8__placeholder { height:100%; min-height:8.6rem; }
.product-card-v8--list .product-card-v8__body--list { display:flex; flex-direction:row; align-items:center; gap:1.2rem; padding:1rem 1.1rem 1rem .75rem; }
.product-card-v8__list-main { min-width:0; flex:1; }
.product-card-v8__list-title-row { display:flex; align-items:center; gap:.65rem; min-width:0; }
.product-card-v8--list .product-card-v8__list-title-row h3 { font-size:1rem; font-weight:820; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.product-card-v8__status-inline { display:inline-flex; align-items:center; gap:.35rem; flex:none; padding:.3rem .5rem; border:1px solid var(--ui-border); border-radius:999px; background:rgba(var(--cl-background),.32); font-size:.52rem; font-weight:800; text-transform:uppercase; }
.product-card-v8__status-inline.is-stock { color:#66dfa0; }
.product-card-v8__status-inline.is-out { color:#fb7185; }
.product-card-v8__status-inline.is-group { color:rgb(var(--cl-accent)); }
.product-card-v8__description--list { min-height:auto; max-height:3rem; margin-top:.5rem; -webkit-line-clamp:2; line-clamp:2; font-size:.68rem; }
.product-card-v8__list-side { display:flex; align-items:center; gap:1rem; flex:none; }
.product-card-v8__price--list { min-width:7.5rem; align-items:flex-end; text-align:right; }
.product-card-v8__price--list del { color:var(--ui-dim); font-size:.6rem; }
.product-card-v8__button--list { width:auto; min-width:8.5rem; margin:0; }

.sa-page-product .p-card,
.sa-page-product [data-dsr].rounded-card { border-radius:1.05rem !important; background: radial-gradient(circle at 0 0, rgba(var(--cl-accent), .08), transparent 30%), linear-gradient(145deg, rgba(var(--cl-card), .96), rgba(var(--cl-card), .66)) !important; box-shadow: 0 20px 60px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.04); }
.sa-page-product .sa-page-product-title { letter-spacing:-.04em; font-weight:850; }
.sa-page-product .sa-page-product-price { font-weight:850; letter-spacing:-.03em; }
.sa-page-product .btn-primary { box-shadow:0 10px 24px rgba(var(--cl-accent),.2), inset 0 1px rgba(255,255,255,.14); }
.sa-page-product [role="tablist"] { border-color:var(--ui-border) !important; background:rgba(var(--cl-background),.28) !important; border-radius:.9rem !important; }
.sa-page-product .editor { line-height:1.75; }

@media (max-width: 767px) {
  .product-card-v8--list { grid-template-columns: 6.75rem minmax(0,1fr); min-height:7.7rem; }
  .product-card-v8--list .product-card-v8__media--list { min-height:6.8rem; }
  .product-card-v8--list .product-card-v8__placeholder { min-height:6.8rem; }
  .product-card-v8--list .product-card-v8__body--list { padding:.75rem .8rem .75rem .35rem; gap:.6rem; }
  .product-card-v8__status-inline { display:none; }
  .product-card-v8__description--list { max-height:2.2rem; -webkit-line-clamp:1; line-clamp:1; }
  .product-card-v8__list-side { flex-direction:column; align-items:flex-end; gap:.45rem; }
  .product-card-v8__price--list { min-width:0; }
  .product-card-v8__button--list { min-width:0; height:2rem; padding:0 .65rem; font-size:.58rem; }
  .product-card-v8__button--list span { display:none; }
}

/* Product grid cards: match the rounder corners used on the category/filter panels. */
.sa-product-card--showcase { border-radius: 1.1rem !important; }
.sa-product-card--showcase .sa-product-card-media,
.sa-product-card--showcase .sa-product-card-media img,
.sa-product-card--showcase > div > div.overflow-hidden { border-radius: .9rem !important; }

/* NEXORA — force visibly rounded product cards and media */
.sa-product-card,
.product-card-v8 {
  border-radius: 1.15rem !important;
  overflow: hidden !important;
  clip-path: inset(0 round 1.15rem);
}

.sa-product-card .sa-product-card-media,
.sa-product-card-thumb,
.product-card-v8__media {
  border-radius: 0.95rem !important;
  overflow: hidden !important;
  clip-path: inset(0 round 0.95rem);
}

.sa-product-card .sa-product-card-media > img,
.sa-product-card .sa-product-card-media > div,
.sa-product-card-thumb img,
.product-card-v8__media > img,
.product-card-v8__media > div {
  border-radius: inherit !important;
}

/* Keep overlay-style cards rounded even when media fills the whole card */
.sa-product-card--media-overlay .sa-product-card-media,
.sa-product-card--flat-divider .sa-product-card-media {
  border-radius: 1.15rem 1.15rem 0 0 !important;
  clip-path: inset(0 round 1.15rem 1.15rem 0 0);
}

/* NEXORA — slightly rounder product cards + ultra-thin/subtle border */
.sa-product-card,
.product-card-v8,
.sa-product-card--showcase {
  border-radius: 1.35rem !important;
  clip-path: inset(0 round 1.35rem);
  border-width: 1px !important;
  border-color: rgba(255,255,255,0.035) !important;
}
.sa-product-card .sa-product-card-media,
.sa-product-card-thumb,
.product-card-v8__media,
.sa-product-card--showcase .sa-product-card-media,
.sa-product-card--showcase > div > div.overflow-hidden {
  border-radius: 1.12rem !important;
  clip-path: inset(0 round 1.12rem);
}
.sa-product-card--media-overlay .sa-product-card-media,
.sa-product-card--flat-divider .sa-product-card-media {
  border-radius: 1.35rem 1.35rem 0 0 !important;
}

/* NEXORA — collapsible category groups in All Products */
.nexora-category-group {
  border-radius: .78rem;
}
.nexora-category-group__summary {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.45rem;
  padding: .42rem .48rem .42rem .42rem;
  border: 0;
  border-radius: .72rem;
  color: var(--ui-dim, rgba(255,255,255,.58));
  background: transparent;
  cursor: pointer;
  user-select: none;
  text-align: left;
  transition: background-color .22s ease, color .22s ease, transform .22s ease;
}
.nexora-category-group__summary:hover {
  color: rgb(var(--cl-text));
  background: rgba(var(--cl-text), .028);
}
.nexora-category-group__summary:focus-visible {
  outline: 2px solid rgba(var(--cl-accent), .38);
  outline-offset: 2px;
}
.nexora-category-group__dot {
  width: .32rem;
  height: .32rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: currentColor;
  opacity: .5;
  transition: background-color .25s ease, opacity .25s ease, box-shadow .25s ease;
}
.nexora-category-group__image {
  width: 1.32rem;
  height: 1.32rem;
  flex: 0 0 auto;
  border-radius: .38rem;
  object-fit: cover;
  border: none;
}
.nexora-category-group__title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .68rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .115em;
  text-transform: uppercase;
}
/* Very subtle divider line like the reference image. */
.nexora-category-group__line {
  height: 1px;
  min-width: 1rem;
  flex: 1 1 auto;
  margin-left: .1rem;
  background: linear-gradient(90deg, rgba(255,255,255,.07), rgba(255,255,255,.018));
  opacity: .72;
}
.nexora-category-group__chevron {
  width: 1.22rem;
  height: 1.22rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: currentColor;
  opacity: .68;
  transition: transform .3s cubic-bezier(.22,.61,.36,1), opacity .22s ease;
}
.nexora-category-group__chevron svg {
  width: .66rem;
  height: .66rem;
}
.nexora-category-group:not(.is-open) .nexora-category-group__chevron {
  transform: rotate(-90deg);
}
.nexora-category-group.is-open .nexora-category-group__summary {
  color: rgb(var(--cl-text));
}
.nexora-category-group.is-open .nexora-category-group__dot {
  background: rgb(var(--cl-accent));
  opacity: .9;
  box-shadow: 0 0 0 3px rgba(var(--cl-accent), .065);
}
/* Grid-row animation lets subcategories close softly instead of disappearing instantly. */
.nexora-category-group__items-wrap {
  display: grid;
  grid-template-rows: 1fr;
  opacity: 1;
  transform: translateY(0);
  transition:
    grid-template-rows .34s cubic-bezier(.22,.61,.36,1),
    opacity .22s ease,
    transform .34s cubic-bezier(.22,.61,.36,1);
}
.nexora-category-group:not(.is-open) .nexora-category-group__items-wrap {
  grid-template-rows: 0fr;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
}
.nexora-category-group__items {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: .22rem;
  margin: .12rem 0 .18rem .61rem;
  padding: .18rem 0 .2rem .62rem;
  border-left: 1px solid rgba(255,255,255,.045);
}
@media (prefers-reduced-motion: reduce) {
  .nexora-category-group__items-wrap,
  .nexora-category-group__chevron,
  .nexora-category-group__dot { transition: none !important; }
}

/* Filter actions — match the header My account control */
.sa-filter-action { min-width: auto; width: auto; text-decoration: none !important; vertical-align: middle; }
.sa-filter-action .site-account-button__icon { flex: 0 0 auto; }
.sa-reset-filter-action { height: 2.8rem; padding-right: .85rem; font-size: .76rem; }
.sa-reset-filter-action .site-account-button__icon { width: 1.85rem; height: 1.85rem; }
.sa-filter-chips .sa-filter-action { height: 2.35rem; padding-right: .68rem; font-size: .66rem; border-radius: .72rem; }
.sa-filter-chips .sa-filter-action .site-account-button__icon { width: 1.52rem; height: 1.52rem; border-radius: .46rem; font-size: .54rem; }

/* Active filter chips — same glass/card language as My account */
.sa-filter-chip {
  min-height: 2.35rem;
  padding: .34rem .38rem .34rem .72rem !important;
  gap: .42rem !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: .72rem !important;
  background: rgba(8,16,35,.56) !important;
  color: rgb(var(--cl-text)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 20px rgba(0,0,0,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: .68rem !important;
  font-weight: 700 !important;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.sa-filter-chip:hover {
  border-color: rgba(var(--cl-accent),.20) !important;
  background: rgba(11,23,49,.68) !important;
}
.sa-filter-chip > a {
  width: 1.52rem !important;
  height: 1.52rem !important;
  border-radius: .46rem !important;
  background: rgba(var(--cl-accent),.11) !important;
  color: rgba(var(--cl-accent),.95) !important;
  border: 1px solid rgba(var(--cl-accent),.08);
}
.sa-filter-chip > a:hover {
  background: rgba(var(--cl-accent),.18) !important;
  color: rgb(var(--cl-text)) !important;
}
.sa-filter-chip > a svg { width: .66rem !important; height: .66rem !important; }


/* Sidebar Apply / Reset — same compact glass style as My account */
.sa-sidebar-filter-action {
  width: 100%;
  min-height: 2.72rem;
  padding: .38rem .62rem .38rem .42rem;
  justify-content: flex-start;
  gap: .58rem;
  border-radius: .78rem;
  font-size: .72rem;
  font-weight: 700;
  text-decoration: none !important;
}
.sa-sidebar-filter-action .site-account-button__icon {
  width: 1.82rem;
  height: 1.82rem;
  min-width: 1.82rem;
  border-radius: .52rem;
  font-size: .62rem;
}
.sa-sidebar-filter-action:hover { transform: translateY(-1px); }
.sa-sidebar-filter-action:active { transform: translateY(0); }


/* Nexora: All Products header metadata polish */
.sa-page-products .sa-section-subtitle {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 2.25rem;
  padding: .52rem .78rem;
  border: 1px solid rgba(var(--cl-t-primary), .08);
  border-radius: .72rem;
  background: rgba(var(--cl-card), .38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 24px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(var(--cl-t-primary), .72);
  font-size: .76rem;
  font-weight: 650;
  letter-spacing: -.01em;
}
.sa-page-products .sa-section-subtitle::before {
  content: "";
  width: .42rem;
  height: .42rem;
  margin-right: .5rem;
  border-radius: 999px;
  background: rgb(var(--cl-accent));
  box-shadow: 0 0 0 4px rgba(var(--cl-accent), .09), 0 0 12px rgba(var(--cl-accent), .28);
}
.sa-page-products .sa-products-count-pill {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.25rem;
  padding: .48rem .72rem;
  border: 1px solid rgba(var(--cl-t-primary), .08);
  border-radius: .72rem;
  background: rgba(var(--cl-card), .38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 24px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(var(--cl-t-primary), .78) !important;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: -.01em;
}
.sa-page-products .sa-products-count-pill::before {
  content: "";
  width: .42rem;
  height: .42rem;
  border-radius: 999px;
  background: rgb(var(--cl-accent));
  box-shadow: 0 0 0 4px rgba(var(--cl-accent), .09), 0 0 12px rgba(var(--cl-accent), .28);
}


/* Category-selected header: polished, no orphan subtitle dot */
.sa-page-products--category .sa-section-header {
  max-width: none;
  margin-bottom: 2rem;
}
.sa-page-products--category .sa-section-title {
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  width: fit-content;
  min-height: 2.7rem;
  padding: .58rem .9rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: .82rem;
  background: rgba(8,16,35,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 10px 28px rgba(0,0,0,.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 1rem !important;
  line-height: 1.15;
  font-weight: 750;
  letter-spacing: -.015em;
}
.sa-page-products--category .sa-section-title::before {
  content: "";
  width: .46rem;
  height: .46rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgb(var(--cl-accent));
  box-shadow: 0 0 0 4px rgba(var(--cl-accent),.08), 0 0 13px rgba(var(--cl-accent),.24);
}
.sa-page-products--category .sa-section-subtitle:empty {
  display: none !important;
}
.sa-page-products--category .sa-section-subtitle {
  margin-top: .6rem !important;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: rgba(var(--cl-t-primary),.56);
  font-size: .72rem;
  font-weight: 550;
}
.sa-page-products--category .sa-section-subtitle::before {
  display: none;
}


/* Nexora — compact category title badge, spaced like catalog subtitle */
.sa-page-products--category .sa-section-header {
  margin-top: 1rem !important;
  margin-bottom: 2.15rem !important;
}

.sa-page-products--category .sa-section-title {
  gap: .48rem !important;
  min-height: 2.25rem !important;
  padding: .48rem .72rem !important;
  border-radius: .72rem !important;
  font-size: .78rem !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  background: rgba(var(--cl-card), .38) !important;
  border: 1px solid rgba(var(--cl-t-primary), .08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 24px rgba(0,0,0,.08) !important;
}

.sa-page-products--category .sa-section-title::before {
  width: .42rem !important;
  height: .42rem !important;
  box-shadow: 0 0 0 4px rgba(var(--cl-accent), .09), 0 0 12px rgba(var(--cl-accent), .28) !important;
}


/* Nexora — subtle divider between category icon and label */
.sa-page-products .sa-category-item img,
.sa-page-products .sa-category-item svg,
.sa-page-products .sa-category-item .sa-category-icon {
  position: relative;
}

/* Divider is attached to the category label area so it also works with uploaded icons */
.sa-page-products .sa-category-item > a,
.sa-page-products .sa-category-item > button {
  position: relative;
}

.sa-page-products .sa-category-item > a::before,
.sa-page-products .sa-category-item > button::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.15rem;
  margin-left: .15rem;
  margin-right: .62rem;
  flex: 0 0 1px;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(255,255,255,.13) 22%,
    rgba(255,255,255,.20) 50%,
    rgba(255,255,255,.13) 78%,
    transparent
  );
  box-shadow: 0 0 8px rgba(80,145,255,.08);
  border-radius: 999px;
  pointer-events: none;
}


/* Nexora FIX — visible divider between uploaded category logo and category name */
.sa-page-products a:has(> img),
.sa-page-products button:has(> img),
.sa-page-products [class*="category"] a:has(img),
.sa-page-products [class*="category"] button:has(img) {
  display: flex !important;
  align-items: center !important;
}

.sa-page-products a:has(> img) > img,
.sa-page-products button:has(> img) > img,
.sa-page-products [class*="category"] a:has(img) img,
.sa-page-products [class*="category"] button:has(img) img {
  margin-right: 0 !important;
}

.sa-page-products a:has(> img) > img + *,
.sa-page-products button:has(> img) > img + *,
.sa-page-products [class*="category"] a:has(img) img + *,
.sa-page-products [class*="category"] button:has(img) img + * {
  display: flex !important;
  align-items: center !important;
}

.sa-page-products a:has(> img) > img + *::before,
.sa-page-products button:has(> img) > img + *::before,
.sa-page-products [class*="category"] a:has(img) img + *::before,
.sa-page-products [class*="category"] button:has(img) img + *::before {
  content: "" !important;
  display: inline-block !important;
  width: 1px !important;
  height: 18px !important;
  margin: 0 10px !important;
  flex: 0 0 1px !important;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,.28), transparent) !important;
  box-shadow: 0 0 7px rgba(90,150,255,.22) !important;
  border-radius: 999px !important;
}

/* Fallback for the custom category/subcategory rows used by this theme */
.category-subitem img,
.subcategory-item img,
.category-item img {
  padding-right: 10px !important;
  margin-right: 10px !important;
  border-right: 1px solid rgba(255,255,255,.16) !important;
}


/* Nexora — tighter icon | divider | label spacing */
.sa-page-products a:has(> img) > img + *::before,
.sa-page-products button:has(> img) > img + *::before,
.sa-page-products [class*="category"] a:has(img) img + *::before,
.sa-page-products [class*="category"] button:has(img) img + *::before {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.category-subitem img,
.subcategory-item img,
.category-item img {
  padding-right: 6px !important;
  margin-right: 6px !important;
}


/* Nexora — clean product card hover animation */
.sa-page-products [class*="product-card"],
.sa-page-products .product-card,
.sa-page-products article:has(a[href*="/product"]),
.sa-page-products [class*="product"]:has(.sa-product-image) {
  position: relative;
  overflow: hidden;
  transform: translateY(0) scale(1);
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .28s ease,
    background-color .28s ease !important;
  will-change: transform;
}

.sa-page-products [class*="product-card"]::after,
.sa-page-products .product-card::after,
.sa-page-products article:has(a[href*="/product"])::after,
.sa-page-products [class*="product"]:has(.sa-product-image)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-24%);
  background: linear-gradient(
    110deg,
    transparent 18%,
    rgba(255,255,255,.025) 38%,
    rgba(90,150,255,.07) 50%,
    rgba(255,255,255,.025) 62%,
    transparent 82%
  );
  transition:
    opacity .28s ease,
    transform .52s cubic-bezier(.2,.8,.2,1);
}

.sa-page-products [class*="product-card"]:hover,
.sa-page-products .product-card:hover,
.sa-page-products article:has(a[href*="/product"]):hover,
.sa-page-products [class*="product"]:has(.sa-product-image):hover {
  transform: translateY(-5px) scale(1.012);
  border-color: rgba(90,150,255,.26) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    0 0 0 1px rgba(90,150,255,.055) inset !important;
}

.sa-page-products [class*="product-card"]:hover::after,
.sa-page-products .product-card:hover::after,
.sa-page-products article:has(a[href*="/product"]):hover::after,
.sa-page-products [class*="product"]:has(.sa-product-image):hover::after {
  opacity: 1;
  transform: translateX(24%);
}

/* Slightly animate the product image as part of the hover */
.sa-page-products [class*="product-card"] img,
.sa-page-products .product-card img,
.sa-page-products article:has(a[href*="/product"]) img,
.sa-page-products [class*="product"]:has(.sa-product-image) img {
  transition:
    transform .42s cubic-bezier(.2,.8,.2,1),
    filter .28s ease !important;
}

.sa-page-products [class*="product-card"]:hover img,
.sa-page-products .product-card:hover img,
.sa-page-products article:has(a[href*="/product"]):hover img,
.sa-page-products [class*="product"]:has(.sa-product-image):hover img {
  transform: scale(1.025);
  filter: brightness(1.035);
}

/* Keep buttons calm while the card moves */
.sa-page-products [class*="product-card"] button,
.sa-page-products [class*="product-card"] a,
.sa-page-products .product-card button,
.sa-page-products .product-card a {
  transition:
    transform .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    opacity .22s ease !important;
}

@media (prefers-reduced-motion: reduce) {
  .sa-page-products [class*="product-card"],
  .sa-page-products .product-card,
  .sa-page-products article:has(a[href*="/product"]),
  .sa-page-products [class*="product"]:has(.sa-product-image),
  .sa-page-products [class*="product-card"] img,
  .sa-page-products .product-card img {
    transition: none !important;
    transform: none !important;
  }
}


/* NEXORA FIX — actual product cards use .product-card-v8 */
.product-card-v8 {
  transform: translateY(0) scale(1) !important;
  transform-style: flat !important;
  transition:
    transform .32s cubic-bezier(.22,.8,.22,1),
    border-color .30s ease,
    box-shadow .30s ease,
    background-color .30s ease !important;
}

/* remove the old cursor-following transparent/parallax overlay */
.product-card-v8::before {
  opacity: 0 !important;
  background: linear-gradient(
    115deg,
    transparent 20%,
    rgba(255,255,255,.018) 39%,
    rgba(var(--cl-accent),.07) 50%,
    rgba(255,255,255,.018) 61%,
    transparent 80%
  ) !important;
  transform: translateX(-55%);
  transition: opacity .28s ease, transform .65s cubic-bezier(.22,.8,.22,1) !important;
}

.product-card-v8:hover {
  transform: translateY(-7px) scale(1.015) !important;
  border-color: rgba(var(--cl-accent),.34) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--cl-accent),.06),
    0 8px 30px rgba(var(--cl-accent),.08) !important;
}

.product-card-v8:hover::before {
  opacity: 1 !important;
  transform: translateX(55%);
}

.product-card-v8__media {
  transform: none !important;
  transition: transform .32s cubic-bezier(.22,.8,.22,1), box-shadow .30s ease !important;
}

.product-card-v8:hover .product-card-v8__media {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.13);
}

.product-card-v8__media > img {
  transform: scale(1) !important;
  transition: transform .48s cubic-bezier(.22,.8,.22,1), filter .32s ease !important;
}

.product-card-v8:hover .product-card-v8__media > img {
  transform: scale(1.045) !important;
  filter: brightness(1.04) saturate(1.04) !important;
}

.product-card-v8__body {
  transform: none !important;
}

.product-card-v8__button {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}

.product-card-v8:hover .product-card-v8__button {
  transform: translateY(-1px);
  filter: brightness(1.045) !important;
}

@media (prefers-reduced-motion: reduce) {
  .product-card-v8,
  .product-card-v8::before,
  .product-card-v8__media,
  .product-card-v8__media > img,
  .product-card-v8__button {
    transition: none !important;
    transform: none !important;
  }
}


/* Nexora — clean hover animation for sidebar subcategories */
.nexora-category-link {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  transform: translateX(0) scale(1);
  transition:
    transform .26s cubic-bezier(.22,.8,.22,1),
    background-color .26s ease,
    color .26s ease,
    box-shadow .26s ease !important;
}

.nexora-category-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-35%);
  background: linear-gradient(
    105deg,
    transparent 18%,
    rgba(255,255,255,.018) 38%,
    rgba(var(--cl-accent),.075) 52%,
    rgba(255,255,255,.018) 66%,
    transparent 84%
  );
  transition:
    opacity .24s ease,
    transform .46s cubic-bezier(.22,.8,.22,1);
}

.nexora-category-link:hover {
  transform: translateX(4px) scale(1.012);
  background: rgba(var(--cl-accent), .065) !important;
  box-shadow:
    inset 0 0 0 1px rgba(var(--cl-accent), .08),
    0 6px 18px rgba(0,0,0,.10) !important;
}

.nexora-category-link:hover::after {
  opacity: 1;
  transform: translateX(35%);
}

.nexora-category-link > img {
  transition:
    transform .28s cubic-bezier(.22,.8,.22,1),
    filter .28s ease !important;
}

.nexora-category-link:hover > img {
  transform: scale(1.10);
  filter: brightness(1.08) saturate(1.04);
}

.nexora-category-link > .truncate {
  transition:
    transform .26s cubic-bezier(.22,.8,.22,1),
    color .26s ease !important;
}

.nexora-category-link:hover > .truncate {
  transform: translateX(1px);
}

.nexora-category-link:hover img + *::before {
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(var(--cl-accent), .42),
    transparent
  ) !important;
  box-shadow: 0 0 9px rgba(var(--cl-accent), .20) !important;
}

@media (prefers-reduced-motion: reduce) {
  .nexora-category-link,
  .nexora-category-link::after,
  .nexora-category-link > img,
  .nexora-category-link > .truncate {
    transition: none !important;
    transform: none !important;
  }
}


/* Nexora — selected sidebar item: compact dark pill like reference */
.nexora-category-link[aria-current="page"],
.nexora-category-link--active {
  min-height: 38px;
  padding: 7px 10px !important;
  border-radius: 11px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(var(--cl-card), .88) !important;
  color: rgba(var(--cl-text), .98) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 6px 18px rgba(0,0,0,.16),
    0 0 0 1px rgba(var(--cl-accent), .02) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.nexora-category-link[aria-current="page"]::after,
.nexora-category-link--active::after {
  opacity: .55;
  transform: none;
  background: radial-gradient(circle at 88% 50%, rgba(var(--cl-accent), .10), transparent 32%);
}

.nexora-category-link[aria-current="page"]:hover,
.nexora-category-link--active:hover {
  transform: translateX(2px) scale(1.006);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    rgba(var(--cl-card), .92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 20px rgba(0,0,0,.18),
    0 0 0 1px rgba(var(--cl-accent), .055) !important;
}

.nexora-category-link[aria-current="page"] > img,
.nexora-category-link--active > img {
  width: 22px;
  height: 22px;
  border-radius: 6px;
}

.nexora-category-link[aria-current="page"] .nexora-category-count,
.nexora-category-link--active .nexora-category-count {
  display: none;
}

.nexora-category-active-dot {
  position: relative;
  z-index: 2;
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  margin-left: auto;
  border-radius: 999px;
  background: rgb(var(--cl-accent));
  box-shadow:
    0 0 6px rgba(var(--cl-accent), .9),
    0 0 12px rgba(var(--cl-accent), .42);
}

/* Nexora — hover sidebar: same rounded silhouette as selected item, keep hover colors */
.nexora-category-link:not([aria-current="page"]):not(.nexora-category-link--active):hover {
  border-radius: 11px !important;
}

/* Nexora FIX — force rounded hover on the actual clickable sidebar row */
.sa-page-products .nexora-category-link {
  border-radius: 11px !important;
  -webkit-border-radius: 11px !important;
  background-clip: padding-box !important;
  overflow: hidden !important;
}
.sa-page-products .nexora-category-link::before,
.sa-page-products .nexora-category-link::after {
  border-radius: inherit !important;
  -webkit-border-radius: inherit !important;
}
.sa-page-products .nexora-category-link:not([aria-current="page"]):not(.nexora-category-link--active):hover {
  border-radius: 11px !important;
  -webkit-border-radius: 11px !important;
  overflow: hidden !important;
}


/* Nexora — All Categories: rounded hover silhouette, keep existing colors */
.sa-page-products .nexora-all-categories-link {
  border-radius: 11px !important;
  -webkit-border-radius: 11px !important;
  background-clip: padding-box !important;
  overflow: hidden !important;
}
.sa-page-products .nexora-all-categories-link::before,
.sa-page-products .nexora-all-categories-link::after {
  border-radius: inherit !important;
  -webkit-border-radius: inherit !important;
}
.sa-page-products .nexora-all-categories-link:hover {
  border-radius: 11px !important;
  -webkit-border-radius: 11px !important;
  overflow: hidden !important;
}


/* Nexora — desktop products sidebar: independent vertical scroll + visible draggable scrollbar */
@media (min-width: 1024px) {
  .sa-page-products .nexora-products-sidebar-scroll {
    max-height: calc(100dvh - 42px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    padding-right: 10px !important;
    scroll-behavior: smooth;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--cl-accent), .62) rgba(255,255,255,.055);
  }

  /* Chromium / Safari */
  .sa-page-products .nexora-products-sidebar-scroll::-webkit-scrollbar {
    width: 7px;
  }

  .sa-page-products .nexora-products-sidebar-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,.045);
    border-radius: 999px;
    margin: 9px 0;
  }

  .sa-page-products .nexora-products-sidebar-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(
      180deg,
      rgba(var(--cl-accent), .78),
      rgba(var(--cl-accent), .42)
    );
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 0 9px rgba(var(--cl-accent), .22);
  }

  .sa-page-products .nexora-products-sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--cl-accent), .82);
  }
}


/* Nexora catalog layout: move the catalog left and make 3-across product cards larger. */
@media (min-width: 1024px) {
  .sa-page-products > .wrap {
    width: calc(100% - 1.25rem) !important;
    max-width: 1460px !important;
    margin-left: .625rem !important;
    margin-right: auto !important;
  }
  .sa-page-products .nexora-products-layout {
    grid-template-columns: 13rem minmax(0, 1fr) !important;
    gap: 1.15rem !important;
  }
  .sa-page-products .nexora-products-layout > .min-w-0 {
    min-width: 0;
  }
  .sa-page-products .nexora-products-layout .sa-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.15rem !important;
  }
}
@media (min-width: 1280px) {
  .sa-page-products > .wrap {
    width: calc(100% - 1rem) !important;
    margin-left: .5rem !important;
  }
  .sa-page-products .nexora-products-layout {
    grid-template-columns: 12.5rem minmax(0, 1fr) !important;
    gap: 1rem !important;
  }
  .sa-page-products .nexora-products-layout .sa-products-grid {
    gap: 1.2rem !important;
  }
}


/* Nexora — category names: keep full labels readable after widening the catalog. */
@media (min-width: 1024px) {
  .sa-page-products .nexora-products-layout {
    grid-template-columns: 14.5rem minmax(0, 1fr) !important;
  }
  .sa-page-products .nexora-category-link {
    gap: .5rem !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
  .sa-page-products .nexora-category-link > .truncate {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  .sa-page-products .nexora-category-active-dot {
    margin-left: .35rem !important;
  }
}

/* Nexora — extra-tall desktop category sidebar: extend close to the page/footer area while keeping independent scroll. */
@media (min-width: 1024px) {
  .sa-page-products .nexora-products-sidebar-scroll {
    height: clamp(780px, 88dvh, 980px) !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
  }
}

/* Currency selector: hide the default Choices.js grey caret.
   Keep only the custom animated .site-currency__chevron. */
.site-currency .choices[data-type*="select-one"]::after,
.site-currency .choices[data-type*="select-one"].is-open::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

/* V9 — reliable CSS-rendered language flags + themed scrollbar */
.site-language__flag,
.site-language__current-flag {
  display: inline-block !important;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background-color: #18233a;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 2px 8px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);
}
.site-language__flag { width: 1.72rem; height: 1.72rem; }
.site-language__current-flag { width: 1.35rem; height: 1.35rem; }

/* Flags are embedded as SVG data, so they work without emoji/font support or external requests. */
.flag-en { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='30' cy='30' r='30'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Cpath fill='%23012169' d='M0 0h60v60H0z'/%3E%3Cpath stroke='%23fff' stroke-width='12' d='M0 0l60 60M60 0L0 60'/%3E%3Cpath stroke='%23C8102E' stroke-width='6' d='M0 0l60 60M60 0L0 60'/%3E%3Cpath stroke='%23fff' stroke-width='20' d='M30 0v60M0 30h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='11' d='M30 0v60M0 30h60'/%3E%3C/g%3E%3C/svg%3E"); }
.flag-it { background-image: linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%); }
.flag-de { background-image: linear-gradient(#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66%); }
.flag-es { background-image: linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%); }
.flag-fr { background-image: linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66%); }
.flag-pt { background-image: linear-gradient(90deg,#046a38 0 40%,#da291c 40%); }
.flag-nl { background-image: linear-gradient(#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66%); }
.flag-pl { background-image: linear-gradient(#fff 0 50%,#dc143c 50%); }
.flag-tr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23e30a17'/%3E%3Ccircle cx='25' cy='30' r='13' fill='white'/%3E%3Ccircle cx='29' cy='30' r='10' fill='%23e30a17'/%3E%3Cpath fill='white' d='M39.5 24.2l1.8 3.7 4.1.6-3 2.9.7 4.1-3.6-1.9-3.7 1.9.7-4.1-3-2.9 4.2-.6z'/%3E%3C/svg%3E"); }
.flag-ja { background-image: radial-gradient(circle at 50% 50%,#bc002d 0 31%,transparent 32%), linear-gradient(#fff,#fff); }

.site-language__menu {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--cl-accent), .62) transparent;
  scrollbar-gutter: stable;
}
.site-language__menu::-webkit-scrollbar { width: 5px; }
.site-language__menu::-webkit-scrollbar-track { background: transparent; margin: .55rem 0; }
.site-language__menu::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(var(--cl-accent), .82), rgba(var(--cl-accent), .38));
  box-shadow: 0 0 10px rgba(var(--cl-accent), .16);
}
.site-language__menu::-webkit-scrollbar-thumb:hover { background: rgba(var(--cl-accent), .9); }

/* V10 — currency dropdown scrollbar matches the language selector */
.site-currency .choices__list--dropdown .choices__list,
.site-currency .choices__list[aria-expanded] .choices__list {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(var(--cl-accent), .62) transparent !important;
  scrollbar-gutter: stable;
}
.site-currency .choices__list--dropdown .choices__list::-webkit-scrollbar,
.site-currency .choices__list[aria-expanded] .choices__list::-webkit-scrollbar { width: 5px; }
.site-currency .choices__list--dropdown .choices__list::-webkit-scrollbar-track,
.site-currency .choices__list[aria-expanded] .choices__list::-webkit-scrollbar-track { background: transparent; margin: .55rem 0; }
.site-currency .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb,
.site-currency .choices__list[aria-expanded] .choices__list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(var(--cl-accent), .82), rgba(var(--cl-accent), .38));
  box-shadow: 0 0 10px rgba(var(--cl-accent), .16);
}
.site-currency .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb:hover,
.site-currency .choices__list[aria-expanded] .choices__list::-webkit-scrollbar-thumb:hover { background: rgba(var(--cl-accent), .9); }

/* V11 — Nexora My Account / customer dashboard visual refresh */
.nexora-account-dashboard {
  --account-border: rgba(255,255,255,.075);
  --account-soft: rgba(255,255,255,.035);
  --account-glow: rgba(var(--cl-accent), .14);
}

.nexora-account-dashboard > .relative {
  padding-top: 2rem !important;
  padding-bottom: 2.5rem !important;
}

.nexora-account-sidebar,
.nexora-account-card {
  position: relative;
  overflow: hidden;
  border-color: var(--account-border) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,0) 40%),
    rgba(var(--cl-card), .94) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.028);
}

.nexora-account-sidebar::before,
.nexora-account-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .55), transparent);
  opacity: .65;
  pointer-events: none;
}

.nexora-account-sidebar {
  min-width: 0;
}

.nexora-account-sidebar__head {
  position: relative;
  background: linear-gradient(135deg, rgba(var(--cl-accent), .065), transparent 62%);
  border-bottom-color: rgba(255,255,255,.06) !important;
}

.nexora-account-sidebar__head h3 {
  letter-spacing: -.02em;
}

.nexora-account-sidebar__head p {
  line-height: 1.45;
  color: rgba(var(--cl-t-primary), .58) !important;
  overflow-wrap: anywhere;
}

.nexora-account-sidebar__menu {
  background: transparent !important;
}

.nexora-account-sidebar__link {
  position: relative;
  display: flex !important;
  align-items: center;
  min-height: 40px;
  width: 100%;
  padding: .68rem .78rem;
  border: 1px solid transparent;
  border-radius: 11px;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.nexora-account-sidebar__link:hover {
  transform: translateX(2px);
  background: rgba(255,255,255,.038);
  border-color: rgba(255,255,255,.055);
}

.nexora-account-sidebar__link.is-active {
  color: rgb(var(--cl-accent)) !important;
  background: linear-gradient(90deg, rgba(var(--cl-accent), .16), rgba(var(--cl-accent), .055));
  border-color: rgba(var(--cl-accent), .20);
  box-shadow: inset 3px 0 0 rgba(var(--cl-accent), .88), 0 5px 18px rgba(var(--cl-accent), .06);
}

.nexora-account-sidebar__logout:hover {
  color: #fff !important;
}

.nexora-account-stats,
.nexora-account-lower {
  gap: 1rem !important;
}

.nexora-account-card {
  min-height: 114px;
  padding: 1.2rem 1.3rem !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.nexora-account-card:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--cl-accent), .18) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24), 0 0 26px rgba(var(--cl-accent), .055);
}

.nexora-account-card h3 {
  font-size: .82rem !important;
  font-weight: 600;
  letter-spacing: .02em;
  color: rgba(var(--cl-t-primary), .58) !important;
}

.nexora-account-card > p,
.nexora-account-card > div > p:first-child {
  letter-spacing: -.025em;
}

.nexora-account-latest {
  min-height: 120px;
}

.nexora-account-latest .text-2xl {
  font-size: 1.22rem !important;
  line-height: 1.35 !important;
}

.nexora-account-latest a .text-accent-500,
.nexora-account-balance a .text-accent-500 {
  display: inline-flex;
  align-items: center;
  padding: .18rem .46rem;
  border-radius: 7px;
  background: rgba(var(--cl-accent), .08);
  transition: background .18s ease, color .18s ease;
}

.nexora-account-latest a:hover .text-accent-500,
.nexora-account-balance a:hover .text-accent-500 {
  background: rgba(var(--cl-accent), .15);
}

.nexora-account-actions {
  padding-top: .25rem;
}

.nexora-delete-account {
  border-color: rgba(239,68,68,.48) !important;
  border-radius: 11px !important;
  background: rgba(239,68,68,.035) !important;
  color: rgb(248 113 113) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.nexora-delete-account:hover {
  background: rgba(239,68,68,.095) !important;
  border-color: rgba(239,68,68,.72) !important;
  box-shadow: 0 8px 24px rgba(239,68,68,.08);
}

@media (min-width: 1024px) {
  .nexora-account-dashboard .lg\:flex-1 {
    flex: 0 0 245px !important;
  }
  .nexora-account-dashboard .lg\:w-3\/4 {
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .nexora-account-card {
    min-height: 0;
  }
  .nexora-account-actions {
    flex-direction: column;
  }
  .nexora-account-actions > button {
    width: 100%;
  }
}


/* V12 — customer area scrollbar + sidebar focus cleanup */
html:has(body.nexora-customer-page) {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--cl-accent), .66) rgba(255,255,255,.025);
}
html:has(body.nexora-customer-page)::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
html:has(body.nexora-customer-page)::-webkit-scrollbar-track {
  background: rgba(255,255,255,.018);
  border-radius: 999px;
}
html:has(body.nexora-customer-page)::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(var(--cl-accent), .84), rgba(var(--cl-accent), .38));
  background-clip: padding-box;
  box-shadow: 0 0 12px rgba(var(--cl-accent), .12);
}
html:has(body.nexora-customer-page)::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(var(--cl-accent), 1), rgba(var(--cl-accent), .55));
  background-clip: padding-box;
}

/* Any scrollable tables/panels inside My Account use the same Nexora bar. */
.nexora-account-dashboard .overflow-auto,
.nexora-account-dashboard .overflow-x-auto,
.nexora-account-dashboard .overflow-y-auto,
.nexora-account-dashboard [class*="overflow-"] {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--cl-accent), .62) transparent;
}
.nexora-account-dashboard .overflow-auto::-webkit-scrollbar,
.nexora-account-dashboard .overflow-x-auto::-webkit-scrollbar,
.nexora-account-dashboard .overflow-y-auto::-webkit-scrollbar,
.nexora-account-dashboard [class*="overflow-"]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.nexora-account-dashboard .overflow-auto::-webkit-scrollbar-track,
.nexora-account-dashboard .overflow-x-auto::-webkit-scrollbar-track,
.nexora-account-dashboard .overflow-y-auto::-webkit-scrollbar-track,
.nexora-account-dashboard [class*="overflow-"]::-webkit-scrollbar-track {
  background: transparent;
}
.nexora-account-dashboard .overflow-auto::-webkit-scrollbar-thumb,
.nexora-account-dashboard .overflow-x-auto::-webkit-scrollbar-thumb,
.nexora-account-dashboard .overflow-y-auto::-webkit-scrollbar-thumb,
.nexora-account-dashboard [class*="overflow-"]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(var(--cl-accent), .82), rgba(var(--cl-accent), .38));
}

/* Avoid the browser/default white ring on the left account categories. */
.nexora-account-sidebar__link:focus,
.nexora-account-sidebar__link:focus-visible,
.nexora-account-sidebar__link:active {
  outline: none !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  box-shadow: none !important;
  border-color: rgba(var(--cl-accent), .18) !important;
}
.nexora-account-sidebar__link.is-active:focus,
.nexora-account-sidebar__link.is-active:focus-visible,
.nexora-account-sidebar__link.is-active:active {
  border-color: rgba(var(--cl-accent), .28) !important;
  box-shadow: inset 3px 0 0 rgba(var(--cl-accent), .88), 0 5px 18px rgba(var(--cl-accent), .06) !important;
}


/* V13 — Nexora customer login modal redesign */
.nexora-login-backdrop {
  background:
    radial-gradient(circle at 50% 38%, rgba(var(--cl-accent), .10), transparent 34%),
    rgba(1, 5, 16, .82) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.nexora-login-modal {
  position: relative;
  overflow: hidden !important;
  max-width: 500px !important;
  padding: 1.45rem !important;
  border: 1px solid rgba(var(--cl-accent), .18) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--cl-accent), .10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.025), transparent 36%),
    rgba(var(--cl-card), .975) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.48),
    0 0 34px rgba(var(--cl-accent), .075),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.nexora-login-modal::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent 5%, rgba(var(--cl-accent), .85), transparent 95%);
  opacity: .85;
  pointer-events: none;
}

.nexora-login-modal::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -75px;
  top: -90px;
  border-radius: 999px;
  background: rgba(var(--cl-accent), .08);
  filter: blur(24px);
  pointer-events: none;
}

.nexora-login-head {
  position: relative;
  z-index: 1;
  margin-bottom: 1.15rem !important;
  padding-bottom: .95rem;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.nexora-login-head h3 {
  font-size: 1.16rem !important;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.nexora-login-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.nexora-login-close:hover {
  transform: rotate(5deg);
  background: rgba(var(--cl-accent), .09);
  border-color: rgba(var(--cl-accent), .22);
}

.nexora-login-close svg {
  width: 20px !important;
  height: 20px !important;
}

.nexora-login-label {
  font-size: .88rem;
  font-weight: 650;
  color: rgba(var(--cl-t-primary), .88) !important;
}

.nexora-login-help {
  margin-top: .22rem !important;
  font-size: .76rem;
  line-height: 1.45;
  color: rgba(var(--cl-t-primary), .47) !important;
}

.nexora-login-input,
.nexora-login-otp-input {
  border-color: rgba(255,255,255,.075) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.022) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.nexora-login-input {
  min-height: 44px;
  padding: .66rem .9rem !important;
}

.nexora-login-input:hover,
.nexora-login-otp-input:hover {
  border-color: rgba(var(--cl-accent), .18) !important;
  background: rgba(255,255,255,.045) !important;
}

.nexora-login-input:focus,
.nexora-login-otp-input:focus {
  outline: none !important;
  border-color: rgba(var(--cl-accent), .72) !important;
  background: rgba(var(--cl-accent), .055) !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  box-shadow:
    0 0 0 3px rgba(var(--cl-accent), .10),
    0 0 20px rgba(var(--cl-accent), .07),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.nexora-login-submit {
  min-height: 44px;
  margin-top: 1rem !important;
  border: 1px solid rgba(var(--cl-accent), .72) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(var(--cl-accent), 1), rgba(var(--cl-accent), .78)) !important;
  box-shadow:
    0 10px 28px rgba(var(--cl-accent), .16),
    inset 0 1px 0 rgba(255,255,255,.16);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.nexora-login-submit:hover:enabled {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow:
    0 14px 34px rgba(var(--cl-accent), .23),
    inset 0 1px 0 rgba(255,255,255,.19) !important;
}

.nexora-login-submit:active:enabled {
  transform: translateY(0);
}

.nexora-login-submit svg:not(.animate-spin) {
  transition: transform .18s ease;
}

.nexora-login-submit:hover:enabled svg:not(.animate-spin) {
  transform: translateX(3px);
}

.nexora-login-otp {
  justify-content: center;
  gap: .55rem !important;
  margin-top: .8rem !important;
}

.nexora-login-otp-input {
  width: 43px !important;
  height: 46px !important;
  font-size: 1.06rem !important;
  font-weight: 700;
}

.nexora-login-modal .text-red-500 {
  padding: .55rem .7rem;
  border: 1px solid rgba(239,68,68,.16);
  border-radius: 9px;
  background: rgba(239,68,68,.06);
}

@media (max-width: 540px) {
  .nexora-login-modal {
    padding: 1.1rem !important;
    border-radius: 15px !important;
  }
  .nexora-login-otp {
    gap: .36rem !important;
  }
  .nexora-login-otp-input {
    width: 38px !important;
    height: 43px !important;
  }
}


/* V14 — Balance top-up + Orders polish */
.nexora-topup-btn {
  min-width: 72px;
  border: 1px solid rgba(var(--cl-accent), .16) !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, rgba(var(--cl-accent), .075), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 6px 18px rgba(0,0,0,.10);
  overflow: hidden;
  transform: translateY(0);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}
.nexora-topup-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.12) 48%, transparent 75%);
  transform: translateX(-130%);
  transition: transform .42s ease;
  pointer-events: none;
}
.nexora-topup-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  color: rgb(var(--cl-t-primary));
  border-color: rgba(var(--cl-accent), .48) !important;
  background: linear-gradient(145deg, rgba(var(--cl-accent), .16), rgba(var(--cl-accent), .06)) !important;
  box-shadow: 0 10px 24px rgba(var(--cl-accent), .12), inset 0 1px 0 rgba(255,255,255,.06);
}
.nexora-topup-btn:hover:not(:disabled)::before { transform: translateX(130%); }
.nexora-topup-btn:active:not(:disabled) { transform: translateY(0) scale(.98); }
.nexora-topup-btn:focus-visible {
  outline: none;
  border-color: rgba(var(--cl-accent), .7) !important;
  box-shadow: 0 0 0 3px rgba(var(--cl-accent), .10), 0 8px 22px rgba(var(--cl-accent), .10);
}
.nexora-topup-btn:disabled { opacity: .7; cursor: wait; }

.nexora-orders-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}
.nexora-orders-subtitle {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(var(--cl-t-primary), .46);
}
.nexora-orders-search-wrap {
  position: relative;
  width: min(340px, 100%);
  flex: 0 1 340px;
}
.nexora-orders-search-wrap svg {
  position: absolute;
  left: 13px;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  fill: rgba(var(--cl-t-primary), .42);
  pointer-events: none;
  transition: fill .18s ease;
}
.nexora-orders-search {
  width: 100%;
  min-height: 42px;
  padding: 9px 13px 9px 40px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  color: rgb(var(--cl-t-primary));
  background: rgba(255,255,255,.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.nexora-orders-search::placeholder { color: rgba(var(--cl-t-primary), .36); }
.nexora-orders-search:hover { border-color: rgba(var(--cl-accent), .18); background: rgba(255,255,255,.04); }
.nexora-orders-search:focus {
  outline: none;
  border-color: rgba(var(--cl-accent), .62);
  background: rgba(var(--cl-accent), .045);
  box-shadow: 0 0 0 3px rgba(var(--cl-accent), .09), 0 8px 24px rgba(var(--cl-accent), .06);
}
.nexora-orders-search-wrap:focus-within svg { fill: rgba(var(--cl-accent), .9); }
.nexora-orders-search::-webkit-search-cancel-button { filter: invert(.8); opacity: .55; cursor: pointer; }

.nexora-orders-table-wrap {
  border: 1px solid rgba(255,255,255,.045);
  background: rgba(0,0,0,.055);
}
.nexora-orders-table thead {
  background: linear-gradient(90deg, rgba(255,255,255,.045), rgba(var(--cl-accent), .035)) !important;
}
.nexora-orders-table thead th {
  letter-spacing: .035em;
  border-bottom: 1px solid rgba(255,255,255,.055);
}
.nexora-order-row {
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.nexora-order-row:hover {
  background: linear-gradient(90deg, rgba(var(--cl-accent), .055), rgba(var(--cl-accent), .018));
  box-shadow: inset 3px 0 0 rgba(var(--cl-accent), .55);
}
.nexora-order-row td { transition: color .18s ease; }
.nexora-order-row:hover td { color: rgba(var(--cl-t-primary), .9); }
.nexora-order-row a[href*="checkout"],
.nexora-order-row td:first-child a {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 7px;
  background: rgba(var(--cl-accent), .055);
  transition: background .18s ease, transform .18s ease;
}
.nexora-order-row td:first-child a:hover { background: rgba(var(--cl-accent), .12); transform: translateY(-1px); }
.nexora-orders-no-results {
  margin: 18px;
  padding: 16px;
  text-align: center;
  font-size: 13px;
  color: rgba(var(--cl-t-primary), .48);
  border: 1px dashed rgba(var(--cl-accent), .15);
  border-radius: 10px;
  background: rgba(var(--cl-accent), .025);
}
@media (max-width: 760px) {
  .nexora-orders-head { align-items: stretch; flex-direction: column; }
  .nexora-orders-search-wrap { width: 100%; flex-basis: auto; }
}

/* V15 — Premium empty-cart hover popover */
.site-cart-empty-popover {
  position: absolute;
  z-index: 80;
  top: calc(100% + .72rem);
  right: -.12rem;
  width: 15.5rem;
  padding: .78rem .82rem;
  pointer-events: none;
  border: 1px solid rgba(var(--cl-accent), .22);
  border-radius: .95rem;
  color: rgb(var(--cl-t-primary));
  background:
    radial-gradient(circle at 82% 0%, rgba(var(--cl-accent), .13), transparent 42%),
    linear-gradient(145deg, rgba(var(--cl-card), .985), rgba(var(--cl-card), .94));
  box-shadow: 0 18px 45px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transform-origin: top right;
}
.site-cart-empty-popover::before {
  position: absolute;
  top: -.34rem;
  right: 1rem;
  width: .62rem;
  height: .62rem;
  content: "";
  border-top: 1px solid rgba(var(--cl-accent), .22);
  border-left: 1px solid rgba(var(--cl-accent), .22);
  background: rgba(var(--cl-card), .97);
  transform: rotate(45deg);
}
.site-cart-empty-popover__row { display: flex; align-items: center; gap: .7rem; }
.site-cart-empty-popover__icon {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  width: 2.15rem;
  height: 2.15rem;
  place-items: center;
  border: 1px solid rgba(var(--cl-accent), .2);
  border-radius: .7rem;
  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,.055), 0 7px 18px rgba(var(--cl-accent), .08);
}
.site-cart-empty-popover__copy { min-width: 0; line-height: 1.25; }
.site-cart-empty-popover__title { display: block; margin-bottom: .18rem; font-size: .76rem; font-weight: 800; letter-spacing: -.01em; }
.site-cart-empty-popover__text { display: block; color: rgba(var(--cl-t-primary), .56); font-size: .65rem; font-weight: 500; }
.site-cart-empty-popover__line {
  position: absolute;
  right: .82rem;
  bottom: 0;
  left: .82rem;
  height: 1px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(var(--cl-accent), .08);
}
.site-cart-empty-popover__line::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .72), transparent);
  transform: translateX(-105%);
  animation: nexora-cart-empty-line 2.5s ease-in-out infinite;
}
@keyframes nexora-cart-empty-line { 0%, 20% { transform: translateX(-105%); } 65%, 100% { transform: translateX(105%); } }
@media (max-width: 640px), (hover: none) { .site-cart-empty-popover { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .site-cart-empty-popover__line::after { animation: none; transform: none; } }

/* V16 — Empty cart popover is hover-only */
.site-cart-empty-popover[x-cloak] { display: none !important; }

/* V18 — Account hover popover, visually matched to cart */
.site-account-hover { position: relative; overflow: visible !important; }
.site-account-hover-popover {
  position: absolute;
  z-index: 90;
  top: calc(100% + .72rem);
  right: 0;
  width: 15.5rem;
  padding: .78rem .82rem;
  pointer-events: none;
  border: 1px solid rgba(var(--cl-accent), .22);
  border-radius: .95rem;
  color: rgb(var(--cl-t-primary));
  background: radial-gradient(circle at 82% 0%, rgba(var(--cl-accent), .13), transparent 42%), linear-gradient(145deg, rgba(var(--cl-card), .985), rgba(var(--cl-card), .94));
  box-shadow: 0 18px 45px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transform-origin: top right;
  text-align: left;
}
.site-account-hover-popover::before {
  position:absolute; top:-.34rem; right:1.35rem; width:.62rem; height:.62rem; content:"";
  border-top:1px solid rgba(var(--cl-accent),.22); border-left:1px solid rgba(var(--cl-accent),.22);
  background:rgba(var(--cl-card),.97); transform:rotate(45deg);
}
.site-account-hover-popover[x-cloak] { display:none !important; }
@media (max-width:640px), (hover:none) { .site-account-hover-popover { display:none !important; } }




/* V25 — Clean mobile header + currency selector */
@media (max-width: 768px) {
  .site-header,
  .site-header-inner,
  .site-nav-top,
  .site-nav-actions,
  .site-header-actions,
  .site-actions,
  .header-actions {
    overflow: visible !important;
  }

  .site-nav-top,
  .site-nav-actions,
  .site-header-actions,
  .site-actions,
  .header-actions {
    flex-wrap: wrap !important;
    gap: .45rem !important;
  }

  .site-language,
  .site-currency,
  .currency-selector {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }

  .site-currency {
    position: relative !important;
    width: 7.35rem !important;
    z-index: 200 !important;
  }

  .site-currency .choices {
    position: relative !important;
    z-index: 201 !important;
    overflow: visible !important;
  }

  .site-currency .choices.is-open {
    z-index: 5000 !important;
  }

  .site-currency .choices__list--dropdown,
  .site-currency .choices__list[aria-expanded] {
    position: absolute !important;
    z-index: 5001 !important;
    top: calc(100% + .45rem) !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;

    display: block !important;
    width: 16rem !important;
    min-width: 16rem !important;
    max-width: calc(100vw - 1rem) !important;
    height: auto !important;
    max-height: 18rem !important;

    margin: 0 !important;
    padding: .45rem !important;
    overflow: hidden !important;

    border: 1px solid rgba(var(--cl-accent), .22) !important;
    border-radius: .9rem !important;
    background: rgb(var(--cl-card)) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.48) !important;
  }

  .site-currency .choices__input {
    display: block !important;
    width: 100% !important;
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    margin: 0 0 .4rem !important;
    padding: .65rem .75rem !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(var(--cl-accent), .25) !important;
    border-radius: .72rem !important;
    color: rgb(var(--cl-t-primary)) !important;
    background: rgba(255,255,255,.025) !important;
  }

  .site-currency .choices__list--dropdown > .choices__list,
  .site-currency .choices__list[aria-expanded] > .choices__list {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: 13.5rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .site-currency .choices__list--dropdown .choices__item--choice,
  .site-currency .choices__list[aria-expanded] .choices__item--choice {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-height: 2.55rem !important;
    padding: .68rem .75rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    color: rgba(var(--cl-t-primary), .88) !important;
    background: transparent !important;
    border-radius: .6rem !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .site-currency .choices__list--dropdown .choices__item--choice.is-highlighted,
  .site-currency .choices__list[aria-expanded] .choices__item--choice.is-highlighted,
  .site-currency .choices__list--dropdown .choices__item--choice.is-selected,
  .site-currency .choices__list[aria-expanded] .choices__item--choice.is-selected {
    color: rgb(var(--cl-t-primary)) !important;
    background: rgba(var(--cl-accent), .12) !important;
  }
}

@media (max-width: 420px) {
  .site-currency .choices__list--dropdown,
  .site-currency .choices__list[aria-expanded] {
    width: 15rem !important;
    min-width: 15rem !important;
    max-width: calc(100vw - .75rem) !important;
  }
}


/* V26 — Mobile language/currency menus: clean alignment + no ghost overlap */
@media (max-width: 768px) {
  .site-language {
    position: relative !important;
    z-index: 210 !important;
    overflow: visible !important;
  }

  .site-language.is-open {
    z-index: 6000 !important;
  }

  .site-language__menu {
    position: absolute !important;
    z-index: 6001 !important;
    top: calc(100% + .45rem) !important;

    /* On mobile open toward the RIGHT instead of spilling off the left edge */
    left: 0 !important;
    right: auto !important;

    width: 13.5rem !important;
    min-width: 13.5rem !important;
    max-width: calc(100vw - 1rem) !important;

    max-height: 20rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: rgb(var(--cl-card)) !important;
    opacity: 1 !important;
    isolation: isolate !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.52), inset 0 1px rgba(255,255,255,.04) !important;
  }

  .site-language__menu[hidden] {
    display: none !important;
  }

  .site-language__option {
    position: relative !important;
    z-index: 2 !important;
    background: rgb(var(--cl-card)) !important;
  }

  .site-language__option.is-active {
    background: rgba(var(--cl-accent), .12) !important;
  }

  /* Currency must be completely hidden when its dropdown is not open */
  .site-currency .choices__list--dropdown:not(.is-active),
  .site-currency .choices__list[aria-expanded="false"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .site-currency .choices__list--dropdown.is-active,
  .site-currency .choices__list[aria-expanded="true"] {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 420px) {
  .site-language__menu {
    left: 0 !important;
    right: auto !important;
    width: 12.75rem !important;
    min-width: 12.75rem !important;
    max-width: calc(100vw - .75rem) !important;
  }
}


/* V27 — Currency remains stable after changing language */
@media (max-width: 768px) {
  .site-currency .choices__list--dropdown:not(.is-active) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .site-currency .choices__list--dropdown.is-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Choices owns its internal state; translation must not alter option DOM. */
  .site-currency .choices__item,
  .site-currency .choices__list,
  .site-currency .choices__input {
    -webkit-tap-highlight-color: transparent;
  }
}