/*
Theme Name: Maghribia Signature
Theme URI: https://maghribia-signature.com
Author: Maghribia Signature
Description: A cinematic luxury fragrance storefront for WordPress.
Version: 1.0.0
Text Domain: maghribia-signature
*/

:root{--noir:#0a0a0a;--soft:#121110;--gold:#d4af37;--gold-light:#e6c57a;--ivory:#f8f6f0;--muted:#a9a69c;--serif:Georgia,'Times New Roman',serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--noir);color:var(--ivory);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.35em;text-transform:uppercase}.title{font:400 clamp(2.7rem,5vw,5rem)/.95 var(--serif);margin:12px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);padding:13px 23px;color:var(--gold);font-size:13px;letter-spacing:.06em;transition:.25s}.button:hover,.button.gold{background:var(--gold);color:var(--noir)}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.13)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:500 24px var(--serif);letter-spacing:.15em;color:var(--gold)}.nav-links{display:flex;gap:25px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff}.nav-links a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:23px}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;text-align:center}.hero-video,.hero:after{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover}.hero:after{content:'';background:linear-gradient(180deg,rgba(0,0,0,.54),rgba(0,0,0,.07) 43%,#0a0a0a 100%)}.hero-content{position:relative;z-index:1;padding:110px 20px 60px}.hero h1{margin:15px 0 0;font:600 clamp(4.2rem,12vw,10rem)/.78 var(--serif);letter-spacing:-.04em;background:linear-gradient(135deg,#f1d991,#d4af37,#9a6e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{display:block;color:var(--ivory);-webkit-text-fill-color:var(--ivory);font-size:.43em;font-weight:400;letter-spacing:.24em;margin:15px 0 0}.hero .tagline{font:italic clamp(1.3rem,2.7vw,2rem) var(--serif);color:var(--gold-light);margin:26px auto 8px}.hero .sub{color:#e6e2d8;margin:0 auto 32px;max-width:530px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-scroll{position:absolute;z-index:2;bottom:26px;font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:var(--gold)}
.section{padding:105px 0}.ivory{background:var(--ivory);color:var(--noir)}.center{text-align:center}.muted{color:var(--muted)}.tabs{display:flex;justify-content:center;gap:27px;margin:35px 0 45px}.tabs button{padding:0 0 7px;background:none;border:0;border-bottom:2px solid transparent;font:400 25px var(--serif);cursor:pointer;color:rgba(10,10,10,.42)}.tabs button.active{color:var(--noir);border-color:var(--gold)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{position:relative;background:#171614;min-height:420px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:var(--ivory)}.product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74;transition:transform .8s}.product-card:hover img{transform:scale(1.08)}.product-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 32%,rgba(0,0,0,.85))}.product-info{position:relative;z-index:1;padding:20px}.product-info h3{margin:6px 0;font:400 28px var(--serif)}.price{color:var(--gold-light);font:400 22px var(--serif)}.product-info .button{margin-top:15px;padding:9px 14px;font-size:11px}.inspired{font-size:11px;color:#d4d0c4}
.band{position:relative;min-height:620px;display:flex;align-items:center;background:center/cover url('assets/atmos/palace.webp')}.band:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.18))}.band .wrap{position:relative;z-index:1}.band-copy{max-width:510px}.band p{color:#ddd8cd;max-width:470px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(212,175,55,.2);border:1px solid rgba(212,175,55,.2)}.feature{background:var(--soft);padding:36px 29px}.feature i{font:normal 28px var(--serif);color:var(--gold)}.feature h3{font:400 25px var(--serif);margin:13px 0 6px}.feature p{margin:0;color:#c0bcb2;font-size:14px}
.quiz{background:linear-gradient(135deg,#17130a,#0b0b0a 55%,#1e1704);text-align:center}.quiz-card{max-width:680px;margin:35px auto 0;padding:42px;border:1px solid rgba(212,175,55,.4);background:rgba(255,255,255,.025)}.quiz-card p{color:#d2cec3}.quiz-result{display:none;margin-top:24px;color:var(--gold-light);font:italic 22px var(--serif)}.quiz-result.visible{display:block}
.newsletter{padding:92px 0;background:var(--gold);color:var(--noir);text-align:center}.newsletter h2{font:400 clamp(2.5rem,4vw,4.4rem)/1 var(--serif);margin:0}.newsletter form{display:flex;max-width:500px;margin:27px auto 0;border-bottom:1px solid var(--noir)}.newsletter input{flex:1;border:0;background:transparent;padding:13px 4px;outline:0;font:14px var(--sans)}.newsletter button{border:0;background:none;padding:0 5px;text-transform:uppercase;font-size:11px;letter-spacing:.15em;cursor:pointer}
.site-footer{padding:53px 0 28px;background:#060606}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h3{font:400 22px var(--serif);color:var(--gold);margin:0 0 11px}.site-footer p,.site-footer li{font-size:13px;color:#b5b0a5}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li+li{margin-top:6px}.copyright{border-top:1px solid #292825;margin-top:38px;padding-top:21px;font-size:11px;color:#777;display:flex;justify-content:space-between}
@media(max-width:800px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:82px;left:0;right:0;padding:30px;flex-direction:column;background:#0a0a0a}.menu-toggle{display:block}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-height:350px}.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:75px 0}.band{min-height:540px}.band:before{background:rgba(0,0,0,.68)}}@media(max-width:430px){.product-grid{grid-template-columns:1fr}.hero h1{font-size:4rem}.brand{font-size:19px}.tabs{gap:16px}.tabs button{font-size:20px}}

.pack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.pack-card{position:relative;min-height:400px;overflow:hidden;border-radius:15px;background:#111}.pack-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .8s}.pack-card:hover>img{transform:scale(1.07)}.pack-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.12))}.pack-overlay{position:relative;z-index:1;padding:44px;height:100%;display:flex;max-width:65%;flex-direction:column;align-items:flex-start;color:#fff}.pack-overlay h3{font:400 40px/1 var(--serif);margin:8px 0}.pack-overlay p:not(.eyebrow){color:#e3ded3;font-size:14px}.pack-overlay strong{font:400 34px var(--serif);color:var(--gold);margin-top:auto}.pack-overlay .button{margin-top:15px}.custom-message{display:none;text-align:center;padding:20px;color:#6d6251}.custom-message.show{display:block}.search{display:flex;align-items:center;max-width:460px;margin:0 auto 38px;border:1px solid #d3cec3;border-radius:999px;background:#fff;padding:4px 13px}.search input{border:0;outline:0;background:transparent;padding:11px;width:100%;font:14px var(--sans)}.search button{border:0;background:transparent;font-size:24px}.notes{display:none;font-size:12px;line-height:1.65;color:#eee}.product-card:hover .notes{display:block}.badge{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:99px;background:#090909;color:var(--gold);font-size:9px;text-transform:uppercase}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.plus{height:36px;width:36px;border:0;border-radius:50%;background:#111;color:#fff;font-size:24px;cursor:pointer}.plus.selected{background:var(--gold);color:#111}.no-results{display:none;text-align:center;color:#807b72;padding:40px}.no-results.show{display:block}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonials blockquote{margin:0;padding:30px;border:1px solid #d8d2c5;text-align:left;font:italic 22px/1.35 var(--serif)}.testimonials cite{display:block;margin-top:22px;color:#806921;font:12px var(--sans)}.narrow{max-width:820px}.faq details{border-bottom:1px solid rgba(212,175,55,.25);padding:19px 0}.faq summary{cursor:pointer;font:400 24px var(--serif);color:var(--ivory)}.faq p{color:#bcb7ac;margin:12px 0 2px}.cart-drawer{position:fixed;inset:0;z-index:100;visibility:hidden}.cart-drawer.open{visibility:visible}.cart-shade{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:.3s}.cart-drawer.open .cart-shade{opacity:1}.cart-panel{position:absolute;right:0;top:0;height:100%;width:min(430px,100%);overflow:auto;background:#11100f;padding:70px 28px 28px;transform:translateX(100%);transition:.35s}.cart-drawer.open .cart-panel{transform:none}.cart-panel h2{font:400 38px var(--serif);margin:7px 0 28px}.cart-close{position:absolute;right:17px;top:13px;border:0;background:none;color:var(--gold);font-size:34px;cursor:pointer}.cart-line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #302e29}.cart-line button{border:0;background:none;color:#a9a69c;cursor:pointer}.cart-empty{color:#a9a69c}.cart-total{display:flex;justify-content:space-between;border-top:1px solid var(--gold);margin-top:25px;padding:18px 0;font:23px var(--serif);color:var(--gold)}.cart-checkout{width:100%;margin-bottom:14px}.checkout-form{display:none;gap:10px;flex-direction:column}.checkout-form.open{display:flex}.checkout-form input{background:#1e1d1b;border:1px solid #3e3a30;color:#fff;padding:13px}.checkout-form .button{border:0;cursor:pointer}@media(max-width:800px){.pack-grid,.testimonials{grid-template-columns:1fr}}@media(max-width:430px){.pack-overlay{max-width:85%;padding:27px}.pack-overlay h3{font-size:31px}}
.locale-links{display:flex;gap:8px;font-size:11px;color:var(--gold)}.detail-page{padding:125px 0 100px}.back{display:inline-block;color:var(--gold);margin-bottom:25px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.detail-image{overflow:hidden;border:1px solid rgba(212,175,55,.3);border-radius:18px}.detail-image img{width:100%}.detail-copy{align-self:center}.inspired-panel{display:flex;gap:16px;align-items:center;border:1px solid rgba(212,175,55,.25);background:rgba(212,175,55,.05);padding:14px;margin:25px 0}.inspired-panel img{width:82px;height:82px;object-fit:cover;border-radius:10px}.inspired-panel span{display:grid}.inspired-panel small{color:var(--gold);text-transform:uppercase;letter-spacing:.15em}.inspired-panel strong{font:22px var(--serif)}.inspired-panel em{color:var(--gold-light)}.detail-notes{line-height:1.9;color:#d3cec3}.detail-notes b{color:var(--gold)}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0}.specs span{padding:11px;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.2);font-size:13px}.specs small{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.detail-buy{display:flex;gap:22px;align-items:center}.pack-hero{min-height:65vh;padding:160px 0 70px;background-size:cover;background-position:center;display:flex;align-items:end}.pack-hero .title{color:var(--gold)}.pack-detail{padding:75px 0;display:grid;grid-template-columns:1.55fr .75fr;gap:60px}.included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.included-grid>div{border:1px solid rgba(212,175,55,.22);padding:13px;text-align:center}.included-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.included-grid h3,.sticky-buy h2{font:25px var(--serif);margin:12px 0 4px}.included-grid p{font-size:12px;color:#bdb6a7}.sticky-buy{height:max-content;position:sticky;top:25px;border:1px solid rgba(212,175,55,.3);padding:27px}.sticky-buy .button{display:flex;margin-top:22px}@media(max-width:800px){.detail-grid,.pack-detail{grid-template-columns:1fr;gap:35px}.specs{grid-template-columns:repeat(2,1fr)}}
.pack-builder{display:none;position:fixed;z-index:90;bottom:20px;left:50%;transform:translateX(-50%);gap:18px;align-items:center;white-space:nowrap;background:#090909;border:1px solid rgba(212,175,55,.5);padding:12px 18px;border-radius:99px;color:#ddd;box-shadow:0 8px 30px rgba(0,0,0,.45)}.pack-builder.show{display:flex}.pack-builder b{color:var(--gold);font:20px var(--serif)}.pack-builder button:disabled{opacity:.4}@media(max-width:500px){.pack-builder{gap:9px;padding:9px 12px;font-size:12px}.pack-builder .button{padding:9px 12px}}