:root{--sc-cta:#0ea5e9;--sc-cta-hover:#0284c7;--sc-dark:#1a1a1a;--sc-gray:#6b7280;--sc-border:#e5e7eb;--sc-bg:#f9fafb;--sc-white:#ffffff;--sc-radius:12px;--sc-shadow:0 4px 20px rgba(0, 0, 0, 0.08);--sc-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.sc-product-header{width:100%;background:var(--sc-white);border-bottom:1px solid var(--sc-border);padding:16px 12px;font-family:var(--sc-font)}.sc-product-header__inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(16px,4vw,48px);max-width:1200px;margin:0 auto}.sc-product-header__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--sc-dark);min-width:72px;max-width:120px;transition:transform .15s ease,opacity .15s ease}.sc-product-header__item:hover{transform:translateY(-2px);opacity:.9;color:var(--sc-dark)}.sc-product-header__logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.sc-product-header__logo img{max-width:100%;max-height:100%;object-fit:contain}.sc-product-header__logo-placeholder{width:56px;height:56px;border-radius:50%;background:var(--sc-bg);border:1px solid var(--sc-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}.sc-product-header__name{font-size:13px;font-weight:600;text-align:center;line-height:1.25}.sc-listing-page{font-family:var(--sc-font);background:var(--sc-bg);min-height:50vh;padding-bottom:48px}.sc-listing-page__title{text-align:center;font-size:clamp(1.5rem, 3vw, 2rem);margin:24px 16px 8px;color:var(--sc-dark)}.sc-material-grid{padding:24px 16px;max-width:1280px;margin:0 auto}.sc-material-grid__inner{display:grid;gap:24px;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(280px,320px))}.sc-material-grid[data-count="1"] .sc-material-grid__inner{grid-template-columns:minmax(280px,360px);justify-content:center}.sc-material-card{background:var(--sc-white);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--sc-border);transition:box-shadow .2s ease}.sc-material-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.sc-material-card__image{aspect-ratio:4/3;background:#eee;overflow:hidden}.sc-material-card__image img{width:100%;height:100%;object-fit:cover;display:block}.sc-material-card__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}.sc-material-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.sc-material-card__title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sc-material-card__logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.sc-material-card__title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.sc-material-card__desc{margin:0 0 16px;color:var(--sc-gray);font-size:.9rem;line-height:1.45;flex:1}.sc-material-card__actions{display:flex;gap:10px;flex-wrap:wrap}.sc-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-size:.8rem;font-weight:700;letter-spacing:.04em;border-radius:6px;border:2px solid transparent;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s,border-color .15s,color .15s;line-height:1.2}.sc-btn--order{background:var(--sc-cta);color:#fff;border-color:var(--sc-cta);flex:1}.sc-btn--order:hover{background:var(--sc-cta-hover);color:#fff}.sc-btn--info{background:var(--sc-white);color:var(--sc-dark);border-color:var(--sc-border);flex:1}.sc-btn--info:hover{border-color:var(--sc-dark)}.sc-btn--ghost{background:0 0;border-color:var(--sc-border);color:var(--sc-gray)}.sc-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}.sc-modal[hidden]{display:none!important}.sc-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.sc-modal__dialog{position:relative;background:var(--sc-white);border-radius:16px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:28px 28px 20px;font-family:var(--sc-font);z-index:1}.sc-modal__close{position:absolute;top:12px;right:14px;border:0;background:0 0;font-size:28px;line-height:1;cursor:pointer;color:var(--sc-gray)}.sc-modal__header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-right:28px}.sc-modal__header img{width:52px;height:52px;object-fit:contain}.sc-modal__header h2{margin:0;font-size:1.5rem}.sc-modal__section{margin-bottom:16px}.sc-modal__section h3{margin:0 0 8px;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sc-gray)}.sc-modal__section ul{margin:0;padding-left:1.2em}.sc-modal__section li{margin-bottom:4px}.sc-modal__actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.sc-modal__gallery{display:flex;gap:10px;overflow-x:auto;padding:8px 0 4px;border-top:1px solid var(--sc-border);margin-top:8px}.sc-modal__gallery img{height:100px;width:auto;border-radius:8px;object-fit:cover;flex-shrink:0}.sc-empty{text-align:center;color:var(--sc-gray);padding:40px 16px}@media (max-width:600px){.sc-material-grid__inner{grid-template-columns:1fr;max-width:400px;margin:0 auto}}