/* Shared responsive layout for the static preview and PHP storefront. */
:root{--page-gutter:clamp(14px,3.5vw,48px);--layout-gap:clamp(16px,2.4vw,32px);--muted:#947966;--scroll-thumb:#c79981;--scroll-track:rgba(232,191,172,.2)}
html{scroll-padding-block:24px}button:focus-visible,a:focus-visible{outline:2px solid #bb8568;outline-offset:3px}body{min-inline-size:280px}img{max-inline-size:100%}button,input,select,textarea{min-inline-size:0}
main,.header-inner,.nav,footer,.services{inline-size:auto;max-inline-size:1320px;margin-inline:auto}
main,footer,.services{inline-size:calc(100% - var(--page-gutter)*2)}
header{inline-size:calc(100% - var(--page-gutter)*2);max-inline-size:1380px;margin:18px auto 0}
.header-inner{gap:clamp(20px,3vw,42px);padding:22px clamp(16px,2.2vw,30px)}
.header-inner>.brand{min-inline-size:0;max-inline-size:100%}.header-inner>.brand>span{min-inline-size:0;overflow-wrap:anywhere}.header-inner>.search{min-inline-size:0}.header-actions{flex:none;gap:20px}.header-actions a{white-space:nowrap;min-block-size:44px}.search{min-block-size:48px}.search input{inline-size:100%;min-inline-size:0}.search>button,.search>kbd{flex:none}
.nav,.dashboard-nav,.tabs,.table-wrap,.thumbs{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:24px;overflow-x:auto;overflow-y:hidden;padding:0 clamp(16px,2.2vw,30px) 12px;scroll-padding-inline:20px}
.nav>div{display:flex;flex:none;gap:clamp(8px,1.3vw,20px);min-inline-size:max-content}
.nav a{display:inline-flex;align-items:center;flex:none;white-space:nowrap;min-block-size:44px;padding:8px 10px;border-radius:14px}
.nav a:hover,.nav a[aria-current=page]{background:rgba(232,191,172,.28);color:var(--accent-deep)}
.nav .wholesale-nav{display:inline-flex;flex:none;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.85)}
.nav:focus-visible,.table-wrap:focus-visible{outline:2px solid #bb8568;outline-offset:3px;border-radius:14px}
:is(.hero,.category-list,.product-grid,.catalog-layout,.product-detail,.two-column,.auth-layout,.cart-layout,.dashboard-layout,.stats,.form-grid,.footer-grid,.services)>*{min-inline-size:0}
:is(h1,h2,h3,p,.notice,.order-item b,.list-row>div,.hero-product span){overflow-wrap:anywhere}
.hero{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:clamp(24px,3.5vw,50px)}.hero h1{font-size:clamp(30px,3.5vw,48px)}.hero-visual{min-block-size:0}.hero-visual>img{position:absolute;inset:0;inline-size:100%;block-size:100%;max-block-size:100%;object-fit:cover}.hero-product{gap:12px}.hero-product small,.hero-product b{overflow-wrap:anywhere}
.category-list{grid-template-columns:repeat(4,minmax(0,1fr))}.category-list>a{min-inline-size:0}.category-icon{flex:none}.category-list>a>span:not(.category-icon){min-inline-size:0}.category-list small{display:block}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}.card-bottom{gap:8px;flex-wrap:wrap}.price a{flex-wrap:wrap;align-items:flex-start}.price small{display:block;margin-inline:0}.badge{max-inline-size:calc(100% - 20px);overflow-wrap:anywhere}.card-content h3{overflow-wrap:anywhere}
.catalog-layout{grid-template-columns:250px minmax(0,1fr);gap:var(--layout-gap);align-items:start}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar{gap:16px;flex-wrap:wrap;min-inline-size:0}.catalog-toolbar label{min-inline-size:0}.catalog-toolbar select{inline-size:clamp(140px,17vw,180px);max-inline-size:100%;min-block-size:44px}
/* A single body wrapper keeps PHP forms and demo controls on the same grid. */
.filters{display:block;padding:20px;min-inline-size:0}.filter-toggle{display:none}.filter-body,.filter-body>form{min-inline-size:0}.filter-body>.section-head{margin-block-end:16px}.filter-body label{min-inline-size:0;margin:16px 0}.filter-heading{margin-block-end:16px}.filter-body .check-label{min-block-size:44px;flex-wrap:nowrap}.filter-body .check-label input{flex:none}.filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block-start:20px}.filter-actions .text-button{min-block-size:44px;display:inline-flex;align-items:center}.filter-body .filter-help{margin-block-start:24px}.filter-count{padding:3px 10px;border:1px solid #fff;border-radius:999px;background:#e8bfac55;color:#805b46;font-size:12px}
input[type=range]{inline-size:100%;min-block-size:44px;padding:0;box-shadow:none;border:0;background:transparent;accent-color:#af7b61}
input[type=range]::-webkit-slider-runnable-track{height:6px;background:#e8bfac80;border-radius:999px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:2px solid #fff;border-radius:50%;background:#af7b61;box-shadow:0 2px 7px #95614b30}
input[type=range]{-webkit-appearance:none;appearance:none}
input[type=range]::-moz-range-track{height:6px;background:#e8bfac80;border-radius:999px}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#af7b61}
.product-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,60px)}.detail-meta,.color-options{flex-wrap:wrap}.thumbs{overflow-x:auto;gap:10px;padding-block-end:6px}.thumbs button{flex:none}.purchase{align-items:stretch}.purchase>.quantity{flex:none;max-inline-size:none}.purchase>.button{min-inline-size:0}.quantity input{min-inline-size:36px;box-shadow:none}.spec-preview{flex-wrap:wrap;gap:16px}.tabs{overflow-x:auto;overflow-y:hidden;gap:24px}.tabs button{flex:none;white-space:nowrap;min-block-size:44px}
.cart-layout{grid-template-columns:minmax(0,1fr) 320px;gap:var(--layout-gap)}.cart-row{grid-template-columns:80px minmax(0,1fr) auto;gap:16px}.cart-row img{inline-size:80px;block-size:80px}.cart-row>div{min-inline-size:0}.cart-row .quantity{max-inline-size:none}.cart-row .quantity input{inline-size:48px!important}.cart-controls{flex-wrap:wrap}.cart-total{white-space:normal;overflow-wrap:anywhere}.summary-row{flex-wrap:wrap}.summary-row>b{margin-inline-start:auto;text-align:end}.checkout-steps{gap:clamp(12px,3vw,45px);flex-wrap:wrap}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid label{min-inline-size:0}.radio-panel{flex-wrap:wrap;gap:10px}.radio-panel input,.check-label input{flex:none}.radio-panel span{margin-inline-start:auto;margin-inline-end:0}.panel,.summary,.product-description{padding:clamp(18px,2.2vw,28px)}
.dashboard-layout{grid-template-columns:220px minmax(0,1fr);gap:var(--layout-gap)}.dashboard-nav{min-inline-size:0}.dashboard-nav a,.dashboard-nav button{min-block-size:44px}.dashboard-nav a{display:flex;align-items:center;gap:8px}.table-wrap{max-inline-size:100%;overflow:auto}.table-wrap table{min-inline-size:640px}.table-wrap td:last-child{white-space:nowrap}.table-wrap td:last-child>.button,.table-wrap td:last-child>button{margin:3px}.stats,.admin-layout .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats b{overflow-wrap:anywhere}.order-card .section-head{align-items:flex-start;flex-wrap:wrap}.order-status{max-inline-size:100%;overflow-wrap:anywhere}.order-item{flex-wrap:wrap}.order-item b{min-inline-size:0;flex:1}.order-item img{flex:none}.order-item span:last-child{flex-basis:100%;margin-inline-start:62px}.list-row{gap:16px;flex-wrap:wrap}.list-row>div,.list-row>span{min-inline-size:0;flex:1;overflow-wrap:anywhere}.list-row select{max-inline-size:100%;flex:0 1 200px}.request-card .buttons{flex-wrap:wrap}.inline-form{flex-wrap:wrap}.inline-form input{flex:1 1 200px;inline-size:auto}.inline-form .button{flex:none}
dialog{inline-size:min(640px,calc(100% - 28px));max-inline-size:100%;max-block-size:calc(100dvh - 32px);padding:clamp(18px,3vw,28px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
.two-column,.auth-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--layout-gap)}.auth-layout{gap:0}.wholesale-banner{gap:24px}.wholesale-banner>div{min-inline-size:0}.wholesale-hero h1{font-size:clamp(28px,4vw,42px)}.footer-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:var(--layout-gap)}.services{grid-template-columns:repeat(4,minmax(0,1fr))}.services span{min-inline-size:0}.copyright{gap:16px;flex-wrap:wrap}
@media(min-width:1200px){.admin-layout .stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{gap:20px}.header-actions{gap:14px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}}
@media(max-width:900px){
 .header-inner{flex-wrap:wrap;padding:16px 18px;gap:14px}.header-inner>.search{order:3;flex:1 0 100%;max-inline-size:none}.header-actions{margin-inline-start:auto;margin-inline-end:0}.nav{gap:14px;padding:0 14px 10px;font-size:13px}.nav>div{gap:6px}.nav a{padding:8px 12px;background:#ffffff40;border:1px solid #ffffff70}.nav .wholesale-nav{display:inline-flex}
 .catalog-layout,.dashboard-layout{grid-template-columns:minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .filters{padding:0;border-radius:20px;overflow:hidden}.filter-toggle{display:flex;align-items:center;gap:12px;min-block-size:58px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:600;color:var(--ink);background:#ffffff35}.filter-toggle::-webkit-details-marker{display:none}.filter-toggle:focus-visible{outline:2px solid #bb8568;outline-offset:-4px;border-radius:18px}.filter-toggle::after{content:'';inline-size:8px;block-size:8px;flex:none;margin-inline-start:auto;border-inline-end:2px solid #9b7359;border-block-end:2px solid #9b7359;transform:rotate(45deg);transition:transform .2s}.filters[open]>.filter-toggle::after{transform:rotate(225deg)}
 .filters[open]>.filter-toggle{border-block-end:1px solid #fff9}.filter-body{padding:16px 18px}.filter-body,.filter-body>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;align-items:start}.filter-body>form,.filter-heading,.filter-body>.section-head,.filter-actions{grid-column:1/-1}.filter-body label{margin:0}.filter-heading{display:none}.filter-body>.section-head{margin:0}.filter-body>.section-head>b{display:none}.filter-body>.section-head{justify-content:flex-end}.filter-body .price-filter label{margin:0}.filter-body .filter-help{display:none}.filter-actions{margin-block-start:4px}.filter-actions>.button{inline-size:auto;flex:1 1 180px}.filter-actions>.text-button{flex:none}.filter-body .check-label{margin-block-start:26px}.filter-count{font-weight:500}
 .dashboard-nav{flex-direction:row;gap:8px;padding:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-padding-inline:12px}.dashboard-nav a,.dashboard-nav button{flex:none;padding:10px 14px;border-radius:14px;font-size:14px;background:#ffffff38;border:1px solid #fff9}.dashboard-nav .icon{display:none}
 .cart-layout{grid-template-columns:minmax(0,1fr)}.cart-layout>aside{max-inline-size:none}.two-column{gap:24px}.hero h1{font-size:clamp(30px,4vw,36px)}.hero-copy{padding:28px}.hero p{font-size:14px}.hero-note{flex-wrap:wrap}.banner-side>.icon{inline-size:80px;block-size:80px}.banner-side>span{display:none}
}
@media(max-width:640px){
 :root{--page-gutter:16px;--layout-gap:20px}header{margin-block-start:12px;border-radius:22px}.brand{font-size:23px}.brand>.icon{inline-size:34px;block-size:34px}.header-inner{padding:14px;gap:12px}.header-actions{gap:12px}.header-actions a{font-size:12px;gap:6px}.cart-link{padding-inline-start:12px;padding-inline-end:0;border-inline-start:1px solid #dfc4b7;border-inline-end:0}.header-actions .icon{inline-size:21px;block-size:21px}.search input{font-size:16px;padding:10px 8px}.search{padding-inline:12px}.search kbd{display:none}.search button{font-size:12px}.topline{padding:7px 16px;text-align:center;font-size:11px}
 .header-inner>.brand{flex:1 1 100px;max-inline-size:calc(100% - 150px)}.hero{grid-template-columns:minmax(0,1fr);margin:22px 0 32px;border-radius:24px}.hero-copy{padding:26px}.hero h1{font-size:clamp(30px,7.3vw,40px);line-height:1.55}.hero-visual{block-size:auto;aspect-ratio:1.15}.hero-visual>img{inline-size:100%;block-size:100%;border-radius:0}.hero-note{display:none}.hero-product{inset-inline:14px;bottom:14px;padding:12px 14px}.hero-product b{font-size:15px}.hero-product small{font-size:11px}
 .product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-content{padding:12px}.card-content h3{font-size:14px;line-height:1.8}.card-content>small{font-size:11px}.card-bottom{font-size:11px}.material{font-size:10px}.price{font-size:12px}.price b{font-size:14px}.price small{font-size:11px}.badge{font-size:10px;padding:3px 8px}.product-card{border-radius:20px}.product-image{margin:6px 6px 0;border-radius:15px}
 .category-list{gap:12px}.category-list>a{padding:14px 12px;gap:10px}.category-list b{font-size:13px}.category-list small{font-size:10px}.category-list>a>.icon{display:none}.category-icon{inline-size:34px;block-size:38px}.category-icon .icon{inline-size:22px;block-size:22px}
 .catalog-toolbar{align-items:center;gap:12px;font-size:13px}.catalog-toolbar label{display:flex;align-items:center;flex:0 1 auto;gap:8px;font-size:12px}.catalog-toolbar select{inline-size:150px;font-size:14px}.filter-body,.filter-body>form{grid-template-columns:minmax(0,1fr);gap:16px}.filter-body .check-label{margin:0}.filter-actions{gap:10px}.filter-toggle{font-size:14px}.filter-body>.section-head{margin-block-end:0}.filter-body .text-button{min-block-size:44px}.filter-body label{font-size:14px}
 .product-detail{grid-template-columns:minmax(0,1fr);max-inline-size:620px;margin-inline:auto;gap:24px}.detail-info{padding:0}.detail-info h1{font-size:clamp(27px,6vw,34px)}.detail-meta{gap:12px;font-size:12px}.detail-price b{font-size:clamp(22px,5.6vw,28px)}.purchase{gap:12px;flex-wrap:wrap}.purchase>.button{flex:1 1 160px;min-block-size:48px}.purchase>.quantity{min-block-size:48px}.quantity button{min-inline-size:36px;min-block-size:44px;padding:6px 10px}.spec-preview>span{flex:1 1 120px}.tabs{gap:20px}.tabs button{font-size:13px}
 .auth-layout,.two-column{grid-template-columns:minmax(0,1fr);margin-block:24px}.auth-story{display:none}.auth-form{padding:24px}.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.panel,.summary,.product-description{padding:18px}.product-pricing{padding:16px}.cost-grid{grid-template-columns:minmax(0,1fr)}.page-heading{padding-block:14px 22px}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.breadcrumb{line-height:2;overflow-wrap:anywhere}.section-head{flex-wrap:wrap;align-items:center;gap:12px}.section-head h2{font-size:22px}.section-head a{font-size:12px}.section{margin-block-end:34px}
 .cart-row{grid-template-columns:64px minmax(0,1fr);gap:12px}.cart-row img{inline-size:64px;block-size:64px}.cart-row h3{font-size:14px}.cart-row small{font-size:12px}.cart-total{grid-column:2;margin:0;font-size:14px;justify-self:start}.cart-row .quantity input{inline-size:44px!important}.cart-controls{gap:10px}.remove-item{min-block-size:44px}.summary-row.total{font-size:16px}.radio-panel{padding:14px;font-size:14px}.radio-panel span{font-size:12px}.checkout-steps{font-size:12px;gap:12px}.check-label{line-height:1.8}
 .order-item span:last-child{font-size:12px;margin-inline-start:0}.order-card{padding:16px}.order-card h3{font-size:15px}.order-card>p{font-size:13px}.production-flow{justify-content:flex-start;font-size:12px;gap:10px}.stats,.admin-layout .stats{gap:12px}.stats>div{padding:16px}.stats b,.admin-layout .stats b{font-size:20px}.stats small{font-size:12px}.dashboard-nav a,.dashboard-nav button{font-size:13px}.request-card .buttons>.button,.request-card .buttons>form{flex:1 1 150px}.request-card .buttons form>.button{inline-size:100%}.inline-form input,.inline-form .button{flex-basis:100%}.list-row select{flex-basis:100%;inline-size:100%!important}
 .wholesale-banner{padding:26px 22px;display:block;margin-block-end:34px}.wholesale-banner h2{font-size:26px}.wholesale-banner p{font-size:14px}.banner-side{display:none}.wholesale-hero{padding:30px 20px}.wholesale-benefits{padding:0 6px}.wholesale-benefits img{block-size:auto;aspect-ratio:1.6}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.services{gap:20px 14px;margin-block-start:36px}.services>div{align-items:flex-start;gap:9px}.services .icon{inline-size:26px;block-size:26px}.services b{font-size:12px}.services small{font-size:11px}.copyright{display:flex;flex-direction:column;gap:6px;font-size:11px}footer{padding-block-start:28px}.prose{padding:20px;font-size:15px}.empty{padding:40px 18px}#toast{inset-inline:16px;bottom:max(16px,env(safe-area-inset-bottom));max-inline-size:none;padding:14px 18px;font-size:13px}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select{min-block-size:48px;font-size:16px}textarea{font-size:16px}.button{min-block-size:48px}.text-button{min-block-size:44px}dialog{max-block-size:calc(100dvh - 24px);inline-size:calc(100% - 24px);padding:18px}
}
@media(max-width:380px){:root{--page-gutter:12px}.header-inner{padding:12px}.brand{font-size:21px}.brand>.icon{inline-size:29px;block-size:29px}.header-actions{gap:8px}.header-actions a{font-size:11px}.header-actions a .icon{inline-size:19px;block-size:19px}.hero-copy{padding:22px}.category-list{grid-template-columns:minmax(0,1fr)}.category-list>a{padding:14px 16px}.category-list b{font-size:14px}.category-list small{font-size:12px}.catalog-toolbar label{inline-size:100%;justify-content:space-between}.catalog-toolbar select{flex:1;max-inline-size:220px}.stats b,.admin-layout .stats b{font-size:17px}.stats>div{padding:14px}.purchase>.button{flex-basis:100%}.services{grid-template-columns:minmax(0,1fr)}.radio-panel span{flex-basis:100%;margin-inline-start:28px}}
@media(max-width:359px){.product-grid,.catalog-grid{grid-template-columns:minmax(0,1fr)}.product-image{aspect-ratio:1.15}.card-content h3{font-size:16px}.price b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nav,.dashboard-nav,.tabs{scroll-behavior:auto}.filter-toggle::after{transition:none}}

/* Compact mobile header: stays in flow and sticks to the top while scrolling. */
.mobile-search-toggle{display:none}
@media(max-width:640px){
 html{scroll-padding-block-start:calc(120px + env(safe-area-inset-top,0px))}
 .topline{display:none}
 header{position:sticky;top:0;z-index:50;inline-size:100%;max-inline-size:none;margin:0;border-radius:0 0 20px 20px;border-top:0;padding-block-start:env(safe-area-inset-top,0px);background:rgba(250,240,233,.92);box-shadow:0 6px 22px rgba(126,78,54,.12),inset 0 -1px 0 #fff;backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}
 .header-inner{padding:6px 14px 4px;gap:6px;min-block-size:54px}
 .header-inner>.brand{font-size:20px;flex:1 1 100px;max-inline-size:calc(100% - 144px);gap:7px;min-block-size:44px}
 .header-inner>.brand>.icon{inline-size:27px;block-size:27px}.header-inner>.brand small{display:none}
 .header-actions{gap:2px;flex:none;margin-inline-start:auto}
 .header-actions a,.mobile-search-toggle{inline-size:44px;block-size:44px;min-block-size:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:0;color:#725344;background:transparent}
 .header-actions a:hover,.mobile-search-toggle:hover,.mobile-search-toggle[aria-expanded=true]{background:#e8bfac44;border-color:#fff9}
 .header-actions a .icon,.mobile-search-toggle .icon{inline-size:22px;block-size:22px}
 .header-actions #account-link>span,.header-actions a:not(.cart-link)>span{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .header-actions .cart-link{border:1px solid transparent;padding:0}.cart-link b{left:1px;top:2px;min-inline-size:16px;line-height:16px;font-size:10px;border:1px solid #fff9}
 .header-inner>.search{margin-block:2px 6px;min-block-size:44px;flex-basis:100%;padding-inline:10px}.header-inner>.search input{min-block-size:44px;font-size:16px;padding:8px}.header-inner>.search>button{min-block-size:44px}
 .mobile-header-ready:not([data-search-open]) .header-inner>.search{display:none}
 .nav{padding:0 10px 6px;gap:8px;font-size:12px;scroll-padding-inline:12px}
 .nav>div{gap:4px}.nav a{min-block-size:40px;padding:6px 10px;border-radius:12px}.nav .icon{inline-size:16px;block-size:16px}
 .hero{margin-block-start:18px}.breadcrumb{margin-block-start:18px}
}

/* One scroll palette and radius, with an outer frame that clips rounded corners. */
:root{--scroll-radius:999px;--scroll-frame-radius:18px;--scroll-thumb:#c79981;--scroll-track:rgba(232,191,172,.2)}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
*::-webkit-scrollbar{inline-size:6px;block-size:6px;width:6px;height:6px}
*::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:var(--scroll-radius);margin:8px}
*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:1px solid rgba(255,255,255,.6);border-radius:var(--scroll-radius)}
*::-webkit-scrollbar-thumb:hover{background:#ad7a61}*::-webkit-scrollbar-corner{background:transparent}
.scroll-frame{min-inline-size:0;max-inline-size:100%;overflow:hidden;border-radius:var(--scroll-frame-radius);isolation:isolate;border:1px solid #ffffffaa;background:#ffffff25}
.scroll-frame :focus-visible{outline-offset:-2px}
.nav-frame{inline-size:calc(100% - 28px);max-inline-size:1320px;margin:0 auto 10px}.nav-frame>.nav{margin:0;padding:4px 8px 8px;border-radius:0}
.table-frame{margin-block-end:18px}.table-frame>.table-wrap{border:0;border-radius:0;box-shadow:none}
.tabs-frame{margin-block-end:24px}.tabs-frame>.tabs{margin:0;padding:4px 12px 8px;border:0}
.thumbs-frame{inline-size:max-content;max-inline-size:100%;margin-block-start:15px}.thumbs-frame>.thumbs{margin:0;padding:8px}
.panel-page{scroll-padding-block-start:20px}.panel-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 10px}.panel-topbar strong{font-size:20px}.panel-topbar>.button{font-size:13px;min-block-size:44px}.panel-page .page-heading{padding-block-start:8px}.panel-page .breadcrumb{margin-block:10px}.panel-menu{min-inline-size:0;align-self:start;border-radius:var(--scroll-frame-radius);background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow);overflow:hidden}
.panel-menu-toggle{display:none}.panel-menu>.dashboard-nav{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
@media(max-width:900px){
 .panel-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:60px;padding:14px 18px;cursor:pointer;list-style:none;background:#ffffff40;color:#967154;font-size:13px}.panel-menu-toggle::-webkit-details-marker{display:none}.panel-menu-toggle b{color:var(--ink);min-inline-size:0;overflow-wrap:anywhere;font-size:14px}.panel-menu-toggle::after{content:'';inline-size:8px;block-size:8px;flex:none;border-inline-end:2px solid #9b7359;border-block-end:2px solid #9b7359;transform:rotate(45deg)}.panel-menu[open]>.panel-menu-toggle::after{transform:rotate(225deg)}.panel-menu-toggle:focus-visible{outline:2px solid #bb8568;outline-offset:-4px;border-radius:var(--scroll-frame-radius)}
 .panel-menu[open]>.panel-menu-toggle{border-block-end:1px solid #fff9}.panel-menu>.dashboard-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;white-space:normal;overflow:visible;backdrop-filter:none}
 .panel-menu .dashboard-nav a,.panel-menu .dashboard-nav button{display:flex;align-items:center;justify-content:flex-start;inline-size:100%;min-inline-size:0;min-block-size:48px;padding:12px;font-size:13px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;text-align:start;border-radius:12px}.panel-menu .dashboard-nav .icon{display:none}.panel-menu .dashboard-nav .active{border-color:#fff;background:#e8bfac66}
 .panel-page .dashboard-layout{gap:20px}.panel-topbar{padding-block-start:max(16px,env(safe-area-inset-top,0px))}.panel-page .page-heading h1{font-size:26px}
}
@media(max-width:640px){
 html:has(.panel-page){scroll-padding-block-start:24px}
 .nav-frame{inline-size:calc(100% - 20px);margin-block-end:6px;border-radius:var(--scroll-frame-radius)}.nav-frame>.nav{padding:3px 4px 6px}
 .panel-topbar{gap:10px;padding-block-end:8px}.panel-topbar strong{font-size:17px}.panel-topbar>.button{padding:8px 14px;font-size:12px}.panel-page .page-heading p{font-size:13px}.panel-page .page-heading{padding-block-end:16px}.panel-menu-toggle{padding:12px 16px}.panel-menu-toggle>span{font-size:12px}.panel-menu>.dashboard-nav{gap:8px;padding:10px}.table-frame{border-radius:var(--scroll-frame-radius)}
}
@media(max-width:340px){.panel-menu>.dashboard-nav{grid-template-columns:minmax(0,1fr)}.panel-topbar strong{font-size:15px}.panel-topbar>.button{padding-inline:10px;font-size:11px}}