/*
Theme Name: Elysion
Theme URI: https://elysion-stones.com
Author: Javad & Captain
Author URI: https://elysion-stones.com
Description: A premium, custom-built WordPress theme for Elysion Natural Stones. Built with OOP, SOLID 
principles, and CMB2. No page builders.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elysion
*/
/* ============================================================
   ELYSION — Master Stylesheet (homepage + inner pages)
   Palette: deep charcoal / ivory / gold / whisper of turquoise
   Fonts:   Cormorant Garamond (display) + Jost (body)
   ============================================================ */

:root{
  --ink:#0b0e0d;
  --ink-2:#121615;
  --ivory:#f3eee5;
  --ivory-2:#eae3d6;
  --gold:#c2a05c;
  --gold-2:#e3cd9c;
  --turq:#2fa99b;
  --line:rgba(194,160,92,.25);
  --line-dark:rgba(11,14,13,.15);
  --muted:#96a09a;
  --muted-dark:#6e675c;
}

/* ---------- BASE (shared across all pages) ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Jost',sans-serif;
  font-weight:300;
  background:var(--ink);
  color:var(--ivory);
  overflow-x:hidden;
  letter-spacing:.02em;
}
::selection{background:var(--gold);color:var(--ink)}
img{display:block;max-width:100%}
li{list-style: none;}
a{
  text-decoration: none;
}
a{text-decoration:none;color:inherit;transition:color .3s}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1.25;color:inherit}
h1{font-size:clamp(44px,7vw,88px)}
h2{font-size:clamp(32px,4.4vw,56px);margin-bottom:22px}
h2 em,h1 em{font-style:italic;color:var(--gold-2)}
.overline{
  display:block;font-size:11px;letter-spacing:.45em;text-transform:uppercase;
  color:var(--gold);margin-bottom:20px;font-weight:400;
}
.overline-dark{color:var(--gold)}
.sec-text{color:var(--muted);font-size:15px;line-height:2.1;max-width:640px;margin:0 auto 34px;font-weight:200}
.sec-sub{color:var(--muted);font-size:13px;letter-spacing:.12em;margin-bottom:56px;font-weight:200}
section{padding:120px 0;position:relative}

/* Buttons */
.btn-solid,.btn-line{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 38px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;
  font-weight:400;transition:.4s;cursor:pointer;border:1px solid var(--gold);
}
.btn-solid{background:var(--gold);color:var(--ink)}
.btn-solid:hover{background:var(--gold-2);border-color:var(--gold-2)}
.btn-line{color:var(--gold);background:transparent}
.btn-line:hover{background:var(--gold);color:var(--ink)}
.btn-sm-line{padding:10px 26px}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(42px);transition:opacity 1.1s ease,transform 1.1s ease}
.reveal.on{opacity:1;transform:none}
/* =========================================
   FIX: LIGHT SECTIONS TEXT COLORS
   ========================================= */
.contact-info-sec h2,
.inquiry-sec h2,
.form-wrapper h2 {
  color: var(--ink) !important;
}

.contact-info-sec h2 em,
.inquiry-sec h2 em,
.form-wrapper h2 em {
  color: var(--gold) !important;
}

.contact-info-sec .sec-sub,
.inquiry-sec .sec-sub,
.form-wrapper .sec-sub {
  color: #555 !important;
}

.info-card h3 {
  color: var(--ink) !important;
}

.info-card p {
  color: #666 !important;
}

.export-list li {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Image placeholder (until real photos placed) */
.ph{position:relative;overflow:hidden;background:linear-gradient(160deg,#1c2220,#0b0e0d)}
.ph::after{
  content:'ELYSION';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:10px;letter-spacing:.6em;color:rgba(194,160,92,.28);pointer-events:none;
}
.ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}

/* ---------- HEADER ---------- */
#siteHeader{
  position:fixed;top:0;left:0;right:0;z-index:200;transition:.5s;
  padding:26px 5vw;
}
#siteHeader.scrolled{background:rgba(11,14,13,.92);backdrop-filter:blur(14px);padding:14px 5vw;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:baseline;gap:12px}
.brand-mark{color:var(--gold);font-size:18px;transform:translateY(2px)}
.brand-name{font-family:'Cormorant Garamond',serif;font-size:26px;letter-spacing:.3em;color:var(--ivory)}
.brand-sub{font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}
.main-nav{display:flex;gap:20px !important;}
.main-nav a{font-size:13px !important;letter-spacing:.32em !important;text-transform:uppercase;color:var(--muted)}
.main-nav a:hover{color:var(--gold-2)}
.header-cta{display:flex;align-items:center;gap:18px}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px}
.menu-toggle span{display:block;width:26px;height:1px;background:var(--gold);margin:6px 0;transition:.4s}

/* ---------- HERO ---------- */
.hero{height:100vh;min-height:640px;display:flex;align-items:center;overflow:hidden}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%}
.hero-bg img{object-fit:cover;animation:kenburns 16s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.09)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(to top,var(--ink) 2%,rgba(11,14,13,.25) 55%,rgba(11,14,13,.55) 100%)}
.hero-content{position:relative;z-index:2}
.hero h1{margin:6px 0 24px}
.hero .lead{color:var(--muted);font-weight:200;font-size:16px;line-height:2;max-width:560px;margin-bottom:44px}
.hero-cta{display:flex;gap:18px;flex-wrap:wrap}
.hero-side{
  position:absolute;left:34px;bottom:120px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:9px;letter-spacing:.55em;text-transform:uppercase;color:var(--muted);
}
.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:1px;height:64px;background:var(--line);z-index:2;overflow:hidden}
.scroll-hint::after{content:'';position:absolute;top:-40%;left:0;width:1px;height:40%;background:var(--gold);animation:drop 2.4s infinite}
@keyframes drop{to{top:110%}}

/* ---------- MARQUEE ---------- */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;overflow:hidden}
.marquee-track{display:flex;gap:64px;white-space:nowrap;width:max-content;animation:mq 36s linear infinite}
.marquee span{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted)}
.marquee i{color:var(--turq);font-style:normal;font-size:8px;vertical-align:middle}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- MAISON ---------- */
.maison{background:var(--ivory);color:var(--ink)}
.maison h2 em{color:var(--gold)}
.maison .overline{color:var(--gold)}
.maison .sec-text{color:var(--muted-dark)}
.stats{margin-top:80px}
.stat{text-align:center;padding:10px 20px;border-left:1px solid var(--line-dark)}
.stat:first-child{border-left:none}
.stat b{display:block;font-family:'Cormorant Garamond',serif;font-weight:300;font-size:52px;color:var(--ink)}
.stat small{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted-dark)}

/* ---------- COLLECTIONS ---------- */
.collections{background:var(--ink)}
.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:46px 0 60px}
.filter-btn{
  background:none;border:none;cursor:pointer;padding:10px 18px;
  font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--muted);position:relative;transition:.3s;
}
.filter-btn::after{content:'';position:absolute;left:18px;right:18px;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transition:.4s;transform-origin:center}
.filter-btn:hover{color:var(--gold-2)}
.filter-btn.active{color:var(--gold-2)}
.filter-btn.active::after{transform:scaleX(1)}
.stone-card .ph{aspect-ratio:4/5}
.stone-card:hover .ph img{transform:scale(1.07)}
.card-meta{padding:24px 4px 0;border-top:1px solid var(--line);margin-top:0;padding-top:20px}
.card-meta .cat{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--turq)}
.card-meta h3{font-size:24px;margin:8px 0 4px}
.card-meta .origin{font-size:12px;color:var(--muted);letter-spacing:.08em;margin-bottom:12px}
.view{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px}
.view i{transition:.3s;font-size:12px}
.view:hover i{transform:translateX(6px)}

/* ---------- PROVENANCE ---------- */
.provenance{background:var(--ink-2)}
.provenance .sec-text{margin:0 0 36px}
.certificate{
  background:var(--ivory);color:var(--ink);padding:52px 48px;position:relative;
  border:1px solid var(--gold);box-shadow:0 40px 80px rgba(0,0,0,.5);
}
.certificate::before{content:'';position:absolute;inset:10px;border:1px solid var(--line);pointer-events:none}
.cert-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.cert-brand{font-family:'Cormorant Garamond',serif;letter-spacing:.3em;font-size:18px}
.cert-brand i{color:var(--gold)}
.cert-no{font-size:10px;letter-spacing:.3em;color:var(--muted-dark);text-transform:uppercase}
.cert-title{font-family:'Cormorant Garamond',serif;font-size:24px;text-align:center;margin-bottom:30px;font-style:italic}
.cert-rows{list-style:none}
.cert-rows li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line-dark);font-size:13px}
.cert-rows span{color:var(--muted-dark);letter-spacing:.18em;text-transform:uppercase;font-size:10px;padding-top:3px}
.cert-rows b{font-weight:400;text-align:right}
.cert-seal{margin-top:30px;display:flex;align-items:center;gap:12px;justify-content:center;color:var(--gold)}
.cert-seal i{font-size:20px}
.cert-seal span{font-size:9px;letter-spacing:.5em;text-transform:uppercase}

/* ---------- STORY BAND ---------- */
.story-band{padding:180px 0;overflow:hidden}
.band-bg,.band-bg img{position:absolute;inset:0;width:100%;height:100%}
.band-bg img{object-fit:cover}
.band-shade{position:absolute;inset:0;background:rgba(11,14,13,.72)}
.band-content{position:relative;z-index:2}
.band-content h2{max-width:820px;margin:0 auto 18px}
.band-content .sec-sub{margin-bottom:44px}

/* ---------- PATRONS ---------- */
.patrons{background:var(--ivory);color:var(--ink)}
.patrons .overline{color:var(--gold)}
.patrons-row{margin-top:70px}
.patron .num{font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:.3em;color:var(--gold)}
.patron h3{font-size:26px;margin:14px 0 12px}
.patron p{color:var(--muted-dark);font-size:14px;line-height:2;font-weight:200}
.patron{border-top:1px solid var(--line-dark);padding-top:30px}

/* ---------- JOURNAL ---------- */
.journal{background:var(--ivory-2);color:var(--ink)}
.journal .overline{color:var(--gold)}
.post-card .ph{aspect-ratio:16/10}
.post-card:hover .ph img{transform:scale(1.06)}
.post-meta{display:flex;gap:18px;margin:20px 0 10px}
.post-meta span{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted-dark)}
.post-meta span:first-child{color:var(--gold)}
.post-card h3{font-size:23px;line-height:1.35;margin-bottom:10px}
.post-card h3 a:hover{color:var(--gold)}
.post-card p{color:var(--muted-dark);font-size:13px;line-height:1.9;margin-bottom:14px;font-weight:200}
.journal .view{color:var(--gold)}

/* ---------- QUOTES ---------- */
.quotes{background:var(--ink);padding:140px 0}
.quote-slide{text-align:center;padding:0 8vw}
.quote-slide p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(22px,3vw,34px);line-height:1.7;color:var(--ivory);max-width:880px;margin:0 auto 30px}
.quote-slide small{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}
.owl-dots{margin-top:44px;text-align:center}
.owl-dots .owl-dot span{width:26px;height:1px;border-radius:0;background:var(--line);margin:0 5px;transition:.4s}
.owl-dots .owl-dot.active span{background:var(--gold)}

/* ---------- CONTACT CTA ---------- */
.contact-cta{background:var(--ivory);color:var(--ink)}
.contact-cta .overline{color:var(--gold)}
.contact-cta .sec-text{color:var(--muted-dark)}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.contact-cta .btn-line{color:var(--ink);border-color:var(--ink)}
.contact-cta .btn-line:hover{background:var(--ink);color:var(--ivory)}

/* ---------- FOOTER ---------- */
footer{background:var(--ink);padding:90px 0 40px;border-top:1px solid var(--line)}
.footer-brand{margin-bottom:20px}
.footer-text{color:var(--muted);font-size:13px;line-height:2;font-weight:200}
footer h4{font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-family:'Jost',sans-serif;font-weight:400}
footer .col-6 a,footer .col-lg-2 a,footer .col-lg-3 a{display:block;color:var(--muted);font-size:13px;margin-bottom:12px;font-weight:200}
footer a:hover{color:var(--gold-2)}
.newsletter{display:flex;border-bottom:1px solid var(--line);margin:18px 0 26px}
.newsletter input{flex:1;background:none;border:none;outline:none;color:var(--ivory);font-family:'Jost',sans-serif;font-size:13px;padding:10px 0;font-weight:200}
.newsletter input::placeholder{color:var(--muted)}
.newsletter button{background:none;border:none;color:var(--gold);cursor:pointer;font-size:16px}
.socials{display:flex;gap:16px}
.socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}
.socials a:hover{border-color:var(--gold);color:var(--gold)}
.socials a{
  width:38px;height:38px;
  border:1px solid var(--line);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:14px;line-height:1;
}
.socials a i {
  display: table;
  margin: 0px auto;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center; }

.copy{margin-top:70px;padding-top:28px;border-top:1px solid var(--line);text-align:center;color:#5b605c;font-size:11px;letter-spacing:.18em}

/* ---------- FLOATING ---------- */
.wa-float{
  position:fixed;right:26px;bottom:26px;z-index:150;width:52px;height:52px;border-radius:50%;
  background:var(--ink-2);border:1px solid var(--gold);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:20px;
  box-shadow:0 14px 34px rgba(0,0,0,.5);transition:.4s;
}
.wa-float:hover{background:var(--gold);color:var(--ink)}
#toTop{
  position:fixed;left:26px;bottom:26px;z-index:150;width:46px;height:46px;border-radius:50%;
  background:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;
  opacity:0;pointer-events:none;transition:.4s;
}
#toTop.show{opacity:1;pointer-events:auto}
#toTop:hover{border-color:var(--gold);color:var(--gold)}
@media (max-width:991px){
  #siteHeader{padding:18px 20px}
  #siteHeader.scrolled{padding:12px 20px}
  .header-cta .btn-sm-line{display:none}
}
/* ---------- RESPONSIVE ---------- */
@media (max-width:991px){
  section{padding:90px 0}

  /* دکمه منو همیشه بالای اورلی */
  .header-cta{position:relative;z-index:210}
  .menu-toggle{display:block;position:relative;z-index:210}

  /* اورلی تمام‌صفحه — جامد، بدون blur تا تله containing-block نیفته */
  .main-nav{
    position:fixed;inset:0;z-index:190;
    background:var(--ink);
    flex-direction:column;align-items:center;justify-content:center;gap:34px;
    opacity:0;visibility:hidden;pointer-events:none;transition:.5s;
  }
  .main-nav{top:0;left:0;width:100vw;height:100vh;height:100dvh}
  .main-nav a{font-size:15px;letter-spacing:.4em;color:var(--ivory)}
  /* قفل اسکرول وقتی منو بازه → دیگه هیچ‌چیزی به هم نمی‌ریزه */
  body.menu-open{overflow:hidden}
  body.menu-open .main-nav{opacity:1;visibility:visible;pointer-events:auto}
  body.menu-open .menu-toggle span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
  body.menu-open .menu-toggle span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
#siteHeader.scrolled{background:rgba(11,14,13,.97);padding:14px 5vw;border-bottom:1px solid var(--line)}
  .hero-side{display:none}
  .stat{border-left:none;margin-bottom:26px}
  .certificate{padding:40px 28px}
}
  .hero-side{display:none}
  .stat{border-left:none;margin-bottom:26px}
  .certificate{padding:40px 28px}

.journal .post-card .ph{
  aspect-ratio: 16/9;
}
.journal .post-card .ph img{
  object-fit: cover;
  object-position: center;
}
/* دکمه بزرگ برای Journal */
.btn-lg-line {
  padding: 16px 40px;
  font-size: 13px;
  letter-spacing: .3em;
  text-transform: uppercase;
  border: 1px solid var(--gold);
  color: var(--gold);
  text-decoration: none;
  display: inline-block;
  transition: all .3s ease;
}

.btn-lg-line:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}

/* اگه بخش journal-preview رو قبلاً نساختی، این CSS رو هم اضافه کن */
.journal-preview{padding:120px 0}
.journal-card .ph{aspect-ratio:16/10}
.journal-card .card-meta{padding:24px 0 0}
.journal-card .cat{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px}
.journal-card .card-title{font-size:22px;margin-bottom:12px;line-height:1.4}
.journal-card .card-title:hover{color:var(--gold-2)}
.journal-card .excerpt{font-size:14px;margin-bottom:16px;line-height:1.9;color:var(--muted)}
.journal-card .read{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);transition:.3s}
.journal-card .read:hover{color:var(--gold-2)}



/* ---------- Journal: equal-height cards ---------- */
.journal .row > div{display:flex}
.post-card{display:flex;flex-direction:column;width:100%}
.post-card .view{margin-top:auto;padding-top:14px}


/* ============ STONE SINGLE (inner-page patterns) ============ */
.crumb-bar{padding:150px 0 0}
.crumb{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--gold-2)}
.crumb .sep{margin:0 12px;color:var(--gold);font-size:8px}
.crumb .now{color:var(--gold-2)}

.stone-hero{padding:50px 0 120px}
.stone-title{font-size:clamp(40px,5vw,64px);margin:6px 0 20px}
.stone-desc{color:var(--muted);font-size:15px;line-height:2.1;font-weight:200;margin-bottom:10px}
.gallery-main{display:block}
.gallery-main .ph{aspect-ratio:4/5}
.gallery-thumbs{display:flex;gap:14px;margin-top:14px}
.gallery-thumbs button{width:86px;height:104px;padding:0;border:1px solid var(--line);background:none;cursor:pointer;overflow:hidden;transition:.3s}
.gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.gallery-thumbs button:hover,.gallery-thumbs button.active{border-color:var(--gold)}

.specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:34px 0}
.specs div{padding:18px 8px;text-align:center;border-left:1px solid var(--line)}
.specs div:first-child{border-left:0}
.specs b{display:block;font-family:'Cormorant Garamond',serif;font-weight:300;font-size:21px;color:var(--ivory)}
.specs small{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}

.stone-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.stone-note{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.stone-note i{margin-right:8px}

.cert-section{background:var(--ink-2);padding:120px 0}
.cert-full{max-width:760px;margin:40px auto 0}

.stone-story{background:var(--ivory);color:var(--ink)}
.stone-story .overline{color:var(--gold)}
.story-text{color:var(--muted-dark);font-size:16px;line-height:2.3;font-weight:200;font-family:'Cormorant Garamond',serif;font-size:19px}

.related{background:var(--ink)}

@media (max-width:991px){
  .crumb-bar{padding-top:110px}
  .specs{grid-template-columns:repeat(2,1fr)}
  .specs div:nth-child(3){border-left:0}
  .specs div{border-top:1px solid var(--line)}
  .specs div:nth-child(-n+2){border-top:0}
  .gallery-thumbs button{width:70px;height:86px}
}
/* ============ STONE SINGLE (inner-page patterns) ============ */

/* ============ ARCHIVE (collections) ============ */
.page-head{padding:170px 0 50px;text-align:center}
.page-head h1{font-size:clamp(40px,5.5vw,72px)}
.archive-grid{padding:40px 0 120px}
.card-title{color:var(--ivory)}
.card-title:hover{color:var(--gold-2)}

.lux-pager{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:80px}
.lux-pager a,.lux-pager .now{font-size:12px;letter-spacing:.3em;color:var(--muted);transition:.3s}
.lux-pager .now{color:var(--gold-2);border-bottom:1px solid var(--gold);padding-bottom:6px}
.lux-pager a:hover{color:var(--gold-2)}
/* ============ ARCHIVE (collections) ============ */

/* ============ STORY (narrative chapters) ============ */
.chapters{padding:40px 0 60px}
.chapter{padding:70px 0}
.ch-num{
  font-family:'Cormorant Garamond',serif;font-size:110px;line-height:1;
  color:rgba(194,160,92,.16);display:block;margin-bottom:-30px;
}
.chapter h2{margin:26px 0 18px}
.ch-text{color:var(--muted);font-size:15px;line-height:2.2;font-weight:200}
.ch-img{aspect-ratio:4/3}

.story-band{position:relative;padding:140px 0;overflow:hidden}
.band-bg{position:absolute;inset:0;z-index:0}
.band-bg img{width:100%;height:100%;object-fit:cover}
.band-shade{position:absolute;inset:0;background:rgba(11,14,13,.82);z-index:1}
.band-content{position:relative;z-index:2;color:var(--ivory)}
.band-content h2{font-size:clamp(32px,4vw,52px);margin:20px 0}
.band-content .sec-sub{color:var(--gold-2)}

.timeline-sec{background:var(--ivory);color:var(--ink)}
.timeline-sec .overline{color:var(--gold)}
.timeline{display:flex;justify-content:space-between;gap:30px;margin-top:70px;border-top:1px solid var(--line-dark);padding-top:50px;flex-wrap:wrap}
.t-item{flex:1;min-width:180px;position:relative;padding-top:26px}
.t-item::before{content:'';position:absolute;top:-4px;left:0;width:1px;height:26px;background:var(--gold)}
.t-item b{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:40px;display:block;margin-bottom:8px}
.t-item small{color:var(--muted-dark);font-size:12px;letter-spacing:.08em;line-height:1.8;display:block}

@media (max-width:991px){
  .ch-num{font-size:80px;margin-bottom:-18px}
  .chapter{padding:50px 0}
  .order-lg-1,.order-lg-2{order:0}
}

/* ============ STORY (narrative chapters) ============ */

/* ============ PROVENANCE PAGE ============ */
.provenance-intro{padding:60px 0}
.intro-text{font-size:17px;line-height:2.4;font-family:'Cormorant Garamond',serif;font-weight:200;color:var(--muted);max-width:800px;margin:0 auto}

.cert-large{max-width:900px;margin:40px auto}

.why-provenance{background:var(--ivory);color:var(--ink);padding:120px 0}
.why-provenance .overline{color:var(--gold)}
.reason-card{background:#fff;padding:50px 35px;text-align:center;border:1px solid var(--line);transition:.3s;height:100%}
.reason-card:hover{border-color:var(--gold);transform:translateY(-6px)}
.reason-card i{font-size:42px;color:var(--gold);margin-bottom:20px;display:block}
.reason-card h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:28px;margin-bottom:16px}
.reason-card p{color:var(--muted);font-size:14px;line-height:2;font-weight:200;margin:0}

.process-section{padding:120px 0}
.process-steps{display:flex;justify-content:space-between;gap:30px;margin-top:70px;position:relative;flex-wrap:wrap}
.process-steps::before{content:'';position:absolute;top:60px;left:0;right:0;height:1px;background:var(--line);z-index:0}
.step{flex:1;min-width:200px;text-align:center;position:relative;z-index:1;background:var(--ink);padding:0 20px}
.step-num{font-family:'Cormorant Garamond',serif;font-size:50px;color:var(--gold);display:block;margin-bottom:16px;line-height:1}
.step h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:24px;margin-bottom:12px}
.step p{color:var(--muted);font-size:13px;line-height:2;font-weight:200;margin:0}

@media (max-width:991px){
  .process-steps{flex-direction:column}
  .process-steps::before{display:none}
  .step{margin-bottom:40px}
}

/* ============ PROVENANCE PAGE ============ */

/* ============ JOURNAL (Blog Archive) ============ */
.featured-post{padding:60px 0 100px}
.featured-img{aspect-ratio:16/10}
.featured-title{font-size:clamp(32px,4vw,48px);margin:16px 0 20px}
.excerpt{color:var(--muted);font-size:15px;line-height:2;font-weight:200;margin-bottom:24px}

.journal-grid{padding:40px 0 120px}
.journal-card .ph{aspect-ratio:16/10}
.journal-card .card-meta{padding:24px 0 0}
.journal-card .cat{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px}
.journal-card .card-title{font-size:22px;margin-bottom:12px;line-height:1.4}
.journal-card .excerpt{font-size:14px;margin-bottom:16px;line-height:1.9}
.journal-card .read{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);transition:.3s}
.journal-card .read:hover{color:var(--gold-2)}

.newsletter-cta{background:var(--ink-2);padding:120px 0}
.newsletter-form{display:flex;justify-content:center;gap:12px;max-width:500px;margin:30px auto 0;flex-wrap:wrap}
.newsletter-form input{flex:1;min-width:200px;padding:14px 20px;background:transparent;border:1px solid var(--line);color:var(--ivory);font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.05em}
.newsletter-form input:focus{outline:none;border-color:var(--gold)}
.newsletter-form input::placeholder{color:var(--muted)}

/* ============ JOURNAL (Blog Archive) ============ */

/* ============ SINGLE POST (post.html → single.php) ============ */
.post-single{padding:40px 0 60px}
.post-meta{
  font-size:11px;letter-spacing:.25em;text-transform:uppercase;
  color:var(--muted);margin-bottom:24px;
}
.post-cat{color:var(--gold);text-decoration:none}
.post-cat:hover{color:var(--gold-2)}
.meta-sep{margin:0 14px;font-size:8px;color:var(--gold)}
.post-author em{font-style:normal;color:var(--ivory)}

.post-title{font-size:clamp(38px,5vw,68px);margin-bottom:20px}
.post-subtitle{
  font-family:'Cormorant Garamond',serif;font-size:20px;
  font-weight:300;font-style:italic;color:var(--muted);
  line-height:1.8;max-width:700px;margin-bottom:40px;
}

.post-featured{position:relative;margin-bottom:60px}
.post-featured img{width:100%;aspect-ratio:16/9;object-fit:cover}
.img-caption{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 24px;background:linear-gradient(transparent,rgba(0,0,0,.85));
  color:var(--ivory);font-size:12px;letter-spacing:.08em;font-style:italic;
}

.post-content-sec{padding:0 0 100px}
.post-body{font-family:'Cormorant Garamond',serif;font-size:19px;line-height:2.2;color:var(--ivory);font-weight:300}
.post-body .lead{font-size:22px;font-style:italic;color:var(--gold-2);margin-bottom:40px}
.post-body h2{font-size:32px;margin:50px 0 24px;font-weight:300}
.post-body h3{font-size:24px;margin:40px 0 20px;font-weight:400;color:var(--gold-2)}
.post-body p{margin-bottom:24px}

.post-body blockquote{
  border-left:2px solid var(--gold);padding:24px 30px;margin:50px 0;
  font-size:24px;font-style:italic;color:var(--ivory);
}
.post-body blockquote cite{
  display:block;margin-top:14px;font-size:12px;letter-spacing:.25em;
  text-transform:uppercase;font-style:normal;color:var(--gold);
}

/* Share */
.post-share{
  display:flex;align-items:center;gap:20px;
  padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin:60px 0;
}
.share-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}
.share-icons{display:flex;gap:18px}
.share-icons a{color:var(--muted);font-size:18px;transition:.3s}
.share-icons a:hover{color:var(--gold-2)}

/* Author Box */
.author-box{
  display:flex;gap:30px;align-items:flex-start;
  background:var(--ink-2);border:1px solid var(--line);padding:40px;
}
.author-avatar{font-size:60px;color:var(--gold);flex-shrink:0}
.author-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.author-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;margin-bottom:12px}
.author-bio{color:var(--muted);font-size:14px;line-height:2;font-weight:200;margin:0}
.author-avatar img.author-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--gold);
}

.related-posts{background:var(--ink-2);padding:120px 0}

@media (max-width:991px){
  .author-box{flex-direction:column}
  .post-share{flex-direction:column;align-items:flex-start;gap:16px}
}

/* ============ SINGLE POST (post.html → single.php) ============ */

/* ============ ABOUT PAGE ============ */
.about-intro{padding:60px 0 80px}
.intro-text{font-family:'Cormorant Garamond',serif;font-size:18px;line-height:2.4;font-weight:200;color:var(--muted);max-width:800px;margin:0 auto}

.values-section{background:var(--ivory);color:var(--ink);padding:120px 0}
.values-section .overline{color:var(--gold)}
.value-card{background:#fff;padding:50px 35px;text-align:center;border:1px solid var(--line);transition:.3s;height:100%}
.value-card:hover{border-color:var(--gold);transform:translateY(-6px)}
.value-card i{font-size:42px;color:var(--gold);margin-bottom:20px;display:block}
.value-card h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:28px;margin-bottom:16px}
.value-card p{color:var(--muted);font-size:14px;line-height:2;font-weight:200;margin:0}

.timeline-section{padding:120px 0}
.timeline{display:flex;justify-content:space-between;gap:30px;margin-top:70px;border-top:1px solid var(--line);padding-top:50px;flex-wrap:wrap}
.t-item{flex:1;min-width:180px;position:relative;padding-top:26px}
.t-item::before{content:'';position:absolute;top:-4px;left:0;width:1px;height:26px;background:var(--gold)}
.t-item b{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:40px;display:block;margin-bottom:8px}
.t-item small{color:var(--muted);font-size:12px;letter-spacing:.08em;line-height:1.8;display:block}

.team-section{background:var(--ink-2);padding:120px 0}
.team-card{text-align:center;padding:40px 30px;border:1px solid var(--line);transition:.3s;height:100%}
.team-card:hover{border-color:var(--gold);transform:translateY(-6px)}
.team-photo{width:140px;height:140px;margin:0 auto 24px;border-radius:50%;overflow:hidden;border:2px solid var(--gold)}
.team-photo img{width:100%;height:100%;object-fit:cover}
.team-card h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:26px;margin-bottom:8px}
.team-role{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:16px}
.team-card p{color:var(--muted);font-size:14px;line-height:2;font-weight:200;margin:0}

@media (max-width:991px){
  .timeline{flex-direction:column}
  .t-item{margin-bottom:30px}
}

/* ============ ABOUT PAGE ============ */

/* ============ CONTACT PAGE ============ */
.contact-info-sec{padding:60px 0 100px}
.info-card{padding:40px 30px;border:1px solid var(--line);transition:.3s;height:100%}
.info-card:hover{border-color:var(--gold);transform:translateY(-6px)}
.info-card i{font-size:36px;color:var(--gold);margin-bottom:16px;display:block}
.info-card h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:26px;margin-bottom:12px}
.info-card p{color:var(--muted);font-size:14px;line-height:1.9;font-weight:200;margin-bottom:16px}
.info-link{color:var(--gold);text-decoration:none;font-size:13px;letter-spacing:.1em;transition:.3s}
.info-link:hover{color:var(--gold-2)}

.inquiry-sec{background:var(--ivory);color:var(--ink);padding:120px 0}
.inquiry-sec .overline{color:var(--gold)}
.form-wrapper{background:#fff;padding:60px 50px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.03)}

.lux-form .form-label{
  font-size:10px;letter-spacing:.25em;text-transform:uppercase;
  color:var(--muted-dark);margin-bottom:8px;font-weight:300;
}
.lux-form .form-control{
  border:none;border-bottom:1px solid var(--line);border-radius:0;
  padding:12px 0;font-family:'Jost',sans-serif;font-size:15px;
  background:transparent;color:var(--ink);transition:.3s;
}
.lux-form .form-control:focus{
  outline:none;box-shadow:none;border-bottom-color:var(--gold);background:transparent;
}
.lux-form .form-control::placeholder{color:#aaa;font-weight:200}
.lux-form select.form-control{cursor:pointer}

.whatsapp-cta{background:var(--ink-2);padding:100px 0}

@media (max-width:991px){
  .form-wrapper{padding:40px 25px}
}

/* ============ CONTACT PAGE ============ */

/* ============ 404 PAGE ============ */
.error-hero{
  padding: 160px 0 140px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.error-number{
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(120px, 20vw, 280px);
  font-weight: 300;
  line-height: 1;
  color: rgba(194, 160, 92, 0.08); /* Very faint gold */
  margin-bottom: -40px;
  position: relative;
  z-index: 0;
  user-select: none;
}

.error-hero .overline,
.error-hero h1,
.error-hero .sec-sub,
.error-hero .error-search,
.error-hero .cta-row {
  position: relative;
  z-index: 1;
}

.error-hero h1 {
  font-size: clamp(40px, 5vw, 64px);
  margin-bottom: 24px;
}

.error-search{
  display: flex;
  justify-content: center;
  max-width: 450px;
  margin: 40px auto 0;
  border-bottom: 1px solid var(--line);
  padding-bottom: 10px;
}

.error-search input{
  flex: 1;
  background: transparent;
  border: none;
  color: var(--ivory);
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  padding: 10px 0;
  outline: none;
}

.error-search input::placeholder{
  color: var(--muted);
  font-weight: 200;
}

.error-search button{
  background: transparent;
  border: none;
  color: var(--gold);
  font-size: 18px;
  cursor: pointer;
  padding: 0 10px;
  transition: .3s;
}

.error-search button:hover{
  color: var(--gold-2);
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .error-hero { padding: 120px 0 80px; }
  .error-number { margin-bottom: -20px; }
}

/* =========================================
   404 PAGE
   ========================================= */
.error-hero {
  background: var(--ink);
  padding: 180px 24px 120px;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.error-hero .container {
  width: 100%;
}

.error-number {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(100px, 18vw, 200px);
  color: transparent;
  -webkit-text-stroke: 1px var(--gold);
  line-height: 1;
  margin-bottom: 20px;
  font-weight: 500;
}

.error-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(34px, 5vw, 54px);
  color: #ffffff;
  margin: 14px 0 18px;
}

.error-hero h1 em {
  color: var(--gold);
  font-style: italic;
}

.error-hero .sec-sub {
  color: rgba(255, 255, 255, 0.7);
  max-width: 560px;
  margin: 0 auto 40px;
}

.error-search {
  display: inline-flex;
  max-width: 420px;
  width: 100%;
  border-bottom: 1px solid rgba(194, 160, 92, 0.5);
}

.error-search input {
  flex: 1;
  background: transparent;
  border: none;
  padding: 14px 0;
  color: #ffffff;
  font-family: 'Jost', sans-serif;
  outline: none;
}

.error-search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.error-search button {
  background: transparent;
  border: none;
  color: var(--gold);
  font-size: 18px;
  cursor: pointer;
  padding: 0 10px;
}

/* ============ 404 PAGE ============ */

.vision-mission {
  background: var(--ivory);
  padding: 120px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.vision-mission h3 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 28px;
  margin-bottom: 20px;
  color: var(--ink);
}

.mission-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.mission-list li {
  padding: 12px 0 12px 30px;
  position: relative;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
  border-bottom: 1px solid var(--line);
}

.mission-list li:last-child {
  border-bottom: none;
}

.mission-list li::before {
  content: '◆';
  position: absolute;
  right: 0;
  top: 12px;
  color: var(--gold);
  font-size: 12px;
}
/* ============ PRODUCTS SECTION ============ */
.products-section {
  background: var(--ivory);
  color: var(--ink);
  padding: 120px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.products-section .overline {
  color: var(--gold);
}

.product-card {
  background: #fff;
  padding: 50px 35px;
  text-align: center;
  border: 1px solid var(--line);
  transition: all 0.3s ease;
  height: 100%;
}

.product-card:hover {
  border-color: var(--gold);
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}

.product-card i {
  font-size: 42px;
  color: var(--gold);
  margin-bottom: 20px;
  display: block;
}

.product-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 16px;
  color: var(--ink);
}

.product-card p {
  color: var(--muted);
  font-size: 14px;
  line-height: 2;
  font-weight: 200;
  margin: 0;
}

/* ============ EXPORT CAPABILITIES SECTION ============ */
.export-capabilities {
  background: var(--ivory);
  color: var(--ink);
  padding: 120px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.export-capabilities .overline {
  color: var(--gold);
}

.export-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.export-list li {
  padding: 16px 0 16px 40px;
  position: relative;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink);
  border-bottom: 1px solid var(--line);
  font-weight: 300;
}

.export-list li:last-child {
  border-bottom: none;
}

.export-list li i {
  position: absolute;
  right: 0;
  top: 18px;
  color: var(--gold);
  font-size: 18px;
}

/* بهبود کارت‌های منطقه برای 4 ستونه شدن */
@media (max-width: 991px) {
  .contact-info-sec .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 575px) {
  .contact-info-sec .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* ============ SINGLE STONE PAGE ============ */
.stone-details-sec { padding: 80px 0 120px; }
.stone-image-wrapper { position: relative; border-radius: 4px; overflow: hidden; }
.stone-main-img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.img-badge {
  position: absolute; top: 20px; right: 20px;
  background: var(--gold); color: var(--ink);
  padding: 6px 16px; font-size: 11px; letter-spacing: .2em;
  text-transform: uppercase; font-weight: 600;
}

.stone-cta { display: flex; gap: 16px; flex-wrap: wrap; }

.stone-story { background: var(--ivory); color: var(--ink); padding: 120px 0; }
.stone-story .overline { color: var(--gold); }

.provenance-highlight { padding: 120px 0; }
.provenance-highlight .overline { color: var(--gold); }

@media (max-width: 991px) {
  .stone-cta { flex-direction: column; }
  .stone-cta .btn-solid, .stone-cta .btn-line { width: 100%; text-align: center; }
}


/* هدر تیره */
header {
  background: var(--ink);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* متن‌های هدر */
header .brand-name,
header .brand-sub {
  color: white;
}

header .main-nav a {
  color: rgba(255,255,255,0.85);
}

header .main-nav a:hover {
  color: var(--gold);
}

header .btn-line {
  color: white;
  border-color: rgba(255,255,255,0.3);
}

header .btn-line:hover {
  color: var(--gold);
  border-color: var(--gold);
}

.menu-toggle span {
  background: white;
}

@media (max-width: 991px) {
  .brand-logo {
    height: 45px;
  }
  .brand-logo-footer {
    height: 55px;
  }
}
/* ============ LUXURY LOGO EFFECTS ============ */
.brand-logo {
  height: 55px;
  width: auto;
  filter: brightness(1.1) drop-shadow(0 4px 12px rgba(245, 158, 11, 0.3));
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.brand-logo:hover {
  transform: scale(1.1) rotate(-3deg);
  filter: brightness(1.2) drop-shadow(0 8px 24px rgba(245, 158, 11, 0.6));
}

/* برای فوتر */
.brand-logo-footer {
  height: 65px;
  width: auto;
  filter: drop-shadow(0 4px 12px rgba(245, 158, 11, 0.25));
  transition: all 0.4s ease;
}

.brand-logo-footer:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 6px 20px rgba(245, 158, 11, 0.4));
}
/* استایل منوی وردپرس */
.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 32px;
  align-items: center;
}

.main-nav ul li {
  margin: 0;
}

.main-nav ul li a {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 300;
}

.main-nav ul li a:hover {
  color: var(--gold);
}

/* آیتم فعال (صفحه جاری) */
.main-nav ul li.current-menu-item a,
.main-nav ul li.current_page_item a {
  color: var(--gold);
}

/* استایل منوی فوتر */
.footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-menu li a {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.footer-menu li a:hover {
  color: var(--gold);
}

@media (max-width: 991px) {
  
  #mainNav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  #mainNav.active {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: #000000 !important;
    z-index: 999999 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
  }

  #mainNav.active a {
    color: #ffffff !important;
    font-size: 24px !important;
    margin: 20px 0 !important;
    display: block !important;
    text-decoration: none !important;
    border: 2px solid red !important;
    padding: 10px !important;
  }

  .menu-toggle {
    display: flex !important;
    z-index: 1000000 !important;
    position: relative !important;
  }
  
  .menu-toggle span {
    background-color: #c2a05c !important;
    width: 30px !important;
    height: 3px !important;
    display: block !important;
    margin: 5px 0 !important;
  }
}
@media (max-width: 991px) {
  
  .menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 30px !important;
    height: 20px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 99999 !important;
  }
  
  .menu-toggle span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #c2a05c !important;
    margin: 0 !important;
  }
  
  #mainNav {
    display: none !important;
  }
  
  #mainNav.active {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: #000 !important;
    z-index: 99998 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  #mainNav.active a {
    color: #fff !important;
    font-size: 20px !important;
    margin: 15px 0 !important;
  }
}
@media (max-width: 991px) {
  #mainNav {
    display: none !important;
  }
  #mainNav.active {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: #000000 !important;
    z-index: 999999 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  #mainNav.active a {
    color: #ffffff !important;
    font-size: 24px !important;
    margin: 20px 0 !important;
    display: block !important;
  }
  .menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 30px !important;
    height: 20px !important;
    background: transparent !important;
    border: none !important;
    z-index: 1000000 !important;
  }
  .menu-toggle span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #c2a05c !important;
  }
}

/* ========== MOBILE MENU - FINAL STYLES ========== */
@media (max-width: 991px) {
  
  #mainNav.active {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: #0a0a0a !important;
    z-index: 9998 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  #mainNav.active a {
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.3em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin: 18px 0 !important;
    transition: color 0.3s ease !important;
    font-weight: 300 !important;
    border: none !important;
    padding: 0 !important;
  }
  
  #mainNav.active a:hover {
    color: #c2a05c !important;
  }
  
  .menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 28px !important;
    height: 18px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 9999 !important;
    position: relative !important;
  }
  
  .menu-toggle span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #c2a05c !important;
    transition: all 0.3s ease !important;
    border-radius: 2px !important;
    margin: 0 !important;
  }
  
  .menu-toggle.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg) !important;
  }
  
  .menu-toggle.active span:nth-child(2) {
    transform: translateY(-8px) rotate(-45deg) !important;
  }
}
@media (max-width: 991px) {
  
  #mainNav.active a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin: 8px 0 !important;
    padding: 5px 0 !important;
    font-weight: 300 !important;
  }
  
  #mainNav.active a:hover {
    color: #c2a05c !important;
  }
  
  #mainNav.active ul {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  #mainNav.active li {
    display: block !important;
    margin: 5px 0 !important;
  }
}
/* =========================================
   MOBILE MENU - FINAL FIX (Button Always on Top)
   ========================================= */
@media (max-width: 991px) {
  
  /* ۱. دکمه همبرگری/ضربدر: همیشه ثابت و بالاتر از همه */
  .menu-toggle {
    position: fixed !important; /* تغییر از relative به fixed */
    top: 25px !important;       /* فاصله از بالای صفحه */
    right: 25px !important;     /* فاصله از راست صفحه */
    z-index: 100000 !important; /* بالاترین اولویت ممکن (بالاتر از منو) */
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 30px !important;
    height: 22px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
  }

  /* خطوط دکمه */
  .menu-toggle span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #c2a05c !important; /* رنگ طلایی */
    transition: all 0.3s ease !important;
    border-radius: 2px !important;
  }

  /* انیمیشن تبدیل به ضربدر (X) */
  .menu-toggle.active span:nth-child(1) {
    transform: translateY(10px) rotate(45deg) !important;
  }
  .menu-toggle.active span:nth-child(2) {
    transform: translateY(-10px) rotate(-45deg) !important;
  }

  /* ۲. پنل منوی سیاه */
  #mainNav {
    display: none !important;
  }

  #mainNav.active {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: #0a0a0a !important;
    z-index: 9999 !important; /* کمتر از دکمه (100000) */
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 80px !important; /* فاصله از بالا تا لینک‌ها زیر دکمه نیفتند */
  }

  /* ۳. لینک‌های داخل منو */
  #mainNav.active a {
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin: 15px 0 !important;
    transition: color 0.3s ease !important;
  }

  #mainNav.active a:hover {
    color: #c2a05c !important;
  }
}
/* =========================================
   CATEGORY / ARCHIVE PAGE
   ========================================= */
.archive-header {
  background: var(--ivory);
  padding: 160px 24px 80px;
  text-align: center;
}

.archive-header h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(36px, 5vw, 56px);
  color: var(--ink);
  font-weight: 500;
  margin: 18px auto 20px;
}

.archive-desc {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  color: #555;
  max-width: 600px;
  margin: 0 auto;
  font-weight: 300;
  line-height: 1.7;
}

.archive-pagination .nav-links {
  display: inline-flex;
  gap: 8px;
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.archive-pagination .nav-links a,
.archive-pagination .nav-links span {
  padding: 10px 16px;
  border: 1px solid rgba(10, 10, 10, 0.2);
  color: var(--ink);
  text-decoration: none;
  transition: all 0.3s ease;
}

.archive-pagination .nav-links a:hover,
.archive-pagination .nav-links .current {
  background: var(--ink);
  color: var(--gold);
  border-color: var(--ink);
}

/* =========================================
   STATIC PAGES (page.php)
   ========================================= */
.page-content-sec {
  background: var(--ivory);
  padding: 90px 24px;
}

.page-body {
  max-width: 760px;
  margin: 0 auto;
}

.page-body p {
  font-family: 'Jost', sans-serif;
  font-size: 17px;
  line-height: 1.9;
  color: #3a3a3a;
  margin-bottom: 24px;
  font-weight: 300;
}

.page-body h2,
.page-body h3 {
  font-family: 'Cormorant Garamond', serif;
  color: var(--ink);
  margin: 40px 0 16px;
}

.page-body img {
  width: 100%;
  height: auto;
  margin: 30px 0;
  border: 1px solid rgba(194, 160, 92, 0.3);
}

.page-body blockquote {
  border-left: 2px solid var(--gold);
  padding-left: 24px;
  margin: 40px 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  font-style: italic;
  color: var(--ink);
  line-height: 1.6;
}
/* =========================================
   CONTACT PAGE - CUSTOM TEMPLATE
   ========================================= */
.contact-info-sec {
  background: var(--ivory);
  padding: 90px 24px;
}

.info-card {
  background: #ffffff;
  padding: 40px 20px;
  border: 1px solid rgba(10, 10, 10, 0.08);
  transition: all 0.4s ease;
}

.info-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.info-card i {
  font-size: 38px;
  color: var(--gold);
  margin-bottom: 18px;
}

.info-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink);
  margin-bottom: 8px;
}

.info-card p {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  color: #666;
  margin: 0;
}

.export-capabilities {
  background: var(--ink);
  padding: 100px 24px;
  color: #ffffff;
}

.export-capabilities h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 4vw, 48px);
  color: #ffffff;
  margin: 14px 0 20px;
}

.export-capabilities h2 em {
  color: var(--gold);
  font-style: italic;
}

.export-capabilities .overline {
  color: var(--gold);
}

.export-capabilities .sec-sub {
  color: rgba(255, 255, 255, 0.7);
}

.export-list {
  list-style: none;
  padding: 0;
}

.export-list li {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 300;
}

.export-list li:last-child {
  border-bottom: none;
}

.export-list i {
  color: var(--gold);
  margin-right: 12px;
}

.inquiry-sec {
  background: var(--ivory);
  padding: 100px 24px;
}

.form-wrapper {
  background: #ffffff;
  padding: 60px 50px;
  border: 1px solid rgba(194, 160, 92, 0.3);
}

.lux-form .form-label {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
  font-weight: 400;
}

.lux-form .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(10, 10, 10, 0.2);
  border-radius: 0;
  padding: 10px 0;
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  color: var(--ink);
  outline: none;
  box-shadow: none;
  transition: border 0.3s;
}

.lux-form .form-control:focus {
  border-color: var(--gold);
  box-shadow: none;
}

.lux-form select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%23c2a05c' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.whatsapp-cta {
  background: #0f1a14;
  padding: 90px 24px;
  color: #ffffff;
}

.whatsapp-cta h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(30px, 4vw, 44px);
  color: #ffffff;
  margin: 14px 0 18px;
}

.whatsapp-cta h2 em {
  color: var(--gold);
  font-style: italic;
}

.whatsapp-cta .sec-text {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 30px;
}

.btn-solid {
  background: var(--gold);
  color: #0a0a0a;
  border: none;
  padding: 14px 34px;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-solid.btn-lg {
  padding: 18px 44px;
  font-size: 13px;
}

.btn-solid:hover {
  background: #d4b06a;
}
/* =========================================
   ABOUT PAGE - CUSTOM TEMPLATE
   ========================================= */

/* Intro section */
.about-intro {
  background: var(--ivory);
  padding: 90px 24px;
}

.intro-text {
  font-family: 'Jost', sans-serif;
  font-size: 17px;
  line-height: 1.9;
  color: #3a3a3a;
  font-weight: 300;
}

/* Values section */
.values-section {
  background: #fafaf7;
  padding: 90px 24px;
}

.value-card {
  background: #ffffff;
  padding: 40px 30px;
  border: 1px solid rgba(10, 10, 10, 0.08);
  text-align: center;
  transition: all 0.4s ease;
}

.value-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.value-card i {
  font-size: 38px;
  color: var(--gold);
  margin-bottom: 18px;
  display: block;
}

.value-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  color: var(--ink) !important;
  margin-bottom: 12px;
}

.value-card p {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  font-weight: 300;
  margin: 0;
}

/* Vision & Mission */
.vision-mission {
  background: var(--ivory);
  padding: 90px 24px;
}

.vision-mission h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  color: var(--ink) !important;
  margin: 14px 0 20px;
  line-height: 1.3;
}

.vision-mission p {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  font-weight: 300;
}

.mission-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.mission-list li {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  color: #555;
  padding: 12px 0;
  border-bottom: 1px solid rgba(10, 10, 10, 0.08);
  font-weight: 300;
  padding-left: 24px;
  position: relative;
}

.mission-list li::before {
  content: "◆";
  position: absolute;
  left: 0;
  color: var(--gold);
  font-size: 10px;
  top: 14px;
}

/* Timeline */
.timeline-section {
  background: var(--ink);
  padding: 90px 24px;
  color: #ffffff;
}

.timeline-section h2 {
  color: #ffffff !important;
}

.timeline-section h2 em {
  color: var(--gold);
  font-style: italic;
}

.timeline-section .overline {
  color: var(--gold);
}

.timeline {
  max-width: 760px;
  margin: 60px auto 0;
}

.t-item {
  padding: 30px 0;
}

.t-item:last-child {
  border-bottom: none;
}

.t-item b {
  font-family: 'Cormorant Garamond', serif;
  font-size: 38px;
  color: var(--gold);
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.t-item small {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  line-height: 1.7;
  display: block;
}

/* Mines section */
.mines-section {
  background: #fafaf7;
  padding: 90px 24px;
}

.mines-section h2 {
  color: var(--ink) !important;
}

.mines-section h2 em {
  color: var(--gold);
  font-style: italic;
}

/* Team section */
.team-section {
  background: var(--ivory);
  padding: 90px 24px;
}

.team-card {
  background: #ffffff;
  border: 1px solid rgba(10, 10, 10, 0.08);
  text-align: center;
  padding-bottom: 30px;
  transition: all 0.4s ease;
}

.team-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.team-photo img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.team-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--ink) !important;
  margin: 20px 0 4px;
}

.team-role {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
}

.team-card p {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  color: #666;
  line-height: 1.7;
  padding: 0 20px;
  margin: 0;
  font-weight: 300;
}

/* CTA Section */
.contact-cta {
  background: var(--ink);
  padding: 100px 24px;
  color: #ffffff;
}

.contact-cta h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 4vw, 48px);
  color: #ffffff !important;
  margin: 14px 0 20px;
}

.contact-cta h2 em {
  color: var(--gold);
  font-style: italic;
}

.contact-cta .overline {
  color: var(--gold);
}

.contact-cta .sec-text {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 30px;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
}

.cta-row {
  display: inline-flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Fix: متن‌های روشن روی پس‌زمینه روشن */
.values-section h2,
.vision-mission h2,
.mines-section h2,
.team-section h2 {
  color: var(--ink) !important;
}

.values-section h2 em,
.vision-mission h2 em,
.mines-section h2 em,
.team-section h2 em {
  color: var(--gold) !important;
}

.values-section .sec-sub,
.vision-mission .sec-sub,
.mines-section .sec-sub,
.team-section .sec-sub {
  color: #555 !important;
}
/* =========================================
   PROVENANCE PAGE - CUSTOM TEMPLATE
   ========================================= */

/* Intro */
.provenance-intro {
  background: var(--ivory);
  padding: 90px 24px;
}

.provenance-intro .intro-text {
  font-family: 'Jost', sans-serif;
  font-size: 17px;
  line-height: 1.9;
  color: #3a3a3a;
  font-weight: 300;
}

/* Certificate Section */
.cert-section {
  background: #fafaf7;
  padding: 90px 24px;
}

.cert-section h2 {
  color: var(--ink) !important;
}

.cert-section h2 em {
  color: var(--gold) !important;
}

.certificate {
  max-width: 720px;
  margin: 50px auto 0;
  background: #ffffff;
  border: 1px solid rgba(194, 160, 92, 0.4);
  padding: 60px 50px;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

.certificate::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 1px solid rgba(194, 160, 92, 0.2);
  pointer-events: none;
}

.cert-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(10, 10, 10, 0.12);
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.cert-brand {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  letter-spacing: 0.3em;
  color: var(--ink);
}

.cert-brand i {
  color: var(--gold);
  margin-right: 8px;
}

.cert-no {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
}

.cert-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  color: var(--ink);
  text-align: center;
  margin-bottom: 40px;
  font-weight: 500;
}

.cert-rows {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cert-rows li {
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid rgba(10, 10, 10, 0.08);
  font-family: 'Jost', sans-serif;
}

.cert-rows li:last-child {
  border-bottom: none;
}

.cert-rows span {
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 400;
}

.cert-rows b {
  font-size: 15px;
  color: var(--ink);
  font-weight: 400;
}

.cert-seal {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid rgba(194, 160, 92, 0.3);
  text-align: center;
}

.cert-seal i {
  font-size: 40px;
  color: var(--gold);
  display: block;
  margin-bottom: 12px;
}

.cert-seal span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: 0.2em;
  font-style: italic;
}

/* Why Provenance */
.why-provenance {
  background: var(--ivory);
  padding: 90px 24px;
}

.why-provenance h2 {
  color: var(--ink) !important;
}

.why-provenance h2 em {
  color: var(--gold) !important;
}

.reason-card {
  background: #ffffff;
  padding: 40px 30px;
  border: 1px solid rgba(10, 10, 10, 0.08);
  text-align: center;
  transition: all 0.4s ease;
  height: 100%;
}

.reason-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.reason-card i {
  font-size: 38px;
  color: var(--gold);
  margin-bottom: 18px;
  display: block;
}

.reason-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  color: var(--ink) !important;
  margin-bottom: 12px;
}

.reason-card p {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  font-weight: 300;
  margin: 0;
}

/* Process Section */
.process-section {
  background: var(--ink);
  padding: 100px 24px;
  color: #ffffff;
}

.process-section h2 {
  color: #ffffff !important;
}

.process-section h2 em {
  color: var(--gold);
  font-style: italic;
}

.process-section .overline {
  color: var(--gold);
}


/* Mobile fixes */
@media (max-width: 768px) {
  .certificate {
    padding: 40px 25px;
  }
  
  .cert-head {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  
  .cert-title {
    font-size: 22px;
  }
  
  .cert-rows li {
    flex-direction: column;
    gap: 6px;
  }
  
}
/* =========================================
   STORY PAGE - LIGHT TIMELINE FIX
   ========================================= */
.timeline-sec h2 {
  color: var(--ink) !important;
}

.timeline-sec h2 em {
  color: var(--gold) !important;
}

.timeline-sec .t-item {
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}

.timeline-sec .t-item small {
  color: #555 !important;
}
/* FIX: btn-line on dark CTA background */
.contact-cta .btn-line {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.contact-cta .btn-line:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #0a0a0a !important;
}
/* ==================== TIMELINE SECTION - دقیقاً مثل دیزاین اصلی ==================== */
.timeline-section {
    padding: 100px 0;
    background: #0a0a0a;
}

.timeline-section .text-center {
    margin-bottom: 60px;
}

.timeline-section .overline {
    color: #d4af37;
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
}

.timeline-section h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 48px;
    color: #fff;
    font-weight: 400;
    margin-top: 16px;
}

.timeline-section h2 em {
    color: #d4af37;
    font-style: italic;
}

/* خط افقی بلند بالای کل بخش */
.timeline {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px 0;
    border-top: 1px solid rgba(212, 175, 55, 0.3);
}

.t-item {
    flex: 1;
    position: relative;
    padding-top: 40px;
    padding-bottom: 60px;
}

/* خط عمودی کوتاه بالای هر آیتم */
.t-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 30px;
    background: #d4af37;
}

/* سال */
.t-item b {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    color: #d4af37;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* متن توضیحات */
.t-item small {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    line-height: 1.9;
    color: #999;
    font-weight: 300;
    margin-bottom: 0;
}

/* حذف خط افقی پایین */
.t-item::after {
    display: none;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .timeline {
        flex-direction: column;
        gap: 0;
        padding: 40px 20px 0;
    }
    
    .t-item {
        padding: 40px 0;
        border-top: 1px solid rgba(212, 175, 55, 0.3);
    }
    
    .t-item::before {
        display: none;
    }
    
    .t-item b {
        font-size: 32px;
    }
}

/* ==================== FIX: TEAM SECTION ==================== */
.team-section {
    padding: 80px 0;
    background: #f5f1e8;
}

.team-card {
    background: #fff;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: all 0.4s ease;
    height: 100%;
}

.team-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-color: #d4af37;
}

.team-photo {
    width: 160px;
    height: 160px;
    margin: 0 auto 24px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #d4af37;
    position: relative;
}

.team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.team-card h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0 0 8px;
}

.team-role {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #d4af37;
    margin-bottom: 20px;
}

.team-card p {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    margin: 0;
    font-weight: 300;
}

/* ==================== STONE GALLERY ==================== */
.stone-main-link {
  display: block;
  cursor: zoom-in;
}

.stone-thumbs {
  display: flex;
  gap: 12px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.stone-thumb {
  width: 84px;
  height: 84px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.65;
  transition: all 0.3s ease;
}

.stone-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.stone-thumb:hover {
  opacity: 1;
  border-color: rgba(212, 175, 55, 0.6);
  transform: translateY(-2px);
}

.stone-thumb.active {
  opacity: 1;
  border-color: #d4af37;
  box-shadow: 0 0 0 1px #d4af37;
}

@media (max-width: 576px) {
  .stone-thumb {
    width: 64px;
    height: 64px;
  }
}
/* ===== Stone Zoom Button ===== */
.stone-image-wrapper {
  position: relative;
}

.stone-zoom-btn {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 44px;
  height: 44px;
  background: rgba(26, 42, 74, 0.85);
  color: #d4af37;
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  z-index: 10;
  backdrop-filter: blur(6px);
}

.stone-zoom-btn:hover {
  background: #d4af37;
  color: #1a2a4a;
  transform: scale(1.1);
  border-color: #d4af37;
}

/* ===== ElevateZoom Lens Styling ===== */
.zoomContainer {
  z-index: 5;
}

.zoomLens {
  border: 3px solid #d4af37 !important;
  cursor: zoom-in;
}

/* Fix برای کلیک روی لینک اصلی */
.stone-main-link {
  pointer-events: none;
}

.stone-main-img {
  pointer-events: auto;
  cursor: zoom-in;
}

/* ===== Related Stones Section ===== */
.related-stones-sec {
  padding: 90px 0 110px;
  background: #0c0e11;
  border-top: 1px solid rgba(212, 175, 55, 0.12);
}

.related-head {
  text-align: center;
  margin-bottom: 55px;
}

.related-head .overline {
  color: #d4af37;
  font-size: 0.75rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  display: block;
  margin-bottom: 8px;
}

.related-head h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.4rem;
  color: #f5f2ea;
  margin: 14px 0 0;
  font-weight: 500;
}

.related-head h2 em {
  color: #d4af37;
  font-style: italic;
}

.related-stone-card {
  display: block;
  text-decoration: none;
  transition: transform 0.4s ease;
}

.related-stone-card:hover {
  transform: translateY(-6px);
}

.rsc-img {
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: 4 / 3;
  border: 1px solid rgba(212, 175, 55, 0.15);
  background: #14171b;
  position: relative;
}

.rsc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.9s cubic-bezier(0.2, 0.6, 0.2, 1);
}

.related-stone-card:hover .rsc-img img {
  transform: scale(1.06);
}

.rsc-info {
  padding: 20px 4px 0;
  text-align: center;
}

.rsc-cat {
  color: #d4af37;
  font-size: 0.7rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  display: inline-block;
}

.rsc-info h3 {
  color: #f5f2ea;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.45rem;
  font-weight: 500;
  margin: 8px 0 0;
  transition: color 0.3s ease;
}

.related-stone-card:hover .rsc-info h3 {
  color: #d4af37;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .related-stones-sec {
    padding: 60px 0 80px;
  }
  .related-head h2 {
    font-size: 1.8rem;
  }
  .related-head {
    margin-bottom: 40px;
  }
}
/* ===== فرم ELYSION — نسخه تمیز نهایی ===== */

/* لیبل‌ها */
.fluentform .ff-el-input--label label {
    font-size: 11px !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #6b6459 !important;
    font-weight: 400 !important;
}

/* input های متنی و textarea — خط باریک */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform textarea {
    border: none !important;
    border-bottom: 1px solid #cfc6b8 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 12px 2px !important;
    box-shadow: none !important;
    font-family: inherit !important;
}

/* select — خط باریک + فلش، بدون جعبه */
.fluentform select {
    border: none !important;
    border-bottom: 1px solid #cfc6b8 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding: 12px 30px 12px 2px !important;
    font-family: inherit !important;
    color: #2b2b2b !important;
    width: 100% !important;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3e%3cpath fill='%236b6459' d='M5 6L0 0h10z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    cursor: pointer;
    box-shadow: none !important;
}

/* گزینه‌های select */
.fluentform select option {
    background: #fff !important;
    color: #2b2b2b !important;
}

/* فوکوس و placeholder */
.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus {
    border-bottom-color: #b3874a !important;
    outline: none !important;
    box-shadow: none !important;
}
.fluentform input::placeholder,
.fluentform textarea::placeholder {
    color: #b5ada0 !important;
    font-style: italic !important;
}

/* دکمه طلایی */
.fluentform button[type="submit"] {
    background: #b3874a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 56px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: background .3s;
}
.fluentform button[type="submit"]:hover {
    background: #96703c !important;
}
/* حذف بردر جعبه سلکت‌ها — بدون دستکاری بک‌گراند */
.fluentform .ff-el-dropdown .ff-el-input--content,
.fluentform .ff-el-dropdown .ff-el-input--content *,
.fluentform .ff-el-group:has(select) .ff-el-input--content,
.fluentform .ff-el-group:has(select) .ff-el-input--content * {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* خط باریک زیر سلکت، مثل بقیه فیلدها */
.fluentform .ff-el-dropdown .ff-el-input--content,
.fluentform .ff-el-group:has(select) .ff-el-input--content {
    border-bottom: 1px solid #cfc6b8 !important;
}
/* ===== بخش خواص سنگ ===== */
.stone-properties-sec {
    padding: 100px 0;
    background: #f8f5f0;
}

.stone-properties-sec .props-head h2 {
    font-size: clamp(28px, 4vw, 44px);
    margin-bottom: 32px;
    font-weight: 300;
}

.stone-properties-sec .props-head h2 em {
    color: #b3874a;
    font-style: italic;
    font-family: 'Cormorant Garamond', serif;
}

.stone-properties-sec .props-content {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
}

.stone-properties-sec .props-content p {
    margin-bottom: 16px;
}

/* بولت‌های استایل لوکس */
.stone-properties-sec .props-content ul {
    list-style: none;
    padding: 0;
    margin: 24px 0 0 0;
}

.stone-properties-sec .props-content ul li {
    padding: 14px 0 14px 36px;
    position: relative;
    border-bottom: 1px solid rgba(179, 135, 74, 0.15);
}

.stone-properties-sec .props-content ul li::before {
    content: '◆';
    position: absolute;
    left: 0;
    top: 14px;
    color: #b3874a;
    font-size: 10px;
}

.stone-properties-sec .props-content ul li:last-child {
    border-bottom: none;
}
/* ===== بخش خواص سنگ — اصلاح‌شده ===== */
.stone-properties-sec {
    padding: 100px 0;
    background: #f8f5f0;
}

/* تیتر: مشکی + قسمت ایتالیک طلایی */
.stone-properties-sec .props-head h2 {
    color: #141414 !important;
    font-size: clamp(28px, 4vw, 44px);
    margin-bottom: 32px;
    font-weight: 300;
}
.stone-properties-sec .props-head h2 em {
    color: #b3874a !important;
    font-style: italic;
}

/* متن خواص: justify و مرتب */
.stone-properties-sec .props-content {
    text-align: justify !important;
    font-size: 15px;
    line-height: 2;
    color: #4a4a4a;
}
.stone-properties-sec .props-content p {
    margin-bottom: 14px;
    padding-left: 26px;
    position: relative;
}
/* لوزی طلایی کنار هر مورد */
.stone-properties-sec .props-content p::before {
    content: '◆';
    position: absolute;
    left: 0;
    top: 4px;
    color: #b3874a;
    font-size: 10px;
}
.main-nav.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;  /* ← این خط کلیک رو آزاد می‌کنه */
}
/* دکمه بستن منو */
.menu-close{display:none}

@media (max-width: 991px){
  .menu-close{
    display:block;
    position:absolute;
    top:20px;right:20px;
    width:46px;height:46px;
    background:transparent;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    color:var(--ivory);
    font-size:24px;line-height:1;
    cursor:pointer;
    transition:.3s;
    z-index:5;
  }
  .menu-close:hover{
    border-color:var(--gold);
    color:var(--gold);
  }
  
  /* فاصله‌های کمتر موبایل */
  .main-nav{
    gap: 20px;
  }
  .main-nav a{
    font-size: 13px;
    letter-spacing: .32em;
  }
}