/* ═══════════════════════════════════════════
   EXOTIC DECOR — SHARED STYLESHEET
   All pages import this file
═══════════════════════════════════════════ */
:root{
  --cream:#F5F0E8;--cream-light:#FAFAF7;
  --walnut:#4A3728;--walnut-mid:#6B4F3A;--walnut-light:#9C7A5E;
  --gold:#C4A265;--gold-light:#DFC090;--gold-pale:#F0E3C8;
  --charcoal:#1C1713;--text-body:#3D2E22;--text-muted:#8A7060;
  --white:#FAFAF7;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--cream-light);color:var(--text-body);overflow-x:hidden;}

/* CURSOR */
.cursor-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform 0.1s ease;}
.cursor-ring{width:36px;height:36px;border:1px solid var(--gold);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all 0.18s ease;opacity:0.6;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:80px;transition:all 0.4s ease;}
nav.scrolled{background:rgba(250,250,247,0.96);backdrop-filter:blur(12px);height:64px;border-bottom:1px solid rgba(196,162,101,0.25);}
nav.solid{background:var(--cream-light);height:72px;border-bottom:1px solid rgba(196,162,101,0.2);}
.nav-logo{font-family:var(--serif);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:500;color:var(--white);text-decoration:none;letter-spacing:0.02em;transition:color 0.4s;line-height:1.2;}
.nav-logo span{display:block;font-size:0.52em;font-weight:300;letter-spacing:0.18em;text-transform:uppercase;opacity:0.8;}
nav.scrolled .nav-logo,nav.solid .nav-logo{color:var(--walnut);}
.nav-links{display:flex;gap:2.4rem;list-style:none;align-items:center;}
.nav-links a{font-family:var(--sans);font-size:0.78rem;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:rgba(250,250,247,0.85);text-decoration:none;transition:color 0.3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-links a:hover,.nav-links a.active{color:var(--gold-light);}
nav.scrolled .nav-links a,nav.solid .nav-links a{color:var(--walnut-mid);}
nav.scrolled .nav-links a:hover,nav.solid .nav-links a:hover,nav.scrolled .nav-links a.active,nav.solid .nav-links a.active{color:var(--gold);}
.nav-cta{padding:9px 22px;border:1px solid rgba(250,250,247,0.5);color:var(--white)!important;border-radius:2px;transition:all 0.3s!important;font-size:0.72rem!important;}
.nav-cta:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--walnut)!important;}
nav.scrolled .nav-cta,nav.solid .nav-cta{border-color:var(--walnut);color:var(--walnut)!important;}
nav.scrolled .nav-cta:hover,nav.solid .nav-cta:hover{background:var(--walnut)!important;color:var(--white)!important;}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;position:relative;}
.nav-hamburger span{width:26px;height:1.5px;background:var(--white);transition:all 0.3s;display:block;}
nav.scrolled .nav-hamburger span,nav.solid .nav-hamburger span{background:var(--walnut);}
.nav-hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-hamburger.active span:nth-child(2){opacity:0;}
.nav-hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* MOBILE MENU */
.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--charcoal);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translateX(100%);transition:transform 0.4s ease;}
.mobile-menu.open{transform:translateX(0);}
.mobile-menu a{font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--white);text-decoration:none;letter-spacing:0.05em;transition:color 0.3s;}
.mobile-menu a:hover{color:var(--gold);}

/* PAGE HERO (interior pages) */
.page-hero{padding:160px 6vw 80px;background:var(--walnut);position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(3deg,transparent 0px,transparent 18px,rgba(196,162,101,0.04) 18px,rgba(196,162,101,0.04) 19px);pointer-events:none;}
.page-hero::after{content:'';position:absolute;right:0;top:0;bottom:0;width:40%;background-image:repeating-linear-gradient(45deg,rgba(196,162,101,0.04) 0px,rgba(196,162,101,0.04) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(-45deg,rgba(196,162,101,0.04) 0px,rgba(196,162,101,0.04) 1px,transparent 1px,transparent 32px);pointer-events:none;}
.page-hero-content{position:relative;z-index:1;}
.page-eyebrow{font-family:var(--sans);font-size:0.7rem;font-weight:400;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.page-title{font-family:var(--serif);font-weight:300;font-size:clamp(2.5rem,6vw,5rem);line-height:1.08;color:var(--white);margin-bottom:1rem;}
.page-title em{font-style:italic;color:var(--gold-light);}
.page-subtitle{font-size:0.9rem;font-weight:300;color:rgba(250,250,247,0.65);max-width:560px;line-height:1.8;}
.breadcrumb{display:flex;gap:0.5rem;align-items:center;margin-bottom:2rem;font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;}
.breadcrumb a{color:rgba(250,250,247,0.5);text-decoration:none;transition:color 0.3s;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb span{color:rgba(250,250,247,0.3);}
.breadcrumb .current{color:var(--gold-light);}

/* SECTIONS */
section{padding:6rem 6vw;}
.section-eyebrow{font-family:var(--sans);font-size:0.68rem;font-weight:400;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:0.8rem;}
.section-title{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.15;color:var(--walnut);}
.section-title em{font-style:italic;color:var(--gold);}
.section-body{font-size:0.9rem;line-height:1.9;color:var(--text-muted);font-weight:300;max-width:560px;}

/* BUTTONS */
.btn-primary{padding:14px 36px;background:var(--gold);color:var(--walnut);font-family:var(--sans);font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s ease;display:inline-block;}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn-outline{padding:13px 36px;background:transparent;color:var(--walnut);font-family:var(--sans);font-size:0.75rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;text-decoration:none;border:1px solid var(--walnut-light);cursor:pointer;transition:all 0.3s ease;display:inline-block;}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);}
.btn-outline-light{padding:13px 36px;background:transparent;color:var(--white);font-family:var(--sans);font-size:0.75rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(250,250,247,0.4);cursor:pointer;transition:all 0.3s ease;display:inline-block;}
.btn-outline-light:hover{border-color:var(--gold);color:var(--gold);}

/* TRUST BAR */
.trust-bar{background:var(--walnut);padding:1rem 5vw;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:10px;color:var(--gold-light);font-size:0.72rem;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;}

/* FORMS */
.form-group{margin-bottom:1.4rem;}
.form-group label{display:block;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--white);border:1px solid rgba(196,162,101,0.3);font-family:var(--sans);font-size:0.88rem;color:var(--text-body);transition:border-color 0.3s;border-radius:0;appearance:none;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold);}
.form-group textarea{resize:vertical;min-height:120px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;}
.form-success{display:none;padding:1.5rem;background:rgba(196,162,101,0.1);border:1px solid var(--gold);text-align:center;color:var(--walnut);}
.form-success.show{display:block;}

/* CTA SECTION */
.cta-section{background:var(--walnut);padding:5rem 6vw;text-align:center;position:relative;overflow:hidden;}
.cta-section::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(196,162,101,0.05) 0px,rgba(196,162,101,0.05) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(-45deg,rgba(196,162,101,0.05) 0px,rgba(196,162,101,0.05) 1px,transparent 1px,transparent 32px);}
.cta-section .section-eyebrow{color:var(--gold-light);position:relative;}
.cta-section .section-title{color:var(--white);margin:0.5rem auto 1.5rem;position:relative;}
.cta-section .section-body{color:rgba(250,250,247,0.65);margin:0 auto 2.5rem;position:relative;text-align:center;}
.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;}

/* FOOTER */
footer{background:var(--charcoal);color:rgba(250,250,247,0.6);padding:5rem 6vw 2rem;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:4rem;}
.footer-logo{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:var(--white);margin-bottom:1rem;display:block;}
.footer-logo span{display:block;font-size:0.6em;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);font-family:var(--sans);font-weight:300;}
.footer-desc{font-size:0.82rem;line-height:1.9;margin-bottom:1.5rem;max-width:300px;}
.footer-social{display:flex;gap:0.8rem;}
.social-link{width:36px;height:36px;border:1px solid rgba(196,162,101,0.3);display:flex;align-items:center;justify-content:center;color:var(--gold-light);text-decoration:none;font-size:0.8rem;transition:all 0.3s;}
.social-link svg{width:15px;height:15px;fill:currentColor;transition:fill 0.3s;}
.social-link:hover{background:var(--gold);color:var(--walnut);border-color:var(--gold);}
.footer-col h4{font-family:var(--sans);font-size:0.68rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:0.7rem;}
.footer-links a{font-size:0.82rem;color:rgba(250,250,247,0.55);text-decoration:none;transition:color 0.3s;}
.footer-links a:hover{color:var(--gold-light);}
.footer-address{font-size:0.82rem;line-height:2;}
.footer-address strong{color:var(--white);font-weight:400;display:block;margin-bottom:0.4rem;}
.footer-bottom{border-top:1px solid rgba(250,250,247,0.07);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:0.72rem;color:rgba(250,250,247,0.3);}

/* WHATSAPP */
.whatsapp-float{position:fixed;bottom:2rem;right:2rem;width:54px;height:54px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);cursor:pointer;z-index:999;text-decoration:none;transition:all 0.3s ease;animation:waPulse 3s ease-in-out infinite;}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,0.55);}
@keyframes waPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.4);}50%{box-shadow:0 4px 30px rgba(37,211,102,0.65);}}
.whatsapp-float svg{width:26px;height:26px;fill:white;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.8s ease,transform 0.8s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.1s;}.reveal-delay-2{transition-delay:0.2s;}.reveal-delay-3{transition-delay:0.3s;}.reveal-delay-4{transition-delay:0.4s;}

/* RESPONSIVE */
@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
  .form-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  section{padding:4rem 5vw;}
  .footer-grid{grid-template-columns:1fr;}
  .page-hero{padding:120px 5vw 60px;}
}

/* ── LOGO IN NAV ── */
.nav-logo { display: flex !important; align-items: center; gap: 10px; }
.nav-logo-img { height: 36px; width: 36px; object-fit: contain; filter: brightness(0) invert(1); transition: filter 0.4s; flex-shrink: 0; }
nav.scrolled .nav-logo-img, nav.solid .nav-logo-img { filter: none; }

/* ── PRODUCT IMAGES ON INNER PAGES ── */
.prod-img-herringbone { background-image: url('https://images.unsplash.com/photo-1581858726788-75bc0f6a952d?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-walnut      { background-image: url('https://images.unsplash.com/photo-1604709177225-055f99402ea3?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-door        { background-image: url('https://images.unsplash.com/photo-1558618047-f4e70e8d8d58?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-panel       { background-image: url('https://images.unsplash.com/photo-1562663474-6cbb3eaa4d14?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-marquetry   { background-image: url('https://images.unsplash.com/photo-1615876234886-fd9a39fda97f?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-stair       { background-image: url('https://images.unsplash.com/photo-1523413555554-7a55cd88fc7b?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-kitchen     { background-image: url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-parquet     { background-image: url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-geo         { background-image: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-oak         { background-image: url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-interior    { background-image: url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?w=800&q=80'); background-size:cover; background-position:center; }
.prod-img-living      { background-image: url('https://images.unsplash.com/photo-1583847268964-b28dc8f51f92?w=800&q=80'); background-size:cover; background-position:center; }