:root{--gold:#b7884a;--gold-text:#805921;--ink:#0a231f;--primary:#0a231f;--mint:#f0e5d4;--cream:#faf8f3;--line:#e7dfd2;--muted:#65716a}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--cream);color:var(--ink);font-size:14px}
a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}
.container{max-width:1240px}
.topbar{background:var(--ink);color:#fff;font-size:11px;letter-spacing:.035em;padding:9px 0}
.nav-main{background:#fff;border-bottom:1px solid var(--line);padding:23px 0}
.brand{font-size:27px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand span{color:#b7884a}
.brand-mark{display:inline-grid;place-items:center;background:var(--primary);color:white;border-radius:11px;width:35px;height:38px;margin-right:8px;font-size:23px;transform:rotate(-7deg)}
.search{background:#f7f4ee;border:1px solid #e7dfd2;border-radius:8px;display:flex;align-items:center;max-width:485px;flex:1;padding:2px 10px}
.search input{border:0;background:transparent;box-shadow:none!important;font-size:13px}.search button{border:0;background:none;font-size:22px}
.nav-links{display:flex;align-items:center;gap:25px;font-size:13px;flex-wrap:wrap}
.category-nav{background:white;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}
.category-nav .container{display:flex;gap:33px;overflow:auto;white-space:nowrap}
.hero{margin-top:28px;border-radius:16px;overflow:hidden;background:#f0e5d4;min-height:375px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero>*{min-width:0}.hero-copy{padding:52px;z-index:1}
.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#805921}
.hero h1{font-size:49px;line-height:1.1;font-weight:750;letter-spacing:-2px;max-width:470px;margin:18px 0}.hero p{max-width:320px;color:#4d5d53;line-height:1.8}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#d8c19a 0,transparent 67%)}.hero-art img{width:85%;height:340px;object-fit:contain;transform:rotate(-9deg)}
.hero-note{position:absolute;bottom:32px;right:35px;background:#fffcf5;border:1px solid #d8c19a;padding:14px 22px;border-radius:10px;box-shadow:0 6px 20px #40583b12}
.btn{font-size:13px;font-weight:600;border-radius:7px;padding:11px 20px}
.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#193e35;--bs-btn-hover-border-color:#193e35;--bs-btn-active-bg:#193e35;--bs-btn-active-border-color:#193e35}
.btn-outline-primary{--bs-btn-color:var(--primary);--bs-btn-border-color:#b7884a;--bs-btn-hover-bg:var(--primary);--bs-btn-hover-border-color:var(--primary)}.btn-sm{font-size:11px;padding:7px 12px}
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 10px;border-bottom:1px solid var(--line);gap:20px}.benefit{display:flex;gap:13px;align-items:center;justify-content:center}.benefit b{display:block;font-size:12px}.benefit small{font-size:10px;color:var(--muted)}.benefit-icon{font-size:23px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:35px 0 20px}.section-head h2{font-size:22px;font-weight:700;letter-spacing:-.6px;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:7px 0 0}.section-head a{font-size:12px;color:var(--primary)}
.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.category-card{background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;padding:21px 12px;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#b7884a}.category-icon{font-size:30px;display:block;margin-bottom:10px}.category-card b{font-size:12px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{min-width:0;border-radius:12px;border:1px solid var(--line);background:white;overflow:hidden;position:relative}.product-img{height:208px;background:#f3eee4;display:flex;align-items:center;justify-content:center;position:relative}.product-img img{max-width:85%;height:180px;object-fit:contain;transition:.3s}.product-card:hover .product-img img{transform:scale(1.035)}
.tag{position:absolute;top:12px;left:12px;background:white;color:var(--primary);border-radius:4px;padding:4px 7px;font-size:9px;font-weight:700;z-index:1}.heart{position:absolute;right:10px;top:10px;border:0;background:white;border-radius:50%;width:29px;height:29px;color:#536159;font-size:19px;z-index:2}
.product-body{padding:17px}.product-body .small{color:var(--muted);font-size:10px}.product-body h3{font-size:13px;font-weight:650;line-height:1.5;margin:7px 0}.stars{color:#805921;font-size:11px}.price{font-size:17px;font-weight:750;margin:8px 0}.price del{font-size:11px;color:#6f776d;font-weight:400;margin-left:7px}.product-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}
.add-btn{background:#f4ebdd;border:1px solid #dfccac;color:#0a231f;border-radius:5px;padding:6px 11px;font-size:11px}
.promo{background:#e9d8bb;border-radius:14px;margin:36px 0;padding:30px 38px;display:flex;align-items:center;justify-content:space-between}.promo h2{font-size:24px;font-weight:700}.promo p{color:#615441;margin:0}.pill{font-size:10px;background:#f1e4cf;color:#765320;border-radius:20px;padding:5px 11px;display:inline-block}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:20px}.page-title{font-size:29px;letter-spacing:-1px;font-weight:750;margin:30px 0 23px;overflow-wrap:anywhere}
.form-control,.form-select{font-size:13px;border-color:#d9d2c4;padding:10px 12px;border-radius:6px}.form-label{font-size:12px;font-weight:650;margin-top:10px}.muted{color:var(--muted)}
.table{font-size:12px;--bs-table-bg:transparent}.table td,.table th{padding:14px 10px;vertical-align:middle;border-color:var(--line)}.table th{font-size:10px;color:#536159;text-transform:uppercase;letter-spacing:1px}.stat{font-size:30px;font-weight:750;margin:10px 0}
.dashboard-nav{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.dashboard-nav a{background:white;border:1px solid var(--line);padding:9px 14px;border-radius:6px;font-size:12px}.dashboard-nav a.active{background:var(--primary);color:white}.empty{text-align:center;padding:60px 20px;color:var(--muted)}
.detail-image{width:100%;height:440px;object-fit:contain;background:#f4eee3;border-radius:16px}.thumb{width:68px;height:68px;object-fit:contain;border:1px solid var(--line);border-radius:8px;cursor:pointer}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eee6d9}
.footer{margin-top:60px;padding:40px 0 20px;border-top:1px solid var(--line);background:#fff}.footer p,.footer a{font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:10px;color:var(--muted);flex-wrap:wrap;gap:12px}
.alert{font-size:13px}.pagination{flex-wrap:wrap}.page-link{color:var(--primary)}.active>.page-link{background:var(--primary);border-color:var(--primary)}.chart-row{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:11px}.chart-bar{height:15px;min-width:2px;background:#b7884a;border-radius:4px}.chart-date{width:85px;flex-shrink:0}[x-cloak]{display:none!important}
.brand-logo{display:block;position:relative;width:96px;aspect-ratio:1050/757;overflow:hidden;flex-shrink:0}
.brand-logo img{position:absolute;width:119.43%;height:auto;max-width:none;left:-9.524%;top:-32.365%}
.nav-main{padding:12px 0}.footer .brand{display:inline-block}.footer .brand-logo{width:90px}
.hero{border:1px solid #dfccac;background:linear-gradient(120deg,#f8f3e8,#e8d9bd)}
.hero-note{border-top:3px solid var(--gold)}.topbar{border-bottom:2px solid var(--gold)}
.btn-primary{box-shadow:0 3px 0 #b7884a33}.category-card:hover{box-shadow:0 5px 16px #0a231f0b}
.dashboard-nav a.active{border-bottom:3px solid var(--gold)}.chart-bar{background:var(--gold)}
.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem #b7884a26}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold-text);outline-offset:4px}
.skip-link{position:fixed;top:-90px;left:16px;z-index:10000;background:var(--primary);color:#fff;padding:12px 20px;border-radius:0 0 6px 6px}.skip-link:focus{top:0;color:#fff}
.form-control,.form-select,.flex-grow-1{min-width:0}.panel{overflow-wrap:anywhere}.summary-row>b{flex-shrink:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:991px){.hero h1{font-size:38px}.hero-copy{padding:32px}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-links{gap:13px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.container{padding-left:18px;padding-right:18px}.nav-main{padding:15px 0}.nav-main .container{flex-wrap:wrap!important;gap:15px!important}.search{order:3;min-width:100%;max-width:100%}.nav-links{margin-left:auto;font-size:11px;gap:10px}.hero{grid-template-columns:minmax(0,1fr);min-height:auto}.hero-copy{padding:30px}.hero h1{font-size:39px}.hero-art{height:210px}.hero-art img{height:220px}.hero-note{bottom:15px;right:15px;font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-img{height:155px}.product-img img{height:140px}.product-body{padding:12px}.categories{gap:10px}.category-card{padding:15px 8px}.benefits{gap:15px}.benefit{justify-content:start;gap:8px}.promo{padding:25px;display:block}.promo .btn{margin-top:20px}.topbar .secondary{display:none}.detail-image{height:310px}.section-head h2{font-size:20px}.panel{padding:18px}.footer{margin-top:35px}}