/* ============================================================
   ALKHAIT ALDHAHABI CARPETS TRADING L.L.C — site styles
   Brand: gold carpet medallion · navy + gold · ivory
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@300;400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500&display=swap');

:root{
  --ivory:#faf8f3; --paper:#fffdf9; --ink:#22201b; --muted:#6b6459;
  --navy:#1f2c47; --navy2:#172238; --gold:#9c7c34; --gold2:#c2a35a; --gold-soft:#f3ead4;
  --line:#e7e0d0; --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.serif{font-family:'Cormorant Garamond',serif;}

/* headings */
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.12;color:var(--ink);letter-spacing:.01em;}
h2.section-title{font-size:2.5rem;text-align:center;}
.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;font-family:'Inter',sans-serif;}
.lead{color:var(--muted);font-size:1.06rem;}

/* gold divider */
.divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;width:140px;}
.divider .l{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold));}
.divider .l.r{background:linear-gradient(90deg,var(--gold),transparent);}
.divider .d{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);}

/* buttons */
.btn{display:inline-block;font-family:'Inter',sans-serif;font-weight:600;font-size:.86rem;letter-spacing:.04em;padding:13px 30px;border-radius:2px;transition:.25s;cursor:pointer;border:1px solid transparent;}
.btn-gold{background:var(--gold);color:#fff;}
.btn-gold:hover{background:var(--navy);}
.btn-outline{border-color:var(--gold);color:var(--gold);background:transparent;}
.btn-outline:hover{background:var(--gold);color:#fff;}
.btn-ghost{border-color:rgba(255,255,255,.6);color:#fff;}
.btn-ghost:hover{background:#fff;color:var(--navy);}

/* ============ NAV ============ */
header.nav{position:sticky;top:0;z-index:50;background:rgba(250,248,243,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{width:46px;height:46px;object-fit:contain;}
.brand .bt{line-height:1.05;}
.brand .bt .en{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.18rem;color:var(--ink);letter-spacing:.02em;}
.brand .bt .en .g{color:var(--gold);}
.brand .bt .sub{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
nav.links{display:flex;align-items:center;gap:30px;}
nav.links a{font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--ink);position:relative;padding:4px 0;}
nav.links a:after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--gold);transition:.25s;}
nav.links a:hover:after,nav.links a.active:after{width:100%;}
nav.links a.active{color:var(--gold);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px;}
.nav-toggle span{width:24px;height:2px;background:var(--ink);transition:.25s;}

/* ============ HERO ============ */
.hero{position:relative;min-height:84vh;display:flex;align-items:center;color:#fff;overflow:hidden;}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.hero .bg:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,22,38,.86) 0%,rgba(20,28,46,.62) 45%,rgba(20,28,46,.30) 100%);}
.hero .wrap{position:relative;z-index:2;}
.hero .eyebrow{color:var(--gold2);}
.hero h1{font-size:4rem;color:#fff;margin:14px 0 8px;max-width:14ch;}
.hero h1 .g{color:var(--gold2);font-style:italic;}
.hero .ar{font-family:'Noto Naskh Arabic',serif;font-size:1.3rem;color:rgba(255,255,255,.78);direction:rtl;margin-bottom:14px;}
.hero p.lead{color:rgba(255,255,255,.85);max-width:52ch;font-size:1.1rem;}
.hero .cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}

/* ============ SECTION base ============ */
section.block{padding:88px 0;}
section.block.alt{background:var(--paper);}
.center{text-align:center;}
.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center;}
.intro-grid .imgwrap{position:relative;}
.intro-grid img{border-radius:3px;box-shadow:0 20px 50px rgba(31,44,71,.18);}
.intro-grid .imgwrap:before{content:'';position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--gold);border-radius:3px;z-index:-1;}
.intro-grid p{margin-top:18px;color:var(--muted);}
.intro-grid .eyebrow{display:block;margin-bottom:8px;}

/* stats */
.stats{display:flex;gap:40px;margin-top:30px;flex-wrap:wrap;}
.stats .s .n{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;}
.stats .s .t{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:4px;}

/* ============ CATEGORY CARDS ============ */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px;}
.card{background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:.3s;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(31,44,71,.14);border-color:var(--gold2);}
.card .ph{aspect-ratio:3/2;overflow:hidden;}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.card:hover .ph img{transform:scale(1.06);}
.card .cb{padding:22px 22px 26px;flex:1;display:flex;flex-direction:column;}
.card h3{font-size:1.4rem;}
.card .num{font-size:.7rem;letter-spacing:.2em;color:var(--gold);font-weight:600;font-family:'Inter',sans-serif;margin-bottom:6px;}
.card p{color:var(--muted);font-size:.92rem;margin-top:8px;flex:1;}
.card .more{margin-top:16px;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--gold);text-transform:uppercase;}

/* ============ FEATURE STRIP ============ */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:48px;}
.feat .f{text-align:center;}
.feat .f .ic{width:54px;height:54px;margin:0 auto 14px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);}
.feat .f .ic svg{width:26px;height:26px;}
.feat .f h3{font-size:1.18rem;}
.feat .f p{color:var(--muted);font-size:.88rem;margin-top:6px;}

/* ============ CTA BAND ============ */
.ctaband{background:var(--navy);color:#fff;text-align:center;padding:74px 0;position:relative;overflow:hidden;}
.ctaband:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 12% 20%,rgba(194,163,90,.10),transparent 40%),radial-gradient(circle at 88% 80%,rgba(194,163,90,.10),transparent 40%);}
.ctaband .wrap{position:relative;}
.ctaband h2{color:#fff;font-size:2.6rem;}
.ctaband p{color:rgba(255,255,255,.8);max-width:54ch;margin:14px auto 0;}
.ctaband .btn{margin-top:28px;}

/* ============ PAGE HEADER (inner pages) ============ */
.pagehead{background:var(--navy);color:#fff;text-align:center;padding:84px 0 64px;position:relative;overflow:hidden;}
.pagehead:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 50% 0%,rgba(194,163,90,.14),transparent 55%);}
.pagehead .wrap{position:relative;}
.pagehead h1{color:#fff;font-size:3rem;}
.pagehead .crumb{font-size:.78rem;color:rgba(255,255,255,.65);letter-spacing:.06em;margin-top:10px;}
.pagehead .crumb a:hover{color:var(--gold2);}

/* ============ PRODUCT DETAIL ROWS ============ */
.prow{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:64px;}
.prow:nth-child(even) .ptext{order:2;}
.prow img{border-radius:3px;box-shadow:0 16px 40px rgba(31,44,71,.16);}
.prow h3{font-size:1.9rem;}
.prow .eyebrow{display:block;margin-bottom:8px;}
.prow ul{margin-top:16px;list-style:none;}
.prow li{position:relative;padding-left:22px;margin:8px 0;color:var(--muted);font-size:.95rem;}
.prow li:before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);}

/* ============ ABOUT / VALUES ============ */
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px;}
.val{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:30px 26px;border-top:3px solid var(--gold);}
.val h3{font-size:1.3rem;}
.val p{color:var(--muted);font-size:.92rem;margin-top:8px;}
.licbox{background:var(--gold-soft);border:1px solid var(--gold2);border-radius:4px;padding:28px 30px;margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.licbox .li .k{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.licbox .li .v{font-weight:600;color:var(--ink);margin-top:3px;}

/* ============ CONTACT ============ */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;}
.cinfo .ci{display:flex;gap:16px;margin-bottom:26px;align-items:flex-start;}
.cinfo .ci .ic{width:44px;height:44px;flex-shrink:0;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);}
.cinfo .ci .ic svg{width:20px;height:20px;}
.cinfo .ci .k{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.cinfo .ci .v{font-size:1rem;color:var(--ink);margin-top:2px;}
.mapwrap{border-radius:4px;overflow:hidden;border:1px solid var(--line);min-height:340px;}
.mapwrap iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}
form.cform{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:30px;}
form.cform label{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;display:block;margin-bottom:6px;}
form.cform input,form.cform textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:3px;font-family:inherit;font-size:.95rem;margin-bottom:16px;background:#fff;}
form.cform input:focus,form.cform textarea:focus{outline:none;border-color:var(--gold);}

/* ============ FOOTER ============ */
footer.site{background:var(--navy2);color:rgba(255,255,255,.72);padding:64px 0 26px;font-size:.9rem;}
footer.site .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1.3fr;gap:44px;}
footer.site .fb .en{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:#fff;font-weight:700;}
footer.site .fb .en .g{color:var(--gold2);}
footer.site .fb .ar{font-family:'Noto Naskh Arabic',serif;color:rgba(255,255,255,.6);direction:rtl;margin-top:4px;}
footer.site p{margin-top:14px;color:rgba(255,255,255,.6);line-height:1.7;}
footer.site h4{color:#fff;font-family:'Inter',sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-weight:600;}
footer.site ul{list-style:none;}
footer.site ul li{margin:9px 0;}
footer.site ul a:hover{color:var(--gold2);}
footer.site .fcontact div{margin:9px 0;color:rgba(255,255,255,.72);}
footer.site .fcontact .k{color:var(--gold2);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;}
footer.site .copy{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;color:rgba(255,255,255,.5);}

/* ============ RESPONSIVE ============ */
@media(max-width:920px){
  .nav-toggle{display:flex;}
  nav.links{position:fixed;top:78px;right:0;left:0;background:var(--ivory);flex-direction:column;gap:0;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:.3s;align-items:stretch;}
  nav.links.open{max-height:420px;}
  nav.links a{padding:15px 24px;border-bottom:1px solid var(--line);}
  .intro-grid,.prow,.contact-grid{grid-template-columns:1fr;gap:30px;}
  .prow:nth-child(even) .ptext{order:0;}
  .cards,.feat,.vals{grid-template-columns:1fr 1fr;}
  .licbox{grid-template-columns:1fr 1fr;}
  footer.site .fgrid{grid-template-columns:1fr;gap:30px;}
  .hero h1{font-size:2.8rem;}
  h2.section-title{font-size:2rem;}
}
@media(max-width:560px){
  .cards,.feat,.vals,.licbox{grid-template-columns:1fr;}
  .hero h1{font-size:2.3rem;}
  .stats{gap:24px;}
  section.block{padding:60px 0;}
  .brand .bt .en{font-size:1rem;}
}