:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#ffd60a;--color-primary-dark:#e6c200;--color-primary-light:#ffd60a2e;--color-on-primary:#14120a;--color-accent:#ff9f1c;--color-text:#f5f5f5;--color-text-muted:#9a9a9a;--color-bg:#000;--color-surface:#161616;--color-border:#2e2e2e;--color-error:#ff6b60;--color-error-bg:#3b1210;--color-success:#4ade80;--font-base:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sign:"Big Shoulders Display", "Arial Narrow", system-ui, sans-serif;--font-size-base:16px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--radius:6px;--border-width:1px;--header-height:64px;--footer-height:56px;--max-content-width:1100px;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}img,svg{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}h1,h2,h3,h4{color:var(--color-text);margin:0;font-weight:600;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0}label{margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:.875rem;font-weight:500;display:block}input,textarea,select{width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input.error,textarea.error{border-color:var(--color-error)}.field-error{margin-top:var(--space-xs);color:var(--color-error);font-size:.8125rem}.field-group{margin-bottom:var(--space-md)}button{padding:var(--space-sm) var(--space-md);border:var(--border-width) solid transparent;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast);font-family:inherit;font-size:1rem;font-weight:500}button:hover{background-color:var(--color-primary)}button:disabled{cursor:not-allowed;opacity:.5}a.btn-primary,a.btn-secondary,a.btn-danger{padding:var(--space-sm) var(--space-md);border:var(--border-width) solid transparent;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-danger{background-color:var(--color-error);color:var(--color-on-primary)}.btn-compact{padding:2px var(--space-sm);font-size:.8125rem}.app-shell{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);flex-direction:column;display:flex}.app-header{z-index:100;height:var(--header-height);padding:0 var(--space-lg);background-color:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);align-items:center;display:flex;position:sticky;top:0}.app-main{width:100%;max-width:var(--max-content-width);padding:var(--space-lg);flex:1;margin:0 auto}.app-footer{height:var(--footer-height);padding:0 var(--space-lg);background-color:var(--color-surface);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-muted);justify-content:flex-end;align-items:center;font-size:.875rem;display:flex}.flex-row{gap:var(--space-md);flex-direction:row;display:flex}.flex-col{gap:var(--space-md);flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg)}.table-wrap{min-width:0;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap}th{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.badge{padding:2px var(--space-sm);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);white-space:nowrap;border-radius:999px;font-size:.8125rem;display:inline-block}.badge-active{color:var(--color-success);border-color:var(--color-success)}.badge-inactive{color:var(--color-text-muted)}.badge-cancelled{color:var(--color-error);border-color:var(--color-error)}.badge-stale{color:var(--color-accent);border-color:var(--color-accent)}.badge.badge-overdue{background-color:var(--color-error);border-color:var(--color-error);color:#fff}[data-theme-preview] .badge.badge-overdue{font-weight:700}.row-overdue td{background-color:color-mix(in srgb, var(--color-error) 10%, transparent)}.row-overdue td:first-child{box-shadow:inset 4px 0 0 var(--color-error);font-weight:600}.overdue-banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius);background-color:var(--color-error);color:#fff;margin:0;font-weight:600}.order-stale-warning{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius);color:var(--color-accent);font-size:.875rem}.app-menu{align-items:center;gap:var(--space-md);display:flex}.mobile-menu-btn{padding:var(--space-xs);color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background-color:var(--color-primary-light)}.icon-menu path{transform-origin:12px 12px;transition:transform .22s,opacity .22s}.icon-menu-open .icon-menu-top{transform:translateY(5px)rotate(45deg)}.icon-menu-open .icon-menu-mid{opacity:0}.icon-menu-open .icon-menu-bottom{transform:translateY(-5px)rotate(-45deg)}.prefs-menu{position:relative}.prefs-menu-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);color:var(--color-text-muted);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-size:.9375rem;font-weight:500;display:inline-flex}.prefs-menu-btn:hover,.prefs-menu-btn[aria-expanded=true]{color:var(--color-text);background-color:var(--color-primary-light)}.prefs-menu-panel{z-index:90;min-width:240px;padding:var(--space-xs);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:2px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000047}.prefs-menu-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-sm);border-radius:calc(var(--radius) - 2px);display:flex}.prefs-menu-item{width:100%;padding:var(--space-sm);border-radius:calc(var(--radius) - 2px);color:var(--color-text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;font-weight:500;display:flex}.prefs-menu-item:hover:not(:disabled){background-color:var(--color-primary-light)}.prefs-menu-row-label{color:var(--color-text-muted);align-items:center;gap:10px;font-size:.9375rem;display:flex}.prefs-menu-row-label svg{flex:none}.prefs-menu-panel .copy-link{width:100%}.prefs-menu-panel .copy-link-btn{width:100%;padding:var(--space-sm);color:var(--color-text);background:0 0;border:none;justify-content:flex-start;gap:10px;font-weight:500}.prefs-menu-panel .copy-link-btn:hover:not(:disabled){background-color:var(--color-primary-light)}.prefs-menu-panel .copy-link-tip{display:none}@media (width<=640px){.app-header,.app-main,.app-footer{padding-left:var(--space-md);padding-right:var(--space-md)}.flex-row{flex-direction:column}.app-header .header-actions{flex-direction:row;align-items:center}h1{font-size:1.5rem}.app-header .brand-link{min-width:0;max-width:100%}.mobile-menu-btn{display:inline-flex}.app-menu{display:none}.app-menu[data-open=true]{align-items:stretch;gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);max-height:calc(100vh - var(--header-height));flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 32px #00000047}.app-menu[data-open=true] .app-nav,.app-menu[data-open=true] .flex-row{align-items:stretch;gap:var(--space-xs);flex-direction:column}.app-menu[data-open=true] .app-nav a:not(.cart-link),.app-menu[data-open=true] .prefs-menu-btn{padding:var(--space-sm) var(--space-md);justify-content:flex-start}.app-menu[data-open=true] .lang-switch,.app-menu[data-open=true] .btn-secondary,.app-menu[data-open=true] .cart-link{align-self:flex-start}.app-menu[data-open=true] .prefs-menu-panel{width:100%;box-shadow:none;margin-top:2px;position:static}}.search-input{max-width:320px}.product-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.product-card{gap:var(--space-xs);padding:var(--space-sm);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color var(--transition-fast);flex-direction:column;display:flex}.product-card:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.product-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.product-card:disabled{cursor:default;opacity:.7}.product-card-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background-color:var(--color-bg);width:100%}.product-card-image-placeholder{aspect-ratio:1;border-radius:var(--radius);background-color:var(--color-bg);width:100%;color:var(--color-text-muted);text-align:center;padding:var(--space-xs);justify-content:center;align-items:center;font-size:.8125rem;display:flex}.product-card-status-badge{top:var(--space-xs);right:var(--space-xs);background-color:var(--color-bg);position:absolute}.product-card-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:.875rem;display:-webkit-box;overflow:hidden}.product-card-price{color:var(--color-primary);font-weight:600}.product-grid-sentinel{height:1px}.modal-overlay{padding:var(--space-lg);z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);width:100%;max-width:560px;max-height:90vh;position:relative;overflow-y:auto}.modal-content-wide{gap:var(--space-lg);max-width:960px;height:min(720px,90vh);padding:var(--space-xl);flex-direction:column;display:flex}.modal-content-wide h2{padding-right:var(--space-xl)}.modal-scroll{flex:0 auto;min-height:96px;overflow:auto}.modal-scroll th{background-color:var(--color-surface);position:sticky;top:0}.cell-wrap{white-space:normal;min-width:160px;display:inline-block}.modal-actions{padding-top:var(--space-lg);border-top:var(--border-width) solid var(--color-border);gap:var(--space-lg);margin-top:auto}.lang-switch{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.lang-switch button{padding:2px var(--space-sm);color:var(--color-text-muted);background-color:#0000;border:none;border-radius:0;font-size:.8125rem}.lang-switch button[aria-pressed=true]{color:var(--color-on-primary);background-color:var(--color-primary)}.theme-toggle button{justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.lang-switch-floating{top:var(--space-md);right:var(--space-md);z-index:900;background-color:var(--color-surface);position:fixed}.app-header .flex-row{gap:var(--space-xs)}.app-nav a:not(.cart-link){padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);color:var(--color-text-muted);white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:6px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.app-nav a:not(.cart-link):hover{color:var(--color-text);background-color:var(--color-primary-light);text-decoration:none}.app-nav a:not(.cart-link):active{transform:scale(.96)}.app-nav a.active:not(.cart-link){color:var(--color-on-primary);background-color:var(--color-primary)}.app-nav a:not(.cart-link) svg{transition:transform var(--transition-fast);flex:none}.app-nav a:not(.cart-link):hover svg{transform:translateY(-1px)scale(1.06)}.stock-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}input[type=checkbox],input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);padding:0}@media (width<=640px){.modal-content-wide{gap:var(--space-md);padding:var(--space-md)}.modal-actions{padding-top:var(--space-md);gap:var(--space-md)}}.filter-group{gap:var(--space-sm);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.filter-group legend{margin-bottom:var(--space-sm);padding:0;font-weight:600}.filter-option{align-items:center;gap:var(--space-sm);color:var(--color-text);cursor:pointer;margin-bottom:0;font-size:1rem;font-weight:400;display:flex}.filter-count{margin-left:var(--space-sm)}.legal-page{min-height:100vh;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + 2.5rem);background-color:var(--color-bg);color:var(--color-text)}.legal-page-body{max-width:760px;padding-top:var(--space-xl);margin:0 auto}.legal-column{width:100%;max-width:760px;margin-inline:auto}.legal-document h1{margin-bottom:var(--space-sm)}.legal-section{gap:var(--space-sm)}.legal-section ul{padding-left:var(--space-lg);gap:var(--space-xs);flex-direction:column;margin:0;list-style:outside;display:flex}.legal-placeholder{color:#1b1f27;background-color:#ffe14d;border-radius:3px;padding:0 4px}.legal-floating{left:var(--space-md);bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));z-index:900;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--color-text-muted);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:999px;font-size:.75rem;display:flex;position:fixed}.legal-floating a{color:inherit}.legal-floating a:hover{color:var(--color-text)}.modal-close{top:var(--space-sm);right:var(--space-sm);border-radius:var(--radius);width:32px;height:32px;color:var(--color-text-muted);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex;position:absolute}.modal-close:hover{background-color:var(--color-surface);color:var(--color-text)}.modal-image{object-fit:cover;border-radius:var(--radius);background-color:var(--color-bg);width:100%;max-height:260px}.modal-image-placeholder{border-radius:var(--radius);background-color:var(--color-bg);width:100%;height:200px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.qty-stepper{align-items:center;gap:var(--space-xs);display:inline-flex}.qty-stepper input{text-align:center;width:64px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.copy-link{display:inline-flex;position:relative}.copy-link-btn{align-items:center;gap:6px;display:inline-flex}.copy-link-btn svg{transition:transform var(--transition-fast);flex:none}.copy-link-btn.is-copied{color:var(--color-success);border-color:var(--color-success);animation:.4s copy-link-pulse}.copy-link-btn.is-copied svg{transform:scale(1.15)}@keyframes copy-link-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.copy-link-tip{background-color:var(--color-text);color:var(--color-bg);text-align:center;opacity:0;visibility:hidden;pointer-events:none;width:max-content;max-width:260px;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);z-index:950;border-radius:8px;margin-top:10px;padding:6px 10px;font-size:.75rem;line-height:1.4;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)}.copy-link-tip:before{content:"";border:5px solid #0000;border-bottom-color:var(--color-text);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.copy-link:hover .copy-link-tip,.copy-link-btn:focus-visible+.copy-link-tip{opacity:1;visibility:visible;transform:translate(-50%)}.cart-link{color:var(--color-text);align-items:center;display:inline-flex;position:relative}.cart-link.active,.cart-link:hover{color:var(--color-primary)}.landing-hero{width:100vw;margin-left:-50vw;margin-top:calc(-1 * var(--space-lg));background-color:var(--color-surface);background-position:50%;background-size:cover;align-items:flex-end;min-height:min(76vh,760px);display:flex;position:relative;left:50%}.landing-hero-shade{width:100%;padding:calc(var(--space-xl) * 2) max(var(--space-lg), calc((100vw - var(--max-content-width)) / 2)) calc(var(--space-xl) * 1.25);background:linear-gradient(#0000 10%,#00000073 55%,#000000d1 100%)}.landing-hero-noimage .landing-hero-shade{background:0 0}.landing-hero-title{max-width:12ch;font-family:var(--font-sign);letter-spacing:-.005em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(3.25rem,10.5vw,8.75rem);font-weight:800;line-height:.86;animation:.7s cubic-bezier(.2,.7,.2,1) both landing-rise}.landing-hero-noimage .landing-hero-title{color:var(--color-text)}.landing-hero-tagline{max-width:52ch;margin:var(--space-lg) 0 0;color:#ffffffe0;font-size:1.1875rem;line-height:1.5}.landing-hero-noimage .landing-hero-tagline{color:var(--color-text-muted)}.landing-hero-actions{gap:var(--space-sm) var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.landing-hero .landing-hero-actions>a.btn-primary,.landing-hero .landing-hero-actions>a.btn-secondary,.split-hero .landing-hero-actions>a.btn-primary,.split-hero .landing-hero-actions>a.btn-secondary,.minimal-hero .landing-hero-actions>a.btn-primary,.minimal-hero .landing-hero-actions>a.btn-secondary{padding:12px 28px;font-size:1.0625rem;font-weight:700}.landing-hero .landing-hero-actions>a.btn-secondary{color:#fff;background-color:#00000040;border-color:#ffffffb3}.landing-hero .landing-hero-actions>a.btn-secondary:hover{background-color:#ffffff24}.landing-hero.landing-hero-noimage .landing-hero-actions>a.btn-secondary{background-color:color-mix(in srgb, var(--color-text) 10%, var(--color-surface));color:var(--color-text);border-color:color-mix(in srgb, var(--color-text) 18%, var(--color-surface))}@keyframes landing-rise{0%{opacity:0;transform:translateY(.35em)}}@media (prefers-reduced-motion:reduce){.landing-hero-title{animation:none}}.split-hero{min-height:min(72vh,720px);margin-top:calc(-1 * var(--space-lg));grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);margin-right:calc(50% - 50vw);display:grid}.split-hero-noimage{grid-template-columns:minmax(0,1fr);margin-right:0}.split-hero-text{padding:calc(var(--space-xl) * 1.5) var(--space-xl) calc(var(--space-xl) * 1.5) 0;flex-direction:column;justify-content:center;display:flex}.split-hero .landing-hero-title{color:var(--color-text);font-size:clamp(3rem,6.5vw,6.5rem)}.split-hero .landing-hero-tagline{color:var(--color-text-muted)}.split-hero-photo{background-color:var(--color-surface);background-position:50%;background-size:cover}.split-hero-left{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-left:calc(50% - 50vw);margin-right:0}.split-hero-left .split-hero-photo{order:-1}.split-hero-left .split-hero-text{padding:calc(var(--space-xl) * 1.5) 0 calc(var(--space-xl) * 1.5) var(--space-xl)}.split-hero-left.split-hero-noimage{margin-left:0}.split-hero-noimage .split-hero-text{padding-left:0;padding-right:0}@media (width<=640px){.split-hero{grid-template-columns:minmax(0,1fr);min-height:0;margin-right:0}.split-hero-photo{aspect-ratio:4/3;order:-1;margin:0 calc(50% - 50vw)}.split-hero-left{margin-left:0}.split-hero-text,.split-hero-left .split-hero-text{padding:var(--space-xl) 0}.split-hero .landing-hero-actions{text-align:center;flex-direction:column;align-items:stretch}}.landing-band{background-color:var(--color-primary);width:100vw;color:var(--color-on-primary);margin-left:-50vw;position:relative;left:50%}.landing-band-inner{max-width:var(--max-content-width);padding:var(--space-md) var(--space-lg);gap:var(--space-md) var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;display:grid}.landing-band-item dt{opacity:.75;font-size:.8125rem}.landing-band-item dd{margin:2px 0 0;font-size:1.0625rem;font-weight:700}.minimal-hero{align-items:start;gap:var(--space-xl);padding:calc(var(--space-xl) * 2) 0 calc(var(--space-xl) * 1.5);grid-template-columns:auto minmax(0,1fr);display:grid}.minimal-hero-nologo{grid-template-columns:minmax(0,1fr)}.minimal-hero-logo{object-fit:cover;border-radius:var(--radius);background-color:var(--color-surface);width:128px;height:128px}.minimal-hero .landing-hero-title{max-width:14ch;color:var(--color-text);font-size:clamp(3rem,7vw,6rem)}.minimal-hero .landing-hero-tagline{color:var(--color-text-muted)}.landing-band-quiet{width:auto;color:var(--color-text);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:#0000;margin-left:0;position:static}.landing-band-quiet .landing-band-inner{max-width:none;padding:var(--space-md) 0}.landing-band-quiet .landing-band-item dt{opacity:1;color:var(--color-text-muted)}.landing-band-quiet+.landing-below>.landing-visit:first-child{border-top:none;padding-top:0}@media (width<=640px){.minimal-hero{gap:var(--space-lg);padding:var(--space-xl) 0;grid-template-columns:minmax(0,1fr)}.minimal-hero-logo{width:88px;height:88px}.minimal-hero .landing-hero-actions{text-align:center;flex-direction:column;align-items:stretch}}.escaparate-head{align-items:center;gap:var(--space-lg);padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:2px solid var(--color-text);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.escaparate-head-nologo{grid-template-columns:minmax(0,1fr) auto}.escaparate-logo{object-fit:cover;border-radius:var(--radius);background-color:var(--color-surface);width:72px;height:72px}.escaparate-title{font-family:var(--font-sign);text-wrap:balance;margin:0;font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:800;line-height:.95}.escaparate-tagline{max-width:60ch;margin:var(--space-xs) 0 0;color:var(--color-text-muted)}.escaparate-actions{align-items:stretch;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.escaparate-more{margin-top:var(--space-sm);align-self:center}.escaparate-facts{gap:var(--space-xs) var(--space-lg);margin:var(--space-sm) 0 0;flex-wrap:wrap;padding:0;font-size:.9375rem;font-weight:600;list-style:none;display:flex}@media (width<=640px){.escaparate-head{gap:var(--space-md);grid-template-columns:auto minmax(0,1fr)}.escaparate-logo{align-self:start;width:56px;height:56px}.escaparate-actions{text-align:center;grid-column:1/-1}}.mosaico{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;padding-bottom:calc(var(--space-xl) * 1.5);gap:10px;display:grid}.mosaico-tile{justify-content:space-between;gap:var(--space-md);min-height:170px;padding:var(--space-lg);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.mosaico-brand{grid-column:span 2;justify-content:flex-end;min-height:340px}.mosaico-nophoto .mosaico-brand{grid-column:span 4;min-height:280px}.mosaico-title{font-family:var(--font-sign);text-wrap:balance;margin:0;font-size:clamp(2.75rem,5.5vw,5rem);font-weight:800;line-height:.9}.mosaico-brand>a.btn-primary{align-self:flex-start}.mosaico-muted{max-width:46ch;color:var(--color-text-muted);margin:0}.mosaico-photo{background-color:var(--color-surface);background-position:50%;background-size:cover;grid-area:span 2/span 2;padding:0}.mosaico-label{color:var(--color-text-muted);font-size:.8125rem}.mosaico-big{font-family:var(--font-sign);overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:800;line-height:1}.mosaico-mid{margin:0;font-size:1.125rem;font-weight:700}.mosaico-call{background-color:var(--color-primary);color:var(--color-on-primary)}.mosaico-call .mosaico-label{color:inherit;opacity:.8}.mosaico-call:hover,.mosaico-count:hover{filter:brightness(1.08)}.mosaico-product>.product-card{width:100%;height:100%}.mosaico-visit{grid-column:span 2}.mosaico-nophoto .mosaico-visit{grid-column:span 4}.mosaico-visit h2{font-family:var(--font-sign);margin:0;font-size:2rem;font-weight:800;line-height:1}.mosaico-visit p{margin:0;font-size:1.125rem}.mosaico-link{color:var(--color-primary);font-weight:600}@media (width<=640px){.mosaico{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaico-brand,.mosaico-nophoto .mosaico-brand{grid-column:span 2;min-height:0}.mosaico-nophoto .mosaico-visit{grid-column:span 2}.mosaico-photo{aspect-ratio:4/3;grid-row:span 1}.mosaico-tile{min-height:130px;padding:var(--space-md)}}.landing-below{gap:calc(var(--space-xl) * 1.5);padding:calc(var(--space-xl) * 1.25) 0 calc(var(--space-xl) * 1.5);flex-direction:column;display:flex}.landing-section-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.landing-featured h2,.landing-visit h2{font-family:var(--font-sign);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1}.landing-section-head a{color:var(--color-primary);font-weight:600}.landing-visit{padding-top:var(--space-xl);border-top:2px solid var(--color-border)}.landing-visit-address{max-width:34ch;margin:var(--space-md) 0 var(--space-sm);font-size:1.375rem;line-height:1.35}.landing-visit-contact{gap:var(--space-xs) var(--space-lg);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.landing-visit-contact a{color:inherit}.landing-visit-contact a:hover{color:var(--color-text)}@media (width<=640px){.landing-hero{min-height:64vh}.landing-hero-actions{text-align:center;flex-direction:column;align-items:stretch}}.cart-badge{background-color:var(--color-primary);min-width:16px;height:16px;color:var(--color-on-primary);text-align:center;border-radius:999px;padding:0 3px;font-size:.6875rem;font-weight:700;line-height:16px;position:absolute;top:-6px;right:-8px}.relative{position:relative}.w-full{width:100%}.items-center{align-items:center}.items-end{align-items:flex-end}.self-start{align-self:flex-start}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-sm{font-size:.8125rem}.gap-xs{gap:var(--space-xs)}.flex-1{flex:1}.min-w-120{min-width:120px}.min-w-140{min-width:140px}.min-w-180{min-width:180px}.min-w-200{min-width:200px}.min-w-220{min-width:220px}.max-w-200{max-width:200px}.mb-0{margin-bottom:0}.detail-row{padding:var(--space-sm) 0;border-top:var(--border-width) solid var(--color-border);row-gap:var(--space-xs);flex-wrap:wrap}.floating-controls{top:var(--space-md);right:var(--space-md);z-index:900;gap:var(--space-sm);display:flex;position:fixed}.prefs-menu-btn.prefs-menu-btn-icon{border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);width:42px;height:42px;color:var(--color-text);border-radius:999px;justify-content:center;padding:0}.prefs-menu-btn.prefs-menu-btn-icon svg{width:20px;height:20px}.brand-link{align-items:center;gap:var(--space-sm);color:inherit;display:flex}.thumb-64{width:64px;height:64px}.thumb-image-64{object-fit:cover;border-radius:var(--radius);width:64px;height:64px}.price-lg{color:var(--color-primary);font-size:1.25rem;font-weight:600}.modal-image-lg{max-height:320px}.auth-frame{width:100%;min-height:100vh;padding:var(--space-lg);background-color:var(--color-bg);color:var(--color-text);justify-content:center;align-items:center;display:flex}.auth-form-container{width:100%;max-width:420px}.password-toggle-input{padding-right:76px}.password-toggle-btn{color:var(--color-primary);background:0 0;border:none;padding:4px 10px;font-size:.8125rem;font-weight:400;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-primary-dark);background-color:#0000}.store-logo-img{object-fit:cover;border-radius:var(--radius);flex-shrink:0}.store-logo-fallback{border-radius:var(--radius);background:var(--color-border);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.receipt{gap:var(--space-lg);flex-direction:column;max-width:960px;margin:0 auto;display:flex}.receipt-hero{align-items:center;gap:var(--space-lg);padding:var(--space-lg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:linear-gradient(135deg, var(--color-primary-light), transparent 70%), var(--color-surface);display:flex}.receipt-check{background-color:var(--color-success);width:56px;height:56px;color:var(--color-on-primary);border-radius:50%;flex:none;place-items:center;display:grid}.receipt-hero-text{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.receipt-hero-text h1{margin:0}.receipt-hero-text h1:focus{outline:none}.receipt-thanks{color:var(--color-text-muted);margin:0}.receipt-meta{align-items:center;gap:var(--space-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.receipt-grid{gap:var(--space-lg);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.receipt-side{gap:var(--space-lg);flex-direction:column;display:flex}.receipt h2{margin:0;font-size:1.0625rem}.receipt-card-head{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.receipt-card-head .badge{white-space:nowrap}.receipt-icon{background-color:var(--color-primary)}.receipt-line-leading{grid-area:check;align-self:center;display:inline-flex}.receipt-line.has-leading{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check name total""check detail total"}.order-modal{gap:var(--space-lg);flex:auto;max-width:none;min-height:0;margin:0}.order-modal .receipt-hero{flex:none}.order-modal .receipt-hero-text h2{padding-right:0;font-size:1.5rem}.order-modal-body{flex:auto;min-height:0;overflow-y:auto}.order-modal .modal-actions{flex:none;margin-top:0}.order-modal .card{padding:var(--space-md) var(--space-lg);gap:var(--space-sm)}.order-modal .receipt-side,.order-modal .receipt-grid{gap:var(--space-md)}.order-modal .receipt-facts{gap:var(--space-sm)}.order-modal .receipt-facts>div{align-items:baseline;column-gap:var(--space-sm);grid-template-columns:88px minmax(0,1fr);display:grid}.order-modal .receipt-facts dd{margin:0}.order-modal .modal-actions{padding-top:var(--space-md)}.receipt-lines{margin:var(--space-md) 0 0;padding:0;list-style:none}.receipt-line{column-gap:var(--space-md);padding:var(--space-md) 0;border-bottom:var(--border-width) solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name total""detail total";row-gap:2px;display:grid}.receipt-line-name{overflow-wrap:anywhere;grid-area:name;font-weight:500}.receipt-line-detail{color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-area:detail;font-size:.875rem}.receipt-line-total{font-variant-numeric:tabular-nums;grid-area:total;align-self:center}.receipt-total{margin:var(--space-md) 0 0;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-size:1.25rem;display:flex}.receipt-total strong{color:var(--color-primary);font-size:1.5rem}.receipt-method{margin:0;font-weight:600}.receipt-facts{gap:var(--space-md);flex-direction:column;margin:0;display:flex}.receipt-facts dt{color:var(--color-text-muted);font-size:.8125rem}.receipt-facts dd{overflow-wrap:anywhere;margin:2px 0 0}.receipt-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}@media (width<=760px){.receipt-grid{grid-template-columns:minmax(0,1fr)}.receipt-hero{padding:var(--space-md);align-items:flex-start}.receipt-actions>button{flex:100%}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#000;--color-primary-light:transparent;--color-text:#111;--color-text-muted:#555;--color-bg:#fff;--color-surface:#fff;--color-border:#b5b5b5;--color-success:#111}body{color:#111;background:#fff}.app-header,.app-footer,.receipt-actions{display:none}.receipt-hero{background:0 0}.receipt-check{color:#111;background:0 0;border:2px solid #111}.receipt-hero,.receipt .card{break-inside:avoid}}.order-totals{margin-top:var(--space-md)}.order-totals-card{margin-top:0}.order-totals-row{margin:0 0 var(--space-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;display:flex}.order-totals .receipt-total{margin-top:var(--space-sm)}.loading-state{padding:var(--space-xl) 0;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.empty-state{text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--space-lg) * 2));padding:var(--space-xl) var(--space-md);flex-direction:column;display:flex}.empty-state-icon{width:56px;height:56px;color:var(--color-text-muted);margin-bottom:var(--space-sm)}[data-theme-preview=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#0071e3;--color-primary-dark:#0058b0;--color-primary-light:#0071e31f;--color-on-primary:#fff;--color-accent:#ff9f0a;--color-text:#1d1d1f;--color-text-muted:#6e6e73;--color-bg:#f5f5f7;--color-surface:#fff;--color-border:#d2d2d7;--color-error:#d70015;--color-error-bg:#fdecea;--color-success:#1e8e3e}[data-theme-preview=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#0a84ff;--color-primary-dark:#409cff;--color-primary-light:#0a84ff2e;--color-on-primary:#fff;--color-accent:#ff9f0a;--color-text:#f5f5f7;--color-text-muted:#98989d;--color-bg:#000;--color-surface:#1c1c1e;--color-border:#38383a;--color-error:#ff453a;--color-error-bg:#3a1210;--color-success:#32d74b}[data-theme-preview]{--radius:14px}[data-theme-preview] .card{border-color:#0000;box-shadow:0 1px 2px #0000000d,0 8px 24px #00000014}[data-theme-preview=dark] .card{box-shadow:0 0 0 1px var(--color-border)}[data-theme-preview] button:not(.product-card):not(.modal-close):not(.password-toggle-btn):not(.lang-switch button):not(.prefs-menu-btn-icon),[data-theme-preview] a.btn-primary,[data-theme-preview] a.btn-secondary,[data-theme-preview] a.btn-danger{border-radius:980px;padding:10px 20px;font-weight:590}[data-theme-preview] .btn-primary,[data-theme-preview] a.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}[data-theme-preview] .btn-primary:hover:not(:disabled),[data-theme-preview] a.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}[data-theme-preview] .btn-secondary,[data-theme-preview] a.btn-secondary{background-color:color-mix(in srgb, var(--color-text) 10%, var(--color-surface));color:var(--color-text);border-color:color-mix(in srgb, var(--color-text) 18%, var(--color-surface))}[data-theme-preview] .btn-secondary:hover:not(:disabled),[data-theme-preview] a.btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-text) 16%, var(--color-surface))}[data-theme-preview] .btn-danger,[data-theme-preview] a.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}[data-theme-preview] .btn-danger:hover:not(:disabled),[data-theme-preview] a.btn-danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-error) 85%, #000);border-color:color-mix(in srgb, var(--color-error) 85%, #000)}[data-theme-preview] input,[data-theme-preview] textarea,[data-theme-preview] select{border-radius:10px}[data-theme-preview] .badge{border-radius:980px;font-weight:500}[data-theme-preview] h1,[data-theme-preview] h2,[data-theme-preview] h3{letter-spacing:-.01em}[data-theme-preview] .app-header{background-color:color-mix(in srgb, var(--color-surface) 70%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--color-border) 70%, transparent)}[data-theme-preview] .mobile-menu-btn{border-radius:980px}[data-theme-preview] .prefs-menu-btn{border-radius:980px;padding:7px 14px 7px 12px}[data-theme-preview] .prefs-menu-row,[data-theme-preview] .prefs-menu-item,[data-theme-preview] .prefs-menu-panel .copy-link-btn{border-radius:12px}[data-theme-preview] .prefs-menu-panel{border-color:#0000;border-radius:16px;box-shadow:0 1px 2px #0000000d,0 16px 40px #00000038}[data-theme-preview] .app-menu[data-open=true]{background-color:var(--color-surface);border-bottom:none;box-shadow:0 1px 2px #0000000d,0 24px 48px #00000047}[data-theme-preview] .app-menu[data-open=true] .app-nav a:not(.cart-link){border-radius:12px}[data-theme-preview] .lang-switch{background-color:color-mix(in srgb, var(--color-surface) 55%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);border-color:color-mix(in srgb, var(--color-border) 70%, transparent);border-radius:980px;box-shadow:inset 0 1px #ffffff40}[data-theme-preview] .lang-switch button{padding:6px 14px}[data-theme-preview] .theme-toggle button{padding:6px 10px}[data-theme-preview] .app-nav a:not(.cart-link){border-radius:980px;padding:7px 14px 7px 12px}[data-theme-preview] .app-nav a.active:not(.cart-link){box-shadow:inset 0 1px #fff3}[data-theme-preview] .app-nav a:not(.cart-link):hover:not(.active){background-color:color-mix(in srgb, var(--color-text) 8%, transparent)}@keyframes theme-icon-pop{0%{opacity:.4;transform:scale(.55)rotate(-35deg)}65%{transform:scale(1.18)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}[data-theme-preview] .theme-toggle button[aria-pressed=true] svg{animation:.42s cubic-bezier(.34,1.56,.64,1) theme-icon-pop}[data-theme-preview] .modal-overlay{background-color:color-mix(in srgb, var(--color-bg) 55%, transparent);-webkit-backdrop-filter:blur(8px)}[data-theme-preview] .modal-content{background-color:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(24px);box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000000d,0 24px 48px #0000002e}[data-theme-preview] .login-card{background-color:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(24px);padding:var(--space-xl);border-radius:20px;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000000d,0 24px 48px #0000001f}[data-theme-preview=dark] .login-card{box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px var(--color-border)}[data-theme-preview] .loginContainer h1{letter-spacing:-.02em;margin-bottom:var(--space-xs);font-size:2rem}[data-theme-preview] .loginContainer{position:relative;overflow:hidden}[data-theme-preview] .loginContainer:before{content:"";background:radial-gradient(60% 50% at 50% 40%, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}[data-theme-preview] .loginContainer>*{position:relative}[data-theme-preview] .product-card-price,[data-theme-preview] .price-lg{color:var(--color-text);letter-spacing:-.01em;font-weight:650}.loginContainer{width:100%;min-height:100vh;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + 2.5rem);background-color:var(--color-bg);color:var(--color-text);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px}.loginContainer form{flex-direction:column;gap:12px;width:100%;display:flex}.loginContainer form a{text-align:center}.registerContainer{width:100%;min-height:100vh;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + 2.5rem);background-color:var(--color-bg);color:var(--color-text);justify-content:center;align-items:center;display:flex}.register-card{width:min(90%,640px)}.register-card--wide{width:min(95%,1100px)}.registerContainer form{flex-direction:column;gap:12px;width:100%;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.template-options{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=860px){.template-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.registerContainer{padding-top:calc(var(--space-md) + 42px + var(--space-sm))}.template-options{gap:var(--space-sm)}.template-option{padding:var(--space-sm);font-size:.875rem}.template-option .template-side-options{border-radius:14px;flex-direction:column}.template-option .template-side label{padding:4px 6px;font-size:.8125rem}}.template-option{gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;display:flex}.template-option:hover{border-color:var(--color-primary)}.template-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.template-option-body{flex-direction:column;gap:2px;display:flex}.template-preview{aspect-ratio:4/3;background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:8px;display:flex}.wf-bar{background-color:var(--color-border);border-radius:2px;flex:none;height:10%}.wf-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.wf-grid span{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:2px}.wf-line{background-color:var(--color-border);border-radius:2px;height:8%}.wf-line-title{width:70%}.wf-line-subtitle{width:50%}.wf-cta{background-color:var(--color-primary);border-radius:999px;width:35%;height:14%}.wf-grid-small{flex:none;grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);height:22%}.template-option-main{gap:var(--space-sm);cursor:pointer;flex-direction:column;display:flex}.template-side{border:none;min-width:0;margin:0;padding:0}.template-side-caption{color:var(--color-text-muted);margin-bottom:4px;padding:0;font-size:.75rem}.template-side-options{border:var(--border-width) solid var(--color-border);border-radius:999px;gap:4px;padding:3px;display:flex}.template-side label{text-align:center;cursor:pointer;border-radius:999px;flex:1;padding:4px 12px;font-size:.8125rem}.template-side label.active{background-color:var(--color-primary);color:var(--color-on-primary)}.template-side label:focus-within,.template-option-main:focus-within .template-preview{outline:2px solid var(--color-primary);outline-offset:2px}.wf-photo{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 55%, var(--color-bg)), color-mix(in srgb, var(--color-text) 35%, var(--color-bg)));border-radius:2px}.wf-hero-full{flex-direction:column;flex:0 0 48%;justify-content:flex-end;gap:5px;padding:6px;display:flex}.wf-hero-full .wf-line{background-color:var(--color-surface)}.wf-strip{background-color:var(--color-primary);border-radius:2px;flex:0 0 8%}.wf-split{flex:1;grid-template-columns:1fr 1.1fr;gap:6px;display:grid}.wf-split-left .wf-photo{order:-1}.wf-stack{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}.wf-stack .wf-line{height:8px}.wf-stack .wf-line-title{width:90%;height:12px}.wf-stack .wf-cta{width:45%;height:10px}.wf-brand{flex:1;align-items:center;gap:8px;padding:4px;display:flex}.wf-brand .wf-stack{flex:1}.wf-brand-compact{border-bottom:2px solid var(--color-text);flex:none;padding:2px 0 6px}.wf-brand-compact .wf-line-title{flex:1;height:10px}.wf-brand-compact .wf-cta{width:18%;height:10px}.wf-logo{aspect-ratio:1;background-color:var(--color-primary-light);border:var(--border-width) solid var(--color-border);border-radius:4px;flex:none;width:22%}.wf-brand-compact .wf-logo{width:12%}.wf-rule{background-color:var(--color-border);flex:none;height:1px}.wf-bento{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.wf-bento span{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:2px}.wf-bento .wf-bento-brand{grid-column:span 2}.wf-bento .wf-bento-photo{border:none;grid-area:span 2/span 2}.wf-bento .wf-bento-accent{background-color:var(--color-primary);border-color:var(--color-primary)}