:root{
    --black:#0b0a09;
    --black-2:#151210;
    --black-3:#1d1815;
    --gold:#c9a227;
    --gold-light:#e9cd76;
    --gold-pale:#f3e6b8;
    --gold-deep:#8a6d1f;
    --cream:#f6efe0;
    --cream-2:#efe4cc;
    --ink:#1c1710;
    --line:rgba(201,162,39,0.28);
    --shadow: 0 20px 60px rgba(0,0,0,0.45);
    --radius: 2px;
    --font: 'Vazirmatn', Tahoma, 'Segoe UI', 'Iranian Sans', Arial, sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }
  body{
    font-family:var(--font);
    background:var(--black);
    color:var(--cream);
    direction:rtl;
    overflow-x:hidden;
    line-height:1.8;
  }
  h1,h2,h3,h4,.display{
    font-family:var(--font);
    font-weight:800;
    letter-spacing:0;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
  ul{list-style:none;}
  .container{max-width:1240px;margin:0 auto;padding:0 28px;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    color:var(--gold-light);
    font-size:13px;
    letter-spacing:3px;
    margin-bottom:18px;
  }
  .eyebrow::before, .eyebrow::after{content:"";width:22px;height:1px;background:var(--gold-deep);}
  .gold-text{color:var(--gold-light);}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:16px 34px;
    border:1px solid var(--gold);
    color:var(--gold-light);
    font-size:15px;
    letter-spacing:1px;
    position:relative;
    transition:color .4s ease;
    overflow:hidden;
    background:transparent;
    z-index:1;
  }
  .btn::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-light));
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .45s cubic-bezier(.4,0,.2,1);
    z-index:-1;
  }
  .btn:hover::before{transform:scaleX(1);}
  .btn:hover{color:var(--black);}
  .btn.solid{
    background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-light));
    color:var(--black);
    border:none;
  }
  .btn.solid::before{display:none;}
  .btn.small{padding:11px 20px;font-size:13px;}

  /* ===== Faceted divider (signature element) ===== */
  .facet-divider{
    width:100%;height:14px;
    background:
      linear-gradient(135deg, transparent 50%, var(--black) 50%) 0 0/16px 16px,
      linear-gradient(-135deg, transparent 50%, var(--black) 50%) 0 0/16px 16px;
    background-color:var(--gold-deep);
  }
  .facet-divider.flip{transform:scaleY(-1);}
  .facet-divider.cream{background-color:var(--cream-2);}
  .facet-divider.cream::before{}

  /* ===== HEADER ===== */
  header{
    position:fixed;top:0;right:0;left:0;z-index:200;
    background:rgba(11,10,9,0.85);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
    transition:padding .35s ease, background .35s ease;
  }
  .header-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 28px;
    max-width:1240px;margin:0 auto;
  }
  header.scrolled .header-inner{padding:10px 28px;}
  .brand{display:flex;align-items:center;gap:12px;}
  .brand img{width:52px;height:52px;border-radius:50%;transition:width .3s,height .3s;}
  header.scrolled .brand img{width:42px;height:42px;}
  .brand-text{display:flex;flex-direction:column;line-height:1.3;}
  .brand-text b{font-family:var(--font);font-weight:800;font-size:19px;color:var(--gold-light);}
  .brand-text span{font-size:11px;letter-spacing:2px;color:#a99a6f;}

  nav.main-nav{display:flex;align-items:center;gap:34px;}
  nav.main-nav a{
    font-size:15px;color:var(--cream-2);position:relative;padding:4px 0;
    transition:color .3s;
  }
  nav.main-nav a::after{
    content:"";position:absolute;right:0;bottom:-4px;width:0;height:1px;background:var(--gold-light);
    transition:width .3s;
  }
  nav.main-nav a:hover, nav.main-nav a.active{color:var(--gold-light);}
  nav.main-nav a:hover::after, nav.main-nav a.active::after{width:100%;}

  .header-icons{display:flex;align-items:center;gap:20px;}
  .icon-btn{position:relative;color:var(--cream);transition:color .3s, transform .3s;}
  .icon-btn:hover{color:var(--gold-light);transform:translateY(-2px);}
  .icon-btn svg{width:21px;height:21px;}
  .cart-count{
    position:absolute;top:-8px;left:-10px;
    background:var(--gold);color:var(--black);
    font-size:10px;font-weight:800;
    width:17px;height:17px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
  }
  .search-box{
    position:absolute;top:100%;right:0;left:0;
    background:var(--black-2);border-bottom:1px solid var(--line);
    padding:0;max-height:0;overflow:hidden;transition:max-height .35s ease, padding .35s ease;
  }
  .search-box.open{max-height:90px;padding:18px 28px;}
  .search-box input{
    width:100%;max-width:1180px;margin:0 auto;display:block;
    background:transparent;border:none;border-bottom:1px solid var(--gold-deep);
    color:var(--cream);font-size:16px;padding:10px 4px;font-family:inherit;
  }
  .search-box input:focus{outline:none;border-color:var(--gold-light);}
  .search-box input::placeholder{color:#8a7f65;}

  .hamburger{display:none;flex-direction:column;gap:5px;width:26px;}
  .hamburger span{width:100%;height:1.5px;background:var(--gold-light);transition:.35s;}
  .hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  .hamburger.active span:nth-child(2){opacity:0;}
  .hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

  .mobile-nav{
    position:fixed;inset:0;background:rgba(8,7,6,0.98);
    z-index:190;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;
    transform:translateY(-100%);transition:transform .45s cubic-bezier(.4,0,.2,1);
  }
  .mobile-nav.open{transform:translateY(0);}
  .mobile-nav a{font-family:var(--font);font-weight:700;font-size:26px;color:var(--cream);}
  .mobile-nav a:hover{color:var(--gold-light);}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    padding:150px 0 70px;
    background:
      radial-gradient(ellipse at 75% 20%, rgba(201,162,39,0.14), transparent 55%),
      var(--black);
    overflow:hidden;
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(var(--line) 1px, transparent 1px),
      linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:64px 64px;
    opacity:0.12;
    mask-image:radial-gradient(ellipse at center, black, transparent 70%);
    pointer-events:none;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;
    position:relative;z-index:2;
  }
  .hero h1{
    font-size:clamp(34px,4.6vw,58px);
    line-height:1.28;color:var(--cream);
    margin-bottom:22px;
  }
  .hero h1 em{
    font-style:normal;color:transparent;
    background:linear-gradient(90deg,var(--gold-deep),var(--gold-light) 50%,var(--gold));
    -webkit-background-clip:text;background-clip:text;
  }
  .hero p.lead{
    color:#c9bd9d;font-size:16.5px;max-width:520px;margin-bottom:36px;
  }
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;}
  .hero-media{
    position:relative;
    border:1px solid var(--line);
    padding:14px;
    background:linear-gradient(160deg, var(--black-3), var(--black-2));
  }
  .hero-media::before, .hero-media::after{
    content:"";position:absolute;width:26px;height:26px;
    border:1.5px solid var(--gold);
  }
  .hero-media::before{top:-1px;right:-1px;border-left:none;border-bottom:none;}
  .hero-media::after{bottom:-1px;left:-1px;border-right:none;border-top:none;}
  .hero-media img{width:100%;height:420px;object-fit:cover;filter:saturate(1.05) contrast(1.03);}
  .hero-media figcaption{
    display:flex;justify-content:space-between;align-items:center;
    padding-top:14px;font-size:12.5px;color:#a99a6f;letter-spacing:1px;
  }

  .marquee-strip{
    background:var(--black-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:26px 0;
  }
  .marquee-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
  }
  .marquee-item{
    display:flex;align-items:center;gap:14px;justify-content:center;
    padding:10px 14px;text-align:center;
    border-left:1px solid var(--line);
  }
  .marquee-item:last-child{border-left:none;}
  .marquee-item svg{width:26px;height:26px;color:var(--gold-light);flex-shrink:0;}
  .marquee-item span{font-size:13.5px;color:#d8cba7;}

  /* ===== SECTION HEADERS ===== */
  section{padding:90px 0;position:relative;}
  .sec-head{text-align:center;max-width:640px;margin:0 auto 56px;}
  .sec-head h2{font-size:clamp(28px,3.4vw,42px);color:var(--cream);margin-bottom:14px;}
  .sec-head p{color:#a99a6f;font-size:15px;}

  /* ===== CATEGORIES ===== */
  .categories{background:var(--cream-2);color:var(--ink);}
  .categories .eyebrow{color:var(--gold-deep);}
  .categories .eyebrow::before,.categories .eyebrow::after{background:var(--gold-deep);}
  .categories .sec-head h2{color:var(--ink);}
  .categories .sec-head p{color:#7a6c4a;}
  .cat-grid{
    display:grid;grid-template-columns:repeat(5,1fr);gap:22px;
  }
  .cat-card{
    text-align:center;cursor:pointer;
  }
  .cat-circle{
    width:118px;height:118px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #241f18, var(--black) 72%);
    border:1px solid var(--gold-deep);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 16px;
    transition:transform .4s cubic-bezier(.4,0,.2,1), border-color .4s, box-shadow .4s;
  }
  .cat-circle svg{width:46px;height:46px;color:var(--gold-light);transition:transform .4s;}
  .cat-card:hover .cat-circle{
    transform:translateY(-8px);
    border-color:var(--gold-light);
    box-shadow:0 14px 34px rgba(201,162,39,0.28);
  }
  .cat-card:hover .cat-circle svg{transform:scale(1.12) rotate(-6deg);}
  .cat-card b{font-size:15.5px;color:var(--ink);font-weight:700;}

  /* ===== PRODUCTS ===== */
  .products{background:var(--black);}
  .products-head{
    display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:20px;
  }
  .products-head .eyebrow{margin-bottom:10px;}
  .products-head h2{font-size:clamp(26px,3.2vw,38px);}
  .prod-grid{
    display:grid;grid-template-columns:repeat(5,1fr);gap:22px;
  }
  .prod-card{
    background:var(--black-2);
    border:1px solid var(--line);
    display:flex;flex-direction:column;
    transition:transform .4s ease, box-shadow .4s ease, border-color .4s;
    position:relative;
  }
  .prod-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow);}
  .prod-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#0e0c0a;}
  .prod-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
  .prod-card:hover .prod-media img{transform:scale(1.08);}
  .prod-media .ph-icon{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle at 40% 30%, #241f18, #0e0c0a 75%);
  }
  .prod-media .ph-icon svg{width:52px;height:52px;color:var(--gold-deep);opacity:.85;}
  .prod-wish{
    position:absolute;top:12px;left:12px;width:34px;height:34px;
    background:rgba(11,10,9,0.6);border:1px solid var(--line);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    transition:.3s;
  }
  .prod-wish svg{width:16px;height:16px;color:var(--cream);}
  .prod-wish:hover{background:var(--gold);}
  .prod-wish:hover svg{color:var(--black);}
  .prod-badge{
    position:absolute;top:12px;right:12px;
    background:var(--gold);color:var(--black);
    font-size:10.5px;font-weight:800;padding:5px 10px;letter-spacing:.5px;
  }
  .prod-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .prod-cat{font-size:11.5px;color:#a99a6f;letter-spacing:1px;}
  .prod-name{font-size:15.5px;color:var(--cream);font-weight:600;min-height:44px;}
  .prod-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;}
  .prod-price{font-size:14.5px;color:var(--gold-light);font-weight:700;}
  .prod-price small{color:#a99a6f;font-weight:400;font-size:11px;}
  .add-btn{
    width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    transition:.3s;
  }
  .add-btn svg{width:16px;height:16px;color:var(--gold-light);transition:.3s;}
  .add-btn:hover{background:var(--gold);}
  .add-btn:hover svg{color:var(--black);}

  .view-all-wrap{text-align:center;margin-top:48px;}

  /* ===== TRUST STRIP ===== */
  .trust{background:var(--black-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .trust .container{
    display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:56px;padding-bottom:56px;
  }
  .trust-item{text-align:center;}
  .trust-item svg{width:34px;height:34px;color:var(--gold-light);margin-bottom:16px;}
  .trust-item b{display:block;font-size:16px;color:var(--cream);margin-bottom:8px;}
  .trust-item p{font-size:13px;color:#a99a6f;}

  /* ===== ABOUT ===== */
  .about{background:var(--black);}
  .about-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:60px;align-items:center;}
  .about-media{position:relative;}
  .about-media .frame{
    border:1px solid var(--gold-deep);padding:16px;position:relative;
  }
  .about-media img{width:100%;height:340px;object-fit:cover;filter:grayscale(.15) contrast(1.05);}
  .about-badge{
    position:absolute;bottom:-26px;left:-26px;
    background:var(--black-2);border:1px solid var(--gold);
    padding:20px 26px;text-align:center;
  }
  .about-badge b{display:block;font-family:var(--font);font-weight:900;font-size:30px;color:var(--gold-light);}
  .about-badge span{font-size:11.5px;color:#a99a6f;letter-spacing:1px;}
  .about-text h2{font-size:clamp(26px,3.2vw,38px);color:var(--cream);margin-bottom:22px;}
  .about-text p{color:#c9bd9d;font-size:15.5px;margin-bottom:18px;}
  .about-points{display:flex;flex-direction:column;gap:14px;margin:26px 0 30px;}
  .about-points li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#e3d8b8;}
  .about-points svg{width:18px;height:18px;color:var(--gold-light);flex-shrink:0;}

  /* ===== SERVICES / NEWSLETTER BAND ===== */
  .cta-band{
    background:linear-gradient(120deg, var(--black-3), var(--black) 60%);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    position:relative;overflow:hidden;
  }
  .cta-band::after{
    content:"";position:absolute;left:-10%;top:50%;transform:translateY(-50%);
    width:340px;height:340px;border:1px solid var(--gold-deep);border-radius:50%;opacity:.4;
  }
  .cta-inner{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;
    position:relative;z-index:2;
  }
  .cta-inner h3{font-size:clamp(22px,2.6vw,30px);color:var(--cream);margin-bottom:8px;}
  .cta-inner p{color:#a99a6f;font-size:14.5px;}

  /* ===== FOOTER ===== */
  footer{background:var(--black-2);padding-top:80px;}
  .footer-grid{
    display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:56px;
  }
  .footer-brand{display:flex;flex-direction:column;gap:16px;}
  .footer-brand .brand{margin-bottom:6px;}
  .footer-brand p{color:#a99a6f;font-size:14px;max-width:280px;}
  .footer-social{display:flex;gap:12px;margin-top:8px;}
  .footer-social a{
    width:38px;height:38px;border:1px solid var(--gold-deep);border-radius:50%;
    display:flex;align-items:center;justify-content:center;transition:.3s;
  }
  .footer-social a svg{width:16px;height:16px;color:var(--gold-light);}
  .footer-social a:hover{background:var(--gold);border-color:var(--gold);}
  .footer-social a:hover svg{color:var(--black);}
  .footer-col h4{font-size:16px;color:var(--gold-light);margin-bottom:22px;font-family:var(--font);font-weight:800;}
  .footer-col ul{display:flex;flex-direction:column;gap:12px;}
  .footer-col a{color:#c9bd9d;font-size:14px;transition:.3s;}
  .footer-col a:hover{color:var(--gold-light);padding-right:4px;}
  .footer-contact li{display:flex;gap:10px;align-items:flex-start;color:#c9bd9d;font-size:13.5px;margin-bottom:16px;}
  .footer-contact svg{width:17px;height:17px;color:var(--gold-light);flex-shrink:0;margin-top:2px;}
  .newsletter-form{display:flex;border:1px solid var(--gold-deep);margin-top:16px;}
  .newsletter-form input{
    flex:1;background:transparent;border:none;padding:12px 14px;color:var(--cream);font-family:inherit;font-size:13.5px;
  }
  .newsletter-form input:focus{outline:none;}
  .newsletter-form button{padding:0 18px;background:var(--gold);color:var(--black);font-size:13px;font-weight:700;}
  .newsletter-msg{font-size:12.5px;color:var(--gold-light);margin-top:10px;min-height:16px;}
  .footer-bottom{
    border-top:1px solid var(--line);padding:24px 0;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
  }
  .footer-bottom p{font-size:12.5px;color:#8a7f65;}
  .footer-bottom .badges{display:flex;gap:16px;}
  .footer-bottom .badges span{font-size:12px;color:#8a7f65;}

  /* ===== BACK TO TOP / TOAST ===== */
  .back-top{
    position:fixed;bottom:26px;left:26px;z-index:150;
    width:46px;height:46px;border-radius:50%;
    background:var(--gold);color:var(--black);
    display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;transform:translateY(10px);
    transition:.35s;box-shadow:0 10px 26px rgba(0,0,0,.4);
  }
  .back-top.show{opacity:1;visibility:visible;transform:translateY(0);}
  .back-top svg{width:20px;height:20px;}

  .toast{
    position:fixed;bottom:26px;right:26px;z-index:300;
    background:var(--black-2);border:1px solid var(--gold);
    color:var(--cream);padding:16px 22px;
    display:flex;align-items:center;gap:12px;font-size:14px;
    transform:translateY(120%);opacity:0;transition:.4s cubic-bezier(.4,0,.2,1);
  }
  .toast.show{transform:translateY(0);opacity:1;}
  .toast svg{width:20px;height:20px;color:var(--gold-light);flex-shrink:0;}

  /* ===== ENTRANCE ANIMATION (CSS-only, always resolves to visible) ===== */
  @keyframes fadeUp{
    from{opacity:0;transform:translateY(24px);}
    to{opacity:1;transform:translateY(0);}
  }
  .reveal{animation:fadeUp .75s ease both;}
  .cat-grid .cat-card:nth-child(1){animation-delay:.05s;}
  .cat-grid .cat-card:nth-child(2){animation-delay:.11s;}
  .cat-grid .cat-card:nth-child(3){animation-delay:.17s;}
  .cat-grid .cat-card:nth-child(4){animation-delay:.23s;}
  .cat-grid .cat-card:nth-child(5){animation-delay:.29s;}
  .prod-grid .prod-card:nth-child(1){animation-delay:.05s;}
  .prod-grid .prod-card:nth-child(2){animation-delay:.1s;}
  .prod-grid .prod-card:nth-child(3){animation-delay:.15s;}
  .prod-grid .prod-card:nth-child(4){animation-delay:.2s;}
  .prod-grid .prod-card:nth-child(5){animation-delay:.25s;}

  /* ===== RESPONSIVE ===== */
  @media (max-width:1080px){
    .hero-grid{grid-template-columns:1fr;gap:44px;}
    .hero{padding-top:130px;}
    .hero-media img{height:360px;}
    .cat-grid{grid-template-columns:repeat(5,1fr);gap:14px;}
    .cat-circle{width:92px;height:92px;}
    .cat-circle svg{width:36px;height:36px;}
    .prod-grid{grid-template-columns:repeat(3,1fr);}
    .about-grid{grid-template-columns:1fr;}
    .about-media{max-width:460px;margin:0 auto;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px;}
  }
  @media (max-width:860px){
    nav.main-nav{display:none;}
    .hamburger{display:flex;}
    .marquee-grid{grid-template-columns:repeat(2,1fr);}
    .marquee-item{border-left:none;border-bottom:1px solid var(--line);padding:16px 8px;}
    .trust .container{grid-template-columns:repeat(2,1fr);}
    .prod-grid{grid-template-columns:repeat(2,1fr);}
    .cat-grid{grid-template-columns:repeat(3,1fr);row-gap:26px;}
  }
  @media (max-width:600px){
    .container{padding:0 18px;}
    .hero{padding-top:118px;padding-bottom:50px;}
    .hero h1{font-size:30px;}
    .hero-cta{flex-direction:column;align-items:stretch;}
    .hero-cta .btn{justify-content:center;}
    section{padding:64px 0;}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .prod-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
    .prod-name{min-height:auto;}
    .products-head{flex-direction:column;align-items:flex-start;}
    .about-badge{left:0;bottom:-20px;padding:14px 18px;}
    .footer-grid{grid-template-columns:1fr;gap:36px;}
    .cta-inner{flex-direction:column;text-align:center;}
    .footer-bottom{flex-direction:column;text-align:center;}
    .brand-text b{font-size:16px;}
  }
  :focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;}