/* Fifty Shahdes Styles (Multi‑page) */
:root{--primary-dark:#141416;--primary-medium:#5b5b63;--accent-gold:#D4AF37;--bg:#0f0f12;--soft:#f7f7fb;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--primary-dark);background:#fff;scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--accent-gold),#ffd66e);width:0;z-index:9999}

header{position:sticky;top:0;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06);z-index:50;backdrop-filter:saturate(140%) blur(6px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.brand h1{font-family:"Dela Gothic One",system-ui;font-size:28px;letter-spacing:.5px;margin:0}
.brand span{color:var(--accent-gold)}
.brand small{display:block;margin-top:2px;font-size:11px;color:var(--primary-medium)}
.links{display:flex;gap:24px;flex-wrap:wrap}
.links a{font-weight:700;color:var(--primary-dark);opacity:.9;padding:8px 10px;border-radius:10px}
.links a.active, .links a:hover{color:#000;background:#f4f4f8;border:1px solid #eee}
@media (max-width: 640px){.links{display:none}}

.section{padding:96px 0;position:relative;overflow:hidden}
.title{font-family:"Cormorant Garamond",serif;font-size:40px;margin:0 0 12px}
.subtitle{color:var(--primary-medium);margin:0 0 28px}

.hero{min-height:90vh;display:flex;align-items:center;position:relative;color:#fff;background:#0f0f12}
.layer{position:absolute;inset:0;will-change:transform;pointer-events:none}
.layer.bg{background-image:linear-gradient(120deg,#0f0f12 0%,#17171b 60%, #1e1e23 100%), url('https://images.pexels.com/photos/965989/pexels-photo-965989.jpeg?auto=compress&cs=tinysrgb&w=1600');background-size:cover;background-position:center;background-attachment:fixed;opacity:.25}
.layer.rings::before, .layer.rings::after{content:"";position:absolute;border:1px solid var(--accent-gold);border-radius:50%}
.layer.rings::before{width:360px;height:360px;top:12%;left:8%;opacity:.6}
.layer.rings::after{width:220px;height:220px;right:12%;top:28%;opacity:.4}
.hero .container{position:relative;z-index:2}
.prelabel{color:var(--accent-gold);font-weight:800;letter-spacing:.3px;margin:0}
.hero h1{font-family:"Cormorant Garamond",serif;font-size:64px;line-height:1.08;margin:18px 0}
.hero h1 em{font-style:italic;color:var(--accent-gold);font-family:"Dela Gothic One";letter-spacing:.5px}
.hero p{max-width:560px;font-size:18px;color:#dce0e6;margin:0 0 28px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:2px solid var(--accent-gold);color:var(--accent-gold);font-weight:800;letter-spacing:.3px;transition:.25s transform,.25s background}
.btn:hover{background:var(--accent-gold);color:var(--primary-dark);transform:translateY(-1px)}
.bottle{position:absolute;right:8%;bottom:6%;width:320px;max-width:38vw;filter:drop-shadow(0 24px 50px rgba(0,0,0,.45));transform:translateZ(0);will-change:transform}
@media(max-width:900px){.bottle{display:none}.hero h1{font-size:44px}}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;transform:translateY(30px);opacity:0;transition:transform .7s ease,opacity .7s ease}
.card.in-view{transform:translateY(0);opacity:1}
.card img{width:100%;height:220px;object-fit:cover}
.card .pad{padding:16px 18px}
.badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;background:#f1f1f6;color:#333;border-radius:999px;padding:6px 10px;margin-bottom:8px}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.price{font-weight:800}
.rating{font-weight:700;color:#111}

.about .parallax-bg{position:absolute;inset:0;background-image:url('https://images.pexels.com/photos/965989/pexels-photo-965989.jpeg?auto=compress&cs=tinysrgb&w=1600');background-size:cover;background-position:center;filter:grayscale(100%) contrast(120%) brightness(45%);opacity:.12;transform:translateY(0);will-change:transform}
.about .content{position:relative}
.about p{color:var(--primary-medium);line-height:1.7}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.stat{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;text-align:center;transform:translateY(20px);opacity:0;transition:transform .6s ease,opacity .6s ease}
.stat.in-view{transform:translateY(0);opacity:1}
.stat b{font-size:22px}

footer{background:var(--primary-dark);color:#eaeaea}
footer .col h4{font-family:"Cormorant Garamond",serif;font-size:22px;margin:0 0 14px;color:var(--accent-gold)}
footer a{color:#d0d0d0}
footer a:hover{color:var(--accent-gold)}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:24px}
@media(max-width:900px){.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footgrid{grid-template-columns:1fr}}
.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding:14px 0;color:#bdbdbd;font-size:14px}

.scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#fff;opacity:.7;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.scroll-cue::after{content:"";display:block;width:1px;height:36px;margin:8px auto 0;background:linear-gradient(transparent,var(--accent-gold))}

.topbtn{position:fixed;right:18px;bottom:18px;border:2px solid var(--accent-gold);background:#fff;padding:10px 14px;border-radius:999px;font-weight:800;color:var(--primary-dark);opacity:0;pointer-events:none;transition:.3s}
.topbtn.show{opacity:1;pointer-events:auto}

/* Shop */
.shop-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 24px}
.input, .select{padding:12px 14px;border-radius:12px;border:1px solid #ddd}
.product-card .pad{display:flex;flex-direction:column;gap:6px}
.product-card h3{margin:4px 0 2px}
.product-price{font-weight:900}
.product-actions{display:flex;gap:10px;margin-top:6px}
.badge.cat{background:#fff6dd;color:#6a5400;border:1px solid #ffe5a3}


/* ---- NAV LIST RESET & LAYOUT ---- */
.links ul, .links .menu {display:flex;gap:24px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.links li {list-style:none}
.links li a {font-weight:700;color:var(--primary-dark);opacity:.9;padding:8px 10px;border-radius:10px}
.links li a:hover, .links li.current-menu-item > a, .links li.current_page_item > a {color:#000;background:#f4f4f8;border:1px solid #eee}

/* ---- ADMIN BAR OFFSET (when logged in) ---- */
body.admin-bar header { top: 32px; }
body.admin-bar .progress { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar header { top: 46px; }
  body.admin-bar .progress { top: 46px; }
}

/* Ensure header is always visible above page content */
header { position: sticky; top: 0; z-index: 999; background:#fff }