/* =====================================================================
   LETHAL SUITE — site-wide skin for every store page.
   Restyles the base SellAuth theme (navbar, footer, products, product page,
   cart, reviews, status, legal, blog, customer area). Payment / checkout
   is hosted by SellAuth and is not touched.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Luckiest+Guy&family=Inter:wght@400;500;600;700;800&display=swap");

.lx-site{
  --s-bg:#050505; --s-card:rgba(14,14,14,.78); --s-card2:#0b0b0b;
  --s-line:rgba(255,255,255,.075); --s-line2:rgba(255,255,255,.14);
  --s-text:#f2f2f2; --s-dim:#a3a3a3; --s-muted:#6b6b6b;
  --s-r:18px; --s-ease:cubic-bezier(.16,1,.3,1);
  background-color:var(--s-bg)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif!important;
  -webkit-font-smoothing:antialiased;letter-spacing:-.005em;
}
.lx-site ::selection{background:#fff;color:#000}
.lx-site{scrollbar-color:#2a2a2a #050505}

/* ambient light + grid behind every page */
.lx-site::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 70% 45% at 50% -8%,rgba(255,255,255,.085),transparent 62%),
             radial-gradient(ellipse 40% 30% at 50% 110%,rgba(255,255,255,.035),transparent 70%)}
.lx-site::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 0%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 80% 55% at 50% 0%,#000 25%,transparent 75%)}
.lx-site #app{position:relative;z-index:1}
.lx-site #particles-js{opacity:.28}

/* ---------- smooth page entrance (inner pages) ---------- */
@keyframes lx-pagein{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.lx-site:not(.lx-tpl-shop) #app .components > *,
.lx-site:not(.lx-tpl-shop) #app section.component:not(.lx){animation:lx-pagein .9s var(--s-ease) both}
.lx-site:not(.lx-tpl-shop) #app .components > *:nth-child(2){animation-delay:.08s}
.lx-site:not(.lx-tpl-shop) #app .components > *:nth-child(3){animation-delay:.16s}
.lx-site:not(.lx-tpl-shop) #app .components > *:nth-child(n+4){animation-delay:.24s}
.lx-gfoot{animation:lx-pagein 1s var(--s-ease) .2s both}

/* =====================================================================
   NAVBAR (global)
   ===================================================================== */
.lx-gnav{position:relative;z-index:60;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.lx-gbar{position:fixed;top:var(--lx-navtop,16px);left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 12px;pointer-events:none;
  animation:lx-navin .9s var(--s-ease) both}
.lx-gpill{pointer-events:auto;max-width:100%}
.lx-gspacer{height:92px}
body:has(.lx-hero) .lx-gspacer{display:none}
.lx-glogo{display:flex;align-items:center;gap:9px;height:40px;padding:0 12px 0 10px;border-radius:12px;color:#fff!important;transition:background .25s;flex:none}
.lx-glogo:hover{background:rgba(255,255,255,.06)}
.lx-glogo svg{width:19px;height:19px;filter:drop-shadow(0 0 8px rgba(255,255,255,.55))}
.lx-glogo img{max-height:26px;width:auto;border-radius:6px}
.lx-gname{font-size:19px;padding-top:2px}
.lx-gnav .lx-navlinks{margin:0 2px}
.lx-gtools{display:flex;align-items:center;gap:4px;margin-left:4px}
.lx-gicon{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:0;background:transparent;cursor:pointer;
  color:rgba(245,245,247,.72)!important;font-size:15px;transition:background .25s,color .25s,transform .3s var(--s-ease)}
.lx-gicon:hover,.lx-gicon.is-active{background:rgba(255,255,255,.07);color:#fff!important}
.lx-gicon:active{transform:scale(.94)}
.lx-gbadge{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#fff;color:#000;font-size:10px;font-weight:800;
  display:grid;place-items:center;box-shadow:0 0 12px rgba(255,255,255,.55);animation:lx-badgepop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes lx-badgepop{from{transform:scale(.4);opacity:0}}
.lx-gnav .lx-navcta{margin-left:4px}
.lx-gburger{display:none}
.lx-gnav.is-open .lx-burger span:first-child{top:19.5px;transform:rotate(45deg)}
.lx-gnav.is-open .lx-burger span:last-child{top:19.5px;transform:rotate(-45deg)}

/* currency selector inside the pill */
.lx-gcur{flex:none;width:86px}
/* the theme's currency box uses the class "lg", which the menu demo also uses — undo the demo styles here */
.lx-site .currency-selector.lg{width:86px!important;padding-top:0!important;font:inherit!important;font-size:14px!important;color:inherit!important;line-height:normal!important;user-select:auto!important;text-rendering:auto!important}
.lx-site .currency-selector select{color:transparent!important;border:0!important;background:transparent!important}
.lx-gcur .choices,.lx-gcur-xs .choices{margin:0;width:100%}
.lx-gcur .choices__inner{height:40px!important;min-width:0!important;display:flex!important;align-items:center;padding:0 10px!important}
.lx-gcur .choices__list--single{padding:0!important}
.lx-gcur .choices[data-type*=select-one]::after{right:9px}
.lx-gcur-xs .choices__inner{height:46px!important}
.lx-gcur .choices__inner,.lx-gcur-xs .choices__inner{min-height:40px!important;padding:6px 10px!important;border-radius:12px!important;
  border:1px solid var(--s-line)!important;background:rgba(255,255,255,.03)!important}
.lx-gcur-xs .choices__inner{min-height:46px!important}

/* mobile dropdown */
.lx-gdrop{position:absolute;top:62px;left:12px;right:12px;max-width:460px;margin:0 auto;display:flex;flex-direction:column;padding:8px;border-radius:18px;
  pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top center;
  transition:opacity .3s,transform .45s var(--s-ease),visibility 0s .45s;
  background:linear-gradient(180deg,rgba(30,30,34,.95),rgba(14,14,16,.95));-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);
  border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
.lx-gnav.is-open .lx-gdrop{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .3s,transform .45s var(--s-ease)}
.lx-gdrop > a,.lx-gdrop > button{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:0;border-radius:12px;background:transparent;text-align:left;
  font:500 16px Inter,system-ui,sans-serif;color:rgba(245,245,247,.82)!important;cursor:pointer;
  opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .45s var(--s-ease),background .2s}
.lx-gdrop > div{opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .45s var(--s-ease);margin:4px 0}
.lx-gnav.is-open .lx-gdrop > *{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 40ms + 60ms)}
.lx-gdrop > a:hover,.lx-gdrop > button:hover{background:rgba(255,255,255,.06)}
.lx-gdrop .lx-dropcta{justify-content:center;margin-top:6px;background:linear-gradient(180deg,#fff,#e4e4e7)!important;color:#0a0a0a!important;font-weight:600}

@media (max-width:1080px){
  .lx-gnav .lx-navlinks{display:none}
  .lx-gburger{display:block}
}
@media (max-width:640px){
  .lx-gnav .lx-navcta,.lx-gcur{display:none}
  .lx-gpill{width:100%;max-width:460px;justify-content:space-between}
  .lx-gspacer{height:84px}
}
@media (min-width:1081px){ .lx-gdrop{display:none} }

/* =====================================================================
   PAGE TITLES  (h1 + underline used across the theme)
   ===================================================================== */
.lx-site h1.text-2xl.font-bold,.lx-site h1.text-3xl.font-bold{
  font-family:Inter,system-ui,sans-serif!important;font-weight:650;letter-spacing:-.035em;line-height:1.05;
  font-size:clamp(34px,5.2vw,58px)!important;
  background:linear-gradient(180deg,#fff 0%,#e6e6e9 55%,#8d8d92 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 30px rgba(255,255,255,.12));padding-bottom:.06em}
.lx-site hr.border-accent-500{width:56px!important;height:2px;border:0!important;margin:16px auto 0!important;border-radius:2px;
  background:#fff;box-shadow:0 0 14px rgba(255,255,255,.7),0 0 40px rgba(255,255,255,.25)}
.lx-site h2.text-xl.font-bold{font-size:22px!important;letter-spacing:-.02em;font-weight:650}

/* =====================================================================
   SURFACES — cards and panels
   ===================================================================== */
.lx-site :is(.bg-card,.bg-card\/90,.bg-card\/75,.bg-card\/50,.bg-card\/25,.bg-background\/35){
  background:var(--s-card)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lx-site .bg-background{background:var(--s-bg)!important}
.lx-site :is(.border-white\/5,.border-y-white\/5){border-color:var(--s-line)!important}
.lx-site :is(.bg-\[\#0c1427\]){background:#0d0d0d!important}
.lx-site :is(.hover\:bg-\[\#070d19\]):hover{background:#141414!important}
.lx-site .bg-white\/5{background:rgba(255,255,255,.045)!important}

/* rounded corners, keeping stacked panels joined */
.lx-site :is(.bg-card,.bg-card\/90,.bg-card\/75,.bg-card\/50,.bg-background\/35,.border-white\/5){border-radius:var(--s-r)}
.lx-site :is(.border-b.border-x){border-radius:0 0 var(--s-r) var(--s-r)!important}
.lx-site :is(.border-b.border-x):has(+ .border-x){border-radius:0!important}
.lx-site :is(.border,.bg-card):has(+ .border-b.border-x){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.lx-site .bg-card:has(+ .border-b.border-x) > .border{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.lx-site .bg-card > .border:only-child{border-radius:inherit}
.lx-site :is(.border-b.border-white\/5:not(.border-x):not(.border),.border-t.border-white\/5:not(.border)){border-radius:0}

/* panels lift softly on hover where they are links */
.lx-site a:is(.bg-card,.bg-card\/75).border{transition:transform .5s var(--s-ease),border-color .35s,box-shadow .5s,background .3s}
.lx-site a:is(.bg-card,.bg-card\/75).border:hover{transform:translateY(-4px);border-color:var(--s-line2)!important;
  box-shadow:0 30px 60px -30px rgba(255,255,255,.14),0 0 0 1px rgba(255,255,255,.02)}

/* product cards */
.lx-site a.block.h-full.bg-card\/75{overflow:hidden;border-radius:20px}
.lx-site a.block.h-full.bg-card\/75 img{border-radius:12px;transition:transform .8s var(--s-ease)}
.lx-site a.block.h-full.bg-card\/75:hover img{transform:scale(1.035)}
.lx-site a.block.h-full.bg-card\/75 h3{letter-spacing:-.02em;font-weight:650}
.lx-site a.block.h-full.bg-card\/75 .text-accent-500{color:#fff!important;font-weight:700;text-shadow:0 0 18px rgba(255,255,255,.35)}

/* =====================================================================
   BUTTONS
   ===================================================================== */
.lx-site :is(button,a).bg-accent-500{
  border-radius:999px!important;border-color:transparent!important;color:#0a0a0a!important;
  background:linear-gradient(135deg,#fff 0%,#d4d4d4 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 10px 32px -10px rgba(255,255,255,.35);
  transition:transform .35s var(--s-ease),box-shadow .4s,opacity .25s!important;position:relative;overflow:hidden}
.lx-site :is(button,a).bg-accent-500:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 14px 40px -10px rgba(255,255,255,.55)}
.lx-site :is(button,a).bg-accent-500:active:not(:disabled){transform:scale(.97)}
.lx-site :is(button,a).bg-accent-500::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.1) 55%,transparent 80%);
  animation:lx-sheen 5s ease-in-out infinite}
.lx-site :is(button,a).border-accent-500:not(.bg-accent-500){
  border-radius:999px!important;border-color:rgba(255,255,255,.16)!important;color:#f2f2f2!important;background:rgba(255,255,255,.03)!important;
  transition:background .3s,border-color .3s,transform .35s var(--s-ease)!important}
.lx-site :is(button,a).border-accent-500:not(.bg-accent-500):hover:not(:disabled){background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.3)!important;transform:translateY(-1px)}
.lx-site :is(button,a):disabled{cursor:not-allowed}
/* small badges stay pills */
.lx-site div.bg-accent-500,.lx-site span.bg-accent-500{border-radius:999px;padding-left:10px;padding-right:10px}
.lx-site .text-accent-500,.lx-site .text-accent-400{color:#fff!important}
.lx-site .hover\:bg-accent-500\/10:hover{background:rgba(255,255,255,.07)!important}
.lx-site .bg-accent-500\/10{background:rgba(255,255,255,.07)!important}
.lx-site .border-l-accent-500{border-left-color:#fff!important}

/* tabs on the product page (description / custom tabs) */
.lx-site [data-component-id="product-page"] button.border{border-radius:999px!important;transition:background .3s,color .3s,border-color .3s}

/* =====================================================================
   FORMS
   ===================================================================== */
.lx-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){
  border-radius:12px!important;background:rgba(255,255,255,.03)!important;border:1px solid var(--s-line)!important;color:var(--s-text)!important;
  transition:border-color .25s,box-shadow .3s,background .25s}
.lx-site :is(input,select,textarea):focus{outline:none!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 0 0 4px rgba(255,255,255,.06)!important;background:rgba(255,255,255,.05)!important}
.lx-site ::placeholder{color:#6b6b6b!important}
.lx-site input[type=checkbox],.lx-site input[type=radio]{accent-color:#fff}

/* Choices.js dropdowns (variants, currency) */
.lx-site .choices__inner{border-radius:12px!important;background:rgba(255,255,255,.03)!important;border:1px solid var(--s-line)!important;color:var(--s-text)}
.lx-site .choices.is-open .choices__inner{border-color:rgba(255,255,255,.3)!important}
.lx-site .choices__list--dropdown,.lx-site .choices__list[aria-expanded]{background:#0d0d0d!important;border:1px solid var(--s-line2)!important;border-radius:14px!important;
  margin-top:6px!important;overflow:hidden;box-shadow:0 24px 60px -20px rgba(0,0,0,.9)!important;animation:lx-dd .3s var(--s-ease)}
@keyframes lx-dd{from{opacity:0;transform:translateY(-6px)}}
.lx-site .choices__list--dropdown .choices__item--selectable.is-highlighted{background:rgba(255,255,255,.07)!important}

/* =====================================================================
   TEXT / CONTENT
   ===================================================================== */
.lx-site .editor{color:#cfcfcf;line-height:1.7;font-size:15.5px}
.lx-site .editor :is(h1,h2,h3,h4){color:#fff;letter-spacing:-.02em;font-weight:650;margin:1.4em 0 .5em}
.lx-site .editor h1{font-size:28px}.lx-site .editor h2{font-size:23px}.lx-site .editor h3{font-size:19px}
.lx-site .editor p{margin:.7em 0}
.lx-site .editor a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.lx-site .editor :is(ul,ol){padding-left:1.3em;margin:.6em 0}
.lx-site .editor li{margin:.3em 0}
.lx-site .editor code{background:rgba(255,255,255,.07);padding:2px 6px;border-radius:6px;font-size:.9em}
.lx-site .editor blockquote{border-left:2px solid #fff;padding-left:14px;color:#bdbdbd}
.lx-site .text-t-primary\/50,.lx-site .text-t-primary\/60{color:rgba(242,242,242,.55)!important}

/* tables (invoices, tickets) */
.lx-site table{border-collapse:separate;border-spacing:0;width:100%}
.lx-site thead th{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--s-muted)}
.lx-site tbody tr{transition:background .2s}
.lx-site tbody tr:hover{background:rgba(255,255,255,.03)}

/* modals and overlays */
.lx-site .bg-black\/75{background:rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* image sliders */
.lx-site .splide__arrow{background:rgba(10,10,10,.7)!important;border:1px solid var(--s-line2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1!important;transition:transform .3s var(--s-ease)}
.lx-site .splide__arrow svg{fill:#fff!important}
.lx-site .splide__arrow:hover{transform:translateY(-50%) scale(1.08)}
.lx-site .splide__pagination__page{background:rgba(255,255,255,.35)!important}
.lx-site .splide__pagination__page.is-active{background:#fff!important;transform:scale(1.3)}
.lx-site .splide img{border-radius:14px}

/* announcement bar */
.lx-site .announcement{position:relative;z-index:61}
.lx-site .announcement > div{border-radius:0!important;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.07),rgba(255,255,255,.02))!important;
  border:0!important;border-bottom:1px solid var(--s-line)!important;color:#e9e9e9!important;font-weight:500;letter-spacing:.01em;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.lx-site .announcement :is(p,a,span){color:#e9e9e9!important}

/* links that underline on hover get a softer look */
.lx-site .hover\:underline:hover{text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}

/* =====================================================================
   FOOTER (global)
   ===================================================================== */
.lx-gfoot{position:relative;margin-top:72px;font-family:Inter,system-ui,sans-serif}
.lx-gfoot-mark,.lx-giant{padding-bottom:.06em}
.lx-gfoot-card{position:relative;overflow:hidden;border:1px solid var(--s-line);border-radius:26px;padding:44px 44px 26px;
  background:radial-gradient(70% 90% at 50% 0%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,#0e0e0e,#080808)}
.lx-gfoot-top{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}
.lx-gfoot-logo{display:inline-flex;align-items:center;gap:12px}
.lx-gfoot-logo img{max-height:34px;border-radius:8px}
.lx-gfoot-logo span{font-size:34px}
.lx-gfoot-tag{color:var(--s-dim);font-size:15px;line-height:1.6;max-width:380px;margin:14px 0 20px}
.lx-gfoot-socials{display:flex;gap:8px}
.lx-gfoot-socials a{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--s-line);background:rgba(255,255,255,.03);color:#e5e5e5;font-size:17px;
  transition:transform .35s var(--s-ease),background .3s,border-color .3s,box-shadow .3s}
.lx-gfoot-socials a:hover{transform:translateY(-3px);background:#fff;color:#000;border-color:#fff;box-shadow:0 10px 30px -8px rgba(255,255,255,.5)}
.lx-gfoot-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lx-gfoot-cols h4{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--s-muted);margin-bottom:14px}
.lx-gfoot-cols a{display:block;width:max-content;color:var(--s-dim);font-size:14.5px;padding:6px 0;transition:color .25s,transform .35s var(--s-ease)}
.lx-gfoot-cols a:hover{color:#fff;transform:translateX(3px)}
.lx-gfoot-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid var(--s-line);
  color:var(--s-muted);font-size:13px}
.lx-gfoot-status{display:flex;align-items:center;gap:9px}
.lx-gfoot-status .lx-ping i{background:#7ade8e}
.lx-gfoot-mark{text-transform:uppercase;white-space:nowrap;font-size:clamp(56px,13vw,210px);line-height:.8;text-align:center;letter-spacing:.03em;
  margin-top:40px;background:linear-gradient(180deg,#1a1a1a,transparent 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;overflow:hidden}
body:has(.lx-giant) .lx-gfoot-mark{display:none}
@media (max-width:760px){
  .lx-gfoot-card{padding:28px 22px 20px;border-radius:22px}
  .lx-gfoot-top{grid-template-columns:1fr;gap:30px}
  .lx-gfoot-logo span{font-size:28px}
  .lx-gfoot-bottom{flex-direction:column;align-items:flex-start;margin-top:28px}
}

/* =====================================================================
   SMALL SCREENS
   ===================================================================== */
@media (max-width:640px){
  .lx-site{--s-r:16px}
  .lx-site h1.text-2xl.font-bold{font-size:clamp(30px,9vw,40px)!important}
}
@media (hover:none){
  .lx-site a:is(.bg-card,.bg-card\/75).border:hover{transform:none;box-shadow:none}
  .lx-site a.block.h-full.bg-card\/75:hover img{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .lx-site #app *{animation:none!important}
}

/* homepage products block sits in the same rhythm as the Lethal sections */
.lx-tpl-shop section#products{padding-top:72px}
.lx-tpl-shop section#products h1{font-size:clamp(34px,5vw,56px)!important}
.lx-tpl-shop section#products h1 .lx-logo-type{font-size:1.05em;vertical-align:-.04em}

/* =====================================================================
   POLISH PASS — corners, outlines, currency switcher
   ===================================================================== */

/* ---- currency switcher in the navbar: neat pill "$ USD ⌄" ---- */
.lx-site .lx-gcur{width:auto!important;min-width:84px}
.lx-site .lx-gcur .choices{width:auto}
.lx-site .lx-gcur .choices__inner{height:40px!important;min-height:40px!important;min-width:0!important;padding:0 30px 0 12px!important;display:flex!important;align-items:center;
  border-radius:12px!important;border:1px solid transparent!important;background:transparent!important;transition:background .25s,border-color .25s}
.lx-site .lx-gcur .choices:hover .choices__inner{background:rgba(255,255,255,.07)!important}
.lx-site .lx-gcur .choices.is-open .choices__inner{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important;border-radius:12px!important;box-shadow:none!important}
.lx-site .currency-selector .choices__inner .choices__item{max-width:none!important;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#f2f2f2}
.lx-site .currency-selector .choices__inner .code{display:inline!important;color:#f2f2f2!important;font-weight:600}
.lx-site .currency-selector .choices__inner .default{display:none!important}
.lx-site .currency-selector .symbol{background:none!important;width:auto!important;min-width:0!important;padding:0!important;margin:0!important;color:rgba(242,242,242,.6)!important;font-weight:600}
.lx-site .currency-selector .symbol:empty{display:none}
.lx-site .currency-selector .choices[data-type*=select-one]::after{border:0!important;width:8px;height:8px;margin:0!important;top:50%!important;right:13px!important;
  border-right:1.6px solid rgba(255,255,255,.6)!important;border-bottom:1.6px solid rgba(255,255,255,.6)!important;transform:translateY(-70%) rotate(45deg);transition:transform .3s}
.lx-site .currency-selector .choices.is-open[data-type*=select-one]::after{transform:translateY(-25%) rotate(-135deg)}
/* dropdown list */
.lx-site .currency-selector .choices__list--dropdown,.lx-site .currency-selector .choices__list[aria-expanded]{min-width:220px!important;margin-left:-120px!important;margin-top:10px!important;
  border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(14,14,16,.97)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px!important}
.lx-site .currency-selector .choices__list--dropdown .choices__list{max-height:300px!important;padding:2px}
.lx-site .currency-selector .choices__list--dropdown input.choices__input{border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;margin:0 0 6px!important;padding:9px 12px!important;font-size:14px}
.lx-site .currency-selector .choices__list--dropdown .choices__item{border-radius:10px;padding:9px 10px!important;font-size:14px}
.lx-site .currency-selector .choices__list--dropdown .choices__item > span{width:100%}
.lx-site .currency-selector .choices__list--dropdown .symbol{display:inline-grid!important;place-items:center;min-width:30px!important;height:24px;margin-right:10px!important;border-radius:7px;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:12.5px}
.lx-site .currency-selector .choices__list--dropdown .symbol:empty{display:inline-grid!important}
.lx-site .currency-selector .choices__list--dropdown .symbol:empty::before{content:"¤";opacity:.45}
.lx-site .currency-selector .choices__list--dropdown .code{font-weight:600;color:#ececec}
.lx-site .currency-selector .choices__list--dropdown .default{font-size:11px;color:#8a8a8a;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:1px 8px}
.lx-site .currency-selector .choices__list--dropdown .choices__item.is-highlighted{background:rgba(255,255,255,.08)!important}

/* ---- product card "View Details": outlined pill that fills white on hover ---- */
.lx-site a.block.h-full .border-accent-500{border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.035);
  color:#f2f2f2!important;padding:10px 16px!important;transition:background .35s var(--s-ease),color .3s,border-color .3s,box-shadow .4s}
.lx-site a.block.h-full:hover .border-accent-500{background:#fff!important;color:#0a0a0a!important;border-color:#fff!important;box-shadow:0 10px 30px -10px rgba(255,255,255,.5)}
.lx-site a.block.h-full .border-accent-500 svg{transition:transform .35s var(--s-ease)}
.lx-site a.block.h-full:hover .border-accent-500 svg{transform:translateX(3px)}
.lx-site a.block.h-full .text-base.text-t-primary\/50{color:rgba(242,242,242,.55)!important;font-size:13.5px}
.lx-site a.block.h-full > div > div:first-child{border-bottom:0!important;padding-top:16px!important}
.lx-site a.block.h-full .relative.overflow-hidden.p-2{border-bottom:0!important;padding:0 14px!important;margin-bottom:16px!important}

/* ---- products page filters: rounded list items ---- */
.lx-site a.block.w-full.border-transparent,.lx-site a.block.w-full.border{border-radius:12px!important;transition:background .25s,border-color .25s}
.lx-site a.block.w-full.bg-white\/5{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important}
.lx-site label.block.mb-2.font-medium{font-size:12px;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase;color:#7a7a7a}
.lx-site .border-b.border-y-white\/5{border-color:rgba(255,255,255,.07)!important}

/* ---- quantity steppers (product page + cart): one rounded control ---- */
.lx-site div:has(> input[type=number]):has(> button){display:flex!important;align-items:center;gap:6px;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.lx-site div:has(> input[type=number]):has(> button) > input[type=number]{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-weight:600;font-size:15px!important}
.lx-site div:has(> input[type=number]):has(> button) > button{flex:none;width:36px!important;height:36px!important;border-radius:10px!important;border:0!important;background:rgba(255,255,255,.06)!important;color:#f2f2f2;
  transition:background .25s,color .25s,transform .2s}
.lx-site div:has(> input[type=number]):has(> button) > button:hover:not(:disabled){background:#fff!important;color:#0a0a0a!important}
.lx-site div:has(> input[type=number]):has(> button) > button:active:not(:disabled){transform:scale(.92)}
.lx-site input[type=number]::-webkit-inner-spin-button,.lx-site input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lx-site input[type=number]{-moz-appearance:textfield}

/* ---- anything left square: soften every bordered control ---- */
.lx-site :is(button,a).border:not(.bg-accent-500):not(.border-accent-500):not(.rounded-full):not(.lx-gicon){border-radius:12px}
.lx-site .choices__inner,.lx-site select{border-radius:12px!important}
.lx-site [class*="size-["].border,.lx-site .size-10.border{border-radius:12px!important}
.lx-site img.object-product-image,.lx-site img.object-cover{border-radius:12px}


/* ---- product page: each column is one clean rounded card with hairline dividers ---- */
.lx-site [data-component-id="product-page"] .lg\:w-3\/5 > .bg-card,
.lx-site [data-component-id="product-page"] .lg\:w-2\/5 > [x-data] > .bg-card{
  border-radius:22px!important;overflow:hidden;border:1px solid var(--s-line)!important;
  background:linear-gradient(180deg,rgba(18,18,18,.82),rgba(10,10,10,.82))!important;box-shadow:0 30px 80px -40px rgba(0,0,0,.9)}
.lx-site [data-component-id="product-page"] .lg\:w-3\/5 > .bg-card > div,
.lx-site [data-component-id="product-page"] .lg\:w-3\/5 > .bg-card > [x-data] > div,
.lx-site [data-component-id="product-page"] .lg\:w-2\/5 > [x-data] > .bg-card > div{
  border:0!important;border-radius:0!important;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;
  border-bottom:1px solid var(--s-line)!important}
.lx-site [data-component-id="product-page"] .lg\:w-3\/5 > .bg-card > :last-child,
.lx-site [data-component-id="product-page"] .lg\:w-3\/5 > .bg-card > [x-data]:last-child > div,
.lx-site [data-component-id="product-page"] .lg\:w-2\/5 > [x-data] > .bg-card > :last-child{border-bottom:0!important}
.lx-site [data-component-id="product-page"] .aspect-product-page-image{padding:0 18px 18px}
.lx-site [data-component-id="product-page"] .aspect-product-page-image img{border-radius:14px}
.lx-site [data-component-id="product-page"] .lg\:w-2\/5 > [x-data] > .bg-card{position:sticky;top:100px}