/*STHCSS*/ /* disponibilité : pastille verte discrète au lieu de l'alerte orange */ #product-availability .alert{background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:#2f6b3f!important;font-weight:500;box-shadow:none!important} #product-availability .alert .material-icons{display:none} #product-availability .alert-content-wrapper>div:last-child::before,#product-availability .alert p::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#3c8a52;margin-right:.55rem;vertical-align:middle;box-shadow:0 0 0 4px rgba(60,138,82,.15)} .product-availability{margin-top:1rem} .product-prices .product-delivery-time,.product-prices .delivery-information{font-weight:400!important;color:var(--sth-muted)} /* bloc réassurance */ .blockreassurance_product{border-top:1px solid var(--sth-line);margin-top:1.5rem;padding-top:1.2rem} .blockreassurance_product .item-product{display:none} .blockreassurance_product p.block-title{font-weight:500;margin:0;color:var(--sth-ink)} .blockreassurance_product p{color:var(--sth-muted);font-size:14px} /* menu sur une ligne */ .top-menu a[data-depth="0"]{letter-spacing:.14em!important;padding:.6rem .7rem!important;white-space:nowrap} #_desktop_top_menu .top-menu{display:flex;flex-wrap:nowrap;justify-content:center} /* bandeaux photo des catégories */ #js-product-list-header .block-category{position:relative;overflow:hidden;border:0!important;border-radius:22px;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:2.4rem!important;background:var(--sth-night) center/cover no-repeat!important;margin-bottom:2rem} #js-product-list-header .block-category::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,26,46,.85) 0%,rgba(18,26,46,.35) 60%,rgba(18,26,46,.05) 100%)} #js-product-list-header .block-category>*{position:relative;z-index:1} #js-product-list-header .block-category h1{color:#f3f2ee!important;text-align:left!important;font-size:clamp(2.4rem,5vw,3.8rem)!important;margin:0 0 .6rem} #js-product-list-header .block-category #category-description,#js-product-list-header .block-category #category-description p{color:rgba(243,242,238,.85)!important;text-align:left!important;margin:0!important;max-width:52ch} body.category-id-10 #js-product-list-header .block-category{background-image:url(/themes/maisonsthonore/assets/img/porte-rouge.jpg)!important;background-position:center 35%!important} body.category-id-11 #js-product-list-header .block-category{background-image:url(/themes/maisonsthonore/assets/img/soins/shampooing-gamme.jpg)!important} body.category-id-12 #js-product-list-header .block-category{background-image:url(/themes/maisonsthonore/assets/img/soins/gel-gamme.jpg)!important} body.category-id-13 #js-product-list-header .block-category{background-image:url(/themes/maisonsthonore/assets/img/parfums/interieur-gamme.jpg)!important;background-color:#f6f3ee!important;background-size:contain!important;background-position:right center!important} /* grille catégorie : cartes centrées et propres */ #js-product-list .products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px} #js-product-list .products>div{width:auto!important;max-width:none!important;flex:none!important;padding:0!important} .products-selection .sort-by-row{justify-content:flex-end} @media (max-width:767px){#js-product-list-header .block-category{min-height:240px;padding:1.4rem!important}#js-product-list .products{grid-template-columns:1fr 1fr;gap:12px}} @media (max-width:767px){.sth-tile:nth-child(4){grid-column:1 / span 2!important;aspect-ratio:16/9!important}.sth-tile:nth-child(4) img{padding:.6rem .6rem 3rem}} /* dispo v2 */ #product-availability .alert-content-wrapper{display:block!important} #product-availability .alert-content-wrapper div:first-child:has(.material-icons){display:none!important} #product-availability .alert-content-wrapper>div:last-child::before{content:none!important;display:none!important} #product-availability .alert-content-wrapper>div:last-child>div{display:inline-flex;align-items:center;gap:.6rem;font-size:15px} #product-availability .alert-content-wrapper>div:last-child>div::before{content:"";width:9px;height:9px;border-radius:50%;background:#3c8a52;box-shadow:0 0 0 4px rgba(60,138,82,.15);flex:none} /*STHCSS*/