html,body,main,.home-shell,.container,.page-wrapper,.model-page,.model-layout,.model-container{background:#020617!important;color:#f8fafc!important;}
.card,.home-card,.category-card,.home-model-card,.designer-card,.model-card,.panel,.box,section,article,aside,.model-sidebar,.model-buybox,.model-main,.model-content,.model-preview-3d{background:#0f172a!important;color:#f8fafc!important;border-color:rgba(255,255,255,.08)!important;}
input,textarea,select,.stat,.info-box,.detail-box,.detail-row{background:#111827!important;color:#f8fafc!important;border-color:rgba(255,255,255,.10)!important;}
h1,h2,h3,h4,h5,h6,strong,b{color:#ffffff!important;}
p,span,small,label,a,li{color:#cbd5e1!important;}
#stickyBuyBar{background:#020617!important;border-top:1px solid rgba(255,255,255,.08)!important;}

/* ===== PREMIUM WIDTH + CINEMATIC SPACING ===== */

.home-shell,
.container,
.page-wrapper,
main{
  width:100%!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding-left:32px!important;
  padding-right:32px!important;
  box-sizing:border-box!important;
}

.home-model-grid,
.models-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:32px!important;
  align-items:stretch!important;
}

.home-model-card,
.model-card{
  border-radius:26px!important;
  overflow:hidden!important;
  min-height:420px!important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease!important;
}

.home-model-card:hover,
.model-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(139,92,246,.45)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 35px rgba(109,40,217,.18)!important;
}

.home-model-thumb,
.model-card img{
  height:240px!important;
  min-height:240px!important;
  object-fit:cover!important;
  border-radius:22px!important;
}

.home-model-meta,
.home-model-stats{
  padding:22px!important;
}

.home-model-card h2,
.home-model-card h3,
.model-card h2,
.model-card h3{
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#ffffff!important;
}

.home-model-card p,
.model-card p{
  font-size:16px!important;
  line-height:1.65!important;
  color:#cbd5e1!important;
}

.category-card,
.home-card{
  border-radius:24px!important;
  padding:28px!important;
}

section{
  margin-bottom:72px!important;
}


/* ===== CINEMATIC HERO ===== */

.hero,
.hero-section,
.home-hero{
  min-height:78vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:120px 0 90px!important;
}

.hero h1,
.home-hero h1{
  font-size:72px!important;
  line-height:1.02!important;
  letter-spacing:-2px!important;
  max-width:980px!important;
  font-weight:900!important;
  margin-bottom:28px!important;
}

.hero p,
.home-hero p{
  font-size:22px!important;
  line-height:1.7!important;
  max-width:760px!important;
  color:#94a3b8!important;
}

/* ===== PREMIUM NAVBAR ===== */

header,
.navbar,
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  backdrop-filter:blur(18px)!important;
  background:rgba(2,6,23,.72)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}

/* ===== MODEL PAGE LAYOUT ===== */

.model-layout,
.model-page,
.model-container{
  max-width:1600px!important;
  width:100%!important;
  margin:0 auto!important;
}

.model-main{
  width:68%!important;
}

.model-sidebar{
  width:32%!important;
  position:sticky!important;
  top:110px!important;
  height:fit-content!important;
}

/* ===== IMAGE WOW EFFECT ===== */

.model-preview img,
.home-model-thumb img,
.model-card img{
  transition:transform .35s ease!important;
}

.model-preview img:hover,
.home-model-thumb img:hover,
.model-card img:hover{
  transform:scale(1.03)!important;
}

/* ===== BUTTONS ===== */

.btn,
.btn-primary,
.buy-button,
.blackgold-btn{
  min-height:56px!important;
  padding:0 28px!important;
  font-size:16px!important;
  font-weight:800!important;
  border-radius:18px!important;
}

/* ===== GLOW ===== */

.card:hover,
.home-card:hover,
.category-card:hover,
.model-card:hover{
  box-shadow:
  0 30px 80px rgba(0,0,0,.55),
  0 0 40px rgba(139,92,246,.18),
  0 0 80px rgba(99,102,241,.12)!important;
}

/* ===== REMOVE TINY LOOK ===== */

.home-model-card,
.model-card{
  transform:scale(1)!important;
}


/* ===== ULTRA PREMIUM CINEMATIC UPGRADE ===== */

body{
  background:
  radial-gradient(circle at top left, rgba(99,102,241,.10), transparent 32%),
  radial-gradient(circle at top right, rgba(168,85,247,.10), transparent 28%),
  radial-gradient(circle at bottom center, rgba(59,130,246,.06), transparent 35%),
  #020617!important;
  background-attachment:fixed!important;
}

/* ===== PREMIUM NAVBAR ===== */

header,
.navbar,
.topbar{
  backdrop-filter:blur(24px)!important;
  background:rgba(2,6,23,.78)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  box-shadow:0 10px 40px rgba(0,0,0,.28)!important;
}

/* ===== HERO ===== */

.hero,
.home-hero{
  position:relative!important;
  overflow:hidden!important;
}

.hero::before,
.home-hero::before{
  content:""!important;
  position:absolute!important;
  inset:-20%!important;
  background:
  radial-gradient(circle, rgba(139,92,246,.12) 0%, transparent 45%);
  filter:blur(80px)!important;
  pointer-events:none!important;
}

/* ===== CARDS ===== */

.card,
.home-card,
.category-card,
.model-card,
.home-model-card{
  background:linear-gradient(
    180deg,
    rgba(15,23,42,.96) 0%,
    rgba(15,23,42,.90) 100%
  )!important;

  border:1px solid rgba(255,255,255,.06)!important;

  backdrop-filter:blur(18px)!important;

  transition:
  transform .28s ease,
  box-shadow .28s ease,
  border-color .28s ease!important;
}

.card:hover,
.home-card:hover,
.category-card:hover,
.model-card:hover,
.home-model-card:hover{
  transform:translateY(-8px)!important;

  border-color:rgba(139,92,246,.45)!important;

  box-shadow:
  0 35px 100px rgba(0,0,0,.55),
  0 0 50px rgba(139,92,246,.18),
  0 0 100px rgba(99,102,241,.12)!important;
}

/* ===== IMAGES ===== */

.home-model-thumb,
.model-preview,
.model-card img{
  overflow:hidden!important;
  border-radius:24px!important;
}

.home-model-thumb img,
.model-preview img,
.model-card img{
  transition:
  transform .45s ease,
  filter .45s ease!important;
}

.home-model-thumb:hover img,
.model-preview:hover img,
.model-card:hover img{
  transform:scale(1.045)!important;
  filter:brightness(1.04)!important;
}

/* ===== BUTTONS ===== */

.btn,
.btn-primary,
.buy-button,
.blackgold-btn{
  background:
  linear-gradient(
    135deg,
    #312e81 0%,
    #6d28d9 55%,
    #7c3aed 100%
  )!important;

  border:1px solid rgba(255,215,0,.28)!important;

  box-shadow:
  0 10px 35px rgba(109,40,217,.35),
  inset 0 1px 0 rgba(255,255,255,.12)!important;

  transition:
  transform .22s ease,
  box-shadow .22s ease!important;
}

.btn:hover,
.btn-primary:hover,
.buy-button:hover,
.blackgold-btn:hover{
  transform:translateY(-2px)!important;

  box-shadow:
  0 18px 50px rgba(109,40,217,.50),
  0 0 40px rgba(139,92,246,.30)!important;
}

/* ===== TYPOGRAPHY ===== */

h1{
  font-size:72px!important;
  line-height:1.02!important;
  letter-spacing:-2px!important;
  font-weight:900!important;
}

h2{
  font-size:38px!important;
  line-height:1.08!important;
  font-weight:850!important;
}

h3{
  font-size:28px!important;
  font-weight:800!important;
}

p,
span,
small,
label,
a,
li{
  line-height:1.72!important;
}

/* ===== STICKY BUY BAR ===== */

#stickyBuyBar{
  backdrop-filter:blur(18px)!important;
  background:rgba(2,6,23,.82)!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 -12px 50px rgba(0,0,0,.35)!important;
}

/* ===== SCROLLBAR ===== */

::-webkit-scrollbar{
  width:12px!important;
}

::-webkit-scrollbar-track{
  background:#020617!important;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#312e81,#6d28d9)!important;
  border-radius:999px!important;
}


/* ===== BUTTONS EXACT CA IN REFERINTA ===== */

.btn,
.btn-primary,
.buy-button,
.blackgold-btn,
button{
  background:#111827!important;
  background-image:none!important;
  color:#f8fafc!important;

  border:1px solid rgba(255,215,0,.22)!important;

  box-shadow:
  0 8px 24px rgba(0,0,0,.28),
  inset 0 1px 0 rgba(255,255,255,.04)!important;

  border-radius:18px!important;

  transition:
  transform .22s ease,
  border-color .22s ease,
  background .22s ease,
  box-shadow .22s ease!important;
}

.btn:hover,
.btn-primary:hover,
.buy-button:hover,
.blackgold-btn:hover,
button:hover{
  background:#172036!important;

  border-color:rgba(255,215,0,.45)!important;

  box-shadow:
  0 18px 40px rgba(0,0,0,.38),
  0 0 25px rgba(255,215,0,.08)!important;

  transform:translateY(-2px)!important;
}

/* ===== BUTON STICKY BUY ===== */

#stickyBuyBar button,
#stickyBuyBar .btn{
  background:#111827!important;
}

/* ===== ELIMINA TOT MOVUL ===== */

[style*="#6d28d9"],
[style*="#7c3aed"],
[style*="#312e81"]{
  background:#111827!important;
  background-image:none!important;
}


/* ===== FINAL DARKEN ALL INNER WHITE BOXES ===== */

.stat,
.stats,
.info,
.info-card,
.detail,
.detail-card,
.detail-row,
.meta-card,
.quick-detail,
.review-box,
.purchase-box,
.benefits-box,
.side-card,
.sidebar-card,
.model-info,
.model-details,
.model-stats,
.model-specs,
.model-review,
.model-related,
.home-info,
.home-step,
.home-feature,
.home-feature-card,
.home-pill,
.home-box,
[class*="detail"],
[class*="info"],
[class*="stat"],
[class*="benefit"],
[class*="feature"],
[class*="step"]{
  background:#111827!important;
  background-image:none!important;
  color:#f8fafc!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}

[class*="detail"] *,
[class*="info"] *,
[class*="stat"] *,
[class*="benefit"] *,
[class*="feature"] *,
[class*="step"] *{
  color:#f8fafc!important;
}

.badge,
.pill,
.tag,
.chip{
  background:#111827!important;
  color:#f8fafc!important;
  border:1px solid rgba(255,255,255,.12)!important;
}


/* ===== DARK BUY BENEFITS BOX ===== */

.model-sidebar ul,
.model-sidebar li,
.model-sidebar .benefits,
.model-sidebar .benefits-box,
.model-sidebar [class*="benefit"],
.model-buybox ul,
.model-buybox li,
.purchase-box,
.buy-box,
.access-box{
  background:#111827!important;
  background-image:none!important;
  color:#cbd5e1!important;
  border-color:rgba(255,255,255,.08)!important;
}

.model-sidebar ul,
.model-buybox ul,
.access-box{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  padding:18px!important;
}

.model-sidebar li,
.model-buybox li{
  color:#cbd5e1!important;
}

.model-sidebar li::marker,
.model-buybox li::marker{
  color:#22c55e!important;
}


/* FORCE REMOVE INLINE WHITE ON MODEL PAGE */
.model-page [style*="background"][style*="255"],
.model-page [style*="background"][style*="#fff"],
.model-page [style*="background"][style*="white"],
.model-page [style*="background"][style*="#f8fafc"],
.model-page [style*="background"][style*="#f9fafb"],
.model-page [style*="background"][style*="#fafafa"]{
  background:#111827!important;
  background-color:#111827!important;
  background-image:none!important;
  color:#cbd5e1!important;
}


/* ===== KILL LAST LIGHT BOXES ===== */

body [style*="rgba(248"],
body [style*="rgb(248"],
body [style*="rgba(249"],
body [style*="rgb(249"],
body [style*="rgba(250"],
body [style*="rgb(250"],
body [style*="#f1f5f9"],
body [style*="#f8fafc"],
body [style*="#f9fafb"],
body [style*="#fafafa"],
body [style*="#ffffff"],
body [style*="#fff"],
body [style*="white"]{
  background:#111827!important;
  background-color:#111827!important;
  background-image:none!important;
  color:#cbd5e1!important;
  border-color:rgba(255,255,255,.08)!important;
}


/* REMOVE WHITE BUY BENEFITS BOX */
.model-sidebar ul,
.model-sidebar .benefits-box,
.model-sidebar .purchase-benefits,
.model-sidebar .purchase-benefits li,
.model-sidebar .purchase-benefits div,
.model-sidebar .purchase-benefits p{
  background:#111827!important;
  background-color:#111827!important;
  background-image:none!important;
  color:#cbd5e1!important;
  border:none!important;
  box-shadow:none!important;
}


/* ===== CINEMATIC HERO SECTION ===== */

.home-hero,
.hero-section,
.temple-hero{
  position:relative!important;
  overflow:hidden!important;

  min-height:78vh!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:120px 80px!important;

  border-radius:34px!important;

  background:
  radial-gradient(circle at top,
  rgba(99,102,241,.10) 0%,
  rgba(15,23,42,.96) 45%,
  rgba(2,6,23,1) 100%)!important;

  border:1px solid rgba(255,255,255,.05)!important;

  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.04),
  0 30px 90px rgba(0,0,0,.45)!important;
}

.home-hero::before,
.hero-section::before,
.temple-hero::before{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
  radial-gradient(circle at center,
  rgba(255,215,0,.08),
  transparent 55%)!important;

  pointer-events:none!important;
}

.home-hero h1,
.hero-section h1,
.temple-hero h1{
  font-size:82px!important;
  line-height:0.95!important;
  letter-spacing:-3px!important;

  font-weight:900!important;

  color:#f8fafc!important;

  text-shadow:
  0 0 30px rgba(255,255,255,.04),
  0 0 80px rgba(255,215,0,.06)!important;
}

.home-hero p,
.hero-section p,
.temple-hero p{
  margin-top:26px!important;

  font-size:22px!important;
  line-height:1.8!important;

  color:#94a3b8!important;

  max-width:850px!important;
}

.home-hero .btn,
.hero-section .btn,
.temple-hero .btn{
  margin-top:18px!important;
}


/* ===== STEP 1 — PREMIUM NAVBAR ===== */

header,
.navbar,
.topbar,
nav{
  background:rgba(2,6,23,.82)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 12px 45px rgba(0,0,0,.28)!important;
}

header a,
.navbar a,
.topbar a,
nav a{
  color:#e5e7eb!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  transition:color .2s ease, transform .2s ease, opacity .2s ease!important;
}

header a:hover,
.navbar a:hover,
.topbar a:hover,
nav a:hover{
  color:#facc15!important;
  transform:translateY(-1px)!important;
  opacity:1!important;
}

header .logo,
.navbar .logo,
.brand,
.brand-logo{
  color:#ffffff!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  text-shadow:0 0 28px rgba(250,204,21,.12)!important;
}


/* ===== STEP 2 — SOFTER GLOW + SCROLLBAR ===== */

*{
  scrollbar-width:thin!important;
  scrollbar-color:#3b4257 #020617!important;
}

::-webkit-scrollbar{
  width:10px!important;
}

::-webkit-scrollbar-track{
  background:#020617!important;
}

::-webkit-scrollbar-thumb{
  background:#334155!important;
  border-radius:999px!important;
  border:2px solid #020617!important;
}

::-webkit-scrollbar-thumb:hover{
  background:#475569!important;
}

.card:hover,
.home-card:hover,
.category-card:hover,
.model-card:hover{
  box-shadow:
  0 22px 60px rgba(0,0,0,.45),
  0 0 22px rgba(139,92,246,.08)!important;
}

.model-page,
.home-shell{
  box-shadow:none!important;
}


/* ===== STEP 3 — PREMIUM FLOATING CARDS ===== */

.model-card,
.category-card,
.home-card{
  transition:
  transform .28s ease,
  box-shadow .28s ease,
  border-color .28s ease,
  background .28s ease!important;

  will-change:transform!important;

  overflow:hidden!important;
}

.model-card:hover,
.category-card:hover,
.home-card:hover{
  transform:translateY(-6px)!important;

  border-color:rgba(250,204,21,.18)!important;

  background:
  linear-gradient(
    180deg,
    rgba(15,23,42,1) 0%,
    rgba(17,24,39,1) 100%
  )!important;
}

.model-card img,
.category-card img,
.home-card img{
  transition:
  transform .5s ease,
  filter .5s ease!important;
}

.model-card:hover img,
.category-card:hover img,
.home-card:hover img{
  transform:scale(1.035)!important;
  filter:brightness(1.03)!important;
}

.model-card h3,
.category-card h3,
.home-card h3{
  letter-spacing:-0.02em!important;
}


/* ===== STEP 3 — PREMIUM FLOATING CARDS ===== */

.model-card,
.category-card,
.home-card{
  transition:
  transform .28s ease,
  box-shadow .28s ease,
  border-color .28s ease,
  background .28s ease!important;

  will-change:transform!important;

  overflow:hidden!important;
}

.model-card:hover,
.category-card:hover,
.home-card:hover{
  transform:translateY(-6px)!important;

  border-color:rgba(250,204,21,.18)!important;

  background:
  linear-gradient(
    180deg,
    rgba(15,23,42,1) 0%,
    rgba(17,24,39,1) 100%
  )!important;
}

.model-card img,
.category-card img,
.home-card img{
  transition:
  transform .5s ease,
  filter .5s ease!important;
}

.model-card:hover img,
.category-card:hover img,
.home-card:hover img{
  transform:scale(1.035)!important;
  filter:brightness(1.03)!important;
}

.model-card h3,
.category-card h3,
.home-card h3{
  letter-spacing:-0.02em!important;
}


/* ===== STEP 4 — PREMIUM TYPOGRAPHY ===== */

h1{
  font-size:clamp(54px,6vw,88px)!important;
  line-height:.95!important;
  letter-spacing:-0.045em!important;
  font-weight:900!important;
}

h2{
  font-size:clamp(34px,3vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-0.04em!important;
  font-weight:850!important;
}

h3{
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.1!important;
  letter-spacing:-0.03em!important;
  font-weight:800!important;
}

p{
  line-height:1.8!important;
  color:#94a3b8!important;
}

.hero-section p,
.temple-hero p,
.home-hero p{
  font-size:22px!important;
  max-width:820px!important;
}

.model-card p,
.category-card p,
.home-card p{
  font-size:15px!important;
  line-height:1.7!important;
}

small{
  color:#64748b!important;
  letter-spacing:.02em!important;
}


/* ===== STEP 5 — PREMIUM FOOTER + STICKY BAR ===== */

footer{
  margin-top:90px!important;
  padding:42px 24px!important;
  background:#020617!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  color:#64748b!important;
  text-align:center!important;
}

footer a{
  color:#94a3b8!important;
  text-decoration:none!important;
  transition:color .2s ease!important;
}

footer a:hover{
  color:#facc15!important;
}

#stickyBuyBar{
  background:rgba(2,6,23,.88)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 -18px 50px rgba(0,0,0,.45)!important;
}

#stickyBuyBar *{
  color:#e5e7eb!important;
}

#stickyBuyBar button,
#stickyBuyBar .btn{
  background:#111827!important;
  color:#f8fafc!important;
  border:1px solid rgba(250,204,21,.25)!important;
  box-shadow:none!important;
}

#stickyBuyBar button:hover,
#stickyBuyBar .btn:hover{
  border-color:rgba(250,204,21,.55)!important;
  transform:translateY(-1px)!important;
}


/* ===== STEP 6 — FINAL POLISH TEXT + CARDS ===== */

.card,
.home-card,
.category-card,
.model-card,
.home-model-card,
.designer-card{
  border-radius:26px!important;
}

.card p,
.home-card p,
.category-card p,
.model-card p,
.home-model-card p,
.designer-card p{
  color:#a7b4c8!important;
}

.badge,
.home-pill,
.tag,
.chip{
  border-radius:999px!important;
  background:#111827!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#e5e7eb!important;
  font-weight:800!important;
}

.model-thumb-inner,
.home-model-overlay{
  background:linear-gradient(to top,rgba(2,6,23,.92),rgba(2,6,23,.15),transparent)!important;
}


/* ===== STEP 7 — FINAL PREMIUM CTA BUTTONS ===== */

.btn,
.btn-primary,
.btn-secondary,
.buy-button,
.blackgold-btn,
button,
a.btn{
  position:relative!important;
  overflow:hidden!important;

  min-height:58px!important;
  padding:0 30px!important;

  border-radius:18px!important;

  background:
  linear-gradient(
    180deg,
    #111827 0%,
    #0f172a 100%
  )!important;

  color:#f8fafc!important;

  border:1px solid rgba(250,204,21,.18)!important;

  font-weight:800!important;
  letter-spacing:-0.01em!important;

  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.04),
  0 10px 25px rgba(0,0,0,.28)!important;

  transition:
  transform .22s ease,
  box-shadow .22s ease,
  border-color .22s ease,
  background .22s ease!important;
}

.btn::before,
.btn-primary::before,
.buy-button::before,
.blackgold-btn::before,
button::before{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
  linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.03) 45%,
    transparent 100%
  )!important;

  opacity:.9!important;

  pointer-events:none!important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.buy-button:hover,
.blackgold-btn:hover,
button:hover,
a.btn:hover{
  transform:translateY(-2px)!important;

  border-color:rgba(250,204,21,.42)!important;

  background:
  linear-gradient(
    180deg,
    #172036 0%,
    #111827 100%
  )!important;

  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.05),
  0 18px 40px rgba(0,0,0,.42),
  0 0 25px rgba(250,204,21,.06)!important;
}

.btn:active,
.btn-primary:active,
.buy-button:active,
button:active{
  transform:scale(.985)!important;
}


/* ===== STEP 8 — MICRO ANIMATIONS FINAL POLISH ===== */

@media (prefers-reduced-motion:no-preference){
  .card,
  .home-card,
  .category-card,
  .model-card,
  .home-model-card,
  .designer-card,
  .btn,
  .buy-button{
    transition:
      transform .24s ease,
      box-shadow .24s ease,
      border-color .24s ease,
      background .24s ease,
      filter .24s ease!important;
  }

  .home-model-thumb,
  .model-thumb,
  .model-preview-3d{
    transition:filter .35s ease, transform .35s ease!important;
  }
}

.card,
.home-card,
.category-card,
.model-card,
.home-model-card,
.designer-card{
  outline:1px solid rgba(255,255,255,.025)!important;
  outline-offset:-1px!important;
}

.card:hover,
.home-card:hover,
.category-card:hover,
.model-card:hover,
.home-model-card:hover,
.designer-card:hover{
  filter:brightness(1.035)!important;
}

.home-section-head,
.showcase-head-new,
.home-top{
  animation:fadeInSoft .55s ease both;
}

@keyframes fadeInSoft{
  from{opacity:.75; transform:translateY(8px);}
  to{opacity:1; transform:translateY(0);}
}


/* ===== MOBILE FIX — TRENDING / MODEL CARDS ===== */

@media (max-width: 768px){

  .models-grid,
  .trending-grid,
  .home-models-grid,
  .featured-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .model-card,
  .home-model-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .model-card img,
  .home-model-card img{
    width:100%!important;
    height:240px!important;
    object-fit:cover!important;
    border-radius:18px!important;
  }

  .model-card-content,
  .home-model-content{
    padding:16px!important;
  }

  h1{
    font-size:44px!important;
    line-height:1.02!important;
  }

  h2{
    font-size:34px!important;
  }

  .hero-section,
  .home-hero,
  .temple-hero{
    padding:90px 22px!important;
    min-height:auto!important;
  }

  .hero-section p,
  .home-hero p,
  .temple-hero p{
    font-size:18px!important;
    line-height:1.7!important;
  }
}


/* ===== REAL MOBILE FIX ===== */

@media (max-width:640px){

  .home-model-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .home-model-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:14px!important;
  }

  .home-model-thumb{
    height:240px!important;
    border-radius:22px!important;
  }

  .home-model-card h3{
    font-size:28px!important;
    line-height:1.1!important;
  }

  .home-model-card p{
    font-size:18px!important;
    line-height:1.6!important;
  }

  .home-model-meta{
    gap:10px!important;
    flex-wrap:wrap!important;
  }

  .home-pill{
    font-size:14px!important;
    padding:8px 14px!important;
  }

  .home-model-stats{
    font-size:16px!important;
  }
}


/* ===== UPLOAD PAGE — PREMIUM REDESIGN ===== */

.upload-page,
.upload-wrapper,
.upload-container{
  max-width:1500px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:40px 32px 120px!important;
}

.upload-hero{
  position:relative!important;

  padding:90px 70px!important;
  margin-bottom:42px!important;

  border-radius:34px!important;

  background:
  radial-gradient(
    circle at top,
    rgba(99,102,241,.10) 0%,
    rgba(15,23,42,.98) 42%,
    rgba(2,6,23,1) 100%
  )!important;

  border:1px solid rgba(255,255,255,.06)!important;

  overflow:hidden!important;

  box-shadow:
  0 35px 90px rgba(0,0,0,.45),
  inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.upload-hero::before{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
  radial-gradient(
    circle at center,
    rgba(250,204,21,.06),
    transparent 60%
  )!important;

  pointer-events:none!important;
}

.upload-hero h1{
  font-size:72px!important;
  line-height:.96!important;
  letter-spacing:-0.045em!important;

  margin-bottom:24px!important;
}

.upload-hero p{
  font-size:22px!important;
  line-height:1.8!important;

  max-width:850px!important;

  color:#94a3b8!important;
}

.upload-form,
.upload-box,
.upload-card{
  background:#0f172a!important;

  border:1px solid rgba(255,255,255,.06)!important;

  border-radius:30px!important;

  padding:34px!important;

  box-shadow:
  0 24px 70px rgba(0,0,0,.38)!important;
}

.upload-form label,
.upload-box label{
  display:block!important;

  margin-bottom:10px!important;

  font-size:15px!important;
  font-weight:800!important;

  color:#f8fafc!important;

  letter-spacing:.01em!important;
}

.upload-form input,
.upload-form textarea,
.upload-form select,
.upload-box input,
.upload-box textarea,
.upload-box select{
  width:100%!important;

  min-height:58px!important;

  padding:16px 18px!important;

  border-radius:18px!important;

  background:#111827!important;

  border:1px solid rgba(255,255,255,.08)!important;

  color:#f8fafc!important;

  font-size:16px!important;

  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.03)!important;

  transition:
  border-color .22s ease,
  box-shadow .22s ease,
  background .22s ease!important;
}

.upload-form textarea,
.upload-box textarea{
  min-height:180px!important;
  resize:vertical!important;
}

.upload-form input:focus,
.upload-form textarea:focus,
.upload-form select:focus,
.upload-box input:focus,
.upload-box textarea:focus,
.upload-box select:focus{
  outline:none!important;

  border-color:rgba(250,204,21,.32)!important;

  box-shadow:
  0 0 0 4px rgba(250,204,21,.06)!important;

  background:#172036!important;
}

.upload-dropzone,
.dropzone,
.file-drop{
  position:relative!important;

  border:2px dashed rgba(255,255,255,.12)!important;

  border-radius:28px!important;

  background:
  linear-gradient(
    180deg,
    rgba(17,24,39,.95) 0%,
    rgba(15,23,42,1) 100%
  )!important;

  padding:54px 30px!important;

  text-align:center!important;

  transition:
  border-color .22s ease,
  background .22s ease,
  transform .22s ease!important;
}

.upload-dropzone:hover,
.dropzone:hover,
.file-drop:hover{
  border-color:rgba(250,204,21,.30)!important;

  background:
  linear-gradient(
    180deg,
    rgba(23,32,54,1) 0%,
    rgba(17,24,39,1) 100%
  )!important;

  transform:translateY(-2px)!important;
}

.upload-dropzone h3,
.dropzone h3,
.file-drop h3{
  font-size:28px!important;
  margin-bottom:12px!important;
}

.upload-dropzone p,
.dropzone p,
.file-drop p{
  color:#94a3b8!important;
  font-size:17px!important;
}

@media (max-width:768px){

  .upload-page,
  .upload-wrapper,
  .upload-container{
    padding:22px 16px 90px!important;
  }

  .upload-hero{
    padding:60px 24px!important;
    border-radius:26px!important;
  }

  .upload-hero h1{
    font-size:46px!important;
  }

  .upload-hero p{
    font-size:18px!important;
  }

  .upload-form,
  .upload-box,
  .upload-card{
    padding:22px!important;
    border-radius:24px!important;
  }
}


/* ===== MODELS PAGE — LUXURY PRODUCT CARDS ===== */

.models-grid{
  gap:28px!important;
}

.models-grid .model-card{
  border-radius:30px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(15,23,42,.98) 0%,rgba(2,6,23,.98) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

.models-grid .model-card:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(250,204,21,.22)!important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.58),
    0 0 45px rgba(250,204,21,.06),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.models-grid .model-thumb{
  min-height:280px!important;
  border-radius:24px!important;
  transition:
    transform .45s ease,
    filter .45s ease!important;
}

.models-grid .model-card:hover .model-thumb{
  transform:scale(1.025)!important;
  filter:brightness(1.06) contrast(1.04)!important;
}

.models-grid .model-thumb-inner{
  padding:24px 20px!important;
  background:
    linear-gradient(
      to top,
      rgba(2,6,23,.96) 0%,
      rgba(2,6,23,.55) 48%,
      transparent 100%
    )!important;
}

.models-grid .model-thumb-inner div:first-child{
  font-size:22px!important;
  letter-spacing:-.03em!important;
}

.models-grid .model-card h3{
  font-size:26px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  margin-top:4px!important;
}

.models-grid .model-card p{
  color:#94a3b8!important;
  font-size:15px!important;
  line-height:1.75!important;
}

.models-grid .model-card .badge{
  background:#111827!important;
  color:#f8fafc!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

.models-grid .model-card .actions{
  gap:12px!important;
}

.models-grid .model-card .actions .btn,
.models-grid .model-card .actions button{
  min-height:54px!important;
  border-radius:16px!important;
}

@media(max-width:700px){
  .models-grid{
    gap:22px!important;
  }

  .models-grid .model-thumb{
    min-height:250px!important;
  }

  .models-grid .model-card h3{
    font-size:24px!important;
  }
}


/* ===== PREMIUM STICKY FILTER BAR ===== */

.models-toolbar,
.models-filters,
.search-toolbar,
.filters-bar{
  position:sticky!important;
  top:88px!important;
  z-index:120!important;

  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;

  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.82) 0%,
      rgba(2,6,23,.82) 100%
    )!important;

  border:1px solid rgba(255,255,255,.06)!important;

  border-radius:26px!important;

  padding:18px!important;

  margin-bottom:30px!important;

  box-shadow:
    0 18px 55px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.models-toolbar input,
.models-toolbar select,
.models-filters input,
.models-filters select,
.search-toolbar input,
.search-toolbar select,
.filters-bar input,
.filters-bar select{
  height:56px!important;

  background:#0f172a!important;
  color:#f8fafc!important;

  border:1px solid rgba(255,255,255,.08)!important;

  border-radius:18px!important;

  padding:0 18px!important;

  font-size:15px!important;

  box-shadow:none!important;

  transition:
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease!important;
}

.models-toolbar input:focus,
.models-toolbar select:focus,
.models-filters input:focus,
.models-filters select:focus,
.search-toolbar input:focus,
.search-toolbar select:focus,
.filters-bar input:focus,
.filters-bar select:focus{
  outline:none!important;

  border-color:rgba(250,204,21,.30)!important;

  background:#111827!important;

  box-shadow:
    0 0 0 4px rgba(250,204,21,.05)!important;
}

.models-toolbar .btn,
.models-filters .btn,
.search-toolbar .btn,
.filters-bar .btn{
  min-height:56px!important;
}

@media(max-width:768px){

  .models-toolbar,
  .models-filters,
  .search-toolbar,
  .filters-bar{
    top:74px!important;
    padding:14px!important;
    border-radius:22px!important;
  }

}


/* ===== AUTH PAGES — LOGIN / REGISTER PREMIUM ===== */

.auth-page{
  padding:42px 0 110px!important;
}

.auth-wrap{
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  gap:32px!important;
  align-items:stretch!important;
  max-width:1320px!important;
  margin:0 auto!important;
}

.auth-hero,
.auth-card{
  border-radius:34px!important;
  background:
    radial-gradient(circle at top right, rgba(250,204,21,.08), transparent 34%),
    radial-gradient(circle at top left, rgba(99,102,241,.10), transparent 32%),
    linear-gradient(180deg,#0f172a 0%,#020617 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
}

.auth-hero{
  padding:58px!important;
}

.auth-card{
  padding:42px!important;
}

.auth-kicker{
  display:inline-flex!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#111827!important;
  border:1px solid rgba(250,204,21,.18)!important;
  color:#facc15!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:12px!important;
}

.auth-hero h1{
  margin:18px 0 16px!important;
  font-size:clamp(48px,5vw,82px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
}

.auth-hero p,
.auth-card-head p,
.auth-legal{
  color:#94a3b8!important;
  line-height:1.8!important;
}

.auth-hero-points{
  display:grid!important;
  gap:12px!important;
  margin-top:28px!important;
}

.auth-hero-point{
  padding:16px 18px!important;
  border-radius:18px!important;
  background:#111827!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#cbd5e1!important;
  font-weight:800!important;
}

.auth-card-head h2{
  margin-top:0!important;
}

.auth-form{
  display:grid!important;
  gap:18px!important;
  margin-top:24px!important;
}

.auth-field label{
  display:block!important;
  margin-bottom:10px!important;
  color:#f8fafc!important;
  font-weight:800!important;
}

.auth-field input{
  width:100%!important;
  min-height:60px!important;
  border-radius:18px!important;
  background:#111827!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f8fafc!important;
  padding:0 18px!important;
  font-size:16px!important;
}

.auth-field input:focus{
  outline:none!important;
  border-color:rgba(250,204,21,.35)!important;
  box-shadow:0 0 0 4px rgba(250,204,21,.06)!important;
}

.auth-submit{
  width:100%!important;
  min-height:62px!important;
  margin-top:6px!important;
}

.auth-switch-link{
  display:block!important;
  text-align:center!important;
  color:#cbd5e1!important;
  text-decoration:none!important;
}

.auth-switch-link strong,
.auth-legal a{
  color:#facc15!important;
}

.auth-alert{
  background:#451a1a!important;
  border:1px solid rgba(248,113,113,.25)!important;
  color:#fecaca!important;
  border-radius:18px!important;
  padding:16px!important;
}

@media(max-width:900px){
  .auth-wrap{
    grid-template-columns:1fr!important;
  }

  .auth-hero,
  .auth-card{
    padding:28px!important;
    border-radius:26px!important;
  }
}


/* ===== REGISTER CHECKBOX POLISH ===== */

.auth-check{
  display:flex!important;
  gap:14px!important;
  align-items:flex-start!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:#111827!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#cbd5e1!important;
  line-height:1.65!important;
  font-weight:700!important;
}

.auth-check input{
  margin-top:5px!important;
  width:18px!important;
  height:18px!important;
  accent-color:#facc15!important;
}

.auth-check a{
  color:#facc15!important;
  font-weight:800!important;
}


/* ===== CINEMATIC NAVBAR ===== */

.nav{
  position:sticky!important;
  top:18px!important;
  z-index:999!important;

  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;

  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.72) 0%,
      rgba(2,6,23,.72) 100%
    )!important;

  border:1px solid rgba(255,255,255,.06)!important;

  border-radius:24px!important;

  padding:18px 22px!important;

  box-shadow:
    0 18px 55px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.nav a{
  position:relative!important;
  color:#cbd5e1!important;
  transition:
    color .22s ease,
    transform .22s ease!important;
}

.nav a:hover{
  color:#facc15!important;
  transform:translateY(-1px)!important;
}

.nav a::after{
  content:""!important;

  position:absolute!important;
  left:0!important;
  bottom:-8px!important;

  width:0!important;
  height:2px!important;

  border-radius:999px!important;

  background:#facc15!important;

  transition:width .22s ease!important;
}

.nav a:hover::after{
  width:100%!important;
}

.brand{
  font-weight:900!important;
  letter-spacing:-.04em!important;
  color:#f8fafc!important;
}


/* ===== PREMIUM TOASTS ===== */

.toast-container{
  position:fixed!important;
  top:110px!important;
  right:24px!important;
  z-index:99999!important;

  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}

.toast{
  min-width:320px!important;
  max-width:420px!important;

  padding:18px 20px!important;

  border-radius:22px!important;

  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;

  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.92) 0%,
      rgba(2,6,23,.94) 100%
    )!important;

  border:1px solid rgba(255,255,255,.08)!important;

  color:#f8fafc!important;

  box-shadow:
    0 25px 70px rgba(0,0,0,.45),
    0 0 30px rgba(250,204,21,.06),
    inset 0 1px 0 rgba(255,255,255,.03)!important;

  transform:translateY(20px) scale(.96)!important;
  opacity:0!important;

  animation:toastIn .35s ease forwards!important;
}

.toast.success{
  border-color:rgba(34,197,94,.35)!important;
}

.toast.error{
  border-color:rgba(239,68,68,.35)!important;
}

.toast-title{
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  margin-bottom:4px!important;
}

.toast-text{
  color:#94a3b8!important;
  line-height:1.6!important;
}

@keyframes toastIn{
  to{
    transform:translateY(0) scale(1)!important;
    opacity:1!important;
  }
}

@keyframes toastOut{
  to{
    transform:translateY(-10px) scale(.96)!important;
    opacity:0!important;
  }
}

@media(max-width:640px){

  .toast-container{
    left:14px!important;
    right:14px!important;
    top:88px!important;
  }

  .toast{
    min-width:unset!important;
    width:100%!important;
  }

}


/* ===== SKELETON LOADING ===== */

.skeleton{
  position:relative!important;
  overflow:hidden!important;

  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.92) 0%,
      rgba(2,6,23,.96) 100%
    )!important;

  border:1px solid rgba(255,255,255,.06)!important;

  border-radius:28px!important;

  min-height:420px!important;

  box-shadow:
    0 25px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.skeleton::before{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  transform:translateX(-100%)!important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,.04) 45%,
      rgba(255,255,255,.07) 50%,
      rgba(255,255,255,.04) 55%,
      transparent 100%
    )!important;

  animation:skeletonMove 1.35s infinite!important;
}

.skeleton-thumb{
  height:240px!important;
  margin:18px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.05)!important;
}

.skeleton-line{
  height:14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.05)!important;
  margin:16px 22px!important;
}

.skeleton-line.large{
  height:22px!important;
  width:72%!important;
}

.skeleton-line.medium{
  width:54%!important;
}

.skeleton-line.small{
  width:38%!important;
}

@keyframes skeletonMove{
  100%{
    transform:translateX(100%)!important;
  }
}


/* ===== SMOOTH PAGE TRANSITIONS ===== */

body{
  opacity:0;
  transform:translateY(8px);
  animation:pageEnter .38s ease forwards;
}

body.page-leaving{
  animation:pageLeave .22s ease forwards;
}

@keyframes pageEnter{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes pageLeave{
  to{
    opacity:0;
    transform:translateY(6px);
  }
}

@media (prefers-reduced-motion: reduce){
  body,
  body.page-leaving{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* ===== CINEMATIC IMAGE FADE-IN ===== */

img,
.model-thumb,
.home-model-thumb,
.creator-model-thumb{
  opacity:.96;
  transition:
    opacity .45s ease,
    filter .45s ease,
    transform .45s ease!important;
}

img.loaded,
.model-thumb.loaded,
.home-model-thumb.loaded,
.creator-model-thumb.loaded{
  opacity:1!important;
  filter:saturate(1.03) contrast(1.03)!important;
}


/* ===== AAA MICRO INTERACTIONS ===== */

input,
textarea,
select,
button,
.btn{
  transition:
    transform .18s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease!important;
}

input:hover,
textarea:hover,
select:hover{
  border-color:rgba(250,204,21,.18)!important;
}

input:focus,
textarea:focus,
select:focus{
  transform:translateY(-1px)!important;
}

button:hover,
.btn:hover{
  transform:translateY(-2px)!important;
}

button:active,
.btn:active{
  transform:scale(.985)!important;
}

.card,
.model-card,
.home-card,
.category-card,
.creator-model-card,
.my-model-card,
.upload-card,
.auth-card{
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    filter .24s ease!important;
}

.card:hover,
.model-card:hover,
.home-card:hover,
.category-card:hover,
.creator-model-card:hover,
.my-model-card:hover,
.upload-card:hover,
.auth-card:hover{
  filter:brightness(1.035)!important;
}

a{
  transition:
    color .2s ease,
    opacity .2s ease,
    transform .2s ease!important;
}


/* ===== GLOBAL AMBIENT LIGHT ===== */

body::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-1!important;

  background:
    radial-gradient(circle at 18% 12%, rgba(250,204,21,.055), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(99,102,241,.075), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(34,197,94,.035), transparent 34%),
    #020617!important;
}

body::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-1!important;

  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px)!important;

  background-size:48px 48px!important;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.45), transparent 70%)!important;
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.45), transparent 70%)!important;
}

html{
  background:#020617!important;
}


/* ===== PREMIUM EMPTY STATES ===== */

.empty-state,
.empty-my,
[class*="empty"]{
  position:relative!important;
  overflow:hidden!important;

  padding:48px 34px!important;

  border-radius:30px!important;

  background:
    radial-gradient(circle at top, rgba(250,204,21,.06), transparent 42%),
    linear-gradient(180deg,#0f172a 0%,#020617 100%)!important;

  border:1px dashed rgba(255,255,255,.14)!important;

  text-align:center!important;

  box-shadow:
    0 28px 80px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.empty-state::before,
.empty-my::before,
[class*="empty"]::before{
  content:"✦"!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:72px!important;
  height:72px!important;

  margin:0 auto 18px!important;

  border-radius:999px!important;

  background:#111827!important;

  border:1px solid rgba(250,204,21,.20)!important;

  color:#facc15!important;

  font-size:30px!important;

  box-shadow:0 18px 45px rgba(0,0,0,.35)!important;
}

.empty-state h2,
.empty-state h3,
.empty-my h2,
.empty-my h3,
[class*="empty"] h2,
[class*="empty"] h3{
  margin-top:0!important;
  color:#f8fafc!important;
}

.empty-state p,
.empty-my p,
[class*="empty"] p{
  color:#94a3b8!important;
  max-width:620px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  line-height:1.8!important;
}


/* ===== FLOATING AMBIENT PARTICLES ===== */

.ambient-particles{
  position:fixed!important;
  inset:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:-1!important;
}

.ambient-particles span{
  position:absolute!important;

  width:4px!important;
  height:4px!important;

  border-radius:999px!important;

  background:rgba(255,255,255,.16)!important;

  box-shadow:
    0 0 12px rgba(255,255,255,.08),
    0 0 22px rgba(250,204,21,.05)!important;

  animation:floatParticle linear infinite!important;
}

@keyframes floatParticle{

  from{
    transform:translateY(110vh) scale(1);
    opacity:0;
  }

  10%{
    opacity:1;
  }

  90%{
    opacity:.7;
  }

  to{
    transform:translateY(-10vh) scale(1.4);
    opacity:0;
  }

}


/* ===== CREATOR LEVEL BADGES ===== */

.creator-level-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;

  margin-top:16px!important;

  padding:10px 14px!important;

  border-radius:999px!important;

  background:#111827!important;
  border:1px solid rgba(255,255,255,.10)!important;

  color:#f8fafc!important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.creator-level-badge span{
  font-size:18px!important;
}

.creator-level-badge strong{
  font-size:13px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

.creator-level-pro{
  border-color:rgba(34,211,238,.42)!important;
  box-shadow:0 0 30px rgba(34,211,238,.08),0 14px 34px rgba(0,0,0,.30)!important;
}

.creator-level-pioneer{
  border-color:rgba(250,204,21,.45)!important;
  box-shadow:0 0 34px rgba(250,204,21,.10),0 14px 34px rgba(0,0,0,.30)!important;
}

.creator-level-master{
  border-color:rgba(249,115,22,.42)!important;
}

.creator-level-creator{
  border-color:rgba(139,92,246,.38)!important;
}

.creator-level-builder{
  border-color:rgba(34,197,94,.34)!important;
}


/* ===== VERIFIED PRINT + PRINT DIFFICULTY ===== */

.print-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;

  padding:9px 13px!important;
  border-radius:999px!important;

  background:#111827!important;
  border:1px solid rgba(255,255,255,.10)!important;

  color:#f8fafc!important;

  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.verified-print{
  border-color:rgba(34,197,94,.45)!important;
  box-shadow:
    0 0 28px rgba(34,197,94,.10),
    0 12px 28px rgba(0,0,0,.28)!important;
}

.difficulty-beginner{ border-color:rgba(34,197,94,.32)!important; }
.difficulty-intermediate{ border-color:rgba(250,204,21,.34)!important; }
.difficulty-advanced{ border-color:rgba(249,115,22,.38)!important; }
.difficulty-expert{ border-color:rgba(239,68,68,.42)!important; }


/* ===== VERIFIED PRINT + PRINT DIFFICULTY ===== */

.print-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;

  padding:9px 13px!important;
  border-radius:999px!important;

  background:#111827!important;
  border:1px solid rgba(255,255,255,.10)!important;

  color:#f8fafc!important;

  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.verified-print{
  border-color:rgba(34,197,94,.45)!important;
  box-shadow:
    0 0 28px rgba(34,197,94,.10),
    0 12px 28px rgba(0,0,0,.28)!important;
}

.difficulty-beginner{ border-color:rgba(34,197,94,.32)!important; }
.difficulty-intermediate{ border-color:rgba(250,204,21,.34)!important; }
.difficulty-advanced{ border-color:rgba(249,115,22,.38)!important; }
.difficulty-expert{ border-color:rgba(239,68,68,.42)!important; }



/* ===== VERIFIED CREATOR ===== */

.verified-creator-check{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:28px!important;
  height:28px!important;

  margin-left:10px!important;

  border-radius:999px!important;

  background:linear-gradient(180deg,#22c55e 0%,#15803d 100%)!important;

  color:#fff!important;

  font-size:14px!important;
  font-weight:900!important;

  box-shadow:
    0 0 24px rgba(34,197,94,.35),
    0 12px 30px rgba(0,0,0,.32)!important;
}

.verified-creator-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;

  margin-top:14px!important;

  padding:10px 14px!important;

  border-radius:999px!important;

  background:
    linear-gradient(
      180deg,
      rgba(34,197,94,.16) 0%,
      rgba(21,128,61,.12) 100%
    )!important;

  border:1px solid rgba(34,197,94,.34)!important;

  color:#dcfce7!important;

  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;

  text-transform:uppercase!important;

  box-shadow:
    0 0 34px rgba(34,197,94,.10),
    0 14px 30px rgba(0,0,0,.30)!important;
}

/* ===== COLLECTIONS ===== */

.collections-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  margin-top:34px!important;
}

.collection-card{
  display:block!important;
  overflow:hidden!important;
  border-radius:30px!important;
  text-decoration:none!important;
  background:linear-gradient(180deg,#0f172a 0%,#020617 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38)!important;
  transition:.28s ease!important;
}

.collection-card:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(250,204,21,.22)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.58),0 0 42px rgba(250,204,21,.06)!important;
}

.collection-cover{
  height:260px!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.04) contrast(1.03)!important;
}

.collection-body{
  padding:24px!important;
}

.collection-kicker{
  color:#facc15!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.collection-body h3{
  margin:10px 0!important;
  color:#f8fafc!important;
}

.collection-body p{
  color:#94a3b8!important;
}

.collection-meta{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
  color:#cbd5e1!important;
  font-weight:800!important;
}

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


/* ===== COLLECTIONS ===== */

.collections-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  margin-top:34px!important;
}

.collection-card{
  display:block!important;
  overflow:hidden!important;
  border-radius:30px!important;
  text-decoration:none!important;
  background:linear-gradient(180deg,#0f172a 0%,#020617 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38)!important;
  transition:.28s ease!important;
}

.collection-card:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(250,204,21,.22)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.58),0 0 42px rgba(250,204,21,.06)!important;
}

.collection-cover{
  height:260px!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.04) contrast(1.03)!important;
}

.collection-body{
  padding:24px!important;
}

.collection-kicker{
  color:#facc15!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.collection-body h3{
  margin:10px 0!important;
  color:#f8fafc!important;
}

.collection-body p{
  color:#94a3b8!important;
}

.collection-meta{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
  color:#cbd5e1!important;
  font-weight:800!important;
}

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


/* ===== STICKY NAV OVERLAP FIX ===== */

.home-hero,
.auth-page,
.model-page,
section:first-of-type{
  scroll-margin-top:130px!important;
}

.container{
  padding-top:18px!important;
}

.nav + .home-hero,
.nav + .auth-page,
.nav + section{
  margin-top:28px!important;
}

@media(max-width:768px){
  .nav + .home-hero,
  .nav + .auth-page,
  .nav + section{
    margin-top:18px!important;
  }
}