/* ===== REVORDI — Shared Stylesheet ===== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Libre+Baskerville:ital@0;1&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{
  --c-chestnut:#2C1810;
  --c-navy:#1A1F2E;
  --c-ivory:#F5F0E8;
  --c-gold:#C8A96E;
  --c-cognac:#8B4513;
  --c-ink:#1A1A1A;
  --c-border:#DDD8CE;
  --c-surface:#EDE8DF;
  --c-site-bg:#F5F0E8;
  --c-content-bg:#FAF8F4;
  --c-white:#FFFFFF;

  --f-display:'Cormorant Garamond', serif;
  --f-body:'IBM Plex Sans Arabic', 'Libre Baskerville', serif;

  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2rem; --sp-5:3rem; --sp-6:4.5rem; --sp-7:6rem;

  --radius-sm:4px; --radius-md:8px; --radius-lg:16px;
  --shadow-sm:0 2px 8px rgba(44,24,16,.08);
  --shadow-md:0 8px 24px rgba(44,24,16,.12);
  --dur-fast:.2s; --dur-med:.4s;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--f-body);
  background:var(--c-site-bg);
  color:var(--c-ink);
  line-height:1.75;
  direction:rtl;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
.container{max-width:1180px; margin:0 auto; padding:0 var(--sp-3);}

h1,h2,h3,h4{font-family:var(--f-display); color:var(--c-chestnut); font-weight:700; line-height:1.25;}
h1{font-size:clamp(2.2rem,4vw,3.4rem);}
h2{font-size:clamp(1.7rem,3vw,2.4rem);}
h3{font-size:1.35rem;}
p{color:#4a3f38;}

.eyebrow{
  display:inline-block; font-family:var(--f-display); letter-spacing:.08em;
  color:var(--c-cognac); font-size:.95rem; font-weight:600; margin-bottom:var(--sp-2);
}

.btn{
  display:inline-block; padding:.95rem 2.2rem; border-radius:var(--radius-sm);
  font-family:var(--f-body); font-weight:600; font-size:1rem;
  transition:all var(--dur-fast) ease; border:1.5px solid transparent; cursor:pointer;
}
.btn-primary{background:var(--c-chestnut); color:var(--c-ivory);}
.btn-primary:hover{background:var(--c-cognac); transform:translateY(-2px); box-shadow:var(--shadow-md);}
.btn-outline{background:transparent; border-color:var(--c-gold); color:var(--c-chestnut);}
.btn-outline:hover{background:var(--c-gold); color:var(--c-chestnut);}

/* ===== HEADER ===== */
.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(245,240,232,.92); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--c-border);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:var(--sp-2) var(--sp-3); max-width:1180px; margin:0 auto;
}
.logo{
  font-family:var(--f-display); font-size:1.7rem; font-weight:700; color:var(--c-chestnut);
  letter-spacing:.03em;
}
.logo span{color:var(--c-gold);}
.nav-list{display:flex; gap:var(--sp-5); align-items:center;}
.nav-list a{
  font-weight:500; font-size:1rem; color:var(--c-chestnut); position:relative; padding:.3rem 0;
}
.nav-list a::after{
  content:''; position:absolute; right:0; bottom:-2px; width:0; height:2px;
  background:var(--c-gold); transition:width var(--dur-fast);
}
.nav-list a:hover::after, .nav-list a.active::after{width:100%;}
.nav-list a.active{color:var(--c-cognac);}
.nav-cta{margin-right:var(--sp-2);}
.nav-cta .btn{padding:.65rem 1.4rem; font-size:.92rem;}

.nav-toggle{
  display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;
}
.nav-toggle span{width:26px; height:2px; background:var(--c-chestnut); display:block;}

/* ===== FOOTER ===== */
.site-footer{
  background:var(--c-chestnut); color:var(--c-ivory); margin-top:var(--sp-7);
}
.footer-inner{
  max-width:1180px; margin:0 auto; padding:var(--sp-6) var(--sp-3) var(--sp-4);
  display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:var(--sp-5);
}
.footer-brand .logo{color:var(--c-ivory);}
.footer-brand p{color:#cdbfae; margin-top:var(--sp-2); max-width:320px; font-size:.95rem;}
.footer-col h4{color:var(--c-gold); font-size:1.1rem; margin-bottom:var(--sp-2);}
.footer-col a, .footer-col li{color:#d9cdbc; font-size:.95rem; margin-bottom:.6rem; display:block;}
.footer-col a:hover{color:var(--c-gold);}
.footer-bottom{
  border-top:1px solid rgba(245,240,232,.15); text-align:center; padding:var(--sp-3);
  font-size:.85rem; color:#a99a86;
}

/* ===== HOME PAGE ===== */
.hero{
  background:linear-gradient(135deg, var(--c-surface) 0%, var(--c-ivory) 60%);
  padding:var(--sp-7) 0;
}
.hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:var(--sp-6); align-items:center;}
.hero-text p{font-size:1.1rem; margin:var(--sp-3) 0 var(--sp-4); max-width:480px;}
.hero-actions{display:flex; gap:var(--sp-2); flex-wrap:wrap;}
.hero-image{
  background:var(--c-cognac); border-radius:var(--radius-lg); aspect-ratio:4/3;
  display:flex; align-items:center; justify-content:center; color:var(--c-ivory);
  font-family:var(--f-display); font-size:1.3rem; box-shadow:var(--shadow-md);
  background:linear-gradient(160deg,#8B4513,#2C1810);
}

.section{padding:var(--sp-7) 0;}
.section-alt{background:var(--c-content-bg);}
.section-head{text-align:center; max-width:640px; margin:0 auto var(--sp-5);}
.section-head p{margin-top:var(--sp-2);}

.features-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-4);}
.feature-card{
  background:var(--c-content-bg); border:1px solid var(--c-border); border-radius:var(--radius-md);
  padding:var(--sp-4); transition:transform var(--dur-fast), box-shadow var(--dur-fast);
}
.feature-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md);}
.feature-icon{
  width:52px; height:52px; border-radius:50%; background:var(--c-gold); color:var(--c-chestnut);
  display:flex; align-items:center; justify-content:center; font-size:1.4rem; margin-bottom:var(--sp-2);
}
.feature-card h3{margin-bottom:.5rem;}
.feature-card p{font-size:.95rem;}

.why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-3);}
.why-card{
  text-align:center; padding:var(--sp-4) var(--sp-2); background:var(--c-ivory);
  border-radius:var(--radius-md); border:1px solid var(--c-border);
}
.why-card .num{
  font-family:var(--f-display); font-size:2.2rem; color:var(--c-gold); font-weight:700; display:block; margin-bottom:.4rem;
}
.why-card h3{font-size:1.1rem; margin-bottom:.4rem;}
.why-card p{font-size:.9rem;}

.contact-wrap{
  background:var(--c-chestnut); color:var(--c-ivory); border-radius:var(--radius-lg);
  padding:var(--sp-6); display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-5); align-items:center;
}
.contact-wrap h2{color:var(--c-ivory);}
.contact-wrap p{color:#d9cdbc;}
.contact-phone{
  display:flex; align-items:center; gap:var(--sp-3); background:rgba(245,240,232,.08);
  border:1px solid rgba(200,169,110,.4); border-radius:var(--radius-md); padding:var(--sp-3) var(--sp-4);
}
.contact-phone .ph-icon{
  width:48px; height:48px; border-radius:50%; background:var(--c-gold); color:var(--c-chestnut);
  display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0;
}
.contact-phone .ph-num{font-family:var(--f-display); font-size:1.6rem; font-weight:700; color:var(--c-gold); direction:ltr; display:block;}
.contact-list{display:flex; flex-direction:column; gap:var(--sp-3);}

/* ===== INNER PAGE HEADER BANNER ===== */
.page-banner{
  background:linear-gradient(135deg, var(--c-surface), var(--c-ivory));
  padding:var(--sp-6) 0 var(--sp-5); text-align:center; border-bottom:1px solid var(--c-border);
}
.page-banner p{max-width:600px; margin:var(--sp-2) auto 0;}

/* ===== RETURN POLICY PAGE ===== */
.policy-highlight{
  display:flex; align-items:center; gap:var(--sp-3); background:var(--c-content-bg);
  border:1px solid var(--c-gold); border-radius:var(--radius-md); padding:var(--sp-4); margin-bottom:var(--sp-5);
}
.policy-highlight .badge{
  font-family:var(--f-display); font-size:2.4rem; font-weight:700; color:var(--c-chestnut);
  background:var(--c-gold); border-radius:50%; width:90px; height:90px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; line-height:1.1; text-align:center;
}
.policy-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-4); margin:var(--sp-5) 0;}
.policy-step{background:var(--c-content-bg); border:1px solid var(--c-border); border-radius:var(--radius-md); padding:var(--sp-4);}
.policy-step .step-num{
  display:inline-flex; width:36px; height:36px; border-radius:50%; background:var(--c-chestnut); color:var(--c-ivory);
  align-items:center; justify-content:center; font-weight:700; margin-bottom:var(--sp-2);
}
.policy-block{margin-bottom:var(--sp-4);}
.policy-block h3{margin-bottom:.6rem; border-right:3px solid var(--c-gold); padding-right:.7rem;}
.policy-block ul{padding-right:1.2rem;}
.policy-block ul li{position:relative; padding-right:1.3rem; margin-bottom:.5rem; color:#4a3f38;}
.policy-block ul li::before{
  content:'✓'; position:absolute; right:0; color:var(--c-cognac); font-weight:700;
}
.note-box{
  background:var(--c-surface); border-right:4px solid var(--c-cognac); border-radius:var(--radius-sm);
  padding:var(--sp-3) var(--sp-4); margin:var(--sp-4) 0; font-size:.95rem;
}

/* ===== ABOUT PAGE ===== */
.about-hero{display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-6); align-items:center; padding:var(--sp-6) 0;}
.values-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-3); margin-top:var(--sp-4);}
.value-card{background:var(--c-content-bg); border:1px solid var(--c-border); border-radius:var(--radius-md); padding:var(--sp-4); text-align:center;}
.value-card h3{font-size:1.05rem; margin-bottom:.4rem;}
.value-card p{font-size:.88rem;}
.timeline{border-right:2px solid var(--c-gold); padding-right:var(--sp-4); margin-top:var(--sp-3);}
.timeline-item{position:relative; margin-bottom:var(--sp-4); padding-right:var(--sp-3);}
.timeline-item::before{
  content:''; position:absolute; right:-1.5rem; top:.3rem; width:14px; height:14px; border-radius:50%;
  background:var(--c-chestnut); border:3px solid var(--c-gold);
}
.timeline-item h4{margin-bottom:.3rem;}

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .hero-grid, .about-hero{grid-template-columns:1fr;}
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .values-grid{grid-template-columns:repeat(2,1fr);}
  .policy-steps{grid-template-columns:1fr;}
  .contact-wrap{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .nav-list{
    position:absolute; top:100%; right:0; left:0; background:var(--c-ivory);
    flex-direction:column; align-items:flex-start; gap:0; padding:var(--sp-2) var(--sp-3);
    border-bottom:1px solid var(--c-border); display:none;
  }
  .nav-list.open{display:flex;}
  .nav-list li{width:100%; padding:.7rem 0; border-bottom:1px solid var(--c-border);}
  .nav-toggle{display:flex;}
  .nav-cta{display:none;}
  .features-grid, .why-grid, .values-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr; text-align:center;}
  .policy-highlight{flex-direction:column; text-align:center;}
}