@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--navy:#07132f;--navy2:#0d1f45;--ivory:#f7f1e5;--cream:#eee2cb;--gold:#caa34a;--brown:#4a2f20;--brown2:#704b34;--charcoal:#111318;--muted:#b8b3aa;--line:rgba(202,163,74,.28);--white:#fff;--shadow:0 24px 70px rgba(0,0,0,.28);--radius:24px;--max:1240px;--font-heading:'Playfair Display',Georgia,serif;--font-body:'Manrope',Arial,sans-serif;--container-width:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:var(--font-body);line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--gold)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.08;margin:0 0 16px}h1{font-size:clamp(3rem,6vw,6.8rem)}h2{font-size:clamp(2.1rem,4vw,4rem)}h3{font-size:clamp(1.4rem,2.3vw,2rem)}p{margin:0 0 18px;color:#5a564f}.btns{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:1px solid var(--gold);font-weight:700;letter-spacing:.02em;transition:.25s ease;border-radius:999px}.btn-primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn-ghost{background:transparent;color:var(--ivory)}.btn-dark{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.site-header{position:fixed;inset:0 0 auto;z-index:30;background:rgba(7,19,47,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ivory)}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:var(--font-heading);font-size:18px;color:var(--gold)}.brand-text strong{display:block;font-family:var(--font-heading);font-size:1.05rem;letter-spacing:.08em}.brand-text span{display:block;font-size:.58rem;letter-spacing:.16em;opacity:.72}.nav-links{display:flex;gap:24px;color:#eee9df;font-size:.82rem;font-weight:600}.nav-links a{opacity:.86}.nav-links a:hover,.nav-links a.active{color:var(--gold);opacity:1}.nav-cta{display:flex;gap:10px}.nav-cta .btn{padding:10px 16px;font-size:.78rem}.menu-btn{display:none;background:none;border:0;color:var(--ivory);font-size:25px}
.hero{min-height:92vh;background:linear-gradient(135deg,rgba(7,19,47,.95),rgba(7,19,47,.78)),url('../images/sofas/al-noor-sofa-04.webp') center/cover;display:flex;align-items:center;padding:140px 0 90px;color:var(--ivory)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.hero-copy{max-width:820px}.hero-copy h1{max-width:900px}.hero-copy .subtitle{font-size:clamp(1rem,2vw,1.35rem);color:#ece6dc;max-width:720px}.hero-line{margin:30px 0;border-left:2px solid var(--gold);padding-left:18px;color:#d8d1c5;font-size:.92rem;letter-spacing:.12em}.hero-card{background:rgba(13,31,69,.66);border:1px solid var(--line);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card h3{color:var(--cream)}.hero-card p{color:#c9c4bb}.scroll-cue{margin-top:44px;display:inline-flex;align-items:center;gap:10px;color:#d8d2c8;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.section{padding:110px 0}.section-dark{background:var(--navy);color:var(--ivory)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:44px}.section-head p{max-width:560px}.section-dark p{color:#c7c0b6}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid rgba(17,19,24,.08);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 34px rgba(26,20,14,.06)}.card-media{aspect-ratio:4/5;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover .card-media img{transform:scale(1.035)}.card-body{padding:22px}.card-body p{font-size:.9rem}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#f2e7d2;color:#7a6030;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.luxury-panel{background:linear-gradient(135deg,var(--brown),#2a1a14);border-radius:var(--radius);padding:42px;color:var(--ivory);position:relative;overflow:hidden}.luxury-panel:after{content:'';position:absolute;width:260px;height:260px;border:1px solid rgba(202,163,74,.3);border-radius:50%;right:-80px;top:-90px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stat{border-top:1px solid var(--line);padding-top:16px}.stat strong{display:block;font-family:var(--font-heading);font-size:1.55rem;color:var(--cream)}.stat span{font-size:.76rem;color:#c8c0b4}
.image-frame{background:linear-gradient(145deg,#172c58,#3b2419);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.image-frame .placeholder,.gallery-item{position:relative;overflow:hidden;border-radius:18px}.placeholder{min-height:420px;display:grid;place-items:center;background:linear-gradient(145deg,#0d1f45,#20140f 60%,#7b5a34);color:rgba(255,255,255,.58);text-align:center;padding:30px}.placeholder span{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:540px}.feature .visual{min-height:540px}.feature .content{padding:52px;background:var(--navy);color:var(--ivory)}.feature .content p{color:#c9c2b7}.feature .content .btns{margin-top:26px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:22px;border:1px solid var(--line);border-radius:18px}.step-number{font-family:var(--font-heading);font-size:2.1rem;color:var(--gold)}.step p{color:#bfb7ab;font-size:.86rem}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:90px;gap:14px}.gallery-item{background:linear-gradient(145deg,#152a55,#4b3021);border:1px solid rgba(202,163,74,.23)}.gallery-item:nth-child(1){grid-column:span 5;grid-row:span 4}.gallery-item:nth-child(2){grid-column:span 4;grid-row:span 3}.gallery-item:nth-child(3){grid-column:span 3;grid-row:span 4}.gallery-item:nth-child(4){grid-column:span 4;grid-row:span 3}.gallery-item:nth-child(5){grid-column:span 5;grid-row:span 3}.gallery-item:nth-child(6){grid-column:span 3;grid-row:span 3}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-label{position:absolute;left:14px;bottom:12px;background:rgba(7,19,47,.84);color:var(--ivory);padding:7px 10px;border-radius:999px;font-size:.72rem;border:1px solid rgba(202,163,74,.35)}
.quote{background:var(--navy);padding:78px 0;color:var(--ivory)}.quote-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.quote p{color:#c9c1b6;max-width:680px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-card{padding:32px;border-radius:var(--radius);border:1px solid rgba(17,19,24,.08);background:#fff}.contact-list{display:grid;gap:16px;margin-top:25px}.contact-item{display:flex;gap:13px}.contact-item strong{display:block}.contact-item span{display:block;color:#6c675f;font-size:.88rem}form{display:grid;gap:14px}input,textarea,select{width:100%;padding:15px 16px;border:1px solid #d8d1c7;background:#fcfaf6;border-radius:14px;font:inherit;color:var(--charcoal)}textarea{min-height:150px;resize:vertical}.form-note{font-size:.75rem;color:#776f64}
.site-footer{background:#040b1e;color:#bdb5aa;padding:56px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:28px}.footer-grid h4{color:var(--ivory);font-size:1.2rem}.footer-grid a{display:block;margin:8px 0;font-size:.88rem;color:#beb7ad}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:15px;font-size:.75rem}
.page-hero{padding:150px 0 82px;background:var(--navy);color:var(--ivory)}.page-hero p{color:#cfc7bc;max-width:760px;font-size:1.04rem}.breadcrumbs{font-size:.74rem;color:#aaa194;margin-bottom:20px}.breadcrumbs a{color:#c9a862}
.whatsapp{position:fixed;right:18px;bottom:18px;z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#178d47;color:#fff;font-size:26px;box-shadow:0 18px 35px rgba(0,0,0,.24)}
@media(max-width:980px){.nav-links{display:none}.nav-cta{display:none}.menu-btn{display:block}.hero-grid,.two-col,.contact-grid,.feature{grid-template-columns:1fr}.hero-card{max-width:560px}.grid-4{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.gallery{grid-auto-rows:70px}.gallery-item:nth-child(1),.gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5),.gallery-item:nth-child(6){grid-column:span 6;grid-row:span 4}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:82px 0}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 26px))}.nav{height:72px}.brand-text span{display:none}.hero{padding-top:120px}.grid-3,.grid-4,.process,.stat-row{grid-template-columns:1fr}.section-head,.quote-inner,.footer-bottom{display:block}.section-head .btns{margin-top:20px}.gallery{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-item:nth-child(n){grid-column:span 1;grid-row:span 1}.feature .visual{min-height:330px}.feature .content{padding:34px 24px}.footer-grid{grid-template-columns:1fr}.footer-bottom div+div{margin-top:8px}}

/* V4 image and interaction polish — retains the V1 design tokens above. */
.card-media img,.feature .visual img,.gallery-item img{width:100%;height:100%;object-fit:cover}
.card-media{background:linear-gradient(145deg,#0d1f45,#2a1a14)}
.feature .visual{padding:0 !important;overflow:hidden}
.feature .visual img{min-height:100%;object-fit:cover}
.hero-media{position:absolute;inset:0;background:center/cover no-repeat url('../images/bedrooms/turkish-bedroom-preview.webp')}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,47,.96),rgba(7,19,47,.72) 48%,rgba(7,19,47,.20) 100%)}
.hero{position:relative}
@media(max-width:620px){.card-media{aspect-ratio:4/5}.hero{min-height:86vh}.hero-media::after{background:linear-gradient(180deg,rgba(7,19,47,.88),rgba(7,19,47,.64) 55%,rgba(7,19,47,.94))}}

.mobile-nav{display:none}
@media(max-width:980px){.mobile-nav{display:block;max-height:0;overflow:hidden;background:var(--navy);border-top:1px solid rgba(255,255,255,.08);transition:max-height .35s ease}.mobile-nav.open{max-height:90vh}.mobile-nav .container{display:grid;padding:10px 0 18px}.mobile-nav a{padding:14px 0;color:var(--ivory);border-bottom:1px solid rgba(255,255,255,.07);font-size:.9rem}.mobile-nav a:last-child{color:var(--gold)}}


/* V5 refinement: same V1 palette/type, corrected shared header, mobile menu, and image presentation. */
.site-header{position:fixed;inset:0 0 auto;z-index:30;background:rgba(7,19,47,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(202,163,74,.18);}
.site-footer{background:#040b1e;color:#bdb5aa;}
.brand-mark{width:44px;height:44px;border:1px solid var(--gold);border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#101f42,#07132f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);}
.brand-mark:before{content:'';position:absolute;inset:7px 9px 6px;border:1.5px solid var(--gold);border-radius:9px 9px 13px 13px;transform:scaleX(.78);}
.brand-shield{position:relative;z-index:1;color:var(--gold);font-family:var(--font-heading);font-size:15px;font-weight:700;line-height:1;}
.brand-text strong{letter-spacing:.075em}
.site-header .btn-primary{box-shadow:0 8px 20px rgba(202,163,74,.16)}
.mobile-nav{display:block;max-height:0;overflow:hidden;background:rgba(7,19,47,.98);border-top:1px solid rgba(202,163,74,.12);transition:max-height .35s ease;}
.mobile-nav.open{max-height:90vh}
.mobile-nav[hidden]{display:none}
.mobile-nav .container{display:grid;padding:10px 0 18px}
.mobile-nav a{padding:14px 0;color:var(--ivory);border-bottom:1px solid rgba(255,255,255,.07);font-size:.9rem}
.mobile-nav .mobile-wa{color:var(--gold);font-weight:800}
.gallery-item img{background:#ddd}
.external-image{position:relative}
.external-image::after{content:'Category reference';position:absolute;left:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(7,19,47,.78);color:var(--ivory);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(202,163,74,.25)}
.hero .hero-copy{position:relative;z-index:2}
.hero-card{position:relative;z-index:2}

.brand-logo{display:block;width:206px;height:auto;max-height:62px;object-fit:contain;object-position:left center}.site-footer .brand-logo{width:240px;max-height:74px}@media(max-width:620px){.brand-logo{width:178px;max-height:54px}.site-footer .brand-logo{width:215px;max-height:68px}}