/* ============ GLOBAL ============ */
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;background:#faf7f2;color:#3a2f26;line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:500;color:#2b2018}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1300px;margin:0 auto;padding:0 6%}
.eyebrow{font-size:.78rem;letter-spacing:.35em;text-transform:uppercase;color:#8a6d3b;margin-bottom:18px;display:block}
.divider{width:60px;height:1px;background:#8a6d3b;margin:28px auto 0}
.text-center{text-align:center}
section{padding:110px 0}

/* ============ HEADER ============ */
header{position:fixed;top:0;left:0;width:100%;padding:20px 6%;display:flex;justify-content:space-between;align-items:center;background:rgba(250,247,242,.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(58,47,38,.08);transition:padding .3s,background .3s}
header.scrolled{padding:14px 6%;background:rgba(250,247,242,.98)}
.logo{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#2b2018;line-height:1.1}
.logo small{display:block;font-size:.55rem;letter-spacing:.35em;color:#8a6d3b;font-weight:400;margin-top:3px;font-family:'Jost',sans-serif}
nav ul{display:flex;list-style:none;gap:30px;align-items:center}
nav a{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:#5a4a3c;position:relative;transition:color .3s;padding:4px 0}
nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#8a6d3b;transition:width .35s ease}
nav a:hover{color:#8a6d3b}
nav a:hover::after{width:100%}
nav a.active{color:#8a6d3b}
nav a.active::after{width:100%}
.nav-shop{background:#2b2018;color:#f5efe6!important;padding:12px 24px!important;letter-spacing:.2em!important;transition:background .3s,transform .3s}
.nav-shop:hover{background:#8a6d3b;transform:translateY(-2px)}
.nav-shop::after{display:none}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}
.menu-toggle span{width:26px;height:2px;background:#2b2018;transition:.3s}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============ BUTTONS ============ */
.btn{display:inline-block;padding:16px 38px;font-family:'Jost',sans-serif;font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s;text-align:center}
.btn-primary{background:#2b2018;color:#f5efe6}
.btn-primary:hover{background:#8a6d3b;letter-spacing:.32em;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(138,109,59,.6)}
.btn-outline{background:transparent;color:#2b2018;border:1px solid #2b2018}
.btn-outline:hover{background:#2b2018;color:#f5efe6;letter-spacing:.32em}
.btn-gold{background:#8a6d3b;color:#fdfaf6}
.btn-gold:hover{background:#b8935a;color:#2b2018;letter-spacing:.32em}

/* ============ FOOTER ============ */
footer{background:#1e1610;color:rgba(245,239,230,.65);font-size:.9rem;font-weight:300}
.footer-top{padding:80px 6% 50px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px;max-width:1300px;margin:0 auto}
.footer-brand .logo{color:#fdfaf6;margin-bottom:20px;display:inline-block}
.footer-brand p{color:rgba(245,239,230,.6);max-width:340px;margin-bottom:24px;line-height:1.8}
.footer-socials{display:flex;gap:12px}
.footer-socials a{width:40px;height:40px;border:1px solid rgba(184,147,90,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(245,239,230,.7);font-size:.75rem;font-weight:500;letter-spacing:.05em;transition:all .3s}
.footer-socials a:hover{background:#8a6d3b;border-color:#8a6d3b;color:#fff;transform:translateY(-3px)}
.footer-col h4{color:#fdfaf6;font-family:'Jost',sans-serif;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin-bottom:26px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:14px}
.footer-col a{color:rgba(245,239,230,.6);transition:color .3s,padding-left .3s}
.footer-col a:hover{color:#b8935a;padding-left:6px}
.footer-bottom{border-top:1px solid rgba(184,147,90,.15);padding:30px 6%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;max-width:1300px;margin:0 auto;font-size:.8rem;letter-spacing:.08em}
.footer-bottom span{color:#8a6d3b}
.footer-bottom .legal{display:flex;gap:26px}
.footer-bottom .legal a{color:rgba(245,239,230,.5)}
.footer-bottom .legal a:hover{color:#b8935a}

/* ============ WHATSAPP FLOAT ============ */
.whatsapp-float{position:fixed;bottom:30px;right:30px;width:62px;height:62px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:0 10px 30px rgba(37,211,102,.45);transition:transform .35s;animation:wp 2.4s infinite}
.whatsapp-float:hover{transform:scale(1.1) translateY(-3px);animation:none}
.whatsapp-float svg{width:32px;height:32px;fill:#fff}
@keyframes wp{0%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 22px rgba(37,211,102,0)}100%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0)}}

/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ============ RESPONSIVE ============ */
@media(max-width:980px){
nav ul{gap:18px}
nav a{font-size:.72rem}
.footer-top{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:820px){
nav ul{display:none;position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:rgba(250,247,242,.99);padding:30px 0;gap:0;box-shadow:0 20px 40px -20px rgba(0,0,0,.15)}
nav ul.open{display:flex}
nav li{text-align:center;padding:14px 0}
.menu-toggle{display:flex}
.footer-top{grid-template-columns:1fr;gap:40px;padding:60px 6% 40px}
.footer-bottom{flex-direction:column;text-align:center;gap:20px}
.whatsapp-float{bottom:20px;right:20px;width:56px;height:56px}
.whatsapp-float svg{width:28px;height:28px}
section{padding:80px 0}
}