/* ============================================================
   AÉTHER Parfums — Base Styles
   ============================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body{font-family:var(--font-body);font-weight:400;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background var(--t-base),color var(--t-base);max-width:100vw}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color var(--t-fast)}
ul{list-style:none}
button{border:none;background:none;cursor:pointer;font-family:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.25;color:var(--text)}

.section-pad{padding:var(--section-pad) 0}
.bg-alt{background:var(--bg-alt)}
.bg-dark{background:var(--bg-dark);color:var(--text-inverse)}
.section-label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.section-title{font-size:clamp(1.85rem,4vw,2.85rem);margin-bottom:16px;font-weight:600;letter-spacing:-0.5px}
.title-line{width:60px;height:3px;background:var(--gradient-premium);margin:0 auto 20px;border-radius:2px}
.text-gold{color:var(--gold)!important}

/* Buttons */
.btn-gold{background:var(--gradient-premium);color:var(--black);font-weight:600;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;padding:14px 36px;border-radius:var(--radius-md);border:none;transition:all var(--t-premium);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px rgba(201,162,39,0.3)}
.btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:left 0.5s}
.btn-gold:hover::before{left:100%}
.btn-gold:hover{background:var(--gold-dark);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 30px rgba(201,162,39,0.5)}
.btn-outline-gold{background:transparent;border:1.5px solid var(--gold);color:var(--gold);font-weight:600;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;padding:12px 30px;border-radius:var(--radius-md);transition:all var(--t-premium);position:relative;overflow:hidden}
.btn-outline-gold::before{content:'';position:absolute;inset:0;background:var(--gold);opacity:0;transition:opacity var(--t-base)}
.btn-outline-gold:hover::before{opacity:0.1}
.btn-outline-gold:hover{background:var(--gold);color:var(--black);transform:translateY(-2px);box-shadow:var(--shadow-gold)}
.btn-outline-dark{background:transparent;border:1.5px solid var(--text);color:var(--text);font-weight:500;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;padding:12px 30px;border-radius:var(--radius-md);transition:all var(--t-premium)}
.btn-outline-dark:hover{background:var(--text);color:var(--bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-outline-light{background:transparent;border:1.5px solid rgba(255,255,255,.5);color:var(--white);font-weight:500;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;padding:14px 36px;border-radius:var(--radius-md);transition:all var(--t-premium)}
.btn-outline-light:hover{background:var(--white);color:var(--black);transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,255,255,0.3)}
.btn-dark{background:var(--black);color:var(--white);font-weight:600;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;padding:14px 36px;border-radius:var(--radius-md);transition:all var(--t-premium);box-shadow:var(--shadow-md)}
.btn-dark:hover{background:var(--gray-dark);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-sm{padding:10px 24px;font-size:.72rem}

.overlay{position:fixed;inset:0;background:rgba(17,17,17,.55);z-index:1040;opacity:0;visibility:hidden;transition:all var(--t-base)}
.overlay.active{opacity:1;visibility:visible}

.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-gold);z-index:9999;width:0;transition:width .1s linear}

.scroll-top{position:fixed;bottom:90px;right:24px;width:46px;height:46px;background:var(--black);color:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:998;opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--t-base);box-shadow:var(--shadow-md)}
.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:hover{background:var(--gold);color:var(--black)}

/* Floating Buttons */
.float-btn{position:fixed;z-index:997;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--white);box-shadow:var(--shadow-md);transition:transform var(--t-base)}
.float-btn:hover{transform:scale(1.08)}
.float-whatsapp{bottom:24px;right:24px;background:#25D366}
.float-call{bottom:24px;right:86px;background:var(--gold);color:var(--black);font-size:1rem}
.float-chat{bottom:90px;right:24px;background:var(--black);color:var(--gold);font-size:1rem;width:46px;height:46px}

/* Breadcrumb — inner pages only, body already has header padding */
.breadcrumb-bar{padding:24px 0 16px;background:var(--bg-alt)}
.breadcrumb{margin:0;font-size:.82rem}
.breadcrumb-item a{color:var(--text-muted)}
.breadcrumb-item a:hover{color:var(--gold)}
.breadcrumb-item+.breadcrumb-item::before{content:"›";color:var(--text-muted)}