/* ═══════════════════════════════════════════════════════════════════
   HOME PRO — editorial redesign of the desktop homepage (≥901px).
   Scoped to .home-pro. Same design language as the PDP/POS redesigns:
   ink #121212 on paper, hairline rules #E6E4DF, Playfair Display
   display serif, wide spaced-caps micro-labels, rectangular ink CTAs.
   Pure restyle layer over existing markup — no JS dependencies.
   ═══════════════════════════════════════════════════════════════════ */

@media (min-width: 901px) {

    /* ── Hero chrome: quiet gallery hardware over the cinematic slides ── */
    .home-pro .sf-hero-kicker {
        font-size: 11px; font-weight: 600;
        letter-spacing: .3em; text-transform: uppercase;
        background: transparent; border: 0; padding: 0;
    }
    .home-pro .sf-hero-cta {
        border-radius: 0;
        font-size: 11px; font-weight: 600;
        letter-spacing: .26em; text-transform: uppercase;
        padding: 18px 46px;
    }
    .home-pro .sf-hero-chip {
        border-radius: 0;
        font-size: 9.5px; font-weight: 600;
        letter-spacing: .18em; text-transform: uppercase;
    }
    .home-pro .sf-hero-counter {
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic; letter-spacing: 0;
    }
    .home-pro .sf-hero-arrow { border-radius: 0; }
    .home-pro .sf-hero-scroll-text { letter-spacing: .4em; font-size: 9px; }

    /* ── Metric band → serif ledger strip ── */
    .home-pro .sf-metric-band {
        border: 0;
        border-top: 1px solid #E6E4DF;
        border-bottom: 1px solid #E6E4DF;
        border-radius: 0; background: transparent;
        padding: 42px 0;
        gap: 0;
    }
    .home-pro .sf-metric-item { border: 0; padding: 0 32px; }
    .home-pro .sf-metric-item + .sf-metric-item { border-left: 1px solid #E6E4DF; }
    .home-pro .sf-metric-item strong {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 34px; font-weight: 500; letter-spacing: -.01em;
    }
    .home-pro .sf-metric-item span {
        font-size: 10px; font-weight: 600;
        letter-spacing: .22em; text-transform: uppercase;
        color: #8B8A85; margin-top: 8px;
    }

    /* ── Section headers: eyebrow + display serif + hairline ── */
    .home-pro .sf-kicker {
        font-size: 10.5px; font-weight: 600;
        letter-spacing: .26em; text-transform: uppercase;
        color: #8B8A85;
    }
    .home-pro .sf-section-title {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(30px, 3vw, 44px);
        font-weight: 500; letter-spacing: -.012em; line-height: 1.08;
    }
    .home-pro .sf-section-head {
        align-items: flex-end;
        border-bottom: 1px solid #E6E4DF;
        padding-bottom: 22px; margin-bottom: 34px;
    }
    .home-pro .sf-section-head .sf-btn-link {
        border: 0; height: auto; padding: 0 0 3px;
        font-size: 10.5px; font-weight: 600;
        letter-spacing: .2em; text-transform: uppercase;
        border-bottom: 1px solid #121212;
        background: transparent; color: #121212;
        transition: letter-spacing .25s ease, opacity .25s ease;
    }
    .home-pro .sf-section-head .sf-btn-link:hover {
        background: transparent; color: #121212;
        letter-spacing: .28em; opacity: .65;
    }

    /* ── Product cards: gallery plates ── */
    .home-pro .sf-product-card { border-radius: 0; }
    .home-pro .sf-product-media {
        border: 1px solid #E6E4DF; border-radius: 0;
        background: #FAF9F7;
        transition: border-color .25s ease;
    }
    .home-pro .sf-product-card:hover .sf-product-media { border-color: #121212; }
    .home-pro .sf-product-name {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 16px; font-weight: 500; letter-spacing: 0;
        text-transform: none;
    }
    .home-pro .sf-price-main { font-weight: 500; letter-spacing: .02em; }
    .home-pro .sf-price-compare { color: #8B8A85; }
    .home-pro .sf-badge, .home-pro .sf-product-badges .sf-badge {
        border-radius: 0;
        font-size: 9px; font-weight: 600;
        letter-spacing: .16em; text-transform: uppercase;
    }
    .home-pro .sf-grid-4 { gap: 28px; }

    /* ── Editorial split: frame the story ── */
    .home-pro .sf-block {
        border: 1px solid #E6E4DF; border-radius: 0;
        box-shadow: none;
    }
    .home-pro .sf-block-muted { background: #FAF9F7; }
    .home-pro .sf-media-cover { border-color: #E6E4DF; }
    .home-pro .sf-media-cover:hover { border-color: #121212; }
    .home-pro .sf-home-editorial-title {
        font-family: 'Playfair Display', Georgia, serif;
        font-weight: 500;
    }
    .home-pro .sf-copy { font-size: 14px; line-height: 1.75; color: #55534E; }

    /* Category list → editorial index with arrows */
    .home-pro .sf-category-grid { gap: 0; margin-top: 18px; }
    .home-pro .sf-category-grid .sf-btn-link {
        border: 0; border-bottom: 1px solid #E6E4DF; border-radius: 0;
        height: auto; padding: 13px 2px;
        justify-content: space-between;
        font-size: 11px; font-weight: 600;
        letter-spacing: .18em; text-transform: uppercase;
        background: transparent; color: #121212;
        transition: padding-left .22s ease, color .22s ease;
    }
    .home-pro .sf-category-grid .sf-btn-link::after {
        content: "→";
        font-weight: 400; letter-spacing: 0;
        transition: transform .22s ease;
    }
    .home-pro .sf-category-grid .sf-btn-link:hover {
        background: transparent; color: #121212; padding-left: 10px;
    }
    .home-pro .sf-category-grid .sf-btn-link:hover::after { transform: translateX(4px); }
}