@media (max-width: 1024px) { .sf-grid--4 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .sf-grid--4, .sf-grid--3 { grid-template-columns: repeat(2, 1fr); } .sf-hero__title { font-size: 28px; } }
@media (max-width: 480px) { .sf-grid--4, .sf-grid--3, .sf-grid--2 { grid-template-columns: 1fr; } .sf-hero { padding: 40px 0; } }
.sf-cart-item { display: flex; align-items: center; gap: 12px; padding: 16px; background: var(--wl-surface); border: 1px solid var(--wl-border); border-radius: var(--wl-radius); margin-bottom: 8px; }
.sf-cart-item__info { flex: 1; }
.sf-cart-item__qty { display: flex; align-items: center; gap: 8px; }
.sf-cart-item__qty button { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--wl-border); background: none; cursor: pointer; font-size: 16px; }
.sf-cart-item__price { font-weight: 700; color: var(--wl-primary); min-width: 80px; text-align: right; }
.sf-cart-item__remove { background: none; border: none; cursor: pointer; color: var(--wl-text-muted); font-size: 18px; }
.sf-cart-summary { max-width: 400px; margin-left: auto; }
.sf-cart-totals { background: var(--wl-surface); border: 1px solid var(--wl-border); border-radius: var(--wl-radius-lg); padding: 20px; }
.sf-cart-total-row { display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; }
.sf-cart-total-row--total { border-top: 2px solid var(--wl-border); margin-top: 8px; padding-top: 16px; font-size: 18px; font-weight: 700; }
.sf-form-group { margin-bottom: 16px; }
.sf-form-group label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 13px; color: var(--wl-text-muted); text-transform: uppercase; letter-spacing: .03em; }
.sf-empty { text-align: center; padding: 60px 20px; }
.sf-empty p { font-size: 18px; color: var(--wl-text-muted); margin-bottom: 16px; }
.sf-product { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 0; max-width: 1000px; margin: 0 auto; }
.sf-product__main-img { height: 400px; background: var(--wl-bg); border-radius: var(--wl-radius-lg); display: flex; align-items: center; justify-content: center; font-size: 80px; }
.sf-product__title { font-size: 28px; font-weight: 800; margin-bottom: 16px; }
.sf-product__price { font-size: 32px; font-weight: 700; color: var(--wl-primary); margin-bottom: 20px; }
.sf-product__desc { color: var(--wl-text-muted); margin-bottom: 24px; line-height: 1.7; }