.sf-component-wrapper{--sf-primary:#0e3acc;--sf-primary-light:rgba(14,58,204,.06);--sf-primary-border:rgba(14,58,204,.15);--sf-text-main:#1d1d1f;--sf-text-sec:#86868b;--sf-bg-body:#f5f7fa;--sf-bg-card:#fff;--sf-price:#d83939;--sf-border:#ededf0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;color:var(--sf-text-main);line-height:1.5;max-width:1300px;margin:0 auto;padding:20px;box-sizing:border-box}.sf-component-wrapper *,.sf-component-wrapper *::before,.sf-component-wrapper *::after{box-sizing:border-box}.sf-component-wrapper h1,.sf-component-wrapper p,.sf-component-wrapper div,.sf-component-wrapper a,.sf-component-wrapper span,.sf-component-wrapper img{margin:0;padding:0}.sf-component-wrapper .sf-grid{display:grid;grid-template-columns:1.5fr 1.3fr 1.1fr 2.3fr;gap:20px;align-items:center}.sf-component-wrapper .sf-list-header{padding:15px 20px;background-color:var(--sf-primary-light);color:var(--sf-primary);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;margin-bottom:10px}.sf-center{text-align:center}.sf-component-wrapper .sf-list-row{padding:24px 20px;border-bottom:1px solid var(--sf-border);transition:background-color .2s,transform .2s,box-shadow .2s;border-radius:8px;background:var(--sf-bg-card)}.sf-component-wrapper .sf-list-row:hover{background-color:#fafafa;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06);border-color:transparent;z-index:1;position:relative}.sf-component-wrapper .sf-list-row:last-child{border-bottom:none}.sf-component-wrapper .sf-col-identity{display:flex;align-items:center;gap:16px}.sf-component-wrapper .sf-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #eee;background:#fff;flex-shrink:0;display:block}.sf-component-wrapper .sf-info{display:flex;flex-direction:column;gap:5px}.sf-component-wrapper .sf-title{color:var(--sf-primary);font-weight:700;font-size:16px;line-height:1.2;display:block;cursor:default}.sf-component-wrapper .sf-badge{font-size:14px;color:#666;background:#f0f0f5;padding:3px 8px;border-radius:4px;width:fit-content;font-family:Consolas,Monaco,monospace}.sf-component-wrapper .sf-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--sf-text-sec);text-align:center}.sf-component-wrapper .sf-col-wrap{flex-direction:row;flex-wrap:wrap}.sf-component-wrapper .sf-dots-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;max-width:180px}.sf-component-wrapper .sf-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1);display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:help}.sf-bg-none{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 2px,#fff 2px,#fff 4px)}.sf-bg-clear{background:#f5f5f5;border:1px solid #ccc}.sf-bg-multi{background:linear-gradient(135deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f)}.sf-bg-silver{background:linear-gradient(135deg,#e0e0e0,#bdbdbd)}.sf-bg-gold{background:linear-gradient(135deg,#ffd700,#daa520)}.sf-bg-white{background:#fff;border:1px solid #e0e0e0}.sf-bg-black{background:#222}.sf-bg-grey{background:#9e9e9e}.sf-bg-yellow{background:#ffc107}.sf-bg-pink{background:#ffab91}.sf-bg-red{background:#d32f2f}.sf-bg-blue{background:#1976d2}.sf-bg-beige{background:#f5ccb0}.sf-bg-brown{background:#795548}.sf-bg-purple{background:#9c27b0}.sf-bg-green{background:#388e3c}.sf-bg-orange{background:#f57c00}.sf-bg-dark-red{background:#8b0000}.sf-bg-dark-green{background:#1b5e20}.sf-bg-dark-blue{background:#0d47a1}.sf-component-wrapper .sf-tag{font-size:14px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;display:inline-block}.sf-tag-metal{background-color:var(--sf-primary-light);color:var(--sf-primary);border:1px solid var(--sf-primary-border)}.sf-tag-plastic{background-color:#fff3e0;color:#e65100;border:1px solid #ffe0b2}.sf-tag-all{background-color:#f5f5f7;color:#555;border:1px solid #e5e5ea}.sf-component-wrapper .sf-col-desc{font-size:14px;color:var(--sf-text-main)}.sf-component-wrapper .sf-desc-text{margin-bottom:12px;line-height:1.6;color:#333}.sf-component-wrapper .sf-specs{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding-top:10px;border-top:1px dashed #eee}.sf-component-wrapper .sf-pill{display:inline-flex;align-items:center;gap:6px;font-size:14px}.sf-label{color:#888;font-weight:500}.sf-val{color:#333;font-weight:600}.sf-price{color:var(--sf-price);font-weight:700;font-size:14px}.sf-component-wrapper .sf-mobile-block{display:none}@media (max-width:900px){.sf-component-wrapper{padding:15px}.sf-component-wrapper .sf-list-header{display:none}.sf-component-wrapper .sf-list-row{display:flex;flex-direction:column;gap:15px;padding:20px;margin-bottom:15px;box-shadow:0 4px 12px rgba(0,0,0,.04);border:1px solid #f0f0f0}.sf-component-wrapper .sf-col-identity{width:100%;border-bottom:1px solid #f5f5f7;padding-bottom:15px}.sf-component-wrapper .sf-thumb{width:64px;height:64px}.sf-component-wrapper .sf-title{font-size:18px;margin-bottom:4px}.sf-component-wrapper .sf-col-center,.sf-component-wrapper .sf-specs{display:none}.sf-component-wrapper .sf-desc-text{font-size:14px;margin-bottom:5px}.sf-component-wrapper .sf-mobile-block{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f9f9fb;padding:15px;border-radius:8px;margin-top:5px}.sf-component-wrapper .sf-mob-item{display:flex;flex-direction:column;gap:3px}.sf-component-wrapper .sf-mob-label{font-size:11px;color:#999;text-transform:uppercase;font-weight:700}.sf-component-wrapper .sf-mob-val{font-size:13px;color:#333;display:flex;align-items:center;gap:6px;font-weight:500}}