:root{--ui-action:#715d46;--ui-hover:#594936;--ui-surface:#fffdf9;--ui-soft:#eee9e1;--ui-border:#d8d0c4;--ui-text:#302e29;--ui-muted:#716a60;--teal:#715d46;--deep:#302e29;--ink:#302e29;--muted:#716a60;--line:#d8d0c4}
body{background:#f7f4ee}
h1,h2,h3,.hero h1,.hero h1 em,.section-heading h2,.account-intro h1{font-family:Manrope,"Segoe UI",sans-serif;font-style:normal;font-weight:600}
.hero h1 em{font-weight:400}
.button,html[data-theme=dark] .button{background:var(--ui-action);color:#fff;box-shadow:none;border-radius:14px;min-height:44px;font-weight:600}
.button:hover,html[data-theme=dark] .button:hover{background:var(--ui-hover);color:#fff}
.soft-button{border-radius:14px;min-height:44px;font-weight:600}
.button,.soft-button,.chip{transition:background-color .16s,border-color .16s,color .16s}
.button:active,.soft-button:active{transform:none!important}
.hero-backdrop.graphite{background:radial-gradient(ellipse at 90% 20%,#b2924d22,transparent 60%),linear-gradient(115deg,#292722,#403b33 62%,#746a5c)}
.hero-button,.cart-dock .button{background:#d9c3a2;color:#32291b}
.hero-button:hover,.cart-dock .button:hover{background:#e6d6bd;color:#32291b}
.hero[data-slide-tone=light] .hero-button{background:var(--ui-action);color:white}
.aside-card,.summary-callout,.account-intro,.admin-sidebar{background:#37332c;border-color:#766b59}
.aside-card::before,.summary-callout::before,.account-intro::before{animation:none;opacity:.35}
.hero-backdrop::before{animation:none}
.site-footer{background:#f0eee7;border-color:#dfdbcf}
.catalog-toolbar,.catalog-filters,.panel,.account-card,.kpi{background:var(--ui-surface);border-color:var(--ui-border);box-shadow:0 4px 16px #302e2906;border-radius:18px}
.kpi,.kpi:nth-child(2),.kpi:nth-child(3),.kpi:nth-child(4){background:var(--ui-surface);border-top-color:#b89a5c}
.kpi strong,.product-price,.modal-top h2,.section-heading h2{color:var(--ui-text)}
.chip.active,.subcategory-chips .chip.active,html[data-theme=dark] .chip.active{background:var(--ui-action);color:white;border-color:var(--ui-action)}
.chip,.soft-button{border-color:var(--ui-border)}
.soft-button:hover,.chip:hover{background:var(--ui-soft);color:var(--ui-action);border-color:var(--ui-action)}
.chip.active:hover{background:var(--ui-hover);color:white}
.qty button{color:var(--ui-action)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--ui-action);color:white}
input[type=checkbox],input[type=radio]{accent-color:var(--ui-action)}
.whatsapp-contact,html[data-theme=dark] .whatsapp-contact{background:#128c4a;color:#fff;border-color:#ffffff80;box-shadow:0 5px 18px #064e2928}
.whatsapp-contact:hover,html[data-theme=dark] .whatsapp-contact:hover{background:#0c703a}
dialog{background:var(--ui-surface);border-color:var(--ui-border);border-radius:20px}
.modal-top{border-color:var(--ui-border);gap:12px}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,.select2-container--default .select2-selection--single{border-radius:12px}
#products:not(.list-view) .product-body>small{height:2.8em}
#products:not(.list-view) .product-body h3{height:2.7em;margin:6px 0 8px}
.product-markers{display:flex;gap:5px;min-height:23px;align-items:flex-start;flex-wrap:wrap}
#products .product-markers .badge{margin:0}
#products:not(.list-view) .product-price{display:block;min-height:28px;margin:0 0 6px;color:var(--ui-text)}
#products:not(.list-view) .product-stock{min-height:43px;align-content:center;margin-bottom:8px}
#products .product-stock.in-stock{background:#eee9e1;border-color:#d8cbb8;color:#69563f}
#products .product-stock.out-of-stock{background:#f3efec;color:#795c49;border-color:#e0d4ca}
#products:not(.list-view) .product-bottom{margin-top:auto;padding-top:0;gap:7px}
.product-selection-state{display:block;min-height:17px;font-size:10px;line-height:1.5;color:var(--ui-muted);text-align:center}
.product-card.is-selected .product-selection-state{color:var(--gold-text);font-weight:700}
#products .product-details-button{min-height:40px;color:var(--ui-action)}
.cart-dock{background:#302e29;border-color:#8c7c63}
.cart-dock small{color:#e4dccf}
.cart-dock .cart-estimate{font-weight:600;color:#e5d2b3}
.catalog-skeleton{padding:6px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface)}
.skeleton-image,.skeleton-line{background:var(--ui-soft);border-radius:10px}
.skeleton-image{height:164px}.skeleton-line{height:14px;margin:12px 5px}.skeleton-line.short{width:55%}
.catalog-status{grid-column:1/-1;text-align:center;color:var(--ui-muted);font-size:13px}
#products .empty{width:100%;min-height:240px;padding:32px 20px;box-shadow:none}
#products .empty::before{content:"◇";background:var(--ui-soft);border-color:var(--ui-surface);color:#ae873e}
#products .empty .button{margin-top:8px}
#products .empty h2{font-size:24px}
.toast{background:#403a30;color:#fff;border:1px solid #bca887;border-radius:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media screen{
html[data-theme=dark]{--ui-action:#78634a;--ui-hover:#66523d;--ui-surface:#302d27;--ui-soft:#3d3830;--ui-border:#5c5347;--ui-text:#f0ede4;--ui-muted:#c7beb0;--ink:#f0ede4;--muted:#c7beb0;--teal:#dec8a7;--line:#5c5347}
html[data-theme=dark] body{background:#24221e}
html[data-theme=dark] :is(.site-header,.mobile-nav,.site-footer){background:#2c2923;border-color:var(--ui-border)}
html[data-theme=dark] :is(.product-card,.panel,.account-card,.catalog-toolbar,.catalog-filters,.journey-step,.kpi,dialog,.empty,.table-wrap){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] :is(.section-heading h1,.section-heading h2,.product-body h3,.modal-top h2,.kpi strong,.product-price){color:var(--ui-text)}
html[data-theme=dark] :is(.soft-button,.qty,.appearance-toggle){background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] #products .product-stock.in-stock{background:#40382c;color:#e3d3b9;border-color:#75634b}
html[data-theme=dark] #products .product-stock.out-of-stock{background:#40352d;color:#e2c8b3;border-color:#665344}
html[data-theme=dark] .hero-wave .wave-front{fill:#24221e}
html[data-theme=dark] .hero-button,html[data-theme=dark] .cart-dock .button{background:#d9c3a2;color:#32291b}
}
@media(max-width:767px){.cart-dock{gap:10px;align-items:center}.cart-dock>div{min-width:0;font-size:12px}.cart-dock small{display:block;font-size:10px}.cart-dock .button{font-size:12px;white-space:nowrap;padding:10px 12px}.toast{bottom:calc(180px + env(safe-area-inset-bottom));left:16px;right:16px;max-width:none}.filter-count{max-width:50%;text-align:right}.skeleton-image{height:132px}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{font-size:16px}}

@media screen{
html[data-theme=dark] body .button{background:var(--ui-action);color:#fff}
html[data-theme=dark] body .button:hover{background:var(--ui-hover)}
html[data-theme=dark] body .hero-button,html[data-theme=dark] body .cart-dock .button{background:#d9c3a2;color:#32291b}
html[data-theme=dark] #products .product-card{background:var(--ui-surface);border-color:var(--ui-border)}
html[data-theme=dark] #products .product-card.is-selected{border-color:#b58a3c}
html[data-theme=dark] :is(.desktop-nav,.bag-button,.avatar,.search-box,.filters-disclosure>summary,.subcategory-chips){background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] :is(.stock-filter,.filter-fields label){color:var(--ui-muted)}
html[data-theme=dark] body input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] body textarea,html[data-theme=dark] body .select2-selection--single{background:#25221d;color:var(--ui-text);border-color:#605544}
html[data-theme=dark] body .chip,html[data-theme=dark] .subcategory-chips .chip{background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] body .chip.active,html[data-theme=dark] .subcategory-chips .chip.active{background:var(--ui-action);color:#fff;border-color:var(--ui-action)}
}

@media screen{
html[data-theme=dark] body .button:not(.hero-button){background:var(--ui-action);color:#fff}
html[data-theme=dark] body .button:not(.hero-button):hover{background:var(--ui-hover)}
html[data-theme=dark] body .cart-dock .button{background:#d9c3a2;color:#32291b}
html[data-theme=dark] body .select2-container--default .select2-selection--single,html[data-theme=dark] body .select2-container--default .select2-selection--multiple{background:#25221d;color:var(--ui-text);border-color:#605544}
}

/* Approved brand film, with a static poster and mobile-safe framing. */
.hero-backdrop.brand-film{background:#24231d}
.hero-backdrop.brand-film::before,.hero-backdrop.brand-film::after{display:none}
.hero-backdrop.brand-film,.hero-backdrop.brand-film.is-active{transform:none}
.brand-film video{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}
.hero[data-slide-video=true] .brand-art{visibility:hidden}
.hero[data-slide-video=true] .hero-copy{position:relative}
.hero[data-slide-video=true] .hero-copy::before{content:"";position:absolute;inset:0 -30px 0 0;z-index:-1;background:linear-gradient(90deg,#171813c9,#17181388 65%,transparent);pointer-events:none}
.hero.video-unavailable .brand-film video{visibility:hidden}
.hero.video-unavailable .brand-film{background:#24231d url('/assets/mabruk-carousel-poster.jpg') center/cover no-repeat}
@media(max-width:767px){
 .hero[data-slide-video=true]{background:#24231d}
 .hero[data-slide-video=true] .brand-art{height:290px;min-height:290px;padding:0}
 .brand-film video{position:absolute;bottom:70px;left:0;right:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
 .hero[data-slide-video=true] .hero-copy::before{inset:0;background:#24231d}
 .hero.video-unavailable .brand-film{background-size:100% auto;background-position:center bottom 70px}
}


/* Diamond reference palette: champagne, silver, ivory and warm graphite. */
:root{--brand-gold:#b59a75;--brand-teal:#715d46;--teal:#715d46;--deep:#302e29;--ink:#302e29;--muted:#716a60;--line:#d8d0c4;--bg:#f7f4ee;--pale:#eee9e1;--gold-surface:#fffdf9;--gold-soft:#efe6d8;--gold-text:#70583b;--gold-border:#d5c4aa}
.site-header,.mobile-nav{background:#fffdf9;border-color:var(--ui-border)}
.notice-bar{background:#302e29;color:#eee4d4}
.desktop-nav,.bag-button,.avatar,.appearance-toggle{background:#eee9e1;color:#504638;border-color:#d8d0c4}
.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:#70583b;background:#e8dcc9}
.aside-card,.summary-callout,.account-intro,.admin-sidebar{background:linear-gradient(135deg,#302e29,#494136);border-color:#82715a;color:#f4eee4}
.aside-card>span:not(.eyebrow){color:#e3cba7}
.hero h1 em{color:#e3cba7}
.hero-wave .wave-front{fill:#f7f4ee}
.journey-step>span{background:linear-gradient(135deg,#eee7dd,#d5c3a8);color:#594936;border-color:#d0bea2}
.product-card,.journey-step,.data-table{border-color:var(--ui-border)}
.product-card:hover,.product-card:focus-within{border-color:#b59a75}
.product-card.is-selected{border-color:#b59a75;box-shadow:0 0 0 1px #b59a75}
.product-card.is-selected .qty{border-color:#b59a75}
:focus-visible{outline-color:#987d57}
body .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--ui-action);color:#fff}
.data-table thead th,.subcategory-edit-list,.info-box,.payment-row{background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
.data-table tbody tr:hover{background:var(--ui-soft)}
.data-table td{border-color:var(--ui-border)}
@media screen{
html[data-theme=dark]{--brand-gold:#d9c3a2;--brand-teal:#dec8a7;--bg:#24221e;--pale:#3d3830;--white:#302d27;--gold-surface:#302d27;--gold-soft:#40372b;--gold-text:#e1c9a6;--gold-border:#75634b}
html[data-theme=dark] .desktop-nav a[aria-current=page],html[data-theme=dark] .mobile-nav a[aria-current=page]{background:#494032;color:#ead7b9}
html[data-theme=dark] #products .product-card.is-selected{border-color:#c4a67c}
html[data-theme=dark] .data-table thead th,html[data-theme=dark] :is(.subcategory-edit-list,.info-box,.payment-row){background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] .data-table tbody tr:hover{background:var(--ui-soft)}
html[data-theme=dark] .data-table td{border-color:var(--ui-border)}
html[data-theme=dark] .select2-dropdown{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true]{background:var(--ui-soft);color:var(--ui-text)}
html[data-theme=dark] body .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--ui-action);color:#fff}
html[data-theme=dark] .select2-selection__choice{background:#494032!important;border-color:#75634b!important}
}

.desktop-nav a{color:#504638}
@media screen{html[data-theme=dark] .desktop-nav a{color:#eee4d4}html[data-theme=dark] .desktop-nav a[aria-current=page]{background:#494032;color:#ead7b9}}

/* Consistent rounded controls across public and administrative screens. */
:root{--radius-control:12px;--radius-panel:18px;--radius-pill:999px}
.desktop-nav{padding:5px;gap:4px}
.desktop-nav a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;min-height:44px;border-radius:var(--radius-pill);white-space:nowrap}
.desktop-nav a[aria-current]{border:0;border-radius:var(--radius-pill)}
.mobile-nav a,.mobile-nav a[aria-current]{border-radius:var(--radius-control)}
#admin-menu button,#admin-menu button.active,.tabs button,.pagination button{border-radius:var(--radius-control)}
.button,.soft-button,.icon-button,.product-details-button{border-radius:var(--radius-control)}
.search-box,.qty,.info-box,.payment-row,.subcategory-edit-list,.gallery-admin{border-radius:var(--radius-control)}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{border-radius:var(--radius-control)}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{border-radius:var(--radius-control)}
.select2-dropdown{border-radius:var(--radius-control);overflow:hidden}
.select2-container--default .select2-results__option{border-radius:8px;margin:3px 5px}
.select2-container--default .select2-selection__choice{border-radius:8px}
.table-wrap{border-radius:var(--radius-panel)}
.badge,.active-filter,.chip{border-radius:var(--radius-pill)}

/* Gold accents and quiet section transitions, without moving shopping cards. */
:root{--accent-gold:#be944c;--accent-champagne:#f2dfb7;--accent-bronze:#936b39}
body{background:radial-gradient(ellipse at 0 28%,#e8c67d22,transparent 45%),radial-gradient(ellipse at 100% 75%,#c8c3b52b,transparent 42%),#f7f4ee}
.notice-bar{background:linear-gradient(110deg,#302e29,#57452b,#302e29)}
.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{background:linear-gradient(120deg,#f5e5c3,#dec18a);color:#49371f}
.section-heading .eyebrow{color:#8a632b}
.section-heading h2>span,.section-heading h1>span{color:#b28335}
.journey-step:nth-child(1){background:linear-gradient(130deg,#fffdf8,#f4e6c8);border-color:#ddc592}
.journey-step:nth-child(2){background:linear-gradient(130deg,#fffdf9,#eae7df);border-color:#d2ccc0}
.journey-step:nth-child(3){background:linear-gradient(130deg,#fffaf4,#eddbc7);border-color:#d8bfa1}
.journey-step>span{background:linear-gradient(135deg,#f5e7c8,#cfaa64);color:#4c381e}
.catalog-toolbar{background:linear-gradient(115deg,#fffdf9,#f7edda);border-color:#dfcba3}
.filters-disclosure>summary{background:linear-gradient(110deg,#fffdf9,#f0e3cb)}
.aside-card,.summary-callout,.account-intro{background:radial-gradient(ellipse at 100% 0,#bd914b4d,transparent 65%),linear-gradient(135deg,#302e29,#4c3b25);border-color:#ac8852}
.aside-card>span:not(.eyebrow){color:#f3d598}
.kpi:nth-child(1){border-top-color:#bd914b}.kpi:nth-child(2){border-top-color:#a4a6a0}.kpi:nth-child(3){border-top-color:#b88b67}.kpi:nth-child(4){border-top-color:#786c56}
.site-footer{background:linear-gradient(115deg,#ede0c6,#faf6ee 55%,#e8e4db);border-color:#d7c19a}
body .hero-button,body .cart-dock .button{background:linear-gradient(120deg,#f1ddb1,#d4ad69);color:#3d2e1c}
body .hero-button:hover,body .cart-dock .button:hover{background:linear-gradient(120deg,#f7e8c8,#e6c287);color:#3d2e1c}
.desktop-nav a,.mobile-nav a,.button,.soft-button,.chip,#admin-menu button{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.journey-step,.kpi,.catalog-toolbar,.filters-disclosure>summary,.panel,.account-card{transition:border-color .25s,box-shadow .25s,background-color .25s}
@media(hover:hover) and (pointer:fine){
 .desktop-nav a:hover,.mobile-nav a:hover{background:#e8d5b3;color:#49371f;box-shadow:inset 0 0 0 1px #c3a370}
 .journey-step:hover,.kpi:hover{transform:none;border-radius:18px;box-shadow:0 8px 24px #88662f18;border-color:#b99150}
 .catalog-toolbar:hover,.filters-disclosure>summary:hover,.panel:hover,.account-card:hover{border-color:#b99150;box-shadow:0 5px 20px #88662f10}
 .button:hover,.soft-button:hover{box-shadow:0 4px 12px #88662f25}
 #products .product-card:hover{transform:none!important;box-shadow:0 5px 18px #88662f18;border-color:#b99150}
}
@keyframes mabruk-section-enter{from{opacity:.65;translate:0 10px}to{opacity:1;translate:0 0}}
html[data-effects=on] .section-enter{animation:mabruk-section-enter .5s ease-out both}
@media screen{
 html[data-theme=dark] body{background:radial-gradient(ellipse at 0 28%,#b58a3c12,transparent 45%),#24221e}
 html[data-theme=dark] .journey-step:nth-child(1){background:linear-gradient(130deg,#302d27,#443824);border-color:#79613e}
 html[data-theme=dark] .journey-step:nth-child(2){background:linear-gradient(130deg,#302d27,#3b3a35);border-color:#615e53}
 html[data-theme=dark] .journey-step:nth-child(3){background:linear-gradient(130deg,#302d27,#45362a);border-color:#7b6048}
 html[data-theme=dark] .catalog-toolbar,html[data-theme=dark] .filters-disclosure>summary{background:linear-gradient(110deg,#302d27,#3b3225);border-color:#75603e}
 html[data-theme=dark] .section-heading .eyebrow{color:#e4c48b}
 html[data-theme=dark] .site-footer{background:linear-gradient(115deg,#362e22,#292621 60%,#36342d)}
 html[data-theme=dark] .desktop-nav a[aria-current=page],html[data-theme=dark] .mobile-nav a[aria-current=page]{background:linear-gradient(120deg,#e4c68e,#b68a47);color:#302414}
 html[data-theme=dark] body .hero-button,html[data-theme=dark] body .cart-dock .button{background:linear-gradient(120deg,#f1ddb1,#d4ad69);color:#3d2e1c}
 html[data-theme=dark] .desktop-nav a:hover{background:#59462a;color:#f5e0b6}
}
html[data-effects=off] .section-enter{animation:none}
@media(prefers-reduced-motion:reduce){
 html[data-effects] .section-enter{animation:none}
 .desktop-nav a,.mobile-nav a,.button,.soft-button,.chip,.journey-step,.kpi,.catalog-toolbar,.panel,.account-card{transition:none}
}

/* Clip both media and their desktop wrappers to the same rounded frame. */
.hero,.hero-backdrops,.hero-backdrop.brand-film{border-radius:36px;overflow:hidden}
.hero-backdrops{clip-path:inset(0 round 36px)}
.brand-film video{border-radius:24px}
#products .product-image,#products .product-image img{border-radius:14px!important}
#products .product-image{overflow:hidden}
.detail-main-image,.gallery-admin img,.data-table img{border-radius:14px}
@media(max-width:767px){.hero,.hero-backdrops,.hero-backdrop.brand-film{border-radius:24px}.hero-backdrops{clip-path:inset(0 round 24px)}}

/* Mobile navigation, notifications and the account brand film. */
.nav-icon{display:block;width:22px;height:22px;flex:none}
.avatar .nav-icon{width:20px;height:20px}
.account-link{flex-shrink:0}
.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center}
.mobile-nav a>span{font-size:10px;line-height:1.3}
.toast{overflow-wrap:anywhere;line-height:1.5}
dialog>.toast{position:sticky;inset:auto;bottom:0;transform:none;width:auto;max-width:100%;margin:14px 0 0;z-index:1}
dialog[open]{background:var(--ui-surface);opacity:1}
.modal-top{position:sticky;top:-1px;background:var(--ui-surface);z-index:3;padding:8px 0}
.modal-top h2{font-size:clamp(19px,4.8vw,25px)}
#modal-content .info-box,#modal-content .form-error{overflow-wrap:anywhere;line-height:1.6}
#modal-content .detail-line{gap:12px}
#modal-content .detail-line>div{min-width:0;overflow-wrap:anywhere}
.account-intro{padding:30px;display:block}
.account-film{margin-top:22px;min-width:0}
.account-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#24231d;border-radius:20px}
.account-film button{margin-top:12px;background:#40372b;color:#f4e6cf;border-color:#9d835b}
.account-card [data-install-app]{margin-top:22px}
.turbo-progress-bar{background:#bd914b;height:3px}
@media(max-width:767px){
 .mobile-nav{gap:3px;padding:7px;backdrop-filter:none}
 .mobile-nav a,.mobile-nav a[aria-current]{min-width:0;flex:1;padding:6px 2px;min-height:48px;gap:4px}
 .mobile-nav a>.nav-icon{width:22px;height:22px}
 .account-link .avatar{width:36px;height:36px;display:grid;place-items:center}
 .toast{left:14px;right:14px;transform:none;width:auto;max-width:none;bottom:calc(182px + env(safe-area-inset-bottom));padding:13px 16px}
 body:has(dialog[open])>.toast{display:none}
 dialog{padding:16px;max-height:calc(100dvh - 28px);width:calc(100vw - 24px);max-width:calc(100vw - 24px);overscroll-behavior:contain}
 dialog::backdrop{backdrop-filter:none;background:#211c18a6}
 .account-page{gap:20px;margin:24px auto;padding:0 16px}
 .account-intro{padding:24px}
 .account-intro h1{font-size:32px}
 .account-film{margin-top:16px}
 .account-card{padding:24px 20px}
}


.account-intro::after{display:none}

/* Compact catalogue and product-led order flow. */
.compact-catalog{margin-top:26px}
.catalog-section .section-heading{margin-bottom:18px;align-items:center;gap:16px}
.catalog-section .section-heading h1{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:4px 0}
.catalog-section .section-heading .eyebrow{font-size:11px}
.private-catalog-note{font-size:14px;line-height:1.6;max-width:640px;color:var(--ui-muted)}
.catalog-toolbar{display:flex;gap:12px;padding:12px;margin-bottom:12px;align-items:center}
.catalog-toolbar .search-box{flex:1;min-width:0}
.filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex:none}
.filter-toggle .nav-icon{width:19px;height:19px}
.catalog-section #toggle-view[hidden]{display:none}
.catalog-section .filters-disclosure{margin:0}
.catalog-section .filters-disclosure>summary{display:none}
.catalog-section .filters-disclosure[open]{margin:12px 0 18px}
.catalog-section .filters-disclosure .catalog-filters{margin:0}
.catalog-section .category-chips{margin:10px 0 18px;gap:8px}
.catalog-section .catalog-layout{display:block}
.catalog-section .catalog-results{width:100%}
#products:not(.list-view){grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#products:not(.list-view) .product-image{height:auto;max-height:none;aspect-ratio:1;width:100%;border-radius:16px}
#products:not(.list-view) .product-card{padding:12px;min-width:0}
#products .product-body{padding:14px 8px 8px}
#products:not(.list-view) .product-body>small{height:auto;min-height:0;font-size:12px;line-height:1.5;color:var(--ui-muted)}
#products:not(.list-view) .product-body h3{height:auto;min-height:0;font-size:20px;line-height:1.35;margin:8px 0}
#products:not(.list-view) .product-price{font-size:23px;margin:0 0 12px}
#products:not(.list-view) .product-bottom{display:flex;flex-direction:column;gap:10px}
#products .product-add-button{width:100%;min-height:46px;font-size:14px}
#products .product-details-button{margin:0;min-height:36px;font-size:12px;border:0;padding:6px}
#products .qty{align-self:center}
#products .product-selection-state{font-size:12px}
#products:not(.list-view).is-single{grid-template-columns:minmax(0,1fr);max-width:960px;margin-inline:auto}
#products:not(.list-view).is-single .product-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center}
#products:not(.list-view).is-single .product-image{max-height:390px}
#products:not(.list-view).is-single .product-body{padding:20px}
.order-information{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin:30px 0 0;padding:22px 0;border-top:1px solid var(--ui-border);font-size:13px;line-height:1.7;color:var(--ui-muted)}
.order-information p{margin:0}
.order-information strong{display:block;color:var(--ui-text);font-size:14px}
.order-information small{grid-column:1/-1;font-size:12px}
.pagination[hidden]{display:none}
@media(max-width:900px){#products:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){
 .compact-catalog{margin-top:18px}
 .catalog-section .section-heading{margin-bottom:12px}
 .catalog-toolbar{padding:8px;gap:8px}
 .filter-toggle{padding:10px;font-size:12px}
 .catalog-section .search-box{padding:8px}
 .catalog-section .search-box input{font-size:16px;min-width:0}
 #products:not(.list-view){gap:12px}
 #products:not(.list-view) .product-card{padding:8px}
 #products .product-body{padding:10px 3px 3px}
 #products:not(.list-view) .product-body h3{font-size:16px}
 #products:not(.list-view) .product-price{font-size:19px}
 #products .product-add-button{font-size:12px;padding:10px 6px}
 #products:not(.list-view).is-single .product-card{display:flex;gap:0;max-width:420px;margin-inline:auto;width:100%}
 #products:not(.list-view).is-single .product-body{padding:16px 8px 8px}
 #products:not(.list-view).is-single .product-image{max-height:340px}
 .order-information{grid-template-columns:1fr;padding-top:18px;margin-top:24px}
}
@media(max-width:359px){#products:not(.list-view){grid-template-columns:1fr}}

#products:not(.list-view).is-single .product-image{width:min(100%,390px);justify-self:center;align-self:center}
#products .product-card:not(.is-selected) .qty,#products .product-card:not(.is-selected) .product-selection-state{display:none}
.catalog-section .filters-disclosure>summary::before,.catalog-section .filters-disclosure>summary::after{content:none;display:none}
#products .product-price small{font-size:12px;color:var(--ui-muted)}
#products .product-stock span,#products .product-stock strong{font-size:12px}

/* Keep the brand video visible in both the entry and catalogue. */
.hero.catalog-hero{min-height:320px;padding-top:30px;padding-bottom:54px}
.hero.catalog-hero .hero-copy{padding-top:0;padding-bottom:0}
.hero.catalog-hero h1{font-size:clamp(28px,3.2vw,44px)}
.hero.catalog-hero .hero-copy>p{margin:12px 0;font-size:13px}
.hero.catalog-hero .brand-art{min-height:250px;height:250px}
.hero.catalog-hero .hero-trust{margin-top:14px}
.hero.catalog-hero .hero-carousel-controls{bottom:18px}
@media(max-width:767px){
 .hero.catalog-hero{padding:24px 20px 56px;min-height:0}
 .hero.catalog-hero .hero-copy>p{margin:10px 0}
 .hero.catalog-hero .brand-art{height:190px;min-height:190px}
 .hero.catalog-hero .brand-film video{bottom:55px;max-height:210px}
 .hero.catalog-hero h1{font-size:30px}
}

/* Browse large inventories in bounded pages; zoom only the photograph. */
.catalog-browse-controls{display:flex;align-items:end;gap:16px;margin:12px 0}
.catalog-browse-controls>label{min-width:180px;margin:0;font-size:12px;color:var(--ui-muted)}
.catalog-browse-controls .select2-selection--single{min-height:42px}
.catalog-browse-controls #results-range{margin:0 0 10px auto;font-size:13px;color:var(--ui-muted)}
.catalog-section{scroll-margin-top:24px}
.category-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}
.category-chips .chip{flex:none}
#products .product-image{overflow:hidden;isolation:isolate}
#products .product-card .product-image img{transform:scale(1)!important;transition:transform .3s ease!important;will-change:auto}
@media(hover:hover) and (pointer:fine){
 #products .product-card .product-image:hover img,#products .product-card .product-image:focus-visible img{transform:scale(1.12)!important}
}
#products:not(.list-view) .product-body h3{min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#products:not(.list-view) .product-bottom{margin-top:auto}
#products:not(.list-view):not(.is-single){grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#page-jump{display:flex;gap:8px;align-items:end;margin:0}
#page-jump label{margin:0;font-size:12px}
#page-number{width:80px;min-height:42px}
.pagination{gap:14px;flex-wrap:wrap}
@media(max-width:1100px){#products:not(.list-view):not(.is-single){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 .catalog-browse-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .catalog-browse-controls>label{min-width:0}
 .catalog-browse-controls #results-range{grid-column:1/-1;margin:0;font-size:12px}
 #products:not(.list-view):not(.is-single){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #page-jump{order:4;width:100%;justify-content:center}
}
@media(max-width:359px){#products:not(.list-view):not(.is-single){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 #products .product-card .product-image img{transition:none!important}
 #products .product-card .product-image:hover img{transform:none!important}
}
html[data-effects=off] #products .product-card .product-image img{transition:none!important}

/* Stable mobile navigation, lightweight route feedback. */
.mobile-nav a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative}
.mobile-nav a.is-pending{background:#ecdbb9;color:#49371f}
.mobile-nav a.is-pending::after{content:"";position:absolute;bottom:3px;width:18px;height:3px;border-radius:99px;background:currentColor}
html.page-loading #main{cursor:progress}
@media(max-width:767px){
 .mobile-nav{padding-bottom:calc(7px + env(safe-area-inset-bottom));z-index:80}
 .mobile-nav a{animation:none!important;transform:none!important;box-shadow:none!important}
 .cart-dock{bottom:calc(80px + env(safe-area-inset-bottom))}
 .section-enter{animation:none!important}
}

/* Compact cards keep the same dimensions even for a single result. */
#products:not(.list-view):not(.is-single){grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
#products:not(.list-view) .product-card{padding:8px;border-radius:18px}
#products:not(.list-view) .product-image{aspect-ratio:1;max-height:none;border-radius:12px}
#products:not(.list-view) .product-body{padding:10px 3px 3px}
#products:not(.list-view) .product-body>small{font-size:11px;line-height:1.4}
#products:not(.list-view) .product-body h3{font-size:15px;line-height:1.35;margin:6px 0;min-height:2.7em}
#products:not(.list-view) .product-price{font-size:18px;margin:0 0 6px}
#products:not(.list-view) .product-stock{min-height:34px;margin-bottom:6px}
#products:not(.list-view) .product-stock span,#products:not(.list-view) .product-stock strong{font-size:11px}
#products:not(.list-view) .product-bottom{gap:4px}
#products:not(.list-view) .product-add-button{min-height:44px;font-size:12px;padding:9px 5px}
#products:not(.list-view) .product-details-button{min-height:44px;font-size:12px;padding:6px}
@media(max-width:1200px){#products:not(.list-view):not(.is-single){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){#products:not(.list-view):not(.is-single){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 #products:not(.list-view):not(.is-single){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #products:not(.list-view) .product-card{padding:6px}
 #products:not(.list-view) .product-body h3{font-size:14px}
 #products:not(.list-view) .product-price{font-size:17px}
}

/* Photo-first compact catalogue; full information stays in the detail dialog. */
#products:not(.list-view) .product-card{position:relative;padding:5px;border-radius:16px;overflow:hidden}
#products:not(.list-view) .product-image{border-radius:12px;margin:0}
#products:not(.list-view) .product-body{padding:7px 5px 4px;gap:0}
#products:not(.list-view) .product-body>small{display:none}
#products:not(.list-view) .product-markers{position:absolute;top:12px;left:12px;z-index:2;pointer-events:none;margin:0;min-height:0}
#products:not(.list-view) .product-markers:empty{display:none}
#products:not(.list-view) .badge{font-size:10px;padding:3px 7px;line-height:1.3}
#products .product-name-button{display:block;background:none;border:0;padding:0;margin:0;text-align:left;color:inherit;font:inherit;cursor:pointer;width:100%}
#products:not(.list-view) .product-body h3{font-size:14px;line-height:1.3;margin:0 0 4px;min-height:0;height:2.6em}
#products:not(.list-view) .product-price{font-size:17px;line-height:1.2;margin:0 0 4px}
#products:not(.list-view) .product-price small{font-size:10px}
#products:not(.list-view) .product-stock{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px 5px;min-height:0;margin:0 0 6px;padding:0;border:0;background:none;line-height:1.3}
#products:not(.list-view) .product-stock span,#products:not(.list-view) .product-stock strong{font-size:10px;line-height:1.3}
#products:not(.list-view) .product-bottom{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px;margin-top:0}
#products:not(.list-view) .product-add-button{min-height:44px;font-size:11px;padding:5px;line-height:1.2;border-radius:10px}
#products:not(.list-view) .product-details-button{display:flex;justify-content:center;align-items:center;min-height:44px;width:44px;padding:0;border:1px solid var(--ui-border);border-radius:10px}
#products:not(.list-view) .qty,#products:not(.list-view) .product-selection-state{display:none!important}
#products.list-view .product-details-button{display:flex;align-items:center;justify-content:center}
@media(max-width:600px){
 #products:not(.list-view) .product-body{padding:6px 3px 3px}
 #products:not(.list-view) .product-body h3{font-size:13px}
 #products:not(.list-view) .product-price{font-size:16px}
 #products:not(.list-view) .product-markers{top:10px;left:10px}
}

/* Optical depth: fixed purchase controls, perspective confined to photography. */
#products:not(.list-view) .product-card{
 border:1px solid #d8c9af;
 background:linear-gradient(145deg,#fffefa 0%,#fffdf8 65%,#f3eadb 100%);
 box-shadow:inset 0 1px 0 #ffffff,0 2px 0 #d7c7ab,0 5px 9px -5px #68513245,0 12px 20px -16px #49371f66!important;
 transition:box-shadow .22s ease,border-color .22s ease!important;
 transform:none!important;
}
#products:not(.list-view) .product-image{
 border:1px solid #bba68138;
 box-shadow:inset 0 1px 3px #5a432622,0 2px 3px #ffffff;
 transform:perspective(900px) rotateX(0deg) rotateY(0deg)!important;
 transform-origin:center;
 transition:transform .24s ease,box-shadow .24s ease!important;
}
#products:not(.list-view) .product-image::after{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 box-shadow:inset 0 1px 0 #ffffff80,inset 0 -2px 5px #39291712;
}
#products:not(.list-view) .product-add-button{
 box-shadow:inset 0 1px 0 #ffffff55,0 2px 0 #8a693735;
}
html[data-theme=dark] #products:not(.list-view) .product-card{
 background:linear-gradient(145deg,#39352e,#302d27 65%,#29251f);
 border-color:#66563e;
 box-shadow:inset 0 1px 0 #d5bd8c20,0 2px 0 #191610,0 8px 16px -8px #0009!important;
}
html[data-theme=dark] #products:not(.list-view) .product-image{
 border-color:#a58a583d;box-shadow:0 2px 4px #0005;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not([data-effects=off]) #products:not(.list-view) .product-card:hover{
  border-color:#b59660;
  box-shadow:inset 0 1px 0 #ffffff65,0 2px 0 #bca47e,0 8px 14px -8px #59432455,0 16px 24px -18px #49371f88!important;
 }
 html:not([data-effects=off]) #products:not(.list-view) .product-image:hover{
  transform:perspective(900px) rotateX(2deg) rotateY(-2deg)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #products:not(.list-view) .product-card,#products:not(.list-view) .product-image{transition:none!important}
}
html[data-effects=off] #products:not(.list-view) .product-card,
html[data-effects=off] #products:not(.list-view) .product-image{transition:none!important}

/* Full-bleed film inside the original rounded, waved hero. */
.hero[data-slide-video=true]{
 box-shadow:0 2px 0 #d7bc8655,0 10px 18px -12px #37271880,0 28px 42px -26px #37271888;
}
.hero[data-slide-video=true] .hero-backdrops,
.hero[data-slide-video=true] .hero-backdrop.brand-film{
 position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;
}
.hero[data-slide-video=true] .brand-film video{
 position:absolute;inset:0;width:100%;height:100%;max-height:none;
 aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0;
}
.hero[data-slide-video=true] .hero-copy{z-index:2}
.hero[data-slide-video=true] .hero-copy::before{display:none}
.hero[data-slide-video=true] .hero-backdrops::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(19,18,15,.84),rgba(19,18,15,.52) 40%,rgba(19,18,15,.08) 76%);
 box-shadow:inset 0 1px 0 #fff6,inset 0 -12px 22px -18px #0009;
}
.hero[data-slide-video=true] .hero-wave{
 filter:drop-shadow(0 -5px 5px #16110d38);z-index:3;
}
.hero[data-slide-video=true] .hero-carousel-controls{z-index:4}
html[data-theme=dark] .hero[data-slide-video=true]{
 box-shadow:0 1px 0 #d7bc8640,0 12px 20px -12px #000b,0 28px 42px -24px #000c;
}
@media(max-width:767px){
 .hero[data-slide-video=true] .brand-art{display:none}
 .hero[data-slide-video=true]{min-height:420px;padding-bottom:74px}
 .hero.catalog-hero[data-slide-video=true]{min-height:330px;padding-bottom:64px}
 .hero[data-slide-video=true] .hero-backdrops::after{
  background:linear-gradient(90deg,#13120fd9,#13120f65),linear-gradient(0deg,#13120f55,transparent 55%);
 }
 .hero[data-slide-video=true] .hero-copy{width:100%;padding-bottom:8px}
 .hero[data-slide-video=true] .hero-carousel-controls{bottom:30px}
}

/* App entry: short sections lead to dedicated screens. */
.app-shortcuts{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.app-shortcuts a{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:3px 10px;padding:16px;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface);color:var(--ui-text);text-decoration:none}
.app-section-symbol{grid-row:span 2;color:#a17b40;font-size:26px;text-align:center}
.app-shortcuts strong{font-size:14px}.app-shortcuts small{font-size:12px;color:var(--ui-muted)}
.section-heading-actions{display:flex;align-items:center;gap:14px}
.section-heading-actions p{margin:0}
.home-category-links{display:flex;gap:8px;overflow:auto;padding:4px 0 16px}
.home-category-links a{white-space:nowrap;text-decoration:none;flex:none}
.home-products>.catalog-toolbar,.home-products>.catalog-browse-controls,.home-products>#categories,.home-products>.filters-disclosure,.home-products>#active-filters,.home-products>.order-information{display:none!important}
#app-splash{display:none}
@media(display-mode:standalone){
 #app-splash{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#302e29;color:#efdab4;pointer-events:none;animation:splash-failsafe 0s 2s forwards}
 #app-splash img{border-radius:28px;box-shadow:0 14px 36px #0006}
 #app-splash strong{font-size:32px;letter-spacing:.03em}
 #app-splash span{font-size:12px;color:#ddd1bd}
 html[data-app-ready] #app-splash{display:none}
 .notice-bar{display:none}
}
@keyframes splash-failsafe{to{visibility:hidden}}
@media(max-width:767px){
 .app-shortcuts{margin:16px 14px;gap:8px}
 .app-shortcuts a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 5px;gap:5px;border-radius:16px}
 .app-shortcuts strong{font-size:12px}
 .app-shortcuts small{font-size:10px;line-height:1.4}
 .app-section-symbol{font-size:24px}
 .section-heading-actions{flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
 .section-heading-actions .soft-button{padding:9px 10px;font-size:12px}
 .section-heading-actions p{font-size:11px}
}

/* Consistent icon family and soft category tiles inspired by the app references. */
.category-icon{width:23px;height:23px;flex:none}
#categories .chip{display:inline-flex;align-items:center;gap:7px;min-height:44px}
.home-category-links{gap:10px;padding:5px 0 18px}
.home-category-links .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100px;min-height:96px;padding:12px 8px;border-radius:20px;background:linear-gradient(145deg,#faf5eb,#eee3cf);border:1px solid #d7c7a960;white-space:normal;text-align:center;color:#654e2e;box-shadow:inset 0 1px 0 #fff,0 4px 10px -8px #6d512d70}
.home-category-links .category-icon{width:30px;height:30px}
.home-category-links .chip span{font-size:12px;line-height:1.3;font-weight:600}
.home-category-links .chip:nth-child(3n+2){background:linear-gradient(145deg,#f3f1eb,#e6e2d7)}
.home-category-links .chip:nth-child(3n){background:linear-gradient(145deg,#faf0e9,#ecddd0)}
.app-section-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#eadbc142;color:#967039}
.app-section-symbol svg{width:23px;height:23px}
.app-shortcuts a{box-shadow:0 5px 14px -12px #4d391a55}
html[data-theme=dark] .home-category-links .chip{background:linear-gradient(145deg,#40382c,#302b24);color:#e7d2ad;border-color:#746044;box-shadow:inset 0 1px 0 #ffffff0d}
#app-splash{background:radial-gradient(ellipse at 50% 35%,#514431,#302e29 65%)!important}
#app-splash img{object-fit:cover;border:1px solid #c9aa7355}
#app-splash .splash-progress{width:44px;height:3px;margin-top:10px;border-radius:99px;background:#d8b779;box-shadow:0 0 12px #d8b77944}
@media(max-width:767px){
 .site-header .brand-name{font-size:22px}
 .mobile-nav a[aria-current=page]{background:#ead9b9;color:#594120}
 .mobile-nav a[aria-current=page] .nav-icon{stroke-width:2.2}
 .home-category-links .chip{width:82px;min-height:88px;border-radius:17px}
 dialog:has(.product-detail){width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:calc(12px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:0}
 dialog:has(.product-detail) .modal-top{top:0;padding:8px 0 12px}
 dialog:has(.product-detail) .modal-top h2{font-size:17px;line-height:1.3}
 dialog:has(.product-detail) .detail-main-image{border-radius:24px;max-height:46dvh;object-fit:contain;background:var(--ui-surface)}
 dialog:has(.product-detail) .product-detail{gap:18px}
 dialog:has(.product-detail) [data-close-modal]{width:44px;height:44px;border-radius:50%;background:var(--ui-surface);border:1px solid var(--ui-border)}
}

/* Compact brand signature rather than a second page section. */
body .site-footer{
 display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;
 gap:10px 20px;width:auto;max-width:1200px;min-height:0;height:auto;
 margin:20px auto 0;padding:14px 0 18px;background:transparent;border:0;border-radius:0;
}
body .site-footer::before{height:1px;background:linear-gradient(90deg,#c4a16b55,#c4a16b22,transparent)}
body .site-footer .brand{gap:8px;flex:none;margin:0}
body .site-footer .brand-logo{width:32px;height:32px;border-radius:9px}
body .site-footer .brand-name{font-size:19px;line-height:1}
body .site-footer .developer-credit{flex:0 1 auto;margin:0;padding:0;border:0;font-size:11px;line-height:1.5;text-align:right;color:var(--ui-muted);letter-spacing:0}
body .site-footer .developer-credit strong{display:inline;font-weight:600;color:var(--ui-text)}
@media(max-width:1240px){body .site-footer{margin-left:20px;margin-right:20px}}
@media(max-width:767px){
 body .site-footer{margin:14px 16px 0;padding:12px 0 16px;gap:12px}
 body .site-footer .brand-logo{width:28px;height:28px;border-radius:8px}
 body .site-footer .brand-name{font-size:16px}
 body .site-footer .developer-credit{font-size:10px;max-width:190px;line-height:1.45}
 body .site-footer .developer-credit strong{display:block}
}

.category-icon-picker{border:1px solid var(--ui-border);border-radius:18px;padding:14px;margin:16px 0}
.category-icon-picker legend{font-weight:600;padding:0 6px}
.category-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-height:310px;overflow-y:auto;scrollbar-width:thin;padding:4px}
.category-icon-choice{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:86px;margin:0!important;padding:10px 5px;border:1px solid var(--ui-border);border-radius:14px;cursor:pointer;text-align:center;background:var(--ui-surface)}
.category-icon-choice[hidden]{display:none!important}
.category-icon-choice input{position:absolute;opacity:0;width:1px;height:1px}
.category-icon-choice:has(input:checked){border-color:#a88344;box-shadow:inset 0 0 0 1px #a88344;background:#b58d4520}
.category-icon-choice:focus-within{outline:2px solid #a88344;outline-offset:2px}
.category-icon-choice span{font-size:11px;line-height:1.3}
.category-icon-choice svg{width:27px;height:27px;color:#a17b40}
.admin-category-name{display:flex;align-items:center;gap:10px}
.account-card .tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:16px;background:#b59a6a12}
.account-card .tabs button{border:0;border-radius:12px;min-height:44px}
.account-card .tabs button.active{background:#ead9b9;color:#4e3b23}
.account-card input{border-radius:13px;min-height:46px}

/* Product sheet: gallery, variant-specific offer and compact purchase controls. */
dialog:has(.product-detail){max-width:1000px;width:calc(100% - 32px)}
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.detail-photo-stage{position:relative;background:#fff;border:1px solid var(--ui-border);border-radius:24px;overflow:hidden}
.detail-photo-stage .detail-main-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
.detail-photo-prev,.detail-photo-next{position:absolute;top:calc(50% - 22px);width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#ffffffeb;color:#493b28;font-size:28px;cursor:pointer}
.detail-photo-prev{left:8px}.detail-photo-next{right:8px}
.detail-photo-count{position:absolute;bottom:10px;right:12px;border-radius:30px;background:#302e29cc;color:#fff;padding:4px 9px;font-size:11px}
.detail-photo-count:empty{display:none}
.detail-thumbnails{display:flex;gap:8px;overflow-x:auto;margin-top:12px;padding:2px}
.detail-thumbnails button{flex:none;width:58px;height:58px;padding:3px;border:1px solid var(--ui-border);border-radius:12px;background:#fff}
.detail-thumbnails button[aria-pressed=true]{border:2px solid #ac8345}
.detail-thumbnails img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.detail-info h2{font-size:24px;line-height:1.25;margin:8px 0 12px}
.detail-price{font-size:28px;font-weight:750;line-height:1.2;margin:0 0 4px;color:var(--ui-text)}
.detail-price small{font-size:12px;font-weight:500}
.detail-tax{font-size:12px;line-height:1.5;color:var(--ui-muted);margin:8px 0}
.detail-availability{font-size:13px;font-weight:600;padding:9px 0}
.detail-variants{margin:16px 0}.detail-variants[hidden]{display:none}
.detail-variants h3{font-size:14px;margin:0 0 8px}
.variant-options{display:flex;flex-wrap:wrap;gap:8px}
.variant-option{display:flex;flex-direction:column;align-items:start;gap:5px;border:1px solid var(--ui-border);border-radius:13px;padding:10px;background:var(--ui-surface);color:var(--ui-text);cursor:pointer}
.variant-option[aria-pressed=true]{border-color:#a78042;box-shadow:inset 0 0 0 1px #a78042;background:#b99a5d18}
.variant-option strong{font-size:12px}.variant-option small{font-size:11px;color:var(--ui-muted)}
.detail-buy-row{display:grid;grid-template-columns:85px 1fr;align-items:end;gap:10px;margin:18px 0}
.detail-buy-row label{margin:0;font-size:12px}.detail-buy-row input{min-height:46px;padding:10px;width:100%}
.detail-buy-row button{min-height:46px;font-size:13px;padding:10px}
.detail-description-panel{border-top:1px solid var(--ui-border);padding:14px 0}
.detail-description-panel summary{font-size:14px;font-weight:600;cursor:pointer}
.detail-description-panel p{font-size:13px;line-height:1.7;white-space:pre-line}
.detail-specs{display:grid;gap:8px;margin:0}
.detail-specs div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.detail-specs dt{color:var(--ui-muted)}.detail-specs dd{margin:0;text-align:right}
.detail-no-image{min-height:240px;display:grid;place-items:center;color:#6b6459}
@media(max-width:767px){
 dialog:has(.product-detail){width:100%;max-width:none}
 .product-detail{grid-template-columns:1fr;gap:18px}
 .detail-info h2{font-size:22px}.detail-price{font-size:25px}
 .detail-photo-stage .detail-main-image{max-height:42dvh;aspect-ratio:1;object-fit:contain}
 .detail-thumbnails button{width:52px;height:52px}
}

/* Mobile storefront: visual category rail and photograph-led product cards. */
@media(max-width:767px){
 .catalog-section{padding-left:16px;padding-right:16px}
 .catalog-section .section-heading h1{font-size:22px;line-height:1.2;letter-spacing:-.025em}
 .catalog-section .section-heading .eyebrow{font-size:9px;letter-spacing:.1em}
 .catalog-section .section-heading{gap:10px;margin-bottom:14px}
 #categories.category-chips{gap:9px;padding:5px 2px 12px;align-items:stretch;scroll-snap-type:x proximity}
 #categories .chip{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:82px;max-width:100px;min-height:92px;padding:12px 8px;white-space:normal;text-align:center;font-size:11px;line-height:1.3;border-radius:18px;background:var(--ui-surface);border:1px solid var(--ui-border);scroll-snap-align:start}
 #categories .chip .category-icon{width:29px;height:29px;color:#a47d3f}
 #categories .chip.active{border-color:#aa8447;background:#b58d4514;box-shadow:inset 0 0 0 1px #aa8447}
 .home-category-links .chip{min-height:96px;scroll-snap-align:start}
 .home-category-links{scroll-snap-type:x proximity}
 #products:not(.list-view):not(.is-single){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #products:not(.list-view) .product-card{padding:0;border-radius:20px;border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:0 5px 14px -10px #3425163d!important}
 #products:not(.list-view) .product-image{width:100%;aspect-ratio:4/5;border:0;border-radius:19px 19px 10px 10px;box-shadow:none}
 #products:not(.list-view) .product-image img{width:100%;height:100%;object-fit:contain}
 #products:not(.list-view) .product-body{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:4px;row-gap:3px;padding:9px 9px 10px}
 #products:not(.list-view) .product-body h3{grid-column:1/-1;font-size:13px;line-height:1.3;height:2.6em;margin:0}
 #products:not(.list-view) .product-stock{grid-column:1/-1;margin:0;min-height:16px;font-size:10px;gap:4px}
 #products:not(.list-view) .product-stock span{display:none}
 #products:not(.list-view) .product-stock strong{font-size:10px;font-weight:500}
 #products:not(.list-view) .product-price{grid-column:1;grid-row:3;margin:0;font-size:16px;white-space:nowrap}
 #products:not(.list-view) .product-price small{display:none}
 #products:not(.list-view) .product-bottom{display:block;grid-column:2;grid-row:3;margin:0}
 #products:not(.list-view) .product-add-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;font-size:0;background:#a17b40;color:#fff;box-shadow:0 3px 7px #73572c22}
 #products:not(.list-view) .product-add-button::before{content:"+";font:500 25px/1 Manrope,sans-serif}
 #products:not(.list-view) .product-add-button[data-added=true]::before{content:"✓";font-size:19px}
 #products:not(.list-view) .product-add-button:disabled{opacity:.4}
 #products:not(.list-view) .product-details-button{display:none}
 #products:not(.list-view) .product-markers{top:9px;left:9px}
 .detail-info{padding:4px 2px}
 .detail-info .eyebrow{font-size:10px}
 .detail-gallery .detail-photo-stage{border-radius:24px}
}

/* Category → subcategory → results, without leaving the current screen. */
.home-category-links button.chip{cursor:pointer;font-family:inherit}
.home-category-links .chip.active{border-color:#a78042;box-shadow:inset 0 0 0 1px #a78042;background:#c9aa7030}
#subcategories:not([hidden]){display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 2px 14px;margin:0 0 10px;border-bottom:1px solid var(--ui-border)}
#subcategories[hidden]{display:none!important}
#subcategories .subcategory-label{font-size:11px;color:var(--ui-muted);flex:none}
#subcategories .chip{flex:none;white-space:nowrap;min-height:40px;padding:8px 12px;border-radius:12px;font-size:12px}
#subcategories .chip.active{background:#c9aa7030;border-color:#a78042;color:var(--ui-text)}

/* Keep scrolling available without exposed scrollbar tracks. */
html,body,body *{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{display:none;width:0;height:0}
.rail-controls{display:flex;justify-content:flex-end;gap:6px;margin:0 0 4px;min-height:36px}
.rail-controls[hidden]{display:none!important}
.rail-arrow{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface);color:var(--ui-text);font-size:25px;line-height:1;cursor:pointer;box-shadow:0 3px 8px #59432412}
.rail-arrow:hover:not(:disabled){border-color:#a78042;background:#c9aa7020}
.rail-arrow:disabled{opacity:.3;cursor:default}
.rail-arrow:focus-visible,#categories:focus-visible,#subcategories:focus-visible,#home-categories:focus-visible,.detail-thumbnails:focus-visible{outline:2px solid #a78042;outline-offset:3px}
@media(max-width:767px){.rail-controls{display:none!important}}

/* Category hierarchy and geometrically centred add icon. */
#categories .chip .category-icon,.home-category-links .chip .category-icon{width:36px;height:36px;flex-shrink:0}
.home-category-links .chip span{font-size:11px;line-height:1.25}
@media(max-width:767px){
 #categories .chip,.home-category-links .chip{gap:7px;padding:10px 7px;min-height:92px}
 #categories .chip span,.home-category-links .chip span{font-size:10px;line-height:1.25}
 #categories .chip .category-icon,.home-category-links .chip .category-icon{width:36px;height:36px}
 #products:not(.list-view) .product-add-button{position:relative;display:block;box-sizing:border-box;width:44px;height:44px;padding:0;line-height:0;text-indent:0;flex:none}
 #products:not(.list-view) .product-add-button::before,
 #products:not(.list-view) .product-add-button::after{content:"";position:absolute;left:50%;top:50%;margin:0;padding:0;border:0;border-radius:2px;background:currentColor;transform:translate(-50%,-50%);animation:none;box-shadow:none}
 #products:not(.list-view) .product-add-button::before{width:16px;height:2px}
 #products:not(.list-view) .product-add-button::after{width:2px;height:16px}
 #products:not(.list-view) .product-add-button[data-added=true]::before{content:"";width:12px;height:7px;background:none;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0;transform:translate(-50%,-65%) rotate(-45deg)}
 #products:not(.list-view) .product-add-button[data-added=true]::after{display:none}
}

/* A distinctive wordmark; purchasing UI retains Manrope. */
@font-face{font-family:MabrukWordmark;src:url('/assets/mabruk-wordmark.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
body .brand .brand-name,#app-splash>strong{
 font-family:MabrukWordmark,Georgia,serif;font-weight:600;font-style:normal;
 font-size:36px;letter-spacing:.015em;line-height:.95;color:#78582e;
 text-shadow:0 1px 0 #fff9;
}
body .brand .brand-name small{font-family:Manrope,"Segoe UI",sans-serif;font-size:8px;font-weight:600;letter-spacing:.16em;line-height:1.3;margin-top:7px;text-shadow:none}
html[data-theme=dark] body .brand .brand-name{color:#e4c593;text-shadow:0 1px 2px #0004}
body .site-footer .brand .brand-name{font-size:24px}
#app-splash>strong{font-size:40px;color:#efd6aa;text-shadow:none}
@media(max-width:1100px){body .site-header .brand .brand-name{font-size:30px}}
@media(max-width:767px){
 body .site-header .brand .brand-name{font-size:29px;letter-spacing:.005em}
 body .brand .brand-name small{font-size:6px;letter-spacing:.1em;margin-top:5px}
 body .site-footer .brand .brand-name{font-size:21px}
}
@media(max-width:360px){body .site-header .brand .brand-name{font-size:26px}}

/* Sticky translucent header, without changing its height or shifting content. */
body .site-header{
 position:sticky;top:0;z-index:60;
 background:#fffdf9;
 transition:background-color .2s ease,box-shadow .2s ease;
}
body .site-header.is-scrolled{
 background:rgba(255,253,249,.86);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 box-shadow:0 1px 0 #b7986133,0 8px 22px -16px #34281966;
}
html[data-theme=dark] body .site-header{background:#2c2923}
html[data-theme=dark] body .site-header.is-scrolled{background:rgba(44,41,35,.88);box-shadow:0 1px 0 #ddc49122,0 8px 22px -16px #000b}
.catalog-section{scroll-margin-top:110px}
@media(max-width:767px){.catalog-section{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){body .site-header{transition:none}}
html[data-effects=off] body .site-header{transition:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body .site-header.is-scrolled{background:rgba(255,253,249,.96)}
 html[data-theme=dark] body .site-header.is-scrolled{background:rgba(44,41,35,.96)}
}

body>.toast.toast-top{position:fixed;top:calc(106px + env(safe-area-inset-top));bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);z-index:100;padding:11px 18px;font-size:13px;border-radius:14px;pointer-events:none}
@media(max-width:767px){body>.toast.toast-top{top:calc(88px + env(safe-area-inset-top));left:16px;right:16px;transform:none;width:auto;text-align:center}}

/* Unified category tiles, shared by home and catalogue. */
#categories.category-chips,.home-category-links{
 display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;
 padding:6px 3px 14px;overflow-x:auto;scroll-snap-type:x proximity;
}
#categories .chip,.home-category-links .chip{
 position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
 flex:0 0 104px;width:104px;min-width:104px;max-width:104px;min-height:112px;
 gap:9px;padding:13px 8px 10px;margin:0;
 border:1px solid #c7b48d42;border-radius:19px;
 background:linear-gradient(150deg,#fffefa,#f4eee3);
 color:#635038;box-shadow:0 4px 10px -7px #73572c66,inset 0 1px 0 #fff;
 text-decoration:none;white-space:normal;text-align:center;scroll-snap-align:start;
 transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
#categories .chip .category-icon,.home-category-links .chip .category-icon{
 box-sizing:content-box;width:32px;height:32px;padding:7px;flex:none;
 border-radius:14px;background:#b99a5d12;color:#99733a;stroke-width:1.6;
}
#categories .chip span,.home-category-links .chip span{
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
 font-family:Manrope,"Segoe UI",sans-serif;font-size:11px;font-weight:600;
 line-height:1.3;min-height:2.6em;max-width:100%;overflow-wrap:anywhere;
}
#categories .chip.active,.home-category-links .chip.active{
 background:linear-gradient(145deg,#f4e9d4,#ebdbba);
 border-color:#a9854a;box-shadow:inset 0 0 0 1px #a9854a44,0 5px 12px -8px #82612d80;color:#4f3a1f;
}
#categories .chip.active .category-icon,.home-category-links .chip.active .category-icon{background:#fff8e7a8;color:#805b26}
#categories .chip.active::after,.home-category-links .chip.active::after{
 content:"";position:absolute;top:9px;right:9px;width:5px;height:5px;border-radius:50%;background:#99703a;
}
html[data-theme=dark] #categories .chip,html[data-theme=dark] .home-category-links .chip{
 background:linear-gradient(145deg,#39352e,#302c26);border-color:#b79b6b33;color:#e3d5be;box-shadow:0 4px 10px -7px #0008;
}
html[data-theme=dark] #categories .chip .category-icon,html[data-theme=dark] .home-category-links .chip .category-icon{color:#d4b784;background:#c3a16b12}
html[data-theme=dark] #categories .chip.active,html[data-theme=dark] .home-category-links .chip.active{border-color:#ba9457;background:linear-gradient(145deg,#51442f,#403728);color:#f3dfbb}
html[data-theme=dark] #categories .chip.active .category-icon,html[data-theme=dark] .home-category-links .chip.active .category-icon{background:#d6b5731c;color:#f0d29f}
@media(hover:hover) and (pointer:fine){
 #categories .chip:hover,.home-category-links .chip:hover{border-color:#a9854a;box-shadow:0 6px 14px -9px #73572c88}
}
@media(max-width:767px){
 #categories.category-chips,.home-category-links{gap:9px;padding:5px 2px 12px}
 #categories .chip,.home-category-links .chip{flex-basis:84px;width:84px;min-width:84px;max-width:84px;min-height:100px;padding:10px 6px 8px;gap:7px;border-radius:17px}
 #categories .chip .category-icon,.home-category-links .chip .category-icon{width:32px;height:32px;padding:5px;border-radius:12px}
 #categories .chip span,.home-category-links .chip span{font-size:10px;line-height:1.3}
}
@media(prefers-reduced-motion:reduce){#categories .chip,.home-category-links .chip{transition:none}}