/* NADIR BRAND EXPERIENCE — V4 — built on functional V3 styles */
:root{--ink:#1d1b15;--muted:#756f60;--cream:#f7f4e9;--paper:#fffdf6;--line:#e7dfc8;--green:#776322;--lime:#f6dc64;--orange:#ead044;--error:#aa5a4f;--shadow:0 16px 45px rgba(32,26,9,.09);--nadir-dark:#11110e;--nadir-gold:#f0d531;--nadir-ivory:#f8efd0}
body{background:#f7f4e9;color:var(--ink)}
.topbar{background:#11110e;color:#fff9e8;border-bottom:1px solid rgba(242,217,105,.22);min-height:86px;height:auto;padding-top:13px;padding-bottom:13px;position:relative;z-index:5}
.brand{gap:12px}.brand-symbol{height:47px;width:47px;border:1px solid rgba(249,226,96,.36);border-radius:50%;background:#242218;padding:6px;display:grid;place-items:center}.brand-symbol img{width:100%;height:100%;object-fit:contain}.brand strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:.09em;font-size:23px;font-weight:500}.brand small{color:#c5b882;letter-spacing:.17em;font-size:8px}
.top-center{color:#d7bf60;letter-spacing:.1em}.demo-chip{color:#f4e5a1;border-color:#554c2d}
.mode-switch{background:#24221b;border:1px solid #454029}.mode-switch button{color:#d4c7a0}.mode-switch button.active{background:var(--nadir-gold);color:#18160e}
.demo-banner{background:#2f2914;color:#f4e7a9;font-size:11px;padding:11px 20px}
.eyebrow{color:#8a7222}.primary,.add-btn{background:#1e1b13;color:#ffe47e;border-color:#1e1b13}.primary:hover,.add-btn:hover{background:#3a3219}.primary:focus-visible,.add-btn:focus-visible,button:focus-visible{outline:3px solid #cfac2c;outline-offset:2px}
.intro-view{background:#f7f4e9}.intro-hero{background:radial-gradient(circle at 74% 56%,#4d4212 0%,#24200f 36%,#10110d 72%);padding-bottom:85px;min-height:680px}.intro-topline{color:#e1d294}.intro-stamp{border-color:#7d7040;color:#e1cc68}.intro-eyebrow{color:#efd348}.intro-hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em;font-weight:400;font-size:clamp(50px,6.1vw,91px)}.intro-hero h1 em,.intro-section h2 em{color:#f3d95c}.intro-hero p{color:#dfd5b7}.intro-hero .intro-lead{color:#fff6d8}.intro-hero-grid{grid-template-columns:1.03fr .97fr;gap:55px}
.intro-primary{background:#f0d531;border-color:#f0d531;color:#18150c}.intro-outline{border-color:#ab9465;color:#fff6d8}.intro-actions button{border-radius:8px;padding:16px 23px}
.intro-side-art{min-height:495px;display:flex;align-items:center;justify-content:center}.intro-photo-frame{height:465px;width:min(100%,410px);border-radius:170px 170px 18px 18px;overflow:hidden;position:relative;box-shadow:17px 20px 0 rgba(238,208,65,.23),0 30px 70px rgba(0,0,0,.32);border:1px solid rgba(239,216,96,.45)}.intro-photo-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.88)}.intro-photo-frame:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(13,13,9,.89));pointer-events:none}.intro-photo-bottom{position:absolute;z-index:2;bottom:23px;left:24px;display:flex;align-items:center;gap:12px;color:#f7e9b4;letter-spacing:.16em;font-size:10px;font-weight:700}.intro-photo-bottom img{width:36px;height:36px;object-fit:contain}.intro-mini-note{bottom:25px;right:-10px;background:#ebcd27;color:#241e0a;border:4px solid #17160e;width:115px;height:115px;font-size:15px}.intro-mini-note small{font-size:10px}
.intro-section{border-bottom:1px solid #dfd6bd}.intro-section h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}.intro-section h2 em{color:#9e842c}.intro-section>p,.intro-outlets p{color:#706956}.intro-system{border-color:#e0d7bc;background:#fffdf7}.intro-system-icon,.intro-step>span{color:#ae8c1a}.intro-system-dark{background:#252115;color:#fff8e2}.intro-system-dark small,.intro-system-dark .intro-system-icon{color:#e7d37a}.intro-step{background:#fffdf7;border-color:#e3dac4}.intro-step p,.intro-scope-grid p{color:#756c54}.intro-outlet-list>div{background:#eee6ce}.intro-outlet-list span{color:#72674b}.intro-scope-grid>div{background:#fffdf7;border-color:#e3dac4}.intro-disclaimer{background:#f3e6bf;color:#6b5529}.intro-last{background:#14140f;color:#f9efcb}.intro-last>span{color:#f6d950}.intro-last p,.intro-last>small{color:#cfc39a}
/* Storefront: deep editorial, cream utility surface */
#customerView{background:#f7f4e9}.hero{max-width:none;padding:75px max(6vw,25px);min-height:540px;background:linear-gradient(120deg,#17170f 0%,#292511 61%,#4c3d13 100%);color:#fff5d6;grid-template-columns:1fr 0.9fr;gap:30px}.hero-content{max-width:650px;margin-left:auto;margin-right:0}.hero .eyebrow{color:#f8d64e}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(57px,6.7vw,99px);letter-spacing:-.045em}.hero h1 em{color:#f5d745;font-weight:400}.hero p{color:#e6dbc0}.hero-actions span{color:#c7bc94}.hero .primary{background:#f0d531;color:#15140f;border-color:#f0d531}.hero-art{min-height:380px}.hero-photo{position:absolute;inset:0 auto 0 8%;width:min(75%,360px);border-radius:170px 170px 14px 14px;overflow:hidden;border:1px solid rgba(248,220,86,.4);box-shadow:20px 21px 0 rgba(240,213,49,.18)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.hero-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#15140dc9)}.hero-photo-label{position:absolute;z-index:1;bottom:22px;left:22px;color:#f8e6a1;letter-spacing:.12em;font-weight:700;font-size:10px}.floating-stamp{background:#f3d833;color:#17140b;width:98px;height:98px;bottom:15px;right:5%;font-size:11px;transform:rotate(10deg);border:4px solid #232013;z-index:2;gap:2px}.floating-stamp img{height:30px;width:30px;object-fit:contain;margin:auto;filter:brightness(0) saturate(100%)}
.layout{padding-top:66px}.section-heading h2,.how-section h2,.ledger h2{font-family:Georgia,'Times New Roman',serif;font-weight:500}.category-nav button.active,.filter-pills button.active{background:#1e1b13;color:#f7db67}.product,.cart-panel{background:#fffdf7;border-color:#e4dac1}.product-art{background:#e7dfc5!important}.product-art:before{background:rgba(255,247,200,.4)}.product-art small{background:#252015;color:#f6df8b}.add-btn{border-radius:7px}.cart-panel{box-shadow:0 14px 40px rgba(36,25,2,.1)}.bag-icon{color:#a48413}.cart-emoji{background:#f1e8d1}.qty button{background:#fdf9ee}.how-section{background:#262319;color:#f8eac1}.how-section .eyebrow,.how-grid span{color:#f0d531}.how-grid div{background:#393425}.how-grid p{color:#d2c6a8}.how-grid h3{color:#fff1c8}footer{background:#11110e;color:#d5c59a}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:32px;height:32px;object-fit:contain}.footer-brand strong{font-family:Georgia,serif;font-weight:500}
/* Operational dashboard: high legibility with Nadia accents */
#staffView{background:#f5f2e8}.ops-header{background:linear-gradient(110deg,#1e1b14,#332c18);max-width:none;padding:55px clamp(20px,5vw,80px) 45px;color:#ffefc1}.ops-header .eyebrow{color:#eacb57}.ops-header h1{font-family:Georgia,serif;font-weight:400}.ops-header .dot{color:#edca35}.ops-header p{color:#d7c9aa}.ops-controls .outline{border-color:#a4935e;background:#302918;color:#f9e6a7}.ops-controls .ghost{color:#efddb1}.metrics{padding-top:35px}.metric-card,.order-card,.detail-panel{border-color:#e5d9bd;background:#fffdf7}.ledger{background:#e8dfc5}.payment-steps span.on{background:#c2a01d}.pill-tag{background:#f2e9c9;color:#67551a}.success-icon{background:#eee6b7;color:#716015}
/* Checkout / modal */
.modal-backdrop{background:rgba(12,12,8,.82)}.modal{background:#fffdf7;border:1px solid #e4d7b9}.option.selected{border-color:#bc9b24;background:#fff6d7}.option input{accent-color:#9e7f17}.notice{background:#f2ecd7;color:#655735}.notice.warn{background:#fbebc7;color:#806128}.bank-card{background:#fbf2d5;border-color:#e4d5a0}.upload-drop{border-color:#b5a03b;background:#fff9e7}.upload-drop em{color:#8d731a}.location-select select,.search-wrap,.field input,.field select,.field textarea,.mini-input{background:#fffdf8;border-color:#e0d7c2;outline-color:#c8ab3a}.detail-actions button.main{background:#272116;color:#f6de7c}
@media(max-width:900px){.intro-hero-grid{grid-template-columns:1fr}.intro-side-art{min-height:440px}.intro-photo-frame{height:410px;width:325px}.intro-mini-note{right:calc(50% - 225px)}.hero{grid-template-columns:1fr}.hero-content{max-width:none;margin:0}.hero-art{min-height:360px}.hero-photo{left:50%;transform:translateX(-50%);height:340px;width:260px}}
@media(max-width:760px){.topbar{padding:12px 15px}.brand-symbol{width:39px;height:39px}.brand strong{font-size:19px}.mode-switch{width:100%;justify-content:space-around}.mode-switch button{flex:1}.intro-hero{min-height:auto;padding:30px 22px 58px}.intro-hero-grid{margin-top:45px}.intro-side-art{display:flex;min-height:365px}.intro-photo-frame{width:min(73vw,280px);height:345px}.intro-mini-note{right:3%;bottom:10px;width:88px;height:88px;font-size:12px}.hero{padding:48px 21px 36px;min-height:auto}.hero h1{font-size:clamp(53px,12vw,74px)}.hero-art{min-height:300px}.hero-photo{height:285px;width:225px}.floating-stamp{right:8%;bottom:4px}.intro-section{padding-top:60px;padding-bottom:60px}.intro-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-step{min-height:175px}.intro-step h3{margin-top:15px}}
@media(max-width:580px){.intro-step-grid{grid-template-columns:1fr}.intro-step{min-height:initial}.intro-photo-frame{height:330px}.intro-hero h1{font-size:clamp(42px,11vw,61px)}.intro-actions button{width:100%}.intro-section h2{font-size:clamp(30px,8vw,42px)}.intro-last{padding:60px 20px}.mode-switch button{font-size:11px}.demo-banner{font-size:10px}.topbar .top-center{display:none}}