:root{
    --ink:#01060b;
    --ink-2:#020a11;
    --ink-3:#040f19;
    --ivory:#efe9db;
    --gold:#c9973e;
    --gold-light:#e9c877;
    --silver:#aab2bb;
    --line: rgba(201,151,62,0.35);
    --gold-glow: rgba(201,151,62,0.25);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth; overflow-x:hidden; width:100%;}
  body{
    font-family:'Vazirmatn', sans-serif;
    background:var(--ink);
    color:var(--ivory);
    overflow-x:hidden;
    width:100%;
  }
  /* بافت ظریف خط‌های مورب طلایی - برگرفته از پین‌استرایپ لوگوی برند */
  .section-alt, .sourcing, footer, .hero-below{
    background-image:
      repeating-linear-gradient(135deg, rgba(201,151,62,0.035) 0px, rgba(201,151,62,0.035) 1px, transparent 1px, transparent 34px);
  }
  .section-alt{ background-color:var(--ink-2); }
  footer{ background-color:var(--ink); }
  .lat{font-family:'Space Grotesk', sans-serif; direction:ltr; unicode-bidi:isolate;}
  ::selection{background:var(--gold); color:var(--ink);}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  }

  /* ---------- NAV ---------- */
  header.nav{
    position:sticky; top:0; z-index:50;
    background:rgba(1,6,11,0.72);
    backdrop-filter:blur(10px);
    box-shadow:0 10px 30px -18px rgba(0,0,0,0.65);
  }
  header.nav::before{
    content:""; display:block; height:2px;
    background:linear-gradient(90deg, transparent, var(--gold), var(--gold-light), var(--gold), transparent);
    opacity:0.8;
  }

  /* -- top row: brand + search + actions (CSS Grid = robust, no overflow surprises) -- */
  .nav-top-inner{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"brand search actions";
    align-items:center; gap:22px;
    padding:15px 28px; max-width:1180px; margin:0 auto;
    min-width:0;
  }
  .brand{display:flex; align-items:center; gap:10px; grid-area:brand; min-width:0;}
  .brand img{
    width:40px; height:auto; display:block; flex-shrink:0;
    background:var(--ivory); border-radius:7px; padding:4px;
    border:1px solid rgba(201,151,62,0.5); box-sizing:border-box;
  }
  .brand-text{display:flex; flex-direction:column; line-height:1.2; min-width:0;}
  .brand-text b{font-size:1.02rem; font-weight:800; color:var(--ivory); white-space:nowrap;}
  .brand-text span{font-family:'Space Grotesk',sans-serif; direction:ltr; font-size:0.6rem; letter-spacing:3px; color:var(--gold-light); text-transform:uppercase;}

  .nav-search{
    grid-area:search; min-width:0; max-width:460px; margin:0 auto;
    display:flex; align-items:center;
    background:var(--ink-2); border:1px solid var(--line); border-radius:30px;
    padding-inline-start:6px; transition:border-color .2s, box-shadow .2s, background .2s;
  }
  .nav-search:focus-within{
    border-color:var(--gold-light);
    box-shadow:0 0 0 3px var(--gold-glow);
    background:var(--ink-3);
  }
  .nav-search input{
    flex:1; min-width:0; background:none; border:none; color:var(--ivory);
    font-family:inherit; font-size:0.88rem; padding:11px 6px 11px 4px;
  }
  .nav-search input:focus{ outline:none; }
  .nav-search input::placeholder{ color:var(--silver); }
  .nav-search button{
    flex-shrink:0; display:flex; align-items:center; justify-content:center;
    width:38px; height:38px; margin:3px; border-radius:50%;
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    border:none; color:var(--ink); cursor:pointer; transition:filter .2s;
  }
  .nav-search button:hover{ filter:brightness(1.08); }
  .nav-search button svg{ width:17px; height:17px; flex-shrink:0; }

  .nav-actions{display:flex; align-items:center; gap:14px; grid-area:actions; min-width:0; flex-shrink:0;}
  .nav-cta{
    display:flex; align-items:center; gap:8px; flex-shrink:0; white-space:nowrap;
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--ink); font-weight:700; font-size:0.82rem;
    padding:9px 16px; border-radius:20px;
  }
  .nav-cta:hover{filter:brightness(1.08);}
  .nav-burger{
    display:none; align-items:center; justify-content:center; flex-shrink:0;
    width:38px; height:38px; background:var(--ink-2); border:1px solid var(--line);
    border-radius:50%; color:var(--ivory); cursor:pointer; transition:border-color .2s;
  }
  .nav-burger:hover{ border-color:var(--gold-light); }
  .nav-burger svg{ width:19px; height:19px; }

  /* -- second row: category links -- */
  .nav-links-row{
    border-top:1px solid var(--line);
    background:rgba(255,255,255,0.015);
  }
  nav.links{
    display:flex; gap:26px; font-size:0.87rem; color:var(--silver);
    max-width:1180px; margin:0 auto; padding:0 28px;
    overflow-x:auto; scrollbar-width:none;
  }
  nav.links::-webkit-scrollbar{ display:none; }
  nav.links a{
    position:relative; white-space:nowrap; padding:12px 0;
    opacity:0.85; transition:opacity .2s, color .2s;
  }
  nav.links a::after{
    content:""; position:absolute; right:0; left:0; bottom:0; height:2px;
    background:var(--gold-light); transform:scaleX(0); transition:transform .2s;
  }
  nav.links a:hover{opacity:1; color:var(--gold-light);}
  nav.links a:hover::after{ transform:scaleX(1); }
  nav.links a.active{ opacity:1; color:var(--gold-light); font-weight:700; }
  nav.links a.active::after{ transform:scaleX(1); }

  /* -- mobile dropdown -- */
  .mobile-nav{
    display:none; flex-direction:column;
    background:var(--ink); border-bottom:1px solid var(--line);
    padding:14px 20px 14px;
  }
  .mobile-nav.open{ display:flex; }
  .nav-search-mobile{
    display:flex; align-items:center; margin-bottom:6px;
    background:var(--ink-2); border:1px solid var(--line); border-radius:30px;
    padding-inline-start:6px;
  }
  .nav-search-mobile:focus-within{ border-color:var(--gold-light); box-shadow:0 0 0 3px var(--gold-glow); }
  .nav-search-mobile input{
    flex:1; min-width:0; background:none; border:none; color:var(--ivory);
    font-family:inherit; font-size:0.9rem; padding:11px 6px 11px 4px;
  }
  .nav-search-mobile input:focus{ outline:none; }
  .nav-search-mobile input::placeholder{ color:var(--silver); }
  .nav-search-mobile button{
    flex-shrink:0; display:flex; align-items:center; justify-content:center;
    width:36px; height:36px; margin:3px; border-radius:50%;
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    border:none; color:var(--ink); cursor:pointer;
  }
  .nav-search-mobile button svg{ width:16px; height:16px; }
  .mobile-nav a{
    padding:13px 4px; font-size:0.95rem; color:var(--silver);
    border-bottom:1px solid rgba(255,255,255,0.07); transition:color .2s, padding-inline-start .2s;
  }
  .mobile-nav a:hover{ color:var(--gold-light); padding-inline-start:6px; }
  .mobile-nav a:last-child{ border-bottom:none; }

  @media (max-width:860px){
    .nav-links-row{display:none;}
    .nav-burger{display:flex;}
    .nav-top-inner{
      grid-template-columns:1fr auto;
      grid-template-areas:
        "brand actions"
        "search search";
      gap:12px 14px;
      padding:14px 18px;
    }
    .nav-search{ max-width:none; }
    .brand-text b{ font-size:0.95rem; }
  }
  @media (max-width:480px){
    .wrap{ padding:0 16px; }
    .nav-cta .lat{ display:none; }
    .nav-cta{ padding:0; width:38px; height:38px; justify-content:center; border-radius:50%; }
    .nav-cta::after{ content:'☎'; font-size:1rem; }
    .nav-actions{ gap:10px; }
    .section{ padding:60px 0; }
  }

  /* ---------- HERO (real poster crop) ---------- */
  .hero{ background:var(--ivory); overflow:hidden; }
  .hero-img{ width:100%; display:block; will-change:transform; }
  .hero-below{
    background-color:var(--ink);
    padding:28px 0 44px;
    text-align:center;
    border-top:1px solid var(--line);
  }
  .hero-below p{
    max-width:600px; margin:0 auto; color:var(--silver);
    font-size:1rem; line-height:2;
  }
  .hero-actions{
    display:flex; justify-content:center; gap:14px; margin-top:26px; flex-wrap:wrap;
  }
  .btn-primary{
    position:relative; overflow:hidden;
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--ink); font-weight:800; font-size:0.95rem;
    padding:15px 32px; border-radius:8px; display:inline-flex; align-items:center; gap:8px;
    transition:filter .2s, transform .2s, box-shadow .2s;
    box-shadow:0 6px 18px -6px var(--gold-glow);
  }
  .btn-primary::before{
    content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%;
    background:linear-gradient(115deg, transparent, rgba(255,255,255,0.55), transparent);
    transform:skewX(-20deg); transition:left .6s ease;
  }
  .btn-primary:hover{filter:brightness(1.05); transform:translateY(-2px); box-shadow:0 10px 24px -6px var(--gold-glow);}
  .btn-primary:hover::before{ left:130%; }
  .btn-secondary{
    border:1.5px solid var(--gold); color:var(--gold-light); font-weight:700; font-size:0.95rem;
    padding:14px 30px; border-radius:8px; transition:all .2s;
  }
  .btn-secondary:hover{background:var(--gold); color:var(--ink); transform:translateY(-2px);}

  /* ---------- SECTION HEAD ---------- */
  .section{padding:90px 0;}
  .section-head{max-width:640px; margin-bottom:50px;}
  .section-tag{
    font-family:'Space Grotesk',sans-serif; direction:ltr; font-size:0.72rem;
    letter-spacing:4px; text-transform:uppercase; color:var(--gold-light); font-weight:600;
    display:inline-flex; align-items:center; gap:10px;
  }
  .section-tag::before{ content:""; width:22px; height:1px; background:var(--gold); }
  .section-head h2{font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; margin-top:14px; line-height:1.5; color:var(--ivory);}
  .section-head p{margin-top:14px; color:var(--silver); font-size:0.98rem; line-height:1.9;}
  /* پس‌زمینه‌ی section-alt در بالای فایل با پترن پین‌استرایپ تنظیم شده - اینجا فقط رنگ */

  /* ---------- SERVICES (real cropped rows) ---------- */
  .services-list{
    display:grid; grid-template-columns:1fr 1fr; gap:16px;
  }
  .service-item{
    border-radius:8px; overflow:hidden; border:1px solid var(--line);
    transition:transform .25s, border-color .25s;
  }
  .service-item{transition:transform .3s, border-color .3s, box-shadow .3s;}
  .service-item:hover{transform:translateY(-4px); border-color:var(--gold-light); box-shadow:0 14px 30px -12px var(--gold-glow);}
  .service-item img{width:100%; height:auto; display:block;}
  .service-item.wide{grid-column:1 / -1; max-width:420px;}

  @media (max-width:760px){
    .services-list{grid-template-columns:1fr;}
    .service-item.wide{max-width:none;}
  }

  /* ---------- PRODUCTS ---------- */
  .search-row{
    display:flex; margin-bottom:22px;
  }
  .search-box{
    position:relative; width:100%; max-width:420px;
  }
  .search-box input{
    width:100%; font-family:inherit; font-size:0.92rem;
    background:var(--ink-2); border:1px solid var(--line); color:var(--ivory);
    padding:13px 44px 13px 16px; border-radius:8px; transition:border-color .2s;
  }
  .search-box input:focus{ outline:none; border-color:var(--gold-light); }
  .search-box input::placeholder{ color:var(--silver); }
  .search-box svg{
    position:absolute; top:50%; right:14px; transform:translateY(-50%);
    width:18px; height:18px; color:var(--silver); pointer-events:none;
  }
  .filter-bar{
    display:flex; gap:10px; margin-bottom:36px; flex-wrap:wrap;
  }
  .filter-btn{
    font-family:inherit; font-size:0.85rem; font-weight:600; cursor:pointer;
    background:transparent; color:var(--silver); border:1px solid var(--line);
    padding:9px 20px; border-radius:30px; transition:all .2s;
  }
  .filter-btn:hover{border-color:var(--gold-light); color:var(--gold-light);}
  .filter-btn.active{
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--ink); border-color:transparent;
  }
  .products-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
  }
  .product-card{
    background:var(--ink-2); border:1px solid var(--line); border-radius:10px;
    overflow:hidden; transition:transform .25s, border-color .25s;
  }
  .product-card{transition:transform .3s, border-color .3s, box-shadow .3s;}
  .product-card:hover{transform:translateY(-5px); border-color:var(--gold-light); box-shadow:0 16px 34px -14px var(--gold-glow);}
  .product-thumb{
    position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--ink-3);
  }
  .product-thumb img{width:100%; height:100%; object-fit:cover;}
  .product-badge{
    position:absolute; top:58px; right:12px;
    font-family:'Space Grotesk',sans-serif; direction:ltr; font-size:0.65rem;
    letter-spacing:1.5px; text-transform:uppercase; font-weight:700;
    padding:5px 11px; border-radius:20px; color:var(--ink);
    background:var(--gold-light);
  }
  .product-badge.korea{ background:#c7cdd4; }
  .product-body{ padding:18px 18px 20px; }
  .product-brand{
    font-family:'Space Grotesk',sans-serif; direction:ltr; font-size:0.7rem;
    letter-spacing:2px; text-transform:uppercase; color:var(--gold-light); font-weight:700;
  }
  .product-name{ font-size:1rem; font-weight:700; margin-top:8px; line-height:1.6; color:var(--ivory); }
  .product-code{
    margin-top:8px; font-family:'Space Grotesk',sans-serif; direction:ltr;
    font-size:0.78rem; color:var(--silver); letter-spacing:0.5px;
  }
  .product-cta{
    display:flex; align-items:center; justify-content:center; gap:6px;
    margin-top:16px; padding:10px; border-radius:4px;
    border:1px solid var(--gold); color:var(--gold-light);
    font-size:0.85rem; font-weight:700; transition:all .2s;
  }
  .product-cta:hover{ background:var(--gold); color:var(--ink); }
  .products-empty{
    display:none; text-align:center; padding:40px 0; color:var(--silver);
  }
  @media (max-width:900px){ .products-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .products-grid{grid-template-columns:1fr;} }

  /* ---------- ORIGINS (real cropped panels) ---------- */
  .origin-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  .origin-card img{width:100%; height:auto; border-radius:10px; border:1px solid var(--line);}
  .origin-label{
    display:flex; align-items:center; justify-content:space-between;
    margin-top:14px; padding:0 4px;
  }
  .origin-label b{font-size:1rem;}
  .origin-label span{font-size:0.68rem; letter-spacing:3px; color:var(--silver); text-transform:uppercase;}
  @media (max-width:760px){ .origin-grid{grid-template-columns:1fr;} }

  /* ---------- PROCESS ---------- */
  .process-list{border-top:1px solid var(--line);}
  .process-row{
    display:grid; grid-template-columns:70px 1fr 30px; align-items:center;
    padding:26px 0; border-bottom:1px solid var(--line);
    transition:padding .25s, background .25s;
  }
  .process-row:hover{padding-inline-start:10px; background:rgba(201,151,62,0.05);}
  .process-row .pr-num{font-family:'Space Grotesk',sans-serif; color:var(--gold-light); font-weight:700; font-size:1rem;}
  .process-row .pr-title{font-weight:700; font-size:1.02rem; color:var(--ivory);}
  .process-row .pr-desc{color:var(--silver); font-size:0.88rem; margin-top:4px;}
  .process-row .pr-arrow{opacity:0; transition:opacity .25s; color:var(--gold-light);}
  .process-row:hover .pr-arrow{opacity:1;}

  /* ---------- CTA STRIP ---------- */
  .cta-strip{
    background:linear-gradient(135deg, var(--gold), var(--gold-light));
    color:var(--ink); padding:56px 0;
  }
  .cta-strip .wrap{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px;}
  .cta-strip h3{font-size:1.4rem; font-weight:800;}
  .cta-strip p{margin-top:6px; font-size:0.92rem; opacity:0.85;}
  .cta-buttons{display:flex; gap:12px; flex-wrap:wrap;}
  .cta-buttons a{
    background:var(--ink); color:var(--ivory); font-weight:700; font-size:0.92rem;
    padding:14px 26px; border-radius:8px; border:1px solid rgba(255,255,255,.08);
    transition:all .2s;
    box-shadow:
      0 4px 0 #000000,
      0 7px 16px rgba(0,0,0,.35),
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -2px 0 rgba(0,0,0,.4);
  }
  .cta-buttons a:hover{
    background:transparent; color:var(--ink);
    transform:translateY(-4px);
    box-shadow:
      0 7px 0 #000000,
      0 11px 22px rgba(0,0,0,.4),
      inset 0 1px 0 rgba(255,255,255,.14);
  }
  .cta-buttons a:active{
    transform:translateY(0);
    box-shadow:
      0 1px 0 #000000,
      0 3px 8px rgba(0,0,0,.35);
  }

  /* ---------- FOOTER ---------- */
  footer{padding:64px 0 24px; border-top:1px solid var(--line);}
  .foot-grid{display:grid; grid-template-columns:1.3fr 0.85fr 0.85fr 1fr; gap:36px;}
  .foot-brand p{margin-top:16px; font-size:0.88rem; line-height:2; color:var(--silver); max-width:340px;}
  .social-links{ display:flex; gap:8px; margin-top:16px; align-items:center; }
  .social-links a{
    width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    border:1px solid var(--line); color:var(--silver); transition:all .2s; flex-shrink:0;
  }
  .social-links a:hover{ border-color:var(--gold-light); color:var(--gold-light); transform:translateY(-2px); }
  .social-links svg{ width:11px; height:11px; }
  .foot-col h4{color:var(--ivory); font-size:0.88rem; font-weight:700; margin-bottom:16px;}
  .foot-col a{display:flex; align-items:center; gap:10px; font-size:0.88rem; color:var(--silver); margin-bottom:13px;}
  .foot-col a img{width:22px; height:22px;}
  .foot-col a:hover{color:var(--gold-light);}
  .foot-bottom{
    margin-top:50px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.08);
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
    font-size:0.76rem; color:#6f7379;
  }
  @media (max-width:860px){
  .foot-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "brand brand"
      "quick guide"
      "contact contact";
    gap:28px 18px;
  }
  .foot-grid > div:nth-child(1){ grid-area:brand; }
  .foot-grid > div:nth-child(2){ grid-area:quick; }
  .foot-grid > div:nth-child(3){ grid-area:contact; }
  .foot-grid > div:nth-child(4){ grid-area:guide; }

  .foot-brand{
    grid-column:1 / -1;
  }
}

  /* ---------- PRICE / STOCK / MODEL FILTER ---------- */
  .select-filter{
    font-family:inherit; font-size:0.85rem; color:var(--silver);
    background:var(--ink-2); border:1px solid var(--line); border-radius:30px;
    padding:9px 16px; cursor:pointer;
  }
  .select-filter:focus{ outline:none; border-color:var(--gold-light); }

  .product-price{
    margin-top:10px; font-weight:800; font-size:1.02rem; color:var(--gold-light);
    font-family:'Space Grotesk',sans-serif; direction:ltr; text-align:right;
  }
  .product-price.call{ font-size:0.85rem; font-weight:600; color:var(--silver); font-family:'Vazirmatn',sans-serif; direction:rtl; }

  .stock-badge{
    position:absolute; top:12px; left:12px;
    font-size:0.65rem; font-weight:700; padding:5px 11px; border-radius:20px;
  }
  .stock-badge.in{ background:rgba(120,180,120,0.18); color:#bfe3bf; border:1px solid rgba(120,180,120,0.4); }
  .stock-badge.out{ background:rgba(200,80,80,0.18); color:#f0b8b8; border:1px solid rgba(200,80,80,0.4); }

  .featured-star{
    position:absolute; bottom:12px; left:12px;
    background:rgba(1,6,11,0.75); border:1px solid var(--gold-light);
    color:var(--gold-light); font-size:0.65rem; font-weight:700;
    padding:4px 10px; border-radius:20px; display:flex; align-items:center; gap:4px;
  }

  .product-name a{ color:inherit; }
  .product-card{ position:relative; }

  /* ---------- FEATURED STRIP ---------- */
  .featured-strip{ margin-bottom:56px; }
  .featured-strip h3{
    font-size:1.05rem; font-weight:700; margin-bottom:20px; color:var(--gold-light);
    display:flex; align-items:center; gap:8px;
  }

  /* ---------- MAP ---------- */
  .map-wrap{
    margin-top:40px; border-radius:10px; overflow:hidden; border:1px solid var(--line);
    filter:grayscale(0.3) contrast(1.05);
  }
  .map-wrap iframe{ width:100%; height:340px; border:0; display:block; }

  /* ---------- PRODUCT DETAIL PAGE ---------- */
  .breadcrumb{
    display:flex; align-items:center; flex-wrap:wrap; gap:6px;
    font-size:0.82rem; color:var(--silver); margin-bottom:26px;
  }
  .breadcrumb a{ color:var(--silver); transition:color .2s; }
  .breadcrumb a:hover{ color:var(--gold-light); }
  .breadcrumb .sep{ color:var(--line); font-family:'Space Grotesk',sans-serif; }
  .breadcrumb .current{ color:var(--gold-light); font-weight:600; }
  .product-detail{
    display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; min-width:0;
  }
  .product-detail > div{ min-width:0; }
  @media (max-width:820px){ .product-detail{ grid-template-columns:1fr; } }

  .gallery-main{
    aspect-ratio:1/1; border-radius:10px; overflow:hidden; border:1px solid var(--line);
    background:var(--ink-2); margin-bottom:14px;
  }
  .gallery-main img{ width:100%; height:100%; object-fit:cover; }
  .gallery-thumbs{ display:flex; gap:10px; flex-wrap:wrap; }
  .gallery-thumbs img{
    width:70px; height:70px; object-fit:cover; border-radius:6px; cursor:pointer;
    border:1px solid var(--line); transition:border-color .2s;
  }
  .gallery-thumbs img:hover, .gallery-thumbs img.active{ border-color:var(--gold-light); }

  .detail-brand{
    font-family:'Space Grotesk',sans-serif; direction:ltr; font-size:0.75rem;
    letter-spacing:2px; text-transform:uppercase; color:var(--gold-light); font-weight:700;
  }
  .detail-title{ font-size:1.6rem; font-weight:800; margin-top:10px; line-height:1.5; }
  .detail-meta{
    display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;
  }
  .detail-meta span{
    font-size:0.8rem; padding:6px 14px; border-radius:20px;
    border:1px solid var(--line); color:var(--silver);
  }
  .detail-price{
    margin-top:22px; font-size:1.5rem; font-weight:800; color:var(--gold-light);
    font-family:'Space Grotesk',sans-serif; direction:ltr; text-align:right;
  }
  .detail-desc{ margin-top:20px; color:var(--silver); line-height:2; font-size:0.95rem; }
  .detail-actions{ display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }

  /* ---------- ABOUT PAGE ---------- */
  /* ---------- PAGE HERO (banner for inner pages: about, blog, faq, track-order) ---------- */
  .page-hero{
    position:relative; overflow:hidden;
    background:var(--ink-2); padding:64px 0 56px; text-align:center; border-bottom:1px solid var(--line);
    background-image: repeating-linear-gradient(135deg, rgba(201,151,62,0.05) 0px, rgba(201,151,62,0.05) 1px, transparent 1px, transparent 34px);
  }
  .page-hero::before{
    content:""; position:absolute; top:-140px; left:50%; transform:translateX(-50%);
    width:340px; height:340px; border-radius:50%;
    background:radial-gradient(circle, var(--gold-glow), transparent 70%);
    pointer-events:none;
  }
  .page-hero-icon{
    position:relative; width:56px; height:56px; margin:0 auto 20px;
    display:flex; align-items:center; justify-content:center;
    background:var(--ivory); border-radius:12px; border:1px solid rgba(201,151,62,0.5);
  }
  .page-hero-icon img{ width:34px; height:auto; }
  .page-hero h1{ position:relative; font-size:clamp(1.7rem,3.4vw,2.5rem); font-weight:800; }
  .page-hero .section-tag{ position:relative; justify-content:center; margin-bottom:14px; }
  .page-hero p{ position:relative; color:var(--silver); max-width:600px; margin:16px auto 0; line-height:2; }

  .about-hero{
    background:var(--ink-2); padding:70px 0; text-align:center; border-bottom:1px solid var(--line);
  }
  .about-hero h1{ font-size:clamp(1.7rem,3.4vw,2.5rem); font-weight:800; }
  .about-hero p{ color:var(--silver); max-width:600px; margin:16px auto 0; line-height:2; }
  .about-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:20px;
  }
  @media (max-width:760px){ .about-grid{ grid-template-columns:1fr; } }
  .about-card{
    background:var(--ink-2); border:1px solid var(--line); border-radius:10px; padding:28px;
    transition:transform .3s, border-color .3s, box-shadow .3s;
  }
  .about-card:hover{ transform:translateY(-4px); border-color:var(--gold-light); box-shadow:0 14px 30px -12px var(--gold-glow); }
  .about-card b{ display:block; font-size:1.6rem; color:var(--gold-light); margin-bottom:8px; }
  .about-card span{ font-size:0.85rem; color:var(--silver); }

  /* ---------- CART ---------- */
  .cart-link{
    position:relative; display:flex; align-items:center; gap:6px;
    color:var(--ivory); font-size:0.85rem;
  }
  .cart-link svg{ width:20px; height:20px; }
  .cart-count{
    position:absolute; top:-8px; left:-10px;
    background:var(--gold-light); color:var(--ink); font-size:0.65rem; font-weight:800;
    min-width:18px; height:18px; border-radius:50%; display:none; align-items:center; justify-content:center;
    padding:0 4px;
  }

  .add-cart-btn{
    margin-top:12px; width:100%; display:flex; align-items:center; justify-content:center; gap:6px;
    font-family:inherit; font-size:0.85rem; font-weight:700; cursor:pointer;
    background:transparent; border:1px solid var(--gold); color:var(--gold-light);
    padding:10px; border-radius:8px; transition:all .2s;
  }
  .add-cart-btn:hover{ background:var(--gold); color:var(--ink); }
  .add-cart-btn.added{ background:#4caf7d; border-color:#4caf7d; color:#fff; }

  .add-cart-btn-detail{
    display:inline-flex; align-items:center; justify-content:center; gap:6px;
    font-family:inherit; font-size:0.92rem; font-weight:700; cursor:pointer;
    background:linear-gradient(135deg, var(--gold-light), var(--gold)); color:var(--ink);
    padding:14px 28px; border-radius:8px; border:none; transition:filter .2s;
  }
  .add-cart-btn-detail:hover{ filter:brightness(1.08); }
  .add-cart-btn-detail.added{ background:#4caf7d; color:#fff; }

  /* ---------- CART PAGE ---------- */
  .cart-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .cart-table{ width:100%; border-collapse:collapse; min-width:560px; }
  .cart-table th{ text-align:right; font-size:0.8rem; color:var(--silver); padding:10px 8px; border-bottom:1px solid var(--line); }
  .cart-table td{ padding:16px 8px; border-bottom:1px solid var(--line); vertical-align:middle; }
  .cart-item-info{ display:flex; align-items:center; gap:14px; }
  .cart-item-info img{ width:56px; height:56px; object-fit:cover; border-radius:6px; border:1px solid var(--line); }
  .qty-input{
    width:64px; text-align:center; background:var(--ink-2); border:1px solid var(--line);
    color:var(--ivory); border-radius:5px; padding:8px; font-family:inherit;
  }
  .cart-remove{ color:#f0b8b8; font-size:0.8rem; cursor:pointer; background:none; border:none; font-family:inherit; }
  .cart-summary{
    margin-top:30px; padding:24px; background:var(--ink-2); border:1px solid var(--line); border-radius:10px;
    max-width:380px; margin-inline-start:auto;
  }
  .cart-summary .total-row{ display:flex; justify-content:space-between; font-size:1.1rem; font-weight:800; color:var(--gold-light); margin-bottom:18px; }
  .cart-empty{ text-align:center; padding:60px 0; color:var(--silver); }

  .checkout-form{ margin-top:40px; max-width:560px; }
  .checkout-form label{ display:block; font-size:0.85rem; color:var(--silver); margin-bottom:6px; margin-top:16px; }
  .checkout-form input, .checkout-form textarea{
    width:100%; padding:12px 14px; border-radius:5px;
    background:var(--ink-2); border:1px solid var(--line); color:var(--ivory);
    font-family:inherit; font-size:0.92rem;
  }
  .checkout-form textarea{ min-height:90px; resize:vertical; }
  .checkout-form input:focus, .checkout-form textarea:focus{ outline:none; border-color:var(--gold-light); }

  .order-success{
    text-align:center; padding:70px 0; max-width:520px; margin:0 auto;
  }
  .order-success .code-box{
    display:inline-block; margin:22px 0; padding:14px 30px; border:1px dashed var(--gold-light);
    border-radius:8px; font-family:'Space Grotesk',sans-serif; direction:ltr; font-size:1.3rem;
    font-weight:800; color:var(--gold-light);
  }

  /* ---------- SCROLL REVEAL ----------
     نکته مهم: مخفی‌سازی اولیه (opacity:0) اینجا در CSS تعریف نشده؛
     فقط با جاوااسکریپت (بعد از بارگذاری موفق آن) اعمال می‌شود.
     این‌طوری اگر جاوااسکریپت به هر دلیلی (اینترنت ضعیف موبایل، خطا و...)
     اجرا نشود، محتوای سایت هیچ‌وقت نامرئی نمی‌ماند. */
  .reveal.js-hidden{ opacity:0; transform:translate(var(--rx,0px), var(--ry,22px)); }
  .reveal.in-view{ animation:pp-reveal-in .7s cubic-bezier(.2,.7,.3,1) both; }
  @keyframes pp-reveal-in{
    from{ opacity:0; transform:translate(var(--rx,0px), var(--ry,22px)); }
    to{ opacity:1; transform:translate(0,0); }
  }
  @media (prefers-reduced-motion: reduce){
    .reveal.js-hidden{ opacity:1; transform:none; }
    .reveal.in-view{ animation:none; }
  }

  /* ---------- EMBLEM GLOW (nav + footer brand mark) ---------- */
  .brand img{ filter:drop-shadow(0 0 6px rgba(201,151,62,0.25)); transition:filter .3s; }
  .brand:hover img{ filter:drop-shadow(0 0 12px rgba(201,151,62,0.45)); }

  /* ---------- BLOG ---------- */
  .blog-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  }
  @media (max-width:900px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:600px){ .blog-grid{ grid-template-columns:1fr; } }
  .blog-card{
    display:block; text-decoration:none; background:var(--ink-2); border:1px solid var(--line);
    border-radius:10px; overflow:hidden; transition:transform .3s, border-color .3s, box-shadow .3s;
  }
  .blog-card:hover{ transform:translateY(-5px); border-color:var(--gold-light); box-shadow:0 16px 34px -14px var(--gold-glow); }
  .blog-card-thumb{ aspect-ratio:16/10; overflow:hidden; background:var(--ink-3); }
  .blog-card-thumb img{ width:100%; height:100%; object-fit:cover; }
  .blog-card-body{ padding:18px 18px 22px; }
  .blog-card-date{ font-size:0.72rem; color:var(--silver); }
  .blog-card-title{ font-size:1rem; font-weight:700; color:var(--ivory); margin-top:8px; line-height:1.7; }
  .blog-card-excerpt{ font-size:0.85rem; color:var(--silver); margin-top:10px; line-height:1.9; }
  .blog-card-more{ display:inline-block; margin-top:14px; font-size:0.82rem; color:var(--gold-light); font-weight:700; }

  .blog-post{ max-width:760px; }
  .blog-post-date{ font-size:0.78rem; color:var(--silver); }
  .blog-post-title{ font-size:clamp(1.5rem,3vw,2rem); font-weight:800; margin-top:10px; line-height:1.6; }
  .blog-post-cover{ margin-top:26px; border-radius:10px; overflow:hidden; border:1px solid var(--line); aspect-ratio:16/9; }
  .blog-post-cover img{ width:100%; height:100%; object-fit:cover; }
  .blog-post-content{ margin-top:30px; color:var(--silver); font-size:1rem; line-height:2.1; }
  .blog-post-content p{ margin-bottom:20px; }

  /* ---------- FAQ ---------- */
  .faq-list{ max-width:820px; }
  .faq-item{
    border-bottom:1px solid var(--line);
  }
  .faq-question{
    width:100%; text-align:right; background:none; border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:22px 4px; font-family:inherit; font-size:0.98rem; font-weight:700; color:var(--ivory);
  }
  .faq-icon{
    flex-shrink:0; width:26px; height:26px; border-radius:50%; border:1px solid var(--gold);
    color:var(--gold-light); display:flex; align-items:center; justify-content:center;
    font-size:1rem; transition:transform .3s, background .3s, color .3s;
  }
  .faq-item.open .faq-icon{ transform:rotate(45deg); background:var(--gold); color:var(--ink); }
  .faq-answer{
    max-height:0; overflow:hidden; transition:max-height .35s ease;
  }
  .faq-item.open .faq-answer{ max-height:300px; }
  .faq-answer p{ padding:0 4px 22px; color:var(--silver); font-size:0.92rem; line-height:2; }


/* ---------- PARSIAN PART REFINEMENT ---------- */
.services-list{align-items:stretch;}
.service-item{position:relative; background:var(--ink-3);}
.service-caption{
  position:absolute; inset:auto 0 0; padding:34px 22px 18px;
  background:linear-gradient(to top, rgba(1,6,11,.96), rgba(1,6,11,.12));
  display:flex; flex-direction:column; gap:4px;
}
.service-caption b{font-size:1rem; color:var(--ivory);}
.service-caption span{font-size:.78rem; color:var(--silver); line-height:1.7;}
.brand-marquee{overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--ink-2);}
.brand-marquee-track{display:flex; width:max-content; gap:28px; padding:16px 0; direction:ltr; animation:pp-marquee 28s linear infinite;}
.brand-marquee-track span{font-family:'Space Grotesk',sans-serif; font-size:.72rem; letter-spacing:3px; color:var(--silver); white-space:nowrap;}
.brand-marquee-track .dot{color:var(--gold);}
@keyframes pp-marquee{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.brand-marquee-track{animation:none;}}
@media (max-width:760px){
  .section{padding:70px 0;}
  .section-head{margin-bottom:32px;}
  .hero-below{padding:18px 0 22px;}
  .hero-below p{font-size:.88rem; line-height:1.65;}
  .hero-actions{gap:10px; margin-top:14px;}
  .hero-actions a{width:100%; justify-content:center; padding:12px 20px; font-size:.88rem;}
  .service-caption{padding:32px 16px 14px;}
}
@media (max-width:480px){
  .brand-text b{font-size:.9rem;}
  .brand-text span{font-size:.52rem; letter-spacing:2px;}
  .nav-top-inner{gap:10px;}
}

/* ---------- FLOATING WHATSAPP BUTTON ---------- */
.whatsapp-float{
  position:fixed; bottom:22px; left:22px; z-index:60;
  width:56px; height:56px; border-radius:50%;
  background:#25d366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 24px -6px rgba(0,0,0,0.55);
  transition:transform .2s, box-shadow .2s;
}
.whatsapp-float:hover{ transform:translateY(-3px) scale(1.06); box-shadow:0 12px 30px -6px rgba(0,0,0,0.65); }
.whatsapp-float svg{ width:28px; height:28px; position:relative; z-index:2; }
.whatsapp-float::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow:0 0 0 0 rgba(37,211,102,0.55);
  animation:wa-pulse 2.4s infinite;
}
@keyframes wa-pulse{
  0%{ box-shadow:0 0 0 0 rgba(37,211,102,0.55); }
  70%{ box-shadow:0 0 0 16px rgba(37,211,102,0); }
  100%{ box-shadow:0 0 0 0 rgba(37,211,102,0); }
}
@media (prefers-reduced-motion:reduce){ .whatsapp-float::before{ animation:none; } }
@media (max-width:480px){
  .whatsapp-float{ width:50px; height:50px; bottom:16px; left:16px; }
  .whatsapp-float svg{ width:25px; height:25px; }
}

/* ---------- NAV LIVE SEARCH SUGGESTIONS ---------- */
.nav-search, .nav-search-mobile{ position:relative; }
.nav-suggest{
  position:absolute; top:calc(100% + 10px); right:0; left:0; z-index:70;
  background:var(--ink-2); border:1px solid var(--line); border-radius:12px;
  box-shadow:0 18px 40px -14px rgba(0,0,0,0.6);
  overflow:hidden; display:none;
}
.nav-suggest.open{ display:block; }
.nav-suggest-item{
  display:flex; align-items:flex-start; gap:12px; padding:10px 12px;
  text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.06);
  transition:background .15s;
}
.nav-suggest-item:last-child{ border-bottom:none; }
.nav-suggest-item:hover, .nav-suggest-item.active{ background:rgba(201,151,62,0.12); }
.nav-suggest-thumb{
  width:42px; height:42px; border-radius:6px; overflow:hidden; flex-shrink:0;
  background:var(--ink-3); border:1px solid var(--line);
}
.nav-suggest-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.nav-suggest-info{ display:flex; flex-direction:column; min-width:0; flex:1; }
.nav-suggest-name{
  display:block; max-width:100%;
  font-size:0.85rem; font-weight:700; color:var(--ivory);
  white-space:normal; overflow-wrap:break-word; line-height:1.4;
}
.nav-suggest-meta{ display:block; max-width:100%; white-space:normal; overflow-wrap:break-word; font-size:0.72rem; color:var(--silver); margin-top:2px; }
.nav-suggest-price{ font-size:0.78rem; color:var(--gold-light); font-weight:700; white-space:nowrap; flex-shrink:0; margin-top:2px; }
.nav-suggest-more{
  display:block; text-align:center; padding:11px; font-size:0.82rem; font-weight:700;
  color:var(--gold-light); background:rgba(255,255,255,0.02); text-decoration:none;
}
.nav-suggest-more:hover{ background:rgba(201,151,62,0.1); }
.nav-suggest-empty{ padding:16px; text-align:center; font-size:0.82rem; color:var(--silver); }
.nav-suggest-loading{ padding:16px; text-align:center; font-size:0.8rem; color:var(--silver); }

/* ---------- HOMEPAGE CAR SLIDER — آلبوم سه‌بعدی (کاروسل ۳D) ---------- */
.car-slider{
  position:relative; width:100%; overflow:hidden;
  height:clamp(300px, 46vw, 540px);
  perspective:1200px;
  background:
    radial-gradient(ellipse at 50% 45%, rgba(201,151,62,.14), transparent 62%),
    var(--ink-2);
  -webkit-tap-highlight-color:transparent;
  user-select:none;
}
.car-slide{
  --o:0; --ao:9;                       /* فاصله از اسلاید فعال (JS مقدار می‌دهد) */
  position:absolute; top:50%; left:50%;
  width:min(62%, 780px); aspect-ratio:16/9; height:auto; max-height:84%;
  object-fit:contain;
  background:var(--ink-3);
  border-radius:16px;
  border:1px solid rgba(201,151,62,.28);
  box-shadow:0 26px 50px -24px rgba(0,0,0,.85);
  transform:
    translate(-50%,-50%)
    translateX(calc(var(--o) * -72%))
    translateZ(calc(var(--ao) * -150px))
    rotateY(calc(clamp(-1, var(--o), 1) * -34deg));
  opacity:clamp(0, calc(1.15 - var(--ao) * .4), 1);
  filter:brightness(calc(1 - var(--ao) * .22));
  transition:transform .8s cubic-bezier(.2,.7,.3,1), opacity .6s ease, filter .6s ease, box-shadow .6s ease, border-color .6s ease;
  will-change:transform, opacity;
}
.car-slide.active{
  --ao:0;
  border-color:var(--gold-light);
  box-shadow:0 30px 60px -24px rgba(0,0,0,.9), 0 0 46px -12px var(--gold-glow);
}
.car-slide:not(.active){ cursor:pointer; }
.car-slider::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(to top, rgba(1,6,11,0.55), transparent 35%);
}
.car-slider-dots{
  position:absolute; bottom:14px; left:50%; transform:translateX(-50%);
  display:flex; gap:8px; z-index:40;
}
.car-slider-dot{
  width:9px; height:9px; border-radius:50%; padding:0; border:none; cursor:pointer;
  background:rgba(255,255,255,0.45); transition:background .2s, width .2s, border-radius .2s;
}
.car-slider-dot.active{ background:var(--gold-light); width:22px; border-radius:5px; }
@media (max-width:600px){
  .car-slider{ height:clamp(230px, 68vw, 330px); perspective:900px; }
  .car-slide{ width:90%; max-height:92%; border-radius:12px; }
}
@media (prefers-reduced-motion: reduce){
  .car-slide{ transition:opacity .3s ease, filter .3s ease; }
}

/* ---------- HOMEPAGE COUPON BANNER ---------- */
.coupon-banner{
  padding:26px 0; background:linear-gradient(135deg, rgba(201,151,62,0.12), rgba(201,151,62,0.02));
  border-bottom:1px solid var(--line); border-top:1px solid var(--line);
}
.coupon-banner-inner{
  display:flex; align-items:center; gap:24px; flex-wrap:wrap;
}
.coupon-banner-lead{
  display:flex; align-items:center; gap:12px; flex-shrink:0;
}
.coupon-banner-lead svg{ width:30px; height:30px; color:var(--gold-light); flex-shrink:0; }
.coupon-banner-lead b{ display:block; font-size:0.98rem; color:var(--ivory); }
.coupon-banner-lead span{ display:block; font-size:0.8rem; color:var(--silver); margin-top:2px; }

.coupon-list{ display:flex; gap:14px; flex-wrap:wrap; flex:1; }
.coupon-ticket{
  position:relative; display:flex; align-items:center; gap:12px;
  background:var(--ink-2); border:1px dashed rgba(201,151,62,0.55); border-radius:10px;
  padding:10px 14px;
}
.coupon-ticket-amount{
  font-size:0.82rem; font-weight:700; color:var(--gold-light); white-space:nowrap;
}
.coupon-ticket-code{
  display:flex; align-items:center; gap:8px;
  background:rgba(0,0,0,0.25); border-radius:6px; padding:5px 10px;
}
.coupon-ticket-code .lat{
  font-family:'Space Grotesk',sans-serif; letter-spacing:1px; font-weight:700;
  font-size:0.85rem; color:var(--ivory); direction:ltr;
}
.coupon-copy-btn{
  background:none; border:none; color:var(--silver); cursor:pointer;
  display:flex; align-items:center; justify-content:center; padding:2px; transition:color .2s;
}
.coupon-copy-btn:hover{ color:var(--gold-light); }
.coupon-copy-btn svg{ width:15px; height:15px; }
.coupon-ticket.copied .coupon-copy-btn{ color:#4ade80; }
.coupon-ticket.copied .coupon-ticket-code::after{
  content:"کپی شد!"; position:absolute; top:-26px; right:14px;
  background:#1f2937; color:#4ade80; font-size:0.7rem; padding:3px 8px; border-radius:5px;
}
@media (max-width:760px){
  .coupon-banner-inner{ flex-direction:column; align-items:flex-start; gap:14px; }
  .coupon-list{ width:100%; }
  .coupon-ticket{ flex:1 1 auto; }
}

/* ---------- POLICY / TRUST PAGES ---------- */
.policy-lead{
  max-width:760px; margin:0 auto 8px; color:var(--silver);
  font-size:0.98rem; line-height:2; text-align:center;
}
.policy-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:20px; margin-top:36px;
}
.policy-card{
  background:var(--ink-2); border:1px solid var(--line); border-radius:12px;
  padding:26px 22px; text-align:center;
}
.policy-card svg{ width:30px; height:30px; color:var(--gold-light); margin-bottom:14px; }
.policy-card b{ display:block; font-size:0.98rem; color:var(--ivory); margin-bottom:8px; }
.policy-card p{ font-size:0.85rem; color:var(--silver); line-height:1.9; margin:0; }

.policy-block{ max-width:820px; margin:0 auto; }
.policy-block h3{
  font-size:1.05rem; color:var(--ivory); margin:34px 0 14px;
  display:flex; align-items:center; gap:10px;
}
.policy-block h3:first-child{ margin-top:0; }
.policy-block h3::before{
  content:""; width:4px; height:18px; border-radius:2px;
  background:linear-gradient(180deg, var(--gold-light), var(--gold));
}
.policy-block p{ color:var(--silver); font-size:0.92rem; line-height:2; margin-bottom:14px; }
.policy-block ul{ margin:0 0 14px; padding-inline-start:22px; }
.policy-block li{ color:var(--silver); font-size:0.92rem; line-height:2; margin-bottom:8px; }
.policy-block li::marker{ color:var(--gold-light); }

.policy-table{
  width:100%; border-collapse:collapse; margin:18px 0 26px; font-size:0.88rem;
  border:1px solid var(--line); border-radius:10px; overflow:hidden;
}
.policy-table th, .policy-table td{
  padding:13px 16px; text-align:right; border-bottom:1px solid var(--line);
}
.policy-table th{ background:var(--ink-2); color:var(--gold-light); font-weight:700; }
.policy-table td{ color:var(--silver); }
.policy-table tr:last-child td{ border-bottom:none; }

@media (max-width:600px){
  .policy-table{ display:block; overflow-x:auto; white-space:nowrap; }
}

/* ---------- POLICY / TRUST PAGES ---------- */
.policy-content{ max-width:820px; margin:0 auto; }
.policy-content h2{
  font-size:1.15rem; color:var(--ivory); font-weight:800;
  margin:34px 0 14px;
}
.policy-content h2:first-child{ margin-top:0; }
.policy-content p{ color:var(--silver); font-size:0.95rem; line-height:2; margin-bottom:14px; }
.policy-content ul{ margin:0 0 20px; padding:0; list-style:none; }
.policy-content li{
  position:relative; padding-inline-start:24px;
  margin-bottom:12px; color:var(--silver); font-size:0.92rem; line-height:1.9;
}
.policy-content li::before{
  content:"›"; position:absolute; right:0; top:-1px;
  color:var(--gold-light); font-weight:700; font-size:1.15rem;
}
.policy-note{
  background:var(--ink-2); border:1px solid var(--line); border-inline-start:3px solid var(--gold-light);
  border-radius:8px; padding:16px 18px; margin-top:22px; font-size:0.88rem; color:var(--silver); line-height:1.9;
}
.policy-note b{ color:var(--gold-light); }
.process-list + .policy-content{ margin-top:30px; }
@media (max-width:760px){
  .policy-content h2{ font-size:1.05rem; margin:28px 0 12px; }
}

/* ---------- CHECKOUT: SHIPPING METHOD ---------- */
.shipping-options{ display:flex; flex-direction:column; gap:10px; margin-bottom:18px; }
.shipping-option{
  display:flex; align-items:center; gap:12px;
  background:var(--ink-2); border:1px solid var(--line); border-radius:10px;
  padding:13px 16px; cursor:pointer; transition:border-color .2s, background .2s;
}
.shipping-option:has(input:checked){
  border-color:var(--gold-light); background:rgba(201,151,62,0.08);
}
.shipping-option input[type="radio"]{ width:18px; height:18px; accent-color:var(--gold-light); flex-shrink:0; }
.shipping-option-body{ display:flex; flex-direction:column; gap:2px; }
.shipping-option-body b{ font-size:0.92rem; color:var(--ivory); }
.shipping-option-body span{ font-size:0.78rem; color:var(--silver); }

/* ---------- TRUST STRIP (cart page) ---------- */
.trust-strip{
  display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px;
}
.trust-badge{
  display:flex; align-items:center; gap:8px;
  background:var(--ink-2); border:1px solid var(--line); border-radius:20px;
  padding:8px 14px; font-size:0.78rem; color:var(--silver); transition:border-color .2s, color .2s;
}
.trust-badge:hover{ border-color:var(--gold-light); color:var(--gold-light); }
.trust-badge svg{ width:16px; height:16px; color:var(--gold-light); flex-shrink:0; }
@media (max-width:600px){
  .trust-strip{ gap:8px; }
  .trust-badge{ font-size:0.72rem; padding:7px 11px; }
  .trust-badge svg{ width:14px; height:14px; }
}

/* ---------- PRODUCT RATINGS & REVIEWS ---------- */
.rating-summary{ display:flex; align-items:center; gap:8px; margin:10px 0 6px; flex-wrap:wrap; min-width:0; }
.rating-stars{ display:inline-flex; gap:2px; line-height:1; }
.rating-stars .star-filled{ color:var(--gold-light); }
.rating-stars .star-empty{ color:var(--line); }
.rating-summary .rating-num{ font-weight:800; color:var(--ivory); font-size:0.95rem; }
.rating-summary .rating-count{ font-size:0.82rem; color:var(--silver); text-decoration:underline; text-underline-offset:3px; }
.rating-summary .rating-count:hover{ color:var(--gold-light); }

.card-rating{ display:flex; align-items:center; gap:6px; margin:2px 0 4px; }
.card-rating span{ font-size:0.74rem; color:var(--silver); }

.review-section{ margin-top:64px; padding-top:40px; border-top:1px solid var(--line); scroll-margin-top:90px; overflow-x:hidden; }
.review-list{ display:flex; flex-direction:column; gap:16px; margin-bottom:36px; max-width:720px; }
.review-item{
  background:var(--ink-2); border:1px solid var(--line); border-radius:10px; padding:16px 18px;
}
.review-item-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; flex-wrap:wrap; min-width:0; }
.review-item-name{ font-weight:700; color:var(--ivory); font-size:0.92rem; }
.review-item-date{ font-size:0.74rem; color:var(--silver); flex-shrink:0; }
.review-item-comment{ font-size:0.88rem; color:var(--silver); line-height:1.9; margin-top:8px; }
.review-empty{ color:var(--silver); font-size:0.88rem; padding:6px 0 30px; }

.review-form-wrap{ max-width:520px; }
.star-input{ display:flex; gap:6px; font-size:1.7rem; cursor:pointer; margin-top:2px; line-height:1; }
.star-input-star{ color:var(--line); transition:color .15s; }
.star-input-star.filled{ color:var(--gold-light); }

@media (max-width:600px){
  .review-section{ margin-top:48px; padding-top:30px; }
}

/* ---------- MODERN EFFECTS: SCROLL REVEAL ---------- */
.reveal-init{ opacity:0; transform:translateY(42px); }
.reveal-init.revealed{
  opacity:1; transform:translateY(0);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);
}
@media (prefers-reduced-motion: reduce){
  .reveal-init{ opacity:1; transform:none; }
}

/* ---------- MODERN EFFECTS: CARD HOVER / TILT ---------- */
.product-card{
  transform:translateY(0) scale(1); will-change:transform;
  transition:transform .35s cubic-bezier(.2,.7,.3,1), border-color .3s, box-shadow .3s;
}
.product-card:hover{
  border-color:var(--gold-light); box-shadow:0 22px 44px -16px var(--gold-glow);
}
.product-card.tilting{ transition:box-shadow .3s, border-color .3s; }

/* ---------- MODERN EFFECTS: NOISE TEXTURE ---------- */
body::before{
  content:""; position:fixed; inset:0; z-index:2000; pointer-events:none;
  opacity:0.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- MODERN EFFECTS: GLASSMORPHISM BOOST ---------- */
header.nav{
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
}
.mobile-nav{
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  background:rgba(1,6,11,0.88);
}
.nav-suggest{
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  background:rgba(2,10,17,0.9);
}

/* ---------- MODERN EFFECTS: SOFT GRADIENTS ---------- */
.section-alt{
  background-color:var(--ink-2);
  background-image:
    repeating-linear-gradient(135deg, rgba(201,151,62,0.035) 0px, rgba(201,151,62,0.035) 1px, transparent 1px, transparent 34px),
    radial-gradient(ellipse 80% 60% at 15% 0%, rgba(201,151,62,0.07), transparent 60%),
    radial-gradient(ellipse 70% 50% at 100% 100%, rgba(201,151,62,0.05), transparent 60%);
}
footer{
  background-color:var(--ink);
  background-image:
    repeating-linear-gradient(135deg, rgba(201,151,62,0.035) 0px, rgba(201,151,62,0.035) 1px, transparent 1px, transparent 34px),
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(201,151,62,0.05), transparent 65%);
}

/* ---------- MODERN EFFECTS: BOLDER TYPOGRAPHY ---------- */
.section-head h2{ letter-spacing:-0.3px; }
.detail-title{ letter-spacing:-0.3px; }
.brand-text b{ letter-spacing:-0.2px; }

/* =========================================================
   HERO 3D UPGRADE — scoped only to the hero-below section
   ========================================================= */

.hero-below p{
  position:relative;
  color:var(--ivory);
  font-weight:600;
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 2px 0 rgba(201,151,62,.16),
    0 4px 8px rgba(0,0,0,.70),
    0 8px 18px rgba(0,0,0,.38),
    0 0 18px rgba(201,151,62,.10);
  transform:perspective(800px) translateZ(8px);
  transition:transform .3s ease, text-shadow .3s ease;
}

.hero-below:hover p{
  transform:perspective(800px) translateY(-1px) translateZ(12px);
  text-shadow:
    0 1px 0 rgba(255,255,255,.10),
    0 2px 0 rgba(201,151,62,.20),
    0 5px 10px rgba(0,0,0,.72),
    0 10px 22px rgba(0,0,0,.40),
    0 0 22px rgba(201,151,62,.14);
}

.hero-below .hero-actions{
  perspective:900px;
}

.hero-below .btn-primary,
.hero-below .btn-secondary{
  transform-style:preserve-3d;
  will-change:transform, box-shadow;
}

/* Main gold button: raised / volumetric */
.hero-below .btn-primary{
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 4px 0 #956b25,
    0 7px 16px rgba(0,0,0,.38),
    0 10px 24px -6px var(--gold-glow),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 0 rgba(90,58,12,.18);
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}

.hero-below .btn-primary:hover{
  transform:translateY(-4px) translateZ(8px);
  box-shadow:
    0 7px 0 #956b25,
    0 11px 22px rgba(0,0,0,.42),
    0 14px 28px -6px var(--gold-glow),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(90,58,12,.16);
}

.hero-below .btn-primary:active{
  transform:translateY(1px) translateZ(2px);
  box-shadow:
    0 2px 0 #956b25,
    0 5px 10px rgba(0,0,0,.38),
    inset 0 2px 4px rgba(90,58,12,.20);
}

/* Secondary button: metallic / slightly raised */
.hero-below .btn-secondary{
  position:relative;
  background:linear-gradient(
    180deg,
    rgba(233,200,119,.08),
    rgba(201,151,62,.025)
  );
  box-shadow:
    0 3px 0 rgba(112,79,27,.85),
    0 7px 16px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -2px 0 rgba(0,0,0,.22);
  text-shadow:0 1px 5px rgba(201,151,62,.20);
}

.hero-below .btn-secondary:hover{
  transform:translateY(-4px) translateZ(7px);
  box-shadow:
    0 6px 0 rgba(112,79,27,.90),
    0 11px 22px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -2px 0 rgba(0,0,0,.18);
}

.hero-below .btn-secondary:active{
  transform:translateY(1px) translateZ(2px);
  box-shadow:
    0 2px 0 rgba(112,79,27,.90),
    0 5px 10px rgba(0,0,0,.34),
    inset 0 2px 4px rgba(0,0,0,.20);
}

/* Keep the 3D effect elegant on small screens */
@media (max-width:560px){
  .hero-below p{
    text-shadow:
      0 1px 0 rgba(255,255,255,.08),
      0 2px 0 rgba(201,151,62,.14),
      0 4px 8px rgba(0,0,0,.62);
  }

  .hero-below .btn-primary,
  .hero-below .btn-secondary{
    box-shadow:
      0 3px 0 rgba(112,79,27,.85),
      0 6px 14px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.12);
  }
}

@media (prefers-reduced-motion:reduce){
  .hero-below p,
  .hero-below .btn-primary,
  .hero-below .btn-secondary{
    transition:none;
    transform:none;
  }
}

/* =========================================================
   CONTACT CTA 3D UPGRADE — scoped only to the contact CTA
   ========================================================= */

.contact-cta-3d{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.contact-cta-3d::before{
  content:"";
  position:absolute;
  inset:-30%;
  background:radial-gradient(
    circle at 50% 35%,
    rgba(201,151,62,.13),
    transparent 48%
  );
  pointer-events:none;
  z-index:-1;
}

.contact-cta-3d h2,
.contact-cta-3d h3{
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 2px 0 rgba(201,151,62,.18),
    0 4px 10px rgba(0,0,0,.75),
    0 8px 22px rgba(0,0,0,.38);
  transform:translateZ(8px);
}

.contact-cta-3d p{
  text-shadow:
    0 2px 6px rgba(0,0,0,.65),
    0 0 14px rgba(201,151,62,.08);
}

.contact-cta-3d a{
  transform-style:preserve-3d;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.contact-cta-3d a:hover{
  transform:translateY(-4px) translateZ(7px);
}

.contact-cta-3d a[href^="tel:"]{
  box-shadow:
    0 4px 0 rgba(112,79,27,.9),
    0 9px 20px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -2px 0 rgba(0,0,0,.20);
}

.contact-cta-3d a[href^="tel:"]:active{
  transform:translateY(1px);
  box-shadow:
    0 2px 0 rgba(112,79,27,.9),
    0 5px 10px rgba(0,0,0,.30);
}

@media (max-width:560px){
  .contact-cta-3d h2,
  .contact-cta-3d h3{
    text-shadow:
      0 1px 0 rgba(255,255,255,.07),
      0 3px 8px rgba(0,0,0,.70);
  }
}

@media (prefers-reduced-motion:reduce){
  .contact-cta-3d h2,
  .contact-cta-3d h3,
  .contact-cta-3d a{
    transform:none;
    transition:none;
  }
}


/* ---------- NAV: ACCOUNT / LOGIN LINK ---------- */
.account-link{
  display:flex; align-items:center; gap:6px; color:var(--silver); flex-shrink:0;
  transition:color .2s;
}
.account-link:hover{ color:var(--gold-light); }
.account-link svg{ width:21px; height:21px; flex-shrink:0; }
.account-link-label{ font-size:0.8rem; white-space:nowrap; max-width:90px; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:600px){
  .account-link-label{ display:none; }
}

/* ---------- CHECKOUT: GUEST / LOGIN MODE TABS ---------- */
.checkout-mode-tabs{
  display:flex; gap:8px; margin-top:16px; background:var(--ink-2);
  border:1px solid var(--line); border-radius:10px; padding:4px;
}
.checkout-mode-tab{
  flex:1; background:none; border:none; color:var(--silver); font-family:inherit;
  font-size:0.85rem; font-weight:700; padding:10px; border-radius:7px; cursor:pointer;
  transition:background .2s, color .2s;
}
.checkout-mode-tab.active{ background:var(--gold-light); color:var(--ink); }

/* ---------- ADD-TO-CART TOAST ---------- */
.pp-cart-toast{
  position:fixed; bottom:100px; left:50%; z-index:300;
  transform:translateX(-50%) translateY(140%);
  display:flex; align-items:center; gap:12px;
  background:var(--ink-2); border:1px solid var(--gold-light);
  border-radius:12px; padding:12px 14px; box-shadow:0 20px 50px -14px rgba(0,0,0,0.7);
  max-width:calc(100vw - 32px); width:380px;
  transition:transform .35s cubic-bezier(.2,.8,.3,1);
}
.pp-cart-toast.show{ transform:translateX(-50%) translateY(0); }
.pp-cart-toast-img{
  width:44px; height:44px; border-radius:8px; object-fit:cover; flex-shrink:0; background:var(--ink-3);
}
.pp-cart-toast-body{ flex:1; min-width:0; }
.pp-cart-toast-title{ font-size:0.76rem; color:#8ee6a8; font-weight:700; }
.pp-cart-toast-name{
  font-size:0.85rem; color:var(--ivory); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px;
}
.pp-cart-toast-btn{
  flex-shrink:0; background:linear-gradient(135deg, var(--gold-light), var(--gold));
  color:var(--ink); font-weight:700; font-size:0.78rem; padding:8px 14px; border-radius:7px; white-space:nowrap;
}
.pp-cart-toast-close{
  flex-shrink:0; background:none; border:none; color:var(--silver); font-size:1.3rem; line-height:1; cursor:pointer; padding:0 2px;
}
@media (max-width:480px){
  .pp-cart-toast{ width:calc(100vw - 24px); bottom:90px; padding:10px 12px; gap:10px; }
  .pp-cart-toast-btn{ padding:7px 10px; font-size:0.74rem; }
}
/* =========================================================
   هدر — آیکن ورود و سبد خرید با عنوان زیر آیکن
   ========================================================= */

.nav-actions .account-link,
.nav-actions .cart-link {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 58px;
  min-width: 58px;
  height: 58px;
  padding: 2px 4px;
  box-sizing: border-box;
  color: var(--ivory);
  text-decoration: none;
  border-radius: 10px;
  transition:
    color .25s ease,
    background .25s ease,
    transform .25s ease;
}

/* آیکن */
.nav-actions .account-link svg,
.nav-actions .cart-link svg {
  width: 21px;
  height: 21px;
  display: block;
  flex-shrink: 0;
  transition: transform .25s ease, color .25s ease;
}

/* نوشته زیر آیکن */
.nav-actions .account-link-label,
.nav-actions .cart-link-label {
  display: block;
  font-family: "Vazirmatn", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  color: var(--silver);
  transition: color .25s ease;
}

/* حالت هاور */
@media (hover:hover){
.nav-actions .account-link:hover,
.nav-actions .cart-link:hover {
  color: var(--gold-light);
  background: rgba(201,151,62,.07);
}

.nav-actions .account-link:hover svg,
.nav-actions .cart-link:hover svg {
  transform: translateY(-1px);
}

.nav-actions .account-link:hover .account-link-label,
.nav-actions .cart-link:hover .cart-link-label {
  color: var(--gold-light);
}
}

/* شمارنده سبد خرید */
.nav-actions .cart-link .cart-count {
  position: absolute;
  top: 2px;
  right: 5px;

  width: 17px;
  height: 17px;
  min-width: 17px;
  padding: 0;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  background: var(--gold);
  color: #07090c;

  font-family: "Vazirmatn", sans-serif;
  font-size: 9px;
  font-weight: 800;
  line-height: 17px;

  border: 2px solid var(--ink);
  z-index: 3;
}

/* شماره تلفن کنار آیکن‌ها */
.nav-actions .nav-cta {
  margin-right: 4px;
}

/* موبایل */
@media (max-width: 860px) {
  .nav-actions .account-link,
  .nav-actions .cart-link {
    width: 46px;
    min-width: 46px;
    height: 50px;
    gap: 3px;
  }

  .nav-actions .account-link svg,
  .nav-actions .cart-link svg {
    width: 20px;
    height: 20px;
  }

  .nav-actions .account-link-label,
  .nav-actions .cart-link-label {
    font-size: 9px;
  }

  .nav-actions .cart-link .cart-count {
    top: 1px;
    right: 1px;
  }
}
/* Wishlist button */
.wishlist-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(201,151,62,.45);
  border-radius: 50%;
  background: rgba(1,6,11,.78);
  color: #efe9db;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  transition: all .25s ease;
  backdrop-filter: blur(5px);
}

.wishlist-btn svg {
  width: 19px;
  height: 19px;
  display: block;
  transition: transform .25s ease, fill .25s ease;
}

.wishlist-btn:hover {
  color: var(--gold-light);
  border-color: var(--gold);
  background: rgba(1,6,11,.92);
  transform: translateY(-1px);
}

.wishlist-btn:hover svg {
  transform: scale(1.08);
}

.wishlist-btn.active {
  color: var(--gold-light);
}

.wishlist-btn.active svg {
  fill: currentColor;
}
/* Wishlist header */
.nav-actions .wishlist-link {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 58px;
  min-width: 58px;
  height: 58px;
  padding: 2px 4px;
  box-sizing: border-box;
  color: var(--ivory);
  text-decoration: none;
  border-radius: 10px;
  transition: color .25s ease, background .25s ease, transform .25s ease;
}

.nav-actions .wishlist-link svg {
  width: 21px;
  height: 21px;
  display: block;
  flex-shrink: 0;
  transition: transform .25s ease, color .25s ease, fill .25s ease;
}

.nav-actions .wishlist-link-label {
  display: block;
  font-family: "Vazirmatn", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  color: var(--silver);
  transition: color .25s ease;
}

@media (hover:hover){
.nav-actions .wishlist-link:hover {
  color: var(--gold-light);
  background: rgba(201,151,62,.07);
}

.nav-actions .wishlist-link:hover svg {
  transform: translateY(-1px);
}

.nav-actions .wishlist-link:hover .wishlist-link-label {
  color: var(--gold-light);
}
}

.nav-actions .wishlist-link .wishlist-count {
  position: absolute;
  top: 2px;
  right: 5px;
  width: 17px;
  height: 17px;
  min-width: 17px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: var(--gold);
  color: #07090c;
  font-family: "Vazirmatn", sans-serif;
  font-size: 9px;
  font-weight: 800;
  line-height: 17px;
  border: 2px solid var(--ink);
  z-index: 3;
}

.wishlist-add-cart {
  position: relative;
  z-index: 12;
}

/* ---------- Mobile header fix: keep all actions (incl. phone) inside the row ---------- */
@media (max-width: 480px) {
  .nav-top-inner { padding: 12px 10px; gap: 10px 6px; }
  .nav-actions { gap: 0; }

  .nav-actions .account-link,
  .nav-actions .cart-link,
  .nav-actions .wishlist-link {
    width: 38px; min-width: 38px; height: 46px; padding: 2px 0;
  }
  .nav-actions .account-link-label,
  .nav-actions .cart-link-label,
  .nav-actions .wishlist-link-label { font-size: 8.5px; }
  .nav-actions .wishlist-link .wishlist-count,
  .nav-actions .cart-link .cart-count { right: 0; }

  /* phone button stays visible as a round gold icon */
  .nav-actions .nav-cta { width: 34px; height: 34px; margin: 0 4px; }
  .nav-burger { width: 34px; height: 34px; }

  .brand { gap: 6px; }
  .brand img { width: 32px; }
  .brand-text b { font-size: 0.88rem; }
  .brand-text span { font-size: 0.55rem; letter-spacing: 1px; white-space: nowrap; }
}
/* very narrow phones: drop the English subtitle to free space */
@media (max-width: 350px) {
  .brand-text span { display: none; }
}

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

/* ---------- ۱) کارت‌های خدمات (با همان عکس‌های بنری) ---------- */
.service-item{ background:var(--ink); }
.service-item img{
  transition:transform .8s cubic-bezier(.2,.7,.3,1);
}
.service-item:hover img{ transform:scale(1.045); }
/* خط طلایی بالای کارت + حلقه‌ی ظریف طلایی هنگام هاور */
.service-item::before{
  content:""; position:absolute; top:0; right:0; left:0; height:2px; z-index:2;
  background:linear-gradient(90deg, transparent, var(--gold-light), transparent);
  transform:scaleX(0); transition:transform .45s ease; pointer-events:none;
}
.service-item::after{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:1;
  box-shadow:inset 0 0 0 1px rgba(233,200,119,0); pointer-events:none;
  transition:box-shadow .35s ease;
}
.service-item:hover::before{ transform:scaleX(1); }
.service-item:hover::after{ box-shadow:inset 0 0 0 1px rgba(233,200,119,.55); }
/* کارت پنجم (بنر برندها) تمام‌عرض */
.service-item.wide{ max-width:none; }

/* ---------- ۵) کارت محصول ---------- */
.product-card{ position:relative; }
/* خط طلایی بالای کارت هنگام هاور */
.product-card::before{
  content:""; position:absolute; top:0; right:0; left:0; height:2px; z-index:4;
  background:linear-gradient(90deg, transparent, var(--gold-light), transparent);
  transform:scaleX(0); transition:transform .4s ease;
}
.product-card:hover::before{ transform:scaleX(1); }

/* زوم ملایم عکس + گرادیان پایین عکس */
.product-thumb img{ transition:transform .7s cubic-bezier(.2,.7,.3,1); }
.product-card:hover .product-thumb img{ transform:scale(1.07); }
.product-thumb::after{
  content:""; position:absolute; right:0; left:0; bottom:0; height:38%;
  background:linear-gradient(to top, rgba(2,10,17,.85), transparent);
  pointer-events:none; z-index:1;
}
/* نشان‌ها بالاتر از گرادیان بمانند */
.product-thumb .product-badge,
.product-thumb .stock-badge,
.product-thumb .featured-star{ z-index:2; }

/* بدنه‌ی کارت: جداکننده‌ی ظریف و قیمت شاخص‌تر */
.product-body{ border-top:1px solid rgba(201,151,62,.18); }
.product-body .product-price{ font-size:1.15rem; margin-top:12px; }
.product-body .product-price.call{ font-size:.85rem; }

/* دکمه‌ی سبد خرید (حالت «افزوده شد» سبز دست‌نخورده می‌ماند) */
.add-cart-btn:not(.added):not(:disabled){
  background:rgba(201,151,62,.08);
}
.add-cart-btn:not(.added):not(:disabled):hover{
  background:linear-gradient(135deg, var(--gold-light), var(--gold));
  border-color:var(--gold-light); color:var(--ink);
  box-shadow:0 8px 20px -10px var(--gold-glow);
}

/* ---------- ۶) تایم‌لاین روند سفارش (فقط صفحه‌ی اصلی) ---------- */
#process .process-list{ border-top:0; position:relative; max-width:760px; }
#process .process-row{
  position:relative; border-bottom:0;
  grid-template-columns:64px 1fr 30px; padding:22px 0;
}
/* خط اتصال عمودی */
#process .process-row::before{
  content:""; position:absolute; top:0; bottom:0;
  inset-inline-start:21px; width:1px;
  background:linear-gradient(to bottom, var(--line), var(--gold), var(--line));
}
#process .process-row:first-child::before{ top:50%; }
#process .process-row:last-child::before{ bottom:50%; }

#process .process-row .pr-num{
  position:relative; z-index:1;
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--ink); border:1px solid var(--gold);
  font-size:.85rem; letter-spacing:.5px;
  transition:background .3s, color .3s, box-shadow .3s;
}
/* هاور: بدون جابه‌جایی padding تا خط اتصال از دایره‌ها جدا نشود */
#process .process-row:hover{ padding-inline-start:0; background:none; }
#process .process-row:hover .pr-num{
  background:linear-gradient(135deg, var(--gold-light), var(--gold));
  color:var(--ink); box-shadow:0 0 0 6px var(--gold-glow);
}
#process .process-row .pr-title{ font-size:1.05rem; }

@media (max-width:480px){
  #process .process-row{ grid-template-columns:56px 1fr; }
  #process .process-row .pr-arrow{ display:none; }
}

/* ---------- نوار اعتماد ---------- */
.trust-bar{
  background:var(--ink-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.trust-bar .wrap{
  display:grid; grid-template-columns:repeat(5,1fr);
}
.trust-item{
  position:relative; display:flex; align-items:center; gap:12px;
  padding:20px 16px;
}
.trust-item + .trust-item::before{
  content:""; position:absolute; inset-inline-start:0; top:24%; bottom:24%; width:1px;
  background:linear-gradient(to bottom, transparent, var(--line), transparent);
}
.trust-icon{
  flex:none; width:44px; height:44px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  color:var(--gold-light);
  background:rgba(201,151,62,.08); border:1px solid var(--line);
  transition:background .3s, color .3s, transform .3s;
}
.trust-icon svg{ width:22px; height:22px; }
.trust-item:hover .trust-icon{
  background:linear-gradient(135deg, var(--gold-light), var(--gold));
  color:var(--ink); transform:translateY(-2px);
}
.trust-text b{ display:block; font-size:.92rem; font-weight:800; color:var(--ivory); line-height:1.6; }
.trust-text span{ display:block; font-size:.76rem; color:var(--silver); line-height:1.6; }

@media (max-width:1000px){
  .trust-bar .wrap{ grid-template-columns:repeat(6,1fr); gap:10px; padding-top:14px; padding-bottom:14px; }
  .trust-item{ grid-column:span 2; padding:12px; background:var(--ink-3);
    border:1px solid rgba(201,151,62,.2); border-radius:10px; }
  .trust-item:nth-child(n+4){ grid-column:span 3; }
  .trust-item + .trust-item::before{ display:none; }
}
@media (max-width:560px){
  .trust-bar .wrap{ grid-template-columns:1fr 1fr; }
  .trust-item, .trust-item:nth-child(n+4){ grid-column:auto; }
  .trust-item:last-child{ grid-column:1 / -1; }
  .trust-icon{ width:38px; height:38px; border-radius:10px; }
  .trust-icon svg{ width:19px; height:19px; }
  .trust-text b{ font-size:.85rem; }
  .trust-text span{ font-size:.72rem; }
}


/* ---------- محصولات صفحه اول: اسلایدر افقی (دسکتاپ + موبایل) ---------- */
.ps-wrap{ position:relative; }
.products-grid.products-slider{
  display:flex; gap:22px;
  overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  padding:10px 2px 22px;
  scrollbar-width:none;
}
.products-grid.products-slider::-webkit-scrollbar{ display:none; }
.products-grid.products-slider .product-card{
  flex:0 0 calc((100% - 44px) / 3);
  scroll-snap-align:start;
}
.ps-btn{
  position:absolute; top:40%; z-index:5;
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--ink-2); color:var(--gold-light);
  border:1px solid var(--gold); cursor:pointer;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.7);
  transition:background .2s, color .2s, opacity .2s;
}
.ps-btn svg{ width:22px; height:22px; }
.ps-btn:hover:not(:disabled){ background:var(--gold); color:var(--ink); }
.ps-btn:disabled{ opacity:.35; cursor:default; }
.ps-prev{ right:-14px; }
.ps-next{ left:-14px; }
@media (max-width:900px){
  .products-grid.products-slider .product-card{ flex-basis:calc((100% - 22px) / 2); }
}
@media (max-width:560px){
  .products-grid.products-slider{ gap:14px; padding:4px 0 16px; }
  .products-grid.products-slider .product-card{ flex:0 0 78%; scroll-snap-align:center; }
  .ps-btn{ display:none; }
}

/* ---------- هاور کارت‌های «دو خط تأمین» ---------- */
.origin-card{ transition:transform .35s cubic-bezier(.2,.7,.3,1); }
.origin-card img{ transition:border-color .3s, box-shadow .4s; }
.origin-card:hover{ transform:translateY(-4px); }
.origin-card:hover img{ border-color:var(--gold-light); box-shadow:0 18px 40px -16px var(--gold-glow); }
.back-to-top {
  position: fixed;
  left: 20px;
  bottom: 90px;
  z-index: 90;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c9973e;
  color: #10151b;
  border: none;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition:
    opacity .25s,
    transform .25s,
    visibility .25s,
    background .2s;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.back-to-top:hover {
  background: #e0b35a;
}

.back-to-top svg {
  width: 22px;
  height: 22px;
}


/* ---------- Mobile menu button: clearly looks like a "menu" ---------- */
@media (max-width: 860px) {
  .nav-actions .nav-burger {
    flex-direction: column;
    gap: 5px;
    width: 46px;
    height: 50px;
    border-radius: 12px;
    border: 1.5px solid var(--gold);
    background: linear-gradient(160deg, rgba(233,200,119,.20), rgba(201,151,62,.08));
    color: var(--gold-light);
    box-shadow: 0 0 0 3px rgba(201,151,62,.12);
    transition: background .2s, color .2s, box-shadow .2s;
  }
  .nav-actions .nav-burger svg {
    width: 22px;
    height: 22px;
    stroke-width: 2.8;
    stroke-linecap: round;
  }
  .nav-actions .nav-burger::after {
    content: 'منو';
    font-family: "Vazirmatn", sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: var(--gold-light);
  }
  .nav-actions .nav-burger.is-open {
    background: var(--gold);
    color: var(--ink);
    box-shadow: 0 0 0 3px rgba(201,151,62,.25);
  }
  .nav-actions .nav-burger.is-open::after { color: var(--ink); }
}
@media (max-width: 480px) {
  .nav-actions .nav-burger { width: 42px; height: 46px; margin-inline-start: 4px; }
}

/* ---------- Hero: top and bottom edges fade softly into the dark header / section ---------- */
.hero { background: var(--ink); }
.hero-img {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.hero-below { border-top: none; }

/* ---------- Car slider: every photo fills the same frame (no smaller/letterboxed ones) ---------- */
.car-slide {
  object-fit: cover;
  object-position: center 60%;
}

/* ---------- Search bar: placeholder must never be cut off on phones ---------- */
.nav-search input,
.nav-search-mobile input { text-overflow: ellipsis; }
@media (max-width: 480px) {
  .nav-search input,
  .nav-search-mobile input { font-size: 0.8rem; padding-inline: 6px; }
}


/* ---------- Visually hidden text (for SEO headings, no visual change) ---------- */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ---------- Hero: small image + trust list side by side (desktop + mobile) ---------- */
.hero-main{
  display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  align-items:center; gap:28px; padding-top:24px; padding-bottom:24px;
}
.hero-main .hero-img{
  width:100%; max-height:460px; object-fit:contain;
  -webkit-mask-image:none; mask-image:none;
  border-radius:16px; border:1px solid var(--line);
}
.hero-main .trust-bar{ background:none; border:0; }
.hero-main .trust-list{ display:flex; flex-direction:column; gap:6px; }
.hero-main .trust-item{
  padding:7px 12px; gap:10px; background:var(--ink-3);
  border:1px solid rgba(201,151,62,.2); border-radius:10px;
}
.hero-main .trust-icon{ width:34px; height:34px; border-radius:9px; }
.hero-main .trust-icon svg{ width:17px; height:17px; }
.hero-main .trust-text b{ font-size:.85rem; line-height:1.4; }
.hero-main .trust-text span{ font-size:.7rem; line-height:1.4; }
.hero-main .trust-item + .trust-item::before{ display:none; }

@media (max-width:560px){
  .hero-main{ grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:10px; padding-top:14px; padding-bottom:14px; }
  .hero-main .hero-img{ border-radius:10px; }
  .hero-main .trust-list{ gap:4px; }
  .hero-main .trust-item{ padding:4px 6px; gap:6px; border-radius:8px; }
  .hero-main .trust-icon{ width:22px; height:22px; border-radius:6px; }
  .hero-main .trust-icon svg{ width:12px; height:12px; }
  .hero-main .trust-text b{ font-size:.66rem; line-height:1.35; }
  .hero-main .trust-text span{ display:none; }
}

/* ========== HERO PRO ========== */
.hero-pro{
  position:relative; overflow:hidden; background:var(--ink);
  background-image:
    radial-gradient(ellipse 60% 70% at 85% 30%, rgba(201,151,62,.16), transparent 62%),
    radial-gradient(ellipse 50% 50% at 0% 100%, rgba(201,151,62,.07), transparent 60%),
    repeating-linear-gradient(135deg, rgba(201,151,62,.035) 0, rgba(201,151,62,.035) 1px, transparent 1px, transparent 34px);
  border-bottom:1px solid var(--line);
}
.hero-pro-grid{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center; gap:56px; padding-top:64px; padding-bottom:40px;
}

/* ---- متن ---- */
.hero-pro-copy h1{
  margin-top:0; font-size:1rem;
  font-weight:900; line-height:1.4; color:var(--ivory);
}
.hero-pro-copy h1 em{
  font-style:normal;
  background:linear-gradient(135deg, var(--gold-light), var(--gold));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.hero-pro-copy > p{
  margin-top:20px; max-width:540px; color:var(--silver);
  font-size:1.02rem; line-height:2.05;
}
.hero-pro .hero-actions{ justify-content:flex-start; margin-top:30px; }

/* ---- تصویر ---- */
.hero-pro-copy, .hero-pro-visual{ min-width:0; }
.hero-pro-visual{ position:relative; }
.hero-pro-visual::before{           /* قاب طلایی پشت تصویر */
  content:""; position:absolute; inset:18px -14px -14px 18px;
  border:1px solid var(--line); border-radius:20px; z-index:0;
}
.hero-pro-img{
  position:relative; z-index:1; width:100%; height:auto; max-height:480px; object-fit:cover;
  border-radius:18px; border:1px solid rgba(201,151,62,.5);
  box-shadow:0 40px 70px -30px rgba(0,0,0,.9), 0 0 60px -20px var(--gold-glow);
}
/* ---- نوار اعتماد افقی ---- */
.hero-pro .trust-bar{
  margin:34px 0 0; padding-bottom:40px; background:none; border:0;
}
.hero-pro .trust-list{
  display:grid; grid-template-columns:repeat(5,1fr); gap:0;
  background:rgba(2,10,17,.7); border:1px solid var(--line); border-radius:14px;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
}
.hero-pro .trust-item{ padding:18px 16px; background:none; border:0; border-radius:0; }
.hero-pro .trust-item + .trust-item::before{ display:block; }
.hero-pro .trust-icon{ width:42px; height:42px; border-radius:11px; }
.hero-pro .trust-icon svg{ width:21px; height:21px; }
.hero-pro .trust-text b{ font-size:.86rem; }
.hero-pro .trust-text span{ font-size:.72rem; }

/* ---- ریسپانسیو ---- */
@media (max-width:1000px){
  .hero-pro-grid{ gap:34px; padding-top:44px; }
  .hero-pro .trust-list{ grid-template-columns:repeat(3,1fr); }
  .hero-pro .trust-item:nth-child(n+4){ border-top:1px solid var(--line); }
}
@media (max-width:760px){
  .hero-pro-grid{ grid-template-columns:minmax(0,1fr); gap:22px; padding-top:22px; padding-bottom:18px; }
  .hero-pro-visual{ order:-1; }
  .hero-pro-visual::before{ display:none; }
  .hero-pro-img{ max-height:none; height:auto; object-fit:contain; }
  .hero-pro-copy{ text-align:center; }
  .hero-pro-copy > p{ margin:12px auto 0; font-size:.9rem; line-height:1.9; }
  .hero-pro .hero-actions{ justify-content:center; }
  .hero-pro .hero-actions a{ width:100%; justify-content:center; text-align:center; }
  /* نوار اعتماد موبایل: همه‌ی موارد بدون اسکرول (۳ + ۲ کاشی) */
  .hero-pro .trust-bar{ margin-top:6px; padding-bottom:18px; }
  .hero-pro .trust-list{
    display:grid; grid-template-columns:repeat(6,1fr); gap:8px; overflow:visible;
    background:none; border:0; border-radius:0; padding:0;
    backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  .hero-pro .trust-item{
    grid-column:span 2; flex-direction:column; align-items:center; text-align:center;
    gap:6px; padding:10px 6px; border:1px solid var(--line); border-radius:12px;
    background:rgba(2,10,17,.75);
  }
  .hero-pro .trust-item:nth-child(n+4){ grid-column:span 3; }
  .hero-pro .trust-item + .trust-item::before{ display:none; }
  .hero-pro .trust-icon{ width:30px; height:30px; border-radius:50%; }
  .hero-pro .trust-icon svg{ width:16px; height:16px; }
  .hero-pro .trust-text b{ font-size:.7rem; line-height:1.5; white-space:normal; }
  .hero-pro .trust-text span{ display:none; }
}

/* ---- چیپ‌های میانبر برند (خودکار از محصولات) ---- */
.hero-quick{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:26px; }
.hero-quick-label{ font-size:.76rem; color:var(--silver); margin-inline-end:4px; }
.hero-quick a{
  font-size:.8rem; font-weight:600; color:var(--silver); unicode-bidi:plaintext;
  padding:6px 14px; border:1px solid var(--line); border-radius:20px;
  background:rgba(255,255,255,.02); transition:color .2s, border-color .2s, background .2s;
}
.hero-quick a:hover{ color:var(--gold-light); border-color:var(--gold-light); background:rgba(201,151,62,.08); }
@media (max-width:760px){
  .hero-quick{ justify-content:center; gap:5px; margin-top:16px; }
  .hero-quick-label{ display:none; }
  .hero-quick a{ font-size:.72rem; padding:5px 9px; }
}

/* ---- موبایل: نوار اعتماد جمع‌وجورتر و فاصله‌ی کمتر بین بخش‌های صفحه‌ی اول ---- */
@media (max-width:760px){
  .hero-pro-grid{ gap:14px; padding-top:14px; padding-bottom:8px; }
  .hero-pro-copy > p{ margin-top:8px; }
  .hero-pro .hero-actions{ margin-top:16px; gap:8px; }
  .hero-quick{ margin-top:12px; }

  .hero-pro .trust-bar{ margin-top:0; padding-bottom:12px; }
  .hero-pro .trust-list{ gap:6px; }
  .hero-pro .trust-item{
    flex-direction:row; align-items:center; justify-content:flex-start; text-align:start;
    gap:6px; padding:6px 8px; border-radius:10px;
  }
  .hero-pro .trust-icon{ width:22px; height:22px; background:none; border:0; }
  .hero-pro .trust-icon svg{ width:16px; height:16px; }
  .hero-pro .trust-text b{ font-size:.66rem; line-height:1.4; }

  .home .section{ padding:40px 0; }
  .home .section-head{ margin-bottom:22px; }
  .home .cta-strip{ padding:34px 0; }
  .home .coupon-banner{ padding:18px 0; }
}

/* ---- قفل نام برند در عنوان (جایگزین نام داخل تصویر) ---- */
.hero-brand{
  display:block; font-size:clamp(2.3rem,4.4vw,3.5rem); font-weight:900;
  line-height:1.35; letter-spacing:-.3px; color:var(--ivory);
}
.hero-brand-en{
  display:flex; width:fit-content; align-items:center; gap:12px; margin:2px 0 16px;
  font-size:.8rem; font-weight:600; letter-spacing:6px; color:var(--gold-light);
}
.hero-brand-en::before{ content:""; width:34px; height:1px; background:var(--gold); }
.hero-tagline{
  display:block; font-size:clamp(1.15rem,2vw,1.6rem); font-weight:700;
  line-height:1.8; color:var(--ivory);
}
.hero-pro-copy h1 em{ font-weight:800; }
@media (max-width:760px){
  .hero-brand{ font-size:2.1rem; }
  .hero-brand-en{ margin:0 auto 10px; font-size:.7rem; letter-spacing:5px; }
  .hero-brand-en::after{ content:""; width:28px; height:1px; background:var(--gold); }
  .hero-brand-en::before{ width:28px; }
  .hero-tagline{ font-size:1.02rem; line-height:1.75; }
}

/* ---- موبایل: HERO مثل دسکتاپ (متن راست، تصویر چپ، دو ستونه) ---- */
@media (max-width:760px){
  .hero-pro-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    column-gap:12px; row-gap:0; align-items:stretch;
    padding-top:16px; padding-bottom:10px;
  }
  .hero-pro-copy{ display:contents; }

  /* عنوان: تمام‌عرض، راست‌چین مثل دسکتاپ */
  .hero-pro-copy h1{ grid-column:1 / -1; grid-row:1; text-align:start; margin-bottom:10px; }
  .hero-brand{ font-size:1.9rem; line-height:1.3; }
  .hero-brand-en{ margin:0 0 8px; font-size:.62rem; letter-spacing:4px; gap:8px; }
  .hero-brand-en::before{ width:22px; }
  .hero-brand-en::after{ display:none; }
  .hero-tagline{ font-size:.92rem; line-height:1.75; }

  /* توضیح + دکمه‌ها: ستون راست */
  .hero-pro-copy > p{
    grid-column:1; grid-row:2; margin:0; text-align:start;
    font-size:.74rem; line-height:1.9;
  }
  .hero-pro .hero-actions{
    grid-column:1; grid-row:3; margin-top:10px; gap:7px; justify-content:flex-start;
  }
  .hero-pro .hero-actions a{ padding:10px 8px; font-size:.72rem; line-height:1.5; }

  /* تصویر: ستون چپ، هم‌قد با متن */
  .hero-pro-visual{
    order:0; grid-column:2; grid-row:2 / span 2;
    align-self:stretch; min-height:200px;
  }
  .hero-pro-visual::before{ display:block; inset:8px -6px -6px 8px; border-radius:14px; }
  .hero-pro-img{
    width:100%; height:100%; max-height:none; object-fit:cover; object-position:center;
    border-radius:12px;
  }

  /* چیپ‌های برند: تمام‌عرض زیر هر دو ستون */
  .hero-quick{ grid-column:1 / -1; grid-row:4; justify-content:flex-start; margin-top:14px; }
  .hero-quick-label{ display:inline; font-size:.7rem; }
}

/* ---- پس‌زمینه: درخشش‌های طلایی حذف شد، فقط خط‌های مورب ظریف می‌ماند ---- */
.section-alt, .sourcing, footer, .hero-below, .about-hero, .hero-pro{
  background-image:repeating-linear-gradient(135deg, rgba(201,151,62,.035) 0, rgba(201,151,62,.035) 1px, transparent 1px, transparent 34px);
}
.page-hero{
  background-image:repeating-linear-gradient(135deg, rgba(201,151,62,.05) 0, rgba(201,151,62,.05) 1px, transparent 1px, transparent 34px);
}
.hero-pro{ background-color:var(--ink); }
.car-slider{ background:var(--ink-2); }
.page-hero::before{ display:none; }
.coupon-banner{ background:rgba(201,151,62,.04); }
.hero-pro-img{ box-shadow:0 30px 60px -30px rgba(0,0,0,.9); }

/* ---------- Hero: subtle gold gradient glow (soft, behind the image side) ---------- */
.hero-pro{
  background-image:
    radial-gradient(ellipse 55% 75% at 82% 35%, rgba(201,151,62,.07), transparent 65%),
    radial-gradient(ellipse 45% 50% at 5% 105%, rgba(201,151,62,.05), transparent 65%),
    repeating-linear-gradient(135deg, rgba(201,151,62,.035) 0, rgba(201,151,62,.035) 1px, transparent 1px, transparent 34px);
}
.hero-pro::after{
  content:""; position:absolute; right:0; left:0; bottom:0; height:1px; pointer-events:none;
  background:linear-gradient(90deg, transparent, var(--gold), var(--gold-light), var(--gold), transparent);
  opacity:.55;
}
@media (max-width:760px){
  .hero-pro{
    background-image:
      radial-gradient(ellipse 80% 55% at 70% 30%, rgba(201,151,62,.08), transparent 65%),
      repeating-linear-gradient(135deg, rgba(201,151,62,.035) 0, rgba(201,151,62,.035) 1px, transparent 1px, transparent 34px);
  }
}
/* ---------- دکمه پیگیری سفارش (Hero) ---------- */
.btn-track{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--silver); font-weight:700; font-size:0.95rem;
  padding:14px 24px; border-radius:8px;
  border:1px solid var(--line); background:rgba(255,255,255,.02);
  transition:color .2s, border-color .2s, background .2s, transform .2s;
}
.btn-track svg{ width:18px; height:18px; flex-shrink:0; }
.btn-track:hover{
  color:var(--gold-light); border-color:var(--gold-light);
  background:rgba(201,151,62,.08); transform:translateY(-2px);
}
@media (max-width:760px){
  .hero-pro .hero-actions .btn-track{ gap:5px; }
  .hero-pro .hero-actions .btn-track svg{ width:14px; height:14px; }
}

/* =====================================================================
   پس‌زمینه‌ی جذاب‌تر (درخشش طلایی ثابت + نقش هندسی + جداکننده‌ها)
   همه‌ی موارد زیر فقط پس‌زمینه را تغییر می‌دهند و روی چیدمان اثری ندارند.
   ===================================================================== */

/* ۳) نقش هندسی خیلی محو روی کل صفحه (برگرفته از پین‌استرایپ لوگو) */
html::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:repeating-linear-gradient(135deg, rgba(201,151,62,.03) 0, rgba(201,151,62,.03) 1px, transparent 1px, transparent 34px);
}

/* ۱ و ۶) لکه‌های نور طلایی/سرمه‌ای ثابت با حرکت بسیار آرام */
body::after{
  content:""; position:fixed; inset:-15%; z-index:-1; pointer-events:none;
  background:
    radial-gradient(ellipse 45% 40% at 12% 8%,  rgba(201,151,62,.13), transparent 70%),
    radial-gradient(ellipse 40% 45% at 92% 38%, rgba(30,70,110,.22),  transparent 70%),
    radial-gradient(ellipse 50% 40% at 25% 95%, rgba(201,151,62,.09), transparent 70%);
  animation:ppGlowDrift 50s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes ppGlowDrift{
  from{ transform:translate3d(0,0,0) scale(1); }
  to  { transform:translate3d(-2.5%,3%,0) scale(1.08); }
}
@media (max-width:760px){ body::after{ animation:none; will-change:auto; } }
@media (prefers-reduced-motion:reduce){ body::after{ animation:none; } }

/* ۲ و ۵) گرادیان عمودی ملایم + خط جداکننده‌ی طلایی بین بخش‌ها */
.section:not(.section-alt){
  background-image:
    linear-gradient(90deg, transparent, rgba(201,151,62,.38), transparent),
    linear-gradient(180deg, rgba(4,15,25,.55), transparent 55%, rgba(4,15,25,.35));
  background-size:100% 1px, 100% 100%;
  background-repeat:no-repeat;
  background-position:top center, center;
}
.section-alt{
  background-color:rgba(2,10,17,.80);
  box-shadow:inset 0 1px 0 rgba(201,151,62,.16), inset 0 -1px 0 rgba(201,151,62,.10);
}

/* ۴) هاله‌ی نور پشت تیتر بخش‌ها و بنر صفحات داخلی */
.section-head{
  background-image:radial-gradient(ellipse closest-side at 50% 50%, rgba(201,151,62,.07), transparent 100%);
}
.page-hero{
  background-image:
    radial-gradient(ellipse 55% 90% at 50% 0%, rgba(201,151,62,.12), transparent 70%),
    repeating-linear-gradient(135deg, rgba(201,151,62,.05) 0, rgba(201,151,62,.05) 1px, transparent 1px, transparent 34px);
}

/* =====================================================================
   چیپ‌های برند: بالای محصولات (ردیف افقی قابل‌اسکرول)
   ===================================================================== */
.hero-quick{
  margin:0 0 18px; justify-content:flex-start; flex-wrap:nowrap;
  overflow-x:auto; padding-bottom:4px;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.hero-quick::-webkit-scrollbar{ display:none; }
.hero-quick a{ flex-shrink:0; white-space:nowrap; border-color:rgba(201,151,62,.45); }
.hero-quick-label{ display:inline; flex-shrink:0; font-size:.76rem; }
@media (max-width:760px){
  .hero-quick{ margin-top:0; gap:6px; justify-content:flex-start; }
  .hero-quick a{ font-size:.78rem; padding:6px 12px; }
}