/** Shopify CDN: Minification failed

Line 2128:0 Expected "}" to go with "{"

**/
/* =====================
   DESKTOP (≥990px)
===================== */
@media screen and (min-width: 990px) {

  /* HEADER */
  .header__line-top .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
  }
  .header__logo {
    flex: 0 0 auto;
    margin-right: 40px;
    display: flex !important;
    align-items: center !important;
    max-width: 160px;
  }
  .header__logo a { display: flex; align-items: center; }
  .header__logo svg { width: 100%; height: auto; }
  .header__nav {
    flex: 1 1 auto;
    justify-content: center;
    display: flex !important;
    align-items: center !important;
    padding-top: 6px;
  }
  .menu__panel { flex-wrap: nowrap !important; align-items: center !important; }
  .menu__list { display: flex; justify-content: space-between; align-items: center; }
  .menu__dropdown .menu__list--styled {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding-left: 20px;
    gap: 10px;
  }
  .menu__level-03 {
    background-color: #fff !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
    min-width: 220px;
    max-width: 250px;
  }
  .menu__level-03 .menu__item a {
    display: block !important;
    width: 100% !important;
    font-family: 'JetBrainsMono-Bold', monospace !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    color: #000 !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    padding: 0 !important;
  }
  .header__sidebar a {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-family: 'JetBrainsMono-Bold', monospace;
    letter-spacing: 0.05em;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
  }
  .header__logo--mobile { display: none !important; }
  .header__btn-search { display: flex !important; align-items: center !important; }
  .header__btn-search svg { display: none !important; }
  .header__btn-search::after {
    content: "SEARCH";
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #000;
    padding-left: 5px;
  }
  .header__btn-account i { display: none !important; }
  .header__btn-account::after {
    content: "ACCOUNT";
    font-family: 'JetBrainsMono-Bold', monospace !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #000;
    margin-top: -1px;
  }
  .header__btn-cart { display: flex !important; align-items: center !important; margin-top: -3px !important; }
  .header__btn-cart i { display: none !important; }
  .header__btn-cart [data-js-cart-count-desktop] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    visibility: visible !important;
    position: static !important;
  }
  .header__btn-cart [data-js-cart-count-mobile] { display: none !important; }
  [data-js-position-desktop="currencies"] { display: none !important;

  }

  /* ────────────────────────────────────────────────────────── */
  /* DROPDOWN MENUS – BOX QUADRATO (SOLO DESKTOP)              */
  /* Più piccolo (non 1080px fisso), voci reali senza duplicati */
  /* ────────────────────────────────────────────────────────── */

  /* Dimensione quadrato: più piccolo ma sempre responsive */
  :root{
  --du-dd-w: clamp(240px, 20vw, 400px);  /* larghezza */
  --du-dd-h: clamp(300px, 26vw, 520px);  /* altezza (più lunga) */
}

  /* Assicura riferimento per posizionamento */
  .header__nav .menu__panel > .menu__item.menu__item--has-children {
    position: relative !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* HOVER BRIDGE (SOLO FIX)                                   */
  /* Ponte invisibile per attraversare il gap di 10px           */
  /* ────────────────────────────────────────────────────────── */
  .header__nav .menu__panel > .menu__item.menu__item--has-children::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    height: 10px !important; /* deve combaciare con il +10px del dropdown */
    pointer-events: auto !important;
  }

  /* Base: nascosto su desktop */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown {
    display: none !important;
  }

  /* Mostra in hover */
  .header__nav .menu__panel > .menu__item.menu__item--has-children:hover > .menu__dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* KEEP DROPDOWN OPEN ON HOVER (DESKTOP)                      */
  /* ────────────────────────────────────────────────────────── */

  /* Mantieni aperto quando il mouse è sul dropdown */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown:hover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* (Extra) Mantieni aperto anche quando il mouse è sulla lista interna */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown:hover .menu__list,
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown:hover .menu__list--styled {
    pointer-events: auto !important;
  }

  /* Quadrato più piccolo e centrato sotto la voce */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: var(--du-dd-w) !important;
    height: var(--du-dd-h) !important;

    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    box-sizing: border-box !important;

    overflow: auto !important;
    z-index: 9999 !important;

    padding: 0 !important;
    margin: 0 !important;
  }

  /* Rimuove la voce duplicata (es. “APPAREL” dentro al dropdown) */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown .menu__back,
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown .menu__item.menu__back {
    display: none !important;
  }

  /* Lista interna: centrata, solo le voci reali */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown .menu__list--styled,
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown .menu__list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: 100% !important;

    padding: 22px !important;
    margin: 0 !important;
    gap: 10px !important;

    background: transparent !important;
  }

  /* Ogni voce full width */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown .menu__item {
    width: 100% !important;
    display: block !important;
  }

  /* Link centrati */
  .header__nav .menu__panel > .menu__item.menu__item--has-children > .menu__dropdown .menu__item a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    text-align: center !important;

    color: #000 !important;
    white-space: normal !important;

    padding: 4px 0 !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* EDITORIAL – FRECCIA SU DROPDOWN “EDITORIAL”               */
  /* ────────────────────────────────────────────────────────── */

  /* Rendi il link relativo e centra il span */
  .menu__panel .menu__dropdown .menu__item > a.d-flex {
    position: relative !important;
    justify-content: center !important;
    padding-right: 2rem !important;  /* spazio per la freccia */
  }

  .menu__panel .menu__dropdown .menu__item > a.d-flex span {
    margin: 0 auto !important;
  }

  /* Posiziona la freccia a destra, verticalmente centrata */
  .menu__panel .menu__dropdown .menu__item > a.d-flex i {
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }

  /* CAROUSEL FRECCE */
  .carousel__prev-placeholder,
  .carousel__next-placeholder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 100%;
    z-index: 10;
    pointer-events: all;
  }
  .carousel__prev,
  .carousel__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    pointer-events: none;
  }
  .carousel__prev-placeholder { left: 0; }
  .carousel__next-placeholder { right: 0; }
  .carousel__prev-placeholder:hover,
  .carousel__next-placeholder:hover { cursor: pointer; }

  /* PRODUCT PAGE WRAPPER */
  .product-page-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 50px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 50px 20px;
    align-items: flex-start;
  }

  /* PRODUCT INFO LEFT */
  .product-page-info-left {
    display: flex;
    flex-direction: column;
    font-family: 'customfont', monospace;
    align-items: center;
    transform: translateY(-25px);
    text-align: center;
    position: sticky !important;
    top: 100px !important;
    align-self: start !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
  }

  /* PRODUCT INFORMATION – STILI BASE */
  .product-page-info-left tabs-element.tabs .tabs__head .tabs__btn {
    font-size: 1rem;
    letter-spacing: 0.05em;
  }
  .product-page-info-left tabs-element.tabs .tabs__body ul,
  .product-page-info-left tabs-element.tabs .tabs__body li {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }

  /* PRODUCT INFORMATION – TITOLI E DESCRIZIONE “PIÙ GRANDI” */
  .product-page-info-left .tabs__head .tabs__btn {
    font-size: 2.5rem !important;
    letter-spacing: 0.1em !important;
  }
  .product-page-info-left .tabs__body {
    margin-top: 20px !important;
  }
  .product-page-info-left .tabs__body,
  .product-page-info-left .tabs__body ul,
  .product-page-info-left .tabs__body li {
    font-size: 1.125rem !important;
    line-height: 1.6 !important;
  }
  .product-page-info-left .tabs__body ul {
    list-style-position: inside;
    padding-left: 0;
  }

  /* GALLERY CENTER */
  .product-page-gallery-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  /* PRODUCT INFO RIGHT */
  .product-page-info-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    position: sticky;
    top: 100px !important;
    align-self: start;
  }

  /* PRODUCT INFO ELEMENTS */
  .product-page-info__title,
  .product-page-info__vendor,
  .product-page-info__price,
  scalapay-widget,
  .product-page-info__stock-countdown {
    width: 100%;
    max-width: 400px;
    font-family: 'customfont', monospace;
    display: block;
    text-align: center !important;
    margin: 0 auto 20px auto;
    padding: 0;
  }
  .product-page-info__vendor { margin-top: 0; margin-bottom: 15px; }
  .product-page-info__price { margin-bottom: 60px; }
  scalapay-widget { display: block !important; margin: 0 auto 50px auto !important; }
  .product-page-info__stock-countdown {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
  }
  .product-page-info__stock-countdown .stock-countdown__title {
    display: block;
    width: 100%;
    text-align: center !important;
    margin-bottom: 10px;
  }

  /* VARIANTI (SIZE & COLOR) – VALORI ORIZZONTALI */
  .product-options.product-options--type-page [data-section-container] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 30px !important;
  }
  .product-options.product-options--type-page [data-section-container] > label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .product-options.product-options--type-page .product-options__section {
    display: flex !important;
    font-family: 'customfont', monospace;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }
  .product-options.product-options--type-page .product-options__value {
    margin: 0 8px !important;
  }
  .product-options.product-options--type-page .product-options__value:last-child {
    margin-right: 0 !important;
  }

  #CollectionHeadingTop .collection-page-heading__wrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 10px; /* puoi ridurre se vuoi meno spazio sopra */
  }

  #CollectionHeadingTop h1 {
    text-align: center;
    margin-bottom: 15px; /* distanza dal testo descrittivo */
  }

  #CollectionHeadingTop .rte.fs {
    max-width: 800px;
    text-align: center;
  }

  /* FIX DESKTOP – titolo e descrizione brand/collection sempre centrati */
  #CollectionHeadingTop .collection-page-heading__wrapper,
  #CollectionHeadingTop .collection-page-heading__wrapper .fluid-container {
    text-align: center !important;
  }

  #CollectionHeadingTop .collection-page-heading__wrapper h1,
  #CollectionHeadingTop .collection-page-heading__wrapper .rte,
  #CollectionHeadingTop .collection-page-heading__wrapper .rte p {
    text-align: center !important;
  }

  #CollectionHeadingTop .collection-page-heading__wrapper .rte {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* CONTROLLO GENERALE DELLA COLLEZIONE E DEL MENU FILTRI     */
  /* ────────────────────────────────────────────────────────── */

  .collection-control__button-sidebar {
    font-family: 'customfont', monospace !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #000;
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: 0 !important;
  }

  .collection-product-count__text {
    font-family: 'customfont', monospace !important;
    font-size: 13px !important;
    transform: translateX(50%);
    color: #000 !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: inline-block;
  }

  .collection-control__information {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    margin-top: 0 !important;
  }

  .collection-product-count {
    width: auto;
  }

  .collection-control .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .collection-control__sort-by-wrapper {
    display: flex !important;
    font-family: 'customfont', monospace !important;
    font-size: 13px !important;
    align-items: center !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* CENTRATURA DEI TITOLI NELLE SEZIONI DI FILTRI (H5)       */
  /* ────────────────────────────────────────────────────────── */

  .popup-sidebar__content.collection-sidebar-type-1
    .collection-sidebar-section__head.open h5 {
    display: flex !important;
    justify-content: center !important;
  }

  .popup-sidebar__content.collection-sidebar-type-1
    .collection-sidebar-section__head.open h5 span {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* COLUMN-CENTER PER VOCI DI PRODUCT TYPE, BRAND E SIZE    */
  /* (Esclude il pannello PRICE, che usa classi diverse)     */
  /* ────────────────────────────────────────────────────────── */

  /* 1) Disporre in colonna l’intero wrapper delle checkbox/radio */
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-sidebar-section--content-filters
    .collection-filters__content-wrapper.row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 2) Impostare le singole etichette in colonna e centrate */
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-sidebar-section--content-filters
    .collection-filters__checkbox {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 3) Centrare il testo del label (secondo <span>) */
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-sidebar-section--content-filters
    .collection-filters__checkbox span:last-child {
    display: block !important;
    width: auto !important;
    text-align: center !important;
    margin-top: 0.25rem !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* RELATED PRODUCTS FULL WIDTH & FRECCE CLICCABILI (>992px)  */
  /* ────────────────────────────────────────────────────────── */

  /* 1) Full-width per il container */
  #shopify-section-template--16499374457060__related-products
    .product-recommendations > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2) Stacking context + padding per frecce */
  #shopify-section-template--16499374457060__related-products
    .carousel__slider_wrapper {
    position: relative !important;
    padding: 0 40px !important;
  }

  /* 3) Placeholder cliccabili */
  #shopify-section-template--16499374457060__related-products
    .carousel__prev-placeholder,
  #shopify-section-template--16499374457060__related-products
    .carousel__next-placeholder {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 50px !important;
    height: 100% !important;
    z-index: 10 !important;
    pointer-events: all !important;
    cursor: pointer !important;
  }

  /* 4) Icone sopra (non catturano click) */
  #shopify-section-template--16499374457060__related-products
    .carousel__prev,
  #shopify-section-template--16499374457060__related-products
    .carousel__next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    pointer-events: none !important;
  }

  /* 5) Offset percentuali per allineamento alle immagini */
  #shopify-section-template--16499374457060__related-products
    .carousel__prev-placeholder,
  #shopify-section-template--16499374457060__related-products
    .carousel__prev {
    left: 0% !important;
  }
  #shopify-section-template--16499374457060__related-products
    .carousel__next-placeholder,
  #shopify-section-template--16499374457060__related-products
    .carousel__next {
    right: 0% !important;
  }

  /* 6) Prodotti dietro alle frecce */
  #shopify-section-template--16499374457060__related-products
    .carousel__products {
    position: relative !important;
    z-index: 1 !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* FORZA LA DESCRIZIONE IN COLONNA, ALLINEATA AL CENTRO     */
  /* ────────────────────────────────────────────────────────── */
  #c-1585399199192 > .element-wrap:nth-child(3) .elm.text-edit {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    font-size: 1.125rem !important;   /* circa 18px, regola a piacere */
    line-height: 1.6 !important;
  }

  #c-1585399199192 > .element-wrap:nth-child(3) .elm.text-edit > div {
    width: 100% !important;
    margin-bottom: 0.75em !important;
  }

  #c-1585399199192 > .element-wrap:nth-child(3) .elm.text-edit p {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* EDITORIAL PAGE – CENTER TITLE & DESCRIPTION IN GREEN AREA */
  /* ────────────────────────────────────────────────────────── */
  #r-1698335360638 {
    padding: 2rem 1rem;       /* spazio intorno al contenuto */
    background-color: #fff;   /* sfondo (verde rimosso se già impostato) */
  }

  /* Tutti gli elementi text-edit (H1, sottotitolo, paragrafo) */
  #r-1698335360638 .elm.text-edit {
    max-width: 800px;
    margin: 0 auto 1.5rem;
    font-family: customfont, sans-serif !important;
    text-align: center !important;
  }

  /* Titolo H1 */
  #r-1698335360638 .elm.text-edit.gf_gs-text-heading-2 h1 {
    font-family: customfont, sans-serif !important;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }

  /* Sottotitolo (author/date) */
  #r-1698335360638 #e-1698335360641 .elm.text-edit {
    font-family: customfont, sans-serif !important;
    font-size: 0.875rem;
    color: #555;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }

  /* Paragrafo principale */
  #r-1698335360638 #e-1698335360685 .elm.text-edit {
    font-size: 1rem;
    line-height: 1.6 !important;
    color: #333;
  }

  /* Rimuoviamo eventuali margini extra su <div> e <p> interni */
  #r-1698335360638 .elm.text-edit > div,
  #r-1698335360638 .elm.text-edit p {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Uniforma padding sopra/sotto “Beyond monotony” */
  #r-1698335360638.gf_row {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  /* Titolo/desc stesso margine sopra/sotto */
  #r-1698335360638 .gf_gs-text-heading-2,
  #r-1698335360638 .elm.text-edit:nth-of-type(2),
  #r-1698335360638 .elm.text-edit:nth-of-type(3) {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  /*────────────────────────────────────────────────────────── */
  /* EDITORIALS – LISTA VERTICALE DI TUTTE LE IMMAGINI        */
  /* ────────────────────────────────────────────────────────── */
  /* Disabilita il comportamento slider e mostra tutti gli item */
  #r-1698335360712 .owl-stage-outer,
  #r-1698335360712 .owl-stage {
    display: block !important;
    transform: none !important;
    width: auto !important;
    overflow: visible !important;
  }

  /* Mostra ogni .owl-item in blocco, full-width e visibile */
  #r-1698335360712 .owl-item,
  #r-1698335360712 .owl-item[aria-hidden="true"] {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    visibility: visible !important;
  }

  /* Nascondi frecce e pallini */
  #r-1698335360712 .owl-nav,
  #r-1698335360712 .owl-dots {
    display: none !important;
  }

  /* Immagini full-width, proporzioni mantenute */
  #r-1698335360712 .item-content img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: cover !important;
    padding: 0 !important;
  }

  /* 1) Azzeriamo i margini laterali sulla row */
  #shopify-section-1603887229c1a08fb5 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 2) Azzeriamo i padding delle colonne */
  #shopify-section-1603887229c1a08fb5 .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Le immagini nei promobox occupano tutta la larghezza del loro container */
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-1 .promobox,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-2 .promobox,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-3 .promobox {
    padding: 0 !important;
  }
  #shopify-section-1603887229c1a08fb5
    .promobox .rimage,
  #shopify-section-1603887229c1a08fb5
    .promobox .rimage__img {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none
  }

  /* ────────────────────────────────────────────────────────── */
  /* HOME BUILDER – RIMOZIONE MARGINI E PADDING               */
  /* Applicato solo alla sezione home-builder specifica       */
  /* ────────────────────────────────────────────────────────── */

  /* 1) Azzeriamo i margini laterali sulla row */
  #shopify-section-1603887229c1a08fb5 .home-builder > .row {
    margin: 0 !important;
  }

  /* 2) Azzeriamo il padding di tutte le colonne all’interno della row */
  #shopify-section-1603887229c1a08fb5 .home-builder > .row > [class*="col-"] {
    padding: 0 !important;
  }

  /* 3) Rimuoviamo ogni padding interno sui promobox dei blocchi 1, 2 e 3 */
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-1 .promobox,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-2 .promobox,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-3 .promobox {
    padding: 0 !important;
  }

  /* 4) Forziamo le immagini a riempire completamente il loro wrapper */
  #shopify-section-1603887229c1a08fb5 .promobox .rimage,
  #shopify-section-1603887229c1a08fb5 .promobox .rimage__img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* GENERALE MARQUEE – padding verticale e centratura testo   */
  /* Applicato a tutti i marquee                               */
  /* ────────────────────────────────────────────────────────── */

  /* 1) Padding sopra/sotto dentro ogni marquee-container */
  .marquee-container {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  /* 2) Centriamo verticalmente ogni span di testo */
  .marquee-container span {
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1.4 !important;
  }

  /* ────────────────────────────────────────────────────────── */
  /* MARQUEE – padding verticale e centratura testo (tutti)   */
  /* ────────────────────────────────────────────────────────── */
  .marquee .marquee-container {
    /* Se py-10 dà 2.5rem ma vuoi meno spazio sopra/sotto */
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  /* Centra verticalmente ogni <span> di testo all’interno */
  .marquee .marquee-container span {
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1.4 !important; /* regola per allineamento perfetto */
  }

  /* Spazio sopra e sotto al testo introduttivo */
  #shopify-section-16038861904c4cceb6 .rte {
    padding-top: 2rem;    /* regola a piacere */
    padding-bottom: 2rem; /* regola a piacere */
  }

  /* =====================
     HEADER DESKTOP – NO WORD WRAP (≥990px)
     Nessuna voce va a capo
  ===================== */
  .header__nav .menu__panel,
  .header__nav .menu__list,
  .header__nav .menu__item,
  .header__nav .menu__item > a,
  .header__nav .menu__item > a span {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .header__nav .menu__panel {
    flex-wrap: nowrap !important;
  }
}


/* =====================
   MOBILE (≤989px)
===================== */
@media screen and (max-width: 989px) {

  html, body { overflow-x: hidden !important; }

  /* Wrapper full-width */
  .main-content,
  .page-width,
  .home-builder,
  #CollectionHeadingTop,
  .product-page-wrapper {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* =====================
     HEADER MOBILE - LAYOUT MODIFICATO
  ===================== */
  .header__line-top .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 2px !important;
    height: 60px !important;
    position: relative !important;
    margin-top: -3px !important;
    margin-bottom: 0 !important;
  }

  .header__content + * { margin-top: 0 !important; padding-top: 0 !important; }

  /* Logo */
  .header__logo--mobile { margin-left: -1.5px !important; }
  .header__logo--mobile img,
  .header__logo img {
    max-height: 19.5px !important;
    width: auto !important;
    padding-top: 0 !important;
    transform: translateY(8px) !important;
  }

  /* Contenitore MENU + CART */
  .header__sidebar {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1px !important;
    margin-left: auto !important;
    padding-right: 10px !important;
  }

  /* “CART” */
  .header__btn-cart {
    display: inline-flex !important;
    font-size: 12px !important;
    font-family: 'JetBrainsMono-Bold', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #000 !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 3px !important;
    margin-right: -5px !important;
    transform: translateX(-4px) !important;
  }
  .header__btn-cart i { display: none !important; }
  .header__btn-cart [data-js-cart-count-desktop] {
    display: inline-block !important;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
  }
  .header__btn-cart [data-js-cart-count-mobile] { display: none !important; }

  .header__logo--mobile,
  .header__btn-cart {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transform: none !important;
  }

  /* =====================
     SIDEBAR FILTERS
  ===================== */
  .collection-control__button-sidebar {
    font-family: 'customfont', monospace !important;
    transform: translateX(75%) !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #000;
  }
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-sidebar-section__head.open h5 {
    display: flex !important;
    justify-content: center !important;
  }
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-sidebar-section__head.open h5 span {
    width: 100% !important;
    text-align: center !important;
  }
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-filters__content-wrapper.row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-filters__checkbox {
    flex-direction: column !important;
    align-items: center !important;
  }
  .popup-sidebar__content.collection-sidebar-type-1
    .collection-filters__checkbox span:last-child {
    display: block !important;
    text-align: center !important;
    margin-top: 0.25rem !important;
  }

  /* =====================
     PRODUCT PAGE – ORDINE BLOCCHI
  ===================== */
  .product-page-wrapper,
  .product-page__container {
    display: flex !important;
    flex-direction: column !important;
  }
  .product-page-wrapper .product-gallery__main { order: 1 !important; }
  .product-page-info-right { order: 2 !important; }
  .product-page-info-left  { order: 3 !important; }

  /* Product information centrato */
  .tabs__content.rte.overflow-hidden[data-js-tabs-content] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1rem;
  }
  .tabs__content.rte.overflow-hidden[data-js-tabs-content] p,
  .tabs__content.rte.overflow-hidden[data-js-tabs-content] span {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  /* =====================
     EDITORIALS – CENTRATURA
  ===================== */
  #c-1585399199192 .element-wrap:nth-child(1) .elm.text-edit,
  #c-1585399199192 .element-wrap:nth-child(2) .elm.text-edit {
    font-family: 'customfont', monospace;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  #c-1585399199192 .element-wrap:nth-child(3) .elm.text-edit {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    font-size: 1.125rem !important;
    line-height: 1.6 !important;
  }
  #c-1585399199192 .element-wrap:nth-child(3) .elm.text-edit > div {
    width: 100% !important;
    margin-bottom: 0.75em !important;
  }
  #c-1585399199192 .element-wrap:nth-child(3) .elm.text-edit p {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* =====================
     EDITORIALS – CAROUSEL VERTICALE
  ===================== */
  #r-1698335360712 .owl-stage-outer,
  #r-1698335360712 .owl-stage {
    display: block !important;
    transform: none !important;
    width: auto !important;
    overflow: visible !important;
  }
  #r-1698335360712 .owl-item,
  #r-1698335360712 .owl-item[aria-hidden="true"] {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 20px !important;
    visibility: visible !important;
    float: none !important;
  }
  #r-1698335360712 .owl-nav,
  #r-1698335360712 .owl-dots { display: none !important; }
  #r-1698335360712 .item-content img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* Blocchi home 3 immagini a tutta larghezza */
  #shopify-section-1603887229c1a08fb5,
  #shopify-section-1603887229c1a08fb5 .home-builder {
    padding: 0 !important; margin: 0 auto !important;
  }
  #shopify-section-1603887229c1a08fb5 .row { display: block !important; text-align: center; }
  #shopify-section-1603887229c1a08fb5 .col-12 { padding-left: 0 !important; padding-right: 0 !important; }
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-1,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-2,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-3 {
    display: block !important; width: 100% !important; max-width: 100% !important;
    margin: 0 auto 0 !important; padding: 0 !important;
  }
  #shopify-section-1603887229c1a08fb5 .promobox .rimage__img {
    display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; border: none !important;
  }
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-1,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-2,
  #shopify-section-1603887229c1a08fb5
    .home-builder-block-id-1603887229c1a08fb5-3 { margin-bottom: 0 !important; }
  #shopify-section-1603887229c1a08fb5,
  #shopify-section-1603887229c1a08fb5 .home-builder,
  #shopify-section-1603887229c1a08fb5 .promobox { overflow: visible !important; }

  /* =========================================
     PRODUCT GALLERY — DOTS (no frecce)
  ========================================= */
  .product-gallery__main_arrows,
  .product-gallery__main .slick-arrow { display: none !important; }

  .product-gallery__dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 0 !important;
  }

  .product-gallery__dots li::marker { content: "" !important; }
  .product-gallery__dots li::before,
  .product-gallery__dots li::after { content: none !important; }

  .product-gallery__dots li {
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .product-gallery__dots li button {
    width: 8px !important;
    height: 8px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
  }

  .product-gallery__dots li:not(.slick-active) button::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #bbb !important;
    opacity: 1 !important;
    transition: background-color .2s ease, transform .2s ease;
  }

  .product-gallery__dots li.slick-active button::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #000 !important;
    transform: scale(1.2);
  }
}

@media screen and (min-width: 990px) {
  /* Contenitori principali */
  .footer__content,
  .footer__tape,
  .footer__menus,
  .footer__social-media,
  .footer__payments {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2rem;
    margin: 0 auto;
  }

  .footer .container {
    padding: 0 !important;
    max-width: 100% !important;
  }

  /* Social & Payments */
  .footer__social-media,
  .footer__payments {
    display: flex;
    justify-content: center;
    gap: 1rem;
  }

  /* OUR NEWSLETTER */
  .footer__subscription {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -40px;
  }
  .footer__subscription h5 {
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .footer__subscription p {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 15px;
  }
  .footer__subscription input[type="email"],
  .footer__subscription .btn,
  .footer__subscription input[type="submit"] {
    width: 100%;
    font-size: 1rem;
    margin-bottom: 10px;
  }

  /* HERE TO HELP */
  .footer__custom-html {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -40px;
    gap: 1rem;
  }

  .footer__custom-html .footer__section-head h5 {
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .footer__custom-html .footer__section-content--custom-content {
    max-width: 640px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
  }
  .footer__custom-html .footer__section-content--custom-content p,
  .footer__custom-html .footer__section-content--custom-content h6,
  .footer__custom-html .footer__section-content--custom-content a {
    font-size: 1rem;
    text-align: center;
    align-items: center !important;
    width: 100%;
  }
  .footer__custom-html .footer__section-content--custom-content h6 {
    font-weight: bold;
    margin-bottom: 5px;
  }
  .footer__custom-html .footer__section-content--custom-content i {
    font-size: 1rem;
    min-width: 18px;
  }
  .footer__custom-html .footer__section-content--custom-content svg {
    width: 18px;
    height: 18px;
  }

  /* Forza il centraggio delle righe sotto “Here to Help” */
  .footer__custom-html .footer__section-content--custom-content p.d-flex.align-items-start {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 2rem 0 !important; /* spazio verticale fra le righe */
  }

  /* Centra anche il container generale, se non già fatto */
  .footer__custom-html .footer__section-content--custom-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Azzeriamo il margin-right della mr-10 */
  .footer__custom-html
    .footer__section-content--custom-content
    p.d-flex.align-items-start
    i.mr-10 {
    margin-right: 0 !important;
  }

  /* Rimuoviamo anche eventuale padding/margin-left sul link */
  .footer__custom-html
    .footer__section-content--custom-content
    p.d-flex.align-items-start
    a {
    margin-left: 0 !important;
  }

  /* OUR IDENTITY + THE BORING STUFF */
  .footer__menus {
    display: flex;
    justify-content: center;
    margin-top: -40px;
    gap: 4rem;
  }
  .footer__menus .footer__section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 0;
  }

  /* Titoli con 2rem di margine sotto */
  .footer__menus .footer__section-head h5 {
    font-size: 1.15rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2rem !important;  /* modificato */
    white-space: nowrap;
  }

  /* Voci con 2rem di margine sotto */
  .footer__menus .footer__section-content a {
    font-size: 0.9rem;
    white-space: nowrap;
    margin-bottom: 2rem !important;  /* aggiunto */
  }

  .footer__menus ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
}

/* =====================
   BACHECA SQUARES – GRID MEDIA
   ===================== */

/* Wrapper sezione */
.bacheca-squares {
  margin: 0;
  padding: 0;
}

/* Griglia dei blocchi:
   - nessun gap -> nessuno spazio bianco tra i media
   - auto-fit -> riempie tutta la larghezza disponibile
*/
.bacheca-squares__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0;
}

/* Desktop: un po' più “fitto” */
@media screen and (min-width: 990px) {
  .bacheca-squares__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Tablet */
@media screen and (max-width: 989px) and (min-width: 768px) {
  .bacheca-squares__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Mobile */
@media screen and (max-width: 767px) {
  .bacheca-squares__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Ogni item ha solo il compito di mantenere il rapporto, niente padding */
.bacheca-squares__item {
  position: relative;
  width: 100%;
}

/* Aspect-ratio per i vari formati */
.bacheca-squares__item--1080-1080,
.bacheca-squares__item--2048-2048 {
  aspect-ratio: 1 / 1;           /* quadrato */
}

.bacheca-squares__item--1080-1350 {
  aspect-ratio: 1080 / 1350;     /* circa 4:5 */
}

.bacheca-squares__item--1080-1920 {
  aspect-ratio: 1080 / 1920;     /* 9:16 verticale */
}

.bacheca-squares__item--1080-5120 {
  aspect-ratio: 1080 / 5120;     /* super-verticale */
}

/* Contenitore interno */
.bacheca-squares__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Media centrato, sempre tutto visibile (no tagli) */
.bacheca-squares__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;      /* mostra tutto il file */
  object-position: center;  /* centrato */
  display: block;
}

/* Placeholder quando non c'è media */
.bacheca-squares__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 1px dashed #ccc;
}

/* ======================================================
   FOOTER COPYRIGHT – PULITO
   (Se usi la pagina Shopify con HTML+style interno, questo non deve rompere nulla)
   ====================================================== */

/* Base */
.footer__copyright .du-copyright {
  margin: 0;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 1.4;
}

/* Logo */
.footer__copyright .du-copyright__logo img {
  max-width: 92px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* =========================
   DESKTOP: una riga
   ========================= */
@media (min-width: 1025px) {
  .footer__copyright .du-copyright {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
  }

  .footer__copyright .du-copyright__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* =========================
   MOBILE: logo sotto "Curated"
   ========================= */
@media (max-width: 1024px) {
  .footer__copyright .du-copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    white-space: normal;
  }

  /* Nascondiamo il testo unico e lo ricreiamo in righe */
  .footer__copyright .du-copyright__text {
    display: none;
  }

  /* Riga 1 */
  .footer__copyright .du-copyright::before {
    content: "© 2016 - 2024 Degli Uberti - Elfran S.r.l.";
  }

  /* Riga 2 */
  .footer__copyright .du-copyright::after {
    content: "- All Rights Reserved -\A- IT VAT nr 11563141008 -\ACurated In All Aspects By CMQ Studio";
    white-space: pre-line;
  }

  /* Logo sotto l’ultima riga */
  .footer__copyright .du-copyright__logo {
    display: block;
  }

  .footer__copyright .du-copyright__logo img {
    display: block;
    margin: 6px auto 0;
  }
}

/* ======================================================
   ✅ PRODUCT PAGE – FIX “SCALINO” TRA MEDIA (SOLO DESKTOP)
   (target Shella: sheet items + inner wrappers)
====================================================== */
@media (min-width: 990px){

  /* 0) Azzera spazi tra i blocchi della gallery (tutti i wrapper tipici) */
  .product-page-main .product-gallery_sheet_item,
  .product-page-main .product-gallery_sheet_item > .position-relative,
  .product-page-main .product-gallery__sheet_item_inner,
  .product-page-main .du-media-frame{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 1) Elimina micro-gap da baseline/line-height */
  .product-page-main .product-gallery_sheet_item,
  .product-page-main .product-gallery__sheet_item_inner,
  .product-page-main .du-media-frame{
    line-height: 0 !important;
    font-size: 0 !important;
  }

  /* 2) Chiude il “taglio” tra item consecutivi */
  .product-page-main .product-gallery_sheet_item + .product-gallery_sheet_item{
    margin-top: -1px !important; /* se ancora si vede: -2px */
  }

  /* 3) Media sempre block (niente baseline gap) */
  .product-page-main .product-gallery_sheet_item img,
  .product-page-main .product-gallery_sheet_item video,
  .product-page-main .product-gallery_sheet_item iframe,
  .product-page-main .product-gallery_sheet_item .rimage,
  .product-page-main .product-gallery_sheet_item .rimage__img{
    display: block !important;
  }
}

/* =========================================================
   DEGLIUBERTI — HEADER FINAL v5
   LIVE FIX
   - APPAREL: dropdown compatto
   - EDITORIAL: dropdown dedicato 260px
   - parole mai spezzate a metà
   - MOBILE: vero trigger MENU, senza toccare la logica popup
   ========================================================= */


/* =========================================================
   DESKTOP REALE SHELLA — >= 1025px
   ========================================================= */
@media screen and (min-width: 1025px) {

  .header__nav .menu__panel > .menu__item.menu__item--has-children {
    position: relative !important;
    overflow: visible !important;
  }

  /* ---------------------------------------------------------
     DEFAULT: ogni dropdown resta largo quanto la voce madre.
     Questo mantiene APPAREL compatto come richiesto.
     --------------------------------------------------------- */
  .header__nav
    .menu__panel
    > .menu__item.menu__item--has-children
    > .menu__dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 90px) !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #fff !important;
    border: 1px solid rgba(0,0,0,.15) !important;
    z-index: 99999 !important;
  }

  /* ---------------------------------------------------------
     EDITORIAL — UNICA ECCEZIONE.
     Nel menu LIVE EDITORIAL è l'unica voce madre con href="#".
     Il dropdown viene portato a 260px e centrato sotto EDITORIAL.
     --------------------------------------------------------- */
  .header__nav
    .menu__panel
    > .menu__item.menu__item--has-children
    > a[href="#"]
    + .menu__dropdown {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;

    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  /* Apertura desktop: hover + classi native Shella */
  .header__nav
    .menu__panel
    > .menu__item.menu__item--has-children:hover
    > .menu__dropdown,
  .header__nav
    .menu__panel
    > .menu__item.menu__item--has-children
    > .menu__dropdown.show,
  .header__nav
    .menu__panel
    > .menu__item.menu__item--has-children
    > .menu__dropdown.visible,
  .header__nav
    .menu__panel
    > .menu__item.menu__item--has-children
    > .menu__dropdown:hover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Liste interne: nessuna vecchia larghezza 220/250px */
  .header__nav .menu__dropdown > .menu__list,
  .header__nav .menu__dropdown > .menu__list--styled,
  .header__nav .menu__dropdown .menu__level-02,
  .header__nav .menu__dropdown .menu__level-03,
  .header__nav .menu__dropdown .menu__level-04 {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 8px !important;
    gap: 6px !important;

    overflow: visible !important;
    background: #fff !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

  .header__nav .menu__dropdown .menu__item {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

  /* ---------------------------------------------------------
     SOTTOVOCI
     9.5px e ritorno a capo SOLO tra parole.
     Mai più THRESHO / LD, MONOTO / NY, ecc.
     --------------------------------------------------------- */
  .header__nav .menu__dropdown .menu__item > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 3px 2px !important;

    font-family: 'JetBrainsMono-Bold', monospace !important;
    font-size: 9.5px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;

    text-align: center !important;

    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;

    color: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header__nav .menu__dropdown .menu__item > a > span {
    display: block !important;

    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 auto !important;

    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;

    color: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header__nav .menu__dropdown .menu__back {
    display: none !important;
  }

  /* Ponte hover tra voce principale e box */
  .header__nav
    .menu__panel
    > .menu__item.menu__item--has-children::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;

    width: 100% !important;
    height: 10px !important;
    pointer-events: auto !important;
  }
}

/* =========================================================
   DEGLIUBERTI — MOBILE/TABLET NATIVE DRAWER RESTORE
   UNICA configurazione MENU mobile attiva:
   .header__btn-search resta nascosto e il trigger è soltanto
   .header__btn-menu[data-js-popup-button="navigation"].
   Ripristino ESATTO della configurazione in cui il drawer
   Shella nativo era stato confermato funzionante.
   Desktop v5 sopra questo blocco resta invariato.
   ========================================================= */
/* =========================================================
   MOBILE — <= 989px
   Ripristina ESATTAMENTE il vero trigger nativo Shella.
   Non vengono forzati display/struttura del popup navigation.
   ========================================================= */
@media screen and (max-width: 989px) {

  /* Search non può più intercettare il tap di MENU */
  .header__btn-search {
    display: none !important;
    pointer-events: none !important;
  }

  /* Vero pulsante nativo: data-js-popup-button="navigation" */
  .header__btn-menu {
    display: inline-flex !important;
    order: 2 !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 60px !important;

    margin-left: auto !important;
    margin-right: 10px !important;
    padding: 0 !important;

    font-family: 'customfont', monospace !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;

    color: #000 !important;
    background: transparent !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;

    position: relative !important;
    z-index: 50 !important;
    flex: 0 0 auto !important;
  }

  .header__btn-menu svg,
  .header__btn-menu i {
    display: none !important;
  }

  .header__btn-menu::after {
    content: "MENU" !important;
    display: block !important;
    pointer-events: none !important;
  }

  .header__logo--mobile {
    order: 1 !important;
  }

  .header__sidebar {
    order: 3 !important;
    margin-left: 0 !important;
  }
}


/* =========================================================
   TABLET SHELLA — 990px / 1024px
   Il vecchio custom.css entra in "desktop" da 990px,
   ma Shella resta mobile/tablet fino a 1024px.
   Correggiamo SOLO gli elementi ancora dentro l'header,
   senza nascondere il menu quando viene spostato nel popup.
   ========================================================= */
@media screen and (min-width: 990px) and (max-width: 1024px) {

  /*
   * Nasconde la sede desktop del nav SOLO finché è figlia
   * diretta dell'header. Se Shella sposta il menu nel popup,
   * questa regola non lo colpisce.
   */
  .header__line-top
    > .container
    > .header__nav {
    display: none !important;
  }

  .header__line-top
    > .container
    > .header__logo:not(.header__logo--mobile) {
    display: none !important;
  }

  .header__logo--mobile {
    display: flex !important;
    order: 1 !important;
  }

  .header__btn-search {
    display: none !important;
    pointer-events: none !important;
  }

  .header__btn-menu {
    display: inline-flex !important;
    order: 2 !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 60px !important;

    margin-left: auto !important;
    margin-right: 10px !important;
    padding: 0 !important;

    font-family: 'customfont', monospace !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;

    color: #000 !important;
    background: transparent !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;

    position: relative !important;
    z-index: 50 !important;
    flex: 0 0 auto !important;
  }

  .header__btn-menu svg,
  .header__btn-menu i {
    display: none !important;
  }

  .header__btn-menu::after {
    content: "MENU" !important;
    display: block !important;
    pointer-events: none !important;
  }

  .header__sidebar {
    order: 3 !important;
  }

  /*
   * Neutralizza SOLO nel popup le regole desktop >=990px
   * che altrimenti deformerebbero i livelli interni.
   */
  .js-popup-navigation .menu__list {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .js-popup-navigation .menu__level-03,
  .js-popup-navigation .menu__level-04 {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    gap: 0 !important;
    background: transparent !important;
  }

  .js-popup-navigation .menu__level-03:not(.show),
  .js-popup-navigation .menu__level-04:not(.show) {
    display: none !important;
  }

  .js-popup-navigation .menu__level-03.show,
  .js-popup-navigation .menu__level-04.show {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* =========================================================
   DEGLIUBERTI — MOBILE DRAWER CENTERING ONLY
   SOLO allineamento grafico del drawer nativo Shella.
   NON modifica apertura, chiusura, show/open, display o position.
   ========================================================= */
@media screen and (max-width: 1024px) {

  /* Tutti i livelli occupano la larghezza del drawer e centrano il testo */
  .js-popup-navigation [data-js-position-mobile="menu"],
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__panel,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__list,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__list--styled,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__item {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  /* Ogni voce resta su una riga/slot proprio, centrata nel drawer */
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__item > a {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    justify-content: center !important;
    text-align: center !important;

    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .js-popup-navigation [data-js-position-mobile="menu"] .menu__item > a > span {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/* =========================================================
   DEGLIUBERTI — MOBILE SUBMENU ALIGN + SCROLL FIX
   SOLO mobile/tablet <= 1024px
   - parent con sottovoci realmente centrati
   - freccia fuori dal flusso, a destra
   - livelli 02/03/04 centrati
   - scroll verticale nativo Shella riattivato sui menu lunghi
   ========================================================= */
@media screen and (max-width: 1024px) {

  /* Shella usa proprio .js-menu come contenitore di scroll:
     section.header.js esegue $menu.scrollTop() e checkScroll(). */
  .js-popup-navigation [data-js-position-mobile="menu"] .js-menu {
    max-height: calc(100vh - 150px) !important;
    max-height: calc(100dvh - 150px) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
  }

  /* Tutti i livelli interni rimangono centrati. */
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-02,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-03,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-04 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-02 .menu__item,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-03 .menu__item,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-04 .menu__item {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  /* Link dei livelli interni e delle voci con figli:
     spazio simmetrico sx/dx, così il testo resta al centro esatto. */
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__item--has-children > a,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-02 .menu__item > a,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-03 .menu__item > a,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-04 .menu__item > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    padding-left: 42px !important;
    padding-right: 42px !important;

    text-align: center !important;
  }

  /* Il titolo è indipendente dalla freccia. */
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__item--has-children > a > span:first-of-type,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-02 .menu__item > a > span:first-of-type,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-03 .menu__item > a > span:first-of-type,
  .js-popup-navigation [data-js-position-mobile="menu"] .menu__level-04 .menu__item > a > span:first-of-type {
    display: block !important;
    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
  }

  /* APPAREL / EDITORIAL e qualsiasi altra voce con figli:
     la freccia resta a destra ma NON sposta più il testo dal centro. */
  .js-popup-navigation [data-js-position-mobile="menu"]
    .menu__item--has-children > a > i:last-of-type {
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    left: auto !important;

    margin: 0 !important;
    transform: translateY(-50%) !important;
  }
  /* DEGLIUBERTI — MOBILE MENU TAP OUTLINE FIX */
@media screen and (max-width: 1024px) {
  .header__btn-menu,
  .header__btn-menu:focus,
  .header__btn-menu:focus-visible,
  .header__btn-menu:active {
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}