:root{--dark:#18251d;--dark2:#111913;--gold:#7f8000;--gold2:#b8b972;--text:#18201b;--muted:#747c76;--bg:#f7f7f3;--cream:#eeeede;--border:#e6e6df;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--text);background:var(--bg);font-family:"Vazirmatn",Arial,sans-serif;line-height:1.9}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,92%);margin-inline:auto}
.header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(247,247,243,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(24,32,27,.08);transition:.25s}.header.scrolled{box-shadow:0 8px 30px rgba(20,30,22,.08)}
.nav{min-height:78px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--dark);color:var(--gold2);font-weight:800}.logo-text b,.logo-text small{display:block;line-height:1.35}.logo-text b{font-size:15px}.logo-text small{font-size:15px;color:#777}.lang-switch{flex-shrink:0;padding:7px 14px;border:1px solid #d9d9d0;border-radius:8px;font-size:14px;font-weight:700;color:var(--dark);transition:.2s}.lang-switch:hover{border-color:var(--gold);color:var(--gold)}
.menu{display:flex;align-items:center;gap:30px;margin-inline-start:auto}.menu a{position:relative;padding:25px 0;color:#687069;font-size:15px}.menu a:after{content:"";position:absolute;right:0;bottom:16px;width:0;height:2px;background:var(--gold);transition:.25s}.menu a:hover,.menu a.active{color:var(--dark)}.menu a:hover:after,.menu a.active:after{width:22px}.nav-cta{padding:10px 18px;border-radius:9px;background:var(--dark);color:#fff;font-size:15px}.nav-cta span{margin-right:7px}
.menu-btn{display:none;width:42px;height:42px;padding:8px;border:0;border-radius:9px;background:transparent}.menu-btn span{display:block;width:24px;height:2px;margin:5px auto;background:var(--dark);transition:.25s}.menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0}.menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.section{padding:110px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#727300;font-size:15px;font-weight:700;letter-spacing:1.6px}.eyebrow i{width:28px;height:1px;background:#a5a64c}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border:1px solid transparent;border-radius:9px;font-size:15px;transition:.25s}.btn.primary{background:var(--dark);color:#fff}.btn.primary:hover{transform:translateY(-2px);background:#304137}.btn.ghost{border-color:#d9d9d0}.btn.ghost:hover{border-color:var(--gold)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
.hero{min-height:850px;padding-top:78px;overflow:hidden;background:linear-gradient(rgba(247,247,243,.87),rgba(247,247,243,.87)),url('images/gold-granule-rod.jpg') center/cover no-repeat}.hero-grid{min-height:770px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.hero h1{font-size:36px;line-height:1.2;letter-spacing:-3px;margin:22px 0;font-weight:800}.hero h1 em,.section-head em,.about-copy em,.contact-copy em{font-style:normal;color:var(--gold)}.hero-copy>p{max-width:590px;color:#6d756e;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-stats{display:flex;gap:35px;margin-top:60px}.hero-stats>div{position:relative;padding-left:25px}.hero-stats>div+div:before{content:"";position:absolute;right:-18px;top:7px;width:1px;height:42px;background:#dddcd2}.hero-stats strong{font-size:36px}.hero-stats span{color:var(--gold);font-weight:800}.hero-stats small{display:block;color:#8a908b;font-size:15px}
.hero-art{height:580px;position:relative;display:grid;place-items:center;perspective:1400px}.orbit{position:absolute;width:540px;height:540px;border:1px solid rgba(127,128,0,.22);border-radius:50%;animation:spin-slow 40s linear infinite}.orbit-b{width:650px;height:650px;border-style:dashed;animation-duration:60s;animation-direction:reverse}.granule-card{position:relative;width:390px;height:470px;border-radius:190px 190px 24px 24px;background:url('images/gold-macro.jpg') center/cover no-repeat;box-shadow:0 45px 80px rgba(90,91,0,.35),0 15px 30px rgba(90,91,0,.2);overflow:hidden;transform-style:preserve-3d;will-change:transform;animation:float-card 6s ease-in-out infinite;transition:transform .12s ease-out,box-shadow .3s ease}.granule-card.tilt-active{animation-play-state:paused;box-shadow:0 55px 95px rgba(90,91,0,.4),0 20px 40px rgba(90,91,0,.24)}.granule-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,0,.05) 0%,rgba(15,15,0,.15) 55%,rgba(10,10,0,.55) 100%),radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 23%)}.granules{display:none}.card-caption{position:absolute;right:35px;bottom:42px;color:#fff;z-index:1}.card-caption span{font-size:15px;letter-spacing:4px}.card-caption b{display:block;font-size:36px}.card-caption small{opacity:.7}.floating-chip{position:absolute;padding:11px 16px;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);font-size:15px;animation:float-chip 4.5s ease-in-out infinite}.chip-one{top:22%;right:2%}.chip-two{bottom:17%;left:3%;animation-delay:1.2s}
@keyframes float-card{0%,100%{transform:perspective(1000px) rotateX(6deg) rotateY(-8deg) rotate(7deg) translateY(0)}50%{transform:perspective(1000px) rotateX(3deg) rotateY(-4deg) rotate(5deg) translateY(-16px)}}
@keyframes float-chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes spin-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.orbit,.granule-card,.floating-chip{animation:none}.granule-card{transition:none}}
.page-hero{padding:170px 0 60px;background:radial-gradient(circle at 80% 20%,#e6e4d6 0,#f7f7f3 45%,#f7f7f3 70%)}.page-hero h1{font-size:36px;letter-spacing:-2px;margin:12px 0}.page-hero p{max-width:560px;color:#6d756e;font-size:15px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-head h2,.about-copy h2,.contact-copy h2{font-size:36px;line-height:1.35;margin:12px 0;letter-spacing:-1.5px}.section-head>p{max-width:390px;color:#777e78;font-size:15px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:#fff;border:1px solid #e9e9e2;border-radius:16px;overflow:hidden;transition:.3s}.product:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(20,30,22,.1)}.product-visual{height:250px;position:relative;overflow:hidden;background-size:cover;background-position:center}.product-visual>span{position:absolute;top:14px;right:16px;padding:4px 11px;border-radius:20px;background:rgba(10,12,8,.55);backdrop-filter:blur(3px);color:#fff;font-size:14px;z-index:1}.gold{background-image:url('images/gold-granule.jpg')}.gray{background-image:url('images/gray-granule.jpg')}.ocre{background-image:url('images/ocre-granule.jpg')}.brown{background-image:url('images/brown-granule.jpg')}.clear{background-image:url('images/clear-granule.jpg')}.fluorescent{background-image:url('images/fluorescent-granule.jpg');background-color:#000}.pellets{display:none}.product-body{padding:23px}.product-body small{color:var(--gold);font-size:15px;letter-spacing:2px}.product-body h3{margin:5px 0;font-size:36px}.product-body p{min-height:48px;color:#7c837e;font-size:15px}.details{border:0;padding:0;background:none;color:#27362d;font-size:15px}
.statement{padding:90px 0;background:linear-gradient(180deg,rgba(17,25,19,.88),rgba(17,25,19,.93)),url('images/gold-rods-bg.jpg') center/cover no-repeat;color:#fff}.statement-inner{text-align:center}.quote{font-size:36px;font-family:Georgia,serif;color:var(--gold)}.statement p{font-size:36px;line-height:1.6;margin:15px 0}.statement p strong{color:var(--gold2)}.statement small{color:#9ea89f;font-size:15px;direction:ltr;display:block}
.about{background:#f0f0e9}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-visual{height:500px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,rgba(15,20,10,.55),rgba(10,14,8,.78)),url('images/gold-granule-rod.jpg') center/cover no-repeat}.factory-card{position:absolute;inset:80px 60px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #ffffff29;color:#fff;letter-spacing:8px;text-align:center}.factory-card b{font-size:36px;color:#b8b972}.badge{position:absolute;right:25px;bottom:25px;padding:14px 18px;border-radius:12px;background:#a5a64c;color:#1c281f;font-size:15px}.about-copy>p{color:#6f7771;font-size:15px}.about-copy ul{padding:0;margin-top:35px;list-style:none;border-top:1px solid #dddcd4}.about-copy li{padding:15px 0;border-bottom:1px solid #dddcd4;font-size:15px}.about-copy li:before{content:"•";color:var(--gold);margin-left:14px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e6e6df;border:1px solid #e6e6df}.service{min-height:270px;padding:30px;background:#fff}.service img{display:block;width:48px;height:48px;object-fit:cover;margin-bottom:22px}.service>b{color:var(--gold);font-size:15px}.service-symbol{display:block;height:48px;color:var(--gold);font-size:36px;line-height:1;margin-bottom:22px}.service h3{font-size:36px}.service p{color:#7c837e;font-size:15px}
.contact{background:var(--cream)}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px;border-radius:20px;background:var(--dark);color:#fff}.contact-copy>p{color:#aeb8b0;font-size:15px}.contact-list{margin-top:35px}.contact-list a,.contact-list div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #ffffff1a;font-size:15px}.contact-list span{color:#9ca69e}.contact-list b{font-weight:500}.contact form{display:grid;gap:16px}.contact label{color:#b6c0b8;font-size:15px}.contact input,.contact textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #3b4a3e;border-radius:8px;outline:0;background:#243329;color:#fff}.contact input:focus,.contact textarea:focus{border-color:#a5a64c}.contact form p{min-height:20px;color:var(--gold2);font-size:15px}
footer{padding:65px 0 25px;background:var(--dark2);color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px}.footer-grid h4{color:#a5a64c;font-size:15px}.footer-grid>div:not(:first-child) a{display:block;margin:9px 0;color:#89958c;font-size:15px}.footer-grid p{max-width:300px;color:#89958c;font-size:15px}.copyright{margin-top:50px;padding-top:20px;border-top:1px solid #ffffff14;color:#626d65;font-size:15px}
.modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:#0a0f0baa;backdrop-filter:blur(7px)}.modal.open{display:grid}.modal-box{position:relative;width:min(500px,100%);padding:45px;border-radius:18px;background:#fff;max-height:88vh;overflow-y:auto}.modal-close{position:absolute;top:10px;left:18px;z-index:5;border:0;background:none;font-size:36px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.modal-box h2{font-size:36px}.modal-box p{color:#747b76;font-size:15px}
.modal-media{margin:-45px -45px 24px;height:230px;overflow:hidden;border-radius:18px 18px 0 0;background:#111}.modal-media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:650px){.modal-box{padding:32px}.modal-media{margin:-32px -32px 20px;height:190px}}.to-top{position:fixed;left:25px;bottom:25px;z-index:90;width:42px;height:42px;border:0;border-radius:50%;background:var(--gold);color:#fff;opacity:0;pointer-events:none;transition:.25s}.to-top.show{opacity:1;pointer-events:auto}
@media(max-width:900px){.nav{gap:16px}.menu{gap:15px}.nav-cta{display:none}.hero-grid,.about-grid,.contact-box{grid-template-columns:1fr}.hero-grid{padding:80px 0}.hero-art{height:520px}.product-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.contact-box{gap:40px;padding:40px}}
@media(max-width:650px){.nav{min-height:68px}.menu-btn{display:block;margin-inline-start:auto}.menu{position:absolute;top:74px;right:4%;left:4%;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;margin:0;border:1px solid #e7e7df;border-radius:14px;background:#fff;box-shadow:0 20px 50px #0000001f}.menu.open{display:flex}.menu a{padding:13px 15px;border-radius:8px}.menu a:hover,.menu a.active{background:#f3f3ec}.menu a:after{display:none}.logo-text small{display:none}.hero-grid{padding:70px 0 35px}.hero h1{font-size:36px;letter-spacing:-2px}.hero-stats{gap:15px;margin-top:40px}.hero-stats strong{font-size:36px}.hero-art{height:410px}.granule-card{width:280px;height:350px}.granules{inset:55px 25px 90px;gap:8px}.granules i{width:42px;height:24px}.orbit{width:380px;height:380px}.orbit-b{width:450px;height:450px}.section{padding:75px 0}.section-head h2,.about-copy h2,.contact-copy h2{font-size:36px}.product-grid,.service-grid,.footer-grid{grid-template-columns:1fr}.product-visual{height:230px}.about-visual{height:400px}.contact-box{padding:30px 22px}.contact-list a,.contact-list div{flex-direction:column;gap:2px}.footer-grid{gap:30px}}

/* =========================
   Real images from original site
   ========================= */

.service-real-images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 30px;
}

.service-real-images figure {
  margin: 0;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--white);
  text-align: center;
}

.service-real-images img {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 12px;
  object-fit: contain;
}

.service-real-images figcaption {
  color: #687069;
  font-size:15px;
}

@media (max-width: 650px) {
  .service-real-images {
    grid-template-columns: 1fr;
  }
}

/* =========================
   Live location map (Contact page)
   ========================= */

.map-section{margin-top:26px}
.map-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 22px 50px rgba(20,30,22,.12);border:1px solid var(--border);background:#fff}
.map-card iframe{display:block;width:100%;height:420px;border:0;filter:grayscale(.15) contrast(1.02)}
.map-tag{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);box-shadow:0 10px 25px rgba(0,0,0,.1);font-size:14px;font-weight:600;color:var(--dark)}
.map-tag i{width:9px;height:9px;border-radius:50%;background:#3ea45c;box-shadow:0 0 0 4px rgba(62,164,92,.22);flex-shrink:0}
.map-open{position:absolute;bottom:18px;right:18px;padding:10px 16px;border-radius:10px;background:var(--dark);color:#fff;font-size:14px;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.map-open:hover{background:#304137}
[dir="ltr"] .map-tag{right:auto;left:18px}
[dir="ltr"] .map-open{right:auto;left:18px}
@media(max-width:650px){.map-card iframe{height:300px}.map-tag{font-size:13px;padding:8px 12px}.map-open{font-size:13px;padding:8px 12px}}

/* =========================
   LTR (English) adjustments
   ========================= */
[dir="ltr"] body{font-family:"Vazirmatn","Segoe UI",Arial,sans-serif}
[dir="ltr"] .menu a:after{right:auto;left:0}
[dir="ltr"] .nav-cta span{margin-right:0;margin-left:7px}
[dir="ltr"] .about-copy li:before{margin-left:0;margin-right:14px}
[dir="ltr"] .card-caption{right:auto;left:35px}
[dir="ltr"] .chip-one{right:auto;left:2%}
[dir="ltr"] .chip-two{left:auto;right:3%}
[dir="ltr"] .badge{right:auto;left:25px}
[dir="ltr"] .to-top{left:auto;right:25px}
[dir="ltr"] .modal-close{left:auto;right:18px}
[dir="ltr"] .product-visual>span{right:auto;left:16px}
[dir="ltr"] .hero-stats>div{padding-left:0;padding-right:25px}
[dir="ltr"] .hero-stats>div+div:before{right:auto;left:-18px}
[dir="ltr"] .eyebrow i{order:-1}
