.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);display:flex;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;color:var(--color-text-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:0 2px}.tabbar-item.is-active{color:var(--color-text);font-weight:var(--fw-bold)}.tabbar-icon{position:relative;display:grid;place-items:center;height:26px}.tabbar-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-badge{position:absolute;top:-6px;left:12px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:11px;font-weight:var(--fw-bold);line-height:1}.topnav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);height:var(--topnav-height);padding-top:var(--safe-top);display:none;align-items:center;justify-content:center;background:var(--color-nav-bg);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--color-border)}.topnav-pill{display:flex;align-items:center;gap:2px;padding:5px;background:var(--color-nav-pill);border-radius:var(--radius-pill);pointer-events:auto}.topnav-item{position:relative;padding:10px 22px;border-radius:var(--radius-pill);font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap;transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.topnav-item:hover{background:var(--color-nav-item-hover)}.topnav-item.is-active{background:var(--color-nav-pill-active);box-shadow:var(--shadow-pill);font-weight:var(--fw-semibold)}.topnav-badge{position:absolute;top:2px;right:4px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:11px;font-weight:var(--fw-bold);line-height:1}@media (min-width:900px){.topnav{display:flex}.tabbar{display:none}}.actionbar{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-height) + var(--safe-bottom));z-index:calc(var(--z-nav) - 1);background:var(--color-surface);box-shadow:var(--shadow-actionbar);padding:var(--sp-3) 0 var(--sp-3)}.actionbar-inner{display:flex;align-items:center;gap:var(--sp-3)}@media (min-width:900px){.actionbar{bottom:0;padding-bottom:calc(var(--sp-3) + var(--safe-bottom))}}.qty{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%}.qty-btn{width:var(--qty-button);height:var(--qty-button);flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-text);transition:background var(--dur-fast) var(--ease)}.qty-btn:hover:not(:disabled){background:var(--color-accent-soft-strong)}.qty-btn:disabled{opacity:.45;cursor:not-allowed}.qty-value{flex:1;text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-accent-text);font-variant-numeric:tabular-nums}.qty-add{width:100%;height:var(--qty-button);display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);transition:background var(--dur-fast) var(--ease)}.qty-add:hover{background:var(--color-accent-text)}.qty--lg .qty-btn,.qty--lg .qty-add{height:52px}.qty--lg .qty-btn{flex:1;width:auto;border-radius:var(--radius-md)}.qty--lg .qty-value{flex:0 0 80px;font-size:var(--fs-xl)}.qty--vert{display:grid;grid-template-columns:auto var(--qty-button);gap:6px var(--sp-3);width:auto;align-items:center}.qty--vert .qty-btn:first-child{grid-column:2;grid-row:1}.qty--vert .qty-btn:last-child{grid-column:2;grid-row:2}.qty--vert .qty-value{grid-column:1;grid-row:1 / span 2;flex:none;min-width:24px}.qty--vert .qty-add{grid-column:2;grid-row:1 / span 2;width:var(--qty-button);height:calc(var(--qty-button) * 2 + 6px)}.grid-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);align-items:stretch}@media (min-width:900px){.grid-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}}@media (min-width:1100px){.grid-products{grid-template-columns:repeat(5,minmax(0,1fr))}}.rail{display:flex;gap:var(--sp-3);align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--page-gutter);-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-2);margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);padding-left:var(--page-gutter);padding-right:var(--page-gutter);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:0 0 calc(50% - var(--sp-2))}@media (min-width:900px){.rail>*{flex:0 0 calc(25% - var(--sp-3))}}@media (min-width:1100px){.rail>*{flex:0 0 calc(20% - var(--sp-3))}}.rail--showcase>*{flex:0 0 46%}@media (min-width:900px){.rail--showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin:0;padding:0 0 var(--sp-2);overflow:visible;align-items:stretch}.rail--showcase>*{flex:none}}@media (min-width:1100px){.rail--showcase{grid-template-columns:repeat(5,minmax(0,1fr))}}.pcard-img,.scard-img,.prow-media img,.cart-media img,.search-thumb img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;padding:8%;background:var(--color-surface)}.scard{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--dur-normal) var(--ease)}.scard:hover{box-shadow:var(--shadow-float)}.scard-media{position:relative;background:var(--color-media);padding:var(--sp-6) var(--sp-3) var(--sp-3);display:flex;flex-direction:column;align-items:center}.scard-attrs{margin-top:var(--sp-3);text-align:center;font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.35;height:calc(1.35em * 2);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.scard-attr{display:block}.scard-body{display:flex;flex-direction:column;gap:2px;flex:1;background:var(--color-surface-2);padding:var(--sp-3) var(--sp-3) var(--sp-4)}.scard-name{font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.25;min-height:calc(1.25em * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scard-desc{font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.35;min-height:calc(1.35em * 2)}.pcard{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--dur-normal) var(--ease),transform var(--dur-normal) var(--ease)}.pcard:hover{box-shadow:var(--shadow-float)}.pcard-media{position:relative;background:var(--color-media);padding:var(--sp-6) var(--sp-3) var(--sp-3);min-height:168px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.pcard-attrs{margin-top:var(--sp-3);text-align:center;font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.35;height:calc(1.35em * 2);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.pcard-attr{display:block}.pcard-body{background:var(--color-surface-2);padding:var(--sp-3) var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:2px;flex:1}.pcard-name{font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.25;min-height:calc(1.25em * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-desc{font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.35;min-height:calc(1.35em * 2)}.pcard-spacer{flex:1;min-height:var(--sp-2)}.pcard-foot{background:var(--color-surface-2);padding:0 var(--sp-3) var(--sp-3)}.badge-corner{position:absolute;top:0;left:0;z-index:2;background:var(--color-badge);color:var(--color-on-badge);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:6px 12px;border-radius:var(--radius-lg) var(--radius-sm) var(--radius-sm) 0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-btn{position:absolute;top:6px;right:6px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--color-text);transition:transform var(--dur-fast) var(--ease)}.fav-btn:hover{transform:scale(1.08)}.fav-btn.is-on{color:var(--color-danger)}.price{display:flex;flex-direction:column;gap:1px}.price-main{font-size:var(--fs-lg);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.price-main--lg{font-size:var(--fs-2xl)}.price-note{font-size:var(--fs-sm);color:var(--color-text-2)}.list-products{display:flex;flex-direction:column;gap:var(--sp-3)}.prow{position:relative;display:flex;align-items:stretch;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.prow-media{flex:0 0 108px;width:108px;background:var(--color-media);display:grid;place-items:center;padding:var(--sp-3)}.prow-panel{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-3);background:var(--color-surface-2);padding:var(--sp-3) 52px var(--sp-3) var(--sp-3)}.prow-body{flex:1;min-width:0}.prow-body .small.subtle.clamp-2{min-height:calc(var(--lh-normal) * 1em * 2)}.prow-qty{flex:0 0 auto;width:132px}@media (max-width:599px){.prow-panel{flex-wrap:wrap}.prow-qty{width:100%}}.brandtabs{display:flex;align-items:stretch;gap:var(--sp-5);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;border-bottom:1px solid var(--color-border);margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);padding:0 var(--page-gutter);-webkit-mask-image:linear-gradient(to right,var(--color-mask) calc(100% - 56px),transparent);mask-image:linear-gradient(to right,var(--color-mask) calc(100% - 56px),transparent)}.brandtabs::-webkit-scrollbar{display:none}.brandtab{position:relative;padding:var(--sp-3) 0 var(--sp-4);white-space:nowrap;font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--color-text-3);min-height:44px}.brandtab.is-active{color:var(--color-text);font-weight:var(--fw-semibold)}.brandtab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--color-text)}.chips{display:flex;align-items:center;gap:var(--sp-2);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:var(--sp-4) var(--page-gutter);margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1)}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--chip-height);min-height:40px;padding:0 var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.chip:hover{border-color:var(--color-text-3)}.chip--primary{border-color:var(--color-text);font-weight:var(--fw-semibold)}.chip.is-on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.chip-count{color:var(--color-text-2)}.chip.is-on .chip-count{color:var(--color-on-primary-dim)}.chip-sep{width:1px;height:24px;background:var(--color-border);flex:0 0 auto;margin:0 var(--sp-1)}.bubbles{display:flex;align-items:center;gap:var(--sp-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 var(--page-gutter) var(--sp-1);margin:var(--sp-3) calc(var(--page-gutter) * -1) 0}.bubbles::-webkit-scrollbar{display:none}.bubbles--inline{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.bubble{display:inline-flex;align-items:center;gap:var(--sp-1);flex:0 0 auto;height:38px;padding:0 var(--sp-3) 0 var(--sp-4);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-tight);white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.bubble:hover{background:var(--color-surface);border-color:var(--color-accent)}.bubble-arrow{display:inline-flex;align-items:center;color:var(--color-accent);opacity:.7;transition:transform var(--dur-fast) var(--ease)}.bubble:hover .bubble-arrow{transform:translateX(2px)}.bubble.is-on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.bubble.is-on .bubble-arrow{color:var(--color-on-primary);opacity:.85}.filters-sticky{position:sticky;top:0;z-index:20;background:var(--color-bg)}@media (min-width:900px){.filters-sticky{top:calc(var(--topnav-height) + 88px);background:var(--color-surface);border-bottom:1px solid var(--color-border)}}.searchbar{padding:var(--sp-3) 0}.sheet-backdrop{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--color-overlay);display:flex;align-items:flex-end;justify-content:center;animation:fade var(--dur-normal) var(--ease)}@keyframes fade{from{opacity:0}}@keyframes slideup{from{transform:translateY(24px);opacity:.6}}.sheet{width:100%;max-height:88vh;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:var(--safe-bottom);animation:slideup var(--dur-normal) var(--ease)}.sheet-grab{width:44px;height:5px;border-radius:3px;background:var(--color-border);margin:var(--sp-3) auto var(--sp-1);flex:0 0 auto}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-3);flex:0 0 auto}.sheet-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.sheet-close{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-2)}.sheet-body{overflow-y:auto;padding:0 var(--sp-5) var(--sp-5);flex:1}.sheet-foot{padding:var(--sp-3) var(--sp-5) var(--sp-5);border-top:1px solid var(--color-border);flex:0 0 auto}@media (min-width:900px){.sheet-backdrop{align-items:center}.sheet{max-width:760px;max-height:82vh;border-radius:var(--radius-lg);margin:0 var(--sp-5)}.sheet-head{padding-top:var(--sp-2)}}.optgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}@media (min-width:640px){.optgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.optcard{position:relative;display:block;width:100%;padding:var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;overflow:hidden;transition:border-color var(--dur-fast) var(--ease)}.optcard-in{display:flex;flex-direction:column;gap:var(--sp-2)}.optcard:hover{border-color:var(--color-text-3)}.optcard.is-on{border:2px solid var(--color-text);padding:calc(var(--sp-3) - 1px)}.optcard-media{background:var(--color-media);border-radius:var(--radius-sm);height:104px;display:grid;place-items:center;padding:var(--sp-2);color:var(--color-text-3);overflow:hidden}.optcard-media img{max-width:100%;max-height:100%;object-fit:contain}.optcard-name{font-weight:var(--fw-bold);line-height:var(--lh-tight)}.optcard-desc{font-size:var(--fs-sm);color:var(--color-text-2)}.optcard-check{position:absolute;top:0;left:0;width:34px;height:34px;display:grid;place-items:center;background:var(--color-badge);color:var(--color-on-badge);border-radius:var(--radius-md) 0 var(--radius-md) 0}.optrow{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-2) 0;text-align:left}.optrow + .optrow{border-top:1px solid var(--color-border)}.optrow-box{width:22px;height:22px;flex:0 0 auto;border:1.5px solid var(--color-text-3);border-radius:6px;display:grid;place-items:center;color:var(--color-on-badge)}.optrow.is-on .optrow-box{background:var(--color-primary);border-color:var(--color-primary)}.phero{position:relative;background:var(--color-media);padding:var(--sp-10) var(--page-gutter) var(--sp-8);display:grid;place-items:center;min-height:300px}.phero-img{width:100%;max-width:340px;height:240px;object-fit:contain}.phero-back{position:absolute;top:var(--sp-4);left:var(--page-gutter);z-index:3}.phero-fav{position:absolute;top:var(--sp-4);right:var(--page-gutter);z-index:3}@media (min-width:900px){.phero{min-height:460px;padding:var(--sp-12) var(--sp-8)}.phero-img{height:380px;max-width:520px}.phero-back{left:var(--sp-6)}.phero-fav{right:var(--sp-6)}}.pcard-main{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-6) var(--sp-5);text-align:center;margin-top:var(--sp-5)}.pcard-main .badge-corner{border-radius:var(--radius-lg) var(--radius-sm) var(--radius-sm) 0}.pcat{font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-2);font-weight:var(--fw-semibold)}.psub{font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-3)}.pname{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:var(--sp-3) 0 var(--sp-3)}.pshort{color:var(--color-text-2);font-size:var(--fs-lg);line-height:var(--lh-normal)}.pdiv{height:1px;background:var(--color-border);margin:var(--sp-5) 0}.pattrs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-5) var(--sp-8)}.pattr{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-width:76px}.pattr-icon{color:var(--color-text)}.pattr-value{font-weight:var(--fw-bold)}.pattr-name{font-size:var(--fs-sm);color:var(--color-text-2)}.pprice{display:flex;justify-content:center}.pstock{margin-top:var(--sp-2)}.spec-table td{padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border);vertical-align:top}.spec-table tr:last-child td{border-bottom:0}.spec-table td:first-child{color:var(--color-text-2);width:45%}.spec-table td:last-child{font-weight:var(--fw-medium);text-align:right}.spec-table--mfr td:last-child{font-weight:var(--fw-bold)}.spec-toggle{display:block;margin:var(--sp-3) 0 0}.rich{line-height:1.6;color:var(--color-text)}.rich p{margin:0 0 var(--sp-3)}.rich ul{list-style:disc;padding-left:var(--sp-5);margin:0 0 var(--sp-3)}.rich li{margin-bottom:var(--sp-1)}.rich h3{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:var(--sp-4) 0 var(--sp-2)}.rich strong{font-weight:var(--fw-semibold)}.doc-row{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) 0;width:100%;text-align:left}.doc-row + .doc-row{border-top:1px solid var(--color-border)}.doc-icon{width:40px;height:40px;flex:0 0 auto;border-radius:var(--radius-sm);background:var(--color-surface-2);display:grid;place-items:center;color:var(--color-danger)}.cart-line{display:flex;align-items:stretch;gap:var(--sp-3);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-3)}.cart-line + .cart-line{margin-top:var(--sp-3)}.cart-line--quick .cart-media{background:var(--color-media)}.cart-media{flex:0 0 84px;width:84px;background:var(--color-media);border-radius:var(--radius-md);display:grid;place-items:center;padding:var(--sp-2)}@media (min-width:900px){.cart-line{padding:var(--sp-4);gap:var(--sp-5)}.cart-media{flex:0 0 120px;width:120px}.cart-right{gap:var(--sp-4);padding-right:var(--sp-2)}}.cart-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-2)}.cart-name{font-weight:var(--fw-bold);line-height:1.25;min-height:calc(1.25em * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-right{display:flex;align-items:center;gap:var(--sp-3);flex:0 0 auto}.cart-qty-value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-accent-text);font-variant-numeric:tabular-nums;min-width:22px;text-align:center}.summary-row{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) 0}.summary-row--total{border-top:1px solid var(--color-border);margin-top:var(--sp-2);padding-top:var(--sp-3);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.banners{display:flex;gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);padding:0 var(--page-gutter) var(--sp-2)}.banners::-webkit-scrollbar{display:none}.banner{position:relative;flex:0 0 100%;scroll-snap-align:center;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-5);color:var(--color-on-media);background:var(--color-primary) center/cover no-repeat}.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 100%)}.banner>*{position:relative;z-index:1}.banner-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);max-width:14ch}.banner-sub{margin-top:var(--sp-2);font-size:var(--fs-md);max-width:30ch}.banner-cta{align-self:flex-start;margin-top:var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:var(--fw-semibold)}.banner--action{background:linear-gradient(145deg,var(--color-accent) 0%,var(--color-primary) 58%,var(--color-primary-hover) 100%)}.banner--action::after{background:linear-gradient(180deg,rgba(8,20,30,0) 40%,rgba(8,20,30,.45) 100%)}.banner-mark{position:absolute;top:6px;right:-18px;color:var(--color-on-media);opacity:.14;pointer-events:none}@media (min-width:900px){.banners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin:0;padding:0;overflow:visible}.banner{flex:none}.banner-title{font-size:var(--fs-xl)}}.section--hero{margin-top:var(--sp-2)}.section--hero + .search-wrap{margin-top:var(--sp-5)}.dots{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-top:var(--sp-2)}.dot{width:24px;height:24px;display:grid;place-items:center;background:none}.dot::before{content:"";display:block;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-border);transition:background var(--dur-fast) var(--ease)}.dot.is-on::before{background:var(--color-text)}@media (min-width:900px){.dots{display:none}}.sk{background:var(--color-skeleton);border-radius:var(--radius-sm);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}.sk-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-2)}.sk-media{height:150px;border-radius:var(--radius-md)}.sk-line{height:12px;margin-top:var(--sp-2)}.sk-line--60{width:60%}.sk-line--40{width:40%}.sk-block{height:88px;border-radius:var(--radius-lg)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-10) var(--sp-5)}.empty-icon{width:72px;height:72px;border-radius:var(--radius-pill);background:var(--color-surface-2);display:grid;place-items:center;color:var(--color-text-3)}.empty-title{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.empty-text{color:var(--color-text-2);max-width:42ch}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.status--requested{background:var(--color-info-soft);color:var(--color-text-2)}.status--proforma{background:var(--color-warning-soft);color:var(--color-warning)}.status--accepted{background:var(--color-accent-soft);color:var(--color-accent-text)}.status--invoiced{background:var(--color-success-soft);color:var(--color-success)}.status--cancelled{background:var(--color-danger-soft);color:var(--color-danger)}.status--open{background:var(--color-warning-soft);color:var(--color-warning)}.status--in_progress{background:var(--color-accent-soft);color:var(--color-accent-text)}.status--waiting_client{background:var(--color-info-soft);color:var(--color-text-2)}.status--closed{background:var(--color-success-soft);color:var(--color-success)}.status--delivery{background:var(--color-info-soft);color:var(--color-accent-text)}.toasts{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + var(--sp-4));z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:0 var(--page-gutter);pointer-events:none}@media (min-width:900px){.toasts{bottom:var(--sp-6)}}.toast{pointer-events:auto;max-width:520px;width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--fs-sm);text-align:left;box-shadow:var(--shadow-float);animation:slideup var(--dur-normal) var(--ease)}.toast-text{flex:1 1 auto;min-width:0}.toast-close{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-on-primary-soft);color:inherit}.toast-close:hover{background:var(--color-on-primary-soft-hover)}.toast--success{background:var(--color-primary)}.toast--info{background:var(--color-primary)}.toast--error{background:var(--color-danger-strong)}.timeline{position:relative;padding-left:var(--sp-5)}.timeline-item{position:relative;padding-bottom:var(--sp-4)}.timeline-item::before{content:"";position:absolute;left:calc(var(--sp-5) * -1 + 4px);top:6px;width:9px;height:9px;border-radius:var(--radius-pill);background:var(--color-accent)}.timeline-item::after{content:"";position:absolute;left:calc(var(--sp-5) * -1 + 8px);top:16px;bottom:0;width:1px;background:var(--color-border)}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child::after{display:none}.msg{max-width:88%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md)}.msg--client{margin-left:auto;background:var(--color-accent-soft);border-bottom-right-radius:4px}.msg--admin{margin-right:auto;background:var(--color-surface-2);border-bottom-left-radius:4px}.msg-meta{font-size:var(--fs-xs);color:var(--color-text-2);margin-top:4px}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--sp-10) var(--page-gutter) var(--sp-8);background:var(--color-bg)}.auth-inner{width:100%;max-width:460px}@media (min-width:900px){.auth-inner{max-width:var(--content-max)}}.auth-logo{height:56px;width:auto;margin:0 auto var(--sp-8);object-fit:contain}.auth-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.auth-sub{color:var(--color-text-2);margin:var(--sp-2) 0 var(--sp-6)}.auth-foot{margin-top:var(--sp-6);text-align:center;color:var(--color-text-2);font-size:var(--fs-sm)}.is-mock body::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-warning);z-index:calc(var(--z-toast) + 1);pointer-events:none}.search-wrap{position:relative;z-index:30}.search-field{display:flex;align-items:center;gap:var(--sp-2);height:58px;padding:0 var(--sp-2) 0 var(--sp-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color var(--dur-fast) var(--ease)}.search-field:focus-within{border-color:var(--color-accent)}.search-field--sm{height:48px;box-shadow:none}.search-icon{color:var(--color-text-3);flex:0 0 auto}.search-input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:var(--fs-lg);color:var(--color-text)}.search-input::placeholder{color:var(--color-text-3)}.search-input::-webkit-search-cancel-button{display:none}.search-field--sm .search-input{font-size:var(--fs-md)}.search-clear{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--color-text-2)}.search-clear:hover{background:var(--color-hover)}.search-panel{position:absolute;top:calc(100% + var(--sp-2));left:0;right:0;max-height:70vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:var(--sp-2);animation:slideup var(--dur-fast) var(--ease)}.search-note{padding:var(--sp-2) var(--sp-3) var(--sp-3);font-size:var(--fs-sm);color:var(--color-text-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-2)}.search-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-md)}.search-row.is-active,.search-row:hover{background:var(--color-surface-2)}.search-row-main{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;text-align:left;min-height:44px}.search-thumb{width:56px;height:56px;flex:0 0 auto;background:var(--color-media);border-radius:var(--radius-sm);display:grid;place-items:center;padding:4px}.search-info{flex:1;min-width:0}.search-name{font-weight:var(--fw-semibold);line-height:1.25}.search-qty{width:120px;flex:0 0 auto}.search-foot{border-top:1px solid var(--color-border);margin-top:var(--sp-2);padding-top:var(--sp-2)}.search-all{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;min-height:48px;padding:0 var(--sp-3);border-radius:var(--radius-md);font-weight:var(--fw-semibold);color:var(--color-accent-text)}.search-all.is-active,.search-all:hover{background:var(--color-accent-soft)}.search-empty{padding:var(--sp-5) var(--sp-4);text-align:center}.search-skel{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2)}.stock-left{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-danger)}.brandtab--clearance{font-weight:var(--fw-semibold)}.brandtab--clearance .brandtab-count{color:var(--color-text-3);font-weight:var(--fw-regular)}.rail--compact>*{flex:0 0 168px}@media (min-width:900px){.rail--compact>*{flex:0 0 200px}}.newsrail{display:flex;gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--page-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);padding:0 var(--page-gutter) var(--sp-2)}.newsrail::-webkit-scrollbar{display:none}.newsrail{overscroll-behavior-x:contain}.newsrail>*{flex:0 0 calc(100% - var(--page-gutter));scroll-snap-align:start}.newsrail.vcols--1>*{flex:0 0 100%}@media (min-width:900px){.newsrail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin:0;padding:0;overflow:visible}.newsrail>*{flex:none}}.newscard{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:flex-end;padding:var(--sp-5);color:var(--color-on-media);background:var(--color-primary) center/cover no-repeat;box-shadow:var(--shadow-card)}.newscard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.72) 100%)}.newscard:hover{box-shadow:var(--shadow-float)}.newscard-title{position:relative;z-index:1;display:block;font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}@media (min-width:900px){.newscard{aspect-ratio:2 / 3;padding:var(--sp-4)}.newscard-title{font-size:var(--fs-lg)}}.npage{max-width:860px}.nhero{position:relative;aspect-ratio:16 / 10;max-height:420px;overflow:hidden;background:var(--color-surface-2) center/cover no-repeat}@media (min-width:900px){.nhero{aspect-ratio:21 / 9;max-height:480px}}.nhero-back{position:absolute;top:var(--sp-4);left:var(--page-gutter);z-index:3}.narticle{margin-top:var(--sp-5);text-align:left}.ndate{font-size:var(--fs-sm);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--fw-semibold)}.ntitle{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:var(--sp-2) 0 var(--sp-3)}.nlead{font-size:var(--fs-lg);color:var(--color-text-2);line-height:var(--lh-normal)}.nbody{margin-top:var(--sp-5)}.ncta{margin-top:var(--sp-6)}.promo{--promo-pad:var(--sp-5);--promo-gap:var(--sp-4);position:relative;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--promo-gap);padding:var(--promo-pad);margin-top:var(--sp-4);border-radius:var(--radius-lg);overflow:hidden;text-align:left;color:var(--color-on-media);background:var(--color-primary);box-shadow:var(--shadow-card)}.promo::before{content:"";flex:0 0 auto;width:0;margin:calc(var(--promo-pad) * -1) calc(var(--promo-gap) * -1) calc(var(--promo-pad) * -1) 0;padding-top:min(calc((100% + var(--promo-pad) * 2) * 0.4375),260px);pointer-events:none}.promo-media{position:absolute;inset:0;background:var(--color-primary) center/cover no-repeat}.promo-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,0) 100%)}.promo-body{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:block}.promo-title{display:block;font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);max-width:22ch}.promo-sub{display:block;margin-top:var(--sp-2);font-size:var(--fs-md);max-width:34ch}.promo-arrow{position:relative;z-index:1;flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-pill)}.promo--inline{grid-column:1 / -1;margin:var(--sp-2) 0}@media (min-width:900px){.promo::before{display:none}.promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:160px;padding:0;background:var(--color-surface);color:var(--color-text)}.promo-media{position:relative;inset:auto;width:100%;height:100%}.promo-media::after{display:none}.promo-body{padding:var(--sp-6) var(--sp-8)}.promo-title{font-size:var(--fs-2xl)}.promo-sub{color:var(--color-text-2)}.promo-arrow{position:absolute;right:var(--sp-6);bottom:var(--sp-6)}}.only-desktop{display:none}@media (min-width:900px){.only-phone{display:none}.only-desktop{display:grid}.vcols--1{grid-template-columns:minmax(0,1fr)}.vcols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.vcols--3{grid-template-columns:repeat(3,minmax(0,1fr))}.vcols--4{grid-template-columns:repeat(4,minmax(0,1fr))}.vcols--2>*{aspect-ratio:4 / 3}.vcols--3>*{aspect-ratio:1 / 1}}.adslot{grid-column:1 / -1}.nhero--image{aspect-ratio:auto;max-height:none}.nhero-image{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.nbody p>strong:first-child{display:block;font-size:var(--fs-lg);margin:var(--sp-6) 0 var(--sp-3)}.nbody p>strong:first-child + br{display:none}.nbody table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:var(--sp-5) 0}.nbody th,.nbody td{padding:var(--sp-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.nbody th{background:var(--color-surface-2);font-weight:var(--fw-semibold)}@media (min-width:900px){.bubbles{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.bubbles--home{max-height:84px;overflow:hidden}}