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


/* Nexora V28 — cleaner product variant cards + stock pills */
.nexora-variant-card {
  position: relative;
  min-height: 76px;
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, .09) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(12, 35, 62, .78), rgba(7, 20, 39, .88)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 24px rgba(0,0,0,.14);
  overflow: hidden;
  transform: translateZ(0);
}

.nexora-variant-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0%, rgba(26, 166, 255, .055) 52%, transparent 100%);
  opacity: 0;
  transform: translateX(-35%);
  transition: opacity .22s ease, transform .35s ease;
}

.nexora-variant-card:not(:disabled):hover {
  border-color: rgba(24, 160, 255, .38) !important;
  background: linear-gradient(135deg, rgba(14, 43, 75, .86), rgba(7, 24, 45, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 28px rgba(0,0,0,.20), 0 0 0 1px rgba(21,153,255,.07);
  transform: translateY(-1px);
}

.nexora-variant-card:not(:disabled):hover::before {
  opacity: 1;
  transform: translateX(25%);
}

.nexora-variant-card--active {
  border-color: rgba(17, 160, 255, .78) !important;
  background: linear-gradient(135deg, rgba(7, 71, 116, .86), rgba(7, 34, 61, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(12,162,255,.26), 0 10px 30px rgba(0,97,178,.12) !important;
}

.nexora-variant-card > .size-4.rounded-full {
  border-width: 1.5px !important;
  width: 16px !important;
  height: 16px !important;
}

.nexora-stock-row {
  margin-top: 5px;
}

.nexora-stock-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(35, 205, 112, .20);
  background: rgba(17, 153, 83, .10);
  color: #36df86;
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.nexora-stock-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #20d86f;
  box-shadow: 0 0 0 3px rgba(32,216,111,.10), 0 0 9px rgba(32,216,111,.42);
}

.nexora-stock-pill--out {
  border-color: rgba(239, 68, 68, .18);
  background: rgba(239, 68, 68, .09);
  color: #ff7474;
}

.nexora-stock-pill--out .nexora-stock-dot {
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239,68,68,.09), 0 0 8px rgba(239,68,68,.30);
}

@media (max-width: 640px) {
  .nexora-variant-card {
    min-height: 72px;
    border-radius: 12px !important;
  }
}

/* Nexora V29 — compact premium product page */
.sa-product-category-chip {
  border: 1px solid rgba(29,164,255,.20) !important;
  border-radius: 999px !important;
  padding: 6px 11px !important;
  background: linear-gradient(135deg, rgba(13,48,79,.72), rgba(7,25,47,.88)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 5px 16px rgba(0,0,0,.12) !important;
  color: rgba(var(--cl-t-primary),.88) !important;
}
.sa-product-category-chip:hover {
  border-color: rgba(29,164,255,.48) !important;
  background: rgba(var(--cl-accent),.10) !important;
  transform: translateY(-1px);
}

/* Product media: framed, rounded and visually integrated instead of a hard square. */
.sa-page-product .sa-product-gallery,
.sa-page-product .sa-product-gallery .splide__track,
.sa-page-product img.sa-product-gallery--single {
  border-radius: 18px !important;
}
.sa-page-product img.sa-product-gallery--single,
.sa-page-product .sa-product-gallery .splide__track {
  border: 1px solid rgba(35,157,239,.18) !important;
  background: linear-gradient(145deg, rgba(9,31,57,.90), rgba(4,15,31,.96)) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.025), 0 0 34px rgba(0,128,255,.08) !important;
  padding: 7px;
}
.sa-page-product img.sa-product-gallery--single {
  object-fit: cover !important;
  transition: transform .45s ease, filter .35s ease, box-shadow .35s ease;
}
.sa-page-product img.sa-product-gallery--single:hover {
  transform: translateY(-2px) scale(1.006);
  filter: saturate(1.04) contrast(1.02);
  box-shadow: 0 22px 58px rgba(0,0,0,.30), 0 0 40px rgba(0,140,255,.11) !important;
}

/* Description/reviews: give the content its own premium glass panel. */
.sa-product-tabs {
  margin-bottom: 12px !important;
  border-radius: 14px !important;
  padding: 5px !important;
  background: linear-gradient(135deg, rgba(10,35,61,.76), rgba(5,20,39,.86)) !important;
  border-color: rgba(32,151,232,.16) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 8px 24px rgba(0,0,0,.12);
}
.sa-product-tab { border-radius: 10px !important; }
.sa-product-tabs + [data-dsr] {
  position: relative;
  overflow: hidden;
  padding: 18px 20px;
  border: 1px solid rgba(32,151,232,.13);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 10%, rgba(0,151,255,.10), transparent 31%),
    linear-gradient(135deg, rgba(8,31,56,.76), rgba(5,18,35,.90));
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 12px 34px rgba(0,0,0,.15);
}
.sa-product-tabs + [data-dsr]::before {
  content:"";
  position:absolute;
  width:180px;height:180px;right:-90px;top:-110px;
  border:1px solid rgba(27,157,244,.12);border-radius:50%;pointer-events:none;
  box-shadow: 0 0 0 28px rgba(27,157,244,.025), 0 0 0 58px rgba(27,157,244,.018);
}
.sa-product-tabs + [data-dsr] > * { position:relative; z-index:1; }

/* Fit a long variant list in the desktop viewport: compact cards + internal scroll only when needed. */
@media (min-width: 1024px) {
  .sa-buy-box .nexora-variant-card {
    min-height: 54px !important;
    padding: 7px 12px !important;
    border-radius: 12px !important;
    gap: 10px !important;
  }
  .sa-buy-box .nexora-variant-card p.mb-0\.5.text-sm { margin-bottom: 0 !important; font-size: 13px !important; line-height: 1.15 !important; }
  .sa-buy-box .nexora-stock-row { margin-top: 3px !important; }
  .sa-buy-box .nexora-stock-pill { padding: 3px 7px !important; font-size: 10px !important; gap: 5px !important; }
  .sa-buy-box .nexora-stock-dot { width: 6px !important; height: 6px !important; flex-basis: 6px !important; }
  .sa-buy-box .nexora-variant-card > .size-4.rounded-full { width: 14px !important; height: 14px !important; }
  .sa-buy-box .nexora-variant-card > .text-right { font-size: 14px !important; }
  .sa-buy-box .nexora-variant-card + .nexora-variant-card { margin-top: 0 !important; }
  .sa-buy-box .flex.flex-col.gap-2:has(> .nexora-variant-card) { gap: 6px !important; }
}

/* =========================================================
   NEXORA HOMER-INSPIRED HOME / HEADER
   Keeps Nexora colors/branding while adopting the compact
   navigation + hero/support-only landing flow.
   ========================================================= */
.homer-header{position:relative;z-index:50;margin:0 0 1.25rem}
.homer-nav{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.62rem .78rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(3,10,25,.82);box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px)}
.homer-brand{display:flex;align-items:center;gap:.72rem;min-width:max-content}
.homer-brand__mark,.homer-brand__fallback{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(var(--cl-accent),.35);border-radius:12px;background:rgba(var(--cl-accent),.1);box-shadow:0 0 24px rgba(var(--cl-accent),.14)}
.homer-brand__mark img{width:100%;height:100%;object-fit:cover}
.homer-brand__fallback{color:rgb(var(--cl-accent));font-weight:900}
.homer-brand__copy{display:flex;flex-direction:column;line-height:1.05}.homer-brand__copy strong{font-size:.88rem;color:#fff}.homer-brand__copy small{margin-top:.25rem;color:rgba(255,255,255,.42);font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.homer-links{display:flex;align-items:center;justify-content:center;gap:.15rem;min-width:0}
.homer-link{position:relative;padding:.67rem .72rem;border-radius:10px;color:rgba(255,255,255,.56);font-size:.68rem;font-weight:760;transition:.2s ease}.homer-link:hover{color:#fff;background:rgba(255,255,255,.04)}.homer-link.is-active{color:#fff}.homer-link.is-active:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.18rem;height:2px;border-radius:99px;background:rgb(var(--cl-accent));box-shadow:0 0 10px rgba(var(--cl-accent),.75)}
.homer-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}
.homer-search{height:38px;width:min(235px,20vw);display:flex;align-items:center;gap:.55rem;padding:0 .72rem;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.45)}.homer-search:focus-within{border-color:rgba(var(--cl-accent),.42);box-shadow:0 0 0 3px rgba(var(--cl-accent),.08)}.homer-search input{width:100%;min-width:0;outline:0;border:0;background:transparent;color:#fff;font-size:.66rem}.homer-search input::placeholder{color:rgba(255,255,255,.35)}
.homer-currency{height:38px;display:flex;align-items:center;padding:0 .48rem;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035)}.homer-currency select{border:0;outline:0;background:transparent;color:#fff;font-size:.62rem;font-weight:750}
.homer-login,.homer-cart{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;padding:0 .72rem;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#fff;background:rgba(255,255,255,.035);font-size:.65rem;font-weight:750;transition:.2s}.homer-login:hover,.homer-cart:hover{border-color:rgba(var(--cl-accent),.35);background:rgba(var(--cl-accent),.09)}.homer-cart{position:relative;width:38px;padding:0}.homer-cart > .homer-cart-count{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:rgb(var(--cl-accent));font-size:.48rem;display:grid;place-items:center}

.homer-shop-home{padding-bottom:1.5rem}.homer-home-hero{padding:clamp(2.8rem,7vw,6.5rem) 0 3rem}.homer-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(2rem,7vw,6.5rem);max-width:1080px;margin:0 auto;padding:0 clamp(.2rem,2vw,1.2rem)}
.homer-hero-copy{text-align:left}.homer-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.1rem;padding:.42rem .68rem;border:1px solid rgba(var(--cl-accent),.18);border-radius:9px;color:rgb(var(--cl-accent));background:rgba(var(--cl-accent),.07);font-size:.6rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.homer-hero-title{margin:0;color:#fff;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:900;letter-spacing:-.055em;line-height:.92}.homer-hero-title strong{color:rgb(var(--cl-accent));text-shadow:0 0 35px rgba(var(--cl-accent),.22)}
.homer-hero-subtitle{max-width:610px;margin:1.35rem 0 1.7rem;color:rgba(255,255,255,.58);font-size:clamp(.86rem,1.25vw,1rem);line-height:1.7}
.homer-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}.homer-primary-btn,.homer-secondary-btn{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:0 1.05rem;border-radius:11px;font-size:.72rem;font-weight:850;transition:.22s}.homer-primary-btn{min-width:155px;color:rgb(var(--cl-t-accent));background:rgb(var(--cl-accent));box-shadow:0 10px 30px rgba(var(--cl-accent),.22)}.homer-primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(var(--cl-accent),.3)}.homer-secondary-btn{color:#fff;border:1px solid rgba(255,255,255,.11);background:rgba(4,13,31,.72)}.homer-secondary-btn:hover{border-color:rgba(var(--cl-accent),.35);background:rgba(var(--cl-accent),.08);transform:translateY(-2px)}
.homer-trust-row{display:flex;flex-wrap:wrap;gap:1.3rem;margin-top:1.55rem;color:rgba(255,255,255,.5);font-size:.6rem}.homer-trust-row span{display:flex;align-items:center;gap:.45rem}.homer-trust-row i{color:rgb(var(--cl-accent))}.homer-trust-row b{font-weight:720}
.homer-hero-card{position:relative;min-height:360px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(145deg,rgba(4,14,34,.85),rgba(3,7,18,.54));box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);overflow:hidden;display:grid;place-items:center}.homer-glow-orb{position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(var(--cl-accent),.34) 0,rgba(var(--cl-accent),.12) 34%,transparent 72%);filter:blur(12px)}.homer-hero-logo{position:relative;width:150px;height:150px;border-radius:34px;padding:16px;display:grid;place-items:center;background:rgba(var(--cl-accent),.08);border:1px solid rgba(var(--cl-accent),.28);box-shadow:0 0 60px rgba(var(--cl-accent),.18)}.homer-hero-logo img{width:100%;height:100%;object-fit:contain;border-radius:22px}.homer-hero-logo span{font-size:5rem;color:rgb(var(--cl-accent));font-weight:900}.homer-card-lines{position:absolute;left:26px;right:26px;bottom:32px;display:flex;gap:8px}.homer-card-lines span{height:3px;border-radius:9px;background:rgba(255,255,255,.08);flex:1}.homer-card-lines span:first-child{background:rgb(var(--cl-accent));box-shadow:0 0 14px rgba(var(--cl-accent),.55)}.homer-card-badge{position:absolute;top:22px;right:22px;padding:.4rem .6rem;border:1px solid rgba(78,224,154,.18);border-radius:999px;color:#63e5a2;background:rgba(78,224,154,.07);font-size:.52rem;font-weight:850;letter-spacing:.05em}

.homer-support-section{max-width:1080px;margin:1.25rem auto 0;padding:0 clamp(.2rem,2vw,1.2rem)}.homer-support-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 1.8rem;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(135deg,rgba(4,14,34,.88),rgba(2,8,21,.68));box-shadow:0 20px 60px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.homer-support-label{display:block;margin-bottom:.35rem;color:rgb(var(--cl-accent));font-size:.52rem;font-weight:850;letter-spacing:.14em}.homer-support-inner h2{margin:0;color:#fff;font-size:clamp(1.45rem,3vw,2.1rem);font-weight:900;letter-spacing:-.035em}.homer-support-inner p{margin:.45rem 0 0;color:rgba(255,255,255,.5);font-size:.72rem}.homer-support-btn{height:46px;display:inline-flex;flex:none;align-items:center;gap:.65rem;padding:0 1rem;border-radius:11px;color:#fff;background:rgb(var(--cl-accent));font-size:.7rem;font-weight:850;box-shadow:0 10px 30px rgba(var(--cl-accent),.2);transition:.2s}.homer-support-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(var(--cl-accent),.28)}

@media(max-width:1100px){.homer-nav{grid-template-columns:auto 1fr}.homer-links{order:3;grid-column:1/-1;justify-content:flex-start;overflow-x:auto;padding-top:.25rem}.homer-actions{min-width:0}.homer-search{display:none}}
@media(max-width:760px){.homer-nav{display:flex;flex-wrap:wrap}.homer-brand{flex:1}.homer-brand__copy small{display:none}.homer-actions{gap:.35rem}.homer-currency{display:none}.homer-login span{display:none}.homer-login{width:38px;padding:0}.homer-links{width:100%;order:3;justify-content:flex-start}.homer-link{font-size:.62rem;padding:.58rem .6rem}.homer-home-hero{padding-top:2.2rem}.homer-hero-grid{grid-template-columns:1fr}.homer-hero-copy{text-align:center}.homer-hero-subtitle{margin-left:auto;margin-right:auto}.homer-hero-actions,.homer-trust-row{justify-content:center}.homer-hero-card{min-height:250px;max-width:430px;width:100%;margin:0 auto}.homer-hero-logo{width:112px;height:112px}.homer-support-inner{align-items:flex-start;flex-direction:column}.homer-support-btn{width:100%}}


/* =========================================================
   NEXORA HOME — FULL WIDTH TOP NAVIGATION
   Keeps the rest of the theme constrained, but makes the Home
   navbar run edge-to-edge like the supplied reference.
   ========================================================= */
.nexora-home-shell .homer-header{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:-1rem;
  margin-bottom:0;
  padding:0;
}

.nexora-home-shell .homer-nav{
  width:100%;
  min-height:72px;
  padding:.65rem clamp(1.25rem,4vw,5rem);
  border-left:0;
  border-right:0;
  border-top:0;
  border-radius:0;
  background:rgba(2,7,18,.92);
  box-shadow:0 14px 40px rgba(0,0,0,.32), inset 0 -1px rgba(var(--cl-accent),.18);
  backdrop-filter:blur(20px);
}

.nexora-home-shell .homer-nav::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(var(--cl-accent),.35) 12%,
    rgba(var(--cl-accent),.78) 50%,
    rgba(var(--cl-accent),.35) 88%,
    transparent 100%);
  pointer-events:none;
}

.nexora-home-shell .homer-nav{
  position:relative;
}

.nexora-home-shell .homer-brand__mark,
.nexora-home-shell .homer-brand__fallback{
  width:38px;
  height:38px;
  border-radius:10px;
}

.nexora-home-shell .homer-brand__copy small{
  display:none;
}

.nexora-home-shell .homer-link{
  padding:.66rem .8rem;
}

.nexora-home-shell .homer-search{
  width:min(420px,31vw);
}

.nexora-home-shell .homer-home-hero{
  padding-top:clamp(2rem,5vw,4.5rem);
}

@media (min-width:768px){
  .nexora-home-shell .homer-header{
    margin-top:-1.5rem;
  }
}

@media (min-width:1024px){
  .nexora-home-shell .homer-header{
    margin-top:-2rem;
  }
}

@media (max-width:1100px){
  .nexora-home-shell .homer-nav{
    padding-left:1rem;
    padding-right:1rem;
  }
}

@media (max-width:760px){
  .nexora-home-shell .homer-header{
    margin-top:-1rem;
  }
  .nexora-home-shell .homer-nav{
    min-height:64px;
    padding:.55rem .75rem;
  }
}

/* =========================================================
   NEXORA HOME V2 — Homer-like sticky full-width navbar
   + vertical scrollbar only + restored interactive controls
   ========================================================= */
html, body {
  max-width: 100%;
  overflow-x: clip !important;
}

.nexora-home-shell {
  overflow: visible !important;
}

.nexora-home-shell .homer-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: -1rem !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  transform: translateZ(0);
  will-change: transform;
}

.nexora-home-shell .homer-nav {
  position: relative;
  width: 100%;
  min-height: 72px;
  padding: .66rem clamp(1rem, 4vw, 4.5rem) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(var(--cl-accent), .20) !important;
  border-radius: 0 !important;
  background: rgba(2, 7, 18, .76) !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .18), inset 0 -1px rgba(255,255,255,.025) !important;
  backdrop-filter: blur(17px) saturate(1.08);
  -webkit-backdrop-filter: blur(17px) saturate(1.08);
  transition: min-height .28s cubic-bezier(.22,.61,.36,1), padding .28s cubic-bezier(.22,.61,.36,1), background .28s ease, box-shadow .28s ease, border-color .28s ease;
  overflow: visible !important;
}

.nexora-home-shell .homer-header.is-scrolled .homer-nav {
  min-height: 60px;
  padding-top: .42rem !important;
  padding-bottom: .42rem !important;
  background: rgba(2, 6, 16, .92) !important;
  border-bottom-color: rgba(var(--cl-accent), .34) !important;
  box-shadow: 0 14px 42px rgba(0,0,0,.34), 0 0 28px rgba(var(--cl-accent), .055) !important;
  backdrop-filter: blur(24px) saturate(1.14);
  -webkit-backdrop-filter: blur(24px) saturate(1.14);
}

.nexora-home-shell .homer-header.is-scrolled .homer-brand__mark,
.nexora-home-shell .homer-header.is-scrolled .homer-brand__fallback {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.nexora-home-shell .homer-header.is-scrolled .homer-link {
  padding-top: .55rem;
  padding-bottom: .55rem;
}

.nexora-home-shell .homer-header.is-scrolled .homer-search,
.nexora-home-shell .homer-header.is-scrolled .homer-currency,
.nexora-home-shell .homer-header.is-scrolled .homer-language,
.nexora-home-shell .homer-header.is-scrolled .homer-login,
.nexora-home-shell .homer-header.is-scrolled .homer-cart {
  height: 36px;
}

/* restore original language selector inside the new one-row navbar */
.homer-language.site-language {
  display: block !important;
  width: 9rem;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.09);
}
.homer-language .site-language__trigger { font-size: .64rem; padding: 0 .62rem; }
.homer-language .site-language__current { min-width: 3.9rem; }
.homer-language .site-language__menu { z-index: 1400; top: calc(100% + .55rem); }

/* Keep hover popovers above the sticky header and outside the controls. */
.homer-login.site-account-hover,
.homer-cart { position: relative; overflow: visible !important; }
.homer-login .site-account-hover-popover,
.homer-cart .site-cart-empty-popover { z-index: 1450 !important; }
.homer-login .site-account-hover-popover { top: calc(100% + .55rem); right: 0; }
.homer-cart .site-cart-empty-popover { top: calc(100% + .55rem); right: 0; }

/* Keep the count styling separate from the hover card. */
.homer-cart > .homer-cart-count {
  position: absolute;
  right: -4px;
  top: -5px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 99px;
  background: rgb(var(--cl-accent));
  font-size: .48rem;
  display: grid;
  place-items: center;
}

/* The header must not create a bottom horizontal scrollbar on smaller widths. */
@media (max-width: 1100px) {
  .nexora-home-shell .homer-nav { padding-left: .8rem !important; padding-right: .8rem !important; }
  .nexora-home-shell .homer-links { scrollbar-width: none; }
  .nexora-home-shell .homer-links::-webkit-scrollbar { display: none; }
  .homer-language.site-language { width: 7rem; }
  .homer-language .site-language__current { min-width: 2.7rem; }
}

@media (max-width: 760px) {
  .nexora-home-shell .homer-header { margin-top: -1rem !important; }
  .homer-language.site-language { display: block !important; width: 42px; min-width: 42px; }
  .homer-language .site-language__current { display: none; }
  .homer-language .site-language__trigger { justify-content: center; padding: 0; gap: .2rem; }
  .homer-language .site-language__current-flag { width: 1.25rem; height: 1.25rem; flex-basis: 1.25rem; }
  .homer-language .site-language__chevron { display: none; }
  .homer-language .site-language__menu { right: 0; width: 12.5rem; }
}

/* =========================================================
   NEXORA HOME V3 — stable fixed Homer-style top bar
   Full-width, follows scroll, no horizontal page scrollbar.
   ========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body {
  position: relative;
}

.nexora-home-shell {
  overflow: visible !important;
}

/* Reserve the navbar space because the header is fixed. */
.nexora-home-shell > div:first-child {
  padding-top: 74px;
}

.nexora-home-shell .homer-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5000 !important;
  transform: none !important;
  will-change: auto !important;
}

.nexora-home-shell .homer-nav {
  position: relative !important;
  width: 100% !important;
  min-height: 74px !important;
  padding-top: .65rem !important;
  padding-bottom: .65rem !important;
  padding-left: max(22px, calc((100vw - 1480px) / 2)) !important;
  padding-right: max(22px, calc((100vw - 1480px) / 2)) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(var(--cl-accent), .22) !important;
  border-radius: 0 !important;
  background: rgba(2, 7, 18, .72) !important;
  box-shadow: 0 6px 26px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(14px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.06) !important;
  transition: min-height .26s cubic-bezier(.22,.61,.36,1),
              padding .26s cubic-bezier(.22,.61,.36,1),
              background .26s ease,
              box-shadow .26s ease,
              border-color .26s ease !important;
  overflow: visible !important;
}

/* Thin glowing line similar to the reference. */
.nexora-home-shell .homer-nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(var(--cl-accent), .22) 8%,
    rgba(var(--cl-accent), .9) 48%,
    rgba(var(--cl-accent), .42) 82%,
    transparent 100%);
  box-shadow: 0 0 12px rgba(var(--cl-accent), .28);
  pointer-events: none;
}

/* Scroll effect: tighter, darker, stronger glass blur. */
.nexora-home-shell .homer-header.is-scrolled .homer-nav {
  min-height: 60px !important;
  padding-top: .38rem !important;
  padding-bottom: .38rem !important;
  background: rgba(2, 6, 15, .94) !important;
  border-bottom-color: rgba(var(--cl-accent), .38) !important;
  box-shadow: 0 12px 38px rgba(0,0,0,.38), 0 0 22px rgba(var(--cl-accent), .06) !important;
  backdrop-filter: blur(24px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.15) !important;
}

.nexora-home-shell .homer-header.is-scrolled .homer-brand__mark,
.nexora-home-shell .homer-header.is-scrolled .homer-brand__fallback {
  width: 34px !important;
  height: 34px !important;
}

.nexora-home-shell .homer-header.is-scrolled .homer-link {
  padding-top: .52rem !important;
  padding-bottom: .52rem !important;
}

.nexora-home-shell .homer-header.is-scrolled .homer-search,
.nexora-home-shell .homer-header.is-scrolled .homer-currency,
.nexora-home-shell .homer-header.is-scrolled .homer-language,
.nexora-home-shell .homer-header.is-scrolled .homer-login,
.nexora-home-shell .homer-header.is-scrolled .homer-cart {
  height: 36px !important;
}

/* Make the landing page breathe vertically like the reference. */
.nexora-home-shell .homer-shop-home {
  width: 100%;
  padding-bottom: 2.5rem !important;
}

.nexora-home-shell .homer-home-hero {
  min-height: clamp(610px, calc(100vh - 160px), 790px);
  display: flex;
  align-items: center;
  padding-top: clamp(3.4rem, 7vh, 5.5rem) !important;
  padding-bottom: clamp(3.2rem, 7vh, 5.5rem) !important;
}

.nexora-home-shell .homer-hero-grid {
  width: 100%;
}

.nexora-home-shell .homer-support-section {
  margin-top: 1.6rem !important;
  margin-bottom: 2rem !important;
}

/* The interactive menus/popovers must remain usable over the fixed bar. */
.nexora-home-shell .site-language__menu,
.nexora-home-shell .site-account-hover-popover,
.nexora-home-shell .site-cart-empty-popover {
  z-index: 7000 !important;
}

@media (max-width: 1100px) {
  .nexora-home-shell > div:first-child {
    padding-top: 112px;
  }
  .nexora-home-shell .homer-nav {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .nexora-home-shell .homer-home-hero {
    min-height: 650px;
  }
}

@media (max-width: 760px) {
  .nexora-home-shell > div:first-child {
    padding-top: 122px;
  }
  .nexora-home-shell .homer-nav {
    min-height: 64px !important;
    padding: .5rem .75rem !important;
  }
  .nexora-home-shell .homer-header.is-scrolled .homer-nav {
    min-height: 58px !important;
  }
  .nexora-home-shell .homer-home-hero {
    min-height: auto;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .nexora-home-shell .homer-support-section {
    margin-bottom: 1rem !important;
  }
}


/* =========================================================
   NEXORA GLOBAL NAV FIX
   - fixed full-width navbar on every page
   - no horizontal page scrollbar
   - cart/login popovers render fully
   - currency selector stabilized
   ========================================================= */
html, body {
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

#app {
  overflow:visible !important;
}

/* Reserve space for the fixed bar on every non-maintenance page. */
#app > div:first-child {
  padding-top:74px;
}

/* Global fixed navbar, not only Home. */
#app .homer-header {
  position:fixed !important;
  inset:0 0 auto 0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  z-index:10000 !important;
  overflow:visible !important;
  transform:none !important;
}

#app .homer-nav {
  position:relative !important;
  width:100% !important;
  min-height:74px !important;
  padding:.65rem max(22px, calc((100vw - 1480px)/2)) !important;
  border:0 !important;
  border-bottom:1px solid rgba(var(--cl-accent),.24) !important;
  border-radius:0 !important;
  background:rgba(2,7,18,.78) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
  overflow:visible !important;
  transition:min-height .25s ease,padding .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}

#app .homer-nav::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(var(--cl-accent),.22) 8%,rgba(var(--cl-accent),.92) 50%,rgba(var(--cl-accent),.30) 90%,transparent 100%);
  box-shadow:0 0 12px rgba(var(--cl-accent),.26);
  pointer-events:none;
}

#app .homer-header.is-scrolled .homer-nav {
  min-height:60px !important;
  padding-top:.38rem !important;
  padding-bottom:.38rem !important;
  background:rgba(2,6,15,.95) !important;
  border-bottom-color:rgba(var(--cl-accent),.40) !important;
  box-shadow:0 12px 38px rgba(0,0,0,.38),0 0 24px rgba(var(--cl-accent),.06) !important;
  backdrop-filter:blur(24px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.14) !important;
}

#app .homer-header.is-scrolled .homer-brand__mark,
#app .homer-header.is-scrolled .homer-brand__fallback { width:34px !important; height:34px !important; }
#app .homer-header.is-scrolled .homer-search,
#app .homer-header.is-scrolled .homer-currency,
#app .homer-header.is-scrolled .homer-language,
#app .homer-header.is-scrolled .homer-login,
#app .homer-header.is-scrolled .homer-cart { height:36px !important; }

/* All popup parents must allow content below the bar. */
#app .homer-actions,
#app .homer-login,
#app .homer-cart,
#app .homer-language,
#app .homer-currency {
  position:relative;
  overflow:visible !important;
}

/* Undo the old cart badge rule on all inner popup spans. */
#app .homer-cart .site-cart-empty-popover span,
#app .homer-login .site-account-hover-popover span {
  position:static;
  width:auto;
  height:auto;
  min-width:0;
  padding:0;
  border-radius:0;
  background:transparent;
  display:block;
  font-size:inherit;
}
#app .homer-cart .site-cart-empty-popover .site-cart-empty-popover__row,
#app .homer-login .site-account-hover-popover .site-cart-empty-popover__row { display:flex; }
#app .homer-cart .site-cart-empty-popover .site-cart-empty-popover__icon,
#app .homer-login .site-account-hover-popover .site-cart-empty-popover__icon {
  display:grid;
  position:relative;
  width:2.15rem;
  height:2.15rem;
  min-width:2.15rem;
  padding:0;
  border-radius:.7rem;
  background:linear-gradient(145deg,rgba(var(--cl-accent),.16),rgba(var(--cl-accent),.055));
}
#app .homer-cart .site-cart-empty-popover .site-cart-empty-popover__line,
#app .homer-login .site-account-hover-popover .site-cart-empty-popover__line {
  position:absolute;
  left:.82rem; right:.82rem; bottom:0;
  display:block;
  width:auto; height:1px;
  border-radius:99px;
  background:rgba(var(--cl-accent),.08);
  overflow:hidden;
}

#app .site-cart-empty-popover,
#app .site-account-hover-popover {
  z-index:11000 !important;
  top:calc(100% + .58rem) !important;
  right:0 !important;
  width:15.5rem !important;
  min-height:unset !important;
  padding:.78rem .82rem !important;
  overflow:visible !important;
  white-space:normal !important;
}

/* Currency: keep native SellAuth functionality but make it visually stable. */
#app .homer-currency {
  min-width:94px;
  height:38px;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.035) !important;
}
#app .homer-currency select {
  width:100%;
  height:100%;
  padding:0 28px 0 12px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:10px !important;
  background-color:transparent !important;
  color:#fff !important;
  font-size:.64rem !important;
  font-weight:750 !important;
  cursor:pointer;
  appearance:auto;
  -webkit-appearance:auto;
}
#app .homer-currency select option {
  background:#071225 !important;
  color:#fff !important;
}

/* Language menu stays above everything. */
#app .site-language__menu { z-index:11050 !important; }

@media(max-width:1100px){
  #app > div:first-child{padding-top:112px;}
  #app .homer-nav{padding-left:16px !important;padding-right:16px !important;}
}
@media(max-width:760px){
  #app > div:first-child{padding-top:122px;}
  #app .homer-nav{min-height:64px !important;padding:.5rem .75rem !important;}
  #app .homer-header.is-scrolled .homer-nav{min-height:58px !important;}
}

/* =========================================================
   NEXORA — Homer-style home + currency single-frame fix
   ========================================================= */

/* Currency: ONLY ONE visible frame. The wrapper is invisible;
   the actual select is the single pill the user sees. */
#app .homer-currency {
  position: relative !important;
  min-width: 92px !important;
  width: auto !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#app .homer-currency::before,
#app .homer-currency::after {
  content: none !important;
  display: none !important;
}
#app .homer-currency select {
  display: block !important;
  width: 100% !important;
  min-width: 92px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 28px 0 13px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 11px !important;
  outline: 0 !important;
  background: rgba(5,14,31,.78) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}
#app .homer-header.is-scrolled .homer-currency {
  height: 36px !important;
}
#app .homer-header.is-scrolled .homer-currency select {
  height: 36px !important;
}

/* Home fills the viewport width immediately under the global navbar. */
.nexora-home-shell > div:first-child {
  padding-top: 74px !important;
}
.nexora-home-shell .nexora-homer-home {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 0 28px !important;
}
.nexora-reference-hero {
  position: relative;
  width: 100%;
  min-height: clamp(560px, 72vh, 760px);
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid rgba(var(--cl-accent), .10);
}
.nexora-reference-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    radial-gradient(circle at 50% 20%, rgba(var(--cl-accent),.12), transparent 34%),
    linear-gradient(180deg, rgba(1,6,16,.15) 0%, rgba(1,6,16,.38) 58%, rgba(1,6,16,.88) 100%);
}
.nexora-reference-hero__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.22), rgba(0,0,0,.04) 28%, rgba(0,0,0,.04) 72%, rgba(0,0,0,.22)),
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.30) 70%, rgba(0,0,0,.72));
}
.nexora-reference-hero__content {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 60px 20px 48px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nexora-reference-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 42px;
  filter: drop-shadow(0 12px 34px rgba(var(--cl-accent), .22));
}
.nexora-reference-brand__logo {
  width: 82px;
  height: 82px;
  object-fit: contain;
  border-radius: 20px;
}
.nexora-reference-brand__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: .83;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.nexora-reference-brand__text span {
  color: rgb(var(--cl-accent));
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 950;
  text-shadow: 0 0 30px rgba(var(--cl-accent),.28);
}
.nexora-reference-brand__text strong {
  color: #fff;
  font-size: clamp(1.65rem, 3.4vw, 2.7rem);
  font-weight: 950;
}
.nexora-reference-title {
  margin: 0;
  color: #fff;
  font-size: clamp(2.6rem, 5.4vw, 5.15rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.055em;
  text-shadow: 0 8px 28px rgba(0,0,0,.42);
}
.nexora-reference-title strong {
  color: rgb(var(--cl-accent));
  text-shadow: 0 0 34px rgba(var(--cl-accent),.22);
}
.nexora-reference-subtitle {
  width: min(760px, 92%);
  margin: 24px auto 0;
  color: rgba(255,255,255,.66);
  font-size: clamp(.9rem, 1.25vw, 1.08rem);
  font-weight: 560;
  line-height: 1.65;
}
.nexora-reference-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 28px;
}
.nexora-reference-trust span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  background: rgba(8,15,29,.72);
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 8px 22px rgba(0,0,0,.18);
  color: rgba(255,255,255,.88);
  font-size: .74rem;
  font-weight: 780;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.nexora-reference-trust i {
  color: rgb(var(--cl-accent));
}
.nexora-reference-support {
  width: min(1760px, calc(100% - 80px)) !important;
  max-width: none !important;
  margin: -34px auto 0 !important;
  padding: 0 !important;
  position: relative;
  z-index: 5;
}
.nexora-reference-support .homer-support-inner {
  min-height: 118px;
  border-radius: 15px !important;
  background: linear-gradient(100deg, rgba(5,10,20,.96) 0%, rgba(5,10,20,.93) 72%, rgba(var(--cl-accent),.20) 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.34) !important;
}
.nexora-reference-support .homer-support-inner h2 {
  font-size: clamp(1.25rem,2vw,1.7rem) !important;
}
.nexora-reference-support .homer-support-inner p {
  font-size: .86rem !important;
}
.nexora-reference-support .homer-support-btn {
  min-width: 160px;
  justify-content: center;
  border-radius: 11px;
}

@media (max-width: 900px) {
  .nexora-reference-hero { min-height: 620px; }
  .nexora-reference-brand { margin-bottom: 32px; }
  .nexora-reference-support { width: calc(100% - 30px) !important; }
}
@media (max-width: 760px) {
  .nexora-home-shell > div:first-child { padding-top: 122px !important; }
  .nexora-reference-hero { min-height: 610px; }
  .nexora-reference-hero__content { padding-top: 42px; }
  .nexora-reference-brand__logo { width: 58px; height: 58px; border-radius: 15px; }
  .nexora-reference-brand { gap: 11px; }
  .nexora-reference-title { font-size: clamp(2.3rem, 11vw, 4rem); }
  .nexora-reference-subtitle { width: 100%; font-size: .86rem; }
  .nexora-reference-trust { gap: 8px; }
  .nexora-reference-trust span { padding: 0 12px; font-size: .66rem; }
  .nexora-reference-support { margin-top: -22px !important; }
}


/* =========================================================
   NEXORA FINAL FIX — currency + full-height hero image
   ========================================================= */

/* Currency selector: ONE frame only. Keep Choices.js/SellAuth behavior. */
#app .homer-currency.site-currency {
  position: relative !important;
  display: block !important;
  width: 106px !important;
  min-width: 106px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 11px !important;
  background: rgba(5,14,31,.78) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
  overflow: visible !important;
}
#app .homer-currency.site-currency::before,
#app .homer-currency.site-currency::after {
  content: none !important;
  display: none !important;
}
#app .homer-currency.site-currency > select {
  width:100% !important;
  height:100% !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#fff !important;
  padding:0 28px 0 13px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
#app .homer-currency.site-currency .choices {
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:inherit !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
#app .homer-currency.site-currency .choices__inner {
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 28px 0 13px !important;
  display:flex !important;
  align-items:center !important;
  border:0 !important;
  border-radius:inherit !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:.68rem !important;
  font-weight:800 !important;
  overflow:hidden !important;
}
#app .homer-currency.site-currency .choices__list--single {
  padding:0 !important;
  width:100% !important;
  overflow:hidden !important;
}
#app .homer-currency.site-currency .choices__item {
  color:#fff !important;
  background:transparent !important;
}
#app .homer-currency.site-currency .choices[data-type*="select-one"]::after,
#app .homer-currency.site-currency .choices[data-type*="select-one"].is-open::after {
  display:none !important;
  content:none !important;
}
#app .homer-currency.site-currency .site-currency__chevron {
  display:block !important;
  position:absolute !important;
  z-index:30 !important;
  right:11px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:rgba(255,255,255,.58) !important;
  pointer-events:none !important;
  font-size:.5rem !important;
}
#app .homer-currency.site-currency .choices.is-open ~ .site-currency__chevron {
  transform:translateY(-50%) rotate(180deg) !important;
  color:rgb(var(--cl-accent)) !important;
}
#app .homer-currency.site-currency .choices__list--dropdown,
#app .homer-currency.site-currency .choices__list[aria-expanded] {
  right:0 !important;
  left:auto !important;
  top:calc(100% + 8px) !important;
  width:190px !important;
  min-width:190px !important;
  margin:0 !important;
  border:1px solid rgba(var(--cl-accent),.20) !important;
  border-radius:12px !important;
  background:#061226 !important;
  box-shadow:0 20px 55px rgba(0,0,0,.48) !important;
  overflow:hidden !important;
  z-index:12000 !important;
}
#app .homer-currency.site-currency .choices__list--dropdown .choices__item,
#app .homer-currency.site-currency .choices__list[aria-expanded] .choices__item {
  color:rgba(255,255,255,.86) !important;
  background:transparent !important;
  padding:.62rem .7rem !important;
}
#app .homer-currency.site-currency .choices__list--dropdown .choices__item.is-highlighted,
#app .homer-currency.site-currency .choices__list[aria-expanded] .choices__item.is-highlighted {
  background:rgba(var(--cl-accent),.12) !important;
  color:#fff !important;
}
#app .homer-header.is-scrolled .homer-currency.site-currency,
#app .homer-header.is-scrolled .homer-currency.site-currency .choices__inner {
  height:36px !important;
}

/* Hero begins immediately under the fixed navigation bar. No blue gap. */
.nexora-home-shell > div:first-child {
  padding-top: 68px !important;
}
.nexora-home-shell .nexora-homer-home {
  margin-top:0 !important;
}
.nexora-reference-hero {
  margin-top:0 !important;
  min-height:calc(100vh - 68px) !important;
  background-color:#020817 !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.nexora-reference-hero::before {
  background:
    linear-gradient(180deg, rgba(1,6,16,var(--nexora-hero-overlay,.28)) 0%, rgba(1,6,16,calc(var(--nexora-hero-overlay,.28) + .08)) 52%, rgba(1,6,16,.84) 100%),
    radial-gradient(circle at 50% 20%, rgba(var(--cl-accent),.10), transparent 36%) !important;
}
.nexora-reference-hero__shade {
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.02) 30%, rgba(0,0,0,.02) 70%, rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.12) 72%, rgba(0,0,0,.62)) !important;
}

@media(max-width:760px){
  .nexora-home-shell > div:first-child{padding-top:64px !important;}
  .nexora-reference-hero{min-height:calc(100svh - 64px) !important;}
}

/* =========================================================
   NEXORA HARD FIX — native currency + hero image under navbar
   ========================================================= */

/* Currency: one single control, no Choices.js wrapper/double frame. */
#app .homer-currency.site-currency {
  position: relative !important;
  display: block !important;
  width: 106px !important;
  min-width: 106px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 11px !important;
  background: rgba(5,14,31,.78) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
  overflow: visible !important;
}
#app .homer-currency.site-currency .choices {
  display:none !important;
}
#app .homer-currency.site-currency > select {
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 30px 0 14px !important;
  border:0 !important;
  border-radius:inherit !important;
  outline:0 !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:.68rem !important;
  font-weight:800 !important;
  line-height:40px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
}
#app .homer-currency.site-currency > select option {
  color:#fff !important;
  background:#061226 !important;
}
#app .homer-currency.site-currency .site-currency__chevron {
  display:block !important;
  position:absolute !important;
  z-index:4 !important;
  right:11px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:rgba(255,255,255,.62) !important;
  pointer-events:none !important;
  font-size:.5rem !important;
}
#app .homer-header.is-scrolled .homer-currency.site-currency {
  height:36px !important;
}
#app .homer-header.is-scrolled .homer-currency.site-currency > select {
  line-height:36px !important;
}

/* Home hero: background reaches all the way to the top, behind the fixed navbar.
   Only the CONTENT is pushed down so it never sits under the navbar. */
.nexora-home-shell > div:first-child {
  padding-top:0 !important;
}
.nexora-home-shell .nexora-homer-home {
  margin-top:0 !important;
}
.nexora-reference-hero {
  margin-top:0 !important;
  min-height:100vh !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.nexora-reference-hero__content {
  padding-top:128px !important;
  padding-bottom:72px !important;
}
@media(max-width:760px){
  .nexora-reference-hero{min-height:100svh !important;}
  .nexora-reference-hero__content{padding-top:150px !important;padding-bottom:56px !important;}
}

/* =========================================================
   NEXORA — SUPPORT CARD OVERLAPS HERO LIKE REFERENCE
   Pull the Need support card upward so it sits just beneath
   the three trust pills, overlapping the hero image.
   ========================================================= */
.nexora-reference-support {
  margin-top: -118px !important;
  z-index: 12 !important;
}

/* Keep enough visual breathing room before anything that follows. */
.nexora-homer-home {
  padding-bottom: 34px !important;
}

@media (max-width: 1100px) {
  .nexora-reference-support {
    margin-top: -96px !important;
  }
}

@media (max-width: 760px) {
  .nexora-reference-support {
    margin-top: -54px !important;
  }
}


/* =========================================================
   NEXORA — FINAL SUPPORT POSITION FIX
   Keep Need support directly under the 3 trust badges and
   overlap the hero image, matching the reference layout.
   ========================================================= */
.nexora-home-shell .nexora-reference-support {
  margin-top: -245px !important;
  position: relative !important;
  z-index: 20 !important;
}

@media (max-width: 1100px) {
  .nexora-home-shell .nexora-reference-support {
    margin-top: -210px !important;
  }
}

@media (max-width: 760px) {
  .nexora-home-shell .nexora-reference-support {
    margin-top: -95px !important;
  }
}


/* =========================================================
   NEXORA — HERO/SUPPORT FINAL PLACEMENT
   Support card lives INSIDE the hero so it sits immediately
   under the trust badges, like the reference. Also eliminate
   the horizontal bottom scrollbar caused by viewport-width
   breakout rules.
   ========================================================= */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
#app,
.nexora-home-shell,
.nexora-home-shell > div:first-child,
.nexora-home-shell .nexora-homer-home {
  overflow-x: clip !important;
  max-width: 100% !important;
}

.nexora-home-shell .nexora-homer-home {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 0 !important;
}

.nexora-reference-hero {
  min-height: calc(100svh - 72px) !important;
  padding-bottom: 165px !important;
  overflow: hidden !important;
}

.nexora-reference-hero__content {
  padding-top: 48px !important;
  padding-bottom: 18px !important;
}

.nexora-home-shell .nexora-reference-support,
.nexora-reference-support {
  position: absolute !important;
  left: 50% !important;
  bottom: 34px !important;
  transform: translateX(-50%) !important;
  width: min(1760px, calc(100% - 80px)) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 30 !important;
}

.nexora-reference-support .homer-support-inner {
  min-height: 112px !important;
}

@media (max-width: 1100px) {
  .nexora-reference-hero {
    min-height: calc(100svh - 66px) !important;
    padding-bottom: 154px !important;
  }
  .nexora-home-shell .nexora-reference-support,
  .nexora-reference-support {
    width: calc(100% - 32px) !important;
    bottom: 24px !important;
  }
}

@media (max-width: 760px) {
  .nexora-reference-hero {
    min-height: auto !important;
    padding: 118px 0 148px !important;
  }
  .nexora-reference-hero__content {
    padding: 20px 16px 0 !important;
  }
  .nexora-home-shell .nexora-reference-support,
  .nexora-reference-support {
    width: calc(100% - 24px) !important;
    bottom: 14px !important;
  }
}


/* =========================================================
   NEXORA — HOMER-STYLE SIDE MARGINS AROUND HERO
   Create black side borders/gutters before the hero image,
   like the supplied Homer Services reference.
   ========================================================= */
.nexora-home-shell {
  background:#000 !important;
}

.nexora-home-shell .nexora-reference-home,
.nexora-home-shell .homer-home-hero,
.nexora-home-shell .nexora-hero {
  width:calc(100% - 9vw) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

.nexora-home-shell .nexora-reference-home::before,
.nexora-home-shell .homer-home-hero::before,
.nexora-home-shell .nexora-hero::before {
  border-radius:0 !important;
}

/* Keep support/catalog aligned to the same inner width */
.nexora-home-shell .nexora-reference-support,
.nexora-home-shell .nexora-support,
.nexora-home-shell .nexora-home-support {
  width:calc(100% - 13vw) !important;
  max-width:1380px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* On large monitors, make the black side gutters clearly visible */
@media (min-width:1400px){
  .nexora-home-shell .nexora-reference-home,
  .nexora-home-shell .homer-home-hero,
  .nexora-home-shell .nexora-hero {
    width:min(1500px, calc(100% - 240px)) !important;
  }
  .nexora-home-shell .nexora-reference-support,
  .nexora-home-shell .nexora-support,
  .nexora-home-shell .nexora-home-support {
    width:min(1380px, calc(100% - 320px)) !important;
  }
}

@media (max-width:900px){
  .nexora-home-shell .nexora-reference-home,
  .nexora-home-shell .homer-home-hero,
  .nexora-home-shell .nexora-hero {
    width:100% !important;
  }
  .nexora-home-shell .nexora-reference-support,
  .nexora-home-shell .nexora-support,
  .nexora-home-shell .nexora-home-support {
    width:calc(100% - 24px) !important;
  }
}


/* =========================================================
   NEXORA — HOMER SIDE BANDS + RESTORE PAGE BACKGROUND
   Black bands only beside the HERO. The site's normal/video
   background remains visible underneath the hero.
   ========================================================= */

/* Do NOT paint the entire Home shell black: this was hiding
   the original Nexora background below the hero. */
.nexora-home-shell,
.nexora-home-shell .nexora-homer-home {
  background: transparent !important;
}

/* Hero centered like Homer, with real black bands that exist
   only for the vertical height of the hero. */
.nexora-home-shell .nexora-reference-hero {
  width: min(1500px, calc(100% - 240px)) !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;

  /* Extend black only to the left/right of this hero row. */
  box-shadow: 0 0 0 100vmax #000 !important;
  clip-path: inset(0 -100vmax) !important;
}

/* Keep the support card inside the same visual width. */
.nexora-home-shell .nexora-reference-support {
  width: min(1380px, calc(100% - 80px)) !important;
  max-width: 1380px !important;
}

/* Anything after the hero must reveal the normal Nexora
   page/background again. */
.nexora-home-shell .nexora-homer-home {
  padding-bottom: 34px !important;
}

/* Prevent the side-band technique from creating horizontal scroll. */
html,
body,
#app,
.nexora-home-shell {
  overflow-x: clip !important;
  max-width: 100% !important;
}

/* Tablet: slightly smaller bands. */
@media (max-width: 1399px) {
  .nexora-home-shell .nexora-reference-hero {
    width: calc(100% - 9vw) !important;
  }
}

/* Mobile: no wasted black gutters. */
@media (max-width: 900px) {
  .nexora-home-shell .nexora-reference-hero {
    width: 100% !important;
    max-width: none !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  .nexora-home-shell .nexora-reference-support {
    width: calc(100% - 24px) !important;
  }
}


/* =========================================================
   NEXORA — SUPPORT CARD POSITION + PREMIUM PAGE SCROLLBAR
   ========================================================= */

/* Keep only vertical page scrolling. */
html, body {
  overflow-x: hidden !important;
}

/* Make the hero content and support card stack naturally,
   so the support card sits directly under the 3 trust pills. */
.nexora-home-shell .nexora-reference-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100svh - 64px) !important;
  padding: 118px 0 54px !important;
  box-sizing: border-box !important;
}

.nexora-home-shell .nexora-reference-hero__content {
  width: min(980px, calc(100% - 40px)) !important;
  padding: 0 20px !important;
  margin: 0 auto !important;
}

/* Support block: wide like the Homer reference and very close
   to the trust pills. */
.nexora-home-shell .nexora-reference-support,
.nexora-reference-support {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: calc(100% - 82px) !important;
  max-width: 1620px !important;
  margin: 24px auto 0 !important;
  padding: 0 !important;
  z-index: 30 !important;
}

.nexora-home-shell .nexora-reference-support .homer-support-inner {
  min-height: 112px !important;
  width: 100% !important;
}

/* Keep the support card nearly edge-to-edge inside the central block
   on large monitors, just like the reference. */
@media (min-width: 1400px) {
  .nexora-home-shell .nexora-reference-support,
  .nexora-reference-support {
    width: calc(100% - 110px) !important;
    max-width: 1660px !important;
  }
}

@media (max-width: 900px) {
  .nexora-home-shell .nexora-reference-hero {
    min-height: auto !important;
    padding: 112px 0 36px !important;
  }

  .nexora-home-shell .nexora-reference-support,
  .nexora-reference-support {
    width: calc(100% - 28px) !important;
    margin-top: 18px !important;
  }
}

/* ---------- Premium Nexora vertical scrollbar ---------- */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(14,165,255,.95) rgba(2,8,20,.96);
}

html::-webkit-scrollbar {
  width: 11px;
  height: 0;
}

html::-webkit-scrollbar-track {
  background: linear-gradient(
    180deg,
    rgba(2,8,20,.98) 0%,
    rgba(4,13,30,.98) 50%,
    rgba(2,8,20,.98) 100%
  );
  border-left: 1px solid rgba(255,255,255,.035);
}

html::-webkit-scrollbar-thumb {
  min-height: 72px;
  border-radius: 999px;
  border: 3px solid rgba(2,8,20,.98);
  background:
    linear-gradient(
      180deg,
      rgba(56,189,248,.98) 0%,
      rgba(14,165,233,.98) 38%,
      rgba(37,99,235,.98) 100%
    );
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 0 14px rgba(14,165,255,.35);
}

html::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(
      180deg,
      rgba(125,211,252,1) 0%,
      rgba(14,165,233,1) 42%,
      rgba(59,130,246,1) 100%
    );
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.26),
    0 0 20px rgba(14,165,255,.55);
}

html::-webkit-scrollbar-corner {
  background: rgba(2,8,20,.98);
}

html::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}


/* =========================================================
   FINAL OVERRIDE — SUPPORT CARD REALLY REACHES OUTER MARGINS
   ========================================================= */
.nexora-home-shell .nexora-reference-support,
.nexora-reference-support {
    width: calc(100% - 48px) !important;
    max-width: none !important;
    margin-left: 24px !important;
    margin-right: 24px !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
}

.nexora-home-shell .nexora-reference-support .homer-support-inner,
.nexora-reference-support .homer-support-inner {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Undo the previous large-screen limiter */
@media (min-width: 1400px) {
    .nexora-home-shell .nexora-reference-support,
    .nexora-reference-support {
        width: calc(100% - 48px) !important;
        max-width: none !important;
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
}

@media (max-width: 900px) {
    .nexora-home-shell .nexora-reference-support,
    .nexora-reference-support {
        width: calc(100% - 24px) !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
}


/* =========================================================
   FINAL FIX — REMOVE BLACK SIDE BARS + SUPPORT TO PAGE EDGES
   ========================================================= */

/* Restore the normal Nexora background around/behind the hero */
.nexora-home-shell,
.nexora-home-shell .nexora-homer-home {
  background: transparent !important;
}

/* Hero must NOT create black side gutters/bands */
.nexora-home-shell .nexora-reference-hero,
.nexora-home-shell .nexora-reference-home,
.nexora-home-shell .homer-home-hero,
.nexora-home-shell .nexora-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Remove any pseudo-element side fills inherited from older fixes */
.nexora-home-shell .nexora-reference-hero::before,
.nexora-home-shell .nexora-reference-hero::after,
.nexora-home-shell .nexora-reference-home::before,
.nexora-home-shell .nexora-reference-home::after,
.nexora-home-shell .homer-home-hero::before,
.nexora-home-shell .homer-home-hero::after,
.nexora-home-shell .nexora-hero::before,
.nexora-home-shell .nexora-hero::after {
  box-shadow: none !important;
}

/* Support card: nearly edge-to-edge, like the Homer reference */
.nexora-home-shell .nexora-reference-support,
.nexora-reference-support,
.nexora-home-shell .nexora-support,
.nexora-home-shell .nexora-home-support {
  width: calc(100% - 48px) !important;
  max-width: none !important;
  margin-left: 24px !important;
  margin-right: 24px !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

.nexora-home-shell .nexora-reference-support .homer-support-inner,
.nexora-reference-support .homer-support-inner {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Keep only the vertical scrollbar */
html, body, #app, .nexora-home-shell {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Mobile */
@media (max-width: 900px) {
  .nexora-home-shell .nexora-reference-support,
  .nexora-reference-support,
  .nexora-home-shell .nexora-support,
  .nexora-home-shell .nexora-home-support {
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}


/* =========================================================
   NEXORA — REAL FULL-SCREEN HERO IMAGE
   ONLY the image/visual layer goes edge-to-edge.
   The Need support card keeps its existing size and position.
   ========================================================= */

/* Prevent a horizontal scrollbar while allowing the hero visual
   to escape the centered SellAuth container. */
html,
body {
  overflow-x: hidden !important;
}

#app.nexora-home-shell,
.nexora-home-shell > div:first-child,
.nexora-home-shell .nexora-homer-home,
.nexora-home-shell .nexora-reference-hero {
  overflow-x: visible !important;
}

/* Keep the existing HERO layout width exactly as-is.
   Only its background image layer becomes viewport-wide. */
.nexora-home-shell .nexora-reference-hero {
  position: relative !important;
  background-image: none !important;
}

/* Uploaded Home Hero Image: true screen-edge-to-screen-edge layer. */
.nexora-reference-hero__image {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  z-index: -4 !important;
  pointer-events: none !important;
}

/* The dark/blue treatment must also cover the whole image,
   otherwise bright strips can remain at the left/right edges. */
.nexora-home-shell .nexora-reference-hero::before {
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
}

.nexora-home-shell .nexora-reference-hero__shade {
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
}

/* IMPORTANT: no support-card overrides here.
   Its width/spacing stay exactly like the known-good version. */


/* =========================================================
   TRUE EDGE-TO-EDGE HOME
   Removes the parent padding/max-width that was exposing the
   animated page background as side strips.
   Need Support is intentionally NOT changed here.
   ========================================================= */
body:has(.nexora-home-shell) {
  margin: 0 !important;
  overflow-x: hidden !important;
}

#app.nexora-home-shell {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* The wrapper around header + template must also use the full width. */
#app.nexora-home-shell > div:first-child {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Header and Home hero now share the exact same screen edges. */
#app.nexora-home-shell .homer-header,
#app.nexora-home-shell .nexora-homer-home,
#app.nexora-home-shell .nexora-reference-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* No artificial breakout math is needed anymore. */
#app.nexora-home-shell .homer-header,
#app.nexora-home-shell .nexora-homer-home {
  transform: none !important;
}

/* The uploaded hero image truly fills that full-width section. */
#app.nexora-home-shell .nexora-reference-hero__image,
#app.nexora-home-shell .nexora-reference-hero::before,
#app.nexora-home-shell .nexora-reference-hero__shade {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
}

/* Keep only vertical scrolling. */
html,
body,
#app.nexora-home-shell {
  overflow-x: hidden !important;
}


/* =========================================================
   NEXORA — EXTENDED HOMER-INSPIRED HOME SECTIONS
   ========================================================= */
.nexora-home-wrap{
  width:min(1440px,calc(100% - 72px));
  margin:0 auto;
}
.nexora-home-catalog,
.nexora-benefits,
.nexora-home-faq,
.nexora-social-panel{
  position:relative;
  z-index:4;
  padding:84px 0;
}
.nexora-home-catalog{
  background:
    radial-gradient(circle at 50% -10%,rgba(var(--cl-accent),.12),transparent 42%),
    linear-gradient(180deg,rgba(1,6,18,.93),rgba(1,6,18,.86));
  border-top:1px solid rgba(255,255,255,.045);
}
.nexora-section-kicker{
  width:max-content;
  display:flex;align-items:center;gap:8px;
  margin:0 0 14px;
  padding:8px 12px;
  border:1px solid rgba(var(--cl-accent),.28);
  border-radius:999px;
  background:rgba(var(--cl-accent),.07);
  color:rgb(var(--cl-accent));
  font-size:11px;font-weight:900;letter-spacing:.08em;
}
.nexora-section-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:28px;
  margin-bottom:32px;
}
.nexora-section-heading--center{justify-content:center;text-align:center}
.nexora-section-heading h2,
.nexora-faq-copy h2,
.nexora-social-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.045em;
}
.nexora-section-heading h2 span,
.nexora-faq-copy h2 span,
.nexora-social-copy h2 span{color:rgb(var(--cl-accent))}
.nexora-section-heading p,
.nexora-faq-copy>p,
.nexora-social-copy p{
  margin:12px 0 0;color:rgba(255,255,255,.53);font-size:.94rem;
}
.nexora-section-link{
  display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  color:#fff;font-size:.78rem;font-weight:800;
  padding:11px 15px;border:1px solid rgba(255,255,255,.10);
  border-radius:12px;background:rgba(255,255,255,.035);
  transition:.2s ease;
}
.nexora-section-link:hover{border-color:rgba(var(--cl-accent),.45);background:rgba(var(--cl-accent),.09);transform:translateY(-2px)}
.nexora-catalog-toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:13px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(3,10,25,.68);border-radius:17px;
  margin-bottom:26px;
  backdrop-filter:blur(14px);
}
.nexora-catalog-search{
  min-width:280px;max-width:470px;flex:1;height:44px;
  display:flex;align-items:center;gap:10px;padding:0 14px;
  border:1px solid rgba(255,255,255,.08);border-radius:11px;
  background:rgba(0,0,0,.20);color:rgba(255,255,255,.45);
}
.nexora-catalog-search input{
  width:100%;background:transparent!important;border:0!important;outline:0!important;
  color:#fff!important;font-size:.78rem!important;box-shadow:none!important;
}
.nexora-catalog-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nexora-catalog-chips a{
  padding:9px 12px;border-radius:10px;color:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);
  font-size:.7rem;font-weight:750;transition:.2s;
}
.nexora-catalog-chips a:hover{color:#fff;background:rgba(var(--cl-accent),.10);border-color:rgba(var(--cl-accent),.32)}
.nexora-home-products{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
}
.nexora-home-product{min-width:0}

.nexora-benefits{
  background:
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),
    radial-gradient(circle at 10% 15%,rgba(var(--cl-accent),.12),transparent 32%),
    rgba(0,4,13,.86);
  background-size:48px 48px,48px 48px,auto,auto;
}
.nexora-benefit-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
}
.nexora-benefit-card{
  min-height:280px;position:relative;overflow:hidden;
  padding:27px;border:1px solid rgba(255,255,255,.075);border-radius:20px;
  background:linear-gradient(145deg,rgba(7,19,41,.9),rgba(2,8,21,.82));
  box-shadow:0 24px 70px rgba(0,0,0,.20);
}
.nexora-benefit-card::after{
  content:"";position:absolute;width:180px;height:180px;border-radius:999px;
  right:-85px;top:-90px;background:rgba(var(--cl-accent),.10);filter:blur(2px);
}
.nexora-benefit-card--wide{grid-column:span 2;min-height:250px}
.nexora-benefit-card--guarantee{
  background:linear-gradient(145deg,rgba(var(--cl-accent),.10),rgba(3,10,25,.92));
}
.nexora-benefit-icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
  color:rgb(var(--cl-accent));background:rgba(var(--cl-accent),.1);
  border:1px solid rgba(var(--cl-accent),.24);margin-bottom:18px;font-size:1rem;
}
.nexora-benefit-eyebrow{
  display:block;color:rgb(var(--cl-accent));font-size:10px;letter-spacing:.12em;font-weight:900;margin-bottom:8px
}
.nexora-benefit-card h3{
  margin:0;color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.025em
}
.nexora-benefit-card p{
  margin:10px 0 0;color:rgba(255,255,255,.52);font-size:.82rem;line-height:1.65
}
.nexora-mini-flow{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px
}
.nexora-mini-flow span{
  display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;
  border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16);
  color:rgba(255,255,255,.76);font-size:.69rem;font-weight:750
}
.nexora-mini-flow span i{color:rgb(var(--cl-accent))}
.nexora-mini-flow>i{color:rgba(255,255,255,.22);font-size:.65rem}
.nexora-price-visual{
  display:grid;grid-template-columns:1fr auto;gap:8px 20px;margin-top:28px;
  padding:16px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(0,0,0,.18)
}
.nexora-price-visual span{color:rgba(255,255,255,.48);font-size:.72rem}
.nexora-price-visual strong{color:#fff;font-size:.8rem}
.nexora-price-visual div{grid-column:1/-1;height:1px;background:rgba(255,255,255,.06)}
.nexora-accent-text{color:rgb(var(--cl-accent))!important}
.nexora-security-ring{
  width:112px;height:112px;border-radius:999px;margin:25px auto 0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  border:1px solid rgba(var(--cl-accent),.28);
  box-shadow:inset 0 0 34px rgba(var(--cl-accent),.08),0 0 45px rgba(var(--cl-accent),.08);
  color:rgb(var(--cl-accent));
}
.nexora-security-ring i{font-size:1.55rem}
.nexora-security-ring span{font-size:.66rem;font-weight:850;color:rgba(255,255,255,.7)}
.nexora-card-action{
  display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:11px 14px;
  border-radius:11px;background:rgb(var(--cl-accent));color:#fff;font-size:.72rem;font-weight:850;
  box-shadow:0 12px 30px rgba(var(--cl-accent),.18)
}
.nexora-guarantee-badge{
  width:110px;height:110px;border-radius:999px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;margin:2px 0 20px;
  border:1px solid rgba(var(--cl-accent),.35);background:rgba(var(--cl-accent),.08);
  box-shadow:inset 0 0 30px rgba(var(--cl-accent),.08)
}
.nexora-guarantee-badge strong{font-size:1.7rem;color:#fff;line-height:1}
.nexora-guarantee-badge span{font-size:8px;color:rgb(var(--cl-accent));font-weight:900;letter-spacing:.1em;margin-top:6px}
.nexora-benefit-card ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px}
.nexora-benefit-card li{color:rgba(255,255,255,.68);font-size:.74rem}
.nexora-benefit-card li i{color:rgb(var(--cl-accent));margin-right:8px}

.nexora-home-faq{
  background:linear-gradient(180deg,rgba(0,5,15,.88),rgba(1,7,18,.94));
  border-top:1px solid rgba(255,255,255,.04);
}
.nexora-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:start}
.nexora-faq-copy{position:sticky;top:105px}
.nexora-faq-copy .nexora-section-link{margin-top:24px}
.nexora-faq-list{display:grid;gap:10px}
.nexora-faq-list details{
  border:1px solid rgba(255,255,255,.075);border-radius:15px;
  background:rgba(4,13,30,.62);overflow:hidden;
}
.nexora-faq-list summary{
  min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 20px;color:#fff;font-size:.84rem;font-weight:800;cursor:pointer;list-style:none;
}
.nexora-faq-list summary::-webkit-details-marker{display:none}
.nexora-faq-list summary i{color:rgb(var(--cl-accent));transition:.2s}
.nexora-faq-list details[open] summary i{transform:rotate(45deg)}
.nexora-faq-list details p{
  margin:0;padding:0 20px 20px;color:rgba(255,255,255,.52);font-size:.78rem;line-height:1.65
}

.nexora-social-panel{padding-top:36px;padding-bottom:72px;background:rgba(0,4,12,.94)}
.nexora-social-inner{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
  padding:28px 30px;border:1px solid rgba(255,255,255,.075);border-radius:20px;
  background:
    radial-gradient(circle at 100% 50%,rgba(var(--cl-accent),.18),transparent 38%),
    linear-gradient(135deg,rgba(5,17,38,.94),rgba(2,8,21,.90));
}
.nexora-social-mark{
  width:66px;height:66px;border-radius:17px;padding:7px;
  background:rgba(var(--cl-accent),.1);border:1px solid rgba(var(--cl-accent),.24)
}
.nexora-social-mark img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.nexora-social-copy h2{font-size:1.7rem}
.nexora-social-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.nexora-social-actions a{
  display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;
  border-radius:11px;border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);color:#fff;font-size:.72rem;font-weight:800;transition:.2s
}
.nexora-social-actions a:first-child{background:rgb(var(--cl-accent));border-color:rgb(var(--cl-accent))}
.nexora-social-actions a:hover{transform:translateY(-2px)}

@media(max-width:1100px){
  .nexora-home-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nexora-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nexora-benefit-card--wide{grid-column:span 2}
  .nexora-faq-layout{grid-template-columns:1fr;gap:32px}
  .nexora-faq-copy{position:static}
  .nexora-social-inner{grid-template-columns:auto 1fr}
  .nexora-social-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:720px){
  .nexora-home-wrap{width:calc(100% - 28px)}
  .nexora-home-catalog,.nexora-benefits,.nexora-home-faq{padding:58px 0}
  .nexora-section-heading{align-items:flex-start;flex-direction:column}
  .nexora-catalog-toolbar{align-items:stretch;flex-direction:column}
  .nexora-catalog-search{min-width:0;max-width:none;width:100%}
  .nexora-catalog-chips{justify-content:flex-start}
  .nexora-home-products{grid-template-columns:1fr}
  .nexora-benefit-grid{grid-template-columns:1fr}
  .nexora-benefit-card--wide{grid-column:auto}
  .nexora-mini-flow{align-items:stretch;flex-direction:column}
  .nexora-mini-flow>i{transform:rotate(90deg);align-self:center}
  .nexora-social-inner{grid-template-columns:1fr;text-align:center}
  .nexora-social-mark{margin:0 auto}
  .nexora-social-actions{justify-content:center}
}


/* =========================================================
   NEXORA — HOMER-INSPIRED FOOTER
   ========================================================= */
.nexora-homer-footer{
  position:relative;
  z-index:5;
  width:100%;
  margin:0;
  border-top:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 55% 20%,rgba(var(--cl-accent),.055),transparent 34%),
    linear-gradient(180deg,rgba(6,11,16,.985),rgba(4,8,13,.995));
  color:#fff;
}

.nexora-homer-footer__inner{
  width:min(1320px,calc(100% - 64px));
  margin:0 auto;
  padding:64px 0 52px;
  display:grid;
  grid-template-columns:1.35fr .75fr .75fr .75fr;
  gap:58px;
  align-items:start;
}

.nexora-homer-footer__brand-link{
  display:inline-flex;
  align-items:center;
  gap:16px;
  color:#fff;
}

.nexora-homer-footer__logo{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:13px;
  overflow:hidden;
  border:1px solid rgba(var(--cl-accent),.24);
  background:rgba(var(--cl-accent),.07);
  box-shadow:0 0 24px rgba(var(--cl-accent),.10);
}

.nexora-homer-footer__logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.nexora-homer-footer__brand-name{
  font-size:1.1rem;
  font-weight:900;
  letter-spacing:-.02em;
}

.nexora-homer-footer__column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
}

.nexora-homer-footer__column h3{
  margin:0 0 4px;
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.01em;
}

.nexora-homer-footer__column>a{
  color:rgba(255,255,255,.48);
  font-size:.79rem;
  font-weight:650;
  transition:color .18s ease, transform .18s ease;
}

.nexora-homer-footer__column>a:hover{
  color:rgb(var(--cl-accent));
  transform:translateX(3px);
}

.nexora-homer-footer__socials>a{
  display:flex;
  align-items:center;
  gap:9px;
}

.nexora-homer-footer__social-icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(var(--cl-accent),.22);
  background:rgba(var(--cl-accent),.065);
  color:rgb(var(--cl-accent));
  font-size:.7rem;
}

.nexora-homer-footer__bottom{
  width:min(1320px,calc(100% - 64px));
  margin:0 auto;
  padding:18px 0 24px;
  border-top:1px solid rgba(255,255,255,.045);
  color:rgba(255,255,255,.28);
  font-size:.68rem;
}

@media(max-width:900px){
  .nexora-homer-footer__inner{
    grid-template-columns:1fr 1fr;
    gap:38px 30px;
  }
  .nexora-homer-footer__brand{
    grid-column:1/-1;
  }
}

@media(max-width:560px){
  .nexora-homer-footer__inner{
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:30px;
    padding:46px 0 36px;
  }
  .nexora-homer-footer__brand{
    grid-column:auto;
  }
  .nexora-homer-footer__bottom{
    width:calc(100% - 32px);
  }
}


/* =========================================================
   NEXORA — CENTERED HOMER-STYLE FAQ + OPEN/CLOSE ANIMATION
   ========================================================= */
.nexora-home-faq{
  position:relative;
  overflow:hidden;
  padding:92px 0 106px !important;
  border-top:1px solid rgba(255,255,255,.04);
  background:
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),
    radial-gradient(circle at 50% -10%,rgba(var(--cl-accent),.13),transparent 38%),
    linear-gradient(180deg,rgba(0,5,15,.94),rgba(0,3,10,.98)) !important;
  background-size:48px 48px,48px 48px,auto,auto !important;
}

.nexora-home-faq::before,
.nexora-home-faq::after{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  border-radius:999px;
  background:rgba(var(--cl-accent),.08);
  filter:blur(95px);
  pointer-events:none;
}
.nexora-home-faq::before{left:-150px;bottom:-100px}
.nexora-home-faq::after{right:-130px;top:30px}

.nexora-faq-shell{
  position:relative;
  z-index:2;
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
}

.nexora-faq-header{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin-bottom:42px;
}

.nexora-faq-kicker{
  margin:0 auto 16px !important;
}

.nexora-faq-header h2{
  margin:0;
  color:#fff;
  font-size:clamp(2rem,3.5vw,3.15rem);
  line-height:1.03;
  font-weight:950;
  letter-spacing:-.045em;
}

.nexora-faq-header h2 span{
  color:rgb(var(--cl-accent));
}

.nexora-faq-header p{
  margin:12px 0 0;
  color:rgba(255,255,255,.40);
  font-size:.86rem;
  font-weight:650;
}

.nexora-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  align-items:start;
}

.nexora-faq-item{
  align-self:start;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(7,14,26,.93),rgba(3,9,19,.92));
  box-shadow:0 16px 46px rgba(0,0,0,.18);
  transition:
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease,
    transform .28s ease;
}

.nexora-faq-item:hover{
  border-color:rgba(var(--cl-accent),.24);
  transform:translateY(-1px);
}

.nexora-faq-item[open]{
  border-color:rgba(var(--cl-accent),.42);
  background:
    linear-gradient(145deg,rgba(var(--cl-accent),.07),rgba(4,11,24,.96));
  box-shadow:
    0 20px 55px rgba(0,0,0,.24),
    inset 0 0 38px rgba(var(--cl-accent),.035);
}

.nexora-faq-item summary{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 18px 0 21px;
  list-style:none;
  cursor:pointer;
  user-select:none;
  color:#fff;
  font-size:.84rem;
  font-weight:850;
}

.nexora-faq-item summary::-webkit-details-marker{
  display:none;
}

.nexora-faq-toggle{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:rgb(var(--cl-accent));
  border:1px solid rgba(var(--cl-accent),.30);
  background:rgba(var(--cl-accent),.07);
  transition:
    transform .30s cubic-bezier(.22,.8,.25,1),
    background .25s ease,
    box-shadow .25s ease;
}

.nexora-faq-item[open] .nexora-faq-toggle{
  transform:rotate(45deg);
  background:rgba(var(--cl-accent),.16);
  box-shadow:0 0 22px rgba(var(--cl-accent),.13);
}

.nexora-faq-answer{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:
    grid-template-rows .34s cubic-bezier(.22,.8,.25,1),
    opacity .22s ease;
}

.nexora-faq-answer > p{
  min-height:0;
  overflow:hidden;
  margin:0;
  padding:0 21px;
  color:rgba(255,255,255,.56);
  font-size:.79rem;
  line-height:1.7;
  transition:padding .34s cubic-bezier(.22,.8,.25,1);
}

.nexora-faq-item[open] .nexora-faq-answer{
  grid-template-rows:1fr;
  opacity:1;
}

.nexora-faq-item[open] .nexora-faq-answer > p{
  padding:0 21px 21px;
}

@media(max-width:760px){
  .nexora-home-faq{
    padding:64px 0 72px !important;
  }
  .nexora-faq-shell{
    width:calc(100% - 28px);
  }
  .nexora-faq-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .nexora-faq-item summary{
    min-height:66px;
    font-size:.78rem;
  }
}

/* Homer-inspired Why Choose Us */
.homer-choose{padding:86px 0 92px!important;position:relative;overflow:hidden;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),radial-gradient(circle at 50% 0,rgba(var(--cl-accent),.12),transparent 36%),rgba(0,4,12,.97)!important;background-size:48px 48px,48px 48px,auto,auto!important}
.homer-choose-shell{width:min(1420px,calc(100% - 56px));margin:auto}.homer-choose-head{text-align:center;margin-bottom:52px}.homer-choose-head .nexora-section-kicker{margin:0 auto 17px}.homer-choose-head h2{margin:0;color:#fff;font-size:clamp(2.25rem,3.7vw,3.5rem);font-weight:950;letter-spacing:-.05em}.homer-choose-head h2 span{color:rgb(var(--cl-accent))}
.homer-benefit-grid{display:grid;grid-template-columns:.92fr .92fr 1.24fr;gap:10px}.hc-card{position:relative;min-height:190px;padding:25px 20px 18px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(145deg,rgba(8,13,20,.95),rgba(3,8,14,.96));overflow:hidden;transition:.28s}.hc-card:hover{transform:translateY(-3px);border-color:rgba(var(--cl-accent),.32);box-shadow:0 20px 55px rgba(0,0,0,.28),0 0 32px rgba(var(--cl-accent),.07)}
.hc-copy{position:absolute;left:20px;right:20px;bottom:17px}.hc-copy h3{font-size:.85rem;color:#fff;font-weight:900;margin:0 0 5px}.hc-copy p{margin:0;color:rgba(255,255,255,.48);font-size:.73rem}
.hc-progress{width:91px;height:91px;border-radius:50%;margin:3px auto;background:conic-gradient(rgb(var(--cl-accent)) 0 40%,rgba(255,255,255,.06) 40%);display:grid;place-items:center;position:relative;animation:hcPulse 2.5s ease-in-out infinite}.hc-progress:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#080c12}.hc-progress strong{z-index:2;color:#fff;font-size:1.2rem}
.hc-fee-stack{display:grid;gap:7px}.hc-fee-row{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:9px 12px;opacity:.42;animation:hcRows 4s ease-in-out infinite}.hc-fee-row:nth-child(2){animation-delay:2s}.hc-fee-row.active{opacity:1}.hc-fee-row i{color:rgb(var(--cl-accent))}.hc-fee-row div{display:grid}.hc-fee-row b{font-size:.68rem;color:#fff}.hc-fee-row small{font-size:.55rem;color:#6e7785}
.hc-price-demo{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px auto}.hc-price-box{width:112px;padding:14px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);transform:rotate(-4deg);display:grid;gap:5px;animation:hcFloat 3s ease-in-out infinite}.hc-price-box.ours{transform:rotate(4deg);border-color:rgba(var(--cl-accent),.35);animation-delay:.4s}.hc-price-box small{font-size:.54rem;color:#858b94;font-weight:900}.hc-price-box b{color:#fff;font-size:1.2rem}.hc-price-box em{font-style:normal;font-size:.52rem;color:rgb(var(--cl-accent));background:rgba(var(--cl-accent),.08);border-radius:10px;padding:4px 7px;width:max-content}.hc-arrow{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:rgb(var(--cl-accent));border:1px solid rgba(var(--cl-accent),.25);background:rgba(var(--cl-accent),.08);animation:hcArrow 1.5s ease-in-out infinite}
.hc-guarantee{grid-column:span 2}.hc-guarantee-demo{display:flex;align-items:center;justify-content:center;gap:30px}.hc-ring{width:125px;height:125px;border-radius:50%;border:8px solid rgba(var(--cl-accent),.72);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:hcGlow 2.2s ease-in-out infinite}.hc-ring strong{color:#fff;font-size:1.3rem}.hc-ring small{color:rgb(var(--cl-accent));font-size:.55rem;font-weight:900;letter-spacing:.14em}.hc-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:260px}.hc-steps div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#c9d0da;font-size:.65rem;font-weight:750}.hc-steps i{float:right;color:rgb(var(--cl-accent))}.hc-steps .refund{grid-column:1/-1;opacity:.3}
.hc-secure{display:flex;justify-content:center}.hc-shield{margin-top:38px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(var(--cl-accent),.55);color:rgb(var(--cl-accent));font-size:1.65rem;animation:hcGlow 2s ease-in-out infinite}
.hc-support{height:220px;margin-top:10px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(100deg,rgba(3,10,18,.98),rgba(var(--cl-accent),.06),rgba(3,9,15,.97));display:flex;align-items:center;padding:0 45px}.hc-support-watermark{position:absolute;left:16%;top:-35%;font-size:10rem;font-weight:1000;letter-spacing:-.08em;color:rgba(var(--cl-accent),.07);transform:rotate(-3deg)}.hc-support-copy{z-index:2;display:grid}.hc-support-copy strong{font-size:4rem;line-height:.9;color:#fff;font-weight:1000}.hc-support-copy span{font-size:1.7rem;color:#fff;font-weight:950;margin-top:12px}.hc-discord{z-index:2;margin-left:auto;text-decoration:none!important;color:#fff!important;font-size:.72rem;font-weight:900;padding:15px 25px;border-radius:999px;background:rgb(var(--cl-accent));box-shadow:0 10px 32px rgba(var(--cl-accent),.2);transition:.25s}.hc-discord:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 38px rgba(var(--cl-accent),.32)}
@keyframes hcPulse{50%{filter:drop-shadow(0 0 11px rgba(var(--cl-accent),.35));transform:scale(1.035)}}@keyframes hcArrow{50%{transform:translateX(5px)}}@keyframes hcGlow{50%{box-shadow:0 0 0 8px rgba(var(--cl-accent),.05),0 0 42px rgba(var(--cl-accent),.28)}}@keyframes hcFloat{50%{translate:0 -5px}}@keyframes hcRows{0%,45%,100%{opacity:.42}15%,30%{opacity:1;border-color:rgba(var(--cl-accent),.3)}} 
@media(max-width:900px){.homer-benefit-grid{grid-template-columns:1fr}.hc-guarantee{grid-column:auto}.hc-support{height:190px;padding:0 24px}.hc-support-watermark{font-size:7rem}.hc-support-copy strong{font-size:3rem}}
@media(max-width:600px){.homer-choose-shell{width:calc(100% - 28px)}.hc-guarantee-demo{gap:14px}.hc-steps{width:190px}.hc-support{align-items:flex-start;justify-content:center;flex-direction:column;gap:20px}.hc-discord{margin-left:0}}


/* =========================================================
   NEXORA — DELIVERY PROGRESS 10 -> 100 + COMPLETION POP
   ========================================================= */
.hc-progress[data-delivery-progress]{
  background:
    conic-gradient(
      rgb(var(--cl-accent)) 0 var(--delivery-progress, 10%),
      rgba(255,255,255,.06) var(--delivery-progress, 10%) 100%
    ) !important;
  transition:
    --delivery-progress .42s cubic-bezier(.22,.8,.25,1),
    transform .28s ease,
    filter .28s ease;
}

.hc-progress[data-delivery-progress]::before{
  z-index:1;
}

.hc-progress[data-delivery-progress] > strong{
  position:relative;
  z-index:3;
  min-width:52px;
  text-align:center;
  transition:
    transform .22s ease,
    opacity .22s ease;
}

.hc-progress-check{
  position:absolute;
  inset:0;
  z-index:4;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:1.6rem;
  opacity:0;
  transform:scale(.55) rotate(-12deg);
  pointer-events:none;
}

.hc-progress.is-complete{
  transform:scale(1.09);
  filter:
    drop-shadow(0 0 11px rgba(var(--cl-accent),.46))
    drop-shadow(0 0 25px rgba(var(--cl-accent),.20));
}

.hc-progress.is-complete > strong{
  opacity:0;
  transform:scale(.68);
}

.hc-progress.is-complete .hc-progress-check{
  animation: nexoraDeliveryCheck .72s cubic-bezier(.2,.9,.25,1) both;
}

.hc-progress.is-resetting{
  transform:scale(.94);
}

@keyframes nexoraDeliveryCheck{
  0%{
    opacity:0;
    transform:scale(.45) rotate(-18deg);
  }
  35%{
    opacity:1;
    transform:scale(1.18) rotate(4deg);
  }
  70%{
    opacity:1;
    transform:scale(1) rotate(0deg);
  }
  100%{
    opacity:0;
    transform:scale(.85) rotate(0deg);
  }
}

/* Register the custom property so the conic fill interpolates smoothly. */
@property --delivery-progress{
  syntax:"<percentage>";
  inherits:false;
  initial-value:10%;
}


/* =========================================================
   NEXORA — PRODUCTS PAGE SIDEBAR / VIEWPORT FIX
   ========================================================= */
#app.nexora-products-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 24px 42px !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

#app.nexora-products-shell > div:first-child{
  width:100% !important;
  min-width:0 !important;
}

#app.nexora-products-shell .sa-page-products{
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
}

#app.nexora-products-shell .sa-page-products > .wrap{
  width:min(1540px,100%) !important;
  max-width:1540px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

#app.nexora-products-shell .nexora-products-layout{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  max-width:none !important;
}

#app.nexora-products-shell .nexora-products-layout > aside{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  min-width:0 !important;
}

#app.nexora-products-shell .nexora-products-sidebar-scroll{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Keep the products area from forcing the sidebar outside the viewport. */
#app.nexora-products-shell .nexora-products-layout > .min-w-0{
  min-width:0 !important;
  width:100% !important;
}

@media (max-width:1100px){
  #app.nexora-products-shell{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

@media (max-width:1023px){
  #app.nexora-products-shell{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}


/* =========================================================
   NEXORA — PRODUCT DETAIL / FOOTER SPACING
   Keeps the footer visually separated from Description/Reviews.
   ========================================================= */
.nexora-product-footer-gap{
  display:block;
  width:100%;
  height:72px;
  flex:0 0 72px;
}

@media(max-width:768px){
  .nexora-product-footer-gap{
    height:48px;
    flex-basis:48px;
  }
}


/* =========================================================
   NEXORA — SEAMLESS WHY / FAQ / SOCIALS BACKGROUND
   Same visual field across all 3 sections so there is no hard split.
   ========================================================= */
.nexora-benefits.homer-choose,
.nexora-home-faq,
.nexora-social-panel.nexora-socials-homer{
  background:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(var(--cl-accent),.105), transparent 42%),
    rgba(0,4,12,.97) !important;
  background-size:48px 48px,48px 48px,auto,auto !important;
  border-top:0 !important;
  border-bottom:0 !important;
}

.nexora-benefits.homer-choose{
  padding-bottom:88px !important;
}

.nexora-home-faq{
  padding-top:88px !important;
  padding-bottom:88px !important;
}

.nexora-social-panel.nexora-socials-homer{
  padding:88px 0 92px !important;
  position:relative;
  overflow:hidden;
}

/* Remove separate blobs/overlays that made FAQ look lighter/darker than Why Choose Us. */
.nexora-home-faq::before,
.nexora-home-faq::after{
  display:none !important;
}

/* =========================================================
   NEXORA — HOMER-STYLE SOCIALS
   ========================================================= */
.nexora-socials-shell{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  position:relative;
  z-index:2;
}

.nexora-socials-head{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:38px;
}

.nexora-socials-kicker{
  margin:0 auto 16px !important;
}

.nexora-socials-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2rem,3.5vw,3.2rem);
  line-height:1.03;
  font-weight:950;
  letter-spacing:-.045em;
}

.nexora-socials-head h2 span{
  color:rgb(var(--cl-accent));
}

.nexora-socials-head p{
  margin:12px 0 0;
  color:rgba(255,255,255,.43);
  font-size:.86rem;
  font-weight:650;
}

.nexora-socials-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.nexora-social-card{
  min-height:96px;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(8,14,23,.94),rgba(4,9,16,.94));
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  transition:
    transform .24s ease,
    border-color .24s ease,
    background .24s ease,
    box-shadow .24s ease;
}

.nexora-social-card:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--cl-accent),.34);
  background:linear-gradient(145deg,rgba(var(--cl-accent),.07),rgba(4,10,18,.96));
  box-shadow:0 22px 52px rgba(0,0,0,.25),0 0 30px rgba(var(--cl-accent),.055);
}

.nexora-social-card__icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.035);
  font-size:1.45rem;
  color:#fff;
  transition:transform .24s ease, color .24s ease, background .24s ease;
}

.nexora-social-card:hover .nexora-social-card__icon{
  transform:scale(1.06);
  color:rgb(var(--cl-accent));
  background:rgba(var(--cl-accent),.08);
}

.nexora-social-card__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.nexora-social-card__copy strong{
  color:#fff;
  font-size:.93rem;
  font-weight:900;
}

.nexora-social-card__copy span{
  margin-top:4px;
  color:rgba(255,255,255,.43);
  font-size:.76rem;
  font-weight:600;
}

.nexora-social-card__arrow{
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin-left:auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.58);
  transition:transform .24s ease,color .24s ease,border-color .24s ease;
}

.nexora-social-card:hover .nexora-social-card__arrow{
  transform:translate(2px,-2px);
  color:rgb(var(--cl-accent));
  border-color:rgba(var(--cl-accent),.30);
}

@media(max-width:760px){
  .nexora-socials-shell{
    width:calc(100% - 28px);
  }
  .nexora-socials-grid{
    grid-template-columns:1fr;
  }
  .nexora-social-panel.nexora-socials-homer{
    padding:64px 0 70px !important;
  }
}


/* =========================================================
   NEXORA — TRUE SEAMLESS HOME SECTIONS
   IMPORTANT: no per-section radial gradient restart.
   WHY CHOOSE US / FAQ / SOCIALS now share the exact same field.
   ========================================================= */
.nexora-benefits.homer-choose,
.nexora-home-faq,
.nexora-social-panel.nexora-socials-homer{
  background-color:rgb(0,4,12) !important;
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px, transparent 1px) !important;
  background-size:48px 48px,48px 48px !important;
  background-position:0 0,0 0 !important;
  border-top:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Kill inherited pseudo-backgrounds/glows that can create a horizontal strip. */
.nexora-benefits.homer-choose::before,
.nexora-benefits.homer-choose::after,
.nexora-home-faq::before,
.nexora-home-faq::after,
.nexora-social-panel.nexora-socials-homer::before,
.nexora-social-panel.nexora-socials-homer::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* Ensure wrappers between sections cannot paint a different strip. */
.nexora-homer-home{
  background:rgb(0,4,12) !important;
}

.nexora-benefits.homer-choose + .nexora-home-faq,
.nexora-home-faq + .nexora-social-panel.nexora-socials-homer{
  border-top:0 !important;
  margin-top:0 !important;
}

/* Keep the actual cards/glows intact; only the section canvas is unified. */


/* =========================================================
   NEXORA — RESTORE ANIMATED PAGE BACKGROUND
   Keep WHY / FAQ / SOCIALS seamless, but let the animated
   page background remain visible underneath all three.
   ========================================================= */
.nexora-benefits.homer-choose,
.nexora-home-faq,
.nexora-social-panel.nexora-socials-homer{
  background-color:transparent !important;
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(rgba(0,4,12,.64), rgba(0,4,12,.64)) !important;
  background-size:48px 48px,48px 48px,100% 100% !important;
  background-position:0 0,0 0,0 0 !important;
  background-repeat:repeat,repeat,no-repeat !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Do not paint an opaque wrapper behind these home sections. */
.nexora-homer-home{
  background:transparent !important;
}

/* Remove any inherited pseudo overlays that could hide the animation. */
.nexora-benefits.homer-choose::before,
.nexora-benefits.homer-choose::after,
.nexora-home-faq::before,
.nexora-home-faq::after,
.nexora-social-panel.nexora-socials-homer::before,
.nexora-social-panel.nexora-socials-homer::after{
  content:none !important;
  display:none !important;
}

/* Make transitions between the three sections completely invisible. */
.nexora-benefits.homer-choose + .nexora-home-faq,
.nexora-home-faq + .nexora-social-panel.nexora-socials-homer{
  margin-top:0 !important;
  border-top:0 !important;
}


/* =========================================================
   NEXORA — HERO TRANSPARENT WORDMARK + SOFT BLUE GLOW
   ========================================================= */
.nexora-reference-hero__wordmark{
  position:relative;
  width:min(390px,72vw);
  height:auto;
  margin:0 auto 30px !important;
  display:flex;
  justify-content:center;
  align-items:center;
  isolation:isolate;
}

.nexora-reference-hero__wordmark-glow{
  position:absolute;
  z-index:-1;
  width:72%;
  height:58%;
  left:14%;
  top:22%;
  border-radius:999px;
  background:rgba(0,153,255,.24);
  filter:blur(34px);
  opacity:.78;
  pointer-events:none;
}

.nexora-reference-hero__wordmark-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 5px 12px rgba(0,0,0,.28))
    drop-shadow(0 0 9px rgba(0,153,255,.20));
}

/* If an old hero brand block survives in a variant, don't show it twice. */
.nexora-reference-hero__brand{
  display:none !important;
}

@media(max-width:700px){
  .nexora-reference-hero__wordmark{
    width:min(300px,76vw);
    margin-bottom:24px !important;
  }
  .nexora-reference-hero__wordmark-glow{
    filter:blur(27px);
    opacity:.70;
  }
}


/* =========================================================
   NEXORA — HERO CLEANUP
   Keep ONLY the new transparent Nexora Vault wordmark.
   ========================================================= */
.nexora-reference-hero__brand,
.nexora-reference-hero__logo,
.nexora-reference-hero__brand-logo,
.nexora-reference-hero__identity,
.nexora-hero-brand,
.nexora-hero-logo{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* Explicitly preserve the replacement PNG. */
.nexora-reference-hero__wordmark{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
}


/* =========================================================
   NEXORA — TEXT COPY / SELECTION PROTECTION
   Prevents normal text selection on the storefront while
   keeping inputs, textareas and editable controls usable.
   ========================================================= */
html,
body,
#app,
#app *:not(input):not(textarea):not(select):not(option):not([contenteditable="true"]){
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  -ms-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}

input,
textarea,
select,
option,
[contenteditable="true"]{
  -webkit-user-select:text !important;
  -moz-user-select:text !important;
  -ms-user-select:text !important;
  user-select:text !important;
}

/* Also prevents dragging storefront images/text into another window. */
img,
svg{
  -webkit-user-drag:none !important;
  user-drag:none !important;
}


/* =========================================================
   NEXORA — NAV LINK HOVER UNDERLINE + PAGE SCROLL PROGRESS
   ========================================================= */

/* Animated mini underline under every navigation category/link. */
.homer-links .homer-link{
  position:relative !important;
  overflow:visible !important;
}

.homer-links .homer-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:0;
  height:2px;
  border-radius:999px;
  background:rgb(var(--cl-accent));
  box-shadow:0 0 8px rgba(var(--cl-accent),.42);
  transform:translateX(-50%);
  opacity:0;
  transition:
    width .24s cubic-bezier(.22,.8,.25,1),
    opacity .18s ease;
}

.homer-links .homer-link:hover::after,
.homer-links .homer-link:focus-visible::after{
  width:72%;
  opacity:1;
}

/* Active page keeps the underline visible, like Homer. */
.homer-links .homer-link.is-active::after{
  width:100%;
  opacity:1;
}

/* Thin line across the navbar that fills as the page is scrolled. */
.homer-header{
  position:sticky !important;
}

.nexora-scroll-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  overflow:hidden;
  pointer-events:none;
  background:rgba(255,255,255,.045);
  z-index:999;
}

.nexora-scroll-progress__fill{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(
    90deg,
    rgba(var(--cl-accent),.62),
    rgb(var(--cl-accent))
  );
  box-shadow:
    0 0 6px rgba(var(--cl-accent),.55),
    0 0 14px rgba(var(--cl-accent),.22);
  will-change:transform;
}

@media(max-width:768px){
  .homer-links .homer-link::after{
    bottom:-6px;
  }
  .nexora-scroll-progress{
    height:2px;
  }
}


/* =========================================================
   NEXORA — SCROLL PROGRESS AT VERY TOP OF PAGE
   Sits at the top viewport edge, not under the navbar.
   ========================================================= */
.nexora-scroll-progress{
  position:fixed !important;
  top:0 !important;
  bottom:auto !important;
  left:0 !important;
  right:0 !important;
  width:100vw !important;
  height:2px !important;
  z-index:2147483646 !important;
  background:rgba(255,255,255,.04) !important;
  pointer-events:none !important;
}

.nexora-scroll-progress__fill{
  height:100% !important;
  transform-origin:left center !important;
}


/* NEXORA — brighter premium top scroll progress */
.nexora-scroll-progress{
  height:3px !important;
  background:rgba(255,255,255,.055) !important;
  overflow:visible !important;
}

.nexora-scroll-progress__fill{
  position:relative !important;
  border-radius:0 999px 999px 0 !important;
  background:linear-gradient(
    90deg,
    rgba(var(--cl-accent),.72) 0%,
    rgb(var(--cl-accent)) 62%,
    rgba(115,210,255,1) 86%,
    rgba(245,252,255,1) 100%
  ) !important;
  box-shadow:
    0 0 5px rgba(255,255,255,.52),
    0 0 10px rgba(var(--cl-accent),.92),
    0 0 20px rgba(var(--cl-accent),.58),
    0 0 32px rgba(var(--cl-accent),.28) !important;
}

.nexora-scroll-progress__fill::after{
  content:"" !important;
  position:absolute !important;
  right:-2px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  transform:translateY(-50%) !important;
  background:#fff !important;
  box-shadow:
    0 0 5px rgba(255,255,255,.95),
    0 0 10px rgba(255,255,255,.72),
    0 0 16px rgba(var(--cl-accent),.95),
    0 0 28px rgba(var(--cl-accent),.62) !important;
}


/* =========================================================
   NEXORA — HEADER LOGO ONLY + HOVER MICRO ANIMATION
   ========================================================= */
.homer-brand{
  gap:0 !important;
  min-width:46px !important;
  perspective:500px;
}

.homer-brand__copy{
  display:none !important;
}

.homer-brand__mark,
.homer-brand__fallback{
  width:43px !important;
  height:43px !important;
  border-radius:11px !important;
  position:relative;
  overflow:visible !important;
  transition:
    transform .35s cubic-bezier(.2,.85,.25,1),
    border-color .3s ease,
    box-shadow .3s ease,
    filter .3s ease;
}

.homer-brand__mark::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:15px;
  opacity:0;
  background:radial-gradient(circle,rgba(var(--cl-accent),.22),transparent 68%);
  filter:blur(7px);
  transition:opacity .3s ease;
  pointer-events:none;
}

.homer-brand__mark img{
  position:relative;
  z-index:2;
  border-radius:10px;
  transition:
    transform .38s cubic-bezier(.2,.85,.25,1),
    filter .3s ease;
}

.homer-brand:hover .homer-brand__mark{
  transform:translateY(-2px) rotate(-4deg) scale(1.08);
  border-color:rgba(var(--cl-accent),.65);
  box-shadow:
    0 0 10px rgba(var(--cl-accent),.35),
    0 0 24px rgba(var(--cl-accent),.18);
}

.homer-brand:hover .homer-brand__mark::before{
  opacity:1;
}

.homer-brand:hover .homer-brand__mark img{
  transform:rotate(7deg) scale(1.04);
  filter:brightness(1.12) saturate(1.12);
}

.homer-brand:active .homer-brand__mark{
  transform:scale(.96);
}

/* =========================================================
   NEXORA — HOMER-INSPIRED REVIEWS PAGE
   ========================================================= */
.nexora-feedback-component{
  width:100%;
}

.nexora-feedback-page{
  width:min(1320px,calc(100% - 44px));
  margin:0 auto;
  padding:56px 0 90px;
}

.nexora-feedback-hero{
  position:relative;
  text-align:center;
  padding:36px 20px 38px;
}

.nexora-feedback-hero::before{
  content:"";
  position:absolute;
  width:520px;
  height:220px;
  left:50%;
  top:-32px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(var(--cl-accent),.095);
  filter:blur(85px);
  pointer-events:none;
}

.nexora-feedback-kicker{
  position:relative;
  z-index:1;
  width:max-content;
  margin:0 auto 15px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(var(--cl-accent),.27);
  background:rgba(var(--cl-accent),.07);
  color:rgb(var(--cl-accent));
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
}

.nexora-feedback-hero h1{
  position:relative;
  z-index:1;
  margin:0;
  color:#fff;
  font-size:clamp(2.5rem,5vw,4.5rem);
  font-weight:950;
  letter-spacing:-.055em;
  line-height:1;
}

.nexora-feedback-hero h1 span{
  color:rgb(var(--cl-accent));
}

.nexora-feedback-hero > p{
  position:relative;
  z-index:1;
  margin:14px auto 0;
  max-width:620px;
  color:rgba(255,255,255,.47);
  font-size:.82rem;
  line-height:1.65;
}

.nexora-feedback-overview{
  position:relative;
  z-index:2;
  width:min(860px,100%);
  min-height:132px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:1fr 1px 1fr 1px 1fr;
  align-items:center;
  gap:24px;
  padding:22px 28px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0,rgba(var(--cl-accent),.07),transparent 52%),
    rgba(4,10,20,.75);
  box-shadow:0 22px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}

.nexora-feedback-divider{
  width:1px;
  height:62px;
  background:linear-gradient(transparent,rgba(255,255,255,.11),transparent);
}

.nexora-feedback-rating,
.nexora-feedback-total,
.nexora-feedback-trust{
  text-align:left;
}

.nexora-feedback-rating__number{
  display:flex;
  align-items:baseline;
  gap:5px;
}

.nexora-feedback-rating__number strong{
  color:#fff;
  font-size:2.25rem;
  font-weight:950;
  line-height:1;
  letter-spacing:-.055em;
}

.nexora-feedback-rating__number span{
  color:rgba(255,255,255,.4);
  font-size:.72rem;
}

.nexora-feedback-rating__stars{
  margin-top:7px;
  display:flex;
  gap:4px;
  color:rgb(var(--cl-accent));
  font-size:.69rem;
  filter:drop-shadow(0 0 7px rgba(var(--cl-accent),.2));
}

.nexora-feedback-rating small{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.38);
  font-size:.58rem;
}

.nexora-feedback-total{
  display:flex;
  align-items:center;
  gap:12px;
}

.nexora-feedback-total__icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(var(--cl-accent),.22);
  background:rgba(var(--cl-accent),.08);
  color:rgb(var(--cl-accent));
}

.nexora-feedback-total strong,
.nexora-feedback-total span{
  display:block;
}

.nexora-feedback-total strong{
  color:#fff;
  font-size:1.55rem;
  font-weight:900;
}

.nexora-feedback-total span{
  margin-top:2px;
  color:rgba(255,255,255,.4);
  font-size:.59rem;
}

.nexora-feedback-trust{
  display:grid;
  gap:10px;
}

.nexora-feedback-trust span{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.64);
  font-size:.62rem;
  font-weight:750;
}

.nexora-feedback-trust i{
  color:rgb(var(--cl-accent));
}

.nexora-feedback-toolbar{
  margin:22px 0 16px;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 14px 11px 20px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:rgba(3,9,19,.68);
  backdrop-filter:blur(12px);
}

.nexora-feedback-toolbar__copy span,
.nexora-feedback-toolbar__copy small{
  display:block;
}

.nexora-feedback-toolbar__copy span{
  color:#fff;
  font-size:.8rem;
  font-weight:850;
}

.nexora-feedback-toolbar__copy small{
  margin-top:3px;
  color:rgba(255,255,255,.37);
  font-size:.56rem;
}

.nexora-feedback-sort{
  display:flex;
  align-items:center;
  gap:10px;
}

.nexora-feedback-sort > span{
  color:rgba(255,255,255,.4);
  font-size:.58rem;
  font-weight:750;
}

/* Choices dropdown inside the review toolbar */
.nexora-feedback-sort .choices{
  min-width:210px;
  margin:0 !important;
}

.nexora-feedback-sort .choices__inner{
  min-height:40px !important;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.035) !important;
  padding:6px 34px 6px 12px !important;
  color:#fff !important;
  font-size:.64rem !important;
}

.nexora-feedback-sort .choices__list--dropdown{
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:11px !important;
  background:#07101e !important;
  box-shadow:0 18px 45px rgba(0,0,0,.42) !important;
}

.nexora-feedback-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

/* Rebuild existing review cards into a cleaner, wider Homer-like layout. */
.nexora-feedback-grid .review-card{
  min-height:220px;
}

.nexora-feedback-grid .review-card__surface{
  border-radius:15px !important;
  border-color:rgba(255,255,255,.075) !important;
  background:
    linear-gradient(145deg,rgba(7,14,24,.94),rgba(3,9,18,.93)) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.15) !important;
}

.nexora-feedback-grid .review-card:hover{
  transform:translateY(-3px) !important;
}

.nexora-feedback-grid .review-card:hover .review-card__surface{
  border-color:rgba(var(--cl-accent),.28) !important;
  box-shadow:
    0 20px 44px rgba(0,0,0,.23),
    0 0 28px rgba(var(--cl-accent),.05) !important;
}

.nexora-feedback-grid .review-card__top{
  padding:18px 18px 0 !important;
}

.nexora-feedback-grid .review-card__stars{
  gap:5px !important;
}

.nexora-feedback-grid .review-star{
  font-size:.77rem !important;
}

.nexora-feedback-grid .review-card__date{
  font-size:.54rem !important;
  color:rgba(255,255,255,.32) !important;
}

.nexora-feedback-grid .review-card__body{
  min-height:96px !important;
  padding:16px 18px 18px !important;
}

.nexora-feedback-grid .review-card__message{
  color:rgba(255,255,255,.74) !important;
  font-size:.75rem !important;
  font-weight:620 !important;
  line-height:1.72 !important;
}

.nexora-feedback-grid .review-card__reply{
  margin-top:12px !important;
  border-left-color:rgb(var(--cl-accent)) !important;
  background:rgba(var(--cl-accent),.045) !important;
}

.nexora-feedback-grid .review-product{
  min-height:66px !important;
  padding:10px 18px !important;
  border-top-color:rgba(255,255,255,.06) !important;
  background:rgba(0,0,0,.13) !important;
}

.nexora-feedback-grid .review-product__image{
  width:39px !important;
  height:39px !important;
  border-radius:10px !important;
}

.nexora-feedback-grid .review-product__copy small{
  color:rgb(var(--cl-accent)) !important;
}

.nexora-feedback-grid .review-product__button{
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.035) !important;
  color:rgba(255,255,255,.72) !important;
  transition:.2s !important;
}

.nexora-feedback-grid .review-product__button:hover{
  border-color:rgba(var(--cl-accent),.32) !important;
  color:#fff !important;
  background:rgba(var(--cl-accent),.08) !important;
  transform:translateX(2px);
}

.nexora-feedback-pagination{
  margin-top:28px;
}

.nexora-feedback-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 15px;
  border:1px solid rgba(var(--cl-accent),.26);
  border-radius:10px;
  color:rgb(var(--cl-accent));
  background:rgba(var(--cl-accent),.07);
  font-size:.65rem;
  font-weight:850;
}

.nexora-feedback-empty{
  width:min(520px,100%);
  margin:26px auto 0;
  padding:45px 25px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(4,10,19,.7);
}

.nexora-feedback-empty i{
  margin-bottom:13px;
  color:rgb(var(--cl-accent));
  font-size:1.6rem;
}

.nexora-feedback-empty strong{
  color:#fff;
  font-size:.9rem;
}

.nexora-feedback-empty span{
  margin-top:6px;
  color:rgba(255,255,255,.4);
  font-size:.65rem;
}

@media(max-width:900px){
  .nexora-feedback-overview{
    grid-template-columns:1fr 1fr;
    gap:18px;
  }

  .nexora-feedback-overview .nexora-feedback-divider{
    display:none;
  }

  .nexora-feedback-trust{
    grid-column:1/-1;
    grid-template-columns:1fr 1fr;
  }

  .nexora-feedback-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .nexora-feedback-page{
    width:calc(100% - 24px);
    padding-top:35px;
  }

  .nexora-feedback-overview{
    grid-template-columns:1fr;
    padding:20px;
  }

  .nexora-feedback-trust{
    grid-column:auto;
    grid-template-columns:1fr;
  }

  .nexora-feedback-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .nexora-feedback-sort{
    width:100%;
    justify-content:space-between;
  }

  .nexora-feedback-sort .choices{
    min-width:0;
    width:70%;
  }
}


/* =========================================================
   NEXORA — REVIEWS V2 / HOMER-LIKE CLEAN PAGE
   Removes summary + sorting bars and uses one continuous
   grid/glow background with centered headings and cards.
   ========================================================= */
body:has(.nexora-feedback-page){
  background-color:#020711 !important;
}

.nexora-feedback-component{
  width:100% !important;
  max-width:none !important;
}

.nexora-feedback-page{
  position:relative;
  isolation:isolate;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:88px max(24px,calc((100vw - 1380px)/2)) 105px !important;
  overflow:hidden;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 4%,rgba(var(--cl-accent),.16),transparent 30%),
    radial-gradient(circle at 12% 46%,rgba(var(--cl-accent),.075),transparent 25%),
    radial-gradient(circle at 88% 70%,rgba(var(--cl-accent),.065),transparent 24%),
    rgba(0,4,12,.68) !important;
  background-size:48px 48px,48px 48px,auto,auto,auto,auto !important;
}

.nexora-feedback-page::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 17%,transparent 82%,rgba(0,0,0,.22));
  pointer-events:none;
}

.nexora-feedback-deco{
  position:absolute;
  z-index:-1;
  width:88px;
  height:88px;
  border-radius:18px;
  border:1px solid rgba(var(--cl-accent),.13);
  background:rgba(2,10,20,.12);
  box-shadow:inset 0 0 34px rgba(var(--cl-accent),.025);
  pointer-events:none;
}

.nexora-feedback-deco--left{
  left:5.5%;
  top:110px;
  transform:rotate(3deg);
}

.nexora-feedback-deco--right{
  right:6%;
  top:145px;
  transform:rotate(-4deg);
}

.nexora-feedback-hero{
  position:relative;
  max-width:900px;
  margin:0 auto 74px !important;
  padding:0 !important;
  text-align:center;
}

.nexora-feedback-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:-80px;
  width:620px;
  height:300px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(var(--cl-accent),.11);
  filter:blur(100px);
  opacity:.92;
  pointer-events:none;
}

.nexora-feedback-kicker{
  width:max-content;
  margin:0 auto 18px !important;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(var(--cl-accent),.26);
  border-radius:999px;
  background:rgba(var(--cl-accent),.065);
  color:rgb(var(--cl-accent));
  box-shadow:0 0 24px rgba(var(--cl-accent),.045);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.09em;
}

.nexora-feedback-hero h1{
  margin:0 !important;
  color:#fff;
  font-size:clamp(2.8rem,5.3vw,4.8rem) !important;
  line-height:.98;
  font-weight:950 !important;
  letter-spacing:-.06em;
}

.nexora-feedback-hero h1 span{
  color:rgb(var(--cl-accent));
  text-shadow:0 0 30px rgba(var(--cl-accent),.17);
}

.nexora-feedback-hero > p{
  max-width:620px;
  margin:15px auto 0 !important;
  color:rgba(255,255,255,.43) !important;
  font-size:.84rem !important;
  font-weight:620;
  line-height:1.65;
}

.nexora-feedback-inline-trust{
  margin-top:23px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.42);
  font-size:.59rem;
  font-weight:700;
}

.nexora-feedback-inline-trust > span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.nexora-feedback-inline-trust > span > i{
  color:rgb(var(--cl-accent));
}

.nexora-feedback-inline-stars{
  gap:3px !important;
  color:rgb(var(--cl-accent));
  filter:drop-shadow(0 0 6px rgba(var(--cl-accent),.22));
}

.nexora-feedback-inline-trust strong{
  color:rgba(255,255,255,.72);
  font-weight:850;
}

.nexora-feedback-inline-dot{
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
}

.nexora-feedback-section-title{
  max-width:1320px;
  margin:0 auto 20px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  padding:0 3px;
}

.nexora-feedback-section-title > div > span{
  display:block;
  margin-bottom:7px;
  color:rgb(var(--cl-accent));
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.12em;
}

.nexora-feedback-section-title h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.4rem,2.5vw,2rem);
  font-weight:900;
  letter-spacing:-.035em;
}

.nexora-feedback-section-title p{
  margin:0 0 3px;
  color:rgba(255,255,255,.34);
  font-size:.65rem;
}

.nexora-feedback-grid{
  max-width:1320px;
  margin:0 auto;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

/* Cards */
.nexora-feedback-grid .review-card{
  min-height:220px;
}

.nexora-feedback-grid .review-card__surface{
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:15px !important;
  background:
    radial-gradient(circle at var(--parallax-x,50%) var(--parallax-y,50%),rgba(var(--cl-accent),.055),transparent 50%),
    linear-gradient(145deg,rgba(6,13,23,.93),rgba(2,8,16,.94)) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.18) !important;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}

.nexora-feedback-grid .review-card:hover{
  transform:translateY(-4px) !important;
}

.nexora-feedback-grid .review-card:hover .review-card__surface{
  border-color:rgba(var(--cl-accent),.28) !important;
  box-shadow:
    0 24px 54px rgba(0,0,0,.26),
    0 0 30px rgba(var(--cl-accent),.055) !important;
}

.nexora-feedback-grid .review-card__top{
  padding:19px 19px 0 !important;
}

.nexora-feedback-grid .review-card__stars{
  gap:5px !important;
}

.nexora-feedback-grid .review-star{
  color:rgb(var(--cl-accent)) !important;
  font-size:.76rem !important;
}

.nexora-feedback-grid .review-card__date{
  color:rgba(255,255,255,.28) !important;
  font-size:.53rem !important;
}

.nexora-feedback-grid .review-card__body{
  min-height:102px !important;
  padding:17px 19px 19px !important;
}

.nexora-feedback-grid .review-card__message{
  color:rgba(255,255,255,.72) !important;
  font-size:.75rem !important;
  font-weight:620 !important;
  line-height:1.72 !important;
}

.nexora-feedback-grid .review-card__reply{
  border-left-color:rgb(var(--cl-accent)) !important;
  background:rgba(var(--cl-accent),.045) !important;
}

.nexora-feedback-grid .review-product{
  min-height:68px !important;
  padding:11px 19px !important;
  border-top:1px solid rgba(255,255,255,.055) !important;
  background:rgba(0,0,0,.14) !important;
}

.nexora-feedback-grid .review-product__image{
  width:40px !important;
  height:40px !important;
  border-radius:10px !important;
}

.nexora-feedback-grid .review-product__copy small{
  color:rgb(var(--cl-accent)) !important;
}

.nexora-feedback-grid .review-product__button{
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.03) !important;
  color:rgba(255,255,255,.68) !important;
}

.nexora-feedback-grid .review-product__button:hover{
  border-color:rgba(var(--cl-accent),.30) !important;
  background:rgba(var(--cl-accent),.075) !important;
  color:#fff !important;
}

.nexora-feedback-pagination{
  max-width:1320px;
  margin:28px auto 0;
}

.nexora-feedback-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 15px;
  border:1px solid rgba(var(--cl-accent),.25);
  border-radius:10px;
  background:rgba(var(--cl-accent),.065);
  color:rgb(var(--cl-accent));
  font-size:.65rem;
  font-weight:850;
}

.nexora-feedback-empty{
  width:min(520px,100%);
  margin:0 auto;
  padding:45px 25px;
  display:flex;
  flex-direction:column;
  align-items:center;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(4,10,18,.66);
  text-align:center;
}

.nexora-feedback-empty i{
  margin-bottom:12px;
  color:rgb(var(--cl-accent));
  font-size:1.5rem;
}

.nexora-feedback-empty strong{
  color:#fff;
}

.nexora-feedback-empty span{
  margin-top:5px;
  color:rgba(255,255,255,.38);
  font-size:.65rem;
}

/* Kill the old boxes completely if legacy markup survives on any builder render. */
.review-summary,
.review-toolbar,
.nexora-feedback-overview,
.nexora-feedback-toolbar{
  display:none !important;
}

@media(max-width:820px){
  .nexora-feedback-page{
    padding:65px 16px 76px !important;
  }

  .nexora-feedback-grid{
    grid-template-columns:1fr !important;
  }

  .nexora-feedback-section-title{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .nexora-feedback-deco{
    opacity:.55;
  }
}

@media(max-width:560px){
  .nexora-feedback-hero{
    margin-bottom:52px !important;
  }

  .nexora-feedback-inline-dot{
    display:none !important;
  }

  .nexora-feedback-inline-trust{
    flex-direction:column;
    gap:7px;
  }
}


/* =========================================================
   NEXORA REVIEWS V3 — 4 CARDS / TRUE FULL-BLEED BACKGROUND
   ========================================================= */

/* The page itself remains the layout anchor, while the visual
   background escapes SellAuth's max-width wrapper to the viewport. */
.nexora-feedback-page{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
}

/* Full viewport grid + continuous glows */
.nexora-feedback-page::after{
  content:"" !important;
  position:absolute !important;
  z-index:-3 !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  transform:translateX(-50%) !important;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 5%,rgba(var(--cl-accent),.17),transparent 30%),
    radial-gradient(circle at 7% 43%,rgba(var(--cl-accent),.075),transparent 27%),
    radial-gradient(circle at 94% 68%,rgba(var(--cl-accent),.075),transparent 27%),
    #020711 !important;
  background-size:48px 48px,48px 48px,auto,auto,auto,auto !important;
  pointer-events:none !important;
}

/* Soft top/bottom fade also full viewport */
.nexora-feedback-page::before{
  content:"" !important;
  position:absolute !important;
  z-index:-2 !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:100vw !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(180deg,rgba(0,0,0,.10),transparent 17%,transparent 84%,rgba(0,0,0,.25)) !important;
  pointer-events:none !important;
}

/* Ensure SellAuth wrappers do not clip the full-bleed reviews layer */
body:has(.nexora-feedback-page),
body:has(.nexora-feedback-page) #app,
body:has(.nexora-feedback-page) main,
body:has(.nexora-feedback-page) .components,
body:has(.nexora-feedback-page) .component{
  overflow-x:visible !important;
}

html,
body{
  overflow-x:hidden !important;
}

/* Four reviews per row like the reference layout */
.nexora-feedback-grid{
  width:100% !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}

.nexora-feedback-grid .review-card{
  min-width:0 !important;
  min-height:250px !important;
}

.nexora-feedback-grid .review-card__surface{
  height:100% !important;
}

.nexora-feedback-grid .review-card__body{
  min-height:118px !important;
}

/* Wider content area so four cards do not feel compressed */
.nexora-feedback-section-title,
.nexora-feedback-pagination{
  max-width:1480px !important;
}

@media (max-width:1280px){
  .nexora-feedback-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:940px){
  .nexora-feedback-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:600px){
  .nexora-feedback-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   NEXORA — FOOTER ON HOME + TRUE FULL-BLEED ON ALL PAGES
   ========================================================= */

/* Give Products breathing room before footer */
.nexora-products-footer-gap{
  display:block;
  width:100%;
  height:72px;
  flex:0 0 72px;
}

/* Footer must touch the actual viewport edges, not float inside SellAuth wrappers */
.nexora-homer-footer{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:-50vw !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
  border-radius:0 !important;
}

/* Make sure parent shells do not clip the full-width footer */
#app.nexora-home-shell,
#app.nexora-products-shell,
#app.nexora-home-shell > div,
#app.nexora-products-shell > div{
  overflow-x:visible !important;
}

/* Remove the bottom padding that made the Products footer look like it floats */
#app.nexora-products-shell{
  padding-bottom:0 !important;
  min-height:100vh !important;
}

/* On Home, footer is the true final section */
#app.nexora-home-shell .nexora-homer-footer{
  margin-top:0 !important;
}

/* On Products, visually anchor footer to page bottom after the product area */
#app.nexora-products-shell .nexora-homer-footer{
  margin-top:0 !important;
}

/* Footer background should fill all the way to screen edges */
.nexora-homer-footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 55% 15%,rgba(var(--cl-accent),.07),transparent 34%),
    linear-gradient(180deg,rgba(5,11,18,.99),rgba(2,7,12,1));
  pointer-events:none;
}

/* Keep inner content centered while outer background remains full screen */
.nexora-homer-footer__inner,
.nexora-homer-footer__bottom{
  max-width:1320px !important;
}

/* Prevent any visible white/animated strip underneath footer */
body:has(.nexora-homer-footer){
  padding-bottom:0 !important;
}

@media(max-width:768px){
  .nexora-products-footer-gap{
    height:48px;
    flex-basis:48px;
  }
}


/* =========================================================
   NEXORA — HOME FOOTER + REVIEWS TRUE FULL-PAGE BACKGROUND FIX
   ========================================================= */

/* HOME: footer is now rendered directly after Socials and fills viewport width. */
.nexora-home-footer-anchor{
  position:relative;
  width:100%;
  margin:0 !important;
  padding:0 !important;
}

.nexora-home-footer-anchor .nexora-homer-footer{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 0 0 -50vw !important;
  border-radius:0 !important;
}

/* PRODUCTS / REVIEWS / all footer pages: no floating bottom strip. */
html,
body{
  min-height:100%;
  background:#020711 !important;
}

body:has(.nexora-homer-footer){
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.nexora-homer-footer{
  margin-bottom:0 !important;
}

.nexora-homer-footer__bottom{
  padding-bottom:28px !important;
}

/* If the page ends immediately after the footer, keep the same dark footer color
   rather than exposing the animated background or browser-white-looking strip. */
#app{
  padding-bottom:0 !important;
}

/* ---------------------------------------------------------
   REVIEWS: one full-page grid/glow layer from VERY TOP,
   including announcement area + navbar + review content.
   --------------------------------------------------------- */
.nexora-feedback-page-bg{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 5%,rgba(var(--cl-accent),.17),transparent 31%),
    radial-gradient(circle at 8% 43%,rgba(var(--cl-accent),.075),transparent 27%),
    radial-gradient(circle at 93% 68%,rgba(var(--cl-accent),.075),transparent 27%),
    rgba(0,4,12,.72);
  background-size:48px 48px,48px 48px,auto,auto,auto,auto;
  background-position:0 0,0 0,center top,left center,right center,0 0;
}

/* The content itself stays above the full-page layer. */
body.nexora-feedback-body #app{
  position:relative !important;
  z-index:2 !important;
}

/* Make announcement/header surfaces transparent enough that the grid is visible behind them. */
body.nexora-feedback-body .announcement,
body.nexora-feedback-body [data-component-id="announcement"],
body.nexora-feedback-body .component[data-component-id="announcement"]{
  background:rgba(3,9,18,.45) !important;
  backdrop-filter:blur(10px);
}

body.nexora-feedback-body .homer-header,
body.nexora-feedback-body .homer-nav{
  background:rgba(3,10,25,.68) !important;
  backdrop-filter:blur(18px);
}

/* Do NOT restart another separate grid inside the reviews content.
   This removes the horizontal seam and lets the same background continue. */
body.nexora-feedback-body .nexora-feedback-page{
  background:transparent !important;
}

body.nexora-feedback-body .nexora-feedback-page::before,
body.nexora-feedback-body .nexora-feedback-page::after{
  content:none !important;
  display:none !important;
}

/* Reviews footer should cover the full width and finish on the page edge. */
body.nexora-feedback-body .nexora-homer-footer{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:-50vw !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  border-radius:0 !important;
}

/* Prevent any last pixels of animated background from showing under the footer. */
body.nexora-feedback-body::after{
  content:"";
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  z-index:2147483000;
  pointer-events:none;
  background:#020711;
}

@media(max-width:768px){
  .nexora-homer-footer__bottom{
    padding-bottom:22px !important;
  }
}


/* =========================================================
   NEXORA — CONSISTENT FINAL FOOTER ON EVERY PAGE
   ========================================================= */
/* The footer is always a full-viewport final block, never a floating card. */
.nexora-homer-footer{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:-50vw !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  flex-shrink:0 !important;
}

/* Preserve the centered Homer-style content inside the full-width background. */
.nexora-homer-footer__inner,
.nexora-homer-footer__bottom{
  width:calc(100% - 48px) !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* All page shells must allow the footer to escape their max-width wrapper. */
#app,
#app > div{
  overflow-x:visible !important;
}

/* No page gets an accidental gap BELOW the final footer. */
#app{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* Standard breathing room ABOVE footer on content pages. */
#app:not(.nexora-home-shell) .nexora-homer-footer{
  margin-top:64px !important;
}

/* Products needs a little more separation from its product grid. */
#app.nexora-products-shell .nexora-homer-footer{
  margin-top:72px !important;
}
.nexora-products-footer-gap{
  display:none !important;
}

/* Product detail: keep description/reviews clearly separated from footer. */
.nexora-product-footer-gap{
  height:72px !important;
  flex:0 0 72px !important;
}
#app .nexora-product-footer-gap + .nexora-homer-footer{
  margin-top:0 !important;
}

/* Home footer is directly attached to the end of Home/Socials. */
.nexora-home-footer-anchor{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.nexora-home-footer-anchor .nexora-homer-footer{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Keep page end dark so the animated background never peeks out below. */
html, body{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  min-height:100% !important;
}
body:has(.nexora-homer-footer){
  background-color:#020711 !important;
}

@media(max-width:768px){
  .nexora-homer-footer__inner,
  .nexora-homer-footer__bottom{
    width:calc(100% - 24px) !important;
  }
  #app:not(.nexora-home-shell) .nexora-homer-footer{
    margin-top:44px !important;
  }
  #app.nexora-products-shell .nexora-homer-footer{
    margin-top:48px !important;
  }
  .nexora-product-footer-gap{
    height:48px !important;
    flex-basis:48px !important;
  }
}


/* =========================================================
   NEXORA — HOME FOOTER HARD FIX
   The Home footer is now real markup inside shop.njk.
   ========================================================= */
.nexora-home-footer-direct{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 0 0 -50vw !important;
  border-radius:0 !important;
  z-index:6 !important;
}

.nexora-home-footer-direct::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 55% 18%,rgba(var(--cl-accent),.065),transparent 34%),
    linear-gradient(180deg,rgba(5,11,18,.99),rgba(2,7,12,1));
  pointer-events:none;
}

#app.nexora-home-shell,
#app.nexora-home-shell > div:first-child,
.nexora-homer-home{
  overflow-x:visible !important;
}

html,
body{
  overflow-x:hidden !important;
}


/* =========================================================
   NEXORA — PRODUCTS GRID BACKGROUND + HOME HERO SOFT FADE
   ========================================================= */

/* PRODUCTS: extend the same clean grid/glow visual behind the whole page. */
body:has(#app.nexora-products-shell){
  background:#020711 !important;
}

body:has(#app.nexora-products-shell)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 8%,rgba(var(--cl-accent),.14),transparent 31%),
    radial-gradient(circle at 8% 46%,rgba(var(--cl-accent),.07),transparent 26%),
    radial-gradient(circle at 92% 70%,rgba(var(--cl-accent),.065),transparent 24%),
    rgba(0,4,12,.63);
  background-size:48px 48px,48px 48px,auto,auto,auto,auto;
}

#app.nexora-products-shell{
  position:relative !important;
  z-index:2 !important;
  background:transparent !important;
}

/* Let the grid be visible behind header and product surfaces too. */
#app.nexora-products-shell .homer-header,
#app.nexora-products-shell .homer-nav{
  background:rgba(3,10,25,.68) !important;
  backdrop-filter:blur(18px);
}

#app.nexora-products-shell .sa-page-products,
#app.nexora-products-shell .sa-page-products > .wrap,
#app.nexora-products-shell .nexora-products-layout{
  background:transparent !important;
}

/* HOME: fade the bottom of the uploaded hero image area into the next section
   so the transition into Why Choose Us is soft, not a hard horizontal cutoff. */
.nexora-reference-hero{
  position:relative !important;
  overflow:visible !important;
}

.nexora-reference-hero::after{
  content:"";
  position:absolute;
  z-index:3;
  left:50%;
  bottom:-1px;
  width:100vw;
  height:150px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    linear-gradient(
      to bottom,
      rgba(0,4,12,0) 0%,
      rgba(0,4,12,.18) 26%,
      rgba(0,4,12,.58) 64%,
      rgba(0,4,12,.94) 100%
    );
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}

/* Make the first part of Why Choose Us continue the same fade naturally. */
.nexora-benefits.homer-choose{
  position:relative !important;
}

.nexora-benefits.homer-choose::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:-110px;
  width:100vw;
  height:170px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    linear-gradient(
      to bottom,
      rgba(0,4,12,.94) 0%,
      rgba(0,4,12,.72) 35%,
      rgba(0,4,12,.34) 72%,
      rgba(0,4,12,0) 100%
    );
  filter:blur(8px);
}

.nexora-benefits.homer-choose > *{
  position:relative;
  z-index:1;
}

/* Slightly soften the uploaded hero image itself near the bottom edge. */
.nexora-reference-hero__image{
  -webkit-mask-image:linear-gradient(
    to bottom,
    #000 0%,
    #000 78%,
    rgba(0,0,0,.82) 88%,
    rgba(0,0,0,.30) 97%,
    transparent 100%
  ) !important;
  mask-image:linear-gradient(
    to bottom,
    #000 0%,
    #000 78%,
    rgba(0,0,0,.82) 88%,
    rgba(0,0,0,.30) 97%,
    transparent 100%
  ) !important;
}

/* Mobile: shorter transition so it does not eat too much vertical space. */
@media(max-width:720px){
  .nexora-reference-hero::after{
    height:105px;
  }
  .nexora-benefits.homer-choose::before{
    top:-78px;
    height:120px;
  }
}


/* =========================================================
   NEXORA — 6 HERO PILLS ONLY
   Navbar lasciata IDENTICA alla versione base precedente.
   ========================================================= */
.nexora-reference-trust--six{
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:9px !important;
  width:max-content !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.nexora-reference-trust--six > span{
  flex:0 0 auto !important;
  min-height:38px !important;
  white-space:nowrap !important;
}

.nexora-reference-trust--six .nexora-hero-stat{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  padding:5px 12px !important;
  gap:1px !important;
}

.nexora-reference-trust--six .nexora-hero-stat strong{
  color:#fff !important;
  font-size:.76rem !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.nexora-reference-trust--six .nexora-hero-stat small{
  color:rgba(255,255,255,.46) !important;
  font-size:.46rem !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

@media(max-width:1100px){
  .nexora-reference-trust--six{
    flex-wrap:wrap !important;
    width:100% !important;
  }
}