:root, html[data-theme-scheme="converted-sellauth"] {
  --cl-accent: #6571FF;
  --cl-accent-rgb: 101 113 255;
  --primary: #6571FF;
  --cl-background-primary: #0a0a0a;
  --cl-background-primary-rgb: 10 10 10;
  --cl-background-secondary: #141414;
  --cl-background-secondary-rgb: 20 20 20;
  --cl-border: #ffffff0d;
  --cl-border-rgb: 255 255 255;
  --cl-snow: 255 255 255;
  --cl-font: 'Poppins', sans-serif;
}
html, body { max-width: 100%; overflow-x: hidden; }
body.storefront { margin: 0; position: relative; background-color: var(--cl-background-primary); font-family: var(--cl-font); line-height: 1.5; color: #fff; }
.hero-section, .features-section, .faq-section, .products-section, .best-features { overflow-x: clip; }
.sa-icon { display: inline-block; width: 1em; height: 1em; }

/* --- SellAuth baseline (Bootstrap-grid compat + theme helpers + cart drawer) --- */
/* --- SellAuth Bootstrap-5 grid compat (live store loads Bootstrap globally; Liquid runtime does not) --- */
:where(body.storefront) .container,:where(body.storefront) .container-fluid{width:100%;padding-right:calc(var(--bs-gutter-x,1.5rem) * 0.5);padding-left:calc(var(--bs-gutter-x,1.5rem) * 0.5);margin-right:auto;margin-left:auto;}
@media (min-width: 576px){:where(body.storefront) .container{max-width:540px;}}
@media (min-width: 768px){:where(body.storefront) .container{max-width:720px;}}
@media (min-width: 992px){:where(body.storefront) .container{max-width:960px;}}
@media (min-width: 1200px){:where(body.storefront) .container{max-width:1140px;}}
@media (min-width: 1400px){:where(body.storefront) .container{max-width:1320px;}}
body.storefront .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x));}
body.storefront .row > *{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y);}
body.storefront .col-1{flex:0 0 auto;width:8.333333%;}
body.storefront .col-2{flex:0 0 auto;width:16.666667%;}
body.storefront .col-3{flex:0 0 auto;width:25%;}
body.storefront .col-4{flex:0 0 auto;width:33.333333%;}
body.storefront .col-5{flex:0 0 auto;width:41.666667%;}
body.storefront .col-6{flex:0 0 auto;width:50%;}
body.storefront .col-7{flex:0 0 auto;width:58.333333%;}
body.storefront .col-8{flex:0 0 auto;width:66.666667%;}
body.storefront .col-9{flex:0 0 auto;width:75%;}
body.storefront .col-10{flex:0 0 auto;width:83.333333%;}
body.storefront .col-11{flex:0 0 auto;width:91.666667%;}
body.storefront .col-12{flex:0 0 auto;width:100%;}
body.storefront .col{flex:1 0 0%;}
body.storefront .col-auto{flex:0 0 auto;width:auto;}
body.storefront .g-0{--bs-gutter-x:0;--bs-gutter-y:0;}
body.storefront .gx-0{--bs-gutter-x:0;}
body.storefront .gy-0{--bs-gutter-y:0;}
body.storefront .g-1{--bs-gutter-x:0.25rem;--bs-gutter-y:0.25rem;}
body.storefront .gx-1{--bs-gutter-x:0.25rem;}
body.storefront .gy-1{--bs-gutter-y:0.25rem;}
body.storefront .g-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem;}
body.storefront .gx-2{--bs-gutter-x:0.5rem;}
body.storefront .gy-2{--bs-gutter-y:0.5rem;}
body.storefront .g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
body.storefront .gx-3{--bs-gutter-x:1rem;}
body.storefront .gy-3{--bs-gutter-y:1rem;}
body.storefront .g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}
body.storefront .gx-4{--bs-gutter-x:1.5rem;}
body.storefront .gy-4{--bs-gutter-y:1.5rem;}
body.storefront .g-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}
body.storefront .gx-5{--bs-gutter-x:3rem;}
body.storefront .gy-5{--bs-gutter-y:3rem;}
body.storefront .d-flex{display:flex !important;}
body.storefront .d-inline-flex{display:inline-flex !important;}
body.storefront .flex-row{flex-direction:row !important;}
body.storefront .flex-column{flex-direction:column !important;}
body.storefront .flex-wrap{flex-wrap:wrap !important;}
body.storefront .flex-nowrap{flex-wrap:nowrap !important;}
body.storefront .flex-fill{flex:1 1 auto !important;}
body.storefront .justify-content-start{justify-content:flex-start !important;}
body.storefront .justify-content-end{justify-content:flex-end !important;}
body.storefront .justify-content-center{justify-content:center !important;}
body.storefront .justify-content-between{justify-content:space-between !important;}
body.storefront .justify-content-around{justify-content:space-around !important;}
body.storefront .align-items-start{align-items:flex-start !important;}
body.storefront .align-items-end{align-items:flex-end !important;}
body.storefront .align-items-center{align-items:center !important;}
body.storefront .align-items-stretch{align-items:stretch !important;}
body.storefront .align-self-center{align-self:center !important;}
body.storefront .gap-0{gap:0 !important;}
body.storefront .gap-1{gap:0.25rem !important;}
body.storefront .gap-2{gap:0.5rem !important;}
body.storefront .gap-3{gap:1rem !important;}
body.storefront .gap-4{gap:1.5rem !important;}
body.storefront .gap-5{gap:3rem !important;}
body.storefront .gap-6{gap:4rem !important;}
body.storefront .m-0{margin:0 !important;}
body.storefront .m-1{margin:0.25rem !important;}
body.storefront .m-2{margin:0.5rem !important;}
body.storefront .m-3{margin:1rem !important;}
body.storefront .m-4{margin:1.5rem !important;}
body.storefront .m-5{margin:3rem !important;}
body.storefront .m-auto{margin:auto !important;}
body.storefront .mt-0{margin-top:0 !important;}
body.storefront .mt-1{margin-top:0.25rem !important;}
body.storefront .mt-2{margin-top:0.5rem !important;}
body.storefront .mt-3{margin-top:1rem !important;}
body.storefront .mt-4{margin-top:1.5rem !important;}
body.storefront .mt-5{margin-top:3rem !important;}
body.storefront .mt-auto{margin-top:auto !important;}
body.storefront .mb-0{margin-bottom:0 !important;}
body.storefront .mb-1{margin-bottom:0.25rem !important;}
body.storefront .mb-2{margin-bottom:0.5rem !important;}
body.storefront .mb-3{margin-bottom:1rem !important;}
body.storefront .mb-4{margin-bottom:1.5rem !important;}
body.storefront .mb-5{margin-bottom:3rem !important;}
body.storefront .mb-auto{margin-bottom:auto !important;}
body.storefront .ms-0{margin-left:0 !important;}
body.storefront .ms-1{margin-left:0.25rem !important;}
body.storefront .ms-2{margin-left:0.5rem !important;}
body.storefront .ms-3{margin-left:1rem !important;}
body.storefront .ms-4{margin-left:1.5rem !important;}
body.storefront .ms-5{margin-left:3rem !important;}
body.storefront .ms-auto{margin-left:auto !important;}
body.storefront .me-0{margin-right:0 !important;}
body.storefront .me-1{margin-right:0.25rem !important;}
body.storefront .me-2{margin-right:0.5rem !important;}
body.storefront .me-3{margin-right:1rem !important;}
body.storefront .me-4{margin-right:1.5rem !important;}
body.storefront .me-5{margin-right:3rem !important;}
body.storefront .me-auto{margin-right:auto !important;}
body.storefront .mx-0{margin-left:0 !important;margin-right:0 !important;}
body.storefront .mx-1{margin-left:0.25rem !important;margin-right:0.25rem !important;}
body.storefront .mx-2{margin-left:0.5rem !important;margin-right:0.5rem !important;}
body.storefront .mx-3{margin-left:1rem !important;margin-right:1rem !important;}
body.storefront .mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important;}
body.storefront .mx-5{margin-left:3rem !important;margin-right:3rem !important;}
body.storefront .mx-auto{margin-left:auto !important;margin-right:auto !important;}
body.storefront .my-0{margin-top:0 !important;margin-bottom:0 !important;}
body.storefront .my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important;}
body.storefront .my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important;}
body.storefront .my-3{margin-top:1rem !important;margin-bottom:1rem !important;}
body.storefront .my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important;}
body.storefront .my-5{margin-top:3rem !important;margin-bottom:3rem !important;}
body.storefront .my-auto{margin-top:auto !important;margin-bottom:auto !important;}
body.storefront .p-0{padding:0 !important;}
body.storefront .p-1{padding:0.25rem !important;}
body.storefront .p-2{padding:0.5rem !important;}
body.storefront .p-3{padding:1rem !important;}
body.storefront .p-4{padding:1.5rem !important;}
body.storefront .p-5{padding:3rem !important;}
body.storefront .pt-0{padding-top:0 !important;}
body.storefront .pt-1{padding-top:0.25rem !important;}
body.storefront .pt-2{padding-top:0.5rem !important;}
body.storefront .pt-3{padding-top:1rem !important;}
body.storefront .pt-4{padding-top:1.5rem !important;}
body.storefront .pt-5{padding-top:3rem !important;}
body.storefront .pb-0{padding-bottom:0 !important;}
body.storefront .pb-1{padding-bottom:0.25rem !important;}
body.storefront .pb-2{padding-bottom:0.5rem !important;}
body.storefront .pb-3{padding-bottom:1rem !important;}
body.storefront .pb-4{padding-bottom:1.5rem !important;}
body.storefront .pb-5{padding-bottom:3rem !important;}
body.storefront .ps-0{padding-left:0 !important;}
body.storefront .ps-1{padding-left:0.25rem !important;}
body.storefront .ps-2{padding-left:0.5rem !important;}
body.storefront .ps-3{padding-left:1rem !important;}
body.storefront .ps-4{padding-left:1.5rem !important;}
body.storefront .ps-5{padding-left:3rem !important;}
body.storefront .pe-0{padding-right:0 !important;}
body.storefront .pe-1{padding-right:0.25rem !important;}
body.storefront .pe-2{padding-right:0.5rem !important;}
body.storefront .pe-3{padding-right:1rem !important;}
body.storefront .pe-4{padding-right:1.5rem !important;}
body.storefront .pe-5{padding-right:3rem !important;}
body.storefront .px-0{padding-left:0 !important;padding-right:0 !important;}
body.storefront .px-1{padding-left:0.25rem !important;padding-right:0.25rem !important;}
body.storefront .px-2{padding-left:0.5rem !important;padding-right:0.5rem !important;}
body.storefront .px-3{padding-left:1rem !important;padding-right:1rem !important;}
body.storefront .px-4{padding-left:1.5rem !important;padding-right:1.5rem !important;}
body.storefront .px-5{padding-left:3rem !important;padding-right:3rem !important;}
body.storefront .py-0{padding-top:0 !important;padding-bottom:0 !important;}
body.storefront .py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}
body.storefront .py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}
body.storefront .py-3{padding-top:1rem !important;padding-bottom:1rem !important;}
body.storefront .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}
body.storefront .py-5{padding-top:3rem !important;padding-bottom:3rem !important;}
body.storefront [x-cloak]{display:none !important;}
body.storefront .sa-faq-panel-open{max-height:999px !important;}
body.storefront .d-none{display:none !important;}
body.storefront .d-block{display:block !important;}
body.storefront .d-inline-block{display:inline-block !important;}
body.storefront .w-100{width:100% !important;}
body.storefront .h-100{height:100% !important;}
body.storefront .mw-100{max-width:100% !important;}
body.storefront .text-center{text-align:center !important;}
body.storefront .text-start{text-align:left !important;}
body.storefront .text-end{text-align:right !important;}
body.storefront .img-fluid{max-width:100%;height:auto;}
body.storefront .rounded{border-radius:0.375rem !important;}
body.storefront .position-relative{position:relative !important;}
body.storefront .overflow-hidden{overflow:hidden !important;}
body.storefront p{margin-top:0;margin-bottom:1rem;}
body.storefront .h1,body.storefront .h2,body.storefront .h3,body.storefront .h4,body.storefront .h5,body.storefront .h6,body.storefront h1,body.storefront h2,body.storefront h3,body.storefront h4,body.storefront h5,body.storefront h6{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color);}
/* --- SellAuth theme helper classes (global pro.css equivalents) --- */
body.storefront .section-title{margin:0 0 2rem 0;}
body.storefront .section-title h1,body.storefront .section-title h2{margin:0;color:#fff;font-weight:700;}
body.storefront .section-subtitle{margin-bottom:2rem;color:rgba(255,255,255,0.6);}
body.storefront .hero .content .stats div .value{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;white-space:nowrap;}
body.storefront .hero .content .stats div .value svg{flex:0 0 auto;}
body.storefront .bg-gray{background:var(--cl-background-secondary,rgba(255,255,255,0.03));border:1px solid var(--cl-border,rgba(255,255,255,0.08));}
body.storefront .editor{color:rgba(255,255,255,0.78);line-height:1.7;}
body.storefront .editor h1,body.storefront .editor h2,body.storefront .editor h3,body.storefront .editor h4{color:#fff;margin:1.4em 0 0.6em;font-weight:650;}
body.storefront .editor a{color:var(--cl-accent,#c93bdf);}
body.storefront .editor ul,body.storefront .editor ol{padding-left:1.4rem;margin:0 0 1rem;}
body.storefront .editor p{margin:0 0 1rem;}
body.storefront .py-5-nav{padding-top:calc(2rem + 72px);padding-bottom:3rem;}
body.storefront .alert{padding:1rem 1.25rem;border-radius:0.75rem;border:1px solid var(--cl-border,rgba(255,255,255,0.1));}
body.storefront .alert-info{background:rgba(201,59,223,0.08);color:#f0cbf6;}
body.storefront .alert-warning{background:rgba(255,170,0,0.08);color:#ffd699;}
body.storefront .text-muted{color:rgba(255,255,255,0.5) !important;}
body.storefront .text-danger{color:#ff6b6b !important;}
@media (min-width: 576px){
body.storefront .col-sm-1{flex:0 0 auto;width:8.333333%;}
body.storefront .col-sm-2{flex:0 0 auto;width:16.666667%;}
body.storefront .col-sm-3{flex:0 0 auto;width:25%;}
body.storefront .col-sm-4{flex:0 0 auto;width:33.333333%;}
body.storefront .col-sm-5{flex:0 0 auto;width:41.666667%;}
body.storefront .col-sm-6{flex:0 0 auto;width:50%;}
body.storefront .col-sm-7{flex:0 0 auto;width:58.333333%;}
body.storefront .col-sm-8{flex:0 0 auto;width:66.666667%;}
body.storefront .col-sm-9{flex:0 0 auto;width:75%;}
body.storefront .col-sm-10{flex:0 0 auto;width:83.333333%;}
body.storefront .col-sm-11{flex:0 0 auto;width:91.666667%;}
body.storefront .col-sm-12{flex:0 0 auto;width:100%;}
body.storefront .col-sm{flex:1 0 0%;}
body.storefront .col-sm-auto{flex:0 0 auto;width:auto;}
body.storefront .g-sm-0{--bs-gutter-x:0;--bs-gutter-y:0;}
body.storefront .gx-sm-0{--bs-gutter-x:0;}
body.storefront .gy-sm-0{--bs-gutter-y:0;}
body.storefront .g-sm-1{--bs-gutter-x:0.25rem;--bs-gutter-y:0.25rem;}
body.storefront .gx-sm-1{--bs-gutter-x:0.25rem;}
body.storefront .gy-sm-1{--bs-gutter-y:0.25rem;}
body.storefront .g-sm-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem;}
body.storefront .gx-sm-2{--bs-gutter-x:0.5rem;}
body.storefront .gy-sm-2{--bs-gutter-y:0.5rem;}
body.storefront .g-sm-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
body.storefront .gx-sm-3{--bs-gutter-x:1rem;}
body.storefront .gy-sm-3{--bs-gutter-y:1rem;}
body.storefront .g-sm-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}
body.storefront .gx-sm-4{--bs-gutter-x:1.5rem;}
body.storefront .gy-sm-4{--bs-gutter-y:1.5rem;}
body.storefront .g-sm-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}
body.storefront .gx-sm-5{--bs-gutter-x:3rem;}
body.storefront .gy-sm-5{--bs-gutter-y:3rem;}
body.storefront .g-sm-6{--bs-gutter-x:4rem;--bs-gutter-y:4rem;}
body.storefront .gx-sm-6{--bs-gutter-x:4rem;}
body.storefront .gy-sm-6{--bs-gutter-y:4rem;}
body.storefront .g-sm-7{--bs-gutter-x:5rem;--bs-gutter-y:5rem;}
body.storefront .gx-sm-7{--bs-gutter-x:5rem;}
body.storefront .gy-sm-7{--bs-gutter-y:5rem;}
body.storefront .d-sm-flex{display:flex !important;}
body.storefront .d-sm-block{display:block !important;}
body.storefront .d-sm-none{display:none !important;}
body.storefront .mb-sm-0{margin-bottom:0 !important;}
}
@media (min-width: 768px){
body.storefront .col-md-1{flex:0 0 auto;width:8.333333%;}
body.storefront .col-md-2{flex:0 0 auto;width:16.666667%;}
body.storefront .col-md-3{flex:0 0 auto;width:25%;}
body.storefront .col-md-4{flex:0 0 auto;width:33.333333%;}
body.storefront .col-md-5{flex:0 0 auto;width:41.666667%;}
body.storefront .col-md-6{flex:0 0 auto;width:50%;}
body.storefront .col-md-7{flex:0 0 auto;width:58.333333%;}
body.storefront .col-md-8{flex:0 0 auto;width:66.666667%;}
body.storefront .col-md-9{flex:0 0 auto;width:75%;}
body.storefront .col-md-10{flex:0 0 auto;width:83.333333%;}
body.storefront .col-md-11{flex:0 0 auto;width:91.666667%;}
body.storefront .col-md-12{flex:0 0 auto;width:100%;}
body.storefront .col-md{flex:1 0 0%;}
body.storefront .col-md-auto{flex:0 0 auto;width:auto;}
body.storefront .g-md-0{--bs-gutter-x:0;--bs-gutter-y:0;}
body.storefront .gx-md-0{--bs-gutter-x:0;}
body.storefront .gy-md-0{--bs-gutter-y:0;}
body.storefront .g-md-1{--bs-gutter-x:0.25rem;--bs-gutter-y:0.25rem;}
body.storefront .gx-md-1{--bs-gutter-x:0.25rem;}
body.storefront .gy-md-1{--bs-gutter-y:0.25rem;}
body.storefront .g-md-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem;}
body.storefront .gx-md-2{--bs-gutter-x:0.5rem;}
body.storefront .gy-md-2{--bs-gutter-y:0.5rem;}
body.storefront .g-md-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
body.storefront .gx-md-3{--bs-gutter-x:1rem;}
body.storefront .gy-md-3{--bs-gutter-y:1rem;}
body.storefront .g-md-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}
body.storefront .gx-md-4{--bs-gutter-x:1.5rem;}
body.storefront .gy-md-4{--bs-gutter-y:1.5rem;}
body.storefront .g-md-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}
body.storefront .gx-md-5{--bs-gutter-x:3rem;}
body.storefront .gy-md-5{--bs-gutter-y:3rem;}
body.storefront .g-md-6{--bs-gutter-x:4rem;--bs-gutter-y:4rem;}
body.storefront .gx-md-6{--bs-gutter-x:4rem;}
body.storefront .gy-md-6{--bs-gutter-y:4rem;}
body.storefront .g-md-7{--bs-gutter-x:5rem;--bs-gutter-y:5rem;}
body.storefront .gx-md-7{--bs-gutter-x:5rem;}
body.storefront .gy-md-7{--bs-gutter-y:5rem;}
body.storefront .d-md-flex{display:flex !important;}
body.storefront .d-md-block{display:block !important;}
body.storefront .d-md-none{display:none !important;}
body.storefront .mb-md-0{margin-bottom:0 !important;}
}
@media (min-width: 992px){
body.storefront .col-lg-1{flex:0 0 auto;width:8.333333%;}
body.storefront .col-lg-2{flex:0 0 auto;width:16.666667%;}
body.storefront .col-lg-3{flex:0 0 auto;width:25%;}
body.storefront .col-lg-4{flex:0 0 auto;width:33.333333%;}
body.storefront .col-lg-5{flex:0 0 auto;width:41.666667%;}
body.storefront .col-lg-6{flex:0 0 auto;width:50%;}
body.storefront .col-lg-7{flex:0 0 auto;width:58.333333%;}
body.storefront .col-lg-8{flex:0 0 auto;width:66.666667%;}
body.storefront .col-lg-9{flex:0 0 auto;width:75%;}
body.storefront .col-lg-10{flex:0 0 auto;width:83.333333%;}
body.storefront .col-lg-11{flex:0 0 auto;width:91.666667%;}
body.storefront .col-lg-12{flex:0 0 auto;width:100%;}
body.storefront .col-lg{flex:1 0 0%;}
body.storefront .col-lg-auto{flex:0 0 auto;width:auto;}
body.storefront .g-lg-0{--bs-gutter-x:0;--bs-gutter-y:0;}
body.storefront .gx-lg-0{--bs-gutter-x:0;}
body.storefront .gy-lg-0{--bs-gutter-y:0;}
body.storefront .g-lg-1{--bs-gutter-x:0.25rem;--bs-gutter-y:0.25rem;}
body.storefront .gx-lg-1{--bs-gutter-x:0.25rem;}
body.storefront .gy-lg-1{--bs-gutter-y:0.25rem;}
body.storefront .g-lg-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem;}
body.storefront .gx-lg-2{--bs-gutter-x:0.5rem;}
body.storefront .gy-lg-2{--bs-gutter-y:0.5rem;}
body.storefront .g-lg-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
body.storefront .gx-lg-3{--bs-gutter-x:1rem;}
body.storefront .gy-lg-3{--bs-gutter-y:1rem;}
body.storefront .g-lg-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}
body.storefront .gx-lg-4{--bs-gutter-x:1.5rem;}
body.storefront .gy-lg-4{--bs-gutter-y:1.5rem;}
body.storefront .g-lg-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}
body.storefront .gx-lg-5{--bs-gutter-x:3rem;}
body.storefront .gy-lg-5{--bs-gutter-y:3rem;}
body.storefront .g-lg-6{--bs-gutter-x:4rem;--bs-gutter-y:4rem;}
body.storefront .gx-lg-6{--bs-gutter-x:4rem;}
body.storefront .gy-lg-6{--bs-gutter-y:4rem;}
body.storefront .g-lg-7{--bs-gutter-x:5rem;--bs-gutter-y:5rem;}
body.storefront .gx-lg-7{--bs-gutter-x:5rem;}
body.storefront .gy-lg-7{--bs-gutter-y:5rem;}
body.storefront .d-lg-flex{display:flex !important;}
body.storefront .d-lg-block{display:block !important;}
body.storefront .d-lg-none{display:none !important;}
body.storefront .mb-lg-0{margin-bottom:0 !important;}
}
@media (min-width: 1200px){
body.storefront .col-xl-1{flex:0 0 auto;width:8.333333%;}
body.storefront .col-xl-2{flex:0 0 auto;width:16.666667%;}
body.storefront .col-xl-3{flex:0 0 auto;width:25%;}
body.storefront .col-xl-4{flex:0 0 auto;width:33.333333%;}
body.storefront .col-xl-5{flex:0 0 auto;width:41.666667%;}
body.storefront .col-xl-6{flex:0 0 auto;width:50%;}
body.storefront .col-xl-7{flex:0 0 auto;width:58.333333%;}
body.storefront .col-xl-8{flex:0 0 auto;width:66.666667%;}
body.storefront .col-xl-9{flex:0 0 auto;width:75%;}
body.storefront .col-xl-10{flex:0 0 auto;width:83.333333%;}
body.storefront .col-xl-11{flex:0 0 auto;width:91.666667%;}
body.storefront .col-xl-12{flex:0 0 auto;width:100%;}
body.storefront .col-xl{flex:1 0 0%;}
body.storefront .col-xl-auto{flex:0 0 auto;width:auto;}
body.storefront .g-xl-0{--bs-gutter-x:0;--bs-gutter-y:0;}
body.storefront .gx-xl-0{--bs-gutter-x:0;}
body.storefront .gy-xl-0{--bs-gutter-y:0;}
body.storefront .g-xl-1{--bs-gutter-x:0.25rem;--bs-gutter-y:0.25rem;}
body.storefront .gx-xl-1{--bs-gutter-x:0.25rem;}
body.storefront .gy-xl-1{--bs-gutter-y:0.25rem;}
body.storefront .g-xl-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem;}
body.storefront .gx-xl-2{--bs-gutter-x:0.5rem;}
body.storefront .gy-xl-2{--bs-gutter-y:0.5rem;}
body.storefront .g-xl-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
body.storefront .gx-xl-3{--bs-gutter-x:1rem;}
body.storefront .gy-xl-3{--bs-gutter-y:1rem;}
body.storefront .g-xl-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}
body.storefront .gx-xl-4{--bs-gutter-x:1.5rem;}
body.storefront .gy-xl-4{--bs-gutter-y:1.5rem;}
body.storefront .g-xl-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}
body.storefront .gx-xl-5{--bs-gutter-x:3rem;}
body.storefront .gy-xl-5{--bs-gutter-y:3rem;}
body.storefront .g-xl-6{--bs-gutter-x:4rem;--bs-gutter-y:4rem;}
body.storefront .gx-xl-6{--bs-gutter-x:4rem;}
body.storefront .gy-xl-6{--bs-gutter-y:4rem;}
body.storefront .g-xl-7{--bs-gutter-x:5rem;--bs-gutter-y:5rem;}
body.storefront .gx-xl-7{--bs-gutter-x:5rem;}
body.storefront .gy-xl-7{--bs-gutter-y:5rem;}
body.storefront .d-xl-flex{display:flex !important;}
body.storefront .d-xl-block{display:block !important;}
body.storefront .d-xl-none{display:none !important;}
body.storefront .mb-xl-0{margin-bottom:0 !important;}
}
@media (min-width: 1400px){
body.storefront .col-xxl-1{flex:0 0 auto;width:8.333333%;}
body.storefront .col-xxl-2{flex:0 0 auto;width:16.666667%;}
body.storefront .col-xxl-3{flex:0 0 auto;width:25%;}
body.storefront .col-xxl-4{flex:0 0 auto;width:33.333333%;}
body.storefront .col-xxl-5{flex:0 0 auto;width:41.666667%;}
body.storefront .col-xxl-6{flex:0 0 auto;width:50%;}
body.storefront .col-xxl-7{flex:0 0 auto;width:58.333333%;}
body.storefront .col-xxl-8{flex:0 0 auto;width:66.666667%;}
body.storefront .col-xxl-9{flex:0 0 auto;width:75%;}
body.storefront .col-xxl-10{flex:0 0 auto;width:83.333333%;}
body.storefront .col-xxl-11{flex:0 0 auto;width:91.666667%;}
body.storefront .col-xxl-12{flex:0 0 auto;width:100%;}
body.storefront .col-xxl{flex:1 0 0%;}
body.storefront .col-xxl-auto{flex:0 0 auto;width:auto;}
body.storefront .g-xxl-0{--bs-gutter-x:0;--bs-gutter-y:0;}
body.storefront .gx-xxl-0{--bs-gutter-x:0;}
body.storefront .gy-xxl-0{--bs-gutter-y:0;}
body.storefront .g-xxl-1{--bs-gutter-x:0.25rem;--bs-gutter-y:0.25rem;}
body.storefront .gx-xxl-1{--bs-gutter-x:0.25rem;}
body.storefront .gy-xxl-1{--bs-gutter-y:0.25rem;}
body.storefront .g-xxl-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem;}
body.storefront .gx-xxl-2{--bs-gutter-x:0.5rem;}
body.storefront .gy-xxl-2{--bs-gutter-y:0.5rem;}
body.storefront .g-xxl-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
body.storefront .gx-xxl-3{--bs-gutter-x:1rem;}
body.storefront .gy-xxl-3{--bs-gutter-y:1rem;}
body.storefront .g-xxl-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}
body.storefront .gx-xxl-4{--bs-gutter-x:1.5rem;}
body.storefront .gy-xxl-4{--bs-gutter-y:1.5rem;}
body.storefront .g-xxl-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}
body.storefront .gx-xxl-5{--bs-gutter-x:3rem;}
body.storefront .gy-xxl-5{--bs-gutter-y:3rem;}
body.storefront .g-xxl-6{--bs-gutter-x:4rem;--bs-gutter-y:4rem;}
body.storefront .gx-xxl-6{--bs-gutter-x:4rem;}
body.storefront .gy-xxl-6{--bs-gutter-y:4rem;}
body.storefront .g-xxl-7{--bs-gutter-x:5rem;--bs-gutter-y:5rem;}
body.storefront .gx-xxl-7{--bs-gutter-x:5rem;}
body.storefront .gy-xxl-7{--bs-gutter-y:5rem;}
body.storefront .d-xxl-flex{display:flex !important;}
body.storefront .d-xxl-block{display:block !important;}
body.storefront .d-xxl-none{display:none !important;}
body.storefront .mb-xxl-0{margin-bottom:0 !important;}
}

/* --- SellAuth-imported cart drawer (no SellAuth drawer source — authored for $store.cart) --- */
.sa-cart-drawer-overlay{position:fixed;inset:0;z-index:1090;background:rgba(6,7,11,0.72);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity 0.2s ease;}
.sa-cart-drawer-overlay.is-open{opacity:1;pointer-events:auto;}
.sa-cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1091;display:flex;flex-direction:column;width:100%;max-width:420px;background:var(--cl-background-primary,#0b0d12);border-left:1px solid var(--cl-border,rgba(255,255,255,0.08));box-shadow:-16px 0 40px rgba(0,0,0,0.5);transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.25,1,0.5,1);color:#fff;}
.sa-cart-drawer.is-open{transform:translateX(0);}
.sa-cart-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cl-border,rgba(255,255,255,0.08));flex-shrink:0;}
.sa-cart-drawer-head h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-0.01em;color:#fff;font-family:var(--cl-font,inherit);}
.sa-cart-drawer-head button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:12px;background:var(--cl-background-secondary,rgba(255,255,255,0.04));border:1px solid var(--cl-border,rgba(255,255,255,0.08));color:rgba(255,255,255,0.7);font-size:13px;cursor:pointer;transition:color 0.18s ease,border-color 0.18s ease;}
.sa-cart-drawer-head button:hover{color:#fff;border-color:var(--cl-accent,#c93bdf);}
.sa-cart-drawer-body{flex:1 1 auto;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;}
.sa-cart-drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px;color:rgba(255,255,255,0.55);}
.sa-cart-drawer-line{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--cl-background-secondary,rgba(255,255,255,0.03));border:1px solid var(--cl-border,rgba(255,255,255,0.08));}
.sa-cart-drawer-line h3{margin:0;font-size:14px;font-weight:600;color:#fff;}
.sa-cart-drawer-qty{display:inline-flex;align-items:center;gap:8px;}
.sa-cart-drawer-qty button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--cl-background-primary,#0e0f12);border:1px solid var(--cl-border,rgba(255,255,255,0.1));color:rgba(255,255,255,0.75);cursor:pointer;}
.sa-cart-drawer-qty button:disabled{opacity:0.4;cursor:not-allowed;}
.sa-cart-drawer-foot{flex-shrink:0;padding:20px 24px 24px;border-top:1px solid var(--cl-border,rgba(255,255,255,0.08));background:rgba(16,8,20,0.5);}
.sa-cart-drawer-subtotal{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:15px;}
.sa-cart-drawer-subtotal span:last-child{font-weight:700;color:#fff;}
.sa-cart-drawer-checkout{width:100%;height:48px;border:none;border-radius:999px;background:var(--cl-accent,#c93bdf);color:#fff;font-weight:700;font-size:14px;letter-spacing:0.02em;cursor:pointer;transition:opacity 0.18s ease;}
.sa-cart-drawer-checkout:hover{opacity:0.9;}
.sa-cart-drawer-checkout:disabled{opacity:0.6;cursor:not-allowed;}

/* --- SellAuth-imported checkout modal (opened by storefront:buy-now) --- */
.sa-checkout-modal-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(6,7,11,0.72);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity 0.2s ease;}
.sa-checkout-modal-backdrop.is-open{opacity:1;pointer-events:auto;}
.sa-checkout-modal-shell{position:fixed;inset:0;z-index:1101;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:opacity 0.2s ease;color:#fff;}
.sa-checkout-modal-shell.is-open{opacity:1;pointer-events:auto;}
.sa-checkout-modal-panel{display:grid;grid-template-columns:minmax(0,1fr) 360px;width:min(940px,100%);max-height:92vh;overflow:hidden;border-radius:18px;background:var(--cl-background-primary,#0b0d12);border:1px solid var(--cl-border,rgba(255,255,255,0.1));box-shadow:0 32px 100px rgba(0,0,0,0.62);}
.sa-checkout-modal-main,.sa-checkout-modal-summary{min-width:0;padding:28px;}
.sa-checkout-modal-main{overflow-y:auto;}
.sa-checkout-modal-summary{display:flex;flex-direction:column;gap:14px;background:var(--cl-background-secondary,rgba(255,255,255,0.035));border-left:1px solid var(--cl-border,rgba(255,255,255,0.08));overflow-y:auto;}
.sa-checkout-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--cl-border,rgba(255,255,255,0.08));}
.sa-checkout-modal-kicker{margin:0 0 6px;color:var(--cl-accent,#c93bdf);font-size:11px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;}
.sa-checkout-modal-head h2{margin:0;color:#fff;font-size:28px;line-height:1.05;font-weight:800;letter-spacing:-0.02em;font-family:var(--cl-font,inherit);}
.sa-checkout-modal-head p:not(.sa-checkout-modal-kicker){margin:8px 0 0;color:rgba(255,255,255,0.58);font-size:14px;line-height:1.5;}
.sa-checkout-modal-close,.sa-checkout-modal-coupon button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--cl-border,rgba(255,255,255,0.1));background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.78);font-weight:700;cursor:pointer;transition:border-color 0.18s ease,color 0.18s ease,opacity 0.18s ease;}
.sa-checkout-modal-close{height:36px;padding:0 14px;font-size:13px;}
.sa-checkout-modal-close:hover,.sa-checkout-modal-coupon button:hover{border-color:var(--cl-accent,#c93bdf);color:#fff;}
.sa-checkout-modal-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.sa-checkout-modal-field label{color:rgba(255,255,255,0.66);font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;}
.sa-checkout-modal-field input,.sa-checkout-modal-field textarea{width:100%;border-radius:12px;border:1px solid var(--cl-border,rgba(255,255,255,0.11));background:rgba(255,255,255,0.045);color:#fff;outline:none;transition:border-color 0.18s ease,box-shadow 0.18s ease;}
.sa-checkout-modal-field input{height:48px;padding:0 14px;}
.sa-checkout-modal-field textarea{padding:12px 14px;resize:vertical;}
.sa-checkout-modal-field input:focus,.sa-checkout-modal-field textarea:focus{border-color:var(--cl-accent,#c93bdf);box-shadow:0 0 0 3px rgba(var(--cl-accent-rgb,201 59 223),0.18);}
.sa-checkout-modal-field input::placeholder,.sa-checkout-modal-field textarea::placeholder{color:rgba(255,255,255,0.34);}
.sa-checkout-modal-coupon{display:flex;gap:10px;}
.sa-checkout-modal-coupon input{flex:1 1 auto;margin:0;}
.sa-checkout-modal-coupon button{height:48px;padding:0 18px;flex:0 0 auto;}
.sa-checkout-modal-coupon button:disabled{opacity:0.55;cursor:not-allowed;}
.sa-checkout-modal-help{margin:0;color:rgba(255,255,255,0.5);font-size:12px;line-height:1.45;}
.sa-checkout-modal-error{margin:0;color:#ff7b7b;font-size:12px;line-height:1.45;}
.sa-checkout-modal-custom-fields{margin:22px 0;padding:18px 0;border-top:1px solid var(--cl-border,rgba(255,255,255,0.08));border-bottom:1px solid var(--cl-border,rgba(255,255,255,0.08));}
.sa-checkout-modal-check{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,0.75);font-size:14px;line-height:1.45;cursor:pointer;}
.sa-checkout-modal-check input{width:16px;height:16px;margin-top:2px;accent-color:var(--cl-accent,#c93bdf);}
.sa-checkout-modal-terms{padding-top:16px;margin-top:4px;border-top:1px solid var(--cl-border,rgba(255,255,255,0.08));}
.sa-checkout-modal-terms a{color:var(--cl-accent,#c93bdf);text-decoration:underline;}
.sa-checkout-modal-summary h3{margin:0 0 2px;color:#fff;font-size:16px;font-weight:800;}
.sa-checkout-modal-lines{display:flex;flex-direction:column;gap:12px;max-height:260px;overflow-y:auto;padding-right:2px;}
.sa-checkout-modal-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px;border-radius:14px;border:1px solid var(--cl-border,rgba(255,255,255,0.08));background:rgba(255,255,255,0.025);}
.sa-checkout-modal-thumb{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,0.04);border:1px solid var(--cl-border,rgba(255,255,255,0.08));}
.sa-checkout-modal-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.sa-checkout-modal-line-title{margin:0;color:#fff;font-size:14px;font-weight:700;line-height:1.3;}
.sa-checkout-modal-line-meta{margin:3px 0 0;color:rgba(255,255,255,0.46);font-size:12px;}
.sa-checkout-modal-line > span{color:#fff;font-size:13px;font-weight:800;white-space:nowrap;}
.sa-checkout-modal-total-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgba(255,255,255,0.62);font-size:14px;}
.sa-checkout-modal-total-row strong{color:#fff;font-weight:800;}
.sa-checkout-modal-discount,.sa-checkout-modal-discount strong{color:#58d68d;}
.sa-checkout-modal-total{padding-top:14px;margin-top:2px;border-top:1px solid var(--cl-border,rgba(255,255,255,0.08));color:#fff;font-size:16px;}
.sa-checkout-modal-total strong{font-size:20px;}
.sa-checkout-modal-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:4px;border:none;border-radius:999px;background:var(--cl-accent,#c93bdf);color:#fff;font-weight:800;font-size:14px;cursor:pointer;transition:opacity 0.18s ease,transform 0.18s ease;}
.sa-checkout-modal-submit:hover{opacity:0.92;transform:translateY(-1px);}
.sa-checkout-modal-submit:disabled{opacity:0.55;cursor:not-allowed;transform:none;}
.sa-checkout-modal-secure{margin:0;text-align:center;color:rgba(255,255,255,0.38);font-size:11px;}
@media (max-width: 860px){.sa-checkout-modal-shell{align-items:flex-start;padding:12px;overflow-y:auto;}.sa-checkout-modal-panel{grid-template-columns:1fr;max-height:none;overflow:visible;border-radius:14px;}.sa-checkout-modal-main,.sa-checkout-modal-summary{padding:22px;}.sa-checkout-modal-summary{border-left:none;border-top:1px solid var(--cl-border,rgba(255,255,255,0.08));}.sa-checkout-modal-head h2{font-size:24px;}.sa-checkout-modal-lines{max-height:none;}.sa-checkout-modal-coupon{flex-direction:column;}.sa-checkout-modal-coupon button{width:100%;}}

/* --- pro.css (preserved SellAuth source) --- */

/* Preserved from assets/pro.css */
/* Generic */
body {
    min-height: 100vh;
}

[x-cloak] {
    display: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py-5-nav {
    padding-top: calc(74px + 1.5rem);
    padding-bottom: 1.5rem;
}

.bg-gray {
    background: var(--bs-gray-bg);
}

.bg-image {
    position: fixed;
    inset: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    pointer-events: none;
}

/* Override Bootstrap colors */
:root {
    --bs-primary: var(--cl-accent);
    --bs-primary-rgb: var(--cl-accent-rgb);
    --bs-link-color: var(--cl-accent);
    --bs-body-bg: var(--cl-background-primary);
    --bs-body-bg-rgb: var(--cl-background-primary-rgb);
    --bs-gray-bg: var(--cl-background-secondary);
    --bs-gray-bg-rgb: var(--cl-background-secondary-rgb);
    --bs-border-color: var(--cl-border);
    --bs-border-color-rgb: var(--cl-border-rgb);
    --bs-border-radius: 0.5rem;
}

.bg-primary-dark {
    background-color: var(--cl-accent);
}

.form-check-input {
    --bs-form-check-bg: var(--bs-gray-bg);
}

.form-check-input:checked,
form-check-input[type=checkbox]:indeterminate {
    background-color: var(--cl-accent);
    border-color: var(--cl-accent);
}

.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
    background-color: var(--cl-accent);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb,
.nav-link:focus-visible {
    border-color: var(--cl-accent);
    box-shadow: 0 0 0 0.25rem rgba(var(--cl-accent-rgb), .25);
}

.form-control:disabled,
.form-select:disabled {
    background-color: initial;
}

.form-control,
.form-select {
    background-color: var(--bs-gray-bg);
}

.btn-primary:hover {
    background-color: var(--cl-accent);
    border-color: var(--cl-accent);
}

.btn-primary {
    --bs-btn-bg: var(--cl-accent);
    --bs-btn-border-color: var(--cl-accent);
    --bs-btn-disabled-bg: var(--cl-accent);
    --bs-btn-disabled-border-color: var(--cl-accent);
    --bs-btn-hover-bg: var(--cl-accent);
    --bs-btn-hover-border-color: var(--cl-accent);
    --bs-btn-active-bg: var(--cl-accent);
    --bs-btn-active-border-color: var(--cl-accent);
}

.btn-outline-primary {
    --bs-btn-color: var(--cl-accent);
    --bs-btn-border-color: var(--cl-accent);
    --bs-btn-hover-bg: var(--cl-accent);
    --bs-btn-active-bg: var(--cl-accent);
    --bs-btn-active-border-color: var(--cl-accent);
    --bs-btn-disabled-color: var(--cl-accent);
    --bs-btn-disabled-border-color: var(--cl-accent);
}

.dropdown-menu,
.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: var(--cl-accent);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--cl-accent);
}

.pagination {
    --bs-pagination-active-bg: var(--cl-accent);
    --bs-pagination-active-border-color: var(--cl-accent);
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: var(--cl-accent);
}

.list-group {
    --bs-list-group-active-bg: var(--cl-accent);
    --bs-list-group-active-border-color: var(--cl-accent);
}

/* Navbar */
.navbar {
    background: var(--bs-body-bg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    /* border-bottom: 1px solid var(--bs-gray-bg); */
}

.navbar .navbar-brand {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 1.5rem 0 0;
    border-right: 0;
}

.navbar .navbar-brand img {
    max-height: 3rem;
}

.navbar .navbar-collapse {
    justify-content: flex-end;
}

.navbar .navbar-toggler,
.navbar .navbar-toggler:focus {
    border: 0;
    box-shadow: none;
}

.navbar .navbar-toggler .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar .navbar-toggler:focus .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar .nav-item a.nav-link.active {
    color: var(--cl-accent);
}

.navbar .user .btn,
.navbar .cart .btn {
    position: relative;
    --bs-btn-padding-x: 0.5625rem;
}

.navbar .user .btn:not(.btn-outline-primary) .icon,
.navbar .cart .btn:not(.btn-outline-primary) .icon {
    width: 1.4rem;
    height: 1.4rem;
}

.navbar .user .btn.btn-outline-primary .icon,
.navbar .cart .btn.btn-outline-primary .icon {
    width: 1.125rem;
    height: 1.125rem;
}

.navbar .cart .btn .count {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    background: var(--cl-accent);
    color: #ffffff;
    font-size: 0.625rem;
    border-radius: 100%;
}

@media screen and (min-width: 992px) {
    .navbar .navbar-collapse .navbar-nav {
        gap: 1.5rem;
    }
}

/* Footer */
footer.footer {
    background: var(--bs-gray-bg);
    border-top: 1px solid var(--bs-border-color);
}

.footer .logo {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.footer .logo img {
    max-height: 3rem;
}

.footer .logo p {
    margin-bottom: 0;
}

.footer h5 {
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.footer .nav li a {
    padding: 0;
    color: var(--bs-secondary-color);
}

.footer .nav li a:hover {
    color: var(--cl-accent);
}

/* Remove number input arrows. */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield !important;
}

/* Push footer to bottom */
.flex-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Generic title. */
.section-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0 0 2rem 0;
}

.section-title h1,
.section-title h2 {
    font-size: 1.75rem;
}

.section-title h1,
.section-title h2,
.section-title p {
    margin-bottom: 0;
}

.section-title p {
    font-size: 0.875rem;
    color: #a3a3a3;
}

@media (min-width: 768px) {
    .section-title p {
        padding-left: 1.5rem;
        border-left: 1px solid var(--bs-border-color);
    }
}

.section-subtitle {
    display: flex;
    align-items: center;
    margin: -1rem 0 2rem 0;
}

/* Announcement */
.announcement {
    padding: 0.5rem 0;
    text-align: center;
    background: var(--cl-accent);
    color: #ffffff;
    border-bottom: 1px solid var(--bs-border-color);
}

.announcement a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #ffffff;
}

.announcement a svg {
    width: 1.25rem;
    height: 1.25rem;
}

/* Homepage hero. */
.hero {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
}

.hero .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 4rem 2rem;
    z-index: 1;
}

.hero .content {
    text-align: center;
    margin: 0 auto;
    max-width: 800px;
    border-radius: var(--bs-border-radius);
}

.hero .content h1 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.hero .content p {
    margin-bottom: 2rem;
}

.hero .content a {
    margin-bottom: 2.5rem;
}

.hero .content .stats {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 30rem;
    padding: 0.5rem;
    margin: 0 auto;
    background: var(--bs-gray-bg);
    border-radius: var(--bs-border-radius);
}

.hero .content .stats div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero .content .stats div .value {
    font-weight: 600;
    font-size: 1rem;
}

.hero .content .stats div .value svg {
    width: 1rem;
    height: 1rem;
    vertical-align: -0.125rem;
}

.hero .content .stats div .label {
    font-size: 0.7rem;
    color: #a3a3a3;
}

.hero .search-modal {
    --bs-modal-width: 700px;
}

.hero .fake-searchbar {
    margin: 0 auto 2rem auto;
}

.hero .fake-searchbar,
.hero .search-modal .searchbar {
    width: 100%;
    position: relative;
}

.hero .fake-searchbar input,
.hero .search-modal .searchbar input {
    background: var(--bs-gray-bg);
    padding: 1rem 2rem 1rem 4rem;
}

.hero .fake-searchbar svg,
.hero .search-modal .searchbar svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1rem;
    fill: #a3a3a3;
}

.hero .search-modal .products {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.hero .search-modal .product {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    text-decoration: initial;
    color: initial;
}

.hero .search-modal .product .left {
    flex: 1;
    display: flex;
    gap: 1rem;
}

.hero .search-modal .product .image {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-height: 96px;
    background: var(--bs-gray-bg);
    border-radius: var(--bs-border-radius);
}

.hero .search-modal .product .image img {
    border-radius: var(--bs-border-radius);
}

.hero .search-modal .product .image .product-img-placeholder svg {
    width: 48px;
    height: 48px;
}

.hero .search-modal .product .image .badges {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.hero .search-modal .product .image .badges div {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--cl-accent);
    color: #ffffff;
    font-size: 0.625rem;
    font-weight: 500;
    padding: 0.125rem 0.25rem;
    border-radius: 0.125rem;
}

.hero .search-modal .product .text {
    flex: 1;
    color: #ffffff;
}

.hero .search-modal .product h3 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.hero .search-modal .product p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.hero .search-modal .product .right {
    display: none;
}

@media (min-width: 468px) {
    .hero .content .stats {
        display: inline-flex;
        gap: 1.5rem;
        padding: 1rem;
    }

    .hero.alignment-left .content .stats {
        justify-content: flex-start;
    }

    .hero.alignment-right .content .stats {
        justify-content: flex-end;
    }

    .hero .content .stats div .value {
        font-size: 1.25rem;
    }

    .hero .content .stats div .value svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .hero .content .stats div .label {
        font-size: 0.75rem;
    }

    .hero .search-modal .product .left .stock {
        display: none;
    }

    .hero .search-modal .product .right {
        display: block;
    }
}

@media (min-width: 768px) {
    .hero {
        min-height: 100vh;
    }

    .hero.height-short {
        min-height: unset;
    }

    .hero.height-medium {
        min-height: 60vh;
    }

    .hero .container {
        padding: 6rem 2rem;
    }

    .hero .content {
        min-width: 60%;
    }

    .hero .fake-searchbar {
        max-width: 600px;
    }

    .hero.alignment-left .container,
    .hero.alignment-right .container {
        flex-direction: row;
        justify-content: space-between;
    }

    .hero.alignment-left .content,
    .hero.alignment-right .content {
        margin: 0;
        padding: 0;
    }

    .hero.alignment-left .content {
        text-align: left;
    }

    .hero.alignment-right .content {
        text-align: right;
        order: 1;
    }

    .hero.alignment-left .fake-searchbar {
        margin-left: 0;
        margin-right: 0;
    }

    .hero.alignment-right .fake-searchbar {
        margin-left: auto;
        margin-right: 0;
    }
}

/* Homepage socials. */
.socials {
    background: var(--bs-gray-bg);
    padding: 5rem 0;
}

.socials .list .social {
    display: flex;
    justify-content: space-between;
    background: var(--bs-body-bg);
    padding: 1rem;
    margin-bottom: var(--bs-gutter-x);
    border-radius: var(--bs-border-radius);
    text-decoration: none;
    color: #ffffff;
}

.socials .list .social .left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.socials .list .social .left svg {
    display: inline-flex;
    padding: 0.5rem;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: var(--cl-accent);
    color: #ffffff;
}

.socials .list .social .right svg {
    width: 1.5rem;
    height: 1.5rem;
}

.socials .list .social:hover {
    color: var(--cl-accent);
}

@media (min-width: 992px) {
    .socials .list .social {
        margin-bottom: 0;
    }
}

/* Homepage CTA, text + image. */
.cta-text-image {
    display: flex;
    flex-direction: column;
    background: var(--bs-gray-bg);
}

.cta-text-image .content {
    padding: 5rem 2rem;
}

.cta-text-image .content .subtitle {
    color: var(--cl-accent);
    font-size: 0.875rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.cta-text-image .content .title {
    font-size: 3rem;
    margin-bottom: 2rem;
}

.cta-text-image .content .description {
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

.cta-text-image .image {
    background-repeat: no-repeat, no-repeat;
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
}

@media (min-width: 768px) {
    .cta-text-image {
        flex-direction: row;
    }

    .cta-text-image .content {
        padding: 5rem 8rem;
    }
}

/* Homepage CTA, text only. */
.cta-text-center {
    background: #0c0c0c;
    text-align: center;
}

.cta-text-center .content {
    padding: 5rem 2rem;
}

.cta-text-center .content .subtitle {
    color: var(--cl-accent);
    font-size: 0.875rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.cta-text-center .content .title {
    font-size: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .cta-text-center .content {
        padding: 6rem 0;
    }
}

/* Homepage products */
.chips {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.chips .btn {
    border-radius: var(--bs-border-radius-xxl);
}

.products .card {
    position: relative;
    background: none;
    border: none;
    transition: all .3s ease;
    background: var(--bs-body-bg);
}

.products .card:hover {
    transform: translateY(-4px);
}

.products .card .card-img-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: var(--bs-gray-bg);
}

.products .card .card-img-top img,
.products .card .card-img-top svg {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}

.products .card .card-img-top .overlay {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    padding: 1rem;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
}

.products .card .card-img-top .overlay .btn:hover {
    background-color: var(--cl-accent);
    border-color: var(--bs-btn-border-color);
}

.products .card .card-img-top .overlay .btn {
    width: 100%;
}

.products .card:hover .card-img-top .overlay {
    opacity: 1;
    bottom: 0;
}

.products .card .card-img-top .badges {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.products .card .card-img-top .badges div {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--cl-accent);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.product-img-placeholder svg {
    width: 96px;
    height: 96px;
}

.product-img-placeholder svg.large {
    width: 256px;
    height: 256px;
}

.products .card .info {
    display: flex;
    justify-content: space-between;
    color: #d1d1d1;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products .card .info p {
    margin-bottom: 0;
}

.products .card .info .price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products .card .card-title {
    font-size: 1.125rem;
    margin-bottom: 0rem;
}

.stock-indicator {
    pointer-events: none;
}

.stock-unlimited {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
}

.stock-unlimited svg {
    width: 1rem;
    height: 1rem;
}

/* Homepage features. */
.features .list .feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    margin-bottom: var(--bs-gutter-x);
    border-radius: var(--bs-border-radius);
    background: var(--bs-gray-bg);
}

.features .list .feature i {
    font-size: 4rem;
    margin-bottom: 2rem;
    color: var(--cl-accent);
}

.features .list .feature svg {
    width: 64px;
    height: 64px;
    margin-bottom: 2rem;
    color: var(--cl-accent);
}

.features .list .feature .title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.features .list .feature .description {
    padding: 0 2rem;
    font-size: 0.875rem;
    color: #a3a3a3;
}

/* Single product. */
.product-wrapper {
    min-height: calc(100vh - 257px);
    /* 257px is footer */
}

.product-wrapper .carousel img {
    border-radius: var(--bs-border-radius);
}

.product-wrapper .thumbnails {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.product-wrapper .thumbnails button {
    border: 0;
    padding: 0;
    background: none;
    border-radius: var(--bs-border-radius);
    transition: all .3s ease;
}

.product-wrapper .thumbnails button:not(.active) {
    opacity: 0.5;
}

.product-wrapper .thumbnails button img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.product-wrapper .badges {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.product-wrapper .badges div,
.product-wrapper .badges a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--cl-accent);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 0.125rem;
    text-decoration: none;
}

.product-tabs .editor p {
    margin-bottom: 0;
}

.product-wrapper .buy-buttons .btn svg {
    width: 1.25rem;
    height: 1.25rem;
}

.input-group-btn svg {
    width: 24px;
    height: 24px;
}

.variants {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.variants .variant {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    border: 0;
    position: relative;
    padding: 0.375rem 0.775rem 0.375rem 0.375rem;
    background: var(--bs-gray-bg);
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.variants .variant.active {
    color: var(--bs-body-color);
    background-color: var(--bs-gray-bg);
    border-color: var(--bs-btn-border-color);
    outline: 0;
}

.variants .variant {
    padding: 0.5rem 0.75rem;
}

.variants .variant .name-stock {
    text-align: left;
}

.variants .variant .name,
.variants .variant .stock {
    margin-bottom: 0;
}

.variants .variant .description {
    font-size: 0.875rem;
    color: #a3a3a3;
    white-space: pre-line;
}

.variants .variant .stock {
    font-size: 0.75rem;
}

.variants .variant .price {
    padding: 0.25rem 0.5rem;
    border-radius: var(--bs-border-radius);
    background: rgba(255, 255, 255, 0.025);
    color: #a3a3a3;
    font-weight: 500;
}

.variants .variant .active-indicator {
    position: absolute;
    top: -12px;
    right: -4px;
    z-index: 1;
    background: var(--bs-gray-bg);
    border-radius: 50%;
}

.variants .variant .active-indicator svg {
    width: 24px;
    height: 24px;
}

.addon-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.addon-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.addon-image {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-addon-add {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary);
    min-width: 112px;
}

.btn-addon-add:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.btn-addon-remove {
    background-color: rgba(var(--bs-danger-rgb), 0.1);
    border-color: rgba(var(--bs-danger-rgb), 0.2);
    color: var(--bs-danger);
    min-width: 112px;
}

.btn-addon-remove:hover {
    background-color: rgba(var(--bs-danger-rgb), 0.2);
    border-color: var(--bs-danger);
    color: var(--bs-danger);
}

.live-stats svg {
    width: 1.25rem;
    height: 1.25rem;
}

.live-stats p {
    margin-bottom: 0;
    flex: 1;
}

/* Testimonials */
.testimonials .col-12 {
    margin-bottom: var(--bs-gutter-x);
}

.testimonial {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-radius: var(--bs-border-radius);
    background: var(--bs-gray-bg);
    margin-bottom: var(--bs-gutter-x);
}

.testimonial .header {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.5rem 0 1.5rem;
    margin-bottom: 0.5rem;
}

.testimonial .header svg {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(255, 255, 255, 0.1);
}

.testimonial .header p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.testimonial .stars svg {
    width: 1rem;
    height: 1rem;
}

.testimonial .content {
    padding: 0 1.5rem;
}

.testimonial .content .message {
    font-size: 0.9rem;
    word-break: break-word;
}

.testimonial .content .reply {
    margin-bottom: 1rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: var(--bs-border-radius);
}

.testimonial .content .reply .text {
    margin: 0;
    font-size: 0.875rem;
    padding-left: 0.5rem;
    border-left: 0.125rem solid var(--cl-accent);
    word-break: break-word;
}

.testimonial .content .reply .author {
    font-size: 0.8rem;
    margin: 1rem 0 0 0;
    text-align: right;
    color: #a3a3a3;
}

.testimonial .content .reply .author span {
    color: var(--cl-accent);
}

.testimonial .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1.5rem;
    background: rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    color: #a3a3a3;
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.testimonial .footer .items {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.testimonial .footer .date {
    font-weight: 600;
}

.pagination .page-item:not(.active) .page-link {
    color: var(--bs-secondary-color);
    background-color: var(--bs-gray-bg);
}

/* BLOCKS */
.bg-block-primary {
    background-color: var(--bs-body-bg);
}

.bg-block-secondary {
    background-color: var(--bs-gray-bg);
}

.text-block.alignment-center,
.text-image-block.alignment-center,
.text-video-block.alignment-center {
    text-align: center;
}

.text-block.alignment-center .section-title,
.text-block.alignment-center .section-subtitle,
.text-image-block.alignment-center .section-title,
.text-image-block.alignment-center .section-subtitle,
.text-video-block.alignment-center .section-title,
.text-video-block.alignment-center .section-subtitle {
    justify-content: center;
}

.text-block.alignment-right,
.text-image-block.alignment-right,
.text-video-block.alignment-right {
    text-align: right;
}

.text-block.alignment-right .section-title,
.text-block.alignment-right .section-subtitle,
.text-image-block.alignment-right .section-title,
.text-image-block.alignment-right .section-subtitle,
.text-video-block.alignment-right .section-title,
.text-video-block.alignment-right .section-subtitle {
    justify-content: flex-end;
}

.text-image-block.alignment-right .row,
.text-video-block.alignment-right .row {
    flex-direction: row-reverse;
}

.text-image-block .section-subtitle,
.text-video-block .section-subtitle {
    margin: -1rem 0 1rem 0;
}

.text-image-block .row,
.text-video-block .row {
    --bs-gutter-y: 2rem;
}

.text-image-block img,
.text-video-block iframe {
    width: 100%;
    border-radius: var(--bs-border-radius);
}

.text-image-block .aspect-16\/9 img,
.text-image-block .aspect-4\/3 img,
.text-image-block .aspect-1\/1 img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    border-radius: var(--bs-border-radius);
}

.text-image-block .aspect-16\/9 img {
    aspect-ratio: 16/9;
}

.text-image-block .aspect-4\/3 img {
    aspect-ratio: 4/3;
}

.text-image-block .aspect-1\/1 img {
    aspect-ratio: 1/1;
}

.text-video-block .video-wrapper {
    display: flex;
    justify-content: center;
}

.text-video-block iframe {
    aspect-ratio: 16/9;
}

.image-gallery .row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}

.image-gallery .aspect-16\/9 img,
.image-gallery .aspect-4\/3 img,
.image-gallery .aspect-1\/1 img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    border-radius: var(--bs-border-radius);
}

.image-gallery .aspect-16\/9 img {
    aspect-ratio: 16/9;
}

.image-gallery .aspect-4\/3 img {
    aspect-ratio: 4/3;
}

.image-gallery .aspect-1\/1 img {
    aspect-ratio: 1/1;
}

.faq .accordion {
    --bs-accordion-btn-bg: var(--bs-gray-bg);
    --bs-accordion-active-bg: var(--bs-gray-bg);
    --bs-accordion-border-color: transparent;
    --bs-accordion-inner-border-radius: var(--bs-border-radius);
    --bs-accordion-active-color: var(--cl-accent);
    --bs-accordion-btn-focus-border-color: var(--cl-accent);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cl-accent-rgb), .25);
}

.faq.bg-block-secondary .accordion {
    --bs-accordion-btn-bg: var(--bs-body-bg);
    --bs-accordion-active-bg: var(--bs-body-bg);
}

.faq .accordion-item {
    margin-bottom: 1.5rem;
}

.faq .accordion-item,
.faq .accordion-item .accordion-button,
.faq .accordion-item .accordion-collapse {
    border-radius: var(--bs-border-radius);
}

/* STATUS */
.status-cards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.status-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--bs-gray-bg);
    border-radius: var(--bs-border-radius);
    text-decoration: none;
}

.status-card h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
}

.status-group {
    margin-bottom: 1rem;
}

.status-group h2 {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #ffffff;
}

.status {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.status .indicator {
    position: relative;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
}

.status .label {
    font-weight: 600;
}

.pulsating {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0;
    pointer-events: none;
    animation: pulsating 1.25s linear infinite;
}

@keyframes pulsating {
    0% {
        opacity: 0.4;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.aspect-product-card-image {
    aspect-ratio: var(--product-card-image-aspect-ratio);
}

.aspect-product-page-image {
    aspect-ratio: var(--product-page-image-aspect-ratio);
}

.aspect-group-card-image {
    aspect-ratio: var(--group-card-image-aspect-ratio);
}

.aspect-blog-card-image {
    aspect-ratio: var(--blog-card-image-aspect-ratio);
}

.object-product-image {
    object-fit: var(--product-image-fit);
}

.object-group-image {
    object-fit: var(--group-image-fit);
}

#snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: 9999;
}

#snow .snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    margin-top: -10px;
    border-radius: 100%;
    background: rgba(var(--cl-snow, 255, 255, 255, 1));
}

.cart .btn-outline-primary svg {
    width: 1.25rem;
    height: 1.25rem;
}

.cart .product {
    background: var(--bs-gray-bg);
}

.cart .form {
    background: var(--bs-gray-bg);
}

.cart-item-bg {
    background: rgba(255, 255, 255, 0.01);
    border-color: rgba(255, 255, 255, 0.05) !important;
}

@media (min-width: 576px) {
    .cart-image-container {
        max-width: 9rem;
    }
}

.cart-placeholder-icon {
    color: #6c757d;
}

.cart-placeholder-svg {
    width: 4rem;
    height: 4rem;
}

.cart-product-link:hover {
    text-decoration: underline !important;
}

.cart-variant-text {
    color: rgba(255, 255, 255, 0.75);
}

.cart-discount-text {
    color: rgba(255, 255, 255, 0.5);
}

.cart-addon-badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0.375rem;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
}

.cart-quantity-controls {
    max-width: 8rem;
}

.cart-qty-btn {
    background: rgba(255, 255, 255, 0.1);
    width: 2rem;
    height: 2rem;
    transition: background-color 0.3s ease;
}

.cart-qty-btn:hover:not(:disabled) {
    background: var(--bs-primary);
}

.cart-qty-btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.cart-qty-input {
    background: rgba(255, 255, 255, 0.05);
    color: white;
    width: calc(100% - 4rem);
    font-size: 0.85rem;
}

.cart-qty-input:focus {
    background: rgba(255, 255, 255, 0.05);
    color: white;
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.5);
}

.cart-qty-icon {
    width: 1rem;
    height: 1rem;
}

.cart-price-text {
    min-width: 5rem;
}

@media (min-width: 576px) {
    .cart-price-text {
        font-size: 1.125rem;
    }
}

.cart-remove-mobile:hover,
.cart-remove-desktop:hover {
    color: var(--bs-danger) !important;
}

.cart-remove-icon-sm {
    width: 1rem;
    height: 1rem;
}

@media (min-width: 576px) {
    .cart-remove-icon-sm {
        width: 1.25rem;
        height: 1.25rem;
    }
}

.cart-remove-icon {
    width: 1rem;
    height: 1rem;
}

@media (min-width: 576px) {
    .cart-remove-icon {
        width: 1.25rem;
        height: 1.25rem;
    }
}

@media (max-width: 575px) {
    .cart-controls {
        border-top-color: rgba(255, 255, 255, 0.05) !important;
    }
}

.ticket .ticket-messages-container {
    position: relative;
    height: calc(100vh - 400px);
    min-height: 500px;
}

.ticket .ticket-messages-scroll {
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}

.ticket .ticket-messages-scroll::-webkit-scrollbar {
    width: 6px;
}

.ticket .ticket-messages-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.ticket .ticket-messages-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.ticket .ticket-messages-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

.ticket .ticket-avatar {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.ticket .ticket-avatar-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: scale-down;
    background: rgba(var(--bs-primary-rgb), 0.1);
    padding: 4px;
}

.ticket .ticket-avatar-placeholder {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.ticket .ticket-avatar-icon {
    width: 24px;
    height: 24px;
}

.ticket .ticket-sender-name {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--bs-body-color);
}

.ticket .ticket-time-ago {
    font-size: 0.65rem;
    color: var(--bs-body-color);
    opacity: 0.6;
}

.ticket .ticket-message-content {
    font-size: 0.75rem;
    color: var(--bs-body-color);
    opacity: 0.85;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.ticket .ticket-input-area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bs-body-bg);
    border-top: 1px solid var(--bs-border-color);
}

.ticket .ticket-textarea {
    resize: none;
    max-height: 100px;
    min-height: 38px;
    field-sizing: content;
}

.ticket .ticket-send-btn {
    white-space: nowrap;
    padding: 0.5rem 1rem;
}

.ticket .bg-accent-500 {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.ticket .text-accent-500 {
    color: var(--bs-primary) !important;
}

@media (max-width: 575.98px) {
    .ticket .ticket-messages-container {
        height: calc(100vh - 300px);
        min-height: 400px;
    }

    .ticket .ticket-send-btn span {
        display: none !important;
    }
}

table td .btn.btn-link {
    font-size: .875em;
    color: var(--bs-primary);
}

/* Container for the notification */
.notification-container {
    position: relative;
}

.notification-popup {
    position: fixed;
    z-index: 1050;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}

@media (min-width: 640px) {
    .notification-popup {
        right: auto;
    }
}

.notification-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: var(--bs-gray-bg);
    border-radius: var(--bs-border-radius);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.notification-image-container {
    position: relative;
}

.notification-image {
    width: 3.75rem;
    height: 3.75rem;
    object-fit: cover;
    border-radius: var(--bs-border-radius);
}

@media (min-width: 640px) {
    .notification-image {
        width: 4.5rem;
        height: 4.5rem;
    }
}

.notification-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0.5rem;
}

.notification-text-primary {
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .notification-text-primary {
        font-size: 0.875rem;
    }
}

.notification-text-secondary {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .notification-text-secondary {
        font-size: 1rem;
    }
}

.notification-text-tertiary {
    margin-bottom: 0;
    font-size: 0.75rem;
    opacity: 0.75;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .notification-text-tertiary {
        font-size: 0.875rem;
    }
}

.flag-icon {
    width: 0.625rem;
    height: 0.625rem;
}

@media (min-width: 640px) {
    .flag-icon {
        width: 0.75rem;
        height: 0.75rem;
    }
}

.currency-selector {
    max-width: 153px;
}

.currency-selector select {
    width: 80px;
    height: 40px;
    background-color: transparent;
    border: 1px solid var(--cl-accent);
    border-radius: var(--bs-border-radius);
    outline: none;
    color: transparent;
}

.currency-selector .symbol {
    display: inline-block;
    width: 2.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.25rem;
    color: var(--cl-accent) !important;
    text-align: center;
    padding: 0.125rem 0.25rem;
    margin-right: 0.25rem;
}

.currency-selector .default {
    font-size: 0.75rem;
    opacity: 0.75;
}

.currency-selector .choices__inner {
    min-width: 5rem !important;
    height: 40px !important;
    border-radius: var(--bs-border-radius);
    background-color: transparent !important;
    border: 1px solid var(--cl-accent) !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.currency-selector .choices.is-open .choices__inner {
    border-color: var(--cl-accent) !important;
}

.currency-selector .choices__inner .symbol {
    background-color: transparent;
    color: var(--cl-accent);
    min-width: 0;
}

.currency-selector .choices__inner .code,
.currency-selector .choices__inner .default {
    display: none;
}

.currency-selector .choices__inner .choices__item {
    max-width: 50px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.currency-selector .choices__list.choices__list--dropdown {
    min-width: 11rem !important;
    margin-top: 0.5rem;
    border-radius: var(--bs-border-radius);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.currency-selector .choices__list::-webkit-scrollbar {
    display: none;
}

.currency-selector .choices__list--dropdown .choices__item--selectable {
    padding-right: 0.625rem !important;
}

.currency-selector .choices__list--dropdown .choices__item--selectable.is-highlighted::after {
    display: none;
}

.choices {
    border-radius: 0.5rem;
    margin-bottom: 0 !important;
}

.choices.is-open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.choices .choices__inner {
    min-height: 2.5rem;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, 0.025);
    color: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    width: 100%;
    border: 0;
}

.choices[data-type*="select-one"] .choices__inner {
    padding: 0.5rem 1rem;
}

.choices .choices__list.choices__list--single {
    padding: 0;
}

.choices.is-open .choices__inner {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.choices .choices__list.choices__list--dropdown {
    background-color: var(--bs-gray-bg);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.choices.is-open .choices__list--dropdown,
.choices.is-open .choices__list[aria-expanded] {
    border-color: rgba(255, 255, 255, 0.1);
}

.choices[data-type*="select-one"] .choices__list .choices__input {
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

.choices[data-type*="select-one"] .choices__list.choices__list--dropdown .choices__input {
    background-color: rgba(255, 255, 255, 0.025);
    color: #fff;
}

.choices .choices__list--dropdown .choices__item,
.choices .choices__list[aria-expanded] .choices__item {
    background-color: rgba(255, 255, 255, 0.025);
    color: #fff;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--accent-500);
    color: white;
}

.choices .choices[data-type*="select-one"] .choices__input {
    background-color: var(--accent-500);
    color: white;
}

/* New editor */
.editor .rtl {
    direction: rtl;
}

.editor .e-paragraph {
    position: relative;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    word-wrap: break-word;
}

.editor .e-quote {
    font-size: 1rem;
    padding-left: 1rem;
    border-left-color: var(--cl-accent);
    border-left-width: 0.25rem;
    border-left-style: solid;
}

.editor .e-hr,
.editor hr {
    border-top: 1px solid var(--cl-accent);
    margin: 0.5rem 0;
}

.editor .e-heading-h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 0;
}

.editor .e-heading-h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 0;
}

.editor .e-heading-h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0;
}

.editor .e-nested-listitem {
    list-style-type: none;
}

.editor .e-list-ol {
    padding: 0;
    margin: 0;
    margin-left: 1rem;
    list-style-type: decimal;
}

.editor .e-list-ul {
    padding: 0;
    margin: 0;
    margin-left: 1rem;
    list-style-type: disc;
}

.editor .e-listitem {
    margin: 0.5rem 1rem 0.5rem 1rem;
}

.editor .e-image img {
    max-width: 100%;
    height: auto;
}

.editor .e-youtube iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.editor .e-link {
    color: var(--cl-accent);
    text-decoration: underline;
}

.editor .e-text-bold {
    font-weight: bold;
}

.editor .e-text-code {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.0625rem 0.25rem;
    font-family: monospace;
    font-size: 95%;
}

.editor .e-text-italic {
    font-style: italic;
}

.editor .e-text-strikethrough {
    text-decoration: line-through;
}

.editor .e-text-underline {
    text-decoration: underline;
}

.editor .e-text-underlineStrikethrough {
    text-decoration: underline line-through;
}

.editor .e-code {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.5rem;
    font-family: monospace;
    border-radius: var(--bs-border-radius);
}

.editor .e-collapsible {
    margin: 0.25rem 0 0.25rem 0;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.editor .e-collapsible-title {
    display: block;
    position: relative;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    font-weight: 600;
}

.editor .e-collapsible-title::marker,
.editor .e-collapsible-title::-webkit-details-marker {
    display: none;
}

.editor .e-collapsible-title:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0.625rem;
    transform: translateY(-50%);
    border: 1px solid transparent;
    border-left-color: var(--cl-accent);
    border-width: 4px 6px 4px 6px;
}

.editor .e-collapsible[open]>.editor .e-collapsible-title:before {
    border-left-color: transparent;
    border-top-color: var(--cl-accent);
    border-width: 6px 4px 0 4px;
}

.editor .e-collapsible-content {
    padding: 0.5rem;
    border-top: 1px solid var(--bs-border-color);
}

/* BUILDER */
.builder .component {
    position: relative;
}

.builder .component .builder-toolbar {
    display: none;
}

.builder .component:hover .builder-toolbar {
    display: block;
}

.builder .builder-toolbar {
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}

.builder .builder-toolbar .actions {
    background: #070d19;
    display: inline-flex;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
}

.builder .builder-toolbar .actions button {
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    background: #0c1427;
    border: 0;
}

.builder .builder-toolbar .actions button:hover {
    background: #0a0f1f;
}

.builder .builder-toolbar .actions button svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #ffffff;
}

.builder .announcement .builder-toolbar .actions button:not(.edit),
.builder .navbar .builder-toolbar .actions button:not(.edit),
.builder .footer .builder-toolbar .actions button:not(.edit) {
    display: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

.whitespace-pre-line {
    white-space: pre-line;
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem;
}

.size-3\.5 {
    width: 0.875rem;
    height: 0.875rem;
}

:root {
    --altcha-border-width: 1px;
    --altcha-border-radius: var(--bs-border-radius);
    --altcha-color-base: rgba(255, 255, 255, 0.025);
    --altcha-color-border: rgba(255, 255, 255, 0.05);
    --altcha-color-text: #fff;
    --altcha-color-border-focus: currentColor;
    --altcha-color-error-text: #ef4444;
    --altcha-color-footer-bg: #f4f4f4;
    --altcha-max-width: 600px;
}


/* --- custom.css (merchant) --- */
/* Global Typography */
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,400&display=swap');

* {
    font-family: 'Satoshi', sans-serif !important;
}

body {
    background-color: #0d0d0d !important;
    color: #ffffff;
    font-family: 'Satoshi', sans-serif;
    position: relative;
    overflow-x: hidden;
}

/* Premium Mesh Background */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 0% 0%, rgba(196, 9, 217, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(196, 9, 217, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(15, 15, 15, 1) 0%, rgba(10, 10, 10, 1) 100%);
    z-index: -1;
    pointer-events: none;
}

/* Subtle Grid Overlay */
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: -1;
    pointer-events: none;
    mask-image: radial-gradient(circle at 50% 50%, black, transparent 80%);
}

.section-title,
.section-title h2 {
    font-size: clamp(2rem, 3.5vw, 3.25rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin: 0 auto 8px;
    text-align: center !important;
    text-wrap: balance;
}

.section-subtitle,
.section-subtitle p {
    font-size: clamp(0.875rem, 1.2vw, 1rem);
    font-weight: 400;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.45);
    margin: 0 auto 20px;
    max-width: 36rem;
    text-align: center !important;
}

.section-overline {
    font-size: 13px;
    font-weight: 500;
    color: rgba(196, 9, 217, 0.9);
    margin-bottom: 8px;
    letter-spacing: 0.05em;
    text-align: center;
    display: block;
}

section,
footer,
header,
nav,
.ft,
.stats,
.cta,
.hero {
    background: transparent !important;
    background-color: transparent !important;
}

/* Premium Bootstrap Overrides (Cards & Dashboard) */
.card {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    box-shadow: none;
}
.card-header, .card-footer {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
}
.nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    padding: 10px 16px;
    transition: all 0.2s ease;
    font-weight: 500;
}
.nav-pills .nav-link:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover {
    background: rgba(196, 9, 217, 0.1) !important;
    color: #c409d9 !important;
    border: 1px solid rgba(196, 9, 217, 0.2);
}
hr {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Dashboard Tables */
.table {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 0;
}
.table > :not(caption) > * > * {
    background-color: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
    padding: 1.25rem 1rem !important;
    color: #ffffff !important;
}
.table thead th {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5) !important;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.table tbody td {
    vertical-align: middle;
    font-size: 0.95rem;
}
.table tbody tr:last-child td {
    border-bottom: none !important;
}
.table tbody td.text-muted {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Fix missing tailwind/custom text accents */
.text-accent-500 {
    color: #c409d9 !important;
    text-decoration: none;
    font-weight: 600;
}
.text-accent-500:hover {
    color: #7c00ff !important;
}

.bf__card,
.stats__card,
.ft__card,
.cta__inner,
.bf__review,
.bf__support-badge {
    background: #171717 !important;
}

.feedbacks {
    background: #0d0d0d !important;
}

.is-scrolled .nb-frame {
    background: none !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transform: translateZ(0);
}

.premium-text {
    background: linear-gradient(135deg, #c409d9 0%, #7c00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.dark-glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Smooth Transitions */
* {
    transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hide SellAuth Branding */
.sellauth-branding {
    display: none !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0d0d0d;
}
::-webkit-scrollbar-thumb {
    background: rgba(196, 9, 217, 0.3);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(196, 9, 217, 0.5);
}

/* --- runtime compatibility (SellAuth Pro helpers) --- */

/* Runtime compatibility overrides for imported Nunjucks storefronts. */
.header-navcobra .container-navcobra {
  max-width: none !important;
  width: 100% !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.header-navcobra .header-inner-navcobra {
  justify-content: flex-start !important;
}
.header-navcobra .nav-section-navcobra {
  margin-left: 0 !important;
}
.header-navcobra .actions-section-navcobra {
  margin-left: auto !important;
}
.hero .fake-searchbar .form-control,
.hero .fake-searchbar input.form-control,
.hero .search-modal .searchbar .form-control,
.hero .search-modal .searchbar input.form-control {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .9) !important;
}
.hero .fake-searchbar input.form-control {
  border-radius: 0 !important;
  padding: 0 30px !important;
}
.fake-searchbar input[readonly],
.hero .fake-searchbar input[readonly] {
  pointer-events: none !important;
}
.relative { position: relative !important; }
.inline-block { display: inline-block !important; }
.transition-all { transition-property: all !important; }
.duration-200 { transition-duration: 200ms !important; }
.w-\[18px\] { width: 18px !important; }
.h-\[18px\] { height: 18px !important; }
.w-\[190px\] { width: 190px !important; }
.h-\[190px\] { height: 190px !important; }
.w-\[140px\] { width: 140px !important; }
.h-\[130px\] { height: 130px !important; }
.w-\[15\%\] { width: 15% !important; }
.left-2 { left: .5rem !important; }
.left-1 { left: .25rem !important; }
.right-0 { right: 0 !important; }
.top-0 { top: 0 !important; }
.bottom-0 { bottom: 0 !important; }
.top-\[52\%\] { top: 52% !important; }
.top-\[65\%\] { top: 65% !important; }
.-translate-x-\[7\%\] { --tw-translate-x: -7%; transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0deg)) !important; }
.-translate-x-\[20\%\] { --tw-translate-x: -20%; transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0deg)) !important; }
.-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0deg)) !important; }
.-rotate-\[32deg\] { --tw-rotate: -32deg; transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0deg)) !important; }
.opacity-30 { opacity: .3 !important; }
.opacity-\[0\.08\] { opacity: .08 !important; }
.bg-\[\#0f0f0f\] { background-color: #0f0f0f !important; }
.bg-\[\#0b0b0b\] { background-color: #0b0b0b !important; }
.border-\[\#1a1a1a\] { border-color: #1a1a1a !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,.35), 0 4px 6px -4px rgba(0,0,0,.35) !important; }
.shadow-black\/40 { --tw-shadow-color: rgba(0,0,0,.4); }
.hover\:shadow-black\/60:hover { --tw-shadow-color: rgba(0,0,0,.6); }
.products-hero:not(.is-visible),
.products-toolbar:not(.is-visible),
.product-grid-item:not(.is-visible) {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
.products-section-wrapper .row.products,
.products-section-shell .row.products {
  align-items: stretch !important;
  row-gap: 30px !important;
}
.products-section-wrapper .row.products > .product-grid-item,
.products-section-shell .row.products > .product-grid-item {
  display: flex !important;
}
.products-section-wrapper .row.products > [class*="col-"],
.products-section-shell .row.products > [class*="col-"] {
  display: flex !important;
}
.products-section-wrapper .pc-outer,
.products-section-shell .pc-outer {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  color: inherit !important;
  text-decoration: none !important;
}
.products-section-wrapper .pc-inner,
.products-section-shell .pc-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.03) !important;
}
.products-section-wrapper .pc-img-wrap,
.products-section-shell .pc-img-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #0d0f14 !important;
}
.products-section-wrapper .pc-img,
.products-section-shell .pc-img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  background: #0d0f14 !important;
}
.products-section-wrapper .pc-img-placeholder,
.products-section-shell .pc-img-placeholder {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  place-items: center !important;
  color: color-mix(in srgb, var(--sa-accent) 70%, white) !important;
}
.products-section-wrapper .pc-img-placeholder svg,
.products-section-shell .pc-img-placeholder svg {
  width: 42px !important;
  height: 42px !important;
}
.products-section-wrapper .pc-body,
.products-section-shell .pc-body {
  display: grid !important;
  gap: 12px !important;
  padding: 18px !important;
}
.products-section-wrapper .pc-title,
.products-section-shell .pc-title {
  margin: 0 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
.products-section-wrapper .pc-meta-row,
.products-section-shell .pc-meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.products-section-wrapper .sa-product-delivery,
.products-section-shell .sa-product-delivery {
  display: inline-flex !important;
  min-height: 18px !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.66) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}
.products-section-wrapper .sa-product-delivery svg,
.products-section-shell .sa-product-delivery svg {
  display: block !important;
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  flex: 0 0 14px !important;
}
.products-section-wrapper .pc-price,
.products-section-shell .pc-price {
  display: grid !important;
  gap: 2px !important;
}
.products-section-wrapper .pc-price-label,
.products-section-shell .pc-price-label,
.products-section-wrapper .pc-status,
.products-section-shell .pc-status {
  color: rgba(255,255,255,.64) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.products-section-wrapper .pc-price-value,
.products-section-shell .pc-price-value {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
.products-section-wrapper .pc-btn,
.products-section-shell .pc-btn {
  display: inline-flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.products-section-wrapper .pc-btn svg,
.products-section-shell .pc-btn svg {
  width: 16px !important;
  height: 16px !important;
}
.sa-category-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
}
.sa-category-card {
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  background: rgba(6,8,10,.96) !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.sa-category-card:hover {
  border-color: color-mix(in srgb, var(--sa-accent) 48%, rgba(255,255,255,.08)) !important;
  box-shadow: 0 18px 45px color-mix(in srgb, var(--sa-accent) 18%, transparent) !important;
  transform: translateY(-2px) !important;
}
.sa-category-card-image {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  place-items: center !important;
  overflow: hidden !important;
  border-bottom: 3px solid var(--sa-accent) !important;
  background:
    radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--sa-accent) 54%, transparent), transparent 42%),
    radial-gradient(circle at 12% 82%, color-mix(in srgb, var(--sa-accent) 44%, transparent), transparent 36%),
    linear-gradient(105deg, #07070a 0%, #1c0924 48%, #5f0871 100%) !important;
}
.sa-category-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .28s ease !important;
}
.sa-category-card:hover .sa-category-card-image img {
  transform: scale(1.04) !important;
}
.sa-category-card-image svg {
  width: 54px !important;
  height: 54px !important;
  color: color-mix(in srgb, var(--sa-accent) 74%, white) !important;
  filter: drop-shadow(0 0 24px color-mix(in srgb, var(--sa-accent) 52%, transparent)) !important;
}
.sa-category-card-body {
  display: grid !important;
  gap: 12px !important;
  padding: 20px !important;
}
.sa-category-card-body h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}
.sa-category-card-body p {
  margin: 0 !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.sa-category-card-body em,
.sa-selected-category-head button,
.sa-selected-category-head > span {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid color-mix(in srgb, var(--sa-accent) 46%, transparent) !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--sa-accent) 34%, transparent), color-mix(in srgb, var(--sa-accent) 22%, transparent)) !important;
  color: color-mix(in srgb, var(--sa-accent) 86%, white) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.sa-category-card-body em svg {
  width: 15px !important;
  height: 15px !important;
}
.sa-selected-category {
  display: grid !important;
  gap: 18px !important;
}
.sa-selected-category-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 18px !important;
  margin-bottom: 12px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.sa-selected-category-head button {
  appearance: none !important;
  cursor: pointer !important;
}
.sa-selected-category-head p {
  margin: 0 0 6px !important;
  color: color-mix(in srgb, var(--sa-accent) 78%, white) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.sa-selected-category-head h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}
.sa-selected-category-head > span {
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .products-section-wrapper .row.products,
  .products-section-shell .row.products {
    margin-left: 0 !important;
    margin-right: 0 !important;
    row-gap: 18px !important;
  }
  .products-section-wrapper .row.products > [class*="col-"],
  .products-section-shell .row.products > [class*="col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 18px !important;
  }
  .products-section-wrapper .pc-outer,
  .products-section-shell .pc-outer {
    width: 100% !important;
    min-width: 0 !important;
  }
  .products-section-wrapper .pc-title,
  .products-section-shell .pc-title {
    overflow-wrap: anywhere !important;
  }
  .products-section-wrapper .pc-meta-row,
  .products-section-shell .pc-meta-row {
    flex-wrap: wrap !important;
  }
  .products-section-wrapper .pc-btn,
  .products-section-shell .pc-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
  .sa-category-card-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .sa-selected-category-head {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
}
.hero-section h1,
.hero-section p,
.hero-section .flex.flex-wrap > div,
.hero-section + div {
  opacity: 1 !important;
}
.hero-section .mobile-br {
  display: block !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
}
.hero-section .mb-4 { margin-bottom: 1rem !important; }

.product-wrapper.sa-product-page .product-image-wrapper::before,
.product-wrapper.sa-product-page .product-image-wrapper::after,
.product-wrapper.sa-product-page .product-image-wrapper:before,
.product-wrapper.sa-product-page .product-image-wrapper:after {
  content: none !important;
  display: none !important;
}
.product-wrapper.sa-product-page .product-image-section.sa-product-gallery .product-image-wrapper {
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: #07080b !important;
}
.product-wrapper.sa-product-page .product-image-section.sa-product-gallery .product-image-wrapper img,
.product-wrapper.sa-product-page .product-image-section.sa-product-gallery .product-img-placeholder {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 14px !important;
  object-fit: contain !important;
  box-shadow: none !important;
}
.products-section-wrapper .pc-img-wrap,
.products-section-shell .pc-img-wrap,
.sa-group-modal-shell .pc-img-wrap {
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  background: #0d0f14 !important;
}
.products-section-wrapper .pc-img,
.products-section-shell .pc-img,
.sa-group-modal-shell .pc-img {
  object-fit: cover !important;
  background: #0d0f14 !important;
}
.product-wrapper.sa-product-page .product-tabs-section.sa-product-description-card {
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  background: rgba(9,9,11,.92) !important;
  padding: 22px !important;
  box-shadow: none !important;
}
.product-wrapper.sa-product-page .sa-product-description-title {
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.product-wrapper.sa-product-page .product-tab-content,
.product-wrapper.sa-product-page .product-tab-content .editor,
.product-wrapper.sa-product-page .editor.sa-richtext {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 480px) {
  .hero-section img.crown-glow {
    width: min(300px, 78vw) !important;
    max-width: 100% !important;
    margin-bottom: 8px !important;
    animation: none !important;
    opacity: 1 !important;
    transform: translateY(-42px) !important;
  }

  .hero-section {
    background-position: center top !important;
  }

  .hero-section h1 {
    font-size: 38px !important;
    line-height: 1.08 !important;
    margin-bottom: 18px !important;
  }

  .hero-section p,
  .hero-section .flex.flex-wrap {
    transform: translateY(18px) !important;
  }

  .hero-section .flex.flex-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: auto !important;
    padding: 0 !important;
  }

  .hero-section .flex.flex-wrap > div {
    width: auto !important;
    min-width: 0 !important;
    justify-content: center !important;
    padding: 7px 22px !important;
  }
}

@media (max-width: 768px) {
  .navbar.component {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: calc(100% - 20px) !important;
    min-height: 58px !important;
    margin: 10px auto 16px !important;
    overflow: hidden !important;
  }
  .navbar.component > .container,
  .navbar.component .container {
    display: flex !important;
    min-height: 56px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 8px 12px !important;
  }
  .navbar.component .navbar-brand {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }
  .navbar.component .navbar-brand span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .navbar.component .navbar-collapse {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    justify-content: flex-end !important;
  }
  .navbar.component .navbar-nav.me-auto,
  .navbar.component .navbar-nav.gap-3 .nav-item.user,
  .navbar.component .navbar-nav.gap-3 .sa-login-item {
    display: none !important;
  }
  .navbar.component .navbar-nav.gap-3 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .max-\[768px\]\:flex-col { flex-direction: column !important; }
  .max-\[768px\]\:gap-6 { gap: 1.5rem !important; }
  .max-\[768px\]\:p-6 { padding: 1.5rem !important; }
  .max-\[768px\]\:w-full { width: 100% !important; }
  .max-\[768px\]\:left-1 { left: .25rem !important; }
  .max-\[768px\]\:-translate-x-\[20\%\] { --tw-translate-x: -20%; transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0deg)) !important; }
  .max-\[768px\]\:top-\[65\%\] { top: 65% !important; }
  .max-\[768px\]\:w-\[140px\] { width: 140px !important; }
  .max-\[768px\]\:h-\[130px\] { height: 130px !important; }
  .max-\[768px\]\:text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
  .max-\[768px\]\:text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
}

/* Bootstrap navbar compatibility after Tailwind utility reset. */
body.storefront .navbar.component .navbar-collapse {
  visibility: visible !important;
}
body.storefront .navbar.component,
body.storefront .navbar.component a,
body.storefront .navbar.component button,
body.storefront footer.footer,
body.storefront footer.footer a {
  font-family: var(--cl-font, "Poppins", sans-serif) !important;
  letter-spacing: 0 !important;
}
body.storefront .navbar.component a,
body.storefront .navbar.component .nav-link,
body.storefront footer.footer a,
body.storefront footer.footer .nav-link {
  text-decoration: none !important;
}
body.storefront .navbar.component a::after,
body.storefront .navbar.component a:hover::after,
body.storefront .navbar.component .nav-link::after,
body.storefront .navbar.component .nav-link:hover::after {
  content: none !important;
  display: none !important;
}
body.storefront footer.footer ul,
body.storefront footer.footer .nav,
body.storefront footer.footer .navbar-nav {
  list-style: none !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
body.storefront footer.footer li,
body.storefront footer.footer .nav-item {
  list-style: none !important;
}
body.storefront footer.footer li::marker {
  content: "" !important;
}
@media (min-width: 992px) {
  body.storefront .navbar.component.navbar-expand-lg {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  body.storefront .navbar.component.navbar-expand-lg > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-basis: auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-nav.me-auto {
    margin-right: auto !important;
    gap: 1.5rem !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-nav.gap-3 {
    flex: 0 0 auto !important;
    gap: .75rem !important;
    margin-left: 1.25rem !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-nav.gap-3 .btn {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-nav.gap-3 .nav-item.user .btn {
    padding: 0 16px !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-nav.gap-3 .nav-item.cart .btn {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: #fff !important;
    border-color: #fff !important;
    color: #09080d !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-toggler,
  body.storefront .navbar.component.navbar-expand-lg > .container > .d-flex {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  body.storefront .navbar.component.navbar-expand-lg > .container > .d-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse {
    display: none !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse.show {
    display: flex !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, .1) !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse.show .navbar-nav {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse.show .nav-item {
    display: flex !important;
    width: 100% !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse.show .nav-link,
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse.show .nav-item.user .btn {
    width: 100% !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .045) !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-collapse.show .nav-item.cart.d-none.d-lg-block {
    display: none !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .cart.d-md-none {
    display: block !important;
    flex: 0 0 auto !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .cart.d-md-none .btn {
    width: 52px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border-color: #fff !important;
    color: #09080d !important;
    border-radius: 12px !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .cart.d-md-none .icon {
    width: 20px !important;
    height: 20px !important;
    color: currentColor !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 44px !important;
    padding: 0 !important;
  }
  body.storefront .navbar.component.navbar-expand-lg .navbar-toggler-icon {
    display: inline-block !important;
    width: 1.5em !important;
    height: 1.5em !important;
    background-image: var(--bs-navbar-toggler-icon-bg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
  }
}


/* --- lifted inline <style> blocks --- */
/* product-card */
.pc { display: flex; flex-direction: column; text-decoration: none; background: #0d0d0d; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; overflow: hidden; cursor: pointer; position: relative; transition: border-color 0.3s ease; width: 100%; height: 100%; }
.pc::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.06) 50%, transparent 100%); transition: left 0.55s ease; pointer-events: none; z-index: 3; }
.pc:hover::after { left: 150%; }
.pc:hover { border-color: rgba(196, 9, 217, 0.4); }
.pc__thumb-wrap { position: relative; overflow: hidden; background: #0d0d0d; width: 100%; aspect-ratio: var(--product-card-image-aspect-ratio); }
.pc__thumb { width: 100%; height: 100%; object-fit: var(--product-image-fit); display: block; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.pc:hover .pc__thumb { transform: scale(1.05); }
.pc__thumb--empty { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.12); font-family: 'Satoshi', sans-serif; font-size: 14px; }
.pc__badges { position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 2; }
.pc__badge { font-family: 'Satoshi', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; padding: 5px 10px; border-radius: 9999px; display: inline-flex; align-items: center; gap: 4px; border: 1px solid transparent; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.pc__body { padding: 14px; display: flex; flex-direction: column; gap: 12px; background: #171717; border-top: 1px solid rgba(255, 255, 255, 0.08); flex: 1; }
.pc__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.pc__name { font-family: 'Satoshi', sans-serif; font-size: 14px; font-weight: 600; color: #ffffff; margin: 0; line-height: 1.3; }
.pc__stock { font-family: 'Satoshi', sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 9999px; display: inline-flex; align-items: center; white-space: nowrap; }
.pc__stock--in { background: rgba(34, 197, 94, 0.1); color: rgba(34, 197, 94, 0.85); border: 1px solid rgba(34, 197, 94, 0.2); }
.pc__stock--out { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.08); }
.pc__bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.pc__buy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    font-family: 'Satoshi', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.pc:hover .pc__buy {
    background: #c409d9;
    border-color: #c409d9;
    box-shadow: 0 10px 20px rgba(196, 9, 217, 0.2);
    transform: translateY(-2px);
}
.pc:hover .pc__buy-icon {
    display: none;
}
.pc:hover .pc__buy::after {
    content: '→';
    font-size: 18px;
}
.pc__pricing {
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.pc__label {
    font-family: 'Satoshi', sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: none;
    letter-spacing: normal;
}
.pc__price {
    font-family: 'Satoshi', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #c409d9;
    letter-spacing: -0.03em;
}

/* feedback-card */


/* status-card */


/* blog-post-card */


/* pagination */


/* announcement */


/* header */
nav[data-component-id="navbar"],
    .navbar[data-component-id="navbar"],
    [data-component-id="navbar"] {
        position: static !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: unset !important;
        height: auto !important;
    }

    .navbar.fixed-top,
    .navbar.sticky-top,
    .fixed-top,
    .sticky-top {
        position: static !important;
    }

    body {
        padding-top: 0 !important;
    }

    @keyframes nb-enter {
        0% { opacity: 0; transform: translateY(-28px); }
        100% { opacity: 1; transform: translateY(0px); }
    }

    @keyframes nb-brand-enter {
        0% { opacity: 0; transform: translateY(-16px); }
        100% { opacity: 1; transform: translateY(0px); }
    }

    @keyframes nb-links-enter {
        0% { opacity: 0; transform: translateY(-12px); }
        100% { opacity: 1; transform: translateY(0px); }
    }

    @keyframes nb-actions-enter {
        0% { opacity: 0; transform: translateY(-12px); }
        100% { opacity: 1; transform: translateY(0px); }
    }

    .nb-shell {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1001;
        display: flex;
        justify-content: center;
        padding: 20px 32px;
        pointer-events: none;
        transition: padding 0.65s cubic-bezier(0.25, 0.1, 0.25, 1);
    }

    .nb-frame {
        width: 100%;
        max-width: 1200px;
        pointer-events: auto;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 0px;
        transition:
            background 0.65s cubic-bezier(0.25, 0.1, 0.25, 1),
            border-color 0.65s cubic-bezier(0.25, 0.1, 0.25, 1),
            border-radius 0.65s cubic-bezier(0.25, 0.1, 0.25, 1),
            box-shadow 0.65s cubic-bezier(0.25, 0.1, 0.25, 1),
            max-width 0.65s cubic-bezier(0.25, 0.1, 0.25, 1);
    }

    .nb-shell.is-island {
        padding: 16px 32px;
    }

    .nb-shell.is-island .nb-frame {
        border-radius: 9999px;
        max-width: 860px;
    }

    .nb-shell.is-island.has-bg .nb-frame {
        background: rgba(10, 10, 10, 0.6);
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .nb-inner {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 72px !important;
        padding: 0 32px !important;
        box-sizing: border-box !important;
        transition: min-height 0.65s cubic-bezier(0.25, 0.1, 0.25, 1), padding 0.65s cubic-bezier(0.25, 0.1, 0.25, 1);
    }

    .nb-shell.is-island .nb-inner {
        min-height: 64px !important;
        padding: 0 28px !important;
    }

    .nb-col {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .nb-col--left {
        justify-content: flex-start;
    }

    .nb-col--center {
        justify-content: center;
        flex: 1 1 auto;
        padding: 0 12px;
    }

    .nb-col--right {
        justify-content: flex-end;
    }

    .nb-brand {
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        flex-shrink: 0;
        animation: nb-brand-enter 0.65s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both;
    }

    .nb-brand img {
        height: 28px;
        width: auto;
        display: block;
    }

    .nb-brand__name {
        font-family: 'Satoshi', sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        letter-spacing: -0.025em;
        line-height: 1;
        white-space: nowrap;
    }

    .nb-links {
        display: flex;
        align-items: center;
        gap: 2px;
        list-style: none;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        opacity: 1 !important;
    }

    .nb-links .nb-link {
        font-family: 'Satoshi', sans-serif;
        font-size: 13px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.55);
        text-decoration: none;
        padding: 7px 13px;
        border-radius: 9999px;
        transition: color 0.2s ease, background 0.2s ease;
        white-space: nowrap;
        letter-spacing: -0.01em;
        line-height: 1;
    }

    .nb-links .nb-link:hover {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.07);
    }

    .nb-actions {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
        animation: nb-actions-enter 0.65s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both;
    }

    .nb-cart {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        text-decoration: none;
        color: rgba(255, 255, 255, 0.55);
        width: 36px;
        height: 36px;
        border-radius: 9999px;
        transition: color 0.2s ease, background 0.2s ease;
        flex-shrink: 0;
    }

    .nb-cart:hover {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.07);
    }

    .nb-cart .icon { width: 18px; height: 18px; }

    .nb-cart .count {
        position: absolute;
        top: 2px;
        right: 2px;
        min-width: 14px;
        height: 14px;
        background: #ffffff;
        color: #000000;
        font-size: 9px;
        font-weight: 700;
        border-radius: 9999px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 3px;
        line-height: 1;
    }

    .nb-auth-btn {
        font-family: 'Satoshi', sans-serif;
        font-size: 13px;
        font-weight: 500;
        color: #000000;
        background: #ffffff;
        border: none;
        padding: 9px 18px;
        border-radius: 9999px;
        cursor: pointer;
        text-decoration: none;
        white-space: nowrap;
        letter-spacing: -0.01em;
        display: inline-flex;
        align-items: center;
        line-height: 1;
        transition: opacity 0.2s ease;
        flex-shrink: 0;
    }

    .nb-auth-btn:hover { opacity: 0.85; }

    .nb-hamburger {
        display: none;
        width: 36px;
        height: 36px;
        border: none;
        background: transparent;
        cursor: pointer;
        padding: 0;
        border-radius: 9999px;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.7);
        transition: background 0.2s ease, color 0.2s ease;
        flex-shrink: 0;
        position: relative;
    }

    .nb-hamburger:hover {
        background: rgba(255, 255, 255, 0.07);
        color: #ffffff;
    }

    .nb-hamburger .nb-icon-menu,
    .nb-hamburger .nb-icon-close {
        width: 18px;
        height: 18px;
        display: block;
        transition: opacity 0.2s ease, transform 0.2s ease;
        position: absolute;
    }

    .nb-hamburger .nb-icon-close { opacity: 0; transform: rotate(-45deg); }
    .nb-hamburger.is-open .nb-icon-menu { opacity: 0; transform: rotate(45deg); }
    .nb-hamburger.is-open .nb-icon-close { opacity: 1; transform: rotate(0deg); }

    .nb-drawer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        transform: translateY(100%);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
    }

    .nb-drawer.is-open { transform: translateY(0); pointer-events: auto; }

    .nb-drawer__panel {
        background: rgba(10, 10, 10, 0.97);
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px);
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 20px 20px 0 0;
        padding: 12px 0 max(28px, env(safe-area-inset-bottom)) 0;
    }

    .nb-drawer__handle { width: 36px; height: 4px; background: rgba(255, 255, 255, 0.15); border-radius: 9999px; margin: 0 auto 20px; }

    .nb-drawer__links { list-style: none; margin: 0; padding: 0 16px; display: flex; flex-direction: column; gap: 2px; }
    .nb-drawer__links li a, .nb-drawer__links li button {
        display: flex; align-items: center; width: 100%; padding: 13px 16px; font-family: 'Satoshi', sans-serif; font-size: 15px; font-weight: 400; color: rgba(255, 255, 255, 0.7); text-decoration: none; background: transparent; border: none; cursor: pointer; border-radius: 12px; transition: background 0.2s ease, color 0.2s ease; letter-spacing: -0.01em; text-align: left; box-sizing: border-box;
    }
    .nb-drawer__links li a:hover, .nb-drawer__links li button:hover { background: rgba(255, 255, 255, 0.05); color: #ffffff; }

    .nb-drawer__divider { height: 1px; background: rgba(255, 255, 255, 0.07); margin: 8px 16px; }

    .nb-drawer__actions { padding: 8px 16px 0; display: flex; flex-direction: column; gap: 8px; }
    .nb-drawer__cta { display: flex; align-items: center; justify-content: center; width: 100%; padding: 13px 20px; font-family: 'Satoshi', sans-serif; font-size: 15px; font-weight: 600; color: #000000; background: #ffffff; border: none; border-radius: 12px; cursor: pointer; text-decoration: none; transition: opacity 0.2s ease; letter-spacing: -0.02em; box-sizing: border-box; }
    .nb-drawer__cta:hover { opacity: 0.88; }

    .nb-drawer__cart { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 20px; font-family: 'Satoshi', sans-serif; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; text-decoration: none; background: transparent; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; gap: 8px; box-sizing: border-box; }
    .nb-drawer__cart:hover { background: rgba(255, 255, 255, 0.05); color: #ffffff; border-color: rgba(255, 255, 255, 0.2); }
    .nb-drawer__cart .icon { width: 16px; height: 16px; }.nb-scrim{ position: fixed; inset: 0; z-index: 998; background: rgba(0, 0, 0, 0.5); opacity: 1; pointer-events: none; transition: opacity 0.35s ease; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); opacity: 1 !important; transform: none !important; filter: none !important;}
    .nb-scrim.is-visible { opacity: 1; pointer-events: auto; }

    @media (max-width: 820px) {
        /* .nb-col--center, .nb-auth-btn, .nb-cart { display: none; } */
        .nb-hamburger { display: flex; }
        .nb-inner { padding: 0 20px !important; }
        .nb-shell.is-island .nb-inner { padding: 0 16px !important; }}

/* footer */
.ft { padding: 0; background: #0f0f0f; position: relative; width: 100%; box-sizing: border-box; }
.ft__top-line { width: 100%; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(196, 9, 217, 0.6) 30%, rgba(196, 9, 217, 0.8) 50%, rgba(196, 9, 217, 0.6) 70%, transparent 100%); }
.ft__main { max-width: 1200px; margin: 0 auto; padding: 56px 24px 48px; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 80px; box-sizing: border-box; }
.ft__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 0 0 auto; max-width: 400px; }
.ft__brand-row { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.ft__logo { height: 32px; width: auto; display: block; flex-shrink: 0; }
.ft__name { font-family: 'Satoshi', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; letter-spacing: -0.03em; line-height: 1; white-space: nowrap; }
.ft__tagline { font-family: 'Satoshi', sans-serif; font-size: 13px; font-weight: 400; color: rgba(255, 255, 255, 0.4); line-height: 1.65; margin: 0; max-width: 700px; }
.ft__trustpilot-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px; background: transparent; text-decoration: none; transition: border-color 0.2s ease, background 0.2s ease; }
.ft__trustpilot-btn:hover { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.04); }
.ft__tp-text { font-family: 'Satoshi', sans-serif; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.75); white-space: nowrap; }
.ft__cols { display: flex; flex-direction: row; gap: 64px; flex: 0 0 auto; }
.ft__col { display: flex; flex-direction: column; gap: 16px; min-width: 100px; }
.ft__col-heading { font-family: 'Satoshi', sans-serif; font-size: 11px; font-weight: 700; color: rgba(255, 255, 255, 0.35); letter-spacing: 0.1em; text-transform: uppercase; }
.ft__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ft__link { font-family: 'Satoshi', sans-serif; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.55); text-decoration: none; transition: color 0.2s ease; display: inline-block; }
.ft__link:hover { color: #ffffff; }
.ft__bottom { max-width: 1200px; margin: 0 auto; padding: 20px 24px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.06); box-sizing: border-box; }
.ft__copy { font-family: 'Satoshi', sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.35); }
.ft__payment-icons { display: flex; align-items: center; gap: 12px; }
.ft__pay-badge { border-radius: 4px; padding: 4px 6px; display: flex; align-items: center; justify-content: center; }
.ft__pay-badge img { display: block; height: 18px; width: auto; }
.ft__divider { max-width: 1200px; margin: 0 auto; height: 1px; background: rgba(255, 255, 255, 0.05); box-sizing: border-box; }
.ft__disclaimer { max-width: 1200px; margin: 0 auto; padding: 20px 24px 32px; box-sizing: border-box; text-align: center; }
.ft__disclaimer p { font-family: 'Satoshi', sans-serif; font-size: 11px; color: rgba(255, 255, 255, 0.25); line-height: 1.6; margin: 0; }
.ft__disclaimer strong { color: rgba(255, 255, 255, 0.4); font-weight: 600; }

@media (max-width: 900px) {
    .ft__main { flex-direction: column; gap: 48px; }
    .ft__brand { flex: 0 0 auto; max-width: 100%; }
    .ft__cols { flex-wrap: wrap; gap: 32px; }
    .ft__col { flex: 1 1 120px; }}
@media (max-width: 600px) {
    .ft__bottom { flex-direction: column; gap: 20px; text-align: center; }}

/* hero */
.hero {
        position: relative;
        min-height: 85vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        padding: 80px 0 0;
    }

    .hero__video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        z-index: 0;
        opacity: 0.45;
    }

    .hero__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
            radial-gradient(ellipse 80% 60% at 50% 100%, rgba(196, 9, 217, 0.6) 0%, transparent 70%),
            linear-gradient(to top, transparent 0%, transparent 60%, #0f0f0f 100%);
    }

    .hero__content {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px;
    }

    .hero__text {
        max-width: 960px;
        margin: 0 auto;
        text-align: center;
    }

    .hero__badge {
        display: inline-flex;
        justify-content: center;
        margin-bottom: 28px;
        opacity: 0;
    }

    .hero__badge-glass {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 14px 7px 10px;
        border-radius: 9999px;
        background: linear-gradient(135deg, rgba(196, 9, 217, 0.1) 0%, rgba(196, 9, 217, 0.05) 100%);
        border: 1px solid rgba(196, 9, 217, 0.3);
        box-shadow:
            0 1px 0 0 rgba(255, 255, 255, 0.08) inset,
            0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,
            0 4px 24px rgba(0, 0, 0, 0.35),
            0 1px 4px rgba(0, 0, 0, 0.2);
        -webkit-backdrop-filter: blur(16px) saturate(160%);
        backdrop-filter: blur(16px) saturate(160%);
        position: relative;
        overflow: hidden;
    }

    .hero__badge-glass::before {
        content: '';
        position: absolute;
        top: 0;
        left: 10%;
        right: 10%;
        height: 1px;
        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.18), transparent);
        border-radius: 9999px;
    }

    .hero__badge-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .hero__badge-text {
        font-family: 'Satoshi', sans-serif;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.01em;
        color: rgba(255, 255, 255, 0.55);
        line-height: 1;
        white-space: nowrap;
    }

    .hero__badge-text strong {
        font-weight: 600;
        color: rgba(255, 255, 255, 0.88);
    }

    .hero__title {
        font-family: 'Satoshi', sans-serif;
        font-size: clamp(2.5rem, 5vw, 5.5rem);
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: -0.04em;
        color: #ffffff;
        margin: 0 0 18px 0;
    }

    .hero__subtitle {
        font-family: inherit;
        font-size: clamp(0.9rem, 1.2vw, 1.15rem);
        font-weight: 400;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.65);
        margin: 0 auto 32px;
        max-width: 720px;
    }

    .hero__actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        opacity: 0;
    }

    .hero__btn {
        font-family: 'Satoshi', sans-serif;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: -0.01em;
        line-height: 1;
        white-space: nowrap;
        border-radius: 9999px;
        padding: 10px 20px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        transition: opacity 0.2s ease, background 0.2s ease, border-color 0.2s ease;
    }

    .hero__btn--solid {
        color: #000000;
        background: #ffffff;
        border: none;
    }

    .hero__btn--solid:hover {
        opacity: 0.85;
    }

    .hero__btn--outline {
        color: #ffffff;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .hero__btn--outline:hover {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.35);
    }

    .hero__word {
        display: inline-block;
        white-space: pre;
    }

    @media (max-width: 1280px) {
        .hero__title {
            font-size: clamp(2.5rem, 4.5vw, 4rem);
        }

        .hero__text {
            max-width: 780px;
        }}

    @media (max-width: 1024px) {
        .hero {
            min-height: 78vh;
            padding: 72px 0 0;
        }

        .hero__title {
            font-size: clamp(2.25rem, 5vw, 3.25rem);
        }

        .hero__subtitle {
            max-width: 580px;
        }}

    @media (max-width: 768px) {
        .hero {
            min-height: 70vh;
            padding: 60px 0 0;
        }

        .hero__content {
            padding: 0 20px;
        }

        .hero__title {
            font-size: clamp(2rem, 6.5vw, 2.75rem);
        }

        .hero__text {
            max-width: 100%;
        }

        .hero__subtitle {
            max-width: 100%;
        }

        .hero__badge {
            margin-bottom: 22px;
        }

        .hero__badge-text {
            font-size: 11.5px;
        }}

    @media (max-width: 480px) {
        .hero {
            min-height: 65vh;
            padding: 48px 0 0;
        }

        .hero__content {
            padding: 0 16px;
        }

        .hero__title {
            font-size: clamp(1.75rem, 8vw, 2.25rem);
            letter-spacing: -0.03em;
        }

        .hero__actions {
            flex-direction: column;
            width: 100%;
        }

        .hero__btn {
            width: 100%;
            justify-content: center;
            padding: 13px 20px;
            font-size: 15px;
        }

        .hero__badge-text {
            font-size: 11px;
        }

        .hero__badge-glass {
            padding: 6px 12px 6px 8px;
            gap: 7px;
        }}

.hero__title, .hero__title .hero__word {
        color: #ffffff;
        background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

/* products */
.products-view-all {
        display: flex;
        justify-content: center;
        margin-top: 32px;
    }

    .products-view-all__btn {
        font-family: 'Satoshi', sans-serif;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: -0.01em;
        color: #ffffff;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 11px 24px;
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 9999px;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .products-view-all__btn svg {
        transition: transform 0.2s ease;
        flex-shrink: 0;
    }

    .products-view-all__btn:hover {
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.06);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        transform: translateY(-2px);
    }

    .products-view-all__btn:hover svg {
        transform: translate(2px, -2px);
    }

/* socials */


/* cart-page */
.cart-page-card {
    background: transparent;
    border: none;
    padding: 0;
}
.cart-item-card {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cart-item-card:first-child {
    padding-top: 0;
}
.cart-item-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
@media (min-width: 576px) {
    .cart-item-card {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }}
.cart-item-img-wrap {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: transparent;
}
.cart-item-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-item-info {
    flex-grow: 1;
    min-width: 0;
}
.cart-item-title {
    font-family: 'Satoshi', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 4px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-item-title:hover {
    color: #c409d9;
}
.cart-item-variant {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0;
}

.cart-qty-selector {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
    padding: 2px;
}
.cart-qty-btn {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s;
}
.cart-qty-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}
.cart-qty-input {
    background: transparent;
    border: none;
    color: #ffffff;
    text-align: center;
    width: 36px;
    font-weight: 600;
    font-size: 14px;
}
.cart-qty-input:focus { outline: none; }
.cart-qty-input::-webkit-inner-spin-button, .cart-qty-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.cart-item-price {
    font-size: 18px;
    font-weight: 700;
    color: #c409d9;
    margin: 0;
    white-space: nowrap;
}

.cart-remove-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.5);
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    cursor: pointer;
    flex-shrink: 0;
}
.cart-remove-btn:hover {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.2);
}

.cart-checkout-btn {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    font-family: 'Satoshi', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 14px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
}
.cart-checkout-btn::before {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 60%; height: 100%;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
    transition: left 0.55s ease;
    pointer-events: none;
}
.cart-checkout-btn:hover:not(:disabled) {
    background: #c409d9;
    border-color: #c409d9;
}
.cart-checkout-btn:hover:not(:disabled)::before {
    left: 150%;
}
.cart-checkout-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.cart-checkout-btn:hover:not(:disabled) .cart-checkout-icon { display: none; }
.cart-checkout-btn:hover:not(:disabled)::after {
    content: '→';
    font-size: 18px;
    line-height: 1;
}
/* importer: cart reveal (SellAuth JS dropped) */
.cart-section, .cart-summary-panel { opacity: 1 !important; }

/* products */
.products-view-all {
        display: flex;
        justify-content: center;
        margin-top: 32px;
    }

    .products-view-all__btn {
        font-family: 'Satoshi', sans-serif;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: -0.01em;
        color: #ffffff;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 11px 24px;
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 9999px;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .products-view-all__btn svg {
        transition: transform 0.2s ease;
        flex-shrink: 0;
    }

    .products-view-all__btn:hover {
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.06);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        transform: translateY(-2px);
    }

    .products-view-all__btn:hover svg {
        transform: translate(2px, -2px);
    }

/* product-page */
.product-page-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.product-page-img-wrap {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.product-page-img-wrap img {
    border-radius: 12px;
}
.product-title {
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #ffffff;
    background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.5rem;
}
.product-price {
    font-size: 2rem;
    font-weight: 700;
    color: #c409d9;
    letter-spacing: -0.03em;
}
.btn-pill {
    border-radius: 9999px !important;
}

/* importer: Shoppex-bound buy-box (quantity + total + actions) */
.product-form .quantity-box { gap: 0; border: 1px solid var(--cl-border, rgba(255,255,255,0.1)); border-radius: 0.85rem; overflow: hidden; width: fit-content; background: #0e0f12; }
.product-form .quantity-btn { width: 46px; height: 46px; border: none; background: transparent; color: #fff; font-size: 1.2rem; cursor: pointer; }
.product-form .quantity-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.product-form .quantity-input { width: 64px; height: 46px; border: none; background: transparent; color: #fff; text-align: center; font-size: 1rem; -moz-appearance: textfield; }
.product-form .quantity-input::-webkit-outer-spin-button, .product-form .quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.product-form .form-label { display: block; margin-bottom: 0.5rem; color: rgba(255,255,255,0.6); font-size: 0.9rem; font-weight: 600; }
.product-form-total { display: flex; align-items: baseline; justify-content: space-between; padding: 1rem 0; border-top: 1px solid var(--cl-border, rgba(255,255,255,0.08)); }
.product-form-total-label { color: rgba(255,255,255,0.6); font-size: 0.95rem; }
.product-form-total-value { color: #fff; font-size: 1.6rem; font-weight: 800; letter-spacing: -0.02em; }
.product-form-buy-now { width: 100%; height: 52px; border: none; border-radius: 0.85rem; background: var(--cl-accent, #c93bdf); color: #fff; font-weight: 800; font-size: 1rem; cursor: pointer; transition: opacity 0.18s ease; }
.product-form-buy-now:hover { opacity: 0.9; }
.product-form-add-to-cart { width: 100%; height: 52px; border-radius: 0.85rem; background: #0e0f12; border: 1px solid var(--cl-border, rgba(255,255,255,0.12)); color: #fff; font-weight: 700; font-size: 1rem; cursor: pointer; transition: border-color 0.18s ease; }
.product-form-add-to-cart:hover { border-color: var(--cl-accent, #c93bdf); }
.product-form-buy-now:disabled, .product-form-add-to-cart:disabled { opacity: 0.5; cursor: not-allowed; }
.product-form .variant .price { color: var(--cl-accent, #c93bdf); font-weight: 800; }


/* feedback-page */


/* status-page */


/* terms-page */
.legal-section { padding: 120px 0 80px; }
    .legal-header { text-align: center; margin-bottom: 48px; }
    .legal-title { 
        font-family: 'Satoshi', sans-serif; 
        font-size: clamp(2rem, 4vw, 3rem); 
        font-weight: 700; 
        letter-spacing: -0.04em; 
        color: #ffffff; 
        margin-bottom: 16px;
        line-height: 1.1;
    }
    .legal-title span { color: #c409d9; }
    .legal-subtitle {
        font-family: 'Satoshi', sans-serif;
        font-size: 15px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.45);
        max-width: 600px;
        margin: 0 auto;
    }
    .legal-divider {
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(196, 9, 217, 0.3), transparent);
        margin-bottom: 64px;
    }
    .legal-card {
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 24px;
        padding: 48px !important;
        font-family: 'Satoshi', sans-serif;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.8;
    }
    .editor h1, .editor h2, .editor h3 { color: #ffffff; margin-top: 32px; margin-bottom: 16px; }
    .editor p { margin-bottom: 20px; }
    
    @media (max-width: 768px) {
        .legal-section { padding: 80px 0 60px; }
        .legal-card { padding: 24px !important; border-radius: 18px; }}

/* privacy-policy-page */
.legal-section { padding: 120px 0 80px; }
    .legal-header { text-align: center; margin-bottom: 48px; }
    .legal-title { 
        font-family: 'Satoshi', sans-serif; 
        font-size: clamp(2rem, 4vw, 3rem); 
        font-weight: 700; 
        letter-spacing: -0.04em; 
        color: #ffffff; 
        margin-bottom: 16px;
        line-height: 1.1;
    }
    .legal-title span { color: #c409d9; }
    .legal-subtitle {
        font-family: 'Satoshi', sans-serif;
        font-size: 15px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.45);
        max-width: 600px;
        margin: 0 auto;
    }
    .legal-divider {
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(196, 9, 217, 0.3), transparent);
        margin-bottom: 64px;
    }
    .legal-card {
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 24px;
        padding: 48px !important;
        font-family: 'Satoshi', sans-serif;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.8;
    }
    .editor h1, .editor h2, .editor h3 { color: #ffffff; margin-top: 32px; margin-bottom: 16px; }
    .editor p { margin-bottom: 20px; }
    
    @media (max-width: 768px) {
        .legal-section { padding: 80px 0 60px; }
        .legal-card { padding: 24px !important; border-radius: 18px; }}

/* refund-policy-page */
.legal-section { padding: 120px 0 80px; }
    .legal-header { text-align: center; margin-bottom: 48px; }
    .legal-title { 
        font-family: 'Satoshi', sans-serif; 
        font-size: clamp(2rem, 4vw, 3rem); 
        font-weight: 700; 
        letter-spacing: -0.04em; 
        color: #ffffff; 
        margin-bottom: 16px;
        line-height: 1.1;
    }
    .legal-title span { color: #c409d9; }
    .legal-subtitle {
        font-family: 'Satoshi', sans-serif;
        font-size: 15px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.45);
        max-width: 600px;
        margin: 0 auto;
    }
    .legal-divider {
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(196, 9, 217, 0.3), transparent);
        margin-bottom: 64px;
    }
    .legal-card {
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 24px;
        padding: 48px !important;
        font-family: 'Satoshi', sans-serif;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.8;
    }
    .editor h1, .editor h2, .editor h3 { color: #ffffff; margin-top: 32px; margin-bottom: 16px; }
    .editor p { margin-bottom: 20px; }
    
    @media (max-width: 768px) {
        .legal-section { padding: 80px 0 60px; }
        .legal-card { padding: 24px !important; border-radius: 18px; }}

/* blog-posts */


/* blog-post-page */