/* MACFaaast Module: Shop & Category Archive Hero, Showroom Grid, List View & Toolbar */

/* ==========================================================================
   26. CATEGORY ARCHIVE REDESIGN: SHOWROOM APPLE-STYLE (.apple-card-main-archive)
   Design Identico alla Vetrina "I Più Venduti", Allineamento Perfetto e Zero Jitter
   ========================================================================== */

/* 1. Griglia Prodotti con allineamento uniforme */
.apple-card-main-archive .products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    row-gap: 26px !important;
    align-items: stretch !important;
    height: auto !important;
    overflow: visible !important;
}

.apple-card-main-archive:not(.list).columns-3 .products .product {
    width: calc(33.333% - 12px) !important;
    max-width: calc(33.333% - 12px) !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

@media only screen and (max-width: 991px) {
    .apple-card-main-archive:not(.list).columns-3 .products .product {
        width: calc(50% - 9px) !important;
        max-width: calc(50% - 9px) !important;
    }
}

@media only screen and (max-width: 767px) {
    .apple-card-main-archive:not(.list).columns-3 .products .product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px 0 !important;
    }

    .apple-card-main-archive .products {
        gap: 0 !important;
    }
}

/* 2. Card Prodotto (Showroom Style) - Transizione Fluida senza Scatti */
.apple-card-main-archive .products .product {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid #e9edf3 !important;
    border-radius: 20px !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-shadow: 0 3px 12px rgba(61, 75, 100, 0.04) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    z-index: 1 !important;
    overflow: hidden !important;
    transform: translateZ(0);
    will-change: transform, box-shadow;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.25s ease !important;
}

.apple-card-main-archive:not(.list) .products .product .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    width: 100% !important;
}

/* Hover Card: SOLO box-shadow e border-color identico in spessore (ZERO SALTELLAMENTO) */
.apple-card-main-archive .products .product:hover {
    border-color: #00ade6 !important;
    border-top: 1px solid #00ade6 !important;
    transform: translateY(-4px) translateZ(0) !important;
    box-shadow: 0 0 0 1px #00ade6, 0 14px 28px rgba(0, 173, 230, 0.12), 0 4px 10px rgba(61, 75, 100, 0.05) !important;
    z-index: 5 !important;
}

/* 3. Pure White Photo Stage: Bianco Puro con Floor Glow Delicato */
.apple-card-main-archive .products .product .thumbnail-wrapper {
    position: relative !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    flex: 0 0 240px !important;
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 6px !important;
    box-sizing: border-box !important;
}

/* Floor Glow naturale sotto la foto */
.apple-card-main-archive .products .product .thumbnail-wrapper::after {
    content: '' !important;
    position: absolute !important;
    bottom: 4px !important;
    left: 15% !important;
    right: 15% !important;
    height: 10px !important;
    background: radial-gradient(ellipse at 50% 100%, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0) 75%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.apple-card-main-archive .products .product:hover .thumbnail-wrapper::after {
    transform: scaleX(0.85) !important;
    opacity: 0.6 !important;
}

.apple-card-main-archive .products .product .thumbnail-wrapper figure {
    position: relative !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Disabilita lo swap confuso della seconda foto che faceva saltellare il layout */
.apple-card-main-archive .products .product figure.has-back-image img.product-image-back {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.apple-card-main-archive .products .product figure.has-back-image img:first-child,
.apple-card-main-archive .products .product .thumbnail-wrapper img {
    max-height: 205px !important;
    max-width: 95% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    display: block !important;
    opacity: 1 !important;
    margin: auto !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-index: 1 !important;
}

.apple-card-main-archive .products .product:hover .thumbnail-wrapper img {
    transform: scale(1.04) translateZ(0) !important;
}

/* 4. Badge Flottanti su Bianco (Sconto a Sinistra, Grado Estetico a Destra) */
.apple-card-main-archive .product-label.mf-product-label {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
    width: calc(100% - 16px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
    z-index: 4 !important;
}

.apple-card-main-archive .product-label .onsale.mf-sale-badge {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25) !important;
    letter-spacing: -0.01em !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.apple-card-main-archive .product-label .onsale.mf-sale-badge span {
    padding: 0 !important;
}

/* OVERRIDE DEFINITIVO: Il Grado Estetico non viene mai tagliato a cerchio (no '✨ Ott') */
.apple-card-main-archive .product-label .mf-bs-badge-grade,
.product-label.mf-product-label .mf-bs-badge-grade,
.woocommerce .product-label .mf-bs-badge-grade {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 999px !important;
    padding: 3px 9px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
}

.apple-card-main-archive .product-label .mf-bs-badge-grade *,
.product-label.mf-product-label .mf-bs-badge-grade * {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: inherit !important;
    display: inline !important;
    overflow: visible !important;
}

.mf-bs-badge-grade.grade-eccellente {
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
}

.mf-bs-badge-grade.grade-ottimo {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #15803d !important;
}

.mf-bs-badge-grade.grade-buono {
    background: #fffbeb !important;
    border: 1px solid #fef3c7 !important;
    color: #b45309 !important;
}

.mf-bs-badge-grade.grade-accettabile,
.mf-bs-badge-grade.grade-discreto {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

/* Pulsanti Azione Flottanti su Immagine: Wishlist & Compara */
.apple-card-main-archive .thumbnail-wrapper .product-group-button {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    top: auto !important;
    left: auto !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    height: auto !important;
    opacity: 0.9 !important;
    transition: opacity 0.25s ease !important;
}

.apple-card-main-archive .products .product:hover .thumbnail-wrapper .product-group-button {
    opacity: 1 !important;
}

.apple-card-main-archive .thumbnail-wrapper .product-group-button>div.loop-add-to-cart {
    display: none !important;
}

.apple-card-main-archive .thumbnail-wrapper .product-group-button>div.button-in:not(.quickshop),
.apple-card-main-archive .products .product:hover .thumbnail-wrapper .product-group-button>div.button-in:not(.quickshop),
.apple-card-main-archive .products .product .product-wrapper:hover .thumbnail-wrapper .product-group-button>div.button-in:not(.quickshop),
.apple-card-main-archive .thumbnail-wrapper .product-group-button>div.button-in:not(.quickshop):hover,
.apple-card-main-archive .products .product:hover .thumbnail-wrapper .product-group-button>div.wishlist,
.apple-card-main-archive .products .product:hover .thumbnail-wrapper .product-group-button>div.wishlist:hover {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: none !important;
    animation: none !important;
    transform: none !important;
    transition: none !important;
}

.apple-card-main-archive .thumbnail-wrapper .product-group-button>div.button-in a {
    position: relative !important;
    /* ANCORA L'ICONA ::after AL CENTRO DEL CERCHIO */
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #475569 !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    overflow: hidden !important;
    font-size: 0 !important;
}

.apple-card-main-archive .thumbnail-wrapper .product-group-button>div.button-in a:hover {
    background: #00ade6 !important;
    border-color: #00ade6 !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(0, 173, 230, 0.35) !important;
}

.apple-card-main-archive .thumbnail-wrapper .product-group-button>div.button-in a:not(.loading):after {
    font-family: 'tb-icon' !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.apple-card-main-archive .thumbnail-wrapper .product-group-button .button-tooltip {
    display: none !important;
}

/* 5. Info Box Grid: Pulito, Trasparente e Integrato nella Card Unica Apple */
.apple-card-main-archive:not(.list) .products .product .meta-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 4px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
    margin-top: 4px !important;
    box-sizing: border-box !important;
}

.apple-card-main-archive:not(.list) .products .product:hover .meta-wrapper {
    background: transparent !important;
    border-color: transparent !important;
}

/* Titolo: Altezza fissa di 38px per 1 o 2 righe (Allineamento Identico) */
.apple-card-main-archive .products .product .product-name {
    margin: 0 0 4px 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: flex !important;
    align-items: flex-start !important;
    overflow: hidden !important;
}

.apple-card-main-archive .products .product .product-name a {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #1c2838 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.apple-card-main-archive .products .product:hover .product-name a {
    color: #00ade6 !important;
}

/* Chip Specifiche Tecniche: Spazio fisso di 24px sempre garantito */
.mf-cat-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-bottom: 8px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    overflow: hidden !important;
    align-items: center !important;
}

.mf-cat-chip {
    background: #ffffff !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 2.5px 7px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

.mf-cat-chip.mf-chip-placeholder {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Nascondi descrizione paragrafo in vista griglia */
.apple-card-main-archive.grid .short-description {
    display: none !important;
}

/* Prezzo & Risparmio: Altezza fissa di 48px */
.apple-card-main-archive .products .product .price {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 6px !important;
    margin: 0 !important;
    border-top: 1px solid rgba(226, 232, 240, 0.7) !important;
    padding-top: 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.apple-card-main-archive .products .product .price .price-from {
    font-size: 11px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    margin-right: 2px !important;
}

.apple-card-main-archive .products .product .price ins,
.apple-card-main-archive .products .product .price>.woocommerce-Price-amount {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.apple-card-main-archive .products .product .price ins .woocommerce-Price-amount {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.apple-card-main-archive .products .product .price del,
.apple-card-main-archive .products .product .price del .woocommerce-Price-amount {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
}

/* Chip Risparmi */
.apple-card-main-archive .mf-price-saving-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #059669 !important;
    background: rgba(16, 185, 129, 0.08) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
    margin: 0 !important;
    line-height: normal !important;
}

/* Pulsante CTA Card: ALLINEATO SU TUTTE LE CARD */
.apple-card-main-archive .product-group-button-meta {
    margin-top: 8px !important;
    width: 100% !important;
}

.apple-card-main-archive .product-group-button-meta .loop-add-to-cart {
    width: 100% !important;
}

/* Bottoni CTA Card Categorie & Archivi - Colore Brand H1 #53627B */
.apple-card-main-archive .product-group-button-meta .button,
.apple-card-main-archive .product-group-button-meta .loop-add-to-cart a.button,
.tax-product_cat .products .product .product-group-button-meta .button,
.tax-product_cat .products .product .product-group-button-meta .loop-add-to-cart a.button,
.tax-product_cat .products .product a.button.add_to_cart_button,
.post-type-archive-product .products .product .product-group-button-meta .button,
.post-type-archive-product .products .product .product-group-button-meta .loop-add-to-cart a.button,
.post-type-archive-product .products .product a.button.add_to_cart_button,
.archive.woocommerce .products .product .product-group-button-meta .button,
.archive.woocommerce .products .product .product-group-button-meta .loop-add-to-cart a.button,
.archive.woocommerce .products .product a.button.add_to_cart_button,
.woocommerce ul.products li.product .product-group-button-meta .button,
.woocommerce ul.products li.product .product-group-button-meta .loop-add-to-cart a.button {
    width: 100% !important;
    height: 38px !important;
    box-sizing: border-box !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    background: #53627B !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 2px 8px rgba(83, 98, 123, 0.18) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
}

.apple-card-main-archive .products .product:hover .product-group-button-meta .button,
.apple-card-main-archive .products .product:hover .product-group-button-meta .loop-add-to-cart a.button,
.apple-card-main-archive .product-group-button-meta .button:hover,
.tax-product_cat .products .product:hover .product-group-button-meta .button,
.tax-product_cat .products .product .product-group-button-meta .button:hover,
.tax-product_cat .products .product:hover a.button.add_to_cart_button,
.post-type-archive-product .products .product:hover .product-group-button-meta .button,
.post-type-archive-product .products .product .product-group-button-meta .button:hover,
.post-type-archive-product .products .product:hover a.button.add_to_cart_button,
.archive.woocommerce .products .product:hover .product-group-button-meta .button,
.archive.woocommerce .products .product .product-group-button-meta .button:hover,
.archive.woocommerce .products .product:hover a.button.add_to_cart_button {
    background: #00ade6 !important;
    box-shadow: 0 4px 12px rgba(0, 173, 230, 0.28) !important;
    transform: translateY(-1px) !important;
}

.apple-card-main-archive .product-group-button-meta .button::after {
    content: '›' !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    margin-left: 2px !important;
    transition: transform 0.2s ease !important;
}

.apple-card-main-archive .products .product:hover .product-group-button-meta .button::after {
    transform: translateX(3px) !important;
}

/* PayPal e Trust Bar Footer */
.apple-card-main-archive .loop-marketing-footer {
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px dashed rgba(226, 232, 240, 0.8) !important;
    min-height: 44px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.apple-card-main-archive .loop-paypal-preview {
    font-size: 11px !important;
    color: #475569 !important;
    line-height: 1.35 !important;
    border-left: none !important;
    padding-left: 0 !important;
}

.apple-card-main-archive .loop-paypal-preview .pp-hook {
    color: #0284c7 !important;
    font-weight: 700 !important;
}

.apple-card-main-archive .loop-trust-icons {
    margin-top: 4px !important;
    font-size: 10.5px !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

/* Tax notice a fondo scheda */
.apple-card-main-archive .tax-info-loop {
    font-size: 11.5px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    margin: 2px 0 10px 0 !important;
    line-height: 1.3 !important;
    min-height: auto !important;
}




/* [MODULAR CSS] Section SP_1 moved to /css/ conditional bundle */

/* ==========================================================================
   🏛️ APPLE DESIGN SYSTEM: CATEGORY ARCHIVE HERO BANNER (.mf-cathero-wrap)
   Header istituzionale Apple con pillola certificazione, titolo H1 #53627b,
   3 Pillar Cards con icone e banner stock in tempo reale.
   Completamente isolato con classi univoche e protetto da qualsiasi conflitto.
   ========================================================================== */
.mf-cathero-wrap,
.mf-category-hero {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
    padding: 36px 36px 28px 36px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 24px !important;
    display: block !important;
    box-sizing: border-box !important;
    clear: both !important;
    width: 100% !important;
    text-align: left !important;
}

.mf-cathero-eyebrow-wrap,
.mf-cat-eyebrow {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.mf-cathero-eyebrow-pill,
.mf-eyebrow-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #e0f2fe !important;
    color: #0284c7 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 4px 12px !important;
    border-radius: 50px !important;
    line-height: 1.4 !important;
}

.mf-cathero-eyebrow-pill svg,
.mf-eyebrow-pill svg {
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.mf-cathero-main-title,
h1.mf-cathero-main-title,
h1.mf-cat-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #53627b !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 14px 0 !important;
    text-align: left !important;
    border: none !important;
    padding: 0 !important;
}

.mf-cathero-sub-title,
.mf-cathero-wrap .mf-cat-subtitle {
    display: block !important;
    color: #00ade6 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 6px 0 0 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    letter-spacing: -0.01em !important;
}

.mf-cathero-lead-desc,
.mf-cat-lead {
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    max-width: 980px !important;
    margin: 0 0 28px 0 !important;
    text-align: left !important;
}

.mf-cathero-lead-desc strong,
.mf-cat-lead strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* 3 Pillar Cards Grid */
.mf-cathero-pillars-grid,
.mf-cat-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.mf-cathero-pillar-card,
.mf-pillar-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 22px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    transition: all 0.22s ease !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

.mf-cathero-pillar-card:hover,
.mf-pillar-card:hover {
    background: #ffffff !important;
    border-color: #00ade6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0, 173, 230, 0.08) !important;
}

.mf-cathero-pillar-header,
.mf-pillar-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
}

.mf-cathero-pillar-icon,
.mf-pillar-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    flex-shrink: 0 !important;
}

.mf-cathero-pillar-label,
.mf-pillar-label {
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #0f172a !important;
    margin: 0 !important;
}

.mf-cathero-pillar-desc,
.mf-cathero-pillar-card p,
.mf-pillar-card p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #475569 !important;
    margin: 0 !important;
    text-align: left !important;
}

.mf-cathero-pillar-card p strong,
.mf-pillar-card p strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Live Inventory Banner */
.mf-cathero-inventory-banner,
.mf-cat-inventory-banner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
    color: #166534 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.mf-cathero-pulse-dot,
.mf-live-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    max-width: 8px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2) !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

.mf-cathero-inventory-text,
.mf-inventory-text {
    font-size: 13px !important;
    color: #166534 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.mf-cathero-inventory-text strong,
.mf-inventory-text strong {
    color: #14532d !important;
    font-weight: 700 !important;
}

/* Responsive Tablet & Mobile */
@media (max-width: 991px) {

    .mf-cathero-wrap,
    .mf-category-hero {
        padding: 24px 20px 20px !important;
        border-radius: 18px !important;
    }

    .mf-cathero-pillars-grid,
    .mf-cat-pillars-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .mf-cathero-main-title,
    h1.mf-cathero-main-title,
    h1.mf-cat-title {
        font-size: 22px !important;
    }

    .mf-cathero-sub-title,
    .mf-cathero-wrap .mf-cat-subtitle {
        font-size: 18px !important;
    }
}

/* Accordion Descrizione Categoria su Mobile (< 768px): chiusa di default per mostrare subito i prodotti */
.mf-cat-acc-toggle {
    display: none !important;
}

.mf-cat-acc-body {
    display: block;
}

@media (max-width: 767px) {
    .term-description {
        margin-bottom: 14px !important;
    }

    .mf-cathero-wrap,
    .mf-category-hero {
        padding: 0 !important;
        border-radius: 14px !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
        box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
    }

    .mf-cat-acc-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 14px !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 14px !important;
        cursor: pointer !important;
        text-align: left !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        box-shadow: none !important;
        text-transform: none !important;
    }

    .mf-cat-acc-left {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .mf-cat-acc-icon {
        width: 24px !important;
        height: 24px !important;
        border-radius: 8px !important;
        background: #e0f2fe !important;
        color: #0284c7 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    .mf-cat-acc-label {
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: #0f172a !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mf-cat-acc-right {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        color: #0284c7 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        flex-shrink: 0 !important;
    }

    .mf-cat-acc-chevron {
        transition: transform 0.22s ease !important;
    }

    .mf-cathero-wrap.is-open .mf-cat-acc-chevron {
        transform: rotate(180deg) !important;
    }

    .mf-cathero-wrap.is-open .mf-cat-acc-toggle {
        border-radius: 14px 14px 0 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
        background: #f8fafc !important;
    }

    .mf-cathero-wrap:not(.is-open) .mf-cat-acc-body {
        display: none !important;
    }

    .mf-cathero-wrap.is-open .mf-cat-acc-body {
        display: block !important;
        padding: 16px 14px 16px 14px !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   🎛️ APPLE DESIGN SYSTEM: CATEGORY & SHOP LIST VIEW (VISTA A RIGHE)
   Layout orizzontale a card completa Apple con massima leggibilità,
   gerarchia impeccabile e reattività su desktop, tablet e smartphone.
   ========================================================================== */

/* Nascondi la descrizione estesa in griglia, mostrala solo in lista */
.woocommerce.main-products.grid .short-description.list,
.apple-card-main-archive.grid .short-description.list,
.apple-card-main-archive:not(.list) .short-description.list {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 1. Contenitore Prodotti in Vista Lista */
.apple-card-main-archive.list .products,
.woocommerce.main-products.list>.products,
.woocommerce.main-products.list .products,
.main-products.list .products {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

/* 2. Scheda Prodotto Apple Card in Vista Lista */
.apple-card-main-archive.list .products .product,
.woocommerce.main-products.list>.products>.product,
.woocommerce.main-products.list .products .product,
.woocommerce.apple-card-main-archive.main-products.list .products .product,
.woocommerce.apple-card-main-archive.main-products.columns-3.list .products .product,
.woocommerce.apple-card-main-archive.main-products.columns-4.list .products .product {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 24px 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 24px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.035), 0 1px 3px rgba(15, 23, 42, 0.02) !important;
    box-sizing: border-box !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    display: block !important;
    float: none !important;
    clear: both !important;
}

.apple-card-main-archive.list .products .product:hover,
.woocommerce.main-products.list>.products>.product:hover,
.woocommerce.main-products.list .products .product:hover {
    transform: translateY(-3px) !important;
    border-color: #00ade6 !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08), 0 0 0 1px #00ade6 !important;
    z-index: 5 !important;
}

/* 3. Wrapper Orizzontale Flex (Desktop & Tablet >= 768px) */
@media (min-width: 768px) {

    .apple-card-main-archive.list .products .product .product-wrapper,
    .woocommerce.main-products.list>.products .product-wrapper,
    .woocommerce.main-products.list .products .product .product-wrapper,
    .woocommerce.apple-card-main-archive.main-products.list .products .product .product-wrapper,
    .woocommerce.apple-card-main-archive.main-products.columns-3.list .products .product .product-wrapper,
    .woocommerce.apple-card-main-archive.main-products.columns-4.list .products .product .product-wrapper,
    .main-products.list .products .product .product-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
    }

    /* Thumbnail Apple su Sfondo Puro Bianco con Ampio Spazio */
    .apple-card-main-archive.list .products .product .thumbnail-wrapper,
    .woocommerce.main-products.list>.products .product-wrapper .thumbnail-wrapper,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper,
    .woocommerce.apple-card-main-archive.main-products.list .products .product .thumbnail-wrapper,
    .woocommerce.apple-card-main-archive.main-products.columns-3.list .products .product .thumbnail-wrapper,
    .woocommerce.apple-card-main-archive.main-products.columns-4.list .products .product .thumbnail-wrapper,
    .main-products.list .products .product .thumbnail-wrapper {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        height: auto !important;
        min-height: 280px !important;
        flex: 0 0 280px !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 20px !important;
        padding: 26px !important;
        box-shadow: 0 2px 10px rgba(15, 23, 42, 0.025) !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    .apple-card-main-archive.list .products .product .thumbnail-wrapper a,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper a {
        background: #ffffff !important;
        background-color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .apple-card-main-archive.list .products .product .thumbnail-wrapper img,
    .woocommerce.main-products.list>.products .product-wrapper .thumbnail-wrapper img,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper img {
        max-height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
        background: transparent !important;
        transition: transform 0.35s ease !important;
        border-radius: 0 !important;
    }

    .apple-card-main-archive.list .products .product:hover .thumbnail-wrapper img,
    .woocommerce.main-products.list .products .product:hover .thumbnail-wrapper img {
        transform: scale(1.05) !important;
    }

    /* Badges su Thumbnail in Lista */
    .apple-card-main-archive.list .products .product .thumbnail-wrapper .mf-product-label,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper .mf-product-label {
        position: absolute !important;
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        pointer-events: none !important;
        z-index: 2 !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Meta Wrapper Colonna Dati a Destra - Box Sfumato Spazioso Apple */
    .apple-card-main-archive.list .products .product .meta-wrapper,
    .woocommerce.main-products.list>.products .product-wrapper .meta-wrapper,
    .woocommerce.main-products.list .products .product .meta-wrapper,
    .woocommerce.apple-card-main-archive.main-products.list .products .product .meta-wrapper,
    .woocommerce.apple-card-main-archive.main-products.columns-3.list .products .product .meta-wrapper,
    .woocommerce.apple-card-main-archive.main-products.columns-4.list .products .product .meta-wrapper,
    .main-products.list .products .product .meta-wrapper {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: auto !important;
        background: #f8fafc !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 20px !important;
        padding: 28px 32px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        text-align: left !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
        transition: background 0.25s ease, border-color 0.25s ease !important;
    }

    .apple-card-main-archive.list .products .product:hover .meta-wrapper,
    .woocommerce.main-products.list .products .product:hover .meta-wrapper {
        background: #f1f8fc !important;
        border-color: #e0f2fe !important;
    }

    /* Titolo Prodotto in Lista */
    .apple-card-main-archive.list .products .product h3.product-name,
    .apple-card-main-archive.list .products .product h3.product-name a,
    .apple-card-main-archive.list .products .product .woocommerce-loop-product__title,
    .woocommerce.main-products.list .products .product h3.product-name,
    .woocommerce.main-products.list .products .product h3.product-name a {
        font-size: 1.38rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        letter-spacing: -0.02em !important;
        margin: 0 0 10px 0 !important;
        line-height: 1.25 !important;
        text-decoration: none !important;
        transition: color 0.15s ease !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    .apple-card-main-archive.list .products .product h3.product-name a:hover,
    .woocommerce.main-products.list .products .product h3.product-name a:hover {
        color: #00ade6 !important;
    }

    /* Chips Specifiche Hardware */
    .apple-card-main-archive.list .products .product .mf-cat-chips,
    .woocommerce.main-products.list .products .product .mf-cat-chips {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin: 0 0 14px 0 !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    .apple-card-main-archive.list .products .product .mf-cat-chip,
    .woocommerce.main-products.list .products .product .mf-cat-chip {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #475569 !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        padding: 4px 10px !important;
        line-height: normal !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    }

    /* Descrizione Tecnica Estesa (Visibile Solo in Lista) */
    .apple-card-main-archive.list .products .product .short-description.list,
    .woocommerce.main-products.list .products .product .short-description.list {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        color: #64748b !important;
        font-size: 0.88rem !important;
        line-height: 1.6 !important;
        margin: 0 0 18px 0 !important;
        max-width: 820px !important;
    }

    /* Prezzo e Risparmio in Lista */
    .apple-card-main-archive.list .products .product .price,
    .woocommerce.main-products.list .products .product .price {
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        font-size: 1.5rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 0 14px 0 !important;
    }

    .apple-card-main-archive.list .products .product .price ins,
    .woocommerce.main-products.list .products .product .price ins {
        text-decoration: none !important;
        font-weight: 800 !important;
    }

    .apple-card-main-archive.list .products .product .price ins .woocommerce-Price-amount,
    .woocommerce.main-products.list .products .product .price ins .woocommerce-Price-amount {
        font-size: 1.5rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
    }

    .apple-card-main-archive.list .products .product .price del .woocommerce-Price-amount,
    .woocommerce.main-products.list .products .product .price del .woocommerce-Price-amount {
        font-size: 0.92rem !important;
        color: #94a3b8 !important;
    }

    .apple-card-main-archive.list .products .product .mf-price-saving-chip,
    .woocommerce.main-products.list .products .product .mf-price-saving-chip {
        font-size: 11.5px !important;
        padding: 3px 9px !important;
        background: #ecfdf5 !important;
        color: #059669 !important;
        border: 1px solid #a7f3d0 !important;
        border-radius: 6px !important;
        font-weight: 700 !important;
    }

    /* Pulsante CTA Aggiungi al Carrello in Lista (#53627B Brand Color) */
    .apple-card-main-archive.list .products .product .product-group-button-meta,
    .woocommerce.main-products.list .products .product .product-group-button-meta {
        width: auto !important;
        margin: 0 0 16px 0 !important;
    }

    .apple-card-main-archive.list .products .product .product-group-button-meta .button,
    .apple-card-main-archive.list .products .product .product-group-button-meta .loop-add-to-cart a.button,
    .woocommerce.main-products.list .products .product .product-group-button-meta .button,
    .woocommerce.main-products.list .products .product .product-group-button-meta .loop-add-to-cart a.button {
        width: auto !important;
        min-width: 220px !important;
        height: 42px !important;
        padding: 0 26px !important;
        border-radius: 9999px !important;
        background: #53627B !important;
        color: #ffffff !important;
        font-size: 0.92rem !important;
        font-weight: 700 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        border: none !important;
        cursor: pointer !important;
        transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
        text-decoration: none !important;
        box-shadow: 0 3px 10px rgba(83, 98, 123, 0.2) !important;
    }

    .apple-card-main-archive.list .products .product .product-group-button-meta .button:hover,
    .apple-card-main-archive.list .products .product .product-group-button-meta .loop-add-to-cart a.button:hover,
    .woocommerce.main-products.list .products .product .product-group-button-meta .button:hover,
    .woocommerce.main-products.list .products .product .product-group-button-meta .loop-add-to-cart a.button:hover {
        background: #00ade6 !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 6px 18px rgba(0, 173, 230, 0.35) !important;
    }

    /* Footer Trust & PayPal in Lista - Layout Ordinato a Piena Larghezza */
    .apple-card-main-archive.list .products .product .loop-marketing-footer,
    .woocommerce.main-products.list .products .product .loop-marketing-footer {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        margin: 0 !important;
        padding-top: 14px !important;
        margin-top: auto !important;
        border-top: 1px solid #eef2f6 !important;
        min-height: auto !important;
    }

    .apple-card-main-archive.list .products .product .loop-paypal-preview,
    .woocommerce.main-products.list .products .product .loop-paypal-preview {
        border-left: none !important;
        padding: 9px 14px !important;
        margin: 0 !important;
        background: #f0f7fc !important;
        border: 1px solid #dbeafe !important;
        border-radius: 12px !important;
        font-size: 12px !important;
        color: #334155 !important;
        line-height: 1.4 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .apple-card-main-archive.list .products .product .loop-paypal-preview::before,
    .woocommerce.main-products.list .products .product .loop-paypal-preview::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230284c7" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg>') no-repeat center center;
        background-size: contain;
        flex-shrink: 0;
    }

    .apple-card-main-archive.list .products .product .loop-paypal-preview .pp-hook,
    .woocommerce.main-products.list .products .product .loop-paypal-preview .pp-hook {
        color: #0284c7 !important;
        font-weight: 700 !important;
    }

    .apple-card-main-archive.list .products .product .loop-trust-icons,
    .woocommerce.main-products.list .products .product .loop-trust-icons {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 18px !important;
        font-size: 11.5px !important;
        color: #64748b !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .apple-card-main-archive.list .products .product .tax-info-loop,
    .woocommerce.main-products.list .products .product .tax-info-loop {
        display: block !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #475569 !important;
        margin: -6px 0 16px 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
        text-align: left !important;
        letter-spacing: -0.01em !important;
    }
}

/* 4. Vista Lista su Mobile & Smartphone (< 768px) */
@media (max-width: 767px) {

    .apple-card-main-archive.list .products .product,
    .woocommerce.main-products.list>.products>.product,
    .woocommerce.main-products.list .products .product {
        padding: 16px !important;
        border-radius: 20px !important;
        margin-bottom: 16px !important;
    }

    .apple-card-main-archive.list .products .product .product-wrapper,
    .woocommerce.main-products.list>.products .product-wrapper,
    .woocommerce.main-products.list .products .product .product-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .apple-card-main-archive.list .products .product .thumbnail-wrapper,
    .woocommerce.main-products.list>.products .product-wrapper .thumbnail-wrapper,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 16px !important;
        padding: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .apple-card-main-archive.list .products .product .thumbnail-wrapper a,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper a {
        background: #ffffff !important;
        background-color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .apple-card-main-archive.list .products .product .thumbnail-wrapper img,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper img {
        max-height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
        background: transparent !important;
    }

    .apple-card-main-archive.list .products .product .thumbnail-wrapper .mf-product-label,
    .woocommerce.main-products.list .products .product .thumbnail-wrapper .mf-product-label {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;
        right: 8px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        pointer-events: none !important;
        z-index: 2 !important;
        width: auto !important;
        padding: 0 !important;
    }

    .apple-card-main-archive.list .products .product .meta-wrapper,
    .woocommerce.main-products.list>.products .product-wrapper .meta-wrapper,
    .woocommerce.main-products.list .products .product .meta-wrapper {
        width: 100% !important;
        background: #f8fafc !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 16px !important;
        padding: 20px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        text-align: left !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
    }

    .apple-card-main-archive.list .products .product h3.product-name,
    .apple-card-main-archive.list .products .product .woocommerce-loop-product__title,
    .woocommerce.main-products.list .products .product h3.product-name,
    .woocommerce.main-products.list .products .product .woocommerce-loop-product__title {
        font-size: 1.18rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 0 8px 0 !important;
        line-height: 1.3 !important;
    }

    .apple-card-main-archive.list .products .product .mf-cat-chips,
    .woocommerce.main-products.list .products .product .mf-cat-chips {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin: 0 0 12px 0 !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    .apple-card-main-archive.list .products .product .mf-cat-chip,
    .woocommerce.main-products.list .products .product .mf-cat-chip {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #475569 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        padding: 3px 8px !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    }

    .apple-card-main-archive.list .products .product .short-description.list,
    .woocommerce.main-products.list .products .product .short-description.list {
        display: block !important;
        color: #64748b !important;
        font-size: 0.85rem !important;
        line-height: 1.55 !important;
        margin: 0 0 14px 0 !important;
    }

    .apple-card-main-archive.list .products .product .price,
    .woocommerce.main-products.list .products .product .price {
        display: flex !important;
        align-items: baseline !important;
        gap: 8px !important;
        font-size: 1.35rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 0 14px 0 !important;
    }

    .apple-card-main-archive.list .products .product .product-group-button-meta,
    .woocommerce.main-products.list .products .product .product-group-button-meta {
        width: 100% !important;
        margin: 0 0 14px 0 !important;
    }

    .apple-card-main-archive.list .products .product .product-group-button-meta .button,
    .apple-card-main-archive.list .products .product .product-group-button-meta .loop-add-to-cart a.button,
    .woocommerce.main-products.list .products .product .product-group-button-meta .button,
    .woocommerce.main-products.list .products .product .product-group-button-meta .loop-add-to-cart a.button {
        width: 100% !important;
        height: 42px !important;
        border-radius: 9999px !important;
        background: #53627B !important;
        color: #ffffff !important;
        font-size: 0.9rem !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .apple-card-main-archive.list .products .product .loop-marketing-footer,
    .woocommerce.main-products.list .products .product .loop-marketing-footer {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
        padding-top: 10px !important;
        border-top: 1px solid #e2e8f0 !important;
    }
}

/* 5. Regola Universale: la foto prodotto ha SEMPRE sfondo bianco puro */
.apple-card-main-archive .thumbnail-wrapper,
.woocommerce.main-products .thumbnail-wrapper,
.woocommerce .products .product .thumbnail-wrapper,
.products .product .thumbnail-wrapper,
.apple-card-main-archive .thumbnail-wrapper a,
.woocommerce.main-products .thumbnail-wrapper a,
.woocommerce .products .product .thumbnail-wrapper a,
.products .product .thumbnail-wrapper a {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* ==========================================================================
   SECTION 27: APPLE-STYLE CATEGORY & SHOP TOOLBAR (.mf-category-toolbar)
   ========================================================================== */

/* 1. Main Toolbar Strip */
.woocommerce .before-loop-wrapper.mf-category-toolbar,
.before-loop-wrapper.mf-category-toolbar {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    border-radius: 18px !important;
    padding: 8px 14px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 6px 20px -3px rgba(15, 23, 42, 0.05), 0 2px 6px -1px rgba(15, 23, 42, 0.02) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    box-sizing: border-box !important;
}

/* 2. Apple Segmented Control View Switcher (Grid / List) */
.before-loop-wrapper.mf-category-toolbar .gridlist-toggle {
    background: #f1f5f9 !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    border-radius: 12px !important;
    padding: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 auto 0 0 !important;
    margin-right: auto !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.before-loop-wrapper.mf-category-toolbar .gridlist-toggle>span {
    width: 36px !important;
    height: 32px !important;
    min-width: 36px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #64748b !important;
    background: transparent !important;
    border: none !important;
}

.before-loop-wrapper.mf-category-toolbar .gridlist-toggle>span:before {
    font-size: 18px !important;
    line-height: 1 !important;
    display: block !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
}

.before-loop-wrapper.mf-category-toolbar .gridlist-toggle>span:hover {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.6) !important;
}

.before-loop-wrapper.mf-category-toolbar .gridlist-toggle>span.active {
    background: #ffffff !important;
    color: #00ade6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* 3. Filter Area Button & Wrappers (RIMOSSO DEFINITIVAMENTE: SOLO VISTA, PROMO E ORDINAMENTO) */
.before-loop-wrapper.mf-category-toolbar .filter-widget-area-button,
.before-loop-wrapper.mf-category-toolbar .overlay,
.before-loop-wrapper.mf-category-toolbar .woocommerce-notices-wrapper {
    display: none !important;
}

/* 4. Layout: Grid/List on left, Promo Toggle and Ordering grouped together on right */
.woocommerce .before-loop-wrapper.mf-category-toolbar .gridlist-toggle,
.before-loop-wrapper.mf-category-toolbar .gridlist-toggle {
    margin: 0 !important;
}

/* 5. Apple iOS Toggle Switch - Prodotti in Offerta */
.woocommerce .before-loop-wrapper.mf-category-toolbar .product-on-sale-form,
.before-loop-wrapper.mf-category-toolbar .product-on-sale-form {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.before-loop-wrapper.mf-category-toolbar .product-on-sale-form label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    height: 38px !important;
    line-height: 36px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    cursor: pointer !important;
    transition: all 0.22s ease !important;
    user-select: none !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

.before-loop-wrapper.mf-category-toolbar .product-on-sale-form input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* iOS Toggle Track */
.before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:before {
    content: '' !important;
    width: 32px !important;
    height: 18px !important;
    min-width: 32px !important;
    border-radius: 999px !important;
    background: #cbd5e1 !important;
    border: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 0 !important;
    transition: background 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* iOS Toggle Knob */
.before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:after {
    content: '' !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    position: absolute !important;
    top: 12px !important;
    left: 16px !important;
    transform: translateX(0) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: transparent !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 0 !important;
    pointer-events: none !important;
}

/* Checked State */
.before-loop-wrapper.mf-category-toolbar .product-on-sale-form.checked label,
.before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:has(input:checked) {
    background: rgba(0, 173, 230, 0.05) !important;
    border-color: #00ade6 !important;
    color: #00ade6 !important;
    box-shadow: 0 2px 8px rgba(0, 173, 230, 0.08) !important;
}

.before-loop-wrapper.mf-category-toolbar .product-on-sale-form.checked label:before,
.before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:has(input:checked):before {
    background: #00ade6 !important;
}

.before-loop-wrapper.mf-category-toolbar .product-on-sale-form.checked label:after,
.before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:has(input:checked):after {
    transform: translateX(14px) !important;
}

/* 6. Apple Cupertino Ordering Dropdown */
.woocommerce .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering,
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering {
    margin: 0 !important;
    display: inline-block !important;
    position: relative !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering ul.orderby {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering ul.orderby>li {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

/* Trigger Capsule Button */
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    height: 38px !important;
    line-height: 36px !important;
    padding: 0 34px 0 13px !important;
    min-width: 215px !important;
    min-height: 38px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    transition: all 0.22s ease !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    user-select: none !important;
}

/* Micro-icona sort prima del testo */
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:before {
    content: '⇅' !important;
    font-size: 13px !important;
    margin-right: 7px !important;
    color: #64748b !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:hover:before {
    color: #00ade6 !important;
}

/* Apple Chevron Indicator (Ultra-definito, elegante e perfettamente centrato al pixel) */
.woocommerce .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:after,
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:after {
    content: '' !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 10px !important;
    height: 6px !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 6px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1.5 1.5L5 4.5L8.5 1.5' stroke='%2364748b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    border: none !important;
    transform-origin: center center !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-image 0.2s ease !important;
    pointer-events: none !important;
}

.woocommerce .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current.active:after,
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current.active:after {
    transform: translateY(-50%) rotate(180deg) !important;
}

.woocommerce .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:hover:after,
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1.5 1.5L5 4.5L8.5 1.5' stroke='%230f172a' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Active state (when menu is open) */
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current.active {
    background: #ffffff !important;
    border-color: #00ade6 !important;
    box-shadow: 0 0 0 3px rgba(0, 173, 230, 0.12) !important;
}

.woocommerce .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current.active:after,
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current.active:after {
    transform: rotate(180deg) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1.5 1.5L5 4.5L8.5 1.5' stroke='%2300ade6' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Dropdown Menu Glass Floating Card */
.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby ul.dropdown {
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    min-width: 225px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(28px) !important;
    -webkit-backdrop-filter: blur(28px) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    padding: 6px !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby ul.dropdown:before {
    display: none !important;
    content: none !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby ul.dropdown li {
    padding: 0 !important;
    margin: 2px 0 !important;
    list-style: none !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby ul.dropdown li a {
    display: block !important;
    padding: 8px 12px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    border-radius: 9px !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby ul.dropdown li a:hover {
    background: #f1f5f9 !important;
    color: #00ade6 !important;
    padding-left: 15px !important;
}

.before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby ul.dropdown li a.current {
    background: rgba(0, 173, 230, 0.08) !important;
    color: #00ade6 !important;
    font-weight: 700 !important;
}

/* 7. Mobile Adaptation */
@media (max-width: 767px) {

    .woocommerce .before-loop-wrapper.mf-category-toolbar,
    .before-loop-wrapper.mf-category-toolbar {
        padding: 9px 11px !important;
        border-radius: 16px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin-bottom: 16px !important;
        box-sizing: border-box !important;
    }

    /* Nessun filtro nella toolbar */
    .before-loop-wrapper.mf-category-toolbar .filter-widget-area-button {
        display: none !important;
    }

    /* Row 1 Left: Grid/List Toggle Switcher */
    .before-loop-wrapper.mf-category-toolbar .gridlist-toggle {
        display: inline-flex !important;
        margin: 0 !important;
        border-radius: 10px !important;
    }

    .before-loop-wrapper.mf-category-toolbar .gridlist-toggle>span {
        width: 32px !important;
        height: 28px !important;
        min-width: 32px !important;
        border-radius: 7px !important;
    }

    .before-loop-wrapper.mf-category-toolbar .gridlist-toggle>span:before {
        font-size: 16px !important;
    }

    /* Row 1 Right: In Offerta toggle switch */
    .before-loop-wrapper.mf-category-toolbar .product-on-sale-form {
        margin-left: auto !important;
        margin-right: 0 !important;
        width: auto !important;
        display: inline-flex !important;
    }

    .before-loop-wrapper.mf-category-toolbar .product-on-sale-form label {
        height: 34px !important;
        line-height: 32px !important;
        padding: 0 11px !important;
        font-size: 11.5px !important;
        border-radius: 10px !important;
        gap: 7px !important;
        width: auto !important;
        white-space: nowrap !important;
    }

    .before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:before {
        width: 26px !important;
        height: 15px !important;
        min-width: 26px !important;
    }

    .before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:after {
        width: 11px !important;
        height: 11px !important;
        top: 11.5px !important;
        left: 13px !important;
    }

    .before-loop-wrapper.mf-category-toolbar .product-on-sale-form.checked label:after,
    .before-loop-wrapper.mf-category-toolbar .product-on-sale-form label:has(input:checked):after {
        transform: translateX(11px) !important;
    }

    /* Row 2: Full-width Cupertino Orderby */
    .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering {
        width: 100% !important;
        margin: 2px 0 0 0 !important;
        display: block !important;
    }

    .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering ul.orderby {
        width: 100% !important;
        display: block !important;
    }

    .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current {
        width: 100% !important;
        min-width: 100% !important;
        height: 38px !important;
        line-height: 36px !important;
        padding: 0 32px 0 12px !important;
        font-size: 12px !important;
        border-radius: 10px !important;
        display: flex !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
    }

    .woocommerce .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:after,
    .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby-current:after {
        right: 14px !important;
        width: 10px !important;
        height: 6px !important;
        margin-top: -3px !important;
    }

    .before-loop-wrapper.mf-category-toolbar .woocommerce-ordering .orderby ul.dropdown {
        width: 100% !important;
        min-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
}


/* [MODULAR CSS] Section SP_2 moved to /css/ conditional bundle */