/** Shopify CDN: Minification failed

Line 138:17 Expected ":"

**/
/* H1 prodotto — gerarchia e RESPIRO: brand maiuscolo piccolo sopra,
   NOME grande, codice/colore grigio sotto, più aria prima del prezzo */
.wl-title .wl-title__brand{display:block;text-transform:uppercase;font-weight:700;font-size:26px;line-height:1.15;margin-bottom:6px}
.wl-title .wl-title__name{display:block;text-transform:uppercase;font-weight:700;font-size:24px;line-height:1.2;margin-bottom:8px}
.wl-title .wl-title__code{display:block;font-size:13px;color:#8a8a8a;letter-spacing:.03em;margin-bottom:16px}
/* Brand sopra il titolo: definito e coerente col design system */
.product-detail .vendor a{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#171717}
/* Taglia unica: selettore nascosto (resta nell'HTML, le varianti funzionano) */
.option-selector--hidden{display:none}


span.product-label.product-label--new-in {
    margin-top: -5px!important;
    font-size: 11px !important;
    margin-right: auto;
}

@media (max-width:768px){
shopify-chat {
    display: none !important;
}
}


/* Testo SEO collezione: STILE NATIVO DEL TEMA (centrato, misura reading-width),
   coerente con il resto del sito dove i titoli sono centrati.
   Solo il mobile riceve il trattamento compatto tap-to-expand (vedi blocco apposito).
   Nessun override di allineamento: niente più blocchi "strani". */

.ux-seo-content {
  color: #333333 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.ux-seo-content h2 {
  font-size: 21px !important;
  text-transform: none !important;
  margin-top: 35px !important; /* Più spazio sopra per far respirare il titolo */
  margin-bottom: 12px !important;
}

.ux-seo-content h3 {
  font-size: 21px !important;
  text-transform: none !important;
  margin-top: 35px !important; /* Più spazio sopra per far respirare il titolo */
  margin-bottom: 12px !important;
}
.ux-seo-content ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
}
.ux-seo-content li {
  line-height: 1.7 !important; /* Uniforma l'interlinea della lista ai paragrafi */
  margin-bottom: 10px !important; /* Separa i punti elenco tra loro */
}
@media(min-width: 768px) {
  .ux-seo-content { 
    max-width: 75% !important; /* Allargato leggermente dal 70% per armonizzarsi con la griglia */
    margin: 40px auto !important; /* Distanzia nettamente il blocco dai prodotti sopra */
  }
}



.product-block__title {
    text-transform: none;
    font-size: 13px;
}

.product-codice-pagina-prodotto {
    margin: 0 0 .5em;
}

.product-codice {
    font-size: 11px;
    opacity: 0.6;
}


h1.pagetitle.h3-style {
    padding-top: 20px !important;
    margin-bottom: 10px !important;
}

.utility-bar {
    padding-bottom: 10px !important;
}

span.product-label.product-label--new-in {
    margin-top: -22px;
    font-size: 11px !important;
    margin-right: auto;
}



.product-block .image-cont {
    position: relative;
    margin: 0 auto;
    overflow: visible
}

.product-label--new-in>span {
    background: initial !important;
    color: #000000!important;
}


.vc-animation-container-left {
    display: none !important;
}
@media (min-width:768px){
#shopify-chat:has(#ShopifyChat[is-open=false]) {
    display: block!important;
}
}


.cloud-search-filter__name {
    border-radius: 2px !important;
    background-color: #0000000d !important;
padding: .5rem !important;
    margin-bottom: 0 !important;
}


.cloud-search-filter.cloud-search-filter--squared:not(:last-child) {
    margin-right: 1px !important;
}

.cloud-search-filter.cloud-search-filter--squared {
    margin: 0 !important;
    border-radius

}

details.cc-accordion-item.is-open {
    color: black;
}

.lightly-spaced-row.not-in-quickbuy {
    color: black;
}

.store-locator-link {

    opacity: 0.6;
}

summary.cc-accordion-item__title {
    color: black;
}


.cc-accordion-item__content.rte.cf {
    color: black;
}

.lightly-spaced-row {
    margin-bottom: 15px;
    margin-top: 15px;
}

.buy-buttons-row {
    margin-top: 0px !important;
}

.product-form .quantity-submit-row .quantity-submit-row__submit {
    margin-top: 0px!important;
    margin-bottom: 20px;
}


.quantity-submit-row.input-row {
    margin-top: 0px !important;
}


.product-description {
    margin-top: 20px !important;
    margin-bottom: 50px;
}

a.size-chart-link.cc-modal.cc-initialized {
    font-size: smaller;
    text-transform: uppercase;
    text-decoration: none !important;
    color: currentcolor;
}

span.size-chart-link__text.underline {
    text-decoration: none;
}

.opt-label {
    color: #000!important;
}


.vendor.lightly-spaced-row {
    font-weight: bolder;
}


.product-info-block.product-inventory-notice.product-inventory-notice--pulse.product-inventory-notice--low.with-icon {
    color: revert-layer;
    text-transform: uppercase;
    font-size: smaller;
}

nav.breadcrumbs {
    text-transform: uppercase;
    font-size: smaller;
}

span.product-price__item.product-price__amount.theme-money {
    color: #000;
    font-weight: 600;
}
.product-block .product-info>.inner {
    margin-left: auto;
    margin-right: auto;
    color: black;
}


.buy-buttons-row {
    display: flex
;
    /* flex-direction: row; */
    align-items: baseline;
}

.product-purchase-form {
    width: 100%;
}

.vendor.lightly-spaced-row {
    font-size: 20px!important;
}


.product-description.rte.cf {
    color: black;
}

.matching-product-content.productcode {
    font-size: 12px;
}
span.current-price.theme-money {
    font-size: 18px !important;
    font-weight: bolder;
}

h1.title {
    font-size: 14px!important;
}

scalapay-widget.hydrated {
    font-size: 12px !important;
}

.option-selector[data-option-index="1"] {
    display: none !important;
}

span.wishlist-hero-list-card-header-added-on {
    display: none;
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButtonGroup-grouped.MuiButtonGroup-groupedHorizontal.MuiButtonGroup-groupedOutlined.MuiButtonGroup-groupedOutlinedHorizontal.MuiButtonGroup-groupedOutlined.wishlist-hero-list-card-footer-add-to-cart.MuiButton-containedPrimary.MuiButton-fullWidth {
    background-color: black !important;
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-text.wishlist-hero-list-card-footer-add-all-to-cart-dialog.wishlist-hero-dyna-translate {
    background-color: black;
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-text.wishlist-hero-list-card-footer-delete-all.wishlist-hero-dyna-translate {
    background-color: black;
}

div#wishlisthero-product-page-button-container > button {
    width: 100%;
}


span.MuiButton-label {
  
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-text.jss6.wishlist-hero-footer-share-btn.wishlist-hero-dyna-translate {
    color: black !important;
}

svg.svg-inline--fa.fa-heart.fa-w-16.fa-1x {
    color: black;
}

a.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.wishlist-hero-list-card-header-product-name.MuiTypography-colorTextPrimary {
    font-weight: bold;
    text-transform: uppercase;
}

.MuiCardMedia-root.jss21.wishlist-hero-list-card-product-image {
    background-size: contain;
}


@media (max-width: 767.98px) { 
                             
                           inbox-online-store-chat#ShopifyChat {
    display: none;
}
                             
                             
                             }



.swym-ui-component *, .swym-ui-component .swym-is-button, .swym-ui-component .swym-is-anchor, .swym-ui-component .swym-title, .swym-ui-component .swym-heading, .swym-ui-component .swym-label {
    font-family: 'Montserrat';
}

.product-unavailable {
    padding-bottom: 15px;
}

button.swym-wishlist-add-to-cart-btn.swym-button.swym-button-1.swym-bg-2.swym-color-4.swym-is-button {
    background: #4c4c4b;
    border: 1.5px solid #4c4c4b;
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: 1em;
    height: auto;
    margin: 0;
    text-decoration: none!important;
    cursor: pointer;
    padding: 1em 25px;
    vertical-align: middle;
    text-align: center;
    border-radius: 0;
    transition: background-color .1s,color .1s,border-color .1s,opacity .1s;
    display: inline-block;
    font-family: Montserrat,sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent;
}


.swym-wishlist-container-title-bar.swym-bg-1.swym-bg-2.swym-color-4 {
    font-size: 0.9rem;
    font-family: Montserrat!important;
    text-transform: uppercase;
    justify-content: center;
    font-weight: 500;
}

.buy-buttons-row {
    margin-bottom: -5px!important;
}

h2.swym-text-heading.swym-heading.swym-heading-1 {
    font-family: 'Montserrat'!important;
}


.swym-text-content.swym-text.swym-text-1 {
    font-family: 'Montserrat'!important;
}

.swym-action-button-container {
    font-family: 'Montserrat'!important;
}


button.swym-user-login-status.swym-icon.swym-is-button.swym-color-6 {
    position: absolute;
    right: 100px;
}


.swym-title.swym-title-1 {
    text-transform: uppercase!important;
    font-family: 'Montserrat'!important;
      font-weight: 500!important;
}

h2.swym-wishlist-main-title.swym-heading.swym-heading-1.swym-is-heading {
     font-size: 0.9rem;
    font-family: Montserrat!important;
    text-transform: uppercase;
    justify-content: center;
    font-weight: 500;
  padding-top: 5px;
    padding-bottom: 5px;

}
button.swym-user-login-status.swym-icon.swym-is-button.swym-has-user.swym-color-6 {
    position: absolute;
    right: 100px;
}
button.swym-wishlist-context-menu.swym-icon.swym-is-button.swym-nav.swym-nav-1 {
    display: none;
}


.swym-wishlist-main-title.swym-heading.swym-heading-1{
      font-size: 0.9rem;
    font-family: Montserrat!important;
    text-transform: uppercase;
    justify-content: center;
    font-weight: 500;
}



.swym-ui-component .swym-product-price .swym-product-final-price {
    display: inline-block;
    margin-right: 0.4em;
    font-weight: 500!important;
}


.swym-wishlist-detail-separator {
    display: none!important;
}

.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-title {
    font-weight: bold;
    font-size: 16px;
    color: #4f4f4f;
    margin: 12px 15px 6px;
    white-space: normal!important;
    overflow: hidden;
  text-align: center;
    text-overflow: ellipsis;
}

.swym-wishlist-main-title.swym-heading.swym-heading-1 {
    font-family: 'Montserrat'!important;
}

.swym-ui-component .swym-product-price .swym-product-final-price {
    display: inline-block;
    margin-right: 0.4em;
    font-family: 'Montserrat';
}
.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-title {
    font-weight: bold;
    font-size: 16px;
    color: #4f4f4f;
    margin: 12px 15px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Montserrat'!important;
    text-transform: uppercase!important;
}

.swym-variant-title.swym-text.swym-title-2 {
    text-align: center;
font-family: 'Montserrat'!important;
}


.swym-product-price.swym-text.swym-text-1 {
    align-self: center;
font-family: 'Montserrat'!important;
}


button.swym-add-to-cart-btn.swym-button.swym-button-1.swym-is-button.swym-bg-2.swym-color-4.swym-is-button {
    background: #4c4c4b;
    border: 1.5px solid #4c4c4b;
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: 1em;
    height: auto;
    margin: 0;
    text-decoration: none!important;
    cursor: pointer;
    padding: 1em 25px;
    vertical-align: middle;
    text-align: center;
    border-radius: 0;
    transition: background-color .1s,color .1s,border-color .1s,opacity .1s;
    display: inline-block;
    font-family: Montserrat,sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
  text-transform: uppercase!important;
}

























.gallery__image.rimage-outer-wrapper.rimage-background.fade-in.lazyloaded {
    background-size: contain;
}
p.storeswhere {
    width: auto;
    font-size: inherit;
    padding: 0px 0px 0px 4px;
    font-weight: initial;
    height: 20px;
    line-height: 100%;
    text-indent: 0px;
}

span.swym-wishlist-cta {
    color: black;
    font-weight: 500;
}

span.pagination__number {
    font-size: medium;
}

span.pagination__number {
    font-size: medium!important;
    padding: 4px;
}


a.prev {
    font-size: medium;
}

span.pagination__number {
    padding-right: 6px;
  padding-left: 6px;
}

a.next {
    font-size: medium;
}

span.pagination__number.active {
    border-bottom: solid;
    border-width: 0.2px;
    font-size: large!important;}


html { scroll-behavior: smooth; } 


#negozi {
  height: 100px;
  width: 100%;
     border-top: 1px solid rgba(103,104,105,.15);
    border-bottom: 1px solid rgba(103,104,105,.15);


  scroll-margin-block-start: 110px;
  /*Adds margin to the top of the viewport*/
  
  scroll-margin-block-end: 110pxx;
  /*Adds margin to the bottom of the viewport*/


}

.product-label--new-in>span {
    background: initial!important;
    color: #808284;
}


a.brand.Contrassegno {
    display: none;
}

div#designers-a-to-z {
    text-align: center;
}

.size-chart-link {
    display: block;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 28px;
}

button.usf-load-more {
    background-color: #333!important;
    color: white!important;
}

.sc_simple-info__row.sc_code-info {
    DISPLAY: NONE!important;
}


.sc_simple-info__row {
    display: none!important;
}

a.\38 .navigation__link {
    color: red;
}


.fdt_productStriscia-full-nologo_widget_product {

    float: left!important;
}

.fdt_merchant150x100-5_txt_reviews {
    color: wheat;
}

.fdt_merchant150x100-5_txt_opinions {
    font-size: 10px;
    font-weight: bold;
    overflow: hidden;
    margin-right: 4px;
    max-width: 90px;
    color: wheat;
}

.feedaty_widget {
    padding-top: 20px;
    background: #4c4c4b;
    text-align: -webkit-center;
    padding-bottom: 20px;
}

.fdt_merchant150x100-5_widget_merchant {
    all: initial;
    background: #000;
    border: none;
    color: #000;
    font: initial;
    height: auto;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-transform: none;
    visibility: visible;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    overflow: hidden;
    font-family: 'Arial', 'Helvetica', sans-serif!important;
    background-color: #4c4c4b!important;
    border: 1px solid #4c4c4b!important;
    border-radius: 16px;
    width: 150px!important;
    height: 100px!important;
    min-width: 150px;
    min-height: 100px;
    max-width: 150px;
    max-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}



#cartform .subtotal {
    margin-bottom: 10px!important;
    margin: 0 0 30px;
}

p.vip {
    margin-bottom: 5px;
    color: black!important;
  
}

p.vipdisclaimer {
    color: black;
}




.review {
    background-color: white;
}

.vendor.lightly-spaced-row:hover {
    text-decoration: underline;
}

h1.title {
    font-size: 18px;
}

.vendor.lightly-spaced-row {
    font-size: 28px;
}

.price-area.dd {
    color: black;
}

.container.breadcrumbs {
    padding-top: 1.4em;
}

splr.rimage-background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain!important;
}


@media (max-width: 767px) {
 a.Wishlist {
    display: block;
    margin: 20px;
}
}

@media (max-width:768px){
iframe#ShopifyChat {
    display:none!important;
}
}




.gallery__item.lazyload--placeholder {
    background-color: white!important;
}

.header-disclosures .disclosure__toggle-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
 
    pointer-events: none;
}


.iWishAdd, .iWishAddColl {
    padding: 5px 0;
    background: transparent;
    border: none;
    font-size: 14px!important;
    letter-spacing: .1rem;
    line-height: 1.2;
    cursor: pointer;
    z-index: 99;
    display: flex;
    vertical-align: middle;
    align-items: center;
    flex-direction: row;
}

.iWishAdd span, .iWishAddColl span {
    margin-left: 15px!important;
}

.wa-chat-btn-icon-image-only {
    width: 54px;
    height: 54px;
    vertical-align: middle;
    left: 30px!important;
    position: fixed;
    bottom: 30px;
}

.product-label-container {
    position: absolute;
    display: flex;
    flex-direction: row-reverse;
    top: 7.5px;
    bottom: 7.5px;
    left: 7.5px;
    right: 7.5px;
    pointer-events: none;
    justify-content: flex-start;
    align-items: flex-start;
}


.column.column--third.align-center.block-id-1478526632862 {
    padding-bottom: 40px;
   
}

.column.column--third.align-center.block-id-1478526645605 {
    padding-bottom: 40px;

}

.column.column--third.align-center.block-id-1478526647261 {
    padding-bottom: 40px;
 
}



@media (min-width: 768px) {
.navigation {
    
    border-top: 1px solid black;
}










}

.strongly-spaced-row, .fully-spaced-row--medium {
    margin-top: 0px!important;
    margin-bottom: 80px;
}



span.product-price.discounted {
    display: none;
}


.pricearea .on-sale .current-price {
    color: #df5641;
}

.pricearea .was-price {
    margin-left: 8px;
    text-decoration: line-through;
}


/* ============================================================
   SFONDO GRIGETTO SULLE FOTO PRODOTTO (trucco mix-blend-mode)
   Il bianco delle foto JPG diventa il grigio scelto qui sotto.
   Per cambiare tono: modifica SOLO --photo-bg.
   Per disattivare tutto: cancella questo blocco.

   FUNZIONAMENTO: la griglia ha due foto sovrapposte:
   - native-layer-top    = copertina (visibile di default)
   - native-layer-bottom = foto colore alternativo (appare in hover)
   Con il multiply su entrambe, la copertina si fondeva con la foto
   sottostante (effetto doppia esposizione). Fix: il layer alternativo
   resta nascosto a riposo, così la copertina fonde SOLO col grigio;
   in hover il colore alternativo fa crossfade e fonde col grigio pure.
   ============================================================ */
.product-block .native-hover-container {
  --photo-bg: #f5f5f5;              /* grigetto schiarito: #f7f7f7 (lieve) / #ececec (deciso) */
  background: var(--photo-bg);
  isolation: isolate;               /* il blend non tocca nulla fuori dal contenitore */
}

/* Copertina: fonde col grigio del contenitore (il layer sotto è nascosto) */
.product-block .native-layer-top {
  mix-blend-mode: multiply;
}

/* Colore alternativo: nascosto a riposo, crossfade in hover, fonde col grigio */
.product-block .native-layer-bottom {
  opacity: 0;
  mix-blend-mode: multiply;
  transition: opacity 0.4s ease-in-out;
}
.product-block .native-hover-container:hover .native-layer-bottom,
.product-block .native-hover-container:active .native-layer-bottom {
  opacity: 1;
}

/* ============================================================
   HEADER COMPATTO — due righe strette, menu maiuscolo netto
   Attivabile/disattivabile da: Personalizza > Intestazione > Header style
   (Compact = attivo di default, Classic = come prima)
   ============================================================ */

/* Riga logo: più compatta */
.pageheader--compact .logo {
  padding: 12px 0;
}
.pageheader--compact .logo img {
  max-height: 46px;                 /* regolare se il logo appare troppo piccolo */
  width: auto;
}
.pageheader--compact .logo .logotext {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .06em;
}

/* Testi della riga logo (Cerca, Account, Carrello): piccoli e definiti */
.pageheader--compact .show-search-link__text {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* Barra menu sotto il logo: voci maiuscole, semibold, tracking netto */
.main-nav--compact .navigation--main .navigation__tier-1 > .navigation__item > .navigation__link,
.main-nav--compact .navigation--main .navigation__tier-1 > .navigation__item > .navigation__children-toggle {
  font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 12px 13px;
}

/* Allineamento a sinistra e linea di separazione sotto la barra menu */
.main-nav--compact .navigation--main .navigation__tier-1 {
  justify-content: flex-start;
  padding-left: 8px;
}
.main-nav--compact .navigation--main {
  border-bottom: 1px solid #e6e6e6;
}

/* ============================================================
   COMME TOI — DESIGN SYSTEM LAYER (fashion UX)
   Rifiniture di identità visiva su tutto il sito, coerenti
   desktop e mobile. Per disattivare: cancellare tutto il blocco.
   Palette istituzionale: nero #171717, rosso #df5641 (saldi/accenti),
   grigio #f5f5f5 (canvas, coerente con lo sfondo foto prodotto).
   ============================================================ */

/* --- 1. Utility di brand --- */
:root {
  --ct-ink: #171717;
  --ct-red: #df5641;
  --ct-canvas: #f5f5f5;
}
::selection { background: var(--ct-ink); color: #ffffff; }
:focus-visible { outline: 2px solid var(--ct-ink); outline-offset: 3px; }

/* --- 2. Bottoni: maiuscoli, netti, transizione morbida ---
       (solo tipografia/transizione: nessuna modifica a padding/dimensioni,
        così i bottoni-icone del carrello e quantità non si spostano) */
.button,
a.button,
.btn,
a.btn,
input[type=submit] {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .1em;
  transition-duration: .25s;
}

/* --- 3. Titoli di sezione: maiuscolo arioso, il "filo conduttore" del brand --- */
.hometitle,
.overlay-text__title,
.section-footer__title {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
}

/* --- 4. Card prodotto: gerarchia tipografica (brand > tipologia > prezzo) --- */
.product-block .product-info .brand {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .06em;
}
.product-block .product-codice {
  display: block;
  font-size: 10px;
  letter-spacing: .1em;
  color: #000000ff;
  text-transform: uppercase;
}
.product-block .product-block__title {
  font-size: 12.5px;
  color: #666666;
}
.product-block .product-price {
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}

/* --- 5. Pagina prodotto: prezzo ben leggibile e definito --- */
.product-detail .price {
  letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
}

/* --- 6. Mobile: stesso DNA del desktop, ottimizzato per il dito --- */
@media (max-width: 767px) {
  /* titoli sezione: compatti ma definiti */
  .hometitle { font-size: 20px; letter-spacing: .06em; }

  /* menu drawer mobile: voci maiuscole coerenti con la barra desktop */
  #main-nav .navigation--main .navigation__tier-1 > .navigation__item > .navigation__link {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
    font-size: 13px;
  }

  /* prezzo prodotto: più grande e leggibile su cellulare */
  .product-detail .price { font-size: 19px; }
}

/* ============================================================
   HEADER MOBILE — logo compatto
   NOTA: la larghezza è stata scelta a mano (140px). Per regolarla
   cambia il valore qui sotto.
   ============================================================ */
@media (max-width: 767.98px) {
  .pageheader .logo {
    padding: 10px 0;
  }
  .pageheader .logo img {
    width: 140px !important;
    max-width: 60vw;
  }
  .pageheader .logo .logotext {
    font-size: 20px;
    letter-spacing: .05em;
  }
  .pageheader .logo-area {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

/* ============================================================
   TESTI — misura coerente con la griglia della pagina
   I paragrafi editoriali ora hanno tutti la stessa larghezza di
   lettura: prima i rich-text partivano a tutta larghezza del
   container (1480px), disallineati rispetto alla griglia contenuti.
   ============================================================ */

/* Rich-text: paragrafi a misura di lettura (il titolo resta come impostato) */
.section-rich-text .rte {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.section-rich-text .rte.large-text {
  max-width: 880px;
}

/* Colonne testo accanto alle immagini (custom-row): il paragrafo
   non sfora la sua colonna e resta leggibile */
.custom-row .column .rte {
  max-width: 620px;
}

/* ============================================================
   COLLEZIONE MOBILE — testo SEO compatto con espansione al tap
   Il testo appare a max 5 righe con sfumatura; toccandolo si
   espande tutto, toccandolo di nuovo si richiude. Nessun pulsante.
   Il testo completo resta sempre nell'HTML (SEO intatto).
   ============================================================ */
@media (max-width: 767.98px) {
  .collection-intro {
    position: relative;
    overflow: hidden;
    max-height: 132px;                /* ~5 righe del testo SEO */
    cursor: pointer;                  /* segnala che si può toccare */
    -webkit-tap-highlight-color: transparent;
  }
  .collection-intro::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3em;
    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%);
    pointer-events: none;
  }
  .collection-intro--expanded {
    max-height: none !important;
    overflow: visible !important;
    cursor: default;
  }
  .collection-intro--expanded::after {
    display: none;
  }
}

/* ============================================================
   CARD PRODOTTO — layout classico, ritmo COMPATTO (stile catalogo):
   brand, codice, nome, taglie, prezzo — righe quasi attaccate.
   ============================================================ */
.product-block .product-info {
  text-align: left !important;
}
.product-block .product-info .brand {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .06em;
  margin-bottom: 1px;               /* brand → codice: attaccati */
}
.product-block .product-codice {
  display: block !important;
  font-size: 10px;
  font-weight: 600;
  color: #353535ff;
  letter-spacing: .04em;
  margin-bottom: 2px;               /* codice → nome */
}
.product-block .product-block__title {
  font-size: 12.5px;
  color: #666666;
  margin-bottom: 2px;
  line-height: 1.25;
}
.product-block .product-block-options {
  margin: 3px 0 0 !important;      /* nome → taglie: compatto */
  font-size: 11px;
  line-height: 1.3em;
  opacity: .65;
}
.product-block .product-block-options__inner {
  justify-content: flex-start !important;
}
.product-block .product-block-options__item {
  padding: 0 3px 0 0 !important;   /* taglie un filo più compatte */
}
.product-block .product-price {
  display: block;
  margin: 3px 0 0 !important;       /* taglie → prezzo: compatto */
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

/* ============================================================
   TAGLIA UNICA — etichetta esplicita al posto del selettore
   nascosto: la persona capisce che è unica, non un errore.
   Discreta: piccola, grigia, maiuscola, minimale.
   ============================================================ */
.variant-unica-note {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin: 4px 0 6px;
}
.product-block-unica {
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9a9a9a;
  margin: 4px 0;
}

/* ============================================================
   ANGOLO ALTO A DESTRA DELLA FOTO — sconti e promozioni
   A sinistra restano solo i badge identità (NEW). A destra:
   -30% e/o stellina/rombo, come chip con lo STESSO GRIGIO della
   foto (si fondono col canvas): % in ROSSO, icona in NERO.
   ============================================================ */
.native-hover-container .native-labels-wrap--right {
  left: auto;
  right: 0;
  width: auto;
  text-align: right;
}
.native-hover-container .native-labels-wrap--right .product-label {
  margin: 2.5px 0;
}
.native-hover-container .native-labels-wrap--right .product-label--sale > span,
.native-hover-container .native-labels-wrap--right .product-label--promo > span {
  background: var(--photo-bg, #f5f5f5);   /* identico allo sfondo della foto */
}
.native-hover-container .native-labels-wrap--right .product-label--sale > span {
  color: #df5641;              /* % sempre rossa */
  font-weight: 600;
}
.native-hover-container .native-labels-wrap--right .product-label--promo > span {
  color: #171717;              /* stellina/rombo nere */
  font-size: 10px;
  line-height: 1;
  min-width: 1.4em;
  text-align: center;
}

/* ============================================================
   COMMETOI2 — "Scelta taglia confermata"
   Quando si tenta l'acquisto senza scegliere la taglia, il
   selettore lampeggia in rosso per indicare cosa manca.
   ============================================================ */
.ct-choice-flash {
  outline: 2px solid #df5641;
  outline-offset: 4px;
}

/* ============================================================
   RIGA META TAGLIA — tipo taglia + guida sulla stessa riga,
   sopra il selettore. Tre righe sparse diventano una.
   ============================================================ */
.size-meta-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin: 2px 0 6px;
}
.size-meta-row__system {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #8a8a8a;
  line-height: 1.2;
}
.size-meta-row__chart .size-chart-link {
  font-size: 11px;
}
.size-meta-row__chart .size-chart-link__icon svg {
  width: 13px;
  height: 13px;
}
/* Meta row: la guida non va mai a capo da sola */
.size-meta-row__chart {
  white-space: nowrap;
  flex-shrink: 0;
  text-align: right;
}

/* ============================================================
   AVVISO "TAGLIA NON SCELTA" — con la label del tema nascosta,
   l'errore di validazione si vede nella riga meta: quando il
   tema marca il selettore come vuoto (option-selector--empty),
   la scritta del tipo taglia e la tendina diventano rosse.
   (La label "Scegli un…" resta per screen reader / traduzioni)
   ============================================================ */
.size-meta-row:has(+ .option-selector--empty) .size-meta-row__system {
  color: #d90000;
}
/* sicurezza per browser senza :has — la tendina si colora comunque:
   il rosso ereditato dal selettore vuoto arriva già dal tema */
.option-selector--empty .cc-select__btn {
  color: #d90000;
}

/* Bottone guida nella riga meta: apre il popup SmartSize */
.size-guide-cta {
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #666;
}
.size-guide-cta:hover {
  color: #171717;
}

/* Il bottone SmartSize dentro la riga meta: lo si fa sembrare
   un link discreto coerente con la riga (qualunque markup disegni l'app) */
.size-meta-row__chart button,
.size-meta-row__chart a,
.size-meta-row__chart .sizefox-btn,
.size-meta-row__chart [class*="sizefox"] {
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #666;
  background: none;
  border: 0;
  padding: 0;
  box-shadow: none;
}
.size-meta-row__chart button:hover,
.size-meta-row__chart a:hover {
  color: #171717;
}

/* ============================================================
   PROMOZIONE DA TAG — riga coupon sulla pagina prodotto.
   Appare solo sui prodotti con il tag configurato e solo
   fino alla scadenza impostata. Scaduta: non renderizza nulla.
   ============================================================ */
.product-promo-tag {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 2px;
  padding: 9px 12px;
  background: #f8f8f8;
}
.product-promo-tag__text {
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: .02em;
  color: var(--promo-color, #171717);
  line-height: 1.35;
}
.product-promo-tag__code {
  font-size: 11.5px;
  letter-spacing: .04em;
  color: var(--promo-color, #171717);
  white-space: nowrap;
}

/* ============================================================
   X DI CHIUSURA DEI POPUP — sempre visibile su fondo chiaro
   (avvisami "quando torna" + modali del tema): nero esplicito.
   ============================================================ */
#wlClose {
  color: #111111 !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 1 !important;
  padding: 0 !important;
  z-index: 2;
}
.cc-popup .cc-popup-close {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.cc-popup .cc-popup-close svg {
  stroke: #111111 !important;
  stroke-width: 2px;
}
.product-promo-tag__code strong {
  color: var(--promo-code-color, #df5641);
  font-weight: 700;
  letter-spacing: .08em;
}

/* --- Clicca e copia: il codice coupon si copia negli appunti --- */
.product-promo-tag__copy {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: baseline;
  -webkit-appearance: none;
  appearance: none;
}
.product-promo-tag__copy strong { text-decoration: underline; text-underline-offset: 3px; }
.product-promo-tag__copy:hover strong { opacity: .8; }
.product-promo-tag__copy.is-copied strong { color: #1a7f37; text-decoration: none; }

svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-q7mezt {
    fill: black!important;
}

/* ============================================================
   PRODOTTO ⇄ LOOK — switch globale sulla pagina collezione.
   Un click: tutte le card mostrano la 2ª foto (il look indossato).
   body.look-mode nasconde il livello "top" di ogni card; resta
   visibile il livello "bottom" (2ª immagine).
   ============================================================ */
.look-switch {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 7px 14px;
  border: 1px solid #111111;
  border-radius: 999px;
  background: transparent;
  color: #111111;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.look-switch:hover { background: #111111; color: #ffffff; }
.look-switch[aria-pressed="true"] { background: #111111; color: #ffffff; }
.look-switch__icon { display: flex; align-items: center; }
.look-switch__icon svg { display: block; width: 15px; height: 15px; }
.look-switch__label--short { display: none; }

/* Mobile: chip compatta "gruccia + LOOK" */
@media (max-width: 767px) {
  .look-switch { padding: 6px 12px; gap: 5px; }
  .look-switch__label:not(.look-switch__label--short) { display: none; }
  .look-switch__label--short { display: inline; }
}

/* il flip di pagina: vale per tutte le card, anche caricate via ajax */
body.look-mode .native-hover-container .native-layer-top {
  opacity: 0 !important;
}
body.look-mode .native-hover-container .native-layer-bottom {
  opacity: 1 !important;   /* il fix anti-doppia-esposizione la tiene a 0: in look-mode va accesa */
}

/* ============================================================
   FILTRI DESKTOP — colonna che non si taglia. Il tema la tiene
   "sticky" (ferma mentre scorri): se i gruppi aperti superano lo
   schermo, resta troncata in fondo e irraggiungibile. Qui la si
   fa scorrere insieme alla pagina (niente scrollbar interne,
   niente sovrapposizioni con la griglia).
   ============================================================ */
@media (min-width: 1000px) {
  .filter-container--side .filters .sticky-content-container {
    position: static;
    max-height: none;
    overflow: visible;
  }
  /* SEZIONE SINGOLA (es. Taglie/Brand): si apre ma la lista non
     cresce all'infinito — oltre ~10 valori scorre al suo interno */
  .filter-container--side .filters .toggle-target-container {
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
}