/* Star Makcu V16 — final storefront polish */
:root{
  --sm16-bg:#060605;
  --sm16-panel:rgba(13,12,10,.82);
  --sm16-panel-strong:rgba(18,16,12,.94);
  --sm16-gold:#d4af37;
  --sm16-gold-hi:#ffe08a;
  --sm16-text:#f8f7f1;
  --sm16-muted:rgba(248,247,241,.56);
  --sm16-line:rgba(255,255,255,.08);
  --sm16-radius:26px;
}

html{background:var(--sm16-bg)!important;scroll-behavior:smooth}
body{background:
  radial-gradient(900px 450px at 50% -130px,rgba(212,175,55,.12),transparent 68%),
  radial-gradient(520px 360px at 10% 18%,rgba(164,72,224,.07),transparent 70%),
  radial-gradient(520px 360px at 100% 34%,rgba(79,132,255,.045),transparent 72%),
  var(--sm16-bg)!important;
  color:var(--sm16-text)!important;
}
body::before{opacity:.16!important;background-size:52px 52px!important;mask-image:linear-gradient(to bottom,black 0,rgba(0,0,0,.72) 50%,transparent 92%)!important}

/* Top progress line */
.sm16-progress{position:fixed;left:0;top:0;width:100%;height:2px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#8e6d15,#d4af37,#ffe08a,#8e6d15);box-shadow:0 0 22px rgba(212,175,55,.42);z-index:2147482500;pointer-events:none}

/* Navbar */
nav.navbar-fix{position:sticky!important;top:0!important;z-index:900!important;background:linear-gradient(180deg,rgba(7,7,6,.94),rgba(7,7,6,.72))!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.045)!important;box-shadow:0 10px 34px rgba(0,0,0,.16)!important}
nav.navbar-fix>div{background:transparent!important}
nav.navbar-fix .mx-auto{max-width:1240px!important;padding-top:11px!important;padding-bottom:11px!important}
nav.navbar-fix a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease!important}
nav.navbar-fix .text-accent-500{color:#ffe08a!important}
nav.navbar-fix a:hover{transform:translateY(-1px)}
nav.navbar-fix a[aria-label="Cart"]{background:rgba(255,255,255,.035)!important;border-color:rgba(212,175,55,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}

/* Announcement */
.sm-announcement{background:rgba(7,7,6,.82)!important;border-bottom-color:rgba(212,175,55,.10)!important}
.sm-announcement-inner{min-height:36px!important;font-size:11px!important;letter-spacing:.01em!important;color:rgba(255,255,255,.55)!important}

/* Hero */
#hero{padding-bottom:60px!important;overflow:clip!important}
#hero .hero-inner{padding-top:clamp(84px,10vw,132px)!important;padding-bottom:56px!important}
#hero .hero-copy{max-width:960px!important;gap:19px!important}
#hero .headline{padding:7px 11px;border-radius:999px;border:1px solid rgba(212,175,55,.16);background:rgba(212,175,55,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 28px rgba(0,0,0,.18)}
#hero .headline span{font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase;font-weight:900}
#hero .hero-title{max-width:950px!important;font-size:clamp(48px,7vw,92px)!important;line-height:.96!important;letter-spacing:-.065em!important;text-shadow:0 18px 60px rgba(0,0,0,.45)!important}
#hero .hero-sub{max-width:690px!important;font-size:16px!important;line-height:1.7!important;color:rgba(255,255,255,.56)!important}
#hero .hero-ctas{margin-top:6px!important}
#hero .hero-ctas a,#hero .hero-ctas button{min-height:48px!important;padding-inline:19px!important;border-radius:13px!important}
#hero .hero-ctas a:first-child{box-shadow:0 18px 45px rgba(212,175,55,.18),inset 0 1px 0 rgba(255,255,255,.22)!important}
#hero .hero-showcase{width:min(100%,1180px)!important;max-width:1180px!important;aspect-ratio:16/9!important;min-height:0!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.10)!important;background:#090908!important;box-shadow:0 40px 110px rgba(0,0,0,.42),0 0 0 1px rgba(212,175,55,.05)!important;position:relative!important;isolation:isolate!important}
#hero .hero-showcase::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%,transparent 76%,rgba(0,0,0,.28));z-index:1}
#hero .hero-showcase iframe{position:relative!important;z-index:0!important;border-radius:27px!important}

/* Trust strip */
.sm16-trust{width:min(1180px,calc(100% - 32px));margin:0 auto 78px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sm16-trust-card{position:relative;min-height:92px;padding:18px 19px;border-radius:18px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(140deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:flex;gap:13px;align-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.sm16-trust-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;color:#ffe08a;background:radial-gradient(circle at 40% 30%,rgba(212,175,55,.18),rgba(9,9,8,.72));border:1px solid rgba(212,175,55,.15)}
.sm16-trust-card strong{display:block;font-size:12px;letter-spacing:.01em;color:#fff}
.sm16-trust-card span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:rgba(255,255,255,.40)}

/* Generic section rhythm */
#products.products-section,#feedbacks,#faq,#why-us{scroll-margin-top:95px!important}
#products.products-section,#why-us,#feedbacks,#faq{width:100%!important}
.products-inner,#feedbacks>.container,#faq>.container{width:min(1180px,calc(100% - 32px))!important;margin-inline:auto!important}
#products .products-head,#why-us .sm-v14-why-head,#feedbacks .container>div:first-child,#faq .container>div:first-child{margin-bottom:34px!important}
#products .products-title,#why-us .sm-v14-why-head h2,#feedbacks h2,#faq h2{font-size:clamp(38px,5vw,62px)!important;line-height:.98!important;letter-spacing:-.055em!important}
#products .products-sub,#why-us .sm-v14-why-head p,#feedbacks .container>div:first-child p,#faq .container>div:first-child p{font-size:15px!important;line-height:1.75!important;color:rgba(255,255,255,.48)!important}

/* Products */
.products-section{padding-bottom:98px!important}
.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.product-card-wrap{width:auto!important}
.product-card{border-radius:26px!important;background:linear-gradient(145deg,rgba(22,20,14,.95),rgba(9,9,8,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.03)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important}
.product-card:hover{transform:translateY(-8px)!important;box-shadow:0 36px 90px rgba(0,0,0,.38),0 0 40px rgba(212,175,55,.07)!important;border-color:rgba(255,224,138,.25)!important}
.product-card-media{aspect-ratio:1.55!important;border-radius:25px 25px 0 0!important;background:#0b0b09!important}
.product-card-media img{transform:scale(1.025)!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease!important;filter:saturate(.96) contrast(1.03)!important}
.product-card:hover .product-card-media img{transform:scale(1.075)!important;filter:saturate(1.08) contrast(1.06)!important}
.product-card-body{padding:22px!important}
.product-card-top{align-items:flex-start!important}
.product-card-top h3{font-size:22px!important;letter-spacing:-.035em!important}
.product-card-meta .text-xl{font-size:21px!important}
.product-card-meta .text-sm{color:rgba(255,255,255,.68)!important}

/* Why Choose Us — deterministic geometry, never inherit legacy grid classes */
#why-us.sm-v16-why{padding:44px 0 98px!important;overflow:clip!important}
#why-us .sm16-why-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
#why-us .sm16-why-head{max-width:730px;margin:0 0 34px}
#why-us .sm16-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.20em;text-transform:uppercase;font-weight:900;color:#dfbf59;margin-bottom:10px}
#why-us .sm16-why-head h2{margin:0;font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;line-height:.98;color:#fff}
#why-us .sm16-why-head p{max-width:650px;margin:12px 0 0;color:rgba(255,255,255,.46);font-size:15px;line-height:1.72}
#why-us .sm16-why-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch}
#why-us .sm16-why-card{position:relative;overflow:hidden;min-width:0;border-radius:24px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(18,17,13,.96),rgba(8,8,7,.98));box-shadow:0 26px 80px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.025);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .32s ease}
#why-us .sm16-why-card:hover{transform:translateY(-6px);border-color:rgba(255,224,138,.25);box-shadow:0 34px 100px rgba(0,0,0,.34),0 0 38px rgba(212,175,55,.055)}
#why-us .sm16-feature{grid-column:span 7;min-height:330px}
#why-us .sm16-simple{grid-column:span 5;min-height:330px}
#why-us .sm16-safe{grid-column:span 4;min-height:220px}
#why-us .sm16-delivery{grid-column:span 4;min-height:220px}
#why-us .sm16-support{grid-column:span 4;min-height:220px}
#why-us .sm16-badge{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:999px;border:1px solid rgba(212,175,55,.18);background:rgba(212,175,55,.055);font-size:9px;font-weight:900;letter-spacing:.12em;color:#ffe27a}
#why-us .sm16-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#ffe27a;border:1px solid rgba(212,175,55,.16);background:radial-gradient(circle at 38% 30%,rgba(212,175,55,.16),rgba(9,9,8,.68));box-shadow:0 0 32px rgba(212,175,55,.08);font-size:18px}
#why-us .sm16-icon.cool{color:#a6cbff;border-color:rgba(96,165,250,.18);background:radial-gradient(circle at 38% 30%,rgba(96,165,250,.15),rgba(9,9,8,.68))}
#why-us .sm16-why-card h3{margin:16px 0 0;color:#fff;font-size:24px;line-height:1.04;letter-spacing:-.035em}
#why-us .sm16-feature h3{font-size:37px;max-width:580px}
#why-us .sm16-why-card p{margin:10px 0 0;color:rgba(255,255,255,.52);font-size:14px;line-height:1.68;max-width:58ch}
#why-us .sm16-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
#why-us .sm16-chip{padding:6px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:10px;color:rgba(255,255,255,.72);font-weight:800}
#why-us .sm16-card-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:flex-start;margin-top:20px;min-height:42px;padding:0 14px;border-radius:12px;background:linear-gradient(135deg,#ffe27a,#d4af37);color:#151104;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 14px 34px rgba(212,175,55,.15)}
#why-us .sm16-live{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,224,138,.63)}
#why-us .sm16-dot{width:7px;height:7px;border-radius:999px;background:#72e4a8;box-shadow:0 0 0 5px rgba(114,228,168,.06),0 0 16px rgba(114,228,168,.22)}
#why-us .sm16-glow{position:absolute;right:-40px;bottom:-80px;width:250px;height:250px;border-radius:999px;background:radial-gradient(circle,rgba(212,175,55,.10),transparent 70%);pointer-events:none}

/* Reviews */
#feedbacks{padding:44px 0 100px!important;overflow:hidden!important}
#feedbacks .container>div:first-child{text-align:left!important;align-items:flex-start!important}
#feedbacks .sm-review-viewport{position:relative!important;overflow:hidden!important;width:100%!important;margin-top:8px!important;padding:7px 0 12px!important}
#feedbacks .sm-managed-reviews{display:flex!important;gap:14px!important;flex-wrap:nowrap!important;width:max-content!important}
#feedbacks .sm-review-card-v11{width:min(360px,78vw)!important;min-width:min(360px,78vw)!important;min-height:270px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(150deg,rgba(18,17,13,.98),rgba(9,9,8,.94))!important;box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important}
#feedbacks .sm-review-card-v11:hover{border-color:rgba(255,224,138,.24)!important;transform:translateY(-4px)!important}
#feedbacks .sm-review-copy{color:rgba(255,255,255,.64)!important;line-height:1.7!important}
#feedbacks .sm-review-stars{color:#ffe27a!important}
#feedbacks .sm-review-product{color:#ffe08a!important;background:rgba(212,175,55,.06)!important;border-color:rgba(212,175,55,.14)!important}
#feedbacks::before,#feedbacks::after{display:none!important}

/* FAQ */
#faq{padding:44px 0 98px!important}
#faq .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#faq .grid>div>div{border-radius:20px!important;border-color:rgba(255,255,255,.07)!important;background:linear-gradient(145deg,rgba(18,17,13,.85),rgba(10,10,9,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}
#faq button{padding:20px 20px!important}
#faq button:hover{background:rgba(212,175,55,.045)!important}
#faq button svg{color:#d8bd69!important}

/* Footer */
.site-footer{padding-top:0!important}
.site-footer-inner{width:min(1180px,calc(100% - 32px))!important}
.site-footer-cta{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:52px clamp(26px,4vw,56px)!important;border:1px solid rgba(212,175,55,.14)!important;border-radius:28px!important;background:radial-gradient(circle at 86% 20%,rgba(212,175,55,.12),transparent 30%),linear-gradient(145deg,rgba(21,19,14,.97),rgba(9,9,8,.97))!important;box-shadow:0 28px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important}
.site-footer-cta h2{font-size:clamp(36px,4.7vw,56px)!important;letter-spacing:-.055em!important;line-height:.98!important;margin-bottom:10px!important}
.site-footer-cta p{margin:0!important;color:rgba(255,255,255,.48)!important}
.site-footer-discord{min-height:48px!important;padding:0 18px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;gap:9px!important}
.site-footer-grid{padding:48px 0 40px!important;gap:42px!important}
.site-footer-bottom{padding:18px 0 28px!important}

/* Loading curtain gets a subtle luxury feel */
.sm-page-loader{background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.09),transparent 32%),radial-gradient(circle at 50% 50%,rgba(144,62,201,.04),transparent 40%),linear-gradient(180deg,#070706,#030302)!important}
.sm-loader-inner{gap:18px!important}
.sm-loader-logo{width:78px!important;height:78px!important;filter:drop-shadow(0 0 36px rgba(228,191,69,.33))!important}
.sm-loader-tip{letter-spacing:.08em!important;text-transform:uppercase!important;font-size:10px!important}

/* Global buttons / fields */
button,a,.product-card,.sm-v14-why-card,.sm16-why-card,.site-footer-discord{touch-action:manipulation}
select{appearance:auto!important;color-scheme:dark!important}

@media(max-width:980px){
  .sm16-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .products-grid{grid-template-columns:1fr!important}
  #why-us .sm16-feature,#why-us .sm16-simple,#why-us .sm16-safe,#why-us .sm16-delivery,#why-us .sm16-support{grid-column:span 6}
  #why-us .sm16-feature,#why-us .sm16-simple{min-height:290px}
  #faq .grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  #hero .hero-title{font-size:clamp(42px,13vw,62px)!important}
  #hero .hero-showcase{border-radius:20px!important}
  #hero .hero-showcase iframe{border-radius:19px!important}
  .sm16-trust{width:calc(100% - 22px);grid-template-columns:1fr;margin-bottom:62px}
  .products-inner,#feedbacks>.container,#faq>.container{width:calc(100% - 22px)!important}
  #why-us .sm16-why-shell{width:calc(100% - 22px)}
  #why-us .sm16-feature,#why-us .sm16-simple,#why-us .sm16-safe,#why-us .sm16-delivery,#why-us .sm16-support{grid-column:1;min-height:210px}
  #why-us .sm16-feature{min-height:300px}
  #why-us .sm16-feature h3{font-size:31px}
  .site-footer-cta{grid-template-columns:1fr!important;padding:38px 24px!important}
  .site-footer-discord{justify-self:flex-start}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
