@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-RD-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-RD-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{
  --bg:#F3F7F8;--surface:#fff;--ink:#10222C;--muted:#5A6E78;--line:#D7E1E5;
  --sea:#0A6670;--sea-deep:#073E45;--wa:#0F7F63;--rose:#F3DDE3;--mist:#D6E6F2;
  --font-scale:1;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 calc(1rem * var(--font-scale))/1.9 "Vazirmatn",Tahoma,"Segoe UI",sans-serif}
a{color:var(--sea);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--sea);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 1rem}
h1{font-size:calc(1.9rem * var(--font-scale));line-height:1.4;margin:1.5rem 0 .5rem}
h2{font-size:calc(1.25rem * var(--font-scale));margin:2.2rem 0 1rem}
.lead{color:var(--muted);max-width:60ch;margin:.25rem 0 1.25rem}
.muted{color:var(--muted)}

/* ============================================
   حالت شب (Dark Mode)
   ============================================ */
html[data-theme="dark"]{
  --bg:#0d1418;--surface:#152025;--ink:#e8eef2;--muted:#8fa3ad;--line:#22323a;
  --sea:#5fb5c0;--sea-deep:#a8dde5;--rose:#3a2830;--mist:#1e2f3a;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .site-footer{background:linear-gradient(180deg,#152025 0%,#0d1418 100%);border-top-color:var(--line)}
html[data-theme="dark"] .store-name{color:var(--ink)}
html[data-theme="dark"] .card{color:var(--ink)}
html[data-theme="dark"] .card-img{background:#1a252b}
html[data-theme="dark"] .tile{color:var(--ink)}
html[data-theme="dark"] .gallery #main-img{background:#1a252b}
html[data-theme="dark"] .holo-logo{
  background: radial-gradient(circle at 25% 20%, rgba(255,255,255,.25) 0%, rgba(255,255,255,.08) 15%, transparent 40%), radial-gradient(circle at 78% 85%, rgba(120,160,200,.35) 0%, transparent 45%), linear-gradient(135deg, #3a2e50 0%,#2a3e50 18%,#2e4a42 35%,#4a3e2e 52%,#503a42 70%,#2e3e50 88%,#3a2e50 100%);
  box-shadow: inset 0 1px 2px rgba(255,255,255,.3), inset 0 -2px 6px rgba(100,60,140,.25), inset 2px 2px 12px rgba(0,150,200,.15), 0 10px 30px rgba(0,0,0,.5), 0 6px 20px rgba(100,80,150,.3), 0 0 60px rgba(100,80,150,.4), 0 0 30px rgba(150,120,200,.3);
}
html[data-theme="dark"] .holo-logo img{
  filter: drop-shadow(0 1px 1px rgba(255,255,255,.3)) drop-shadow(0 2px 3px rgba(0,0,0,.5)) saturate(1.1) brightness(.95);
}

/* ============================================
   ساختار هدر
   ============================================ */
.site-header{background:transparent;border-bottom:0;position:relative;z-index:5}
.header-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 0 .75rem}
.header-top{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%}
.brand{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* --- لوگوی کریستالی --- */
.holo-logo{
  position:relative;display:inline-flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;transition:transform .4s ease;
  background: radial-gradient(circle at 25% 20%, rgba(255,255,255,.95) 0%, rgba(255,255,255,.3) 15%, transparent 40%), radial-gradient(circle at 78% 85%, rgba(200,230,255,.7) 0%, transparent 45%), linear-gradient(135deg, #e8d5ff 0%,#c8e6ff 18%,#d4f0e8 35%,#ffe8d4 52%,#ffd4e8 70%,#d4e8ff 88%,#e8d5ff 100%);
  background-size:100% 100%, 100% 100%, 250% 250%;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.9), inset 0 -2px 6px rgba(168,85,247,.15), inset 2px 2px 12px rgba(0,207,255,.2), 0 10px 30px rgba(10,102,112,.25), 0 6px 20px rgba(168,85,247,.2), 0 0 60px rgba(200,180,255,.5), 0 0 30px rgba(255,150,220,.25);
  animation:crystal-shine 8s ease-in-out infinite;overflow:hidden;
}
.holo-logo::before{
  content:"";position:absolute;inset:-50%;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.85) 45%, rgba(200,240,255,.9) 50%, rgba(255,200,240,.85) 55%, transparent 70%);
  animation:crystal-sweep 5s ease-in-out infinite;z-index:2;pointer-events:none;mix-blend-mode:screen;
}
.holo-logo::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg, rgba(255,150,220,.35), rgba(150,220,255,.35), rgba(180,255,220,.35), rgba(255,240,180,.35), rgba(220,180,255,.35), rgba(255,150,220,.35));
  -webkit-mask:radial-gradient(circle, transparent 62%, #000 68%, #000 95%, transparent 100%);mask:radial-gradient(circle, transparent 62%, #000 68%, #000 95%, transparent 100%);
  animation:crystal-hue 12s linear infinite;z-index:3;pointer-events:none;filter:blur(.5px);
}
.holo-logo img{position:relative;z-index:1;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(255,255,255,.9)) drop-shadow(0 2px 3px rgba(10,102,112,.25)) saturate(1.1) brightness(1.05)}

/* --- دیوایدر هولوگرامی --- */
.holo-divider{
  width:min(900px, 92%);height:3px;border-radius:999px;
  background:linear-gradient(90deg, transparent 0%,#ffb8e8 15%,#c8b8ff 30%,#b8e0ff 50%,#b8ffd8 70%,#ffe8b8 85%,transparent 100%);
  background-size:200% 100%;animation:divider-flow 6s linear infinite;
  box-shadow:0 0 8px rgba(200,180,255,.5), 0 0 16px rgba(255,200,240,.35);position:relative;margin:0 auto;
}
.holo-divider::after{
  content:"";position:absolute;inset:0;border-radius:999px;
  background:linear-gradient(90deg, transparent 30%, rgba(255,255,255,.9) 50%, transparent 70%);
  background-size:200% 100%;animation:divider-shine 3s linear infinite;mix-blend-mode:screen;
}

/* --- عنوان فروشگاه --- */
.store-title{text-align:center;margin:.5rem 0}
.store-name{font-size:calc(2.1rem * var(--font-scale));font-weight:700;color:var(--sea-deep);margin:0;line-height:1.4;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(10,102,112,.08)}
.store-tagline{font-size:calc(1.15rem * var(--font-scale));color:var(--muted);margin:.35rem 0 0;font-weight:400}

/* --- متن معرفی صفحه اصلی --- */
.hero-intro{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;margin:.75rem auto 1.5rem;padding:0 1rem}
.hero-lead{
  display:inline-block;max-width:65ch;font-size:calc(1.05rem * var(--font-scale));color:var(--muted);line-height:2;margin:0;padding:.9rem 1.4rem;border-radius:1rem;
  background:rgba(255,255,255,.4);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(200,180,255,.2),0 8px 24px rgba(168,85,247,.14),0 3px 10px rgba(255,150,220,.1);
}
html[data-theme="dark"] .hero-lead{background:rgba(30,45,55,.5);border-color:rgba(150,180,200,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(100,80,150,.15),0 8px 24px rgba(0,0,0,.4),0 3px 10px rgba(168,85,247,.15)}

/* ============================================
   باکس دسته‌بندی‌ها (هدر نوار شیشه‌ای)
   ============================================ */
.category-box{
  width:auto;max-width:fit-content;margin:0 auto;padding:.5rem .65rem;border-radius:1rem;
  background:rgba(255,255,255,.35);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);
  border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(200,180,255,.2),0 6px 20px rgba(168,85,247,.1),0 2px 8px rgba(255,150,220,.06);
}
html[data-theme="dark"] .category-box{background:rgba(30,45,55,.45);border-color:rgba(150,180,200,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(100,80,150,.2),0 10px 28px rgba(0,0,0,.4),0 3px 12px rgba(168,85,247,.15)}
.category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.category-nav a{
  position:relative;display:inline-block;padding:.55rem 1.15rem;border-radius:999px;font-size:calc(.95rem * var(--font-scale));font-weight:600;color:var(--sea-deep);text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease;
  background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);
  border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 10px rgba(168,85,247,.08),0 1px 3px rgba(255,150,220,.05);
}
.category-nav a::before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg, rgba(255,255,255,.75) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 65%, rgba(200,230,255,.4) 100%);pointer-events:none;z-index:-1}
.category-nav a::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.8) 50%, transparent 100%);transition:left .6s ease;pointer-events:none;z-index:-1}
.category-nav a:hover{text-decoration:none;color:var(--sea-deep);transform:translateY(-2px);background:rgba(255,255,255,.85);border-color:rgba(200,184,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 8px 20px rgba(168,85,247,.18),0 2px 8px rgba(255,150,220,.1)}
.category-nav a:hover::after{left:100%}
.category-nav a[aria-current="page"]{background:linear-gradient(135deg, rgba(168,85,247,.85), rgba(10,102,112,.9));color:#fff;border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 18px rgba(168,85,247,.4),0 2px 8px rgba(255,150,220,.25)}
html[data-theme="dark"] .category-nav a{background:rgba(40,60,75,.5);border-color:rgba(150,180,200,.3);color:var(--ink)}
html[data-theme="dark"] .category-nav a:hover{background:rgba(60,85,105,.75);border-color:rgba(150,120,200,.6)}

/* ============================================
   نوار قفل‌شونده + باکس کنترل‌ها
   ============================================ */
.sticky-bar{position:sticky;top:0;z-index:30;width:100%;padding:.5rem 0;transition:background .3s ease, padding .3s ease, box-shadow .3s ease}
.sticky-bar.is-stuck{background:transparent !important;box-shadow:none !important;padding:.4rem 0 !important;}
.control-box{
  display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:nowrap;width:auto;max-width:fit-content;margin:0 auto;padding:.4rem .6rem;border-radius:1rem;
  background:rgba(255,255,255,.4);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);
  border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(200,180,255,.2),0 6px 20px rgba(168,85,247,.12),0 2px 8px rgba(255,150,220,.08);
}
html[data-theme="dark"] .control-box{background:rgba(30,45,55,.5);border-color:rgba(150,180,200,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(100,80,150,.2),0 10px 28px rgba(0,0,0,.4),0 3px 12px rgba(168,85,247,.15)}

/* ============================================
   جستجو
   ============================================ */
.search-box{
  position:relative;display:flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:999px;
  background:rgba(255,255,255,.5);border:1px solid rgba(200,184,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 4px rgba(168,85,247,.06);transition:background .2s ease, box-shadow .2s ease, border-color .2s ease;flex:0 1 240px;min-width:180px;
}
.search-box:focus-within{background:rgba(255,255,255,.85);border-color:rgba(168,85,247,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 4px 14px rgba(168,85,247,.18),0 0 0 3px rgba(200,184,255,.25)}
html[data-theme="dark"] .search-box{background:rgba(45,65,80,.5);border-color:rgba(150,180,200,.3)}
html[data-theme="dark"] .search-box:focus-within{background:rgba(60,85,105,.85);border-color:rgba(168,85,247,.7)}
.search-icon{font-size:.9rem;opacity:.6;flex:0 0 auto}
.search-box input[type="search"]{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:calc(.9rem * var(--font-scale));color:var(--ink);padding:.3rem 0}
.search-box input[type="search"]::placeholder{color:var(--muted);opacity:.8}
.search-box input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:.85rem;height:.85rem;background:linear-gradient(45deg, transparent 45%, var(--muted) 45%, var(--muted) 55%, transparent 55%),linear-gradient(-45deg, transparent 45%, var(--muted) 45%, var(--muted) 55%, transparent 55%);cursor:pointer;opacity:.6}
.search-results{position:absolute;top:calc(100% + .5rem);right:0;left:0;background:var(--surface);border:1px solid var(--line);border-radius:.9rem;box-shadow:0 16px 40px rgba(168,85,247,.2),0 6px 20px rgba(255,150,220,.1);overflow:hidden;z-index:50;max-height:22rem;overflow-y:auto}
.search-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);transition:background .15s ease}
.search-item:last-child{border-bottom:0}
.search-item:hover{background:rgba(200,180,255,.15);text-decoration:none}
.search-item img{width:3rem;height:4rem;object-fit:cover;border-radius:.45rem;flex:0 0 auto;background:#e3ecef}
.search-item-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.search-item-info strong{font-size:.95rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-item-info small{font-size:.8rem;color:var(--muted)}
.search-empty{padding:1rem;text-align:center;font-size:.9rem;color:var(--muted)}

/* ============================================
   کنترل‌ها
   ============================================ */
.nav-controls{display:flex;gap:.4rem;align-items:center;flex:0 0 auto}
.ctrl-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .6rem;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--sea-deep);border:1px solid rgba(200,184,255,.5);background:rgba(255,255,255,.6);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 6px rgba(168,85,247,.08);transition:transform .2s ease, box-shadow .2s ease, background .2s ease}
.ctrl-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.9);border-color:rgba(168,85,247,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 6px 16px rgba(168,85,247,.2),0 2px 8px rgba(255,150,220,.12)}
.ctrl-btn:active{transform:translateY(0)}
.ctrl-icon{line-height:1;font-size:1rem}
html[data-theme="dark"] .ctrl-btn{background:rgba(45,65,80,.5);border-color:rgba(150,180,200,.3);color:var(--ink)}
html[data-theme="dark"] .ctrl-btn:hover{background:rgba(60,85,105,.85);border-color:rgba(168,85,247,.7)}

/* ============================================
   انیمیشن‌ها
   ============================================ */
@keyframes crystal-shine{0%,100%{background-position:0% 0%,100% 100%,0% 50%}50%{background-position:0% 0%,100% 100%,100% 50%}}
@keyframes crystal-sweep{0%{transform:translate(-60%,-60%) rotate(0deg);opacity:0}15%{opacity:1}50%{transform:translate(60%,60%) rotate(0deg);opacity:1}85%{opacity:1}100%{transform:translate(60%,60%) rotate(0deg);opacity:0}}
@keyframes crystal-hue{to{filter:hue-rotate(360deg) blur(.5px)}}
@keyframes divider-flow{to{background-position:200% 0}}
@keyframes divider-shine{0%{background-position:-100% 0}100%{background-position:200% 0}}
.brand:hover .holo-logo{transform:scale(1.05)}
.brand:hover .holo-logo::before{animation-duration:2s}

/* ============================================
   کاشی‌های صفحه اصلی
   ============================================ */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 .5rem}
.tile{display:flex;flex-direction:column;justify-content:flex-end;min-height:11rem;padding:1.25rem;border-radius:1.5rem 1.5rem 1.5rem .4rem;color:var(--ink)}
.tile:hover{text-decoration:none;transform:translateY(-2px);transition:transform .15s}
.tile.girls{background:var(--rose)}
.tile.boys{background:var(--mist)}
.tile-name{font-size:2.2rem;font-weight:700;line-height:1.2}
.tile-count{color:var(--muted)}

/* ============================================
   گرید کارت‌ها
   ============================================ */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{display:flex;flex-direction:column;gap:.15rem;color:var(--ink);text-align:center;padding:.55rem;border-radius:1.1rem;background:rgba(255,255,255,.35);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 16px rgba(168,85,247,.08),0 1px 4px rgba(255,150,220,.05);transition:transform .25s ease, box-shadow .25s ease, background .25s ease}
.card:hover{text-decoration:none;transform:translateY(-3px);background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 12px 28px rgba(168,85,247,.18),0 4px 14px rgba(255,150,220,.12)}
html[data-theme="dark"] .card{background:rgba(30,45,55,.45);border-color:rgba(150,180,200,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 16px rgba(0,0,0,.3)}
html[data-theme="dark"] .card:hover{background:rgba(45,65,80,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.45),0 4px 14px rgba(168,85,247,.15)}
.card:hover .card-title{color:var(--sea)}
.card-img{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:.8rem;background:var(--pearl,#E3ECEF)}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-title{font-weight:700;margin-top:.5rem;line-height:1.6;text-align:center}
.card-price{color:var(--muted);font-size:.95rem;text-align:center}

/* ============================================
   وکتورهای ۳بعدی هولوگرامی
   ============================================ */
.toon-divider{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;width:100%;margin:2rem 0;position:relative;pointer-events:none;user-select:none}
.toon-line{flex:1 1 auto;height:2px;border-radius:999px;background:linear-gradient(90deg, transparent 0%, rgba(200,180,255,.5) 40%, rgba(255,180,220,.5) 60%, transparent 100%);max-width:280px}
.toon-line-left{background:linear-gradient(90deg, transparent 0%, rgba(200,180,255,.5) 100%);margin-right:1rem}
.toon-line-right{background:linear-gradient(90deg, rgba(200,180,255,.5) 0%, transparent 100%);margin-left:1rem}
.toon-svg{width:80px;height:80px;flex:0 0 auto;overflow:visible}

/* === انیمیشن‌های عمومی === */
@keyframes toon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes toon-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@keyframes toon-twinkle{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}
@keyframes toon-flap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.55)}}
.diamond-body{animation:toon-float 3.5s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.crown-body{animation:toon-float 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.crown-jewel{animation:toon-pulse 1.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.crown-jewel:nth-of-type(1){animation-delay:0s}.crown-jewel:nth-of-type(2){animation-delay:.3s}.crown-jewel:nth-of-type(3){animation-delay:.6s}
.star-body{animation:toon-float 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.moon-body{animation:toon-float 4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.moon-spark{animation:toon-twinkle 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.moon-spark:nth-of-type(2){animation-delay:.5s}.moon-spark:nth-of-type(3){animation-delay:1s}
.wing{transform-origin:center;transform-box:fill-box}
.wing-left{animation:toon-flap 1.2s ease-in-out infinite}
.wing-right{animation:toon-flap 1.2s ease-in-out infinite;animation-delay:.6s}
.ribbon-left,.ribbon-right{transform-origin:center;transform-box:fill-box;animation:toon-float 3s ease-in-out infinite}
.ribbon-tail{animation:toon-float 2.5s ease-in-out infinite;transform-origin:top center;transform-box:fill-box}

/* ============================================
   صفحه محصول
   ============================================ */
.crumbs{font-size:.9rem;color:var(--muted);margin:1rem 0}
.crumbs a{color:var(--sea)}
[hidden]{display:none !important}

/* --- گرید واکنش‌گرا --- */
@media (min-width:760px){
  .grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}
  .tile{min-height:13rem}
}
@media (min-width:1040px){
  .grid{grid-template-columns:repeat(4,1fr)}
}

/* --- گرید صفحه محصول --- */
.product-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;margin-top:.5rem}
@media (min-width:820px){.product-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}
.gallery #main-img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:1.2rem;background:var(--pearl,#E3ECEF);box-shadow:0 8px 28px rgba(168,85,247,.12)}
.thumbs{display:flex;gap:.5rem;margin-top:.75rem;overflow-x:auto;padding-bottom:.25rem}
.thumbs button{flex:0 0 auto;width:4.5rem;padding:0;border:2px solid transparent;border-radius:.7rem;overflow:hidden;background:var(--surface);cursor:pointer;opacity:.75;transition:opacity .2s,border-color .2s,transform .2s}
.thumbs button img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.thumbs button:hover{opacity:1;transform:translateY(-2px)}
.thumbs button.active{opacity:1;border-color:var(--sea)}

.info h1{margin-top:0}
.info .price{margin:.25rem 0 1rem}
.price-value{font-size:calc(1.35rem * var(--font-scale));font-weight:700;color:var(--sea)}
.card-price .price-value{font-size:inherit;font-weight:400;color:var(--muted)}
.meta{margin:.3rem 0;color:var(--muted)}
.desc{margin:1rem 0;line-height:2}
.more{margin-top:2.5rem}

/* --- دکمه‌های خرید --- */
.btn-wa,.btn-cart{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1.2rem;border:0;border-radius:999px;
  font:700 calc(1rem * var(--font-scale))/1.6 "Vazirmatn",Tahoma,sans-serif;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 6px 18px rgba(15,127,99,.28)}
.btn-wa:hover{text-decoration:none;transform:translateY(-2px);filter:brightness(1.07);color:#fff}
.btn-cart{background:var(--surface);color:var(--sea-deep);border:1.5px solid var(--sea);box-shadow:0 4px 14px rgba(10,102,112,.12)}
.btn-cart:hover{transform:translateY(-2px);background:var(--sea);color:#fff}
#wa-menu .btn-wa{width:auto;flex:1}
html[data-theme="dark"] #wa-menu{background:var(--surface) !important;border-color:var(--line) !important}
html[data-theme="dark"] #wa-menu p{color:var(--muted) !important}
html[data-theme="dark"] .btn-cart{color:var(--ink)}

/* --- پیام خوش‌آمد --- */
.welcome-toast{position:fixed;top:1rem;right:50%;transform:translate(50%,-150%);z-index:100;max-width:92vw;opacity:0;transition:transform .4s ease,opacity .4s ease}
.welcome-toast.is-visible{transform:translate(50%,0);opacity:1}
.welcome-toast-content{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px rgba(168,85,247,.2)}
html[data-theme="dark"] .welcome-toast-content{background:rgba(21,32,37,.9);border-color:var(--line)}
.welcome-toast-text{margin:0;font-size:.95rem}
.welcome-toast-close{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:1rem}

/* ============================================
   فوتر
   ============================================ */
.site-footer{margin-top:4rem;padding:2.5rem 0 2rem;background:linear-gradient(180deg,#eaf1f4 0%,#dce8ec 100%);border-top:1px solid var(--line)}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}
.footer-store-name{margin:0;font-size:calc(1.4rem * var(--font-scale))}
.footer-tagline{margin:.25rem 0 0;color:var(--muted)}
.footer-contact-title{margin:1.25rem 0 .75rem;font-size:calc(1.05rem * var(--font-scale))}
.contact-buttons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.contact-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:999px;color:var(--sea-deep);font-size:.95rem;background:rgba(255,255,255,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:0 3px 10px rgba(168,85,247,.08);transition:transform .2s ease,box-shadow .2s ease}
a.contact-btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 18px rgba(168,85,247,.16)}
.contact-btn-icon{font-size:1.05rem;line-height:1}

.social-boxes{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}
.social-box{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:5.5rem;padding:.8rem .4rem;border-radius:1.1rem;color:var(--sea-deep);background:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 14px rgba(168,85,247,.1);transition:transform .2s ease,box-shadow .2s ease}
.social-box:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 22px rgba(168,85,247,.18)}
.social-icon{display:inline-flex;width:2rem;height:2rem}
.social-icon svg{width:100%;height:100%}
.social-label{font-size:.8rem;font-weight:600}

.trust-boxes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.trust-box{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:6.5rem;padding:.7rem;border-radius:1rem;color:var(--muted);background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8)}
.trust-box:hover{text-decoration:none}
.trust-box img{width:auto;height:4.5rem;max-width:6rem;object-fit:contain}
.trust-label{font-size:.75rem}
.footer-bottom p{margin:.2rem 0;font-size:.9rem;color:var(--muted)}
html[data-theme="dark"] .contact-btn,html[data-theme="dark"] .social-box,html[data-theme="dark"] .trust-box{background:rgba(30,45,55,.5);border-color:rgba(150,180,200,.2);color:var(--ink)}

/* ============================================
   سبد خرید شناور
   ============================================ */
.floating-cart{position:fixed;bottom:1.25rem;left:1.25rem;z-index:60;display:flex;align-items:center;justify-content:center;gap:.3rem;min-width:3.4rem;height:3.4rem;padding:0 .9rem;border-radius:999px;background:var(--sea);color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:0 10px 26px rgba(10,102,112,.4);transition:transform .2s ease}
.floating-cart:hover{transform:scale(1.06)}
.cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:#ff4d94;color:#fff;font-size:.8rem;font-weight:700}
.cart-modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(8,20,26,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.cart-modal.active{display:flex}
.cart-content{position:relative;width:100%;max-width:30rem;max-height:85vh;overflow-y:auto;padding:1.5rem 1.25rem 1.25rem;border-radius:1.4rem;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.cart-close{position:absolute;top:.7rem;left:.7rem;width:2.2rem;height:2.2rem;border:0;border-radius:50%;background:var(--bg);color:var(--ink);cursor:pointer;font-size:1rem}
.cart-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.cart-item img{width:3.8rem;height:5rem;object-fit:cover;border-radius:.6rem;flex:0 0 auto}
.cart-item-info{flex:1;min-width:0}
.cart-item-info h4{margin:0 0 .2rem;font-size:.95rem;line-height:1.6}
.cart-item-info span{color:var(--muted);font-size:.9rem}
.cart-item-remove{border:0;background:transparent;cursor:pointer;font-size:1.2rem}
.cart-checkout{width:100%;margin-top:1rem;padding:.85rem 1rem;border:0;border-radius:999px;background:var(--wa);color:#fff;font:700 1rem "Vazirmatn",Tahoma,sans-serif;cursor:pointer}
.cart-checkout:hover{filter:brightness(1.08)}

/* ============================================
   کاور شیشه‌ای براق + اسلایدر کارت محصول
   ============================================ */
.card-body{display:flex;flex-direction:column;gap:.15rem;color:inherit;text-decoration:none}
.card-body:hover{text-decoration:none}
.card-img{position:relative;display:block;aspect-ratio:3/4;padding:3px;border-radius:1.2rem;overflow:hidden;isolation:isolate;background:linear-gradient(135deg, #e8d5ff 0%,#c8e6ff 18%,#d4f0e8 35%,#ffe8d4 52%,#ffd4e8 70%,#d4e8ff 88%,#e8d5ff 100%);background-size:250% 250%;box-shadow:inset 0 1px 2px rgba(255,255,255,.9),inset 0 -2px 6px rgba(168,85,247,.15),0 10px 24px rgba(10,102,112,.18),0 6px 18px rgba(168,85,247,.16),0 0 26px rgba(200,180,255,.32);transition:box-shadow .3s ease,transform .3s ease}
.card:hover .card-img{box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 -2px 6px rgba(168,85,247,.2),0 14px 30px rgba(10,102,112,.24),0 8px 24px rgba(168,85,247,.26),0 0 40px rgba(255,150,220,.35);animation:holo-pan 4s linear infinite}
@keyframes holo-pan{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.card-img .slides{position:relative;z-index:1;display:flex;height:100%;direction:ltr;border-radius:calc(1.2rem - 3px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.card-img .slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;height:100%;display:block;scroll-snap-align:center;scroll-snap-stop:always}
.slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) brightness(1.03)}

.card-img::after{content:"";position:absolute;inset:3px;z-index:4;pointer-events:none;border-radius:calc(1.2rem - 3px);background:radial-gradient(circle at 22% 14%, rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 18%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 26%),radial-gradient(circle at 85% 95%,rgba(200,230,255,.32) 0%,transparent 42%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 2px 6px rgba(255,255,255,.5),inset 0 -4px 12px rgba(168,85,247,.16)}
.card-img::before{content:"";position:absolute;z-index:3;top:-10%;bottom:-10%;left:0;width:12%;pointer-events:none;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 30%, rgba(255,255,255,.34) 50%, rgba(255,255,255,.10) 70%, transparent 100%);filter:blur(2.5px);transform:translateX(-400%) skewX(-16deg);animation:card-sweep 8s ease-in-out infinite}
@keyframes card-sweep{0%,62%{transform:translateX(-400%) skewX(-16deg)}100%{transform:translateX(1000%) skewX(-16deg)}}
.grid .card:nth-child(3n+2) .card-img::before{animation-delay:1.6s}
.grid .card:nth-child(3n+3) .card-img::before{animation-delay:3.2s}

.slide-btn{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:2rem;height:2rem;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--sea-deep);cursor:pointer;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.85);box-shadow:0 3px 10px rgba(168,85,247,.2);opacity:0;transition:opacity .2s ease,transform .2s ease}
.slide-prev{left:.5rem}.slide-next{right:.5rem}
.card:hover .slide-btn,.slide-btn:focus-visible{opacity:1}
.slide-btn:hover{transform:translateY(-50%) scale(1.1)}
@media (hover:none){.slide-btn{display:none}}
.slide-dots{position:absolute;z-index:5;bottom:.6rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.3rem;padding:.28rem .55rem;border-radius:999px;background:rgba(255,255,255,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7)}
.slide-dot{width:.4rem;height:.4rem;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(10,102,112,.25);transition:width .25s ease,background .25s ease}
.slide-dot.active{width:1.1rem;background:var(--sea)}

html[data-theme="dark"] .card-img{background:linear-gradient(135deg, #3a2e50 0%,#2a3e50 18%,#2e4a42 35%,#4a3e2e 52%,#503a42 70%,#2e3e50 88%,#3a2e50 100%);background-size:250% 250%;box-shadow:inset 0 1px 2px rgba(255,255,255,.3),0 10px 24px rgba(0,0,0,.45),0 6px 18px rgba(100,80,150,.3),0 0 28px rgba(100,80,150,.3)}
html[data-theme="dark"] .card-img::after{background:radial-gradient(circle at 22% 14%,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 18%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 26%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 2px 6px rgba(255,255,255,.15)}
html[data-theme="dark"] .slide-btn{background:rgba(21,32,37,.6);color:var(--ink);border-color:rgba(255,255,255,.2)}
html[data-theme="dark"] .slide-dots{background:rgba(21,32,37,.5);border-color:rgba(255,255,255,.2)}
html[data-theme="dark"] .slide-dot{background:rgba(255,255,255,.55)}

@media (prefers-reduced-motion:reduce){.card-img::before{animation:none;opacity:0}.card:hover .card-img{animation:none}}

/* ============================================
   منوی انتخاب فروشنده (واتساپ)
   ============================================ */
.wa-menu{padding:.9rem;border-radius:1.2rem;text-align:center;background:rgba(255,255,255,.55);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(168,85,247,.16)}
.wa-menu-title{margin:0 0 .75rem;font-size:.9rem;color:var(--muted)}
.wa-sellers{display:flex;flex-wrap:wrap;gap:.6rem}
.wa-seller{flex:1 1 9.5rem;display:flex;align-items:center;gap:.65rem;padding:.5rem .8rem .5rem .6rem;border-radius:999px;color:var(--ink);text-align:right;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(15,127,99,.14);transition:transform .2s ease,box-shadow .2s ease}
.wa-seller:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,127,99,.26)}
.wa-avatar{position:relative;flex:0 0 auto;width:3.25rem;height:3.25rem;border-radius:50%;padding:2px;overflow:hidden;background:linear-gradient(135deg,#e8d5ff 0%,#c8e6ff 25%,#d4f0e8 50%,#ffd4e8 75%,#e8d5ff 100%);box-shadow:0 0 0 2px rgba(255,255,255,.9),0 4px 12px rgba(168,85,247,.25),0 0 14px rgba(200,180,255,.45)}
.wa-avatar::before{content:"👤";position:absolute;inset:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.7);font-size:1.4rem}
.wa-avatar img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover}
.wa-avatar::after{content:"";position:absolute;inset:2px;z-index:2;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.6) 0%,rgba(255,255,255,.1) 28%,transparent 45%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -3px 8px rgba(168,85,247,.18)}
.wa-seller-info{display:flex;flex-direction:column;line-height:1.5;min-width:0}
.wa-seller-info strong{font-size:.95rem}
.wa-seller-info small{font-size:.75rem;color:var(--wa);font-weight:700}
html[data-theme="dark"] .wa-seller{background:rgba(30,45,55,.6);border-color:rgba(150,180,200,.25);color:var(--ink)}
html[data-theme="dark"] .wa-menu{background:rgba(21,32,37,.7);border-color:rgba(150,180,200,.2)}
html[data-theme="dark"] .wa-avatar::before{background:rgba(30,45,55,.8)}
button.wa-seller{font:inherit;cursor:pointer;width:auto}
.cart-sellers{margin-top:.75rem}

/* --- باکس‌های دخترانه/پسرانه + جمله زیر هرکدام --- */
.tiles{align-items:start}
.tile-col{display:flex;flex-direction:column;gap:.9rem;min-width:0}
.tile{align-items:center;text-align:center}
.tile-col .hero-lead{display:block;width:100%;max-width:none;text-align:center;font-size:calc(.95rem * var(--font-scale));padding:.8rem 1rem}
.slide-btn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .card-img::before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.06) 70%,transparent 100%)}

/* ============================================
   بردر نازک متحرک دور کاور کارت‌ها
   ============================================ */
.card-img{padding:2px;background:rgba(255,255,255,.28);background-size:auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 10px 24px rgba(10,102,112,.16),0 6px 18px rgba(168,85,247,.14),0 0 22px rgba(200,180,255,.28)}
.card:hover .card-img{animation:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 14px 30px rgba(10,102,112,.22),0 8px 24px rgba(168,85,247,.22),0 0 34px rgba(255,150,220,.3)}
.card-img .slides{border-radius:calc(1.2rem - 2px)}
.card-img::after{inset:2px;border-radius:calc(1.2rem - 2px)}
.card-ring{position:absolute;z-index:0;left:50%;top:50%;width:190%;aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(from 0deg, rgba(255,255,255,.05) 0deg, rgba(200,180,255,.7) 60deg, rgba(255,255,255,.08) 120deg, rgba(150,220,255,.65) 190deg, rgba(255,255,255,.06) 250deg, rgba(255,150,220,.65) 310deg, rgba(255,255,255,.05) 360deg);animation:ring-spin 9s linear infinite}
.card:nth-child(2n) .card-ring{animation-duration:11s;animation-delay:-3s}
.card:nth-child(3n) .card-ring{animation-duration:10s;animation-delay:-6s}
@keyframes ring-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
html[data-theme="dark"] .card-img{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.45),0 0 22px rgba(100,80,150,.28)}
html[data-theme="dark"] .card-ring{opacity:.75}

/* ============================================
   صفحه محصول: نور روی عکس اصلی و بندانگشتی‌ها
   ============================================ */
.gallery-main{position:relative;overflow:hidden;isolation:isolate;border-radius:1.2rem;box-shadow:0 8px 28px rgba(168,85,247,.14)}
.gallery #main-img{box-shadow:none;border-radius:0;display:block}
.gallery-main::before,.thumbs button::before{content:"";position:absolute;z-index:3;top:-10%;bottom:-10%;left:0;width:12%;pointer-events:none;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 30%, rgba(255,255,255,.34) 50%, rgba(255,255,255,.10) 70%, transparent 100%);filter:blur(2.5px);transform:translateX(-400%) skewX(-16deg);animation:card-sweep 8s ease-in-out infinite}
.thumbs button::before{width:16%;filter:blur(1.5px)}
.thumbs button:nth-child(2n)::before{animation-delay:1.3s}
.thumbs button:nth-child(3n)::before{animation-delay:2.6s}
.thumbs button:nth-child(5n)::before{animation-delay:3.9s}
html[data-theme="dark"] .gallery-main::before,html[data-theme="dark"] .thumbs button::before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.06) 70%,transparent 100%)}

.thumbs-wrap{position:relative;margin-top:.75rem}
.thumbs{display:flex;gap:.5rem;margin-top:0;padding:.2rem .15rem .35rem;direction:ltr;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none}
.thumbs::-webkit-scrollbar{display:none}
.thumbs.is-dragging{cursor:grabbing;scroll-snap-type:none}
.thumbs button{position:relative;scroll-snap-align:start}
.thumbs button img{pointer-events:none}
.thumb-nav{position:absolute;top:50%;z-index:6;transform:translateY(-50%);width:2rem;height:2rem;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--sea-deep);cursor:pointer;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(168,85,247,.22);transition:opacity .2s ease,transform .2s ease}
.thumb-prev{left:-.3rem}.thumb-next{right:-.3rem}
.thumb-nav:hover{transform:translateY(-50%) scale(1.1)}
.thumb-nav.is-off{opacity:0;pointer-events:none}
.thumb-nav svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .thumb-nav{background:rgba(21,32,37,.75);color:var(--ink);border-color:rgba(255,255,255,.2)}

@media (prefers-reduced-motion:reduce){.card-ring{animation:none}.gallery-main::before,.thumbs button::before{animation:none;opacity:0}}
.product-grid{grid-template-columns:minmax(0,1fr)}
@media (min-width:820px){.product-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.product-grid > *,.thumbs-wrap{min-width:0}

.trust-box{justify-content:center;min-width:6.5rem;min-height:6rem}
.trust-box img{width:auto;height:4.5rem;max-width:7rem;object-fit:contain;cursor:pointer}

@media (min-width:760px) and (max-width:1039px){.grid .toon-divider{display:none}}
@media (max-width:520px){.wa-seller{flex:1 1 100%}}
.floating-cart{display:none}.floating-cart.has-items{display:flex}
@media (max-width:520px){.floating-cart{bottom:.9rem;left:.9rem;min-width:3rem;height:3rem;font-size:1.05rem}}
html[data-theme="dark"] .floating-cart{background:#0a4d55;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12)}
.header-inner{padding-left:1rem;padding-right:1rem}
.category-box{max-width:100%}
.control-box{max-width:100%}
.card-body{flex:1 1 auto}
.card-price{margin-top:auto}
.is-product .header-inner{gap:.6rem;padding-top:1rem;padding-bottom:.4rem}
.is-product .header-top{flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}
.is-product .header-top .holo-divider,.is-product .store-tagline{display:none}
.is-product .holo-logo{width:84px;height:84px}
.is-product .store-name{font-size:calc(1.35rem * var(--font-scale))}
.is-product .store-title{margin:0;text-align:start}
html[data-theme="dark"] .slide img,html[data-theme="dark"] .gallery-main img,html[data-theme="dark"] .thumbs button img,html[data-theme="dark"] .cart-item img{filter:brightness(.9) saturate(1.05)}

body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(48rem 36rem at 92% -6%, rgba(255,212,232,.62), transparent 62%),radial-gradient(44rem 34rem at 4% 16%, rgba(200,230,255,.62), transparent 62%),radial-gradient(42rem 32rem at 86% 62%, rgba(232,213,255,.5), transparent 62%),radial-gradient(40rem 30rem at 10% 92%, rgba(212,240,232,.5), transparent 62%)}
html[data-theme="dark"] body::before{background:radial-gradient(1.2px 1.2px at 8% 12%, rgba(255,255,255,.55), transparent 70%),radial-gradient(1px 1px at 22% 34%, rgba(255,255,255,.4), transparent 70%),radial-gradient(1.4px 1.4px at 37% 8%, rgba(255,255,255,.5), transparent 70%),radial-gradient(1px 1px at 51% 27%, rgba(255,255,255,.35), transparent 70%),radial-gradient(1.2px 1.2px at 66% 14%, rgba(255,255,255,.5), transparent 70%),radial-gradient(1px 1px at 79% 38%, rgba(255,255,255,.4), transparent 70%),radial-gradient(1.4px 1.4px at 92% 21%, rgba(255,255,255,.55), transparent 70%),radial-gradient(1px 1px at 14% 58%, rgba(255,255,255,.35), transparent 70%),radial-gradient(1.2px 1.2px at 31% 76%, rgba(255,255,255,.45), transparent 70%),radial-gradient(1px 1px at 58% 66%, rgba(255,255,255,.35), transparent 70%),radial-gradient(1.4px 1.4px at 74% 82%, rgba(255,255,255,.5), transparent 70%),radial-gradient(1px 1px at 88% 70%, rgba(255,255,255,.4), transparent 70%),radial-gradient(1.2px 1.2px at 45% 92%, rgba(255,255,255,.4), transparent 70%),radial-gradient(1px 1px at 5% 88%, rgba(255,255,255,.35), transparent 70%),radial-gradient(46rem 34rem at 90% -8%, rgba(92,60,150,.34), transparent 62%),radial-gradient(44rem 34rem at 2% 22%, rgba(15,100,112,.3), transparent 62%),radial-gradient(42rem 30rem at 84% 70%, rgba(130,50,110,.2), transparent 62%),radial-gradient(40rem 30rem at 12% 96%, rgba(40,70,140,.22), transparent 62%)}

.category-box{display:flex;align-items:center;gap:.3rem;position:relative;max-width:100%}
.category-nav{--fl:0px;--fr:0px;flex:1 1 auto;min-width:0;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:.15rem .1rem;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}
.category-nav::-webkit-scrollbar{display:none}
.category-nav.can-left{--fl:26px}
.category-nav.can-right{--fr:26px}
.category-nav a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:center}
.cat-nav{display:none;flex:0 0 auto;width:2rem;height:2rem;padding:0;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;color:var(--sea-deep);background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(168,85,247,.2);transition:opacity .2s ease,transform .2s ease}
.category-box.has-overflow .cat-nav{display:flex}
.cat-nav:hover{transform:scale(1.1)}
.cat-nav.is-off{opacity:.35;pointer-events:none}
.cat-nav svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .cat-nav{background:rgba(21,32,37,.75);color:var(--ink);border-color:rgba(255,255,255,.2)}
@media (hover:none){.cat-nav{display:none !important}}
@media (max-width:520px){.category-box{padding:.4rem .5rem}.category-nav a{padding:.5rem .95rem}}
.cat-next{order:-1}.cat-prev{order:1}

.card-img .slides{direction:rtl}
.thumbs{direction:rtl}
.slide-prev{right:.5rem;left:auto}.slide-next{left:.5rem;right:auto}
.welcome-toast{left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100vw - 1rem);transform:translateY(-160%)}
.welcome-toast.is-visible{transform:translateY(0)}
.welcome-toast-content{white-space:nowrap;gap:.5rem;padding:.55rem .9rem}
.welcome-toast-text{overflow:hidden;text-overflow:ellipsis;font-size:clamp(.78rem,3.4vw,.95rem)}

.tile{position:relative;overflow:hidden;isolation:isolate;min-height:17rem;align-items:center;text-align:center;gap:.1rem;box-shadow:0 8px 24px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.7)}
.tile.girls{background:linear-gradient(160deg,#fbe3ee 0%,#f1d9ea 55%,#e7d9f5 100%)}
.tile.boys{background:linear-gradient(160deg,#dcebf7 0%,#d5e4f2 55%,#d2e9ec 100%)}
html[data-theme="dark"] .tile.girls{background:linear-gradient(160deg,#3a2832 0%,#33263c 100%)}
html[data-theme="dark"] .tile.boys{background:linear-gradient(160deg,#1f3040 0%,#1e3a3f 100%)}
.tile-name{font-size:calc(1.7rem * var(--font-scale))}
.tile-collage{position:absolute;z-index:0;top:.9rem;left:0;right:0;height:7.2rem;display:flex;justify-content:center;align-items:center;pointer-events:none}
.tile-collage img{height:100%;width:auto;aspect-ratio:3/4;object-fit:cover;margin-inline:-1.1rem;border-radius:.9rem;border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(80,40,120,.22);transition:transform .35s ease}
.tile-collage img:nth-child(1){transform:rotate(-8deg) translateY(.35rem);z-index:1}
.tile-collage img:nth-child(2){transform:scale(1.1);z-index:3}
.tile-collage img:nth-child(3){transform:rotate(8deg) translateY(.35rem);z-index:2}
.tile:hover .tile-collage img:nth-child(1){transform:rotate(-12deg) translate(-.4rem,.2rem)}
.tile:hover .tile-collage img:nth-child(2){transform:scale(1.16) translateY(-.2rem)}
.tile:hover .tile-collage img:nth-child(3){transform:rotate(12deg) translate(.4rem,.2rem)}
.tile > .tile-name,.tile > .tile-count,.tile > .tile-cta{position:relative;z-index:1}
.tile-cta{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;padding:.3rem .85rem;border-radius:999px;font-size:.85rem;font-weight:700;color:var(--sea-deep);background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9)}
html[data-theme="dark"] .tile-cta{background:rgba(21,32,37,.6);border-color:rgba(255,255,255,.2)}
.tile-cta svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:760px){.tile{min-height:21rem}.tile-name{font-size:calc(2.2rem * var(--font-scale))}.tile-collage{height:11rem;top:1.1rem}.tile-collage img{margin-inline:-1.4rem}}
@media (max-width:759px){.tile-col:nth-child(2) .hero-lead{margin-top:1.6rem}}

.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:2.4rem 0 1rem}
.section-head h2{margin:0}
.section-sub{color:var(--muted);font-size:.9rem;margin:0}

.cat-row{display:flex;gap:.9rem;overflow-x:auto;padding:.4rem .2rem 1rem;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cat-row::-webkit-scrollbar{display:none}
.cat-card{flex:0 0 40%;max-width:11rem;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;color:var(--ink)}
.cat-card:hover{text-decoration:none}
.cat-card:hover .card-img{box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 14px 30px rgba(10,102,112,.22),0 8px 24px rgba(168,85,247,.22),0 0 34px rgba(255,150,220,.3)}
.card-img.cat-cover{width:100%;aspect-ratio:1/1}
.cat-emoji{display:flex !important;align-items:center;justify-content:center;font-size:3rem;background:rgba(255,255,255,.55)}
.cat-name{font-weight:700;font-size:calc(1rem * var(--font-scale))}
.cat-count{color:var(--muted);font-size:.85rem}
@media (min-width:900px){.cat-row{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;gap:1.2rem}.cat-card{flex:none;max-width:none}}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:1fr}
.step{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:1.2rem;background:rgba(255,255,255,.5);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(168,85,247,.1)}
.step-num{flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff80ab,#a855f7);box-shadow:0 4px 12px rgba(168,85,247,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.step strong{display:block;margin-bottom:.15rem}
.step p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.9}
html[data-theme="dark"] .step{background:rgba(30,45,55,.55);border-color:rgba(150,180,200,.2)}
@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}

.contact-panel{margin-top:2.4rem;padding:1.4rem 1.2rem;border-radius:1.5rem;text-align:center;background:rgba(255,255,255,.5);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 30px rgba(168,85,247,.14)}
.contact-panel h2{margin:0 0 .3rem}
.contact-panel .muted{margin:0 0 1rem}
.contact-panel .wa-sellers{justify-content:center}
.contact-panel .wa-seller{flex:1 1 12rem;max-width:16rem}
html[data-theme="dark"] .contact-panel{background:rgba(21,32,37,.6);border-color:rgba(150,180,200,.2)}

.install-bar{position:fixed;z-index:80;left:0;right:0;margin-inline:auto;bottom:calc(.8rem + env(safe-area-inset-bottom,0px));width:min(92vw,30rem);display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem .6rem .9rem;border-radius:1.2rem;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(10,102,112,.28),inset 0 1px 0 rgba(255,255,255,.95)}
html[data-theme="dark"] .install-bar{background:rgba(21,32,37,.88);border-color:rgba(255,255,255,.18)}
.install-icon{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:.8rem;object-fit:cover}
.install-text{flex:1;min-width:0;font-size:.85rem;line-height:1.7}
.install-text strong{display:block;font-size:.95rem}
.install-go{flex:0 0 auto;border:0;border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;font:700 .9rem "Vazirmatn",Tahoma,sans-serif;color:#fff;background:var(--sea);box-shadow:0 6px 16px rgba(10,102,112,.3)}
.install-close{flex:0 0 auto;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:.3rem}
.install-link{margin-top:.6rem;border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:.45rem 1rem;cursor:pointer;font:600 .9rem "Vazirmatn",Tahoma,sans-serif;color:var(--sea-deep);background:rgba(255,255,255,.6)}

.tile-cta{white-space:nowrap}
.tile{min-height:18rem}
.tile-collage{height:6.2rem;top:1rem}
.tile-collage img{margin-inline:-.55rem}
.tile-collage img:nth-child(2){transform:scale(1.05)}
.tile:hover .tile-collage img:nth-child(2){transform:scale(1.1) translateY(-.2rem)}
@media (min-width:760px){.tile{min-height:22rem}.tile-collage{height:11rem}.tile-collage img{margin-inline:-1.2rem}}
@media (max-width:759px){.tile-col:nth-child(2) .hero-lead{margin-top:2.2rem}}
@media (max-width:520px){.cat-nav{display:none !important}}

.tile .deco{position:absolute;z-index:0;pointer-events:none;fill:currentColor;width:1.15rem;height:1.15rem;opacity:.75;animation:gi-float 6s ease-in-out infinite}
.tile.girls{color:var(--ink)}.tile.girls .deco{color:#f06aa8}.tile.boys .deco{color:#3d9be0}
.tile .deco.d1{top:12%;right:9%;width:1.3rem;height:1.3rem}
.tile .deco.d2{top:46%;left:7%;animation-delay:-1.6s;width:1rem;height:1rem}
.tile .deco.d3{top:30%;left:16%;animation-delay:-3s;width:.8rem;height:.8rem;opacity:.6}
.tile .deco.d4{bottom:24%;right:8%;animation-delay:-4.2s;width:1.2rem;height:1.2rem}
.tile .deco.d5{bottom:12%;left:12%;animation-delay:-2.2s;width:.9rem;height:.9rem;opacity:.55}
.tile.girls .deco.d4{color:#e0a82e}.tile.boys .deco.d3{color:#e0a82e}
.tile.girls .deco.d1,.tile.boys .deco.d1{animation:gi-twinkle 3.2s ease-in-out infinite}
@keyframes gi-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(14deg)}}
@keyframes gi-twinkle{0%,100%{transform:scale(1) rotate(0deg);opacity:.85}50%{transform:scale(1.35) rotate(25deg);opacity:.35}}
html[data-theme="dark"] .tile .deco{opacity:.55}
@media (min-width:760px){.tile .deco{width:1.5rem;height:1.5rem}.tile .deco.d1{width:1.8rem;height:1.8rem}}

.tiles{align-items:stretch}
.tile-col{display:flex;flex-direction:column;--step:1rem}
.tile-col .tile-note{position:relative;margin:var(--step) 0 0;flex:1 1 auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:.7rem .9rem;line-height:1.95;font-size:calc(.9rem * var(--font-scale))}
.tile-col .tile-note::before{content:"";position:absolute;top:calc(var(--step) * -1 - .1rem);right:50%;height:calc(var(--step) + .1rem);border-inline-start:2px dotted rgba(168,85,247,.5)}
.tile-col .tile-note::after{content:"";position:absolute;top:-.2rem;right:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff80ab,#a855f7);box-shadow:0 0 0 3px rgba(255,255,255,.8)}
@media (max-width:759px){.tiles{gap:.75rem}}
@media (min-width:760px){.tile-col .tile-note{padding:.8rem 1.1rem;font-size:calc(1rem * var(--font-scale))}}
html[data-theme="dark"] .tile-col .tile-note::after{box-shadow:0 0 0 3px rgba(21,32,37,.9)}

.fancy-head{position:relative;padding-bottom:.7rem}
.fancy-head::after{content:"";position:absolute;right:0;bottom:0;width:3.2rem;height:4px;border-radius:4px;background:linear-gradient(90deg,#ff80ab,#a855f7,#5fb5c0)}

.cat-scroller{display:flex;gap:.9rem;overflow-x:auto;padding:.6rem .25rem 1.3rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.cat-scroller::-webkit-scrollbar{display:none}
.cat-tile{--g1:#ff9ccf;--g2:#c58af0;--g3:#8ec9f5;flex:0 0 clamp(8.4rem,40vw,11rem);scroll-snap-align:center;display:block;padding:2px;border-radius:1.7rem;color:#fff;background:conic-gradient(from 210deg,var(--g1),var(--g2),var(--g3),var(--g1));box-shadow:0 10px 26px rgba(168,85,247,.2);transition:transform .25s ease,box-shadow .25s ease}
.cat-tile:hover{text-decoration:none;transform:translateY(-6px) rotate(-.6deg);box-shadow:0 18px 36px rgba(168,85,247,.3)}
.cat-tile.tint-boys{--g1:#7cc4f7;--g2:#5fb5c0;--g3:#a9b8ff}
.cat-tile.tint-bags{--g1:#d7a8ff;--g2:#ff9ccf;--g3:#ffd6a8}
.cat-tile.tint-crown{--g1:#ffd36e;--g2:#ffb36e;--g3:#ff9ccf}
.cat-tile.tint-acc{--g1:#8fe0cf;--g2:#7cc4f7;--g3:#d7a8ff}
.cat-tile-in{position:relative;display:block;aspect-ratio:3/4;border-radius:calc(1.7rem - 2px);overflow:hidden;background:#fff;isolation:isolate}
.cat-tile-in img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-tile:hover .cat-tile-in img{transform:scale(1.08)}
.cat-tile-in::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(35,20,70,.78) 0%,rgba(35,20,70,.25) 38%,transparent 62%)}
.cat-tile-emoji{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:3.4rem;background:rgba(255,255,255,.6)}
.cat-tile-pill{position:absolute;z-index:2;top:.6rem;left:.6rem;padding:.12rem .65rem;border-radius:999px;font-size:.74rem;font-weight:700;color:var(--sea-deep);background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.95)}
.cat-tile-label{position:absolute;z-index:2;right:.8rem;left:.6rem;bottom:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.cat-tile-label strong{font-size:calc(.95rem * var(--font-scale));line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.cat-tile-go{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.88);color:var(--sea-deep);transition:transform .25s ease}
.cat-tile:hover .cat-tile-go{transform:translateX(-4px)}
.cat-tile-go svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:760px){.cat-scroller{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;gap:1.2rem;padding-bottom:.8rem}.cat-tile{flex:none}}
html[data-theme="dark"] .cat-tile{box-shadow:0 10px 26px rgba(0,0,0,.45)}
html[data-theme="dark"] .cat-tile-pill{background:rgba(21,32,37,.78);color:var(--ink);border-color:rgba(255,255,255,.2)}

.cat-section{margin-top:1.6rem}
.cat-block{--c1:#ec5b9a;--c2:#a855f7;--ta:#ffd9ea;--tb:#eadcfb;--ink2:#7a1f55;--pat:url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27120%27 height=%2754%27 viewBox=%270 0 120 54%27 fill=%27%23e0558f%27%3E%3Crect x=%270%27 y=%2746%27 width=%27120%27 height=%278%27/%3E%3Crect x=%272%27 y=%2730%27 width=%2720%27 height=%2724%27/%3E%3Cpath d=%27M0 30L12 10l12 20z%27/%3E%3Crect x=%2742%27 y=%2720%27 width=%2736%27 height=%2734%27/%3E%3Cpath d=%27M38 20L60 0l22 20z%27/%3E%3Crect x=%2798%27 y=%2730%27 width=%2720%27 height=%2724%27/%3E%3Cpath d=%27M96 30l12-20 12 20z%27/%3E%3Crect x=%2722%27 y=%2738%27 width=%2720%27 height=%2716%27/%3E%3Crect x=%2778%27 y=%2738%27 width=%2720%27 height=%2716%27/%3E%3C/svg%3E");position:relative;overflow:hidden;isolation:isolate;padding:4.2rem .85rem 1.4rem;border-radius:2rem;background:radial-gradient(circle at 12% 88%,rgba(255,255,255,.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 86% 70%,rgba(255,255,255,.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 34% 62%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 68% 92%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(60% 40% at 50% 0%,rgba(255,255,255,.75),transparent 70%),linear-gradient(170deg,var(--ta) 0%,var(--tb) 100%);border:2px solid rgba(255,255,255,.95);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 14px 36px rgba(168,85,247,.16)}
.cat-block.tint-boys{--c1:#2f8fe0;--c2:#17a7a0;--ta:#d3e8fb;--tb:#cdeeee;--ink2:#0d4a73;--pat:url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27120%27 height=%2754%27 viewBox=%270 0 120 54%27 fill=%27%232f7fc4%27%3E%3Crect x=%270%27 y=%2726%27 width=%2718%27 height=%2728%27/%3E%3Crect x=%2720%27 y=%2712%27 width=%2716%27 height=%2742%27/%3E%3Crect x=%2738%27 y=%2730%27 width=%2720%27 height=%2724%27/%3E%3Crect x=%2760%27 y=%276%27 width=%2714%27 height=%2748%27/%3E%3Crect x=%2776%27 y=%2722%27 width=%2720%27 height=%2732%27/%3E%3Cpath d=%27M100 54V28l10-12 10 12v26z%27/%3E%3C/svg%3E")}
.cat-block.tint-bags{--c1:#a855f7;--c2:#ec5b9a;--ta:#ecdcfd;--tb:#ffdceb;--ink2:#4f1c86;--pat:url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27120%27 height=%2754%27 viewBox=%270 0 120 54%27 fill=%27%23a855f7%27%3E%3Ccircle cx=%2715%27 cy=%2744%27 r=%2716%27/%3E%3Ccircle cx=%2745%27 cy=%2744%27 r=%2716%27/%3E%3Ccircle cx=%2775%27 cy=%2744%27 r=%2716%27/%3E%3Ccircle cx=%27105%27 cy=%2744%27 r=%2716%27/%3E%3Crect y=%2746%27 width=%27120%27 height=%278%27/%3E%3C/svg%3E")}
.cat-block.tint-crown{--c1:#f0a017;--c2:#ec5b9a;--ta:#fff0c4;--tb:#ffdcd0;--ink2:#7a4a00;--pat:url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27120%27 height=%2754%27 viewBox=%270 0 120 54%27 fill=%27%23d99a1c%27%3E%3Cpath d=%27M20 8l3 7 8 1-6 5 2 8-7-4-7 4 2-8-6-5 8-1z%27/%3E%3Cpath d=%27M70 24l2 5 6 .6-4.5 4 1.5 6-5-3-5 3 1.5-6-4.5-4 6-.6z%27/%3E%3Cpath d=%27M104 6l1.5 3.5 4 .4-3 2.6 1 4-3.5-2-3.5 2 1-4-3-2.6 4-.4z%27/%3E%3C/svg%3E")}
.cat-block.tint-acc{--c1:#14a98f;--c2:#3a7be0;--ta:#d2f5ea;--tb:#d4e3fb;--ink2:#0b5a4c;--pat:url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27120%27 height=%2754%27 viewBox=%270 0 120 54%27 fill=%27%231fa58f%27%3E%3Cpath d=%27M0 34Q15 14 30 34T60 34T90 34T120 34V54H0z%27/%3E%3Ccircle cx=%2720%27 cy=%2712%27 r=%274%27 fill-opacity=%27.6%27/%3E%3Ccircle cx=%2778%27 cy=%278%27 r=%273%27 fill-opacity=%27.6%27/%3E%3Ccircle cx=%27100%27 cy=%2718%27 r=%272.4%27 fill-opacity=%27.6%27/%3E%3C/svg%3E")}
.cb-skyline{position:absolute;z-index:-1;top:0;left:0;right:0;height:3.6rem;pointer-events:none;background:var(--pat) repeat-x left bottom/auto 100%;opacity:.2}
.cb-spark{position:absolute;z-index:0;pointer-events:none;fill:currentColor;width:1.3rem;height:1.3rem;opacity:.8;animation:gi-twinkle 3.6s ease-in-out infinite}
.cb-spark.s1{top:.9rem;left:30%;color:var(--c1)}
.cb-spark.s2{top:2.7rem;left:23%;width:.9rem;height:.9rem;color:#e0a82e;animation-delay:-1.4s}
.cb-spark.s3{top:1.3rem;left:42%;width:.8rem;height:.8rem;color:var(--c2);animation-delay:-2.4s}
.cat-block-head{position:absolute;z-index:2;top:.7rem;right:.6rem;left:.8rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.cb-banner-wrap{filter:drop-shadow(0 6px 8px rgba(80,30,120,.28));min-width:0}
.cb-banner{display:inline-flex;align-items:center;gap:.55rem;max-width:100%;padding:.38rem 1.7rem .38rem 1.5rem;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));clip-path:polygon(0 0,100% 0,calc(100% - .75rem) 50%,100% 100%,0 100%,.75rem 50%)}
.cb-banner:hover{text-decoration:none;filter:brightness(1.07)}
.cb-banner h2{margin:0;font-size:calc(1.08rem * var(--font-scale));color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-medal{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:radial-gradient(circle at 30% 25%,#fff8d6,#ffd45e 70%);box-shadow:0 0 0 2px #fff,0 3px 8px rgba(0,0,0,.25)}
.cb-count{flex:0 0 auto;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;color:#6b4200;background:radial-gradient(circle at 30% 25%,#fffbe0,#ffd45e 72%);border:2px dashed #fff;box-shadow:0 0 0 2px #f3b73a,0 6px 14px rgba(210,150,20,.4);transform:rotate(-8deg)}
.cb-count b{font-size:1.15rem}
.cb-count small{font-size:.62rem;font-weight:700}
.cat-grid{gap:.8rem}
.cat-grid .card:nth-child(n+5){display:none}
.cat-grid .card{position:relative;padding:.5rem;border-radius:1.5rem;background:rgba(255,255,255,.78);border:2px solid #fff;box-shadow:0 8px 20px rgba(120,60,160,.14)}
.cat-grid .card:hover{background:#fff;transform:translateY(-4px) rotate(-.6deg)}
.cat-grid .card:nth-child(even):hover{transform:translateY(-4px) rotate(.6deg)}
.cat-grid .card-price{align-self:center;margin:auto auto .15rem;padding:.12rem .9rem;border-radius:999px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;box-shadow:0 4px 10px rgba(120,60,160,.25)}
.cat-grid .card-price .price-value{color:#fff;font-weight:700;font-size:.92rem}
.cat-grid .card-title{font-size:calc(.95rem * var(--font-scale));margin-bottom:.4rem}
.cat-grid .card:hover .card-title{color:var(--ink2)}
@media (min-width:760px){.cat-block{padding:4.6rem 1.3rem 1.6rem}.cat-grid{grid-auto-flow:dense;gap:1rem}.cat-grid .card:nth-child(n+5){display:flex}.cat-grid .card:nth-child(n+7){display:none}}
@media (min-width:1040px){.cat-grid .card:nth-child(n+7){display:flex}.cat-grid .card:nth-child(n+10){display:none}}

.cat-grid .card:first-child::after {display: none !important;}

/* ===== کارت شاخص: اولین محصول هر دسته بزرگ‌تر است (تبلت و دسکتاپ؛ در RTL سمت راست) ===== */
@media (min-width:760px){
  .cat-grid .card:first-child{grid-column:span 2;grid-row:span 2}
  .cat-grid .card:first-child .card-img{aspect-ratio:auto;flex:1 1 auto;min-height:22rem}
  .cat-grid .card:first-child .card-title{font-size:calc(1.2rem * var(--font-scale))}
  .cat-grid .card:first-child .card-price .price-value{font-size:1.05rem}
}

.cat-more{display:flex;justify-content:center;margin-top:1.3rem}
.more-btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem .6rem 1rem;border-radius:999px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));border:2px solid rgba(255,255,255,.9);box-shadow:0 10px 22px rgba(120,60,160,.3),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .2s ease,box-shadow .2s ease}
.more-btn::before{content:"✦";color:#ffe58a;font-size:1rem}
.more-btn:hover{text-decoration:none;transform:translateY(-3px) scale(1.03);box-shadow:0 14px 28px rgba(120,60,160,.38)}
.more-btn small{font-size:.75rem;font-weight:400;padding:.05rem .6rem;border-radius:999px;background:rgba(255,255,255,.25)}
.more-btn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .cat-block{background:radial-gradient(circle at 12% 88%,rgba(255,255,255,.5) 0 1.5px,transparent 2.5px),radial-gradient(circle at 86% 70%,rgba(255,255,255,.5) 0 1.5px,transparent 2.5px),linear-gradient(170deg,rgba(40,30,60,.85),rgba(21,32,37,.85));border-color:rgba(150,180,200,.25);box-shadow:0 14px 36px rgba(0,0,0,.45)}
html[data-theme="dark"] .cb-skyline{opacity:.12}
html[data-theme="dark"] .cat-grid .card{background:rgba(30,45,55,.7);border-color:rgba(150,180,200,.25)}
html[data-theme="dark"] .cat-grid .card:hover{background:rgba(45,65,80,.85)}
html[data-theme="dark"] .cat-grid .card:hover .card-title{color:var(--sea-deep)}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%;max-width:26rem;margin-inline:auto}
.contact-grid .contact-btn{justify-content:center;min-height:3rem;padding:.5rem .8rem;border-radius:1.1rem;min-width:0}
.contact-grid .contact-wide{grid-column:1 / -1}
.contact-grid .contact-btn-text{overflow-wrap:anywhere;text-align:center;line-height:1.7}
.contact-btn-wa{color:var(--wa)}
.contact-btn-wa .contact-btn-text{font-weight:700}
@media (min-width:760px){.contact-grid{grid-template-columns:repeat(4,auto);max-width:none;justify-content:center}.contact-grid .contact-wide{grid-column:auto}.contact-grid .contact-btn{border-radius:999px;padding:.55rem 1.1rem}}

.map-card{width:100%;max-width:21rem;margin:1.2rem auto 0;border-radius:1.3rem;overflow:hidden;text-align:start;background:rgba(255,255,255,.6);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(168,85,247,.15)}
.map-frame{position:relative;aspect-ratio:2/1;background:#dfe8ec}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.map-bar{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem}
.map-pin{font-size:1.15rem;line-height:1}
.map-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.5}
.map-text strong{font-size:.88rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-text small{display:none}
.map-actions{display:flex;gap:.4rem;flex:0 0 auto}
.map-btn{padding:.28rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700;color:#fff;background:var(--sea);box-shadow:0 4px 10px rgba(10,102,112,.25);white-space:nowrap}
.map-btn.alt{color:var(--sea-deep);background:rgba(255,255,255,.85);box-shadow:none;border:1px solid var(--line)}
.map-btn:hover{text-decoration:none;filter:brightness(1.08)}
@media (max-width:480px){.map-card{max-width:100%}.map-frame{aspect-ratio:16/8}.map-pin,.map-text{display:none}.map-bar{padding:.5rem}.map-actions{flex:1;gap:.5rem}.map-btn{flex:1;text-align:center;padding:.4rem .6rem}}
html[data-theme="dark"] .map-card{background:rgba(21,32,37,.65);border-color:rgba(150,180,200,.2)}
html[data-theme="dark"] .map-frame iframe{filter:invert(.92) hue-rotate(180deg) saturate(.8) brightness(.95)}
html[data-theme="dark"] .map-btn.alt{background:rgba(30,45,55,.7);color:var(--ink);border-color:rgba(150,180,200,.25)}

.gslider{position:relative;margin-top:.4rem}
.gslides{display:flex;gap:1rem;direction:rtl;overflow-x:auto;padding:1.2rem 12% 1.6rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.gslides::-webkit-scrollbar{display:none}
.gslide{position:relative;flex:0 0 72%;margin:0;scroll-snap-align:center;aspect-ratio:4/5;border-radius:1.8rem;padding:3px;background:conic-gradient(from 200deg,#ff9ccf,#c58af0,#8ec9f5,#ffd36e,#ff9ccf);box-shadow:0 12px 30px rgba(168,85,247,.22);transform:scale(.9) rotate(var(--tilt,0deg));opacity:.7;transition:transform .45s ease,opacity .45s ease,box-shadow .45s ease}
.gslide:nth-child(odd){--tilt:-1.2deg}
.gslide:nth-child(even){--tilt:1.2deg}
.gslide.is-active{transform:scale(1) rotate(0deg);opacity:1;box-shadow:0 18px 40px rgba(168,85,247,.34)}
.gslide img{width:100%;height:100%;object-fit:cover;border-radius:calc(1.8rem - 3px);background:#e8e0f5}
.gslide::after{content:"";position:absolute;inset:3px;border-radius:calc(1.8rem - 3px);pointer-events:none;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.5),transparent 38%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.g-btn{position:absolute;top:50%;z-index:5;width:2.6rem;height:2.6rem;margin-top:-1.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--sea-deep);background:rgba(255,255,255,.85);border:1px solid #fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 16px rgba(168,85,247,.3);transition:transform .2s ease}
.g-btn:hover{transform:scale(1.1)}
.g-btn svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.g-prev{right:.4rem}.g-next{left:.4rem}
.g-dots{display:flex;justify-content:center;gap:.4rem;margin-top:-.2rem}
.g-dot{width:.55rem;height:.55rem;padding:0;border:0;border-radius:999px;cursor:pointer;background:rgba(168,85,247,.28);transition:width .3s ease,background .3s ease}
.g-dot.on{width:1.6rem;background:linear-gradient(90deg,#ff80ab,#a855f7)}
@media (min-width:640px){.gslide{flex-basis:44%}.gslides{padding-inline:8%}}
@media (min-width:1000px){.gslide{flex-basis:30%}.gslides{padding-inline:6%}}
html[data-theme="dark"] .g-btn{background:rgba(21,32,37,.75);color:var(--ink);border-color:rgba(255,255,255,.2)}
@media (prefers-reduced-motion:reduce){.gslide{transition:none}}

.info,.info h1,.info .price,.info .meta,.desc{text-align:center}
.desc ul{list-style:none;padding:0;margin:.8rem 0}
.desc ul li{margin:.15rem 0}
.desc ul li::before{content:"✦";color:#ec5b9a;margin-inline-end:.5rem;font-size:.8em}
.desc ol{list-style-position:inside;padding:0;margin:.8rem 0}
.desc table{margin-inline:auto}

@media (prefers-reduced-motion:reduce){.tile .deco,.tile .deco.d1{animation:none}.cat-tile,.cat-tile-in img,.more-btn{transition:none}.cb-spark{animation:none}}

.card { position: relative; }
.add-to-cart-btn {display: flex;align-items: center;justify-content: center;gap: 6px;width: calc(100% - 1rem);margin: .35rem auto .15rem;padding: .5rem .8rem;background: rgba(255, 255, 255, .85);color: var(--sea);border: 1.5px solid var(--sea);border-radius: 999px;font-family: inherit;font-size: calc(.82rem * var(--font-scale));font-weight: 700;cursor: pointer;transition: all .25s ease;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);position: relative;z-index: 5;}
.add-to-cart-btn:hover {background: var(--sea);color: #fff;transform: translateY(-1px);box-shadow: 0 6px 14px rgba(10, 102, 112, .3);}
.add-to-cart-btn:active { transform: translateY(0) scale(.97); }
.add-to-cart-btn svg { flex: 0 0 auto; }
.add-to-cart-btn.is-added {background: var(--wa);border-color: var(--wa);color: #fff;}
.add-to-cart-btn.is-added:hover { filter: brightness(1.08); }
html[data-theme="dark"] .add-to-cart-btn {background: rgba(30, 45, 55, .7);color: var(--sea-deep);border-color: var(--sea);}
html[data-theme="dark"] .add-to-cart-btn:hover,html[data-theme="dark"] .add-to-cart-btn.is-added {background: var(--sea);color: #fff;}

#mini-toast {position: fixed;bottom: 5rem;left: 50%;transform: translateX(-50%) translateY(100px);background: #10222C;color: #fff;padding: .6rem 1.2rem;border-radius: 999px;font-size: .9rem;z-index: 200;transition: transform .3s ease, opacity .3s ease;box-shadow: 0 8px 24px rgba(0, 0, 0, .3);pointer-events: none;white-space: nowrap;opacity: 0;}
#mini-toast.show {transform: translateX(-50%) translateY(0);opacity: 1;}

.cart-note {font-size: calc(.82rem * var(--font-scale));line-height: 1.8;color: var(--muted);background: rgba(255, 200, 100, .15);border: 1px dashed rgba(200, 150, 50, .4);border-radius: .8rem;padding: .6rem .8rem;margin: .6rem 0;text-align: center;}
.cart-note-wa {margin-top: .75rem;margin-bottom: .25rem;}
html[data-theme="dark"] .cart-note {background: rgba(200, 150, 50, .1);border-color: rgba(200, 150, 50, .3);color: var(--muted);}

.gallery-section .section-head {display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;text-align: center !important;width: 100%;gap: 0.5rem;}
.gallery-section .section-head h2 {margin: 0 !important;}
.gallery-section .fancy-head::after {left: 50% !important;right: auto !important;transform: translateX(-50%) !important;}
.gslide {overflow: hidden;}
.gslide::before {content: "";position: absolute;z-index: 3;top: -10%;bottom: -10%;left: 0;width: 15%;pointer-events: none;background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 30%, rgba(255,255,255,.45) 50%, rgba(255,255,255,.10) 70%, transparent 100%);filter: blur(2px);transform: translateX(-400%) skewX(-16deg);animation: card-sweep 8s ease-in-out infinite;border-radius: 1.8rem;}
.gslide:nth-child(2n)::before {animation-delay: 1.5s;}
.gslide:nth-child(3n)::before {animation-delay: 3s;}
html[data-theme="dark"] .gslide::before {background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.06) 30%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.06) 70%, transparent 100%);}
@media (prefers-reduced-motion: reduce) {.gslide::before {animation: none;opacity: 0;}}

body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input, textarea, select, li {
  font-family: 'Vazirmatn', Tahoma, "Segoe UI", sans-serif !important;
}

/* ============================================================
   🍏 Liquid Glass (شیشه‌ای کردن دکمه‌ها و قیمت‌ها)
   ============================================================ */

/* دکمه‌های هدر، فوتر، صفحه محصول */
.contact-btn, .ctrl-btn, .btn-wa, .btn-cart, .more-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}
.contact-btn:hover, .ctrl-btn:hover, .btn-wa:hover, .btn-cart:hover, .more-btn:hover {
  background: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

/* دکمه افزودن به سبد (کارت‌ها) و دکمه قیمت (کارت‌ها) */
.add-to-cart-btn, .cat-grid .card-price {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 1), 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  color: var(--sea-deep) !important;
}
.add-to-cart-btn:hover, .cat-grid .card-price:hover {
  background: #ffffff !important;
}

/* آیکون‌های فوتر (اینستاگرام، تلگرام، ایمیل) */
.social-box {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 1), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
}
.social-box:hover {
  background: #ffffff !important;
  transform: translateY(-3px);
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

/* تنظیمات حالت شب برای دکمه‌های شیشه‌ای */
html[data-theme="dark"] .contact-btn, html[data-theme="dark"] .ctrl-btn, html[data-theme="dark"] .btn-wa, html[data-theme="dark"] .btn-cart, html[data-theme="dark"] .more-btn,
html[data-theme="dark"] .add-to-cart-btn, html[data-theme="dark"] .cat-grid .card-price, html[data-theme="dark"] .social-box {
  background: rgba(30, 45, 55, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  color: var(--ink) !important;
}
html[data-theme="dark"] .contact-btn:hover, html[data-theme="dark"] .ctrl-btn:hover, html[data-theme="dark"] .btn-wa:hover, html[data-theme="dark"] .btn-cart:hover, html[data-theme="dark"] .social-box:hover {
  background: rgba(45, 65, 80, 0.95) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

/* ============================================================
   اصلاح نهایی رنگ‌ها، دکمه‌ها و خوانایی
   ============================================================ */

/* ۱. رفع مشکل خوانایی دکمه «نمایش بیشتر» در حالت روز */
.more-btn {
  color: var(--sea-deep) !important; /* متن به رنگ سبز تیره */
}
.more-btn svg {
  stroke: var(--sea-deep) !important; /* آیکون به رنگ سبز تیره */
}
.more-btn::before {
  color: var(--sea-deep) !important; /* ستاره به رنگ سبز تیره */
}
.more-btn small {
  color: var(--sea-deep) !important;
  background: rgba(10, 102, 112, 0.1) !important; /* پس‌زمینه ملایم برای باکس تعداد */
}

/* ۲. رفع مشکل خوانایی قیمت‌ها در کارت محصول (حالت روز) */
.cat-grid .card-price,
.cat-grid .card-price .price-value {
  color: var(--sea-deep) !important;
}

/* ۳. رفع مشکل خوانایی دکمه‌های صفحه محصول (واتساپ و افزودن به سبد) */
.btn-wa, .btn-cart, .contact-btn, .add-to-cart-btn {
  color: var(--sea-deep) !important;
}
.btn-wa svg, .btn-cart svg, .add-to-cart-btn svg {
  stroke: var(--sea-deep) !important;
}

/* ============================================================
   رفع مشکل دو خطی شدن دکمه افزودن به سبد در موبایل
   ============================================================ */
.add-to-cart-btn {
  white-space: nowrap !important; /* جلوگیری از شکستن متن */
  font-size: calc(0.75rem * var(--font-scale)) !important; /* فونت کمی کوچکتر برای جا شدن */
  padding: 0.4rem 0.5rem !important;
  gap: 4px !important;
}
.add-to-cart-btn svg {
  width: 14px !important;
  height: 14px !important;
}

/* ============================================================
   تنظیم رنگ‌ها برای حالت شب (تا در حالت شب هم خوانا باشند)
   ============================================================ */
html[data-theme="dark"] .more-btn,
html[data-theme="dark"] .more-btn svg,
html[data-theme="dark"] .more-btn::before,
html[data-theme="dark"] .more-btn small,
html[data-theme="dark"] .cat-grid .card-price,
html[data-theme="dark"] .cat-grid .card-price .price-value,
html[data-theme="dark"] .btn-wa,
html[data-theme="dark"] .btn-cart,
html[data-theme="dark"] .contact-btn,
html[data-theme="dark"] .add-to-cart-btn {
  color: var(--ink) !important; /* رنگ متن در حالت شب (سفید/خاکستری روشن) */
}

html[data-theme="dark"] .btn-wa svg,
html[data-theme="dark"] .btn-cart svg,
html[data-theme="dark"] .add-to-cart-btn svg,
html[data-theme="dark"] .more-btn svg {
  stroke: var(--ink) !important;
}

html[data-theme="dark"] .more-btn small {
  background: rgba(255, 255, 255, 0.1) !important;
}
/* ============================================================
   باکس و دکمه نصب اپلیکیشن در فوتر (Liquid Glass)
   ============================================================ */

/* ظرف باکس نصب */
.install-footer-box {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 1.5rem 0;
  padding: 0 1rem;
}

/* دکمه شیشه‌ای نصب */
.install-btn-glass {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 24rem;
  padding: 0.85rem 1.25rem;
  border-radius: 999px;
  font-family: inherit;
  cursor: pointer;
  
  /* افکت شیشه‌ای (Liquid Glass) */
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: 
    inset 0 1px 3px rgba(255, 255, 255, 1), 
    0 8px 24px rgba(0, 0, 0, 0.08) !important;
    
  transition: all 0.3s ease !important;
}

.install-btn-glass:hover {
  background: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 
    inset 0 1px 3px rgba(255, 255, 255, 1), 
    0 12px 30px rgba(0, 0, 0, 0.15) !important;
}

.install-btn-glass .install-icon {
  font-size: 1.6rem;
  line-height: 1;
  background: rgba(10, 102, 112, 0.1);
  padding: 0.5rem;
  border-radius: 50%;
}

.install-btn-glass .install-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
  line-height: 1.5;
}

.install-btn-glass .install-text strong {
  font-size: 0.95rem;
  color: var(--sea-deep);
  font-weight: 700;
}

.install-btn-glass .install-text small {
  font-size: 0.75rem;
  color: var(--muted);
  font-weight: 400;
}

/* حالت شب برای دکمه نصب */
html[data-theme="dark"] .install-btn-glass {
  background: rgba(30, 45, 55, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.2), 
    0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .install-btn-glass:hover {
  background: rgba(45, 65, 80, 0.95) !important;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.2), 
    0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .install-btn-glass .install-icon {
  background: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .install-btn-glass .install-text strong {
  color: var(--ink) !important;
}

html[data-theme="dark"] .install-btn-glass .install-text small {
  color: var(--muted) !important;
}
/* ============================================================
   🍏 اعمال افکت شیشه‌ای (Liquid Glass) به تمامی باکس‌های فوتر
   ============================================================ */

/* ۱. باکس‌های تماس (ایمیل و آدرس) */
.contact-grid .contact-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
  color: var(--sea-deep) !important;
}

.contact-grid .contact-btn:hover {
  background: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

/* ۲. باکس‌های شبکه‌های اجتماعی (اینستاگرام، تلگرام، ایمیل) */
.social-boxes .social-box {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}

.social-boxes .social-box:hover {
  background: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

/* ۳. باکس‌های نمادهای اعتماد (اینماد و ساماندهی) */
.trust-box {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}

.trust-box:hover {
  background: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

/* ۴. باکس نصب اپلیکیشن (جمع و جور و وسط‌چین) */
.install-footer-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}

.install-btn-glass {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: auto;
  max-width: 28rem;
  padding: 0.6rem 1.2rem;
  border-radius: 999px;
  font-family: inherit;
  cursor: pointer;
  
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}

.install-btn-glass:hover {
  background: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.install-btn-glass .install-icon {
  font-size: 1.4rem;
  line-height: 1;
  background: rgba(10, 102, 112, 0.1);
  padding: 0.4rem;
  border-radius: 50%;
}

.install-btn-glass .install-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
}

.install-btn-glass .install-text strong {
  font-size: 0.95rem;
  color: var(--sea-deep);
  font-weight: 700;
}

.install-btn-glass .install-text small {
  font-size: 0.75rem;
  color: var(--muted);
  font-weight: 400;
}

/* ============================================================
   🌙 تنظیمات حالت شب (Dark Mode) برای همه باکس‌های بالا
   ============================================================ */
html[data-theme="dark"] .contact-grid .contact-btn,
html[data-theme="dark"] .social-boxes .social-box,
html[data-theme="dark"] .trust-box,
html[data-theme="dark"] .install-btn-glass {
  background: rgba(30, 45, 55, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  color: var(--ink) !important;
}

html[data-theme="dark"] .contact-grid .contact-btn:hover,
html[data-theme="dark"] .social-boxes .social-box:hover,
html[data-theme="dark"] .trust-box:hover,
html[data-theme="dark"] .install-btn-glass:hover {
  background: rgba(45, 65, 80, 0.95) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .install-btn-glass .install-icon {
  background: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .install-btn-glass .install-text strong {
  color: var(--ink) !important;
}

/* ================= افزوده‌ها (قوانین، درباره ما، تخفیف، دکمه‌ها) ================= */
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}

/* دکمه‌های عمومی (صفحهٔ ۴۰۴ و ...) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.3rem;border-radius:999px;border:1px solid var(--sea);background:var(--sea);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;font-family:inherit}
.btn.alt{background:transparent;color:var(--sea)}
.btn:hover{filter:brightness(1.08)}
.btn:focus-visible{outline:3px solid var(--mist);outline-offset:2px}
.notfound{text-align:center;padding:2.5rem 0}
.notfound .btn{margin:.25rem}

/* لینک‌های فوتر: دکمه‌های شیشه‌ای هم‌سبک بقیهٔ دکمه‌های فوتر (کلاس‌های contact-grid / contact-btn) */
.footer-links{margin:.9rem auto 0}
.footer-links .contact-btn[aria-current="page"]{border-color:rgba(168,85,247,.55) !important;box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 0 0 3px rgba(168,85,247,.16),0 10px 28px rgba(110,80,200,.16) !important}

/* ================= صفحه‌های متنی (درباره ما / قوانین / راهنمای سایز) =================
   همهٔ باکس‌ها دقیقاً هم‌سبک باکس واتساپ فروشنده‌ها در صفحهٔ محصول (.wa-menu) هستند؛
   باکس اصلی هم‌عرض خط هولوگرامی هدر؛ تیترها وسط‌چین؛ نکات مهم با دایرهٔ رنگی. */
.page-doc{max-width:1120px;padding-bottom:2.5rem}

/* هم‌عرض هدر: همان عرض خط هولوگرامی (min(900px,92%)) */
.doc-width,.doc-box{width:min(900px,92%);margin-inline:auto}
.page-doc .crumbs{margin:1rem auto}

/* ---- یک سبک برای همهٔ باکس‌ها (کپی .wa-menu صفحهٔ محصول) ---- */
.doc-box,.prose blockquote,.doc-tip,.table-scroll,.doc-toc{
  border-radius:1.2rem;background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(168,85,247,.16)}
html[data-theme="dark"] .doc-box,html[data-theme="dark"] .prose blockquote,html[data-theme="dark"] .doc-tip,
html[data-theme="dark"] .table-scroll,html[data-theme="dark"] .doc-toc{
  background:var(--surface);border-color:var(--line)}

.doc-box{margin-bottom:1.5rem;padding:1.4rem clamp(1rem,3.2vw,2.2rem) 1.6rem}

/* تیترها وسط‌چین */
.page-doc h1{margin:.4rem 0 .5rem;text-align:center;color:var(--sea-deep)}
html[data-theme="dark"] .page-doc h1{color:var(--ink)}
.page-doc .lead{text-align:center;margin:.25rem auto 1.25rem;max-width:54ch}
.prose{line-height:2;font-size:calc(1rem * var(--font-scale))}
.prose h2{margin:2.2rem 0 .8rem;text-align:center;font-size:calc(1.3rem * var(--font-scale));color:var(--sea-deep);scroll-margin-top:5.5rem}
html[data-theme="dark"] .prose h2{color:var(--ink)}
.prose h2::after{content:"";display:block;width:64px;height:3px;margin:.45rem auto 0;border-radius:999px;
  background:linear-gradient(90deg,#ffb8e8,#c8b8ff,#b8e0ff);box-shadow:0 0 8px rgba(200,180,255,.5)}
.prose p{margin:.5rem 0}
.prose a{color:var(--sea);text-decoration:underline;text-underline-offset:3px}
.prose em{color:var(--muted)}

/* شمارهٔ تلفن/ایمیل/آیدی: همیشه چپ‌به‌راست تا برعکس نشود */
.ltr{direction:ltr;unicode-bidi:isolate;text-align:right}

/* ---- دایره‌های رنگی ----
   هر آیتم فهرست یک دایرهٔ شیشه‌ای رنگی دارد. رنگ پیش‌فرض بین رنگ‌های سایت می‌چرخد؛
   برای نکتهٔ مهم می‌توان رنگ را مشخص کرد:  - {: .d-rose} متن
   رنگ‌ها: d-sea (آبی‌سبز) · d-purple (بنفش) · d-rose (صورتی، هشدار) · d-cyan (آبی روشن) · d-amber (کهربایی) */
.prose ul,.prose ol{margin:.6rem 0;padding:0;list-style:none}
.prose li{position:relative;margin:.45rem 0;padding-inline-start:1.9rem}
.prose ul>li::before{content:"";position:absolute;inset-inline-start:.15rem;top:.78em;width:.8rem;height:.8rem;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95) 0 13%,transparent 14%),var(--dot,#0A6670);
  box-shadow:0 0 0 4px var(--dot-glow,rgba(10,102,112,.16)),0 2px 6px var(--dot-glow,rgba(10,102,112,.3))}
.prose ul>li:nth-child(3n+2){--dot:#a855f7;--dot-glow:rgba(168,85,247,.18)}
.prose ul>li:nth-child(3n){--dot:#ec6fb8;--dot-glow:rgba(236,111,184,.2)}
/* رنگ مشخص‌شده (اولویتش از چرخش پیش‌فرض بالاتر است) */
.prose ul>li.d-sea{--dot:#0A6670;--dot-glow:rgba(10,102,112,.2)}
.prose ul>li.d-purple{--dot:#a855f7;--dot-glow:rgba(168,85,247,.22)}
.prose ul>li.d-rose{--dot:#e8456f;--dot-glow:rgba(232,69,111,.22)}
.prose ul>li.d-cyan{--dot:#0bb4e0;--dot-glow:rgba(11,180,224,.22)}
.prose ul>li.d-amber{--dot:#e9a21c;--dot-glow:rgba(233,162,28,.24)}
html[data-theme="dark"] .prose ul>li::before{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85) 0 13%,transparent 14%),var(--dot,#5fb5c0)}
html[data-theme="dark"] .prose ul>li.d-sea{--dot:#5fb5c0;--dot-glow:rgba(95,181,192,.25)}

/* فهرست شماره‌دار: دایرهٔ شمارهٔ رنگی */
.prose ol{counter-reset:step}
.prose ol>li{counter-increment:step;padding-inline-start:2.4rem}
.prose ol>li::before{content:counter(step,persian);position:absolute;inset-inline-start:0;top:.2em;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;
  font-size:.82rem;font-weight:700;line-height:1;color:#fff;
  background:linear-gradient(135deg,rgba(168,85,247,.92),rgba(10,102,112,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 10px rgba(168,85,247,.28)}

/* ---- باکس‌های داخلی ---- */
.prose blockquote{margin:1.3rem 0;padding:.9rem 1.1rem}
.prose blockquote p{margin:.2rem 0}
.prose blockquote>p:first-child{text-align:center;font-size:1.05em;margin-bottom:.4rem}
.prose blockquote ul{margin:.3rem 0}

.doc-tip{margin:1.3rem 0;padding:.9rem 1.1rem}
.doc-tip p{margin:.3rem 0}
.doc-tip .tip-title{text-align:center;font-weight:700;color:var(--sea-deep);margin:.1rem 0 .4rem}
html[data-theme="dark"] .doc-tip .tip-title{color:var(--ink)}
.doc-tip .msg{display:block;margin:.3rem 0 0;padding:.6rem .9rem;border-radius:.8rem;font-size:.95em;
  background:rgba(10,102,112,.07);border:1px dashed rgba(10,102,112,.3)}

/* فهرست بخش‌ها */
.doc-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1.2rem 0 .4rem;padding:.7rem}
.doc-toc a{padding:.3rem .85rem;border-radius:999px;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--sea-deep);
  background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(15,127,99,.14);transition:transform .2s ease,box-shadow .2s ease}
.doc-toc a:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,127,99,.26)}
html[data-theme="dark"] .doc-toc a{color:var(--ink);background:rgba(30,45,55,.6);border-color:rgba(150,180,200,.25)}

/* ---- باکس فروشنده‌های واتساپ (همان کامپوننت صفحهٔ محصول: .wa-menu / .wa-seller) ---- */
.prose .wa-menu{margin:1.3rem 0}
.prose .wa-menu-title{margin:0 0 .75rem}
.prose a.wa-seller{color:var(--ink);text-decoration:none}
.prose a.wa-seller:hover{text-decoration:none}
html[data-theme="dark"] .wa-menu{background:var(--surface);border-color:var(--line)}
/* آواتار ایموجی (برای راه‌های ارتباطی غیرواتساپی) با همان حلقهٔ رنگی آواتار فروشنده */
.wa-avatar.emoji::before{content:attr(data-e)}
/* دکمه‌های ارتباطی دیگر (نقشه، تلفن، ایمیل، اینستاگرام، تلگرام) هم‌شکل فروشنده‌ها */
.doc-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.6rem;margin:1rem 0 .3rem}
.doc-contact .wa-seller{flex:none}

.page-updated{margin-top:1.6rem;font-size:.85rem;text-align:center}

/* جدول سایز */
.table-scroll{overflow-x:auto;margin:1rem 0;padding:.35rem;-webkit-overflow-scrolling:touch}
.size-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;border:0}
.size-table th,.size-table td{padding:.65rem .9rem;text-align:center;border-bottom:1px solid rgba(10,102,112,.12)}
.size-table tbody tr:last-child td{border-bottom:0}
.size-table thead th{background:linear-gradient(135deg,rgba(168,85,247,.16),rgba(10,102,112,.16));color:var(--ink);font-weight:700}
.size-table thead th:first-child{border-start-start-radius:.8rem}
.size-table thead th:last-child{border-start-end-radius:.8rem}
.size-table tbody tr:nth-child(even){background:rgba(168,85,247,.06)}
.size-table tbody tr:hover{background:rgba(10,102,112,.1)}
html[data-theme="dark"] .size-table th,html[data-theme="dark"] .size-table td{border-bottom-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .size-table thead th{background:linear-gradient(135deg,rgba(168,85,247,.28),rgba(95,181,192,.22))}

@media (max-width:520px){
  .doc-box{padding:1.1rem .95rem 1.3rem}
  .prose li{padding-inline-start:1.7rem}
  .prose ol>li{padding-inline-start:2.2rem}
  .doc-contact{grid-template-columns:1fr}
}

/* قیمت قبلی و تخفیف و نشان کارت */
.old-price{color:var(--muted);font-size:.85em;font-weight:400;margin-inline-start:.4rem;opacity:.85}
.discount-pill{display:inline-block;margin-inline-start:.4rem;padding:.05rem .5rem;border-radius:999px;background:#d63a5f;color:#fff;font-size:.75rem;font-weight:700;vertical-align:middle;white-space:nowrap}
.card-img{position:relative}
.card-badge{position:absolute;z-index:3;top:.55rem;right:.55rem;padding:.2rem .65rem;border-radius:999px;background:rgba(214,58,95,.95);color:#fff;font-size:.72rem;font-weight:700;line-height:1.6;pointer-events:none;box-shadow:0 2px 6px rgba(0,0,0,.18)}

/* ================= فوتر شیشه‌ای (Liquid Glass) =================
   پس‌زمینهٔ رنگی ملایم پشت فوتر + باکس‌های واقعاً نیمه‌شفاف تا افکت شیشه دیده شود.
   برای برگشت به حالت قبل، همین بلاک را حذف کنید. */
.site-footer{position:relative;isolation:isolate;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42% 26% at 10% 14%,rgba(244,114,182,.34),transparent 70%),
    radial-gradient(40% 26% at 92% 30%,rgba(129,140,248,.34),transparent 70%),
    radial-gradient(46% 30% at 48% 62%,rgba(56,189,248,.30),transparent 70%),
    radial-gradient(38% 24% at 14% 94%,rgba(167,139,250,.30),transparent 70%),
    radial-gradient(34% 22% at 90% 90%,rgba(251,191,36,.18),transparent 70%)}
html[data-theme="dark"] .site-footer::before{opacity:.55}

.contact-grid .contact-btn,
.social-boxes .social-box,
.trust-box,
.install-btn-glass,
.map-card{
  background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.34)) !important;
  -webkit-backdrop-filter:blur(18px) saturate(175%) !important;
  backdrop-filter:blur(18px) saturate(175%) !important;
  border:1px solid rgba(255,255,255,.8) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.3),0 10px 28px rgba(110,80,200,.16) !important}
.contact-grid .contact-btn:hover,
.social-boxes .social-box:hover,
.trust-box:hover,
.install-btn-glass:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.52)) !important}
html[data-theme="dark"] .contact-grid .contact-btn,
html[data-theme="dark"] .social-boxes .social-box,
html[data-theme="dark"] .trust-box,
html[data-theme="dark"] .install-btn-glass,
html[data-theme="dark"] .map-card{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.25),0 10px 28px rgba(0,0,0,.35) !important}
html[data-theme="dark"] .contact-grid .contact-btn:hover,
html[data-theme="dark"] .social-boxes .social-box:hover,
html[data-theme="dark"] .trust-box:hover,
html[data-theme="dark"] .install-btn-glass:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.09)) !important}

/* ================= صفحهٔ لودینگ اپ نصب‌شده =================
   همان لوگوی هولوگرامی و خط‌های هدر؛ فقط وقتی سایت به‌صورت اپ باز شود و فقط یک بار در هر نشست. */
.app-splash{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:1.5rem;
  background:
    radial-gradient(48rem 36rem at 92% -6%,rgba(255,212,232,.62),transparent 62%),
    radial-gradient(44rem 34rem at 4% 16%,rgba(200,230,255,.62),transparent 62%),
    radial-gradient(42rem 32rem at 86% 62%,rgba(232,213,255,.5),transparent 62%),
    radial-gradient(40rem 30rem at 10% 92%,rgba(212,240,232,.5),transparent 62%),
    var(--bg);
  transition:opacity .55s ease,visibility .55s ease}
html[data-theme="dark"] .app-splash{background:
    radial-gradient(44rem 34rem at 92% -6%,rgba(168,85,247,.2),transparent 62%),
    radial-gradient(40rem 30rem at 6% 90%,rgba(10,102,112,.28),transparent 62%),
    var(--bg)}
html.splash-on .app-splash{display:flex}
.app-splash.is-out{opacity:0;visibility:hidden;pointer-events:none}
.app-splash-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;text-align:center;animation:splash-in .7s ease both}
.app-splash .holo-logo{width:min(46vw,190px);height:min(46vw,190px)}
.app-splash .store-name,.app-splash .store-tagline{margin:0}
@keyframes splash-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.app-splash-inner{animation:none}.app-splash{transition:none}}

/* ===== صفحه محصول: باکس متن هم‌اندازه عکس + دکمه‌ها هم‌عرض اسلایدر ===== */
.info{display:flex;flex-direction:column;min-width:0}
.info-box{
  max-height:80vh;overflow-y:auto;overflow-x:hidden;
  padding:1rem 1.1rem;border-radius:1.2rem;
  background:var(--surface);border:1px solid var(--line);
  box-shadow:0 8px 28px rgba(168,85,247,.12);
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
}
.info-box h1{font-size:calc(1.3rem * var(--font-scale));line-height:1.7;margin:0 0 .25rem}
.info-box .desc{margin:.5rem 0 0}
.info-box .desc > h1:first-child{display:none} /* عنوان تکراری داخل متن */
.info .buy-actions{margin-top:.75rem !important;width:100%}
/* حداکثر ارتفاع = دقیقاً ارتفاع عکس اصلی (نسبت ۳:۴)؛ متن کوتاه جمع می‌شود، متن بلند اسکرول می‌خورد */
.info{container-type:inline-size}
@supports (width:1cqw){.info-box{max-height:calc(100cqw * 4 / 3)}}
/* تبلت: سه کارت «محصولات دیگر» به‌جای چهار (جلوگیری از کارت تنها) */
@media (min-width:760px) and (max-width:1039px){.more .grid > :nth-child(4){display:none}}

/* دکمهٔ سبد خرید صفحهٔ محصول = هم‌اندازهٔ دکمهٔ واتساپ */
.info .buy-actions .add-to-cart-btn{
  width:100% !important;margin:0 !important;padding:.8rem 1.2rem !important;gap:.5rem !important;
  font-size:calc(1rem * var(--font-scale)) !important;line-height:1.6;border-radius:999px;
}

/* ===== اتمام موجودی ===== */
.out-of-stock-label{color:#c0392b !important;font-weight:700}
html[data-theme="dark"] .out-of-stock-label{color:#ff8a7a !important}
.card-price .out-of-stock-label{font-weight:700 !important}
.add-to-cart-btn:disabled,.add-to-cart-btn.is-soldout-btn,.btn-cart:disabled{
  opacity:.6 !important;cursor:not-allowed !important;pointer-events:none;
  background:rgba(120,120,120,.12) !important;border-color:rgba(120,120,120,.45) !important;
  color:var(--muted) !important;box-shadow:none !important;transform:none !important;
}
.add-to-cart-btn.is-soldout-btn svg{display:none}
.card.is-soldout .card-img img{filter:grayscale(.75);opacity:.7}
.card.is-soldout .card-badge{display:none}