/* SOZYBUY scene-selection v3.0: shared component recipes, not a complete business app. */
*,*::before,*::after{box-sizing:border-box}
.sz-surface{font-family:var(--sz-font-ui);font-size:var(--sz-family-body);line-height:1.6;color:var(--sz-text);background:var(--sz-surface)}
.sz-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sz-family-control-height);padding:8px 16px;border:1px solid transparent;border-radius:var(--sz-family-control-radius);background:var(--sz-action);color:var(--sz-action-text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--sz-duration),border-color var(--sz-duration)}
.sz-button:hover{background:var(--sz-action-hover)}
.sz-button:active{background:var(--sz-action-pressed)}
.sz-button--brand{background:var(--sz-brand);color:var(--sz-action-text)}
.sz-button--brand:hover{background:var(--sz-brand-hover)}
.sz-button--secondary{background:white;border-color:var(--sz-control-border);color:var(--sz-text)}
.sz-button--secondary:hover{background:var(--sz-subtle)}
.sz-button--quiet{background:transparent;color:var(--sz-link);border-color:transparent;font-weight:500}
.sz-button--danger{background:var(--sz-danger-bg);color:var(--sz-danger)}
.sz-button:disabled{background:var(--sz-disabled-bg);color:var(--sz-disabled-text);border-color:var(--sz-border);cursor:not-allowed}
.sz-button:focus-visible,.sz-input:focus-visible,.sz-text-action:focus-visible{outline:2px solid var(--sz-focus);outline-offset:3px}
.sz-input{min-height:var(--sz-family-control-height);padding:8px 12px;border:1px solid var(--sz-control-border);border-radius:var(--sz-family-control-radius);background:white;color:var(--sz-text);font:inherit;max-width:100%}
.sz-input[aria-invalid="true"]{border-color:var(--sz-danger)}
.sz-field-error{margin:4px 0 0;color:var(--sz-danger);font-size:13px}
.sz-text-action{color:var(--sz-link);text-decoration:underline;text-underline-offset:3px}
.sz-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:12px;line-height:1.6;background:var(--sz-info-bg);color:var(--sz-info)}
.sz-badge--success{background:var(--sz-success-bg);color:var(--sz-success)}
.sz-badge--warning{background:var(--sz-warning-bg);color:var(--sz-warning)}
.sz-badge--danger{background:var(--sz-danger-bg);color:var(--sz-danger)}
.sz-badge--neutral{background:var(--sz-disabled-bg);color:var(--sz-text-secondary)}
.sz-table-wrap{overflow-x:auto;background:white;border:1px solid var(--sz-border);border-radius:8px}
.sz-table{width:100%;border-collapse:collapse;font-size:14px}
.sz-table th,.sz-table td{padding:12px 16px;border-bottom:1px solid var(--sz-border);text-align:left;vertical-align:middle;min-height:var(--sz-family-row-height)}
.sz-table th{background:var(--sz-subtle);color:var(--sz-text-secondary);font-weight:600}
.sz-table tr:last-child td{border-bottom:0}
.sz-table tr[aria-selected="true"] td{background:var(--sz-selected-bg)}
.sz-table .sz-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sz-panel{background:white;border:1px solid var(--sz-border);border-radius:var(--sz-family-panel-radius);padding:var(--sz-family-panel-padding)}
/* Commerce geometry is locked to the selected A pages, not earlier five-column concepts. */
.sz-commerce-home{background:white}.sz-commerce-header{display:flex;align-items:center;gap:56px;background:white;padding:24px 0}.sz-commerce-content{width:1280px;max-width:calc(100% - 96px);margin:auto}
.sz-hero{position:relative;display:grid;grid-template-columns:36% 64%;background:var(--sz-sky-100);overflow:hidden}.sz-hero-copy{align-self:center;padding:46px 0 46px 9vw}.sz-hero-copy h1{font-size:42px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin:0}.sz-hero-media{position:relative;min-width:0}.sz-hero-photo{display:block;width:100%;height:440px;object-fit:cover;object-position:50% 56%}.sz-hero-media:before{content:'';position:absolute;inset:0 auto 0 -1px;width:110px;background:linear-gradient(90deg,var(--sz-sky-100),transparent)}
.sz-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.sz-category-tile{position:relative;overflow:hidden;border-radius:5px;color:var(--sz-text);text-decoration:none}.sz-category-tile img{width:100%;height:182px;object-fit:cover}.sz-category-caption{position:absolute;inset:auto 0 0;padding:12px 15px;background:#fffffff0;font-size:14px}
.sz-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}.sz-product-card{min-width:0;border:0;box-shadow:none;background:white}.sz-product-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:5px}.sz-product-card h3{font-size:16px;line-height:1.55;font-weight:550;margin:4px 0 0}.sz-product-spec{font-size:13px;color:var(--sz-commerce-muted);margin:5px 0 10px}.sz-product-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.sz-product-price{font-size:21px;font-weight:600;color:var(--sz-commerce-price);font-variant-numeric:tabular-nums}.sz-product-card .sz-button{background:transparent;color:var(--sz-link);padding:8px 0;font-size:12px;font-weight:400}
.sz-mobile-lines{display:flex;flex-direction:column}.sz-mobile-line{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--sz-border)}.sz-mobile-line img{width:72px;height:72px;object-fit:cover;border-radius:4px}.sz-fixed-actions{position:sticky;bottom:0;z-index:5;background:white;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sz-border);display:flex;align-items:center;justify-content:space-between;gap:12px}
[data-sz-device="mobile"] .sz-commerce-content{width:auto;max-width:none;margin:0 16px}[data-sz-device="mobile"] .sz-commerce-header{padding:23px 16px 16px;background:linear-gradient(165deg,#c6edff,#e7f7ff 70%,#eefaff);display:block}[data-sz-device="mobile"] .sz-hero{display:flex;flex-direction:column;background:#edf9ff}[data-sz-device="mobile"] .sz-hero-media{order:-1}[data-sz-device="mobile"] .sz-hero-photo{height:255px;object-position:48% 60%}[data-sz-device="mobile"] .sz-hero-media:before{inset:0 0 auto;width:100%;height:45px;background:linear-gradient(#eefaff,transparent)}[data-sz-device="mobile"] .sz-hero-media:after{content:'';position:absolute;inset:auto 0 -1px;height:50px;background:linear-gradient(transparent,#edf9ff)}[data-sz-device="mobile"] .sz-hero-copy{padding:21px 22px 22px;align-self:stretch}[data-sz-device="mobile"] .sz-hero-copy h1{font-size:27px;line-height:1.25}[data-sz-device="mobile"] .sz-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}[data-sz-device="mobile"] .sz-category-tile img{height:130px}[data-sz-device="mobile"] .sz-category-caption{font-size:12px;padding:8px 11px}[data-sz-device="mobile"] .sz-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}[data-sz-device="mobile"] .sz-product-card img{aspect-ratio:1.03}[data-sz-device="mobile"] .sz-product-card h3{font-size:13px}[data-sz-device="mobile"] .sz-product-price{font-size:18px}
/* Existing-page fidelity: use templates/commerce/pages/a-*.html with its exact stylesheet. Recipes express reusable anatomy, not a replacement source. */