.sf-header { background: var(--wl-surface); border-bottom: 1px solid var(--wl-border); position: sticky; top: 0; z-index: 100; }
.sf-header .sf-container { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.sf-header__logo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; color: var(--wl-text); }
.sf-header__logo-img { height: 36px; }
.sf-header__nav { display: flex; align-items: center; gap: 20px; }
.sf-header__nav a { color: var(--wl-text-muted); font-weight: 500; font-size: 14px; transition: color var(--wl-transition); }
.sf-header__nav a:hover { color: var(--wl-primary); }
.sf-header__cart { position: relative; }
.sf-header__cart-count { position: absolute; top: -8px; right: -8px; background: var(--wl-primary); color: #fff; font-size: 10px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.sf-main { min-height: calc(100vh - 64px - 200px); }
.sf-footer { background: var(--wl-text); color: #fff; padding: 40px 0; margin-top: 60px; }
.sf-footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-bottom: 20px; }
.sf-footer h4 { font-weight: 700; margin-bottom: 10px; }
.sf-footer a { color: #94A3B8; display: block; margin-bottom: 6px; }
.sf-footer__bottom { border-top: 1px solid #334155; padding-top: 20px; text-align: center; color: #64748B; font-size: 13px; }