.sf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; border-radius: var(--wl-radius); font-weight: 600; font-size: 14px; cursor: pointer; border: none; transition: all var(--wl-transition); }
.sf-btn--primary { background: var(--wl-primary); color: #fff; }
.sf-btn--primary:hover { opacity: .9; transform: translateY(-1px); }
.sf-btn--outline { background: transparent; border: 2px solid var(--wl-primary); color: var(--wl-primary); }
.sf-btn--outline:hover { background: var(--wl-primary); color: #fff; }
.sf-btn--sm { padding: 6px 14px; font-size: 13px; }
.sf-btn--lg { padding: 14px 28px; font-size: 16px; }
.sf-input { width: 100%; padding: 10px 14px; border: 1px solid var(--wl-border); border-radius: var(--wl-radius); font-size: 14px; font-family: var(--wl-font); outline: none; transition: border-color var(--wl-transition); }
.sf-input:focus { border-color: var(--wl-primary); box-shadow: 0 0 0 3px rgba(30,58,138,.1); }
.sf-card { background: var(--wl-surface); border-radius: var(--wl-radius-lg); overflow: hidden; border: 1px solid var(--wl-border); transition: all var(--wl-transition); }
.sf-card:hover { transform: translateY(-2px); box-shadow: var(--wl-shadow-lg); }
.sf-card__img { height: 200px; background: var(--wl-bg); display: flex; align-items: center; justify-content: center; font-size: 48px; }
.sf-card__body { padding: 16px; }
.sf-card__title { font-size: 15px; font-weight: 600; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sf-card__price { font-size: 18px; font-weight: 700; color: var(--wl-primary); margin-bottom: 12px; }
.sf-grid { display: grid; gap: 20px; }
.sf-grid--2 { grid-template-columns: repeat(2, 1fr); }
.sf-grid--3 { grid-template-columns: repeat(3, 1fr); }
.sf-grid--4 { grid-template-columns: repeat(4, 1fr); }
.sf-section { padding: 40px 0; }
.sf-section--alt { background: var(--wl-surface); }
.sf-section__title { font-size: 24px; font-weight: 800; margin-bottom: 24px; }
.sf-hero { padding: 80px 0; text-align: center; background: linear-gradient(135deg, var(--wl-primary), var(--wl-secondary)); color: #fff; }
.sf-hero__title { font-size: 42px; font-weight: 800; margin-bottom: 12px; }
.sf-hero__subtitle { font-size: 18px; opacity: .9; margin-bottom: 24px; }
.sf-search { margin-bottom: 24px; }

/* Cart Drawer Premium */
.sf-cart-drawer { position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--wl-surface);box-shadow:-10px 0 40px rgba(0,0,0,.12);z-index:1000;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1); }
.sf-cart-drawer--open { transform:translateX(0); }
.sf-cart-drawer__header { display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--wl-border); }
.sf-cart-drawer__header h3 { font-size:18px;font-weight:700; }
.sf-cart-drawer__close { background:none;border:none;font-size:20px;cursor:pointer;color:var(--wl-text-muted);padding:4px; }
.sf-cart-drawer__close:hover { color:var(--wl-text); }
.sf-cart-drawer__body { flex:1;overflow-y:auto;padding:16px 24px; }
.sf-cart-drawer__empty { padding:60px 0; }
.sf-cart-drawer__footer { padding:20px 24px;border-top:1px solid var(--wl-border);background:var(--wl-surface); }
.sf-cart-drawer__totals { margin-bottom:16px; }
.sf-cart-overlay { position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px); }
.sf-cart-overlay--visible { opacity:1;pointer-events:auto; }
.sf-drawer-item { display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--wl-border); }
.sf-drawer-item__img { width:64px;height:64px;border-radius:8px;background:var(--wl-bg);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0; }
.sf-drawer-item__info { flex:1;min-width:0; }
.sf-drawer-item__name { font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sf-drawer-item__price { font-size:14px;font-weight:700;color:var(--wl-primary); }
.sf-drawer-item__qty { display:flex;align-items:center;gap:6px;margin-top:4px; }
.sf-drawer-item__qty button { width:24px;height:24px;border-radius:50%;border:1px solid var(--wl-border);background:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center; }
.sf-drawer-item__qty span { font-size:14px;font-weight:600;min-width:20px;text-align:center; }
.sf-drawer-item__remove { background:none;border:none;color:var(--wl-text-muted);cursor:pointer;font-size:16px;padding:4px;align-self:flex-start; }

/* Mega Menu */
.sf-mega-menu { position:absolute;top:100%;left:0;right:0;background:var(--wl-surface);border-top:1px solid var(--wl-border);box-shadow:0 8px 30px rgba(0,0,0,.1);padding:32px 0;display:none;z-index:100; }
.sf-mega-menu--visible { display:block;animation:sf-fade-in .2s ease; }
.sf-mega-menu__grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 20px; }
.sf-mega-menu__col h4 { font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;color:var(--wl-text-muted); }
.sf-mega-menu__col a { display:block;padding:4px 0;font-size:14px;color:var(--wl-text);transition:color var(--wl-transition); }
.sf-mega-menu__col a:hover { color:var(--wl-primary); }
.sf-nav-item { position:relative; }
.sf-nav-item:hover .sf-mega-menu { display:block; }

/* Checkout Premium */
.sf-checkout { display:grid;grid-template-columns:1fr 380px;gap:40px;max-width:1100px;margin:0 auto;padding:40px 0; }
.sf-checkout__main { }
.sf-checkout__steps { display:flex;gap:4px;margin-bottom:32px; }
.sf-checkout__step { flex:1;padding:12px;text-align:center;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--wl-bg);color:var(--wl-text-muted); }
.sf-checkout__step--active { background:var(--wl-primary);color:#fff; }
.sf-checkout__step--completed { background:var(--wl-success);color:#fff; }
.sf-checkout__sidebar { position:sticky;top:80px;align-self:start; }
.sf-checkout__card { background:var(--wl-surface);border:1px solid var(--wl-border);border-radius:16px;padding:24px; }
.sf-checkout__card h3 { font-size:16px;font-weight:700;margin-bottom:16px; }

/* Bottom Nav Mobile */
.sf-bottom-nav { display:none; }
@media (max-width:768px) {
    .sf-bottom-nav { display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--wl-surface);border-top:1px solid var(--wl-border);z-index:100;padding:8px 0;padding-bottom:env(safe-area-inset-bottom,8px); }
    .sf-bottom-nav__item { flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;text-decoration:none;color:var(--wl-text-muted);font-size:10px;font-weight:600;transition:color var(--wl-transition);cursor:pointer;background:none;border:none; }
    .sf-bottom-nav__item:hover { color:var(--wl-primary); }
    .sf-bottom-nav__item svg { width:22px;height:22px; }
    .sf-main { padding-bottom:70px; }
    .sf-header__nav a:not(.sf-header__cart) { display:none; }
}

/* Quick View Modal */
.sf-modal { position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); }
.sf-modal--visible { opacity:1;pointer-events:auto; }
.sf-modal__content { background:var(--wl-surface);border-radius:20px;max-width:600px;width:90vw;max-height:80vh;overflow-y:auto;position:relative;transform:scale(.95);transition:transform .3s ease; }
.sf-modal--visible .sf-modal__content { transform:scale(1); }
.sf-modal__close { position:absolute;top:16px;right:16px;background:var(--wl-bg);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--wl-text);z-index:1; }
.sf-modal__close:hover { background:var(--wl-border); }
.sf-modal__body { padding:24px; }

/* Filters Premium */
.sf-filters { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;align-items:center; }
.sf-filters select, .sf-filters input { padding:8px 12px;border:1px solid var(--wl-border);border-radius:var(--wl-radius);font-size:14px;background:var(--wl-surface);color:var(--wl-text);outline:none;min-width:140px; }
.sf-filters select:focus, .sf-filters input:focus { border-color:var(--wl-primary); }
.sf-filters__chip { display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--wl-primary);color:#fff; }
.sf-filters__chip button { background:none;border:none;color:inherit;font-size:14px;cursor:pointer;padding:0;line-height:1; }
.sf-filter-count { font-size:13px;color:var(--wl-text-muted);margin-left:auto; }

/* Cart total row */
.sf-cart-total-row { display:flex;justify-content:space-between;padding:4px 0;font-size:14px; }
.sf-cart-total-row--total { font-size:18px;font-weight:700;border-top:1px solid var(--wl-border);padding-top:8px;margin-top:4px; }
.sf-cart-total-row--total span:last-child { color:var(--wl-primary); }

/* Price ranges on card */
.sf-card__price-original { text-decoration:line-through;color:var(--wl-text-muted);font-size:13px;font-weight:400;margin-left:6px; }

/* Badges enhanced */
.sf-card__badges { position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px; }
.sf-card__badge { display:inline-flex;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em; }
.sf-card__badge--offer { background:#DC2626;color:#fff; }
.sf-card__badge--new { background:#059669;color:#fff; }
.sf-card__badge--sale { background:#F59E0B;color:#fff; }

/* Scroll sentinel */
#scroll-sentinel { height:1px;width:100%; }

/* Form group */
.sf-form-group { margin-bottom:16px; }
.sf-form-group label { display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--wl-text-muted); }