@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root { --canvas:#16130e; --deep:#110e09; --panel:#1f1b16; --panel-raised:#2d2924; --ink:#eae1d8; --muted:#c8c6ca; --bronze:#e9c08a; --bronze-deep:#5e4117; --line:#47464a; --ivory:#fdfbf7; --max:1440px; --gutter:4rem; }
* { box-sizing:border-box; }
html { background:var(--canvas); scroll-behavior:smooth; }
body { margin:0; background:var(--canvas); color:var(--ink); font-family:"Plus Jakarta Sans",Arial,sans-serif; font-size:15px; line-height:1.6; }
main { padding-top:180px; }
a { color:inherit; text-decoration:none; }
.material-symbols-outlined { font-family:'Material Symbols Outlined'; font-weight:normal; font-style:normal; font-size:18px; line-height:1; letter-spacing:normal; text-transform:none; display:inline-block; white-space:nowrap; word-wrap:normal; direction:ltr; -webkit-font-feature-settings:'liga'; -webkit-font-smoothing:antialiased; font-feature-settings:'liga'; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.container { width:min(var(--max),calc(100% - 2 * var(--gutter))); margin-inline:auto; }
.site-chrome { position:fixed; inset:0 0 auto; z-index:60; }
.utility-bar { background:var(--deep); border-bottom:1px solid rgba(200,198,202,.18); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.utility-inner { display:flex; gap:18px; align-items:center; min-height:38px; }
.utility-inner>a:hover,.utility-right a:hover { color:var(--bronze); }
.utility-right { display:flex; gap:22px; margin-left:auto; }
.site-header { background:rgba(17,14,9,.97); border-bottom:1px solid rgba(200,198,202,.25); }
.header-main { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:96px; padding-block:20px; }
.header-side { display:flex; align-items:center; gap:18px; }
.header-actions { justify-content:flex-end; font-size:19px; }
.search-link { border:1px solid rgba(200,198,202,.3); padding:8px 12px; color:var(--muted); font-size:18px; }
.search-link span { font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.brand-lockup { display:flex; flex-direction:column; gap:3px; text-align:center; }
.brand-lockup strong,.footer-brand { font:400 29px/1.1 "Playfair Display",Georgia,serif; letter-spacing:.2em; }
.brand-lockup em,.footer-brand em { color:var(--bronze); font-style:normal; }
.brand-lockup small { color:var(--bronze); font-size:9px; letter-spacing:.3em; }
.cart-link { display:flex; align-items:center; gap:8px; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }
.cart-link span { display:grid; place-items:center; width:18px; height:18px; background:var(--bronze); color:var(--deep); font-size:10px; }
.main-nav { display:flex; justify-content:center; gap:32px; overflow:auto; padding:13px 0 17px; white-space:nowrap; color:var(--muted); font-size:11px; letter-spacing:.17em; text-transform:uppercase; }
.main-nav a:hover,.main-nav a:focus-visible { color:var(--bronze); }
.eyebrow { display:block; color:var(--bronze); font-size:10px; line-height:1.4; letter-spacing:.16em; text-transform:uppercase; }
.hero { position:relative; display:grid; align-items:center; min-height:760px; background:linear-gradient(90deg,rgba(17,14,9,.95) 0%,rgba(17,14,9,.8) 43%,rgba(17,14,9,.15) 100%),linear-gradient(0deg,rgba(22,19,14,.95),transparent 65%),url('/media/hero.png') center/cover; }
.hero-copy { max-width:660px; padding:112px 0; }
.hero h1 { margin:22px 0; font:400 clamp(38px,5vw,56px)/1.15 "Playfair Display",Georgia,serif; }
.hero h1 em { color:var(--bronze); font-style:italic; }
.hero p { max-width:520px; color:var(--muted); font-size:17px; }
.hero-stats { display:grid; grid-template-columns:repeat(3,1fr); max-width:520px; gap:24px; margin-top:30px; padding-top:26px; border-top:1px solid rgba(200,198,202,.25); }
.hero-stat strong { display:block; color:var(--bronze); font:400 24px/1.1 "Playfair Display",Georgia,serif; }
.hero-stat span { display:block; margin-top:5px; color:var(--muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid var(--bronze); background:var(--bronze); color:var(--deep); padding:14px 22px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.button:hover { background:#967243; color:var(--ivory); }
.button.outline { background:transparent; color:var(--ink); }
.button.outline:hover { color:var(--bronze); }
.section { padding:80px 0; border-bottom:1px solid rgba(200,198,202,.14); }
.section-title { margin-bottom:34px; }
.section-title h2 { margin:7px 0; font:400 40px/1.2 "Playfair Display",Georgia,serif; }
.section-title p { max-width:620px; margin:0; color:var(--muted); }
.category-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.category-card { position:relative; height:380px; overflow:hidden; background:var(--panel); border:1px solid rgba(200,198,202,.3); }
.category-card:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,var(--deep),rgba(17,14,9,.55) 45%,transparent); }
.category-card img { display:block; width:100%; height:100%; object-fit:cover; opacity:.7; transition:transform .7s,opacity .5s; }
.category-card:hover { border-color:var(--bronze); }
.category-card:hover img { transform:scale(1.05); opacity:.85; }
.category-card>div { position:absolute; inset:auto 24px 24px; z-index:1; }
.category-card h3 { margin:7px 0; font:500 22px/1.25 "Playfair Display",Georgia,serif; }
.category-card p { margin:0; color:var(--muted); font-size:13px; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.product-card { display:flex; flex-direction:column; min-width:0; background:var(--panel); border:1px solid rgba(200,198,202,.2); }
.product-image-wrap { position:relative; display:block; aspect-ratio:4/5; overflow:hidden; background:var(--panel); }
.product-card.featured .product-image-wrap { aspect-ratio:4/3; background:var(--deep); }
.product-image-wrap img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.product-card:hover .product-image-wrap img { transform:scale(1.05); }
.product-heart { position:absolute; top:10px; right:12px; color:var(--ink); font-size:23px; }
.stock-badge,.product-badge { position:absolute; left:12px; background:var(--bronze); color:var(--deep); padding:4px 9px; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.stock-badge { bottom:12px; }
.product-badge { top:12px; }
.product-info { display:flex; flex:1; flex-direction:column; padding:20px; }
.product-info h3 { min-height:0; margin:6px 0 8px; font:500 18px/1.35 "Playfair Display",Georgia,serif; }
.product-info h3 a:hover { color:var(--bronze); }
.product-info p { margin:0 0 14px; color:var(--muted); font-size:12px; }
.product-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:13px; border-top:1px solid rgba(200,198,202,.2); }
.product-bottom strong { color:var(--bronze); font-size:16px; font-weight:600; }
.product-bottom button { width:34px; height:34px; border:1px solid rgba(200,198,202,.4); background:transparent; color:var(--muted); font-size:21px; }
.product-bottom button:hover { border-color:var(--bronze); background:var(--bronze); color:var(--deep); }
.story-grid { display:grid; grid-template-columns:5fr 7fr; gap:64px; align-items:center; }
.story-image { width:100%; height:480px; object-fit:cover; border:1px solid rgba(233,192,138,.4); padding:10px; background:var(--deep); }
.story-copy p { color:var(--muted); font-size:16px; }
.store-band { background:var(--deep); }
.store-grid { display:grid; grid-template-columns:7fr 5fr; gap:40px; align-items:stretch; }
.store-grid img { width:100%; height:100%; min-height:360px; aspect-ratio:16/10; object-fit:cover; border:1px solid rgba(200,198,202,.25); }
.store-copy { display:flex; flex-direction:column; justify-content:space-between; padding:24px 0; }
.instagram-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.instagram-grid img { display:block; width:100%; aspect-ratio:1; object-fit:cover; filter:saturate(.82); transition:transform .5s; }
.instagram-grid img:hover { transform:scale(1.03); }
.site-footer { background:var(--deep); border-top:1px solid rgba(200,198,202,.24); }
.footer-note { border-bottom:1px solid rgba(200,198,202,.18); }
.footer-note-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; padding:28px 0; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:48px; padding:60px 0; }
.footer-grid>div { display:flex; flex-direction:column; gap:9px; color:var(--muted); font-size:13px; }
.footer-grid h3 { margin:0 0 8px; padding-bottom:10px; border-bottom:1px solid rgba(200,198,202,.18); color:var(--bronze); font-size:11px; letter-spacing:.16em; text-transform:uppercase; }
.footer-grid a:hover { color:var(--bronze); }
.slogan { color:var(--bronze); font:italic 17px Georgia,serif; }
.legal { padding:12px; border:1px solid rgba(200,198,202,.2); font-size:11px; }
.footer-bottom { padding:15px 0; border-top:1px solid rgba(200,198,202,.18); color:var(--muted); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.footer-bottom .container { display:flex; justify-content:space-between; }
.page-hero { padding:70px 0 45px; background:var(--deep); border-bottom:1px solid rgba(200,198,202,.2); }
.page-hero h1 { margin:12px 0; font:400 clamp(38px,5vw,60px)/1.1 "Playfair Display",Georgia,serif; }
.breadcrumb { color:var(--muted); font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
.toolbar { display:flex; align-items:center; justify-content:space-between; padding:18px 0; margin-bottom:28px; border-bottom:1px solid rgba(200,198,202,.2); color:var(--muted); font-size:12px; }
.category-control { position:sticky; top:154px; z-index:20; padding:14px 0; background:rgba(31,27,22,.96); border-bottom:1px solid rgba(200,198,202,.18); backdrop-filter:blur(12px); }
.category-control .container { display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.category-control label { display:flex; align-items:center; gap:8px; }
.category-control select { padding:7px 28px 7px 10px; border:1px solid var(--line); background:var(--panel); color:var(--ink); font-size:12px; }
.control-dot { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:var(--bronze); }
.catalog-layout { padding:48px 0 90px; }
.catalog-layout .product-grid { grid-template-columns:repeat(4,1fr); }
.detail { padding:55px 0 90px; }
.detail-grid { display:grid; grid-template-columns:7fr 5fr; gap:56px; }
.detail-image-frame { position:relative; overflow:hidden; background:var(--panel); }
.detail-image { width:100%; aspect-ratio:16/10; object-fit:cover; background:var(--panel); }
.detail-tags { position:absolute; top:16px; left:16px; display:flex; flex-direction:column; gap:8px; }
.detail-tags span { padding:4px 9px; background:rgba(17,14,9,.9); color:var(--bronze); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.detail-thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:16px; }
.detail-thumb { position:relative; aspect-ratio:4/3; overflow:hidden; border:1px solid var(--line); background:var(--panel); }
.detail-thumb.active { border-color:var(--bronze); }
.detail-thumb img { width:100%; height:100%; object-fit:cover; opacity:.78; }
.detail-thumb span { position:absolute; right:5px; bottom:4px; color:var(--muted); font-size:9px; letter-spacing:.1em; }
.detail-sku { color:var(--muted); font-size:10px; letter-spacing:.15em; }
.detail-copy h1 { margin:10px 0 16px; font:400 clamp(35px,4vw,54px)/1.12 "Playfair Display",Georgia,serif; }
.detail-price { margin:20px 0; color:var(--bronze); font-size:22px; }
.detail-copy p { color:var(--muted); }
.detail-form { padding:20px 0; margin:25px 0; border-top:1px solid rgba(200,198,202,.22); border-bottom:1px solid rgba(200,198,202,.22); }
.detail-highlights { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:20px 0; border-block:1px solid rgba(200,198,202,.2); }
.detail-highlights div { display:flex; flex-direction:column; gap:3px; }
.detail-highlights strong { font:500 15px "Playfair Display",Georgia,serif; }
.detail-highlights span { color:var(--muted); font-size:11px; }
.detail-contact { display:block; margin-top:15px; color:var(--bronze); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.detail-tabs { padding:55px 0; margin-top:70px; border-top:1px solid rgba(200,198,202,.2); }
.detail-tabs h2 { margin:12px 0; font:400 32px "Playfair Display",Georgia,serif; }
.detail-tab-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.detail-tab-grid div { display:flex; flex-direction:column; gap:5px; padding-top:14px; border-top:1px solid var(--line); }
.detail-tab-grid strong { font:500 16px "Playfair Display",Georgia,serif; }
.detail-tab-grid span { color:var(--muted); font-size:12px; }
.related-section { padding:10px 0 30px; }
.guide-band { padding:64px 0; background:var(--panel); border-top:1px solid rgba(200,198,202,.18); }
.guide-band h2 { margin:10px 0; font:400 34px "Playfair Display",Georgia,serif; }
.about-breadcrumb { padding:16px 0; background:var(--deep); border-bottom:1px solid rgba(200,198,202,.18); color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.about-breadcrumb .container { display:flex; gap:12px; }
.about-breadcrumb strong { color:var(--bronze); font-weight:500; }
.about-hero { padding:88px 0; background:var(--panel); }
.about-hero h1 { margin:14px 0 18px; font:400 clamp(38px,5vw,60px)/1.12 "Playfair Display",Georgia,serif; }
.about-hero h1 em { color:var(--bronze); font-style:italic; }
.about-hero p { max-width:680px; color:var(--muted); font-size:17px; }
.about-stats { display:flex; gap:58px; margin-top:46px; padding-top:22px; border-top:1px solid rgba(200,198,202,.2); }
.about-stats div { display:flex; flex-direction:column; gap:4px; }
.about-stats strong { color:var(--bronze); font:400 26px "Playfair Display",Georgia,serif; }
.about-stats span { color:var(--muted); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.about-manifesto { padding:78px 0; background:var(--deep); text-align:center; }
.about-manifesto .container { max-width:900px; }
.about-manifesto h2 { margin:12px 0; font:400 40px/1.2 "Playfair Display",Georgia,serif; }
.about-manifesto p { margin:auto; max-width:700px; color:var(--muted); font-size:16px; }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.values-grid>div { padding-top:16px; border-top:1px solid var(--line); }
.values-grid span { color:var(--bronze); font-size:11px; letter-spacing:.12em; }
.values-grid h3 { margin:8px 0; font:500 20px "Playfair Display",Georgia,serif; }
.values-grid p { margin:0; color:var(--muted); font-size:13px; }
.quantity { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.quantity input { width:58px; padding:10px; border:1px solid var(--line); background:transparent; color:var(--ink); text-align:center; }
.prose { max-width:760px; color:var(--muted); }
.form-page { padding:50px 0 100px; }
.checkout-title { padding:30px 0 22px; background:var(--deep); border-bottom:1px solid rgba(200,198,202,.2); }
.checkout-title h1 { margin:18px 0 0; font:400 40px "Playfair Display",Georgia,serif; }
.checkout-steps { display:flex; gap:28px; color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.checkout-steps .active { color:var(--bronze); }
.checkout-page { padding:40px 0 100px; }
.checkout-fields { display:flex; flex-direction:column; gap:24px; }
.checkout-panel { padding:28px; }
.panel-title { padding-bottom:16px; margin-bottom:22px; border-bottom:1px solid rgba(200,198,202,.18); }
.panel-title h2 { margin:7px 0 0; }
.delivery-options { display:grid; gap:10px; }
.delivery-options label { display:flex; gap:12px; align-items:flex-start; padding:14px; border:1px solid var(--line); color:var(--muted); }
.delivery-options label:has(input:checked) { border-color:var(--bronze); }
.delivery-options span { display:flex; flex-direction:column; gap:3px; }
.delivery-options strong { color:var(--ink); font-size:13px; }
.delivery-options small { font-size:12px; }
.checkout-card-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.terms { display:flex; align-items:center; gap:8px; margin:18px 0; color:var(--muted); font-size:12px; }
.checkout-summary { position:sticky; top:190px; align-self:start; }
.checkout-summary h2 { margin:8px 0 22px; }
.checkout-mini-item { display:flex; gap:12px; padding:12px 0; border-bottom:1px solid rgba(200,198,202,.18); }
.checkout-mini-item img { width:64px; height:64px; object-fit:cover; background:var(--deep); }
.checkout-mini-item div { display:flex; flex-direction:column; gap:4px; font-size:12px; }
.checkout-mini-item span { color:var(--bronze); }
.checkout-grid { display:grid; grid-template-columns:7fr 5fr; gap:34px; }
.panel { padding:28px; background:var(--panel); border:1px solid rgba(200,198,202,.2); }
.panel h2 { margin:0 0 22px; font:400 28px Georgia,serif; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field.full { grid-column:1/-1; }
.field label { color:var(--muted); font-size:11px; letter-spacing:.11em; text-transform:uppercase; }
.field input,.field textarea,.field select { padding:12px; border:1px solid var(--line); background:transparent; color:var(--ink); }
.field input:focus,.field textarea:focus,.field select:focus { outline:1px solid var(--bronze); border-color:var(--bronze); }
.summary-row { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid rgba(200,198,202,.16); }
.summary-row.total { padding-top:20px; border-bottom:0; color:var(--bronze); font-size:18px; }
.notice { padding:10px 14px; border-left:2px solid var(--bronze); background:rgba(233,192,138,.08); color:var(--muted); font-size:13px; }
.empty { padding:80px 0; color:var(--muted); text-align:center; }
.cart-page { padding:48px 0 100px; }
.cart-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:24px; margin-bottom:32px; background:linear-gradient(90deg,rgba(45,41,36,.55),rgba(35,31,26,.15),transparent); }
.cart-heading h1 { margin:8px 0 0; font:400 40px/1.2 "Playfair Display",Georgia,serif; }
.cart-heading h1 em { color:var(--bronze); font-size:26px; font-style:italic; }
.back-link { color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.back-link:hover { color:var(--bronze); }
.cart-layout { display:grid; grid-template-columns:2fr 1fr; gap:32px; align-items:start; }
.cart-lines { display:flex; flex-direction:column; gap:16px; }
.cart-shipping { padding:16px; background:rgba(45,41,36,.65); color:var(--muted); font-size:13px; }
.cart-item { display:grid; grid-template-columns:220px 1fr; gap:24px; padding:16px; background:rgba(31,27,22,.7); border:1px solid rgba(200,198,202,.2); }
.cart-item-image { display:block; aspect-ratio:4/5; overflow:hidden; background:var(--deep); }
.cart-item-image img { width:100%; height:100%; object-fit:cover; }
.cart-item-copy { display:flex; flex-direction:column; justify-content:center; }
.cart-item-copy h2 { margin:8px 0; font:400 25px/1.25 "Playfair Display",Georgia,serif; }
.cart-sku { color:var(--muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.cart-item-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:30px; padding-top:16px; border-top:1px solid rgba(200,198,202,.2); }
.cart-item-foot strong { color:var(--bronze); font-size:18px; }
.cart-actions { display:flex; align-items:center; gap:10px; }
.cart-actions button { min-width:27px; height:27px; border:1px solid var(--line); background:transparent; color:var(--ink); }
.cart-actions button:hover { border-color:var(--bronze); color:var(--bronze); }
.cart-actions span { min-width:20px; text-align:center; }
.cart-actions .cart-remove { width:auto; margin-left:10px; padding:0 8px; border:0; color:var(--muted); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.cart-summary { position:sticky; top:190px; padding:26px; background:var(--panel); border:1px solid rgba(200,198,202,.25); }
.cart-summary h2 { margin:8px 0 22px; font:400 28px "Playfair Display",Georgia,serif; }
.cart-help { margin:20px 0 0; color:var(--muted); font-size:12px; }
.cart-help a { color:var(--bronze); }
.cart-recommendations { padding-top:90px; margin-top:75px; border-top:1px solid rgba(200,198,202,.2); }
.admin-shell { display:grid; grid-template-columns:240px 1fr; min-height:700px; }
.admin-side { padding:30px 20px; background:var(--deep); border-right:1px solid var(--line); }
.admin-side h2 { margin:0 0 30px; font:400 22px Georgia,serif; }
.admin-side a { display:block; padding:10px 0; color:var(--muted); font-size:13px; }
.admin-side a:hover { color:var(--bronze); }
.admin-main { padding:45px; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.stat { padding:20px; background:var(--panel); border:1px solid var(--line); }
.stat span { color:var(--muted); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.stat strong { display:block; margin-top:9px; color:var(--bronze); font:400 30px Georgia,serif; }
.admin-user { color:var(--muted); font-size:12px; margin:12px 0 20px; }
.admin-logout { margin-top:30px; border:1px solid var(--line); background:transparent; color:var(--muted); padding:9px 12px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.admin-logout:hover { border-color:var(--bronze); color:var(--bronze); }
.admin-table { padding:0; overflow:auto; }
.admin-table-head,.admin-table-row { display:grid; grid-template-columns:2fr 1.5fr 1fr; gap:20px; min-width:620px; padding:16px 20px; border-bottom:1px solid rgba(200,198,202,.16); }
.admin-table-head { color:var(--bronze); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.admin-table-row { color:var(--muted); font-size:13px; }
.admin-table-row strong { color:var(--ink); font-weight:500; }
.demo-product-editor { display:grid; grid-template-columns:minmax(160px,1fr) 100px 80px auto; align-items:center; gap:7px; min-width:430px; }
.demo-product-editor input { min-width:0; width:100%; padding:8px 9px; border:1px solid var(--line); background:var(--canvas); color:var(--ink); font:inherit; }
.demo-product-editor .button { padding:8px 10px; font-size:10px; }
.demo-product-editor small { color:var(--bronze); }
@media(max-width:560px){ .demo-product-editor { grid-template-columns:1fr 85px 70px auto; min-width:390px; } }
.auth-page { min-height:70vh; display:grid; place-items:center; padding:60px var(--gutter); background:var(--deep); }
.auth-card { width:min(100%,460px); padding:38px; background:var(--panel); border:1px solid rgba(200,198,202,.25); }
.auth-card h1 { margin:12px 0; font:400 38px/1.2 "Playfair Display",Georgia,serif; }
@media(max-width:900px){ :root{--gutter:1.25rem} main{padding-top:142px}.header-main{min-height:82px}.header-side:first-child .search-link > span:last-child{display:none}.main-nav{justify-content:flex-start;gap:22px}.hero{min-height:620px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.catalog-layout .product-grid{grid-template-columns:repeat(2,1fr)}.story-grid,.store-grid,.detail-grid,.checkout-grid,.cart-layout{grid-template-columns:1fr;gap:30px}.store-copy{padding:25px 0}.detail-highlights,.detail-tab-grid{grid-template-columns:repeat(3,1fr)}.category-control{top:142px}.category-control .container{align-items:flex-start;flex-direction:column;gap:10px}.cart-summary{position:static}.footer-note-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.instagram-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid var(--line)}.admin-main{padding:30px var(--gutter)}.stats{grid-template-columns:repeat(2,1fr)} }
@media(max-width:900px){ :root{--gutter:1.25rem} main{padding-top:168px}.header-main{min-height:82px}.header-side:first-child .search-link > span:last-child{display:none}.main-nav{justify-content:flex-start;gap:22px}.hero{min-height:620px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.catalog-layout .product-grid{grid-template-columns:repeat(2,1fr)}.story-grid,.store-grid,.detail-grid,.checkout-grid,.cart-layout{grid-template-columns:1fr;gap:30px}.store-copy{padding:25px 0}.detail-highlights,.detail-tab-grid{grid-template-columns:repeat(3,1fr)}.category-control{top:168px}.category-control .container{align-items:flex-start;flex-direction:column;gap:10px}.cart-summary,.checkout-summary{position:static}.values-grid{grid-template-columns:repeat(2,1fr)}.footer-note-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.instagram-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid var(--line)}.admin-main{padding:30px var(--gutter)}.stats{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .utility-inner{flex-wrap:wrap;gap:8px;padding:7px 0;font-size:9px}.utility-right{display:none}.brand-lockup strong{font-size:18px;letter-spacing:.12em}.brand-lockup small{font-size:7px;letter-spacing:.16em}.header-actions{gap:10px;font-size:16px}.cart-link{font-size:0}.cart-link span{font-size:10px}.hero-copy{padding:80px 0}.hero p{font-size:15px}.hero-stats{gap:12px}.hero-stat strong{font-size:19px}.section{padding:58px 0}.section-title h2{font-size:30px}.category-grid,.product-grid,.catalog-layout .product-grid{grid-template-columns:1fr}.category-card{height:310px}.cart-heading{align-items:flex-start;flex-direction:column;padding:18px}.cart-heading h1{font-size:31px}.cart-item{grid-template-columns:110px 1fr;gap:15px;padding:12px}.cart-item-copy h2{font-size:19px}.cart-item-foot{align-items:flex-start;flex-direction:column;gap:15px;margin-top:18px}.cart-actions{flex-wrap:wrap}.detail-highlights,.detail-tab-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding:45px 0}.footer-note-grid{grid-template-columns:1fr;font-size:10px}.footer-bottom .container{flex-direction:column;gap:8px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:20px}.admin-main{padding:25px var(--gutter)} }
@media(max-width:560px){ .utility-inner{flex-wrap:wrap;gap:8px;padding:7px 0;font-size:9px}.utility-right{display:none}.brand-lockup strong{font-size:18px;letter-spacing:.12em}.brand-lockup small{font-size:7px;letter-spacing:.16em}.header-actions{gap:10px;font-size:16px}.cart-link{font-size:0}.cart-link span{font-size:10px}.hero-copy{padding:80px 0}.hero p{font-size:15px}.hero-stats{gap:12px}.hero-stat strong{font-size:19px}.section{padding:58px 0}.section-title h2{font-size:30px}.category-grid,.product-grid,.catalog-layout .product-grid{grid-template-columns:1fr}.category-card{height:310px}.about-hero{padding:65px 0}.about-stats{gap:22px}.about-stats strong{font-size:21px}.about-manifesto h2{font-size:30px}.values-grid{grid-template-columns:1fr}.cart-heading{align-items:flex-start;flex-direction:column;padding:18px}.cart-heading h1{font-size:31px}.cart-item{grid-template-columns:110px 1fr;gap:15px;padding:12px}.cart-item-copy h2{font-size:19px}.cart-item-foot{align-items:flex-start;flex-direction:column;gap:15px;margin-top:18px}.cart-actions{flex-wrap:wrap}.checkout-title h1{font-size:31px}.checkout-steps{gap:12px;font-size:9px}.checkout-card-fields{grid-template-columns:1fr}.detail-highlights,.detail-tab-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding:45px 0}.footer-note-grid{grid-template-columns:1fr;font-size:10px}.footer-bottom .container{flex-direction:column;gap:8px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:20px}.admin-main{padding:25px var(--gutter)} }

/* Admin login is a standalone surface; public chrome must not push it below the fold. */
body:has(.auth-page) { overflow-x:hidden; }
body:has(.auth-page) .site-chrome, body:has(.auth-page) > .site-footer { display:none; }
body:has(.auth-page) main { padding-top:0; }
.auth-page { min-height:100svh; width:100%; overflow-x:hidden; }
.auth-card { max-height:calc(100svh - 48px); overflow:auto; }
.main-nav { scrollbar-width:none; -ms-overflow-style:none; }
.main-nav::-webkit-scrollbar { display:none; }

@media (max-width:900px) {
  html, body { overflow-x:hidden; }
  .header-main { grid-template-columns:42px minmax(0,1fr) auto; gap:8px; padding-block:16px; }
  .header-side { min-width:0; }
  .header-actions { gap:10px; }
  .search-link { width:42px; height:38px; padding:9px; display:grid; place-items:center; }
  .brand-lockup { min-width:0; }
  .brand-lockup strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .main-nav { width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; }
}
@media (max-width:560px) {
  .utility-inner { align-items:flex-start; }
  .utility-inner > span:first-child { max-width:62%; line-height:1.45; }
  .brand-lockup strong { font-size:17px; letter-spacing:.1em; }
  .brand-lockup small { font-size:7px; letter-spacing:.12em; }
  .header-actions { gap:7px; font-size:15px; }
  .header-actions > a[aria-label="Favorilerim"] { display:none; }
  .cart-link { gap:4px; }
  .main-nav { padding-block:11px 13px; gap:20px; font-size:10px; }
  .auth-page { padding:24px 16px; }
  .auth-card { width:100%; max-height:none; padding:24px 20px; }
  .auth-card h1 { font-size:31px; }
}

/* Premium PHP admin workspace: public header spacing must never affect it. */
body.admin-body { background:#0f0d0a; color:var(--ink); }
body.admin-body main { padding-top:0; }
.admin-layout { min-height:100svh; display:grid; grid-template-columns:278px minmax(0,1fr); }
.admin-sidebar { position:sticky; top:0; height:100svh; display:flex; flex-direction:column; padding:28px 20px 22px; background:linear-gradient(180deg,#19150f,#100e0b); border-right:1px solid rgba(233,192,138,.18); }
.admin-brand { display:flex; align-items:center; gap:12px; padding:0 10px 28px; border-bottom:1px solid rgba(200,198,202,.14); }
.admin-mark { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--bronze); color:var(--bronze); font:500 22px Georgia,serif; }
.admin-brand strong { display:block; font:400 19px/1 "Playfair Display",Georgia,serif; letter-spacing:.1em; }
.admin-brand em { color:var(--bronze); font-style:normal; }
.admin-brand small { display:block; margin-top:6px; color:var(--muted); font-size:8px; letter-spacing:.2em; }
.admin-profile { display:flex; align-items:center; gap:10px; margin:22px 8px; padding:12px; background:rgba(233,192,138,.06); border:1px solid rgba(233,192,138,.13); }
.admin-avatar,.admin-top-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--bronze); color:var(--deep); font-size:11px; font-weight:700; }
.admin-profile strong { display:block; max-width:172px; overflow:hidden; text-overflow:ellipsis; color:var(--ink); font-size:11px; }
.admin-profile small { display:block; color:var(--muted); font-size:9px; }
.admin-nav { display:grid; gap:4px; }
.admin-nav-label { margin:8px 11px 8px; color:var(--bronze); font-size:9px; letter-spacing:.18em; }
.admin-nav a { display:flex; align-items:center; gap:12px; padding:12px 12px; color:var(--muted); border:1px solid transparent; font-size:12px; transition:background .2s,border .2s,color .2s; }
.admin-nav a b { width:18px; color:var(--bronze); font-size:16px; font-weight:400; text-align:center; }
.admin-nav a:hover,.admin-nav a.active { background:rgba(233,192,138,.1); border-color:rgba(233,192,138,.25); color:var(--ink); }
.admin-exit { display:flex; gap:10px; align-items:center; margin-top:auto; padding:13px 12px; color:var(--muted); border-top:1px solid rgba(200,198,202,.14); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.admin-exit:hover { color:var(--bronze); }
.admin-content { min-width:0; padding:0 46px 70px; }
.admin-topbar { display:flex; align-items:center; justify-content:space-between; min-height:112px; padding:20px 0; border-bottom:1px solid rgba(200,198,202,.14); }
.admin-topbar h1 { margin:5px 0 0; font:400 38px/1.1 "Playfair Display",Georgia,serif; }
.admin-top-actions { display:flex; align-items:center; gap:18px; color:var(--muted); font-size:11px; }
.admin-top-actions a:hover { color:var(--bronze); }
.admin-top-avatar { width:36px; height:36px; }
.admin-kicker { color:var(--bronze); font-size:9px; letter-spacing:.2em; text-transform:uppercase; }
.admin-alert { margin:22px 0 0; padding:13px 16px; border:1px solid rgba(233,192,138,.35); background:rgba(233,192,138,.08); color:var(--bronze); font-size:12px; }
.admin-toolbar,.admin-welcome { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:34px 0 22px; }
.admin-intro { margin:0; max-width:700px; color:var(--muted); font-size:13px; }
.admin-welcome h2 { margin:6px 0; font:400 27px "Playfair Display",Georgia,serif; }
.admin-welcome p { margin:0; color:var(--muted); font-size:13px; }
.admin-product-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr); gap:22px; }
.admin-two-col { display:grid; grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr); gap:22px; }
.admin-form-panel,.admin-list-panel,.admin-two-col>.panel { background:var(--panel); border:1px solid rgba(200,198,202,.18); }
.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:22px 24px; border-bottom:1px solid rgba(200,198,202,.14); }
.panel-heading h2 { margin:5px 0 0; font:400 24px "Playfair Display",Georgia,serif; }
.admin-form { padding:24px; }
.admin-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.admin-field { display:flex; flex-direction:column; gap:7px; color:var(--muted); font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.admin-field.wide { grid-column:1/-1; }
.admin-field input,.admin-field select,.admin-field textarea { width:100%; padding:12px 13px; border:1px solid rgba(200,198,202,.24); outline:0; background:#15120e; color:var(--ink); font-size:13px; letter-spacing:0; text-transform:none; }
.admin-field textarea { resize:vertical; min-height:88px; line-height:1.5; }
.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus { border-color:var(--bronze); }
.admin-field small { color:var(--muted); font-size:10px; letter-spacing:0; text-transform:none; }
.admin-check { display:flex; align-items:center; gap:9px; margin:18px 0; color:var(--muted); font-size:12px; }
.admin-form>.button { margin-top:4px; }
.admin-list-panel { align-self:start; }
.admin-product-row { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 18px; border-bottom:1px solid rgba(200,198,202,.12); }
.admin-product-row:hover { background:rgba(233,192,138,.06); }
.admin-product-row img,.category-admin-row img { width:54px; height:54px; object-fit:cover; background:var(--deep); }
.admin-product-row strong,.category-admin-row strong { display:block; overflow:hidden; color:var(--ink); font-size:12px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.admin-product-row small,.category-admin-row small { display:block; margin-top:5px; color:var(--muted); font-size:10px; }
.admin-product-row b { color:var(--bronze); font:400 18px Georgia,serif; }
.admin-table { overflow:auto; }
.admin-table-head,.admin-table-row { min-width:680px; }
.admin-table-row input { min-width:0; width:100%; border:1px solid rgba(200,198,202,.25); padding:10px; background:#15120e; color:var(--ink); }
.admin-table-row .button { padding:9px 12px; font-size:9px; }
.category-admin-row { display:grid; grid-template-columns:54px minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:13px 18px; border-bottom:1px solid rgba(200,198,202,.12); }
.category-admin-row a { color:var(--bronze); font-size:11px; }
.link-button { border:0; background:transparent; color:var(--muted); font-size:11px; cursor:pointer; }
.link-button:hover { color:var(--bronze); }
.status-pill { padding:6px 9px; border:1px solid rgba(200,198,202,.3); color:var(--muted); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.status-pill.ready { border-color:rgba(117,192,139,.5); color:#9bd4a8; }
.form-note { color:var(--muted); font-size:11px; }
.admin-quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.admin-quick-grid a { display:flex; flex-direction:column; gap:6px; padding:22px; background:var(--panel); border:1px solid rgba(200,198,202,.18); }
.admin-quick-grid a:hover { border-color:var(--bronze); }
.admin-quick-grid span { color:var(--bronze); font-size:22px; }
.admin-quick-grid strong { font-size:13px; font-weight:500; }
.admin-quick-grid small { color:var(--muted); font-size:11px; }
.media-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.media-card { overflow:hidden; background:var(--panel); border:1px solid rgba(200,198,202,.18); }
.media-card img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
.media-card span { display:block; padding:10px; color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:1000px){.admin-layout{grid-template-columns:220px minmax(0,1fr)}.admin-content{padding-inline:28px}.admin-product-layout,.admin-two-col{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.admin-layout{display:block}.admin-sidebar{position:relative;height:auto;padding:16px}.admin-brand{padding-bottom:15px}.admin-profile{margin:12px 0}.admin-nav{display:flex;overflow:auto;gap:6px;padding-bottom:3px}.admin-nav-label{display:none}.admin-nav a{flex:0 0 auto;padding:9px 10px}.admin-nav a b{display:none}.admin-exit{position:absolute;top:22px;right:15px;border:0;margin:0;padding:8px}.admin-exit b{font-size:18px}.admin-exit{font-size:0}.admin-content{padding:0 16px 50px}.admin-topbar{min-height:84px}.admin-topbar h1{font-size:30px}.admin-top-actions>a:first-child{display:none}.admin-form-grid{grid-template-columns:1fr}.admin-field.wide{grid-column:auto}.admin-toolbar,.admin-welcome{align-items:flex-start;flex-direction:column}.admin-quick-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)!important}.media-grid{grid-template-columns:repeat(2,1fr)}}