/** Shopify CDN: Minification failed Line 21:0 Unexpected "{" Line 24:1 Unexpected "{" Line 220:811 Expected identifier but found whitespace Line 220:868 Expected identifier but found "{" **/ /* Styles existants */ .card__inner.color-scheme-2.gradient.ratio{background-color:white!important} @media screen and (min-width:990px){ .waldos-infos { text-align: center; padding-bottom: 0; margin-top: -20px; } } {margin-top:-10px;margin-bottom:-15px} /* MISE À JOUR : Rétablir les marges d'origine pour les produits disponibles */ { margin-top: -55px; /* Valeur d'origine typique pour les produits avec plusieurs variantes */ padding-bottom: 0px; } .andnonvariants { margin-top: -25px; /* Valeur d'origine typique pour les produits avec 1 variante */ padding-bottom: 0px; } /* Styles existants */ .soustitre h3{line-height:20px!important} @media screen and (max-width:1250px){.soustitre h3{padding-left:5px;padding-right:5px}} .jdgm-preview-badge{margin-bottom:-15px} .bubbles{display:flex;justify-content:center;align-items:center;margin-top:0px;margin-bottom:-20px} .pushbubbles{margin-left:7px;margin-right:7px} @media screen and (max-width:989px){.pushbubbles{margin-left:3px;margin-right:3px}} .topcardinfo{padding:10px} .product-item { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 20px; /* Conserver la marge de base pour les produits */ } .soustitre p { letter-spacing: -0.5px; } /* Règle pour masquer complètement le sélecteur de variantes en rupture de stock */ .product-variant-dropdown.cstm_hide { display:block !important; opacity:.5; pointer-events:none; background:#e0e0e0; color:#666; cursor:not-allowed; } /* Placeholder texte responsive (variantes indisponibles) */ .product-variant-placeholder { width: 100%; display: flex; align-items: center; justify-content: center; background: #e0e0e0; color: #666; font-style: italic; font-family: 'Poppins', sans-serif; font-weight: 500; border-radius: 5px; opacity: 0.8; padding: clamp(6px, 1vw + 4px, 12px); font-size: clamp(11px, 2.2vw, 15px); line-height: 1.2; text-align: center; box-sizing: border-box; min-height: 38px; /* pour homogénéiser avec le sélecteur */ max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Bouton “RUPTURE DE STOCK” responsive */ .quick-add-button[disabled], .card.out-of-stock-card .quick-add-button { background-color: #ccc !important; color: #555 !important; cursor: not-allowed !important; border: 1px solid #bbb !important; width: 100%; text-align: center; border-radius: 5px; font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 1.1; padding: clamp(8px, 1.5vw, 12px); font-size: clamp(11px, 2.5vw, 16px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: 4px 4px #bdbdbd; transition: transform .15s ease, box-shadow .15s ease; } /* Petit effet visuel sans casse sur hover desktop */ @media (hover: hover) { .quick-add-button[disabled]:hover { transform: translate(2px, 2px); box-shadow: none; } } /* Ajustements mobiles */ @media screen and (max-width: 749px) { .product-variant-placeholder { min-height: 32px; padding: 8px; font-size: clamp(10px, 3.5vw, 13px); } .quick-add-button[disabled], .card.out-of-stock-card .quick-add-button { padding: 8px; font-size: clamp(10px, 3.5vw, 14px); } } /* NOUVELLES RÈGLES SPÉCIFIQUES POUR LES CARTES EN RUPTURE DE STOCK */ /* Ajustement de la marge supérieure pour les cartes en rupture de stock */ .out-of-stock-card.andnonvariants{ margin-top: 0px; /* Supprime la marge négative pour ces cartes spécifiques */ } /* RÈGLE CRUCIALE : Ajustement de la marge inférieure pour remonter le contenu des cartes en rupture de stock */ .out-of-stock-card { margin-bottom: -40px; /* Cette valeur DOIT être ajustée visuellement si nécessaire */ } /* Styles existants */ select.product-variant-dropdown { padding: 10px 30px 10px 10px; font-style: italic; font-family: 'Poppins', sans-serif; color: white; background-color: #BE45EA; border-radius: 5px; border: none; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 10px center; /* --- NOUVELLE GESTION DE LA POLICE --- */ /* Taille de base pour les grands écrans (ordinateurs) */ font-size: 18px; /* On s'assure que le texte ne va pas à la ligne et est coupé proprement avec "..." si besoin */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Pour les tablettes et petits ordinateurs */ @media screen and (max-width: 989px) { select.product-variant-dropdown { font-size: 14px; /* On ajuste aussi la position de la flèche comme avant */ background-position: right 5px center; } } /* Pour les mobiles */ @media screen and (max-width: 749px) { select.product-variant-dropdown { font-size: 13px; } } div.product-item>button{ font-size:20px; line-height:20px; color:#901FE3; font-weight:700; letter-spacing:0; font-family:poppins; border:none; border-radius:5px; padding:10px; box-shadow:4px 4px #CF56E1 } div.product-item>button:hover{transform:translate(3px,3px);box-shadow:none;transition:transform 0.1s ease,box-shadow 0.1s ease}div.product-item>button:active{opacity:.9}.card .media,.card__inner{border-radius:50px!important}.product-grid.grid li{border:3px solid #901FE3;padding-bottom:40px;border-radius:15px}.product-item{background-color:#901FE3;padding:10px;border-radius:0 0 15px 15px;box-shadow:-3px 0 0 #901FE3,3px 0 0 #901FE3}@media screen and (max-width:989px){.product-item{box-shadow:-14px 0 0 #901FE3,14px 0 0 #901FE3;padding:10px 0}}.card__heading{text-align:center;text-transform:uppercase;font-size:32px;font-weight:700;letter-spacing:-1px;color:#901fe3;line-height:26px}.card-information{display:none}@media screen and (max-width:989px){.card__heading{font-size:22px;line-height:19px}.soustitre. h3{line-height:13px!important;font-size:12px!important}.{margin-top:0px!important;margin-bottom:-5px!important}.topcardinfo{padding:5px}.topcardinfo .informations{font-size:11px;line-height:13px}}.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:var(--text-alignment)}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card.card--horizontal{--text-alignment:left;--image-padding:0rem;flex-direction:row;align-items:flex-start;gap:1.5rem}.card--horizontal.ratio:before{padding-bottom:0}.card--card.card--horizontal{padding:1.2rem}.card--card.card--horizontal.card--text{column-gap:0}.card--card{height:100%}.card--card,.card--standard .card__inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.card--card:after,.card--standard .card__inner:after{content:'';position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card--card.gradient,.card__inner.gradient{transform:perspective(0)}.card__inner.color-scheme-1{background:#fff0}.card .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card--card .card__inner .card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.card--standard.card--text{background-color:#fff0}.card-information{text-align:var(--text-alignment)}.card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.card--standard .card__media{margin:var(--image-padding)}.card__inner{width:100%}.card--media .card__inner .card__content{position:relative;padding:calc(var(--image-padding) + 1rem)}.card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);padding:1rem;width:100%;flex-grow:1}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__information{grid-row-start:2;padding:1.3rem 1rem}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}.card-information .card__information-volume-pricing-note{margin-top:.6rem;line-height:calc(0.5 + 0.4 / var(--font-body-scale));color:rgba(var(--color-foreground),.75)}.card__information-volume-pricing-note--button,.card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label{position:relative;z-index:1;cursor:pointer;padding:0;margin:0;text-align:var(--text-alignment);min-width:auto}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{transform:initial;top:auto;bottom:4rem;max-width:20rem;width:calc(95% + 2rem)}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info span:first-of-type{padding-right:.3rem}.card__information-volume-pricing-note--button-right+.global-settings-popup.quantity-popover__info{right:0;left:auto}.card__information-volume-pricing-note--button-center+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%)}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info .quantity__rules{text-align:left}@media screen and (min-width:990px){.grid--6-col-desktop .card__content quick-add-bulk .quantity{width:auto}.grid--6-col-desktop .card__content quick-add-bulk .quantity__button{width:calc(3rem / var(--font-body-scale))}.grid--6-col-desktop .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%);width:calc(100% + var(--border-width) + 3.5rem)}.grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:calc(100% + var(--border-width) + 1rem)}}@media screen and (max-width:749px){.grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button{width:calc(3.5rem / var(--font-body-scale))}.grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info,.grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%)}.grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:100%}.grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:calc(100% + var(--border-width) + 4rem)}.grid--2-col-tablet-down .card__content quick-add-bulk .quantity{width:auto}}.card-information quantity-popover volume-pricing{margin-top:0}@media screen and (max-width:989px){.card-information quantity-popover .quantity__rules~volume-pricing{margin-top:0}.card-information quantity-popover volume-pricing{margin-top:4.2rem}}@media screen and (min-width:750px){.card__information{padding-bottom:1.7rem;padding-top:1.7rem}}.card__badge{align-self:flex-end;grid-row-start:3;justify-self:flex-start}.card__badge.top{align-self:flex-start;grid-row-start:1}.card__badge.right{justify-self:flex-end}.card:not(.card--horizontal)>.card__content>.card__badge{margin:1.3rem}.card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin-top:0;margin-bottom:0}.card__heading:last-child{margin-bottom:0}.card--horizontal .card__heading,.card--horizontal .price__container .price-item,.card--horizontal__quick-add{font-size:calc(var(--font-heading-scale) * 1.2rem)}.card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note){margin-top:0}.card--horizontal__quick-add:before{box-shadow:none}@media only screen and (min-width:750px){.card--horizontal .card__heading,.card--horizontal .price__container .price-item,.card--horizontal__quick-add{font-size:calc(var(--font-heading-scale) * 1.3rem)}}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--image-padding))} .card--standard.card--text a::after,.card--card .card__heading a::after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.card__heading a::after{bottom:0;content:'';left:0;position:absolute;right:0;top:0;z-index:1}.card__heading a:after{outline-offset:.3rem}.card__heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0} .card__heading a:focus{box-shadow:none;outline:0}@media screen and (min-width:990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.card:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1;transition:transform var(--duration-long) ease;transform:scale(1.03)}}.card--standard.card--media .card__inner .card__information,.card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),.card--standard:not(.card--horizontal)>.card__content .card__badge,.card--standard.card--text.article-card>.card__content .card__information,.card--standard>.card__content .card__caption{display:none}.card--standard:not(.card--horizontal) .placeholder-svg{width:100%}.card--standard>.card__content{padding:0}.card--standard>.card__content .card__information{padding-left:0;padding-right:0}.card--card.card--media .card__inner .card__information,.card--card.card--text .card__inner,.card--card.card--media>.card__content .card__badge{display:none}.card--horizontal .card__badge,.card--horizontal.card--text .card__inner{display:none}.card--extend-height{height:100%}.card--extend-height.card--standard.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card--standard.card--text .card__inner,.card--extend-height.card--media .card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card-information>*+*{margin-top:.5rem}.card-information{width:100%}.card-information>*{line-height:calc(1 + 0.4 / var(--font-body-scale));color:rgb(var(--color-foreground))}.card-information>.price{color:rgb(var(--color-foreground))}.card--horizontal .card-information>.price{color:rgba(var(--color-foreground),.75)}.card-information>.rating{margin-top:.4rem}.card-information>*:not(.visually-hidden:first-child)+quantity-popover:not(.rating):not(.card__information-volume-pricing-note),.card-information .card__information-volume-pricing-note.card__information-volume-pricing-note--button{margin-top:0}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note){margin-top:.7rem}.card-information .caption{letter-spacing:.07rem}.card-article-info{margin-top:1rem}.card--shape .card__content{padding-top:0}.card--shape.card--standard:not(.card--text) .card__inner{border:0;background-color:#fff0;filter:drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)))}.card--shape.card--standard:not(.card--text) .card__inner:after{display:none}.grid__item:nth-child(2n) .shape--blob{clip-path:polygon(var(--shape--blob-2))}.grid__item:nth-child(3n) .shape--blob{clip-path:polygon(var(--shape--blob-3))}.grid__item:nth-child(4n) .shape--blob{clip-path:polygon(var(--shape--blob-4))}.grid__item:nth-child(5n) .shape--blob{clip-path:polygon(var(--shape--blob-5))}.grid__item:nth-child(7n) .shape--blob{clip-path:polygon(var(--shape--blob-6))}.grid__item:nth-child(8n) .shape--blob{clip-path:polygon(var(--shape--blob-1))}@media (prefers-reduced-motion:no-preference){.product-card-wrapper .shape--round{transition:clip-path var(--duration-long) ease}.product-card-wrapper:hover .shape--round{clip-path:ellipse(47% 47% at 50% 50%)}.product-card-wrapper .shape--blob{transition:clip-path var(--duration-long) ease-in-out}.product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-5))}.grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-6))}.grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-1))}.grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-2))}.grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-3))}.grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-4))}.grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-5))}} .card.out-of-stock-card { opacity: 0.5 !important; /* garde l'effet grisé */ pointer-events: auto !important; /* réactive les clics */ } /* Rendre le texte à l'intérieur de la carte plus gris pour les produits en rupture de stock */ .card.out-of-stock-card .card__content { color: #888888 !important; /* Change la couleur du texte */ } /* Adapter le style du bouton "RUPTURE DE STOCK" */ .card.out-of-stock-card .quick-add-button { background-color: #cccccc !important; /* Couleur de fond plus neutre pour le bouton */ color: #666666 !important; /* Couleur du texte du bouton */ cursor: not-allowed !important; /* Curseur "interdit" */ border: 1px solid #cccccc !important; /* Assure une bordure cohérente */ } /* ---- Correctif mobile : homogénéiser la hauteur des zones bas ---- */ @media screen and (max-width: 749px) { /* On cible uniquement la zone du bas (sélecteur + bouton ou placeholder + bouton) */ .product-item { display: flex; flex-direction: column; } /* Groupe "sélecteur + bouton" = même hauteur que "placeholder + bouton" */ .product-variant-dropdown, .product-variant-placeholder { flex: 0 0 auto; min-height: 38px; /* même base pour tous */ box-sizing: border-box; } /* Bouton d’action : même hauteur et espacement */ .quick-add-button { flex: 0 0 auto; min-height: 42px; margin-top: 6px; } /* Ajustement visuel pour les cartes rupture */ .card.out-of-stock-card { margin-bottom: 0 !important; } } /* Bubbles: 1 ligne en mobile, scroll horizontal */ @media(max-width:749px){ .bubbles{ display:flex;align-items:center;gap:6px; flex-wrap:nowrap;justify-content:flex-start; overflow-x:auto;overflow-y:hidden; -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px } .bubbles::-webkit-scrollbar{display:none} .bubbles>*{flex:0 0 auto;scroll-snap-align:start} /* texte compact + ellipsis */ .bubbles>*, .bubbles>* *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* taille compacte */ .bubbles>*{max-width:42vw} .pushbubbles{margin:0} /* on remplace les marges par gap */ } @media(max-width:749px){ .waldos-infos .soustitre{ margin:8px 0; padding:0; text-align:center; } .waldos-infos .soustitre p{ font-size:11px!important;line-height:1.15!important;margin:0; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden } } /* Klaviyo rating : centré + réduit */ .klaviyo-star-rating-widget{ width:100%; display:flex;justify-content:center;align-items:center; gap:6px; margin:4px 0; } .klaviyo-star-rating-widget svg{width:14px;height:14px;display:block} .kl_reviews_star_rating_widget_label, ._kl_reviews_star_rating_widget_label{font-size:12px;margin-left:4px} @media(max-width:749px){ .klaviyo-star-rating-widget{gap:4px;margin:2px 0} .klaviyo-star-rating-widget svg{width:12px;height:12px} .kl_reviews_star_rating_widget_label, ._kl_reviews_star_rating_widget_label{font-size:11px} }