/* MACFaaast Module: Header, Navigation, MegaMenu, Search Overlay, Spotlight & Auth Dropdown */

/* Evidenzia la voce di menu attiva (es: iMac) */
.main-menu .current-menu-item>a,
.main-menu .current_page_item>a,
.main-menu .current_page_parent>a,
.main-menu .current-product-ancestor>a,
body.single-product .main-menu .current_page_parent>a,
body.term-ipad #menu-item-6892>a {
    color: #00ade6 !important;
}

/* Evidenzia il genitore (es: Negozio) quando un figlio è attivo o siamo in archivio */
.main-menu li.menu-item:has(.current-menu-item)>a,
.main-menu li.menu-item:has(.current_page_item)>a,
.main-menu li.menu-item:has(.current_page_parent)>a,
.main-menu li.menu-item:has(.current-product-ancestor)>a,
.main-menu li.current-menu-ancestor>a,
body.archive.tax-product_cat .main-menu #menu-item-5971>a,
body.single-product .main-menu li.menu-item:has(.current_page_parent)>a {
    color: #00ade6 !important;
    font-weight: 400 !important;
}

/* Bold solo sulla categoria corrente nel menu principale */
.main-menu .current-menu-item>a {
    font-weight: 700 !important;
}

/* Linea di sottolineatura sotto la voce principale attiva */
.main-menu>li.menu-item:has(.current-menu-item)>a::after,
.main-menu>li.current-menu-ancestor>a::after,
body.archive.tax-product_cat .main-menu>li#menu-item-5971>a::after,
body.single-product .main-menu>li.current_page_parent>a::after,
body.term-ipad .main-menu>li#menu-item-5971>a::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #00ade6;
    margin-top: 2px;
    transition: all 0.3s ease;
}



/* ==========================================================================
   🎨 PREMIUM DESKTOP SUBMENU DROPDOWN REFINEMENT (APPLE-STYLE)
   ========================================================================== */
@media only screen and (min-width: 1025px) {

    /* 1. Submenu Box Container: Glassmorphism, Dynamic Width & Premium Shadow (ONLY FOR NORMAL DROPDOWNS) */
    .ts-header li.ts-normal-menu ul.sub-menu {
        width: max-content !important;
        min-width: 260px !important;
        max-width: 480px !important;
        left: -32px !important;
        /* Shifts the box to the left by exactly the padding offset to vertically align inner texts with top-level menu */
        margin-left: 0 !important;
        /* Resets negative margin centering offset */
        padding: 20px 16px !important;
        /* Premium, tighter padding around the grid */
        border-radius: 16px !important;
        /* Sleek Apple-style corners */
        border: 1px solid rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 15px 45px rgba(0, 0, 0, 0.07) !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        box-sizing: border-box !important;
    }

    /* Remove the outdated spiky arrow indicator to keep it clean and minimal (ONLY FOR NORMAL DROPDOWNS) */
    .ts-header li.ts-normal-menu ul.sub-menu::after {
        display: none !important;
    }

    /* 2. Submenu List Items (ONLY FOR NORMAL DROPDOWNS) */
    .ts-header li.ts-normal-menu ul.sub-menu>li {
        padding: 2px 0 !important;
        margin: 0 !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        text-align: left !important;
        /* Left-align list items */
    }

    /* 3. Link Refinement: Single-Line Guarantee & Premium Aesthetics (ONLY FOR NORMAL DROPDOWNS) */
    .ts-header li.ts-normal-menu ul.sub-menu>li>a {
        display: block !important;
        width: auto !important;
        padding: 9px 16px !important;
        /* Perfect breathability padding */
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        color: #53627b !important;
        /* Slate Blue standard text */
        background: transparent !important;
        border-radius: 10px !important;
        /* Soft pill wrapper */
        white-space: nowrap !important;
        /* ABSOLUTELY PREVENT ANY WORD WRAPPING IN SINGLE LINE */
        text-align: left !important;
        /* Left alignment is highly readable, scanned instantly and ultra premium */
        transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    }

    /* 4. Rich Micro-Interaction Hover Effect (ONLY FOR NORMAL DROPDOWNS) */
    .ts-header li.ts-normal-menu ul.sub-menu>li>a:hover {
        background-color: #eef6fc !important;
        /* Soft light cyan background */
        color: #00ade6 !important;
        /* Cyan active accent */
        padding-left: 22px !important;
        /* Micro-sliding effect: slide 6px to the right on hover! */
        transform: translateY(-1px) !important;
        /* Gentle physical lift */
        box-shadow: 0 4px 12px rgba(0, 173, 230, 0.05) !important;
    }

    /* 5. Active/Current Submenu Voice Indicators (ONLY FOR NORMAL DROPDOWNS) */
    .ts-header li.ts-normal-menu ul.sub-menu>li.current-menu-item>a,
    .ts-header li.ts-normal-menu ul.sub-menu>li.current_page_item>a {
        color: #00ade6 !important;
        font-weight: 700 !important;
        background-color: rgba(0, 173, 230, 0.05) !important;
    }
}

/* ==========================================================================
   🔍 MACFAAAST APPLE DESIGN SYSTEM: OVERLAY E SIDEBAR DI RICERCA
   PERFETTAMENTE ALLINEATA ALLA GRAFICA DI RIFERIMENTO E ZERO GLITCH SU HOVER
   ========================================================================== */

/* 1. Sfondo oscurato premium con sfocatura (Backdrop Blur) */
#ts-search-sidebar div.overlay {
    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 2. Drawer Slide-out da destra */
#ts-search-sidebar .ts-sidebar-content {
    width: 480px !important;
    max-width: 100% !important;
    background: #ffffff !important;
    box-shadow: -15px 0 45px rgba(0, 0, 0, 0.12) !important;
    padding: 28px 24px 24px 24px !important;
    transform: translateX(500px) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border-left: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

#ts-search-sidebar.active .ts-sidebar-content {
    transform: translateX(0) !important;
}

/* Scrollbar minimale */
#ts-search-sidebar .ts-sidebar-content::-webkit-scrollbar,
#ts-search-sidebar .ts-search-result-container::-webkit-scrollbar {
    width: 5px !important;
}

#ts-search-sidebar .ts-sidebar-content::-webkit-scrollbar-track,
#ts-search-sidebar .ts-search-result-container::-webkit-scrollbar-track {
    background: transparent !important;
}

#ts-search-sidebar .ts-sidebar-content::-webkit-scrollbar-thumb,
#ts-search-sidebar .ts-search-result-container::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 10px !important;
}

#ts-search-sidebar .ts-sidebar-content::-webkit-scrollbar-thumb:hover,
#ts-search-sidebar .ts-search-result-container::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* 3. Header di ricerca: Titolo + Badge Azzurro Ciano MACFaaast */
#ts-search-sidebar .search--header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

#ts-search-sidebar .search--header .title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Badge Conteggio Risultati (Pill Azzurro Ciano Vibrante) */
#ts-search-sidebar .search--header .title .count {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    background: #00ade6 !important;
    height: 22px !important;
    min-width: 26px !important;
    padding: 0 9px !important;
    border-radius: 50px !important;
    border: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 8px rgba(0, 173, 230, 0.3) !important;
    box-sizing: border-box !important;
}

/* Pulsante di Chiusura Rotondo */
#ts-search-sidebar .close {
    position: static !important;
    width: 36px !important;
    height: 36px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    color: #64748b !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

#ts-search-sidebar .close:hover {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    transform: rotate(90deg) scale(1.05) !important;
}

#ts-search-sidebar .close:before,
#ts-search-sidebar .close:after {
    display: none !important;
    content: none !important;
}

#ts-search-sidebar .close svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    pointer-events: none !important;
}

/* 4. Barra di Input Ricerca */
#ts-search-sidebar .search--form {
    padding: 0 !important;
    margin-bottom: 20px !important;
    flex-shrink: 0 !important;
}

#ts-search-sidebar .search-table {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 2px 14px !important;
    border: 1.5px solid #00ade6 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 0 0 3px rgba(0, 173, 230, 0.12) !important;
    box-sizing: border-box !important;
}

#ts-search-sidebar .search-table:focus-within {
    border-color: #00ade6 !important;
    box-shadow: 0 0 0 4px rgba(0, 173, 230, 0.2), 0 4px 12px rgba(0, 173, 230, 0.08) !important;
}

#ts-search-sidebar .search-field {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    position: relative !important;
}

/* Icona lente azzurro ciano */
#ts-search-sidebar .search-field::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300ade6' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    transition: opacity 0.2s ease !important;
}

#ts-search-sidebar .search-field input[type="text"] {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    padding: 12px 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    outline: none !important;
    box-shadow: none !important;
}

#ts-search-sidebar .search-field input[type="text"]::placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

/* Spinner caricamento */
#ts-search-sidebar .search-field.loading::after {
    content: "" !important;
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    margin-top: -8px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(0, 173, 230, 0.2) !important;
    border-top-color: #00ade6 !important;
    border-radius: 50% !important;
    animation: ts-spin 0.6s linear infinite !important;
    z-index: 2 !important;
}

#ts-search-sidebar .search-button {
    display: none !important;
}

/* 5. Contenitore dei Risultati AJAX (Elegante Lista Flat Apple con Divisori e Zero Scatti) */
#ts-search-sidebar .ts-search-result-container {
    margin-top: 0 !important;
    flex: 1 !important;
    overflow-y: auto !important;
}

#ts-search-sidebar ul.product_list_widget {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Riga Prodotto Flat con Divisore Sottile */
#ts-search-sidebar ul.product_list_widget li {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 10px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-radius: 12px !important;
    transition: background-color 0.18s ease !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: none !important;
    margin: 0 !important;
    transform: none !important;
}

#ts-search-sidebar ul.product_list_widget li:last-child {
    border-bottom: none !important;
}

#ts-search-sidebar ul.product_list_widget li::before {
    display: none !important;
    content: none !important;
}

/* HOVER PERFETTO: Zero scatti orizzontali/verticali, sfondo morbido, NO sparizione margini */
#ts-search-sidebar ul.product_list_widget li:hover {
    background: #f8fafc !important;
    transform: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

/* Miniatura immagine prodotto su piedistallo pulito */
#ts-search-sidebar ul.product_list_widget li .ts-wg-thumbnail {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    padding: 4px !important;
    box-sizing: border-box !important;
}

#ts-search-sidebar ul.product_list_widget li:hover .ts-wg-thumbnail {
    transform: scale(1.05) !important;
    border-color: #00ade6 !important;
}

#ts-search-sidebar ul.product_list_widget li .ts-wg-thumbnail a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

#ts-search-sidebar ul.product_list_widget li .ts-wg-thumbnail img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.25s ease !important;
}

/* Informazioni di testo del prodotto */
#ts-search-sidebar ul.product_list_widget li .ts-wg-meta {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding-left: 0 !important;
    text-align: left !important;
    min-width: 0 !important;
}

/* Titolo Prodotto */
#ts-search-sidebar ul.product_list_widget li .ts-wg-meta a.title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: break-word !important;
}

#ts-search-sidebar ul.product_list_widget li:hover .ts-wg-meta a.title {
    color: #00ade6 !important;
}

/* Parola cercata evidenziata nei risultati (Testo Azzurro Ciano Brillante) */
#ts-search-sidebar ul.product_list_widget li .ts-wg-meta a.title .hightlight,
.ts-search-result-container ul.product_list_widget li .ts-wg-meta a.title .hightlight {
    color: #00ade6 !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    display: inline !important;
}

/* Nasconde descrizione ingombrante */
#ts-search-sidebar ul.product_list_widget li .ts-wg-meta .description {
    display: none !important;
}

/* Prezzo Prodotto */
#ts-search-sidebar ul.product_list_widget li .ts-wg-meta .price {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #00ade6 !important;
    margin-top: 3px !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    letter-spacing: -0.01em !important;
}

#ts-search-sidebar ul.product_list_widget li .ts-wg-meta .price del {
    color: #94a3b8 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    order: 2 !important;
}

#ts-search-sidebar ul.product_list_widget li .ts-wg-meta .price ins {
    color: #00ade6 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    order: 1 !important;
}

/* 6. Bottone Apple "Mostra Tutti i Risultati" (Pill Azzurro Ciano) */
#ts-search-sidebar .ts-search-result-container .view-all-wrapper {
    padding: 18px 0 6px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

#ts-search-sidebar .ts-search-result-container .view-all-wrapper a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 48px !important;
    padding: 0 24px !important;
    background: #00ade6 !important;
    color: #ffffff !important;
    border-radius: 9999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    cursor: pointer !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 173, 230, 0.28) !important;
}

#ts-search-sidebar .ts-search-result-container .view-all-wrapper a:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
    transform: translateY(-1.5px) !important;
    box-shadow: 0 8px 24px rgba(0, 173, 230, 0.38) !important;
}

#ts-search-sidebar .ts-search-result-container .view-all-wrapper a:before,
#ts-search-sidebar .ts-search-result-container .view-all-wrapper a:after {
    display: none !important;
    content: none !important;
}

/* 7. Messaggio "Nessun Risultato" Apple Card */
#ts-search-sidebar .search-empty-state,
#ts-search-sidebar .ts-search-result-container>p {
    text-align: center !important;
    padding: 36px 20px !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    margin: 20px 0 !important;
    color: #64748b !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

/* Ottimizzazioni Responsive Mobile per Drawer Ricerca */
@media screen and (max-width: 480px) {
    #ts-search-sidebar .ts-sidebar-content {
        padding: 20px 16px !important;
    }

    #ts-search-sidebar .search--header .title {
        font-size: 18px !important;
    }

    #ts-search-sidebar ul.product_list_widget li {
        padding: 12px 6px !important;
        gap: 12px !important;
    }

    #ts-search-sidebar ul.product_list_widget li .ts-wg-thumbnail {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }
}


/* ==========================================================================
   8. PREMIUM BRANDED GLOBAL SEARCH BAR & BUTTON ALIGNMENT (#00ade6)
   ========================================================================== */

/* Standard WordPress & WooCommerce Search forms: Pill/Capsule style */
.search-table,
.woocommerce-product-search,
.wp-block-search__inside-wrapper {
    display: flex !important;
    align-items: center !important;
    background: #f5f5f7 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 30px !important;
    padding: 2px 6px 2px 20px !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Container focus effects - Premium Glow */
.search-table:focus-within,
.woocommerce-product-search:focus-within,
.wp-block-search__inside-wrapper:focus-within {
    background: #ffffff !important;
    border-color: #00ade6 !important;
    box-shadow: 0 8px 24px rgba(0, 173, 230, 0.12) !important;
}

/* Search input field premium typography & spacing */
.search-table .search-field input[type="text"],
.woocommerce-product-search input[type="search"],
.woocommerce-product-search .search-field,
.wp-block-search .wp-block-search__input {
    border: none !important;
    background: transparent !important;
    padding: 10px 50px 10px 0 !important;
    /* Spacing to prevent text overlapping button */
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1d1d1f !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
}

.search-table .search-field input[type="text"]::placeholder,
.woocommerce-product-search input[type="search"]::placeholder,
.wp-block-search .wp-block-search__input::placeholder {
    color: #8e8e93 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

/* Beautiful Action Button - Circular Ciano with Shadow */
.search-table .search-button,
.wp-block-search .wp-block-search__button,
.woocommerce-product-search button[type="submit"] {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    background: #00ade6 !important;
    border: none !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 3px 8px rgba(0, 173, 230, 0.25) !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    /* Force to right side */
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Icon inside search button (using theme's font) */
.search-table .search-button:before,
.wp-block-search .wp-block-search__button:before,
.woocommerce-product-search button[type="submit"]:before {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-family: 'tb-icon' !important;
    content: "\e9a7" !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    font-style: normal !important;
    speak: none !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Search Button Hover States */
.search-table .search-button:hover,
.wp-block-search .wp-block-search__button:hover,
.woocommerce-product-search button[type="submit"]:hover {
    background: #0096c7 !important;
    transform: translateY(-50%) scale(1.06) !important;
    box-shadow: 0 4px 12px rgba(0, 173, 230, 0.4) !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Ensure the actual submit element perfectly overlaps inside the custom circular button */
.search-table .search-button input[type^="submit"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 6 !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}


/* Category Search in the Header: Custom styling for Category-Search layout */
.ts-header .ts-search-by-category .search-table .search-field input[type="text"] {
    border-color: #00ade6 !important;
    /* Align bottom border to Ciano */
    transition: all 0.3s ease !important;
}

.ts-header .ts-search-by-category .search-table .search-field input[type="text"]:focus {
    border-color: #0096c7 !important;
    box-shadow: 0 1px 0 #0096c7 !important;
}

/* Style the button in Category-Search */
.ts-header .ts-search-by-category .search-table .search-button:before {
    color: #00ade6 !important;
    /* Make magnifying glass icon ciano */
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.ts-header .ts-search-by-category .search-table .search-button:hover:before {
    color: #0096c7 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* WooCommerce widget specific alignment */
.widget_search .search-table,
.widget_product_search .woocommerce-product-search {
    margin-top: 10px !important;
}

/* Ajax suggestions search highlight color */
.ts-search-result-container ul.product_list_widget li .ts-wg-meta a.title .hightlight {
    color: #00ade6 !important;
}



/* FIX TESTO MEGAMENU BANNERS */
.ts-megamenu .ts-banner .box-content h2 {
    color: #ffffff !important;
}

/* ==========================================================================
   14. REDESIGN ELEGANTE, MINIMALE E MODERNO DEL MEGA MENU "NEGOZIO"
       COLORI UFFICIALI MARCHIO MACFAAAST:
       - AZZURRO FAAAST: #00ade6 (RGB: 0, 173, 230)
       - GRIGIO ARDESIA MAC: #53627b (RGB: 83, 98, 123)
       - NAVY SCURO TITOLI: #3d4b64
   ========================================================================== */

/* Dropdown Generale: Floating Canvas centrato orizzontalmente su Desktop con angoli arrotondati e ombra morbida */
@media only screen and (min-width: 992px) {
    .header-sticky {
        position: relative !important;
    }

    .ts-header .header-middle .container,
    .ts-header .header-center,
    .ts-header .menu-wrapper,
    .ts-header .ts-menu,
    .ts-header nav.main-menu,
    .ts-header nav.main-menu>ul.menu,
    .ts-header nav.main-menu>ul.menu>li.ts-megamenu {
        position: static !important;
    }

    .ts-header nav.main-menu>ul.menu>li.ts-megamenu:hover>ul.sub-menu,
    .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu:hover {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .ts-header nav>ul.menu li.ts-megamenu>ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 1220px !important;
        max-width: calc(100vw - 60px) !important;
        box-sizing: border-box !important;
        border-radius: 20px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(25px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
        box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
        padding: 24px 34px 20px !important;
        animation: none !important;
        -webkit-animation: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        transition: opacity 0.15s ease-out, visibility 0.15s ease-out !important;
    }

    /* Invisible Hover Bridge: connects 'Negozio' nav item directly to the megamenu, eliminating any mouseleave gap */
    .ts-header nav>ul.menu li.ts-megamenu>ul.sub-menu::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: -45px !important;
        left: 0 !important;
        right: 0 !important;
        height: 50px !important;
        background: transparent !important;
        pointer-events: auto !important;
        z-index: 10 !important;
    }
}

.ts-header nav>ul.menu li.ts-megamenu>ul.sub-menu:after {
    display: none !important;
}

/* Griglia 4 Colonne Bilanciate & Allineate (Proporzionata su Desktop) */
.elementor-6042 .elementor-element-f917fa9 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.elementor-6042 .elementor-element-f917fa9>.e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
    padding-bottom: 16px !important;
}

/* Fascia Inferiore 2 Banner Grafici Bilanciati */
.elementor-6042 .elementor-element-9c3d2f1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-6042 .elementor-element-9c3d2f1>.e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(83, 98, 123, 0.1) !important;
}

/* Nascondi Pagine Legali dal Dropdown Header (già presenti nel footer a norma di legge) */
#menu-item-6970 #menu-item-7782,
#menu-item-6970 #menu-item-6961 {
    display: none !important;
}

/* MACRO AREE (Titoli Principali delle Colonne):
   Grandi, autorevoli, chiaramente gerarchiche e nei colori del logo */
.elementor-6042 .elementor-widget-wp-widget-nav_menu .elementor-widget-container>h5 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #3d4b64 !important;
    /* Colore MAC del marchio */
    letter-spacing: -0.02em !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #edf0f5 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    text-transform: none !important;
}

/* Indicatore di accento azzurro marchio sotto a ciascuna Macro Area */
.elementor-6042 .elementor-widget-wp-widget-nav_menu .elementor-widget-container>h5::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 38px !important;
    height: 3px !important;
    background: #00ade6 !important;
    /* Azzurro Faaast del marchio */
    border-radius: 3px !important;
}

/* Struttura colonne: respiro e ordine */
.elementor-6042 .elementor-widget-wp-widget-nav_menu {
    position: relative !important;
}

/* Rimozione margini e stili lista standard */
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] ul.menu,
.elementor-6042 .elementor-widget-wp-widget-nav_menu ul.menu,
div[class*="menu-mondo-"] ul.menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] ul.menu li,
.elementor-6042 .elementor-widget-wp-widget-nav_menu ul.menu li,
div[class*="menu-mondo-"] ul.menu li {
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 4px 0 !important;
}

/* CARD / ROW MODERNA E BILANCIATA PER OGNI SINGOLO PRODOTTO */
div[class*="menu-mondo-"] li>a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8.5px 14px !important;
    border-radius: 10px !important;
    color: #53627b !important;
    /* Grigio ardesia MAC del logo */
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
    border: 1.5px solid transparent !important;
    background-color: transparent !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    line-height: 1.3 !important;
}

/* BASE PER ICONA LINE-ART MINIMALE & MODERNA */
div[class*="menu-mondo-"] li>a::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    background-color: #7c90b0 !important;
    /* Grigio ardesia / argento Apple ben visibile */
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* NESSUNA FRECCIA ALL'HOVER */
div[class*="menu-mondo-"] li>a::after {
    display: none !important;
    content: none !important;
}

/* STATO HOVER: Sfumatura azzurro Faaast nitida e ben visibile, bordo attivo, testo azzurro e micro-spostamento */
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li>a:hover,
div[class*="menu-mondo-"] li>a:hover {
    background-color: rgba(0, 173, 230, 0.14) !important;
    border-color: rgba(0, 173, 230, 0.45) !important;
    color: #008ebf !important;
    font-weight: 600 !important;
    transform: translateX(4px) !important;
    box-shadow: 0 4px 12px rgba(0, 173, 230, 0.14) !important;
}

body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li>a:hover::before,
div[class*="menu-mondo-"] li>a:hover::before {
    background-color: #00ade6 !important;
    transform: scale(1.12) !important;
}

/* STATO ATTIVO: DOVE CI TROVIAMO (Evidenziazione netta, barra azzurra a sinistra e pieno contrasto) */
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.current-menu-item>a,
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.current_page_item>a,
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.current-cat>a,
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.active>a,
div[class*="menu-mondo-"] li.current-menu-item>a,
div[class*="menu-mondo-"] li.current_page_item>a,
div[class*="menu-mondo-"] li.current-cat>a,
div[class*="menu-mondo-"] li.active>a,
body.term-imac div[class*="menu-mondo-"] a[href*="/imac/"],
body.term-macbook-neo div[class*="menu-mondo-"] a[href*="macbook-neo"],
body.term-macbook-air div[class*="menu-mondo-"] a[href*="macbook-air"],
body.term-macbook-pro div[class*="menu-mondo-"] a[href*="macbook-pro"],
body.term-mac-mini div[class*="menu-mondo-"] a[href*="mac-mini"],
body.term-mac-pro div[class*="menu-mondo-"] a[href*="mac-pro"],
body.term-mac-studio div[class*="menu-mondo-"] a[href*="mac-studio"],
body.term-iphone div[class*="menu-mondo-"] a[href*="/iphone/"],
body.term-ipad div[class*="menu-mondo-"] a[href*="/ipad/"],
body.term-8-watch div[class*="menu-mondo-"] a[href*="apple-watch"],
body.term-apple-watch div[class*="menu-mondo-"] a[href*="apple-watch"],
body.term-7-windows-pc-fissi-rigenerati div[class*="menu-mondo-"] a[href*="windows-pc-fissi"],
body.term-6-windows-notebook-rigenerati div[class*="menu-mondo-"] a[href*="windows-notebook"],
body.term-mouse-e-tastiere div[class*="menu-mondo-"] a[href*="mouse-e-tastiere"],
body.term-carica-batteria div[class*="menu-mondo-"] a[href*="carica-batteria"],
body.term-multimedia div[class*="menu-mondo-"] a[href*="multimedia"],
body.term-accessori-apple div[class*="menu-mondo-"] a[href*="accessori-apple"],
body.term-adattatori div[class*="menu-mondo-"] a[href*="adattatori"] {
    background: rgba(0, 173, 230, 0.16) !important;
    border: 1.5px solid #00ade6 !important;
    border-left: 5px solid #00ade6 !important;
    /* Barra di selezione netta a sinistra */
    color: #007da8 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(0, 173, 230, 0.18) !important;
}

body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.current-menu-item>a::before,
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.current_page_item>a::before,
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.current-cat>a::before,
body .ts-header nav.main-menu>ul.menu>li.ts-megamenu>ul.sub-menu .elementor-6042 div[class*="menu-mondo-"] li.active>a::before,
div[class*="menu-mondo-"] li.current-menu-item>a::before,
div[class*="menu-mondo-"] li.current_page_item>a::before,
div[class*="menu-mondo-"] li.current-cat>a::before,
div[class*="menu-mondo-"] li.active>a::before,
body.term-imac div[class*="menu-mondo-"] a[href*="/imac/"]::before,
body.term-macbook-neo div[class*="menu-mondo-"] a[href*="macbook-neo"]::before,
body.term-macbook-air div[class*="menu-mondo-"] a[href*="macbook-air"]::before,
body.term-macbook-pro div[class*="menu-mondo-"] a[href*="macbook-pro"]::before,
body.term-mac-mini div[class*="menu-mondo-"] a[href*="mac-mini"]::before,
body.term-mac-pro div[class*="menu-mondo-"] a[href*="mac-pro"]::before,
body.term-mac-studio div[class*="menu-mondo-"] a[href*="mac-studio"]::before,
body.term-iphone div[class*="menu-mondo-"] a[href*="/iphone/"]::before,
body.term-ipad div[class*="menu-mondo-"] a[href*="/ipad/"]::before,
body.term-8-watch div[class*="menu-mondo-"] a[href*="apple-watch"]::before,
body.term-apple-watch div[class*="menu-mondo-"] a[href*="apple-watch"]::before,
body.term-7-windows-pc-fissi-rigenerati div[class*="menu-mondo-"] a[href*="windows-pc-fissi"]::before,
body.term-6-windows-notebook-rigenerati div[class*="menu-mondo-"] a[href*="windows-notebook"]::before,
body.term-mouse-e-tastiere div[class*="menu-mondo-"] a[href*="mouse-e-tastiere"]::before,
body.term-carica-batteria div[class*="menu-mondo-"] a[href*="carica-batteria"]::before,
body.term-multimedia div[class*="menu-mondo-"] a[href*="multimedia"]::before,
body.term-accessori-apple div[class*="menu-mondo-"] a[href*="accessori-apple"]::before,
body.term-adattatori div[class*="menu-mondo-"] a[href*="adattatori"]::before {
    background-color: #00ade6 !important;
    transform: scale(1.12) !important;
}

/* BANNER IN BASSO AL MEGA MENU: Angoli smussati, compattezza e overlay Apple */
.elementor-6042 .ts-banner {
    border-radius: 14px !important;
    overflow: hidden !important;
    position: relative !important;
    height: 118px !important;
    max-height: 118px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(83, 98, 123, 0.08) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-6042 .ts-banner:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14) !important;
}

.elementor-6042 .ts-banner .banner-bg img {
    width: 100% !important;
    height: 118px !important;
    max-height: 118px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    transition: transform 0.4s ease !important;
}

.elementor-6042 .ts-banner:hover .banner-bg img {
    transform: scale(1.03) !important;
}

.elementor-6042 .ts-banner .banner-wrapper::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.82) 0%, rgba(15, 23, 42, 0.4) 60%, transparent 100%) !important;
    pointer-events: none !important;
    border-radius: 14px !important;
    z-index: 1 !important;
}

.elementor-6042 .ts-banner .box-content {
    position: absolute !important;
    top: 50% !important;
    left: 24px !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
    z-index: 5 !important;
}

.elementor-6042 .ts-banner .box-content .description {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #00ade6 !important;
    margin-bottom: 4px !important;
}

.elementor-6042 .ts-banner .box-content h2 {
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

/* imac */
div[class*="menu-mondo-"] li.menu-item-6850>a::before,
div[class*="menu-mondo-"] a[href*="/imac/"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2713%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%272%27%20y1%3D%2713%27%20x2%3D%2722%27%20y2%3D%2713%27/%3E%3Cpath%20d%3D%27M10%2016l-1%205h6l-1-5%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2721%27%20x2%3D%2716%27%20y2%3D%2721%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2713%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%272%27%20y1%3D%2713%27%20x2%3D%2722%27%20y2%3D%2713%27/%3E%3Cpath%20d%3D%27M10%2016l-1%205h6l-1-5%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2721%27%20x2%3D%2716%27%20y2%3D%2721%27/%3E%3C/svg%3E") !important;
}

/* macbook-neo */
div[class*="menu-mondo-"] li.menu-item-14935>a::before,
div[class*="menu-mondo-"] a[href*="macbook-neo"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}

/* macbook-air */
div[class*="menu-mondo-"] li.menu-item-6851>a::before,
div[class*="menu-mondo-"] a[href*="macbook-air"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275.5%27%20width%3D%2716%27%20height%3D%2710.5%27%20rx%3D%271.2%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%201.8H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%271.8%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275.5%27%20width%3D%2716%27%20height%3D%2710.5%27%20rx%3D%271.2%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%201.8H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%271.8%27/%3E%3C/svg%3E") !important;
}

/* macbook-pro */
div[class*="menu-mondo-"] li.menu-item-6852>a::before,
div[class*="menu-mondo-"] a[href*="macbook-pro"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%274%27%20width%3D%2717%27%20height%3D%2712%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M1.5%2018h21l-1%202.2H2.5L1.5%2018z%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%2718%27%20x2%3D%2714%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%274%27%20width%3D%2717%27%20height%3D%2712%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M1.5%2018h21l-1%202.2H2.5L1.5%2018z%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%2718%27%20x2%3D%2714%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}

/* mac-mini */
div[class*="menu-mondo-"] li.menu-item-6948>a::before,
div[class*="menu-mondo-"] a[href*="mac-mini"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%278.5%27%20width%3D%2718%27%20height%3D%277%27%20rx%3D%272%27/%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2712%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%278.5%27%20width%3D%2718%27%20height%3D%277%27%20rx%3D%272%27/%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2712%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* mac-pro */
div[class*="menu-mondo-"] li.menu-item-6949>a::before,
div[class*="menu-mondo-"] a[href*="mac-pro"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275.5%27%20y%3D%274%27%20width%3D%2713%27%20height%3D%2716%27%20rx%3D%272.5%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Cpath%20d%3D%27M7.5%204V2.5h9V4M7.5%2020v1.5h9V20%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275.5%27%20y%3D%274%27%20width%3D%2713%27%20height%3D%2716%27%20rx%3D%272.5%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Cpath%20d%3D%27M7.5%204V2.5h9V4M7.5%2020v1.5h9V20%27/%3E%3C/svg%3E") !important;
}

/* mac-studio */
div[class*="menu-mondo-"] li.menu-item-6950>a::before,
div[class*="menu-mondo-"] a[href*="mac-studio"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%276.5%27%20width%3D%2717%27%20height%3D%2711%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%276.5%27%20y1%3D%2713.5%27%20x2%3D%278.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2713.5%27%20x2%3D%2712.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2713.5%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%276.5%27%20width%3D%2717%27%20height%3D%2711%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%276.5%27%20y1%3D%2713.5%27%20x2%3D%278.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2713.5%27%20x2%3D%2712.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2713.5%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* iphone */
div[class*="menu-mondo-"] li.menu-item-6891>a::before,
div[class*="menu-mondo-"] a[href*="/iphone/"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%272%27%20width%3D%2712%27%20height%3D%2720%27%20rx%3D%273%27/%3E%3Cline%20x1%3D%2711%27%20y1%3D%275%27%20x2%3D%2713%27%20y2%3D%275%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2719.5%27%20x2%3D%2713.5%27%20y2%3D%2719.5%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%272%27%20width%3D%2712%27%20height%3D%2720%27%20rx%3D%273%27/%3E%3Cline%20x1%3D%2711%27%20y1%3D%275%27%20x2%3D%2713%27%20y2%3D%275%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2719.5%27%20x2%3D%2713.5%27%20y2%3D%2719.5%27/%3E%3C/svg%3E") !important;
}

/* ==========================================================================
   ICONA A TEMA BLOG, CATEGORIE EDITORIALI E GUIDE MACFAAAST
   ========================================================================== */
body.blog .breadcrumb-title h1.page-title::before,
body.page-slug-blog .breadcrumb-title h1.page-title::before,
body.page-template-blog-template .breadcrumb-title h1.page-title::before,
body.category .breadcrumb-title h1.page-title::before,
body.archive.category .breadcrumb-title h1.page-title::before,
body.category-blog .breadcrumb-title h1.page-title::before,
body.category-business-aziende .breadcrumb-title h1.page-title::before,
body.category-guide-acquisto .breadcrumb-title h1.page-title::before,
body.category-macos-power-user .breadcrumb-title h1.page-title::before,
body.category-mondo-macfaaast .breadcrumb-title h1.page-title::before,
body.category-sicurezza-privacy .breadcrumb-title h1.page-title::before,
body.category-workflow-professionali .breadcrumb-title h1.page-title::before,
body.tag .breadcrumb-title h1.page-title::before,
body.single-post .breadcrumb-title h1.page-title::before {
    display: inline-block !important;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='3'%20width='16'%20height='18'%20rx='2.5'%2F%3E%3Cline%20x1='4'%20y1='16.5'%20x2='20'%20y2='16.5'%2F%3E%3C%2Fsvg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='3'%20width='16'%20height='18'%20rx='2.5'%2F%3E%3Cline%20x1='4'%20y1='16.5'%20x2='20'%20y2='16.5'%2F%3E%3C%2Fsvg%3E") !important;
}

/* ==========================================================================
   ICONA A TEMA SHOP / NEGOZIO
   ========================================================================== */
body.post-type-archive-product .breadcrumb-title h1.page-title::before,
body.woocommerce-shop .breadcrumb-title h1.page-title::before,
body.page-id-17 .breadcrumb-title h1.page-title::before {
    display: inline-block !important;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z'%2F%3E%3Cline%20x1='3'%20y1='6'%20x2='21'%20y2='6'%2F%3E%3Cpath%20d='M16%2010a4%204%200%200%201-8%200'%2F%3E%3C%2Fsvg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z'%2F%3E%3Cline%20x1='3'%20y1='6'%20x2='21'%20y2='6'%2F%3E%3Cpath%20d='M16%2010a4%204%200%200%201-8%200'%2F%3E%3C%2Fsvg%3E") !important;
}

/* Protezione pagine generiche: nessuna icona quadrata blu senza maschera */
body:not(.woocommerce-cart):not(.page-id-18):not(.tax-product_cat):not(.blog):not(.page-slug-blog):not(.page-template-blog-template):not(.category):not(.archive):not(.single-post):not(.post-type-archive-product):not(.woocommerce-shop):not(.page-id-17) .breadcrumb-title h1.page-title::before {
    display: none !important;
}

/* ipad */
div[class*="menu-mondo-"] li.menu-item-6892>a::before,
div[class*="menu-mondo-"] a[href*="/ipad/"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274.5%27%20y%3D%272%27%20width%3D%2715%27%20height%3D%2720%27%20rx%3D%272.2%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2718.5%27%20r%3D%270.75%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274.5%27%20y%3D%272%27%20width%3D%2715%27%20height%3D%2720%27%20rx%3D%272.2%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2718.5%27%20r%3D%270.75%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* apple-watch */
div[class*="menu-mondo-"] li.menu-item-37298>a::before,
div[class*="menu-mondo-"] a[href*="apple-watch"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%276%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%273.5%27/%3E%3Cpath%20d%3D%27M9%206V2.5h6V6M9%2018v3.5h6V18%27/%3E%3Cline%20x1%3D%2718%27%20y1%3D%279%27%20x2%3D%2719.5%27%20y2%3D%279%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%276%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%273.5%27/%3E%3Cpath%20d%3D%27M9%206V2.5h6V6M9%2018v3.5h6V18%27/%3E%3Cline%20x1%3D%2718%27%20y1%3D%279%27%20x2%3D%2719.5%27%20y2%3D%279%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}

/* pc-fissi */
div[class*="menu-mondo-"] li.menu-item-6893>a::before,
div[class*="menu-mondo-"] a[href*="windows-pc-fissi"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2712%27%20height%3D%2716%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%277%27%20x2%3D%2711%27%20y2%3D%277%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%2710%27%20x2%3D%279%27%20y2%3D%2710%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2716%27%20y%3D%278%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%271%27/%3E%3Cline%20x1%3D%2719%27%20y1%3D%2718%27%20x2%3D%2719%27%20y2%3D%2720%27/%3E%3Cline%20x1%3D%2717%27%20y1%3D%2720%27%20x2%3D%2721%27%20y2%3D%2720%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2712%27%20height%3D%2716%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%277%27%20x2%3D%2711%27%20y2%3D%277%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%2710%27%20x2%3D%279%27%20y2%3D%2710%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2716%27%20y%3D%278%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%271%27/%3E%3Cline%20x1%3D%2719%27%20y1%3D%2718%27%20x2%3D%2719%27%20y2%3D%2720%27/%3E%3Cline%20x1%3D%2717%27%20y1%3D%2720%27%20x2%3D%2721%27%20y2%3D%2720%27/%3E%3C/svg%3E") !important;
}

/* notebook */
div[class*="menu-mondo-"] li.menu-item-6894>a::before,
div[class*="menu-mondo-"] a[href*="windows-notebook"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3C/svg%3E") !important;
}

/* mouse-tastiere */
div[class*="menu-mondo-"] li.menu-item-13238>a::before,
div[class*="menu-mondo-"] a[href*="mouse-e-tastiere"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%273%27%20width%3D%2710%27%20height%3D%2718%27%20rx%3D%275%27/%3E%3Cline%20x1%3D%2712%27%20y1%3D%276%27%20x2%3D%2712%27%20y2%3D%2710%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%273%27%20width%3D%2710%27%20height%3D%2718%27%20rx%3D%275%27/%3E%3Cline%20x1%3D%2712%27%20y1%3D%276%27%20x2%3D%2712%27%20y2%3D%2710%27/%3E%3C/svg%3E") !important;
}

/* caricatori */
div[class*="menu-mondo-"] li.menu-item-13417>a::before,
div[class*="menu-mondo-"] a[href*="carica-batteria"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%278%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%279%27%20y1%3D%273%27%20x2%3D%279%27%20y2%3D%278%27/%3E%3Cline%20x1%3D%2715%27%20y1%3D%273%27%20x2%3D%2715%27%20y2%3D%278%27/%3E%3Cpath%20d%3D%27M12%2013v4%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%278%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%279%27%20y1%3D%273%27%20x2%3D%279%27%20y2%3D%278%27/%3E%3Cline%20x1%3D%2715%27%20y1%3D%273%27%20x2%3D%2715%27%20y2%3D%278%27/%3E%3Cpath%20d%3D%27M12%2013v4%27/%3E%3C/svg%3E") !important;
}

/* multimedia */
div[class*="menu-mondo-"] li.menu-item-13244>a::before,
div[class*="menu-mondo-"] a[href*="multimedia"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2014h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-7a9%209%200%200%201%2018%200v7a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2014h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-7a9%209%200%200%201%2018%200v7a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3%27/%3E%3C/svg%3E") !important;
}

/* accessori */
div[class*="menu-mondo-"] li.menu-item-6895>a::before,
div[class*="menu-mondo-"] a[href*="accessori-apple"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%274%27%20width%3D%2710%27%20height%3D%278%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%272%27%20x2%3D%2710%27%20y2%3D%274%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%272%27%20x2%3D%2714%27%20y2%3D%274%27/%3E%3Cpath%20d%3D%27M12%2012v6%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2720%27%20r%3D%271.5%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%274%27%20width%3D%2710%27%20height%3D%278%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%272%27%20x2%3D%2710%27%20y2%3D%274%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%272%27%20x2%3D%2714%27%20y2%3D%274%27/%3E%3Cpath%20d%3D%27M12%2012v6%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2720%27%20r%3D%271.5%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* adattatori */
div[class*="menu-mondo-"] li.menu-item-6896>a::before,
div[class*="menu-mondo-"] a[href*="adattatori"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2710%27%20width%3D%2714%27%20height%3D%279%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M12%2010V5a2%202%200%200%200-2-2H9%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2714.5%27%20x2%3D%2710%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%2714.5%27%20x2%3D%2716%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2710%27%20width%3D%2714%27%20height%3D%279%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M12%2010V5a2%202%200%200%200-2-2H9%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2714.5%27%20x2%3D%2710%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%2714.5%27%20x2%3D%2716%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}

/* Carrello della spesa icon */
body.woocommerce-cart .breadcrumb-title h1.page-title::before,
body.page-id-18 .breadcrumb-title h1.page-title::before,
body.page-slug-carrello .breadcrumb-title h1.page-title::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2721%27%20r%3D%271.2%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2719%27%20cy%3D%2721%27%20r%3D%271.2%27%20fill%3D%27black%27/%3E%3Cpath%20d%3D%27M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2721%27%20r%3D%271.2%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2719%27%20cy%3D%2721%27%20r%3D%271.2%27%20fill%3D%27black%27/%3E%3Cpath%20d%3D%27M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12%27/%3E%3C/svg%3E") !important;
    width: 32px !important;
    height: 32px !important;
}

@media (max-width: 767px) {

    body.woocommerce-cart .breadcrumb-title h1.page-title::before,
    body.page-id-18 .breadcrumb-title h1.page-title::before,
    body.page-slug-carrello .breadcrumb-title h1.page-title::before {
        width: 26px !important;
        height: 26px !important;
    }
}


/* ==========================================================================
   15. ICONE PRODOTTO ACCANTO AL TITOLO DI SEZIONE (H1) E NELLA SIDEBAR
       PROPORZIONE PERFETTA & DISTANZIAMENTO ARIOSO ("STACCALE UN PO'")
   ========================================================================== */

/* Titolo H1 principale della sezione/categoria */
body .breadcrumb-title h1.page-title,
body .breadcrumb-title h1.heading-title.page-title,
body.archive .breadcrumb-title h1.heading-title.page-title,
body.tax-product_cat .breadcrumb-title h1.heading-title.page-title,
body.post-type-archive-product .breadcrumb-title h1.heading-title.page-title {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    /* Stacco arioso ed elegante dalla prima lettera su tutte le sezioni */
    width: 100% !important;
}

.breadcrumb-title h1.page-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 28px !important;
    /* Proporzione perfetta con il cap-height del titolo */
    height: 28px !important;
    flex-shrink: 0 !important;
    background-color: #00ade6 !important;
    /* Azzurro Faaast ufficiale */
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z'%2F%3E%3Cline%20x1='3'%20y1='6'%20x2='21'%20y2='6'%2F%3E%3Cpath%20d='M16%2010a4%204%200%200%201-8%200'%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z'%2F%3E%3Cline%20x1='3'%20y1='6'%20x2='21'%20y2='6'%2F%3E%3Cpath%20d='M16%2010a4%204%200%200%201-8%200'%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    vertical-align: middle !important;
    margin-top: -2px !important;
    /* Perfetto centraggio ottico sull'asse visivo del testo */
}

@media (max-width: 767px) {

    body .breadcrumb-title h1.page-title,
    body .breadcrumb-title h1.heading-title.page-title,
    body.archive .breadcrumb-title h1.heading-title.page-title,
    body.tax-product_cat .breadcrumb-title h1.heading-title.page-title,
    body.post-type-archive-product .breadcrumb-title h1.heading-title.page-title {
        gap: 13px !important;
    }

    .breadcrumb-title h1.page-title::before {
        width: 24px !important;
        height: 24px !important;
        margin-top: -1px !important;
    }
}

/* ==========================================================================
   ICONE ROOT MACRO-CATEGORIE E-COMMERCE
   (Mac Rigenerati, Iphone & Ipad Rigenerati, Windows Rigenerati, Accessori Vari)
   ========================================================================== */

/* Root: Mac Rigenerati */
body.term-5-mac-rigenerati .breadcrumb-title h1.page-title::before,
body.term-22 .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="5-mac-rigenerati"]::before,
.widget_product_categories ul li a[href*="5-mac-rigenerati"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2713%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%272%27%20y1%3D%2713%27%20x2%3D%2722%27%20y2%3D%2713%27/%3E%3Cpath%20d%3D%27M10%2016l-1%205h6l-1-5%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2721%27%20x2%3D%2716%27%20y2%3D%2721%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2713%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%272%27%20y1%3D%2713%27%20x2%3D%2722%27%20y2%3D%2713%27/%3E%3Cpath%20d%3D%27M10%2016l-1%205h6l-1-5%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2721%27%20x2%3D%2716%27%20y2%3D%2721%27/%3E%3C/svg%3E") !important;
}

/* Root: Iphone & Ipad Rigenerati */
body.term-3-iphone-ipad-rigenerati .breadcrumb-title h1.page-title::before,
body.term-27 .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="3-iphone-ipad-rigenerati"]::before,
.widget_product_categories ul li a[href*="3-iphone-ipad-rigenerati"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M10%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v2%27/%3E%3Crect%20x%3D%2713%27%20y%3D%278%27%20width%3D%278%27%20height%3D%2713%27%20rx%3D%271.8%27/%3E%3Cline%20x1%3D%2716%27%20y1%3D%2718.5%27%20x2%3D%2718%27%20y2%3D%2718.5%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M10%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v2%27/%3E%3Crect%20x%3D%2713%27%20y%3D%278%27%20width%3D%278%27%20height%3D%2713%27%20rx%3D%271.8%27/%3E%3Cline%20x1%3D%2716%27%20y1%3D%2718.5%27%20x2%3D%2718%27%20y2%3D%2718.5%27/%3E%3C/svg%3E") !important;
}

/* Root: Windows Rigenerati */
body.term-windows-rigenerati .breadcrumb-title h1.page-title::before,
body.term-462 .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="windows-rigenerati"]::before,
.widget_product_categories ul li a[href*="windows-rigenerati"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2712%27%20height%3D%2716%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%277%27%20x2%3D%2711%27%20y2%3D%277%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%2710%27%20x2%3D%279%27%20y2%3D%2710%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2716%27%20y%3D%278%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%271%27/%3E%3Cline%20x1%3D%2719%27%20y1%3D%2718%27%20x2%3D%2719%27%20y2%3D%2720%27/%3E%3Cline%20x1%3D%2717%27%20y1%3D%2720%27%20x2%3D%2721%27%20y2%3D%2720%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2712%27%20height%3D%2716%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%277%27%20x2%3D%2711%27%20y2%3D%277%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%2710%27%20x2%3D%279%27%20y2%3D%2710%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2716%27%20y%3D%278%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%271%27/%3E%3Cline%20x1%3D%2719%27%20y1%3D%2718%27%20x2%3D%2719%27%20y2%3D%2720%27/%3E%3Cline%20x1%3D%2717%27%20y1%3D%2720%27%20x2%3D%2721%27%20y2%3D%2720%27/%3E%3C/svg%3E") !important;
}

/* Icone nella Sidebar Categorie */
.ts-product-categories-widget-wrapper ul li a,
.widget_product_categories ul li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.ts-product-categories-widget-wrapper ul li a::before,
.widget_product_categories ul li a::before {
    content: '' !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0 !important;
    background-color: currentColor !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    opacity: 0.75 !important;
    transition: all 0.2s ease !important;
}

.ts-product-categories-widget-wrapper ul li:hover>a::before,
.widget_product_categories ul li:hover>a::before,
.ts-product-categories-widget-wrapper ul li.current>a::before,
.widget_product_categories ul li.current>a::before {
    background-color: #00ade6 !important;
    opacity: 1 !important;
    transform: scale(1.08) !important;
}

/* ipad */
body.term-ipad .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="/ipad/"]::before,
.widget_product_categories ul li a[href*="/ipad/"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274.5%27%20y%3D%272%27%20width%3D%2715%27%20height%3D%2720%27%20rx%3D%272.2%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2718.5%27%20r%3D%270.75%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274.5%27%20y%3D%272%27%20width%3D%2715%27%20height%3D%2720%27%20rx%3D%272.2%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2718.5%27%20r%3D%270.75%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* iphone */
body.term-iphone .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="/iphone/"]::before,
.widget_product_categories ul li a[href*="/iphone/"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%272%27%20width%3D%2712%27%20height%3D%2720%27%20rx%3D%273%27/%3E%3Cline%20x1%3D%2711%27%20y1%3D%275%27%20x2%3D%2713%27%20y2%3D%275%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2719.5%27%20x2%3D%2713.5%27%20y2%3D%2719.5%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%272%27%20width%3D%2712%27%20height%3D%2720%27%20rx%3D%273%27/%3E%3Cline%20x1%3D%2711%27%20y1%3D%275%27%20x2%3D%2713%27%20y2%3D%275%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2719.5%27%20x2%3D%2713.5%27%20y2%3D%2719.5%27/%3E%3C/svg%3E") !important;
}

/* apple-watch */
body.term-apple-watch .breadcrumb-title h1.page-title::before,
body.term-8-watch .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="apple-watch"]::before,
.widget_product_categories ul li a[href*="apple-watch"]::before,
.ts-product-categories-widget-wrapper ul li a[href*="8-watch"]::before,
.widget_product_categories ul li a[href*="8-watch"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%276%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%273.5%27/%3E%3Cpath%20d%3D%27M9%206V2.5h6V6M9%2018v3.5h6V18%27/%3E%3Cline%20x1%3D%2718%27%20y1%3D%279%27%20x2%3D%2719.5%27%20y2%3D%279%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%276%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%273.5%27/%3E%3Cpath%20d%3D%27M9%206V2.5h6V6M9%2018v3.5h6V18%27/%3E%3Cline%20x1%3D%2718%27%20y1%3D%279%27%20x2%3D%2719.5%27%20y2%3D%279%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}

/* imac */
body.term-imac .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="/imac/"]::before,
.widget_product_categories ul li a[href*="/imac/"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2713%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%272%27%20y1%3D%2713%27%20x2%3D%2722%27%20y2%3D%2713%27/%3E%3Cpath%20d%3D%27M10%2016l-1%205h6l-1-5%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2721%27%20x2%3D%2716%27%20y2%3D%2721%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2713%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%272%27%20y1%3D%2713%27%20x2%3D%2722%27%20y2%3D%2713%27/%3E%3Cpath%20d%3D%27M10%2016l-1%205h6l-1-5%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2721%27%20x2%3D%2716%27%20y2%3D%2721%27/%3E%3C/svg%3E") !important;
}

/* macbook-pro */
body.term-macbook-pro .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="macbook-pro"]::before,
.widget_product_categories ul li a[href*="macbook-pro"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%274%27%20width%3D%2717%27%20height%3D%2712%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M1.5%2018h21l-1%202.2H2.5L1.5%2018z%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%2718%27%20x2%3D%2714%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%274%27%20width%3D%2717%27%20height%3D%2712%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M1.5%2018h21l-1%202.2H2.5L1.5%2018z%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%2718%27%20x2%3D%2714%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}

/* macbook-air */
body.term-macbook-air .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="macbook-air"]::before,
.widget_product_categories ul li a[href*="macbook-air"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275.5%27%20width%3D%2716%27%20height%3D%2710.5%27%20rx%3D%271.2%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%201.8H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%271.8%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275.5%27%20width%3D%2716%27%20height%3D%2710.5%27%20rx%3D%271.2%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%201.8H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%271.8%27/%3E%3C/svg%3E") !important;
}

/* macbook-neo */
body.term-macbook-neo .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="macbook-neo"]::before,
.widget_product_categories ul li a[href*="macbook-neo"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2718%27%20x2%3D%2713.5%27%20y2%3D%2718%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}

/* mac-mini */
body.term-mac-mini .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="mac-mini"]::before,
.widget_product_categories ul li a[href*="mac-mini"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%278.5%27%20width%3D%2718%27%20height%3D%277%27%20rx%3D%272%27/%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2712%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%278.5%27%20width%3D%2718%27%20height%3D%277%27%20rx%3D%272%27/%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2712%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* mac-pro */
body.term-mac-pro .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="mac-pro"]::before,
.widget_product_categories ul li a[href*="mac-pro"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275.5%27%20y%3D%274%27%20width%3D%2713%27%20height%3D%2716%27%20rx%3D%272.5%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Cpath%20d%3D%27M7.5%204V2.5h9V4M7.5%2020v1.5h9V20%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275.5%27%20y%3D%274%27%20width%3D%2713%27%20height%3D%2716%27%20rx%3D%272.5%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%278%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2712%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Cpath%20d%3D%27M7.5%204V2.5h9V4M7.5%2020v1.5h9V20%27/%3E%3C/svg%3E") !important;
}

/* mac-studio */
body.term-mac-studio .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="mac-studio"]::before,
.widget_product_categories ul li a[href*="mac-studio"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%276.5%27%20width%3D%2717%27%20height%3D%2711%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%276.5%27%20y1%3D%2713.5%27%20x2%3D%278.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2713.5%27%20x2%3D%2712.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2713.5%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%276.5%27%20width%3D%2717%27%20height%3D%2711%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%276.5%27%20y1%3D%2713.5%27%20x2%3D%278.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2710.5%27%20y1%3D%2713.5%27%20x2%3D%2712.5%27%20y2%3D%2713.5%27%20stroke-width%3D%272%27/%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2713.5%27%20r%3D%270.8%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* pc-fissi */
body.term-7-windows-pc-fissi-rigenerati .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="pc-fissi"]::before,
.widget_product_categories ul li a[href*="pc-fissi"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2712%27%20height%3D%2716%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%277%27%20x2%3D%2711%27%20y2%3D%277%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%2710%27%20x2%3D%279%27%20y2%3D%2710%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2716%27%20y%3D%278%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%271%27/%3E%3Cline%20x1%3D%2719%27%20y1%3D%2718%27%20x2%3D%2719%27%20y2%3D%2720%27/%3E%3Cline%20x1%3D%2717%27%20y1%3D%2720%27%20x2%3D%2721%27%20y2%3D%2720%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2712%27%20height%3D%2716%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%277%27%20x2%3D%2711%27%20y2%3D%277%27/%3E%3Cline%20x1%3D%275%27%20y1%3D%2710%27%20x2%3D%279%27%20y2%3D%2710%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2716%27%20r%3D%271%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2716%27%20y%3D%278%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%271%27/%3E%3Cline%20x1%3D%2719%27%20y1%3D%2718%27%20x2%3D%2719%27%20y2%3D%2720%27/%3E%3Cline%20x1%3D%2717%27%20y1%3D%2720%27%20x2%3D%2721%27%20y2%3D%2720%27/%3E%3C/svg%3E") !important;
}

/* notebook */
body.term-6-windows-notebook-rigenerati .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="notebook"]::before,
.widget_product_categories ul li a[href*="notebook"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%271.5%27/%3E%3Cpath%20d%3D%27M2%2018h20l-1.5%202H3.5L2%2018z%27/%3E%3C/svg%3E") !important;
}

/* mouse-tastiere */
body.term-mouse-e-tastiere .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="mouse-e-tastiere"]::before,
.widget_product_categories ul li a[href*="mouse-e-tastiere"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%273%27%20width%3D%2710%27%20height%3D%2718%27%20rx%3D%275%27/%3E%3Cline%20x1%3D%2712%27%20y1%3D%276%27%20x2%3D%2712%27%20y2%3D%2710%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%273%27%20width%3D%2710%27%20height%3D%2718%27%20rx%3D%275%27/%3E%3Cline%20x1%3D%2712%27%20y1%3D%276%27%20x2%3D%2712%27%20y2%3D%2710%27/%3E%3C/svg%3E") !important;
}

/* caricatori */
body.term-carica-batteria .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="carica-batteria"]::before,
.widget_product_categories ul li a[href*="carica-batteria"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%278%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%279%27%20y1%3D%273%27%20x2%3D%279%27%20y2%3D%278%27/%3E%3Cline%20x1%3D%2715%27%20y1%3D%273%27%20x2%3D%2715%27%20y2%3D%278%27/%3E%3Cpath%20d%3D%27M12%2013v4%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%276%27%20y%3D%278%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%272.5%27/%3E%3Cline%20x1%3D%279%27%20y1%3D%273%27%20x2%3D%279%27%20y2%3D%278%27/%3E%3Cline%20x1%3D%2715%27%20y1%3D%273%27%20x2%3D%2715%27%20y2%3D%278%27/%3E%3Cpath%20d%3D%27M12%2013v4%27/%3E%3C/svg%3E") !important;
}

/* multimedia */
body.term-multimedia .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="multimedia"]::before,
.widget_product_categories ul li a[href*="multimedia"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2014h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-7a9%209%200%200%201%2018%200v7a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2014h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-7a9%209%200%200%201%2018%200v7a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3%27/%3E%3C/svg%3E") !important;
}

/* accessori */
body.term-accessori-apple .breadcrumb-title h1.page-title::before,
body.term-1-accessori-vari .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="accessori-apple"]::before,
.widget_product_categories ul li a[href*="accessori-apple"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%274%27%20width%3D%2710%27%20height%3D%278%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%272%27%20x2%3D%2710%27%20y2%3D%274%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%272%27%20x2%3D%2714%27%20y2%3D%274%27/%3E%3Cpath%20d%3D%27M12%2012v6%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2720%27%20r%3D%271.5%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%274%27%20width%3D%2710%27%20height%3D%278%27%20rx%3D%271.5%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%272%27%20x2%3D%2710%27%20y2%3D%274%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%272%27%20x2%3D%2714%27%20y2%3D%274%27/%3E%3Cpath%20d%3D%27M12%2012v6%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2720%27%20r%3D%271.5%27%20fill%3D%27black%27/%3E%3C/svg%3E") !important;
}

/* adattatori */
body.term-adattatori .breadcrumb-title h1.page-title::before,
.ts-product-categories-widget-wrapper ul li a[href*="adattatori"]::before,
.widget_product_categories ul li a[href*="adattatori"]::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2710%27%20width%3D%2714%27%20height%3D%279%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M12%2010V5a2%202%200%200%200-2-2H9%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2714.5%27%20x2%3D%2710%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%2714.5%27%20x2%3D%2716%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2710%27%20width%3D%2714%27%20height%3D%279%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M12%2010V5a2%202%200%200%200-2-2H9%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2714.5%27%20x2%3D%2710%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3Cline%20x1%3D%2714%27%20y1%3D%2714.5%27%20x2%3D%2716%27%20y2%3D%2714.5%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") !important;
}



/* ==========================================================================
   21. HEADER PRINCIPALE & MENU DI NAVIGAZIONE IN STILE APPLE BRAND MACFAAAST
       - TIPOGRAFIA REFINATA APPLE: #3d4b64 (Dark Slate MAC), Peso 500, Tracking Pulito
       - HOVER MENU FLUIDO: Transizione ad Azzurro Faaast (#00ade6) con pillola soft
       - FRECCETTE DROPDOWN ANIMATE: Rotazione fluida a 180 gradi su hover
       - BADGE WISHLIST E CARRELLO: Da nero spento ad Azzurro Faaast (#00ade6) con anello bianco
       - ICONE AZIONI (Cerca, Account, Wishlist, Carrello): Micro-animazione interattiva
       - BORDO INFERIORE DELICATO E EFFETTO GLASS STICKY
   ========================================================================== */

/* 1. Header Middle & Sticky Container */
.header-middle {
    border-bottom: 1px solid rgba(61, 75, 100, 0.08) !important;
    background: #ffffff !important;
    transition: all 0.3s ease !important;
}

.is-sticky .header-sticky,
.header-sticky.is-sticky {
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 4px 20px rgba(61, 75, 100, 0.06) !important;
    border-bottom: 1px solid rgba(61, 75, 100, 0.08) !important;
}

/* 2. Centratura Matematica e Layout Menu Principale Desktop */
@media only screen and (min-width: 992px) {
    .ts-header .header-middle>.container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .ts-header .header-middle .header-left {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .ts-header .header-middle .header-left>* {
        padding-right: 0 !important;
    }

    .ts-header .header-middle .header-right {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .ts-header .header-middle .header-center {
        flex: 1 1 auto !important;
        max-width: none !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .ts-header .header-middle .header-center .menu-wrapper,
    .ts-header .header-middle .header-center .ts-menu,
    .ts-header .header-middle .header-center nav.main-menu {
        flex: 0 1 auto !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .ts-header .header-middle .ts-menu nav.main-menu>ul.menu,
    .header-middle ul#menu-main-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 14px !important;
        width: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .ts-header .header-middle .ts-menu nav.main-menu>ul.menu::before,
    .ts-header .header-middle .ts-menu nav.main-menu>ul.menu::after,
    .header-middle ul#menu-main-menu::before,
    .header-middle ul#menu-main-menu::after {
        display: none !important;
        content: none !important;
    }

    /* Pillola Unificata Top-Level <li> (Testo + Freccia Dropdown coesi) */
    .header-middle .ts-menu nav.main-menu>ul.menu>li,
    .header-middle ul#menu-main-menu>li {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 10px !important;
        background-color: transparent;
        transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
        white-space: nowrap !important;
    }

    /* Preserva posizionamento Megamenu centrato su Negozio e relativo sui dropdown normali */
    .ts-header .header-middle nav.main-menu>ul.menu>li.ts-megamenu {
        position: static !important;
    }

    .ts-header .header-middle nav.main-menu>ul.menu>li:not(.ts-megamenu) {
        position: relative !important;
    }

    /* Voci con freccia dropdown: padding destro sulla pillola <li> così testo e freccia restano ravvicinati */
    .header-middle .ts-menu nav.main-menu>ul.menu>li.parent,
    .header-middle .ts-menu nav.main-menu>ul.menu>li.menu-item-has-children,
    .header-middle ul#menu-main-menu>li.parent,
    .header-middle ul#menu-main-menu>li.menu-item-has-children {
        padding-right: 13px !important;
    }
}

/* Voci Menu Principale (Link <a>) */
.header-middle .ts-menu nav.main-menu>ul>li>a,
.header-middle ul#menu-main-menu>li>a {
    color: #3d4b64 !important;
    /* Blu Ardesia Scuro MAC del logo */
    font-size: 15.5px !important;
    font-weight: 400 !important;
    /* Non attivo e non in hover: nessun bold, testo pulito, moderno e leggero */
    letter-spacing: -0.01em !important;
    line-height: 1.25 !important;
    padding: 9px 16px !important;
    border-radius: 10px !important;
    background: transparent !important;
    transition: color 0.22s ease, font-weight 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    cursor: pointer !important;
}

/* Per le voci con sottomenu (Negozio, Garanzia & FAQ, Blog), avvicina il testo alla freccia (5px) */
.header-middle .ts-menu nav.main-menu>ul>li.parent>a,
.header-middle .ts-menu nav.main-menu>ul>li.menu-item-has-children>a,
.header-middle ul#menu-main-menu>li.parent>a,
.header-middle ul#menu-main-menu>li.menu-item-has-children>a {
    padding: 9px 5px 9px 16px !important;
    border-radius: 10px 0 0 10px !important;
}

/* 3. Freccette Dropdown Accanto a Negozio, Garanzia & FAQ, Blog */
.header-middle .ts-menu nav.main-menu>ul>li>.ts-menu-drop-icon,
.header-middle .ts-menu-drop-icon {
    color: #53627b !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 14px !important;
    height: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform-origin: center center !important;
    transition: color 0.22s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
}

/* Rimozione sottolineatura nativa Nooni su ::after per evitare conflitti con la pillola */
.ts-header .header-middle .ts-menu nav.main-menu>ul.menu>li>a::after,
.ts-header .header-middle .ts-menu nav.main-menu>ul.menu>li:hover>a::after,
.ts-header .header-middle .ts-menu nav.main-menu>ul.menu>li>a>span.menu-label::after {
    content: none !important;
    display: none !important;
    border: none !important;
    transform: none !important;
}

/* Hover Unificato sulla Pillola <li> (Testo + Freccia insieme) */
.header-middle .ts-menu nav.main-menu>ul.menu>li:hover,
.header-middle ul#menu-main-menu>li:hover {
    background-color: rgba(0, 173, 230, 0.08) !important;
}

.header-middle .ts-menu nav.main-menu>ul.menu>li:hover>a,
.header-middle ul#menu-main-menu>li:hover>a,
.header-middle .ts-menu nav.main-menu>ul.menu>li>a:hover,
.header-middle ul#menu-main-menu>li>a:hover {
    color: #00ade6 !important;
    font-weight: 600 !important;
    /* Bold/Semi-bold in hover */
    background-color: transparent !important;
}

.header-middle .ts-menu nav.main-menu>ul.menu>li:hover>.ts-menu-drop-icon,
.header-middle .menu-item:hover>.ts-menu-drop-icon,
.header-middle .menu-item.parent:hover>.ts-menu-drop-icon,
.header-middle .menu-item.menu-item-has-children:hover>.ts-menu-drop-icon {
    color: #00ade6 !important;
    transform: rotate(180deg) !important;
}

/* Stato Attivo Unificato (Home / Negozio / Pagina Corrente): Pillola morbida con bordo ciano discreto + Testo e Freccia Azzurro Faaast */
.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-item,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-parent,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-ancestor,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current_page_item,
.header-middle .ts-menu nav.main-menu>ul.menu>li:has(.current-menu-item),
.header-middle ul#menu-main-menu>li.current-menu-item,
.header-middle ul#menu-main-menu>li.current-menu-parent,
.header-middle ul#menu-main-menu>li.current-menu-ancestor,
.header-middle ul#menu-main-menu>li.current_page_item,
.header-middle ul#menu-main-menu>li:has(.current-menu-item),
body.post-type-archive-product .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971,
body.tax-product_cat .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971,
body.single-product .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971 {
    background-color: rgba(0, 173, 230, 0.10) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 173, 230, 0.22) !important;
}

.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-item>a,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-parent>a,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-ancestor>a,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current_page_item>a,
.header-middle .ts-menu nav.main-menu>ul.menu>li:has(.current-menu-item)>a,
body.post-type-archive-product .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971>a,
body.tax-product_cat .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971>a,
body.single-product .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971>a {
    color: #00ade6 !important;
    /* Azzurro Faaast ufficiale */
    font-weight: 700 !important;
}

.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-item>.ts-menu-drop-icon,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-parent>.ts-menu-drop-icon,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current-menu-ancestor>.ts-menu-drop-icon,
.header-middle .ts-menu nav.main-menu>ul.menu>li.current_page_item>.ts-menu-drop-icon,
.header-middle .ts-menu nav.main-menu>ul.menu>li:has(.current-menu-item)>.ts-menu-drop-icon,
body.post-type-archive-product .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971>.ts-menu-drop-icon,
body.tax-product_cat .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971>.ts-menu-drop-icon,
body.single-product .header-middle .ts-menu nav.main-menu>ul.menu>li#menu-item-5971>.ts-menu-drop-icon {
    color: #00ade6 !important;
}

/* 4. Icone Azioni a Destra (Search, Account, Wishlist, Carrello) */
.header-middle .header-right a,
.header-middle .header-right .search-button,
.header-middle .header-right .search-button .icon,
.header-middle .header-right .login,
.header-middle .header-right .my-account,
.header-middle .header-right .account-control > a,
.header-middle .header-right .tini-wishlist,
.header-middle .header-right .cart-control,
.header-middle .header-right .ic-cart {
    color: #3d4b64 !important;
    transition: color 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
}

.header-middle .header-right .search-button:hover,
.header-middle .header-right .login:hover,
.header-middle .header-right .my-account:hover,
.header-middle .header-right .account-control > a:hover,
.header-middle .header-right .my-account-wrapper:hover .account-control > a,
.header-middle .header-right .my-account-wrapper.is-open .account-control > a,
.header-middle .header-right .tini-wishlist:hover,
.header-middle .header-right .cart-control:hover {
    color: #00ade6 !important;
    transform: translateY(-2px) scale(1.08) !important;
}

.header-middle .header-right .search-button:hover .icon,
.header-middle .header-right .cart-control:hover .ic-cart {
    color: #00ade6 !important;
}

/* 5. Badge Wishlist e Carrello: Apple-Style Discreto e Minimale */
.mf-badge-zero,
.count-number.mf-badge-zero,
.cart-number.mf-badge-zero,
.header-middle .count-number:empty,
.header-middle .cart-number:empty,
.header-middle .count-number.is-zero,
.header-middle .cart-number.is-zero {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0) !important;
    pointer-events: none !important;
}

.header-middle .count-number,
.header-middle .cart-number,
.header-middle .tini-wishlist .count-number,
.header-middle .cart-icon .cart-number {
    position: absolute !important;
    top: 1px !important;
    right: 1px !important;
    left: auto !important;
    background: linear-gradient(135deg, #00a3dc 0%, #0284c7 100%) !important;
    background-color: #0284c7 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: tabular-nums !important;
    height: 20px !important;
    min-width: 20px !important;
    width: auto !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.42), 0 1px 2px rgba(15, 23, 42, 0.12) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, box-shadow 0.2s ease !important;
    pointer-events: none !important;
}

/* Animazione Pop sul Badge al passaggio del mouse sull'icona */
.header-middle .my-wishlist-wrapper:hover .count-number:not(.mf-badge-zero),
.header-middle .shopping-cart-wrapper:hover .cart-number:not(.mf-badge-zero) {
    transform: scale(1.12) !important;
    background: #0369a1 !important;
    background-color: #0369a1 !important;
    box-shadow: 0 4px 10px rgba(3, 105, 161, 0.45) !important;
}


/* ==========================================================================
   🚫 IPAD & TABLET (>= 768px): ZERO MENU MOBILE / CASSETTO MAI VISIBILE
   Su iPad e schermi tablet, il menu desktop orizzontale è già presente e visibile.
   Nascondi rigorosamente il toggle hamburger e il cassetto #group-icon-header.
   ========================================================================== */
@media (min-width: 768px) {

    #group-icon-header,
    .ts-floating-sidebar#group-icon-header,
    .ts-header .header-right>.ts-mobile-icon-toggle,
    .ts-mobile-icon-toggle {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }
}

/* ==========================================================================
   24. MOBILE HEADER SPACING & MOBILE MENU DRAWER REFINEMENT (<= 767px)
   - Generous, balanced spacing for mobile header right icons
   - Clear touch targets (38x38px) with distinct hit areas and no squishing
   - Perfectly positioned badges (wishlist & cart) without overlapping adjacent icons
   - Robust drawer slide-in, backdrop blur overlay, and integrated close button
   ========================================================================== */

@media (max-width: 767px) {

    /* 0. Hide Top Notice Bar completely on Mobile */
    .ts-header .header-top,
    .header-top,
    .header-store-notice {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* 1. Header Middle Right Container */
    .ts-header .header-middle .header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        padding-right: 2px !important;
    }

    /* 2. Individual icon items touch targets */
    .ts-header .header-right>.search-button.search-icon,
    .ts-header .header-right>.my-wishlist-wrapper,
    .ts-header .header-right>.shopping-cart-wrapper,
    .ts-header .header-right>.ts-mobile-icon-toggle {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        background: transparent !important;
        transition: background 0.2s ease, transform 0.15s ease !important;
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }

    .ts-header .header-right>.search-button.search-icon:active,
    .ts-header .header-right>.my-wishlist-wrapper:active,
    .ts-header .header-right>.shopping-cart-wrapper:active,
    .ts-header .header-right>.ts-mobile-icon-toggle:active {
        background: #f1f5f9 !important;
        transform: scale(0.95) !important;
    }

    /* 3. Search Icon */
    .ts-header .header-right>.search-button.search-icon .icon {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
    }

    .ts-header .header-right>.search-button.search-icon .icon:before {
        font-size: 20px !important;
        color: #1e293b !important;
        line-height: 1 !important;
    }

    /* 4. Wishlist Icon & Badge */
    .ts-header .header-right>.my-wishlist-wrapper .tini-wishlist {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
    }

    .ts-header .header-right>.my-wishlist-wrapper .tini-wishlist:before {
        font-size: 20px !important;
        color: #1e293b !important;
        line-height: 1 !important;
    }

    .ts-header .header-right>.my-wishlist-wrapper .tini-wishlist .count-number {
        position: absolute !important;
        top: 1px !important;
        right: 1px !important;
        left: auto !important;
        min-width: 17px !important;
        height: 17px !important;
        padding: 0 4px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 15px !important;
        background: #00ade6 !important;
        color: #ffffff !important;
        border: 1.5px solid #ffffff !important;
        box-shadow: 0 2px 4px rgba(0, 173, 230, 0.3) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }

    /* 5. Cart Icon & Badge */
    .ts-header .header-right>.shopping-cart-wrapper .ts-tiny-cart-wrapper,
    .ts-header .header-right>.shopping-cart-wrapper .cart-icon,
    .ts-header .header-right>.shopping-cart-wrapper .cart-control {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
    }

    .ts-header .header-right>.shopping-cart-wrapper .cart-control .ic-cart:before {
        font-size: 20px !important;
        color: #1e293b !important;
        line-height: 1 !important;
    }

    .ts-header .header-right>.shopping-cart-wrapper .cart-control .cart-number {
        position: absolute !important;
        top: 1px !important;
        right: 1px !important;
        left: auto !important;
        min-width: 17px !important;
        height: 17px !important;
        padding: 0 4px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 15px !important;
        background: #00ade6 !important;
        color: #ffffff !important;
        border: 1.5px solid #ffffff !important;
        box-shadow: 0 2px 4px rgba(0, 173, 230, 0.3) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }

    .ts-header .header-right>.shopping-cart-wrapper .cart-total {
        display: none !important;
    }

    /* 6. Hamburger Menu Toggle Button */
    .ts-header .header-right>.ts-mobile-icon-toggle {
        order: 10 !important;
        cursor: pointer !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }

    .ts-header .header-right>.ts-mobile-icon-toggle .icon {
        width: 22px !important;
        height: 22px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        pointer-events: none !important;
    }

    .ts-header .header-right>.ts-mobile-icon-toggle .icon:before {
        font-size: 21px !important;
        color: #1e293b !important;
        line-height: 1 !important;
    }

    /* 7. Mobile Menu Drawer Visibility & Structure (Apple Grade) */
    #group-icon-header {
        display: block !important;
    }

    #group-icon-header .ts-sidebar-content {
        transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.32s !important;
        will-change: transform;
        z-index: 999999 !important;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25) !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: min(365px, 88vw) !important;
        max-width: 365px !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 0 20px 20px 0 !important;
    }

    #group-icon-header.active {
        visibility: visible !important;
        z-index: 999999 !important;
    }

    #group-icon-header.active .ts-sidebar-content {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
    }

    #group-icon-header.active div.overlay {
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 999998 !important;
        display: block !important;
        background: rgba(15, 23, 42, 0.55) !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        transition: opacity 0.25s ease, visibility 0.25s ease !important;
    }

    /* 8. Mobile Drawer Header (Sticky Top Bar) */
    .mf-mobmenu-header {
        flex: 0 0 auto !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: #ffffff !important;
        border-bottom: 1px solid #f1f5f9 !important;
        z-index: 20 !important;
        box-sizing: border-box !important;
    }

    .mf-mobmenu-logo {
        display: flex !important;
        align-items: center !important;
        text-decoration: none !important;
    }

    .mf-mobmenu-logo img.menu-mobile-logo {
        max-height: 28px !important;
        width: auto !important;
        display: block !important;
    }

    .mf-drawer-close {
        position: static !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 50% !important;
        background: #f1f5f9 !important;
        border: 1px solid #e2e8f0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        color: #475569 !important;
        z-index: 10 !important;
        transition: background 0.15s ease, transform 0.15s ease !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mf-drawer-close:active {
        background: #e2e8f0 !important;
        transform: scale(0.92) !important;
    }

    /* 9. Mobile Drawer Body (Scrollable Container) */
    .mf-mobmenu-body {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 11px 12px 18px !important;
        background: #f8fafc !important;
        box-sizing: border-box !important;
    }

    /* 10. Spotlight Quick Search Bar Trigger */
    .mf-mobmenu-search-trigger {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        padding: 8px 11px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-bottom: 11px !important;
        cursor: pointer !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
        transition: border-color 0.15s ease, background 0.15s ease !important;
        box-sizing: border-box !important;
    }

    .mf-mobmenu-search-trigger:active {
        border-color: #00ade6 !important;
        background: #f0f9ff !important;
    }

    .mf-mobmenu-search-trigger .mf-search-ic {
        color: #00ade6 !important;
        flex-shrink: 0 !important;
    }

    .mf-mobmenu-search-trigger .mf-search-text {
        font-size: 12.5px !important;
        color: #64748b !important;
        font-weight: 500 !important;
        flex: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mf-mobmenu-search-trigger .mf-search-badge {
        font-size: 10px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.4px !important;
        background: #f1f5f9 !important;
        color: #334155 !important;
        padding: 3px 7px !important;
        border-radius: 6px !important;
        flex-shrink: 0 !important;
    }

    /* 11. Structured Monochromatic Shop Hub (Interactive Accordion Cards) */
    .mf-mobmenu-shop-hub {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 11px 10px !important;
        margin-bottom: 11px !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
        box-sizing: border-box !important;
    }

    .mf-shophub-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
        padding: 0 2px !important;
    }

    .mf-shophub-eyebrow {
        display: block !important;
        font-size: 9.5px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        color: #00ade6 !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
    }

    .mf-shophub-title {
        font-size: 15px !important;
        font-weight: 800 !important;
        color: #53627b !important;
        margin: 0 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.3px !important;
    }

    .mf-shophub-all-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        background: #53627b !important;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 6px 10px !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        transition: background 0.15s ease !important;
    }

    .mf-shophub-all-btn:active {
        background: #424f65 !important;
        transform: scale(0.97) !important;
    }

    /* Shop Macro-Category Accordion Cards */
    .mf-shop-card {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 11px !important;
        margin-bottom: 7px !important;
        overflow: hidden !important;
        transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
        box-sizing: border-box !important;
    }

    .mf-shop-card:last-child {
        margin-bottom: 0 !important;
    }

    .mf-shop-card.is-open {
        background: #ffffff !important;
        border-color: #9cb1ce !important;
        box-shadow: 0 3px 10px rgba(83, 98, 123, 0.08) !important;
    }

    .mf-shop-card-head {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 8px 9px !important;
        cursor: pointer !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }

    .mf-shop-card-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #53627b !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    }

    .mf-shop-card.is-open .mf-shop-card-icon {
        background: #53627b !important;
        border-color: #53627b !important;
        color: #ffffff !important;
    }

    .mf-shop-card-meta {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .mf-shop-card-name {
        display: block !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #53627b !important;
        line-height: 1.2 !important;
        letter-spacing: -0.2px !important;
    }

    .mf-shop-card-sub {
        display: block !important;
        font-size: 10.5px !important;
        color: #64748b !important;
        line-height: 1.2 !important;
        margin-top: 1px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mf-shop-card-chevron {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #64748b !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    }

    .mf-shop-card.is-open .mf-shop-card-chevron {
        transform: rotate(180deg) !important;
        background: #f0f9ff !important;
        border-color: #bae6fd !important;
        color: #00ade6 !important;
    }

    /* Shop Card Body (Sub-categories Grid) */
    .mf-shop-card-body {
        padding: 8px 9px 9px !important;
        border-top: 1px solid #f1f5f9 !important;
        background: #f8fafc !important;
    }

    .mf-cat-pills-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    .mf-cat-pills-grid.three-col {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .mf-cat-pill {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        padding: 6px 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        text-decoration: none !important;
        min-height: 34px !important;
        box-sizing: border-box !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
        transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease !important;
    }

    .mf-cat-pill:active {
        background: #f0f9ff !important;
        border-color: #00ade6 !important;
        transform: scale(0.98) !important;
    }

    .mf-pill-ic {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
        flex-shrink: 0 !important;
        color: #00ade6 !important;
    }

    .mf-pill-ic svg {
        width: 16px !important;
        height: 16px !important;
        display: block !important;
        stroke: currentColor !important;
    }

    .mf-pill-name {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #53627b !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        letter-spacing: -0.25px !important;
    }

    .mf-shop-card-all {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        margin-top: 7px !important;
        padding: 6px 10px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 7px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #0284c7 !important;
        text-decoration: none !important;
    }

    .mf-shop-card-all:active {
        background: #f0f9ff !important;
        border-color: #bae6fd !important;
    }

    /* 12. Secondary Nav Section (iOS grouped list) */
    #group-icon-header ul,
    #group-icon-header ol,
    #group-icon-header li,
    .mf-sec-nav-list,
    .mf-sec-nav-list li,
    .mf-sublinks-list,
    .mf-sublinks-list li {
        list-style: none !important;
        list-style-type: none !important;
    }

    #group-icon-header ul li::marker,
    #group-icon-header ol li::marker,
    .mf-sec-nav-list li::marker,
    .mf-sublinks-list li::marker {
        display: none !important;
        content: '' !important;
        font-size: 0 !important;
    }

    .mf-sec-nav-list li::before,
    .mf-sec-nav-list li::after,
    .mf-sublinks-list li::before,
    .mf-sublinks-list li::after {
        display: none !important;
        content: none !important;
    }

    .mf-mobmenu-secondary {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 6px 12px !important;
        margin-bottom: 4px !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02) !important;
        box-sizing: border-box !important;
    }

    .mf-sec-title {
        font-size: 10px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.6px !important;
        color: #94a3b8 !important;
        padding: 4px 2px 4px !important;
    }

    .mf-sec-nav-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mf-sec-item {
        border-bottom: 1px solid #f1f5f9 !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mf-sec-item:last-child {
        border-bottom: none !important;
    }

    .mf-sec-link {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 9.5px 2px !important;
        color: #53627b !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        cursor: pointer !important;
    }

    .mf-sec-link:active {
        color: #00ade6 !important;
    }

    .mf-sec-label-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .mf-sec-ic {
        color: #64748b !important;
        flex-shrink: 0 !important;
    }

    .mf-sec-link-text {
        line-height: 1.2 !important;
    }

    .mf-chevron {
        color: #cbd5e1 !important;
        flex-shrink: 0 !important;
    }

    .mf-accordion-arrow {
        color: #94a3b8 !important;
        flex-shrink: 0 !important;
        transition: transform 0.2s ease !important;
    }

    .mf-accordion-item.is-open .mf-accordion-arrow {
        transform: rotate(180deg) !important;
        color: #00ade6 !important;
    }

    .mf-accordion-body {
        padding: 2px 0 8px !important;
    }

    .mf-sublinks-list {
        list-style: none !important;
        margin: 0 0 4px 7px !important;
        padding: 0 0 0 11px !important;
        border-left: 1.5px solid #cbd5e1 !important;
    }

    .mf-sublinks-list li {
        padding: 5.5px 4px !important;
        list-style: none !important;
        border-bottom: 1px solid #f8fafc !important;
    }

    .mf-sublinks-list li:last-child {
        border-bottom: none !important;
    }

    .mf-sublinks-list li a {
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #475569 !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        line-height: 1.3 !important;
    }

    .mf-sublinks-list li a svg {
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        color: #00ade6 !important;
        flex-shrink: 0 !important;
    }

    .mf-sublinks-list li a:active {
        color: #00ade6 !important;
    }

    /* 13. Sticky Bottom Action Dock (Account & WhatsApp) */
    .mf-mobmenu-footer-dock {
        flex: 0 0 auto !important;
        display: grid !important;
        grid-template-columns: 1fr 1.35fr !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        background: #ffffff !important;
        border-top: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
        z-index: 5 !important;
    }

    .mf-dock-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        height: 38px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        transition: transform 0.1s ease, background 0.15s ease !important;
    }

    .mf-dock-btn:active {
        transform: scale(0.97) !important;
    }

    .mf-dock-account {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        color: #53627b !important;
    }

    .mf-dock-whatsapp {
        background: #53627b !important;
        border: 1px solid #53627b !important;
        color: #ffffff !important;
    }

    .mf-dock-whatsapp:active {
        background: #424f65 !important;
    }

    .mf-dock-whatsapp svg {
        color: #22c55e !important;
        flex-shrink: 0 !important;
    }
}

/* Extra small devices fine-tuning (< 375px) */
@media (max-width: 374px) {
    .ts-header .header-middle .header-right {
        gap: 6px !important;
    }

    .ts-header .header-right>.search-button.search-icon,
    .ts-header .header-right>.my-wishlist-wrapper,
    .ts-header .header-right>.shopping-cart-wrapper,
    .ts-header .header-right>.ts-mobile-icon-toggle {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .mf-cat-pills-grid {
        grid-template-columns: 1fr !important;
    }

    .mf-cat-pills-grid.three-col {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}



/* ==========================================================================
   🔍 APPLE SPOTLIGHT COMMAND CENTER SEARCH (.mf-spotlight-*)
   Trasforma la ricerca da barra laterale a modale fluttuante Cupertino centrato
   con sfocatura di fondo, Quick Links Apple e foglio nativo iOS su Mobile.
   ========================================================================== */

/* 1. Backdrop Overlay ad altissima definizione Apple Glass */
#ts-search-sidebar.ts-floating-sidebar {
    z-index: 10000000 !important;
}

#ts-search-sidebar.ts-floating-sidebar .overlay,
#ts-search-sidebar .mf-spotlight-overlay,
#ts-search-sidebar div.overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.5) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.25s ease !important;
    z-index: 10000000 !important;
}

#ts-search-sidebar.active .overlay,
#ts-search-sidebar.active .mf-spotlight-overlay,
#ts-search-sidebar.active div.overlay {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Quando la ricerca Spotlight è attiva, sfoca e nascondi completamente lo sticky menu / header */
body:has(#ts-search-sidebar.active) .header-sticky,
body:has(#ts-search-sidebar.active) .sticky-wrapper,
body:has(#ts-search-sidebar.active) .ts-header,
body:has(#ts-search-sidebar.active) header#header,
body.floating-sidebar-active:has(#ts-search-sidebar.active) .header-sticky,
body.floating-sidebar-active:has(#ts-search-sidebar.active) .sticky-wrapper,
body.floating-sidebar-active:has(#ts-search-sidebar.active) .ts-header {
    filter: blur(16px) !important;
    opacity: 0.08 !important;
    pointer-events: none !important;
    transition: filter 0.25s ease, opacity 0.25s ease !important;
}

/* 2. Spotlight Window Card Fluttuante Centrata (Desktop) */
#ts-search-sidebar.ts-floating-sidebar .ts-sidebar-content,
#ts-search-sidebar .mf-spotlight-content,
#ts-search-sidebar .ts-sidebar-content {
    position: fixed !important;
    top: 80px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -15px) scale(0.98) !important;
    width: 740px !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 100px) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 20px !important;
    box-shadow: 0 35px 100px -15px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.22s ease !important;
    z-index: 10000001 !important;
    box-sizing: border-box !important;
}

#ts-search-sidebar.active .ts-sidebar-content,
#ts-search-sidebar.active.ts-floating-sidebar .ts-sidebar-content,
#ts-search-sidebar.active .mf-spotlight-content {
    transform: translate(-50%, 0) scale(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: 0 40px 110px -15px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.8) !important;
}

/* Header modale nascosto: Spotlight parte immediatamente dall'input bar stile macOS nativo */
#ts-search-sidebar .search--header,
.mf-spotlight-header {
    display: none !important;
}

/* Form Container e campi sempre visibili quando attivo */
#ts-search-sidebar .search--form,
.mf-spotlight-form-container,
#ts-search-sidebar .search-table,
.mf-spotlight-table,
#ts-search-sidebar .search-field,
.mf-spotlight-field,
.mf-spotlight-input {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Reset struttura interna tema */
#ts-search-sidebar .ts-search-by-category {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* 3. Header Modale Superiore Apple */
#ts-search-sidebar .search--header,
.mf-spotlight-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 22px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #eef2f6 !important;
    box-sizing: border-box !important;
}

.mf-spotlight-badge-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.mf-spotlight-badge-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #00ade6 !important;
    box-shadow: 0 0 0 2px rgba(0, 173, 230, 0.25) !important;
    display: inline-block !important;
}

.mf-spotlight-header-title {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    color: #64748b !important;
}

#ts-search-sidebar .search--header .close,
.mf-spotlight-close-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    border: none !important;
    line-height: 1 !important;
}

#ts-search-sidebar .search--header .close:hover,
.mf-spotlight-close-btn:hover {
    background: #00ade6 !important;
    color: #ffffff !important;
    transform: rotate(90deg) !important;
}

#ts-search-sidebar .search--header .close:after,
#ts-search-sidebar .search--header .close:before {
    display: none !important;
    content: none !important;
}

/* 4. Barra di Ricerca Spotlight Bar (Cupertino Minimalist Style) */
#ts-search-sidebar .search--form,
.mf-spotlight-form-container {
    padding: 16px 22px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

#ts-search-sidebar .search-table,
.mf-spotlight-table {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 4px 16px !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#ts-search-sidebar .search-table:focus-within,
.mf-spotlight-table:focus-within {
    background: #ffffff !important;
    border-color: #00ade6 !important;
    box-shadow: 0 0 0 3px rgba(0, 173, 230, 0.15), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

#ts-search-sidebar .search-field,
.mf-spotlight-field {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    position: relative !important;
    gap: 12px !important;
    background: transparent !important;
}

/* Rimuovi completamente qualsiasi pseudo-icona duplicata del tema */
#ts-search-sidebar .search-field::before,
#ts-search-sidebar .search-field::after,
#ts-search-sidebar .search-table::before,
#ts-search-sidebar .search-table::after,
#ts-search-sidebar .search-button::before,
#ts-search-sidebar .search-button::after {
    display: none !important;
    content: none !important;
}

.mf-spotlight-search-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #53627b !important;
    flex-shrink: 0 !important;
}

.mf-spotlight-input,
#ts-search-sidebar input[name="s"],
#ts-search-sidebar .search-field input[type="text"] {
    width: 100% !important;
    height: 42px !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    letter-spacing: -0.015em !important;
}

.mf-spotlight-input::placeholder,
#ts-search-sidebar input[name="s"]::placeholder,
#ts-search-sidebar .search-field input[type="text"]::placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

.mf-spotlight-clear-btn {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 50% !important;
    background: #cbd5e1 !important;
    color: #ffffff !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.mf-spotlight-clear-btn:hover {
    background: #64748b !important;
}

.mf-spotlight-esc-hint {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 2px 7px !important;
    line-height: 1.4 !important;
    flex-shrink: 0 !important;
    user-select: none !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.15s ease !important;
}

.mf-spotlight-esc-hint:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

.mf-spotlight-mobile-cancel {
    display: none !important;
}

/* 5. Contenuto Iniziale: Ricerche Frequenti & Collegamenti Rapidi */
.mf-spotlight-initial-state {
    padding: 22px 24px 26px !important;
    overflow-y: auto !important;
    max-height: calc(82vh - 120px) !important;
    box-sizing: border-box !important;
}

.mf-spotlight-section-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #64748b !important;
    margin-bottom: 12px !important;
}

.mf-spotlight-chips-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
}

.mf-spotlight-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 7px 14px !important;
    border-radius: 9999px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    user-select: none !important;
}

.mf-spotlight-chip:hover {
    background: #ffffff !important;
    border-color: #00ade6 !important;
    color: #00ade6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 173, 230, 0.14) !important;
}

.mf-spotlight-categories-section {
    margin-bottom: 24px !important;
}

.mf-spotlight-cat-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.mf-spotlight-cat-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: background 0.18s ease, transform 0.18s ease !important;
}

.mf-spotlight-cat-item:hover {
    background: #f1f5f9 !important;
    transform: translateX(3px) !important;
}

.mf-spotlight-cat-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #00ade6 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.mf-spotlight-cat-text {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.mf-spotlight-cat-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.mf-spotlight-cat-sub {
    font-size: 12px !important;
    color: #64748b !important;
}

.mf-spotlight-cat-arrow {
    font-size: 18px !important;
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

.mf-spotlight-footer-trust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 16px !important;
    border-top: 1px dashed #e2e8f0 !important;
    gap: 12px !important;
}

.mf-trust-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
}

/* 6. Risultati Ricerca Live (AJAX) - Zero Pallini Bullet e Massima Pulizia */
.ts-search-result-container,
.mf-spotlight-results {
    padding: 8px 16px 20px !important;
    overflow-y: auto !important;
    max-height: calc(82vh - 120px) !important;
    box-sizing: border-box !important;
}

ul.mf-spotlight-results-list,
.ts-search-result-container ul {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

li.mf-spotlight-item,
.ts-search-result-container ul li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

li.mf-spotlight-item::before,
li.mf-spotlight-item::after,
.ts-search-result-container ul li::before,
.ts-search-result-container ul li::after {
    display: none !important;
    content: none !important;
}

.mf-spotlight-item-link {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    background: transparent !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
}

.mf-spotlight-item-link:hover {
    background: #f8fafc !important;
    transform: translateX(4px) !important;
}

.mf-spotlight-item-thumb {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.mf-spotlight-item-thumb img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.mf-spotlight-item-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 4px !important;
    overflow: hidden !important;
}

.mf-spotlight-item-name {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
}

.mf-spotlight-item-name mark,
.mf-spotlight-item-name .highlight {
    background: transparent !important;
    color: #00ade6 !important;
    font-weight: 800 !important;
}

.mf-spotlight-item-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.mf-spot-chip {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
}

.mf-spotlight-item-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    text-align: right !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
}

.mf-spotlight-item-price {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.mf-spotlight-item-price del {
    font-size: 11px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.mf-spotlight-item-price ins {
    text-decoration: none !important;
}

.mf-spotlight-item-stock {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    color: #166534 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.mf-spot-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    display: inline-block !important;
}

.mf-spotlight-item-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #cbd5e1 !important;
    transition: color 0.15s ease !important;
    margin-left: 4px !important;
}

.mf-spotlight-item-link:hover .mf-spotlight-item-arrow {
    color: #00ade6 !important;
}

/* Mostra tutti i risultati wrapper */
.mf-spotlight-view-all-wrap {
    padding: 14px 8px 4px !important;
    border-top: 1px dashed #e2e8f0 !important;
    margin-top: 10px !important;
}

.mf-spotlight-view-all-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mf-spotlight-view-all-link:hover {
    background: #00ade6 !important;
    color: #ffffff !important;
    border-color: #00ade6 !important;
}

/* Empty State */
.mf-spotlight-empty-state {
    padding: 40px 20px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.mf-spot-empty-icon {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

.mf-spotlight-empty-state h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 8px 0 !important;
}

.mf-spotlight-empty-state p {
    font-size: 13.5px !important;
    color: #64748b !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    line-height: 1.5 !important;
}


/* ==========================================================================
   💻 APPLE SPOTLIGHT: OTTIMIZZAZIONE PER SCHERMI A BASSA ALTEZZA (LAPTOP / COMPACT)
   ========================================================================== */
@media (min-width: 768px) and (max-height: 850px) {

    #ts-search-sidebar.ts-floating-sidebar .ts-sidebar-content,
    #ts-search-sidebar .mf-spotlight-content,
    #ts-search-sidebar .ts-sidebar-content {
        top: 75px !important;
        max-height: calc(100vh - 90px) !important;
    }

    #ts-search-sidebar .search--header,
    .mf-spotlight-header {
        display: none !important;
    }

    #ts-search-sidebar .search--form,
    .mf-spotlight-form-container {
        padding: 8px 18px !important;
    }

    .mf-spotlight-input,
    #ts-search-sidebar input[name="s"],
    #ts-search-sidebar .search-field input[type="text"] {
        height: 38px !important;
        font-size: 16px !important;
    }

    /* Initial state compact */
    .mf-spotlight-initial-state {
        padding: 12px 18px 14px !important;
        max-height: calc(100vh - 150px) !important;
    }

    .mf-spotlight-section-label {
        font-size: 10.5px !important;
        margin-bottom: 6px !important;
    }

    .mf-spotlight-chips-grid {
        gap: 6px !important;
        margin-bottom: 12px !important;
    }

    .mf-spotlight-chip {
        padding: 5px 11px !important;
        font-size: 11.5px !important;
    }

    .mf-spotlight-categories-section {
        margin-bottom: 10px !important;
    }

    .mf-spotlight-cat-list {
        gap: 3px !important;
    }

    .mf-spotlight-cat-item {
        padding: 6px 12px !important;
        gap: 10px !important;
        border-radius: 10px !important;
    }

    .mf-spotlight-cat-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 8px !important;
    }

    .mf-spotlight-cat-icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    .mf-spotlight-cat-name {
        font-size: 13px !important;
    }

    /* Rimuovi sottotitoli lunghi per non occupare altezza */
    .mf-spotlight-cat-sub {
        display: none !important;
    }

    .mf-spotlight-footer-trust {
        padding-top: 10px !important;
        gap: 8px !important;
    }

    .mf-trust-pill {
        font-size: 10.5px !important;
    }

    /* AJAX Search Results Compact per schermi bassi */
    .ts-search-result-container,
    .mf-spotlight-results {
        padding: 6px 16px 12px !important;
        max-height: calc(100vh - 150px) !important;
    }

    ul.mf-spotlight-results-list,
    .ts-search-result-container ul {
        gap: 2px !important;
    }

    .mf-spotlight-item-link {
        padding: 6px 10px !important;
        gap: 12px !important;
        border-radius: 10px !important;
    }

    .mf-spotlight-item-thumb {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 8px !important;
        padding: 2px !important;
    }

    .mf-spotlight-item-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 420px !important;
    }

    /* Rimuovi badge categoria ridondante in compact mode */
    .mf-spotlight-item-chips .mf-chip-cat {
        display: none !important;
    }

    .mf-spot-chip {
        font-size: 9.5px !important;
        padding: 1px 5px !important;
    }

    .mf-spotlight-item-price {
        font-size: 13.5px !important;
    }

    /* Rimuovi vecchio prezzo barrato */
    .mf-spotlight-item-price del {
        display: none !important;
    }

    /* Nascondi testo Disponibile lasciando solo dot verde */
    .mf-spotlight-item-stock .mf-spot-stock-text {
        display: none !important;
    }

    .mf-spotlight-view-all-wrap {
        padding: 8px 4px 2px !important;
        margin-top: 4px !important;
    }

    .mf-spotlight-view-all-link {
        padding: 8px 14px !important;
        font-size: 12.5px !important;
    }
}

@media (min-width: 768px) and (max-height: 720px) {

    #ts-search-sidebar.ts-floating-sidebar .ts-sidebar-content,
    #ts-search-sidebar .mf-spotlight-content,
    #ts-search-sidebar .ts-sidebar-content {
        top: 68px !important;
        max-height: calc(100vh - 78px) !important;
    }

    .mf-spotlight-initial-state {
        max-height: calc(100vh - 130px) !important;
    }

    .ts-search-result-container,
    .mf-spotlight-results {
        max-height: calc(100vh - 130px) !important;
    }

    /* Rimuovi trust pills per far stare tutto in una sola schermata pulita */
    .mf-spotlight-footer-trust {
        display: none !important;
    }
}

/* ==========================================================================
   📱 APPLE SPOTLIGHT: OTTIMIZZAZIONE NATIVA MOBILE (iOS APP FEEL)
   ========================================================================== */
@media (max-width: 767px) {

    #ts-search-sidebar,
    #ts-search-sidebar.ts-floating-sidebar {
        z-index: 2147483645 !important;
    }

    #ts-search-sidebar div.overlay,
    #ts-search-sidebar .overlay,
    #ts-search-sidebar .mf-spotlight-overlay {
        z-index: 2147483646 !important;
    }

    #ts-search-sidebar.ts-floating-sidebar .ts-sidebar-content,
    #ts-search-sidebar .mf-spotlight-content,
    #ts-search-sidebar .ts-sidebar-content {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        border-radius: 0 !important;
        border: none !important;
        background: #ffffff !important;
        transform: translateY(100%) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        box-shadow: none !important;
        padding-top: max(8px, env(safe-area-inset-top)) !important;
        padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
        z-index: 2147483647 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    body #ts-search-sidebar.active .ts-sidebar-content,
    body #ts-search-sidebar.active .mf-spotlight-content,
    body #ts-search-sidebar.active.ts-floating-sidebar .ts-sidebar-content {
        transform: translateY(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
    }

    .mf-spotlight-header {
        display: none !important;
    }

    .mf-spotlight-esc-hint {
        display: none !important;
    }

    .mf-spotlight-form-container {
        padding: 8px 14px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }

    #ts-search-sidebar .search-table,
    .mf-spotlight-table {
        background: #f1f5f9 !important;
        border-radius: 12px !important;
        padding: 0 10px !important;
        border-color: #e2e8f0 !important;
    }

    .mf-spotlight-input,
    #ts-search-sidebar input[name="s"],
    #ts-search-sidebar .search-field input[type="text"] {
        font-size: 15px !important;
        height: 38px !important;
    }

    .mf-spotlight-mobile-cancel {
        display: inline-block !important;
        background: transparent !important;
        border: none !important;
        color: #00ade6 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        padding: 0 2px !important;
        flex-shrink: 0 !important;
    }

    /* Initial state mobile */
    .mf-spotlight-initial-state {
        padding: 12px 14px 16px !important;
        overflow-y: auto !important;
        flex: 1 !important;
    }

    .mf-spotlight-section-label {
        font-size: 10.5px !important;
        margin-bottom: 8px !important;
    }

    .mf-spotlight-chips-grid {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 4px !important;
        margin-bottom: 14px !important;
        gap: 6px !important;
    }

    .mf-spotlight-chips-grid::-webkit-scrollbar {
        display: none !important;
    }

    .mf-spotlight-chip {
        flex-shrink: 0 !important;
        font-size: 11.5px !important;
        padding: 5px 11px !important;
        border-radius: 9999px !important;
    }

    .mf-spotlight-categories-section {
        margin-bottom: 10px !important;
    }

    .mf-spotlight-cat-list {
        gap: 3px !important;
    }

    .mf-spotlight-cat-item {
        padding: 8px 10px !important;
        gap: 10px !important;
        border-radius: 10px !important;
        background: #f8fafc !important;
    }

    .mf-spotlight-cat-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 8px !important;
    }

    .mf-spotlight-cat-icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    .mf-spotlight-cat-name {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    /* Rimuovi sottotitolo descrittivo per compattezza estrema su mobile */
    .mf-spotlight-cat-sub {
        display: none !important;
    }

    .mf-spotlight-cat-arrow {
        font-size: 16px !important;
        color: #94a3b8 !important;
    }

    /* Rimuovi trust pill per tenere tutto visibile senza scroll */
    .mf-spotlight-footer-trust {
        display: none !important;
    }

    /* AJAX Search Results su Mobile: Ultra-Ottimizzato e Compatto */
    .ts-search-result-container,
    .mf-spotlight-results {
        padding: 4px 12px 16px !important;
        overflow-y: auto !important;
        flex: 1 !important;
        max-height: calc(100dvh - 110px) !important;
    }

    ul.mf-spotlight-results-list,
    .ts-search-result-container ul {
        gap: 2px !important;
    }

    .mf-spotlight-item-link {
        display: flex !important;
        align-items: center !important;
        padding: 6px 8px !important;
        gap: 10px !important;
        border-radius: 10px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        background: transparent !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .mf-spotlight-item-thumb {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 8px !important;
        padding: 2px !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    .mf-spotlight-item-thumb img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .mf-spotlight-item-content {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1px !important;
        overflow: hidden !important;
    }

    .mf-spotlight-item-name {
        font-size: 12.5px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        width: 100% !important;
    }

    /* Rimuovi chip categoria ridondante */
    .mf-spotlight-item-chips .mf-chip-cat {
        display: none !important;
    }

    .mf-spotlight-item-chips {
        margin-top: 1px !important;
        gap: 3px !important;
    }

    .mf-spot-chip {
        font-size: 9px !important;
        padding: 1px 5px !important;
        border-radius: 4px !important;
        background: #f1f5f9 !important;
        color: #475569 !important;
        line-height: 1.2 !important;
    }

    .mf-spotlight-item-right {
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        text-align: right !important;
        gap: 1px !important;
    }

    /* Rimuovi vecchio prezzo barrato */
    .mf-spotlight-item-price del {
        display: none !important;
    }

    .mf-spotlight-item-price {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #00ade6 !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }

    /* Rimuovi testo 'Disponibile' lasciando solo eventuale dot o pulizia totale */
    .mf-spotlight-item-stock .mf-spot-stock-text {
        display: none !important;
    }

    .mf-spot-dot {
        width: 5px !important;
        height: 5px !important;
    }

    .mf-spotlight-item-arrow {
        display: none !important;
    }

    .mf-spotlight-view-all-wrap {
        padding: 8px 4px 4px !important;
        margin-top: 6px !important;
    }

    .mf-spotlight-view-all-link {
        padding: 8px 12px !important;
        font-size: 12px !important;
        border-radius: 10px !important;
    }
}


/* ==========================================================================
   SECTION 26: APPLE-STYLE LOGIN DROPDOWN & AUTH INTERFACE (MacFaaast Pro)
   ========================================================================== */

/* Dropdown Container Position & Dimension */
.my-account-wrapper .dropdown-container.mf-login-dropdown-container,
.header-v3 .my-account-wrapper .dropdown-container,
body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container {
    width: 320px !important;
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 1000000 !important;
    right: -65px !important;
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
}

/* Remove default :before pseudo element block */
.my-account-wrapper .dropdown-container:before,
.header-v3 .my-account-wrapper .dropdown-container:before,
body:not(.logged-in) .header-right .my-account-wrapper .dropdown-container:before {
    display: none !important;
}

/* Inner card styling: Apple squircle with subtle border and layered shadows */
.my-account-wrapper .dropdown-container .form-content {
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 16px !important;
    padding: 13px 16px 12px 16px !important;
    box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    position: relative !important;
    overflow: visible !important;
}

/* Apple indicator triangle at top */
.my-account-wrapper .dropdown-container .form-content::before {
    content: "" !important;
    position: absolute !important;
    top: -5px !important;
    right: 28px !important;
    width: 10px !important;
    height: 10px !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-left: 1px solid rgba(226, 232, 240, 0.95) !important;
    transform: rotate(45deg) !important;
    z-index: 2 !important;
}

/* Header Area */
.mf-login-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 7px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.mf-login-badge-icon {
    width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
    background: rgba(0, 168, 232, 0.08) !important;
    color: #00a8e8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.mf-login-badge-icon svg {
    width: 14px !important;
    height: 14px !important;
}

.mf-login-titles {
    display: flex !important;
    flex-direction: column !important;
}

.mf-login-title {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.2 !important;
    letter-spacing: -0.1px !important;
}

.mf-login-subtitle {
    display: none !important;
}

/* Reset parent theme form overrides */
.ts-tiny-account-wrapper .dropdown-container .form-content>form,
#ts-login-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.my-account-wrapper .dropdown-container .form-content p,
#ts-login-form p {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Field Labels */
#ts-login-form .login-username label,
#ts-login-form .login-password label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 2px !important;
    letter-spacing: 0.1px !important;
    text-transform: none !important;
}

/* Input Fields */
.my-account-wrapper .dropdown-container input[type="text"],
.my-account-wrapper .dropdown-container input[type="password"],
#ts-login-form input[type="text"],
#ts-login-form input[type="password"] {
    width: 100% !important;
    height: 34px !important;
    padding: 0 10px !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    color: #0f172a !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    font-family: inherit !important;
}

#ts-login-form input[type="text"]:focus,
#ts-login-form input[type="password"]:focus {
    background: #ffffff !important;
    border-color: #00a8e8 !important;
    box-shadow: 0 0 0 3px rgba(0, 168, 232, 0.15) !important;
}

#ts-login-form input::placeholder {
    color: #94a3b8 !important;
    font-size: 12px !important;
}

/* Password Toggle Wrapper */
.mf-password-input-wrap {
    position: relative !important;
    width: 100% !important;
}

.mf-password-input-wrap input[type="password"],
.mf-password-input-wrap input[type="text"] {
    padding-right: 34px !important;
}

.mf-password-toggle {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    padding: 4px !important;
    cursor: pointer !important;
    color: #94a3b8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.15s ease !important;
    z-index: 2 !important;
}

.mf-password-toggle:hover {
    color: #00a8e8 !important;
}

.mf-password-toggle .mf-eye-closed {
    display: none !important;
}

.mf-password-toggle.active .mf-eye-open {
    display: none !important;
}

.mf-password-toggle.active .mf-eye-closed {
    display: block !important;
    color: #00a8e8 !important;
}

/* Options Row: Ricordami on Left + Recupera Password on Right */
.mf-login-options-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 1px 0 2px 0 !important;
    padding: 0 !important;
    order: 4 !important;
}

.mf-login-options-row .login-remember {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce #customer_login .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce .checkout-login-coupon-wrapper form.login .woocommerce-form-login__rememberme,
.my-account-wrapper .dropdown-container .form-content .login-remember>label,
.mf-login-options-row .login-remember label {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    cursor: pointer !important;
    text-transform: none !important;
    user-select: none !important;
}

.my-account-wrapper .dropdown-container input[type^="checkbox"],
.mf-login-options-row .login-remember input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    accent-color: #00a8e8 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.mf-lost-password-link {
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #00a8e8 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.15s ease !important;
}

.mf-lost-password-link:hover {
    color: #0077b6 !important;
    text-decoration: underline !important;
}

/* Submit Button ("Accedi") */
.my-account-wrapper .dropdown-container .form-content .login-submit,
#ts-login-form .login-submit {
    margin: 2px 0 0 0 !important;
    width: 100% !important;
    order: 6 !important;
}

.my-account-wrapper .login-submit input[type="submit"],
#ts-login-form .login-submit input[type="submit"] {
    width: 100% !important;
    height: 36px !important;
    background: linear-gradient(135deg, #00a8e8 0%, #0284c7 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px !important;
    cursor: pointer !important;
    box-shadow: 0 3px 10px -2px rgba(0, 168, 232, 0.4) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-transform: none !important;
    display: block !important;
}

.my-account-wrapper .login-submit input[type="submit"]:hover,
#ts-login-form .login-submit input[type="submit"]:hover {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px -3px rgba(0, 168, 232, 0.5) !important;
}

/* Divider */
.mf-login-divider {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    margin: 5px 0 4px 0 !important;
    color: #94a3b8 !important;
    font-size: 9.5px !important;
    font-weight: 500 !important;
    width: 100% !important;
    order: 7 !important;
}

.mf-login-divider::before,
.mf-login-divider::after {
    content: '' !important;
    flex: 1 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.mf-login-divider span {
    padding: 0 8px !important;
    text-transform: uppercase !important;
    font-size: 9.5px !important;
    letter-spacing: 0.5px !important;
}

/* Register Section ("Crea nuovo utente") */
.mf-register-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    order: 8 !important;
}

.mf-register-prompt {
    display: none !important;
}

.mf-register-btn {
    width: 100% !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.mf-register-btn:hover {
    background: #f1f5f9 !important;
    border-color: #00a8e8 !important;
    color: #00a8e8 !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

/* Hover & Focus-within state persistence */
.my-account-wrapper:hover .dropdown-container,
.my-account-wrapper .ts-tiny-account-wrapper:hover .dropdown-container,
.my-account-wrapper .ts-tiny-account-wrapper:focus-within .dropdown-container,
.my-account-wrapper.is-open .dropdown-container {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Turnstile inside dropdown */
.my-account-wrapper .cf-turnstile {
    margin: 6px auto !important;
    display: flex !important;
    justify-content: center !important;
    order: 3 !important;
}

/* Logged-in Dropdown (Apple Style) */
.mf-logged-in-box {
    padding: 2px 0 !important;
}

.mf-logged-user-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 10px !important;
}

.mf-logged-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #00a8e8 0%, #0077b6 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0, 168, 232, 0.3) !important;
    flex-shrink: 0 !important;
}

.mf-logged-info {
    display: flex !important;
    flex-direction: column !important;
}

.mf-logged-greeting {
    font-size: 11.5px !important;
    color: #64748b !important;
}

.mf-logged-name {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.mf-logged-menu-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.mf-logged-menu-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}

.mf-logged-menu-list li a:hover {
    background: #f1f5f9 !important;
    color: #00a8e8 !important;
}

.mf-logged-menu-list li.mf-separator {
    height: 1px !important;
    background: #f1f5f9 !important;
    margin: 4px 0 !important;
}

.mf-logged-menu-list li a.log-out {
    color: #ef4444 !important;
}

.mf-logged-menu-list li a.log-out:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* Elevate Header & Account Dropdown Stacking Context above Cookie Modals */
.header-sticky {
    z-index: 999990 !important;
}

.ts-header .my-account-wrapper:hover,
.ts-header .my-account-wrapper.is-open,
.ts-header .my-account-wrapper:focus-within {
    z-index: 1000000 !important;
}


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