/* TEMA: B2B / compact — "Kompakt Liste"
   Karakter: mürekkep-lacivert nötr, çelik-mavi vurgu, dar boşluk, keskin köşe.
   Hedef: bayi tek ekranda maksimum SKU görsün; süs yok, tarama hızı esas. */
:root {
    --sf-bg: #eef1f4;
    --sf-surface: #ffffff;
    --sf-surface-2: #f3f5f8;
    --sf-ink: #16202b;
    --sf-muted: #5d6b7a;
    --sf-line: #d8dee6;
    --sf-accent: #2563a8;
    --sf-accent-2: #1b4a80;
    --sf-accent-ink: #ffffff;

    --sf-radius: 7px;
    --sf-radius-sm: 5px;
    --sf-gap: .6rem;
    --sf-pad: .65rem;
    --sf-shadow: 0 8px 18px -14px rgba(16, 32, 43, .5);
    --sf-shadow-hover: 0 10px 20px -14px rgba(27, 74, 128, .55);

    --sf-title-weight: 600;
    --sf-container: 1360px;
    --sf-media-h: 108px;
    --sf-nav-h: 52px;
}

.sf-t-compact .sf-nav { background: var(--sf-accent-2); border-bottom: 3px solid var(--sf-accent); }
.sf-t-compact .sf-brand { font-size: 1rem; text-transform: uppercase; letter-spacing: .06em; }
.sf-t-compact .sf-main { padding-block: 1rem 2rem; }

.sf-t-compact .sf-head { border-bottom: 1px solid var(--sf-line); padding-bottom: .6rem; margin-bottom: .9rem; }
.sf-t-compact .sf-head h1 { font-size: 1.05rem; text-transform: uppercase; letter-spacing: .05em; }

.sf-t-compact .sf-card { border-radius: var(--sf-radius); }
.sf-t-compact .sf-card:hover { transform: none; border-color: var(--sf-accent); }
.sf-t-compact .sf-card-title { font-size: .86rem; line-height: 1.25; }
.sf-t-compact .sf-card-desc { display: none; }          /* yoğunluk için açıklama gizli */
.sf-t-compact .sf-card-body { gap: .3rem; }
.sf-t-compact .sf-price-now { font-size: 1rem; }
.sf-t-compact .sf-qty { width: 58px; padding: .25rem .35rem; }
.sf-t-compact .sf-btn { padding: .3rem .6rem; font-size: .82rem; }
.sf-t-compact .sf-atc .sf-btn span { display: none; }    /* düğmede yalnız ikon → satır daha dar */
.sf-t-compact .sf-atc .sf-btn-primary { flex: 0 0 auto; }