/* =========================================
   Kolahdooozan – لوکس، ریسپانسیو، PWA-ready
========================================= */
:root{
  --brand-gold:#f6c453;
  --brand-navy:#0a0f1a;

  --bg:#0a0f1a; --panel:#0e1526f2;
  --gold:#f6c453; --gold-2:#ffd87a;
  --text:#e7e9ee; --muted:#a7afbe;

  --radius:24px; --radius-lg:28px;
  --shadow:0 14px 40px rgba(0,0,0,.45), 0 0 1px rgba(255,255,255,.06);
}

*{box-sizing:border-box;margin:0;padding:0}
html{ -webkit-text-size-adjust:100% }
body{
  font-family:"Vazirmatn",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(246,196,83,.18), transparent 60%),
    radial-gradient(900px 500px at 85% 12%, rgba(56,66,121,.18), transparent 55%),
    var(--bg);
  color:var(--text); line-height:1.85; overflow-x:hidden;
  background-color: var(--brand-navy);
}

/* نوار Safe-Area برای iOS PWA */
.statusbar-fill{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: env(safe-area-inset-top);
  height: constant(safe-area-inset-top);
  background: var(--brand-gold);
  z-index: 9999;
  pointer-events: none;
}

/* لینک‌ها و کانتینرها */
a{color:var(--gold);text-decoration:none}
.container{max-width:1180px;margin-inline:auto;padding:clamp(16px,2.5vw,24px)}
.panel{
  background:var(--panel);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  overflow:clip;
}

/* هدر */
.site-header{
  position:sticky; top:0; z-index:9998;
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:saturate(150%) blur(12px);
  background:linear-gradient(180deg,#0a0f1af2 10%,#0a0f1a00 100%);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:14px}
.brand-text strong{font-weight:800;display:block}
.brand-text small{color:var(--muted)}

/* لوگو (بزرگ + برق شیشه‌ای) */
.logo-wrap{position:relative;width:96px;height:96px;display:grid;place-items:center;background:transparent}
.logo-img{width:100%;height:100%;object-fit:contain;display:block}
.logo-shine{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.logo-shine::before{
  content:""; position:absolute; top:-20%; bottom:-20%; left:-40%; right:-40%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.35), rgba(255,255,255,0));
  transform:translateX(-60%) rotate(18deg);
  animation:logoSheen 6s ease-in-out infinite;
  mix-blend-mode:screen; opacity:.45;
}
@keyframes logoSheen{
  0%{transform:translateX(-60%) rotate(18deg);opacity:0}
  12%{opacity:.45}
  35%{transform:translateX(60%) rotate(18deg);opacity:0}
  100%{transform:translateX(60%) rotate(18deg);opacity:0}
}

/* دکمه‌ها */
.nav-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn3d{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 18px; min-height:44px; font-weight:700;
  border-radius:16px; border:1px solid rgba(255,255,255,.10);
  background:#121826; color:var(--text);
  box-shadow:0 10px 20px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.06) inset, 0 -6px 12px rgba(0,0,0,.25) inset;
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.btn3d:hover{ transform:translateY(-2px) }
.btn3d.gold{
  background:linear-gradient(180deg,#f8d271 0%,#eeb54a 100%); color:#1b160d; border-color:rgba(0,0,0,.12);
  box-shadow:0 14px 28px rgba(246,196,83,.40), 0 1px 0 rgba(255,255,255,.35) inset, 0 -8px 14px rgba(0,0,0,.22) inset;
}
.btn3d.ghost{background:transparent;box-shadow:none;border:1px solid rgba(255,255,255,.22)}
.btn3d.line{background:transparent;border:1px solid rgba(246,196,83,.55)}
.btn3d.icon svg{width:18px;height:18px}
.hint{font-size:12px;color:var(--muted);padding-top:4px;text-align:center}

/* هیرو */
.hero{padding:56px 24px 40px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.hero .panel{padding:28px}
.title{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.25;margin:0 0 12px}
.gold-text{
  display:inline;color:transparent;
  background:linear-gradient(90deg,var(--gold-2),var(--gold),#fff) no-repeat 0 0 / 100% 100%;
  -webkit-background-clip:text;background-clip:text
}
.subtitle{color:var(--muted);margin:0 0 24px;font-size:1rem}

/* کارت‌های اطلاعات */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.card{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px;border-radius:16px;
  border:1px dashed rgba(255,255,255,.09);
  background:#0b122080;
}
.card h3{margin:.2rem 0 .2rem;font-size:16px}
.card p{margin:0;color:#cbd5e1}

/* آیکن‌های طلایی */
.ico{width:22px;height:22px;flex:0 0 22px;filter:drop-shadow(0 0 6px rgba(246,196,83,.5));
  background: radial-gradient(circle at 30% 30%, var(--gold-2), var(--gold));
  -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat}
.ico-pin{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z\"/></svg>')}
.ico-phone{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.2 2.4 3.2 4.4 5.6 5.6l2-2c.3-.3.8-.2 1.2 0l3 1.2c.4.2.7.6.7 1.1V20c0 .6-.4 1-1 1C9.8 21 3 14.2 3 6c0-.6.4-1 1-1h3.3c.5 0 .9.3 1.1.7l1.2 3c.2.4.1.9-.1 1.2l-2 2z\"/></svg>')}
.ico-map{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M3 6l6-3 6 3 6-3v15l-6 3-6-3-6 3z\"/></svg>')}
.ico-diamond{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M3 9l4-6h10l4 6-9 12L3 9z\"/></svg>')}
.ico-repair{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M2 19l4-4 3 3-4 4H2v-3zM14.7 6.3l3 3L10 17H7v-3l7.7-7.7z\"/></svg>')}
.ico-certificate{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M6 3h12v14H6zM9 21l3-2 3 2v-4H9v4z\"/></svg>')}

/* کارت طلایی قیمت */
.hero-pricebox{
  display:flex;justify-content:center;align-items:center;text-align:center;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#111;border-radius:var(--radius-lg);
  box-shadow:0 0 30px rgba(246,196,83,.3), inset 0 0 10px rgba(255,255,255,.4);
  padding:40px 20px; transition:transform .3s ease, box-shadow .3s ease;
  animation:pulseGlow 4s ease-in-out infinite, floaty 6s ease-in-out infinite;
}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 25px rgba(246,196,83,.4),inset 0 0 10px rgba(255,255,255,.4)}50%{box-shadow:0 0 50px rgba(246,196,83,.7),inset 0 0 12px rgba(255,255,255,.6)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.price-link{text-decoration:none;color:inherit;display:block;width:100%}
.price-link h2{margin:0;font-weight:800;font-size:1.6rem}
.price-link p{margin-top:.5rem;font-size:.95rem}

/* بخش‌ها */
.section{padding:40px 24px}
.section-inner{padding:24px}
.sec-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1.3rem}
.spark{color:var(--gold-2);text-shadow:0 0 8px rgba(246,196,83,.7); animation:sparkle 2.5s ease-in-out infinite}
@keyframes sparkle{0%,100%{filter:drop-shadow(0 0 0 rgba(246,196,83,0))}50%{filter:drop-shadow(0 0 6px rgba(246,196,83,.8))}}
.lede{color:#cbd5e1;margin:0 0 18px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card.soft{background:#0f1628ba;border:1px solid rgba(255,255,255,.08)}

/* گالری */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.g-item{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(145deg,#0e1422,#0a0f19);transition:transform .25s, box-shadow .25s}
.g-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.28));opacity:0;transition:.3s}
.g-item:hover::after{opacity:1}
.g-item:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.g-item img{width:100%;height:100%;object-fit:cover;display:block}

/* فوتر */
.site-footer{padding:28px 24px;border-top:1px solid rgba(255,255,255,.06);text-align:center;color:#bfc6d6;font-size:.9rem}

/* نمایان‌شدن */
.reveal{opacity:0;transform:translateY(8px)}
.reveal.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}

/* ریسپانسیو */
@media (max-width:640px){
  .logo-wrap{width:76px;height:76px}
  .hero{padding:40px 16px 24px}
  .hero-grid{grid-template-columns:1fr}
  .title{font-size:clamp(22px,6vw,32px)}
  .subtitle{font-size:14px;margin-bottom:16px}
  .info-grid{grid-template-columns:1fr;gap:12px}
  .panel{border-radius:18px;padding:18px}
  .feature-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .btn3d{padding:11px 16px;border-radius:14px}
}
@media (min-width:641px) and (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .info-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr)}
}

/* Fixes for Persian text wrapping */
body, p, h1, h2, h3, h4, h5, h6, a, small, strong, span {
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: normal;
  hyphens: manual;
  text-rendering: optimizeLegibility;
}