/* archive.css : feuille purgee le 2026-09-02 par purge_css.py (regime komfort). Source integrale conservee dans csslib/ et dans /root/_bak_regime_etape4_*. Regles gardees : 624 utilisees (couverture Chrome, 20 pages x 5 largeurs, etats joues) + 461 regles dont un selecteur colle au DOM ; 1783 regles retirees (257 Ko). */ :root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px} .woocommerce img,.woocommerce-page img{height:auto;max-width:100%} .woocommerce ul.products,.woocommerce-page ul.products{clear:both} .woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table} .woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both} .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0} .woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both} .woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0} .woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%} .woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table} .woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both} .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block} .woocommerce #payment .terms, .woocommerce-page #payment .terms {text-align:left;padding:0 1em 0 0;float:left} @media only screen and (max-width: 768px) { :root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px} .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;float:left;clear:both;margin:0 0 2.992em} .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){float:right;clear:none!important} .woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0} } @charset "UTF-8"; :root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px} @keyframes spin{100%{transform:rotate(360deg)}} @font-face{font-family:star;src:url("../fonts/WooCommerce.woff2") format("woff2"),url("../fonts/WooCommerce.woff") format("woff"),url("../fonts/WooCommerce.ttf") format("truetype");font-weight:400;font-style:normal} @font-face{font-family:WooCommerce;src:url("../fonts/WooCommerce.woff2") format("woff2"),url("../fonts/WooCommerce.woff") format("woff"),url("../fonts/WooCommerce.ttf") format("truetype");font-weight:400;font-style:normal} .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0} .woocommerce form .form-row .woocommerce-input-wrapper .description{background:#1e85be;color:#fff;border-radius:3px;padding:1em;margin:.5em 0 0;clear:both;display:none;position:relative} .woocommerce form .form-row .woocommerce-input-wrapper .description a{color:#fff;text-decoration:underline;border:0;box-shadow:none} .woocommerce form .form-row .woocommerce-input-wrapper .description::before{left:50%;top:0;margin-top:-4px;transform:translateX(-50%) rotate(180deg);content:"";position:absolute;border-width:4px 6px 0 6px;border-style:solid;border-color:#1e85be transparent transparent transparent;z-index:100;display:block} .woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus{border-color:currentColor} .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important} .woocommerce div.product{margin-bottom:0;position:relative} .woocommerce .products ul,.woocommerce ul.products{margin:0 0 1em;padding:0;list-style:none outside;clear:both} .woocommerce .products ul::after,.woocommerce .products ul::before,.woocommerce ul.products::after,.woocommerce ul.products::before{content:" ";display:table} .woocommerce .products ul::after,.woocommerce ul.products::after{clear:both} .woocommerce .products ul li,.woocommerce ul.products li{list-style:none outside} .woocommerce ul.products li.product a{text-decoration:none} .woocommerce ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none} .woocommerce ul.products li.product .price{display:block;font-weight:400;margin-bottom:.5em;font-size:.857em} .woocommerce nav.woocommerce-pagination{text-align:center} .woocommerce nav.woocommerce-pagination ul{display:inline-block;white-space:nowrap;padding:0;clear:both;border:1px solid #cfc8d8;border-right:0;margin:1px} .woocommerce nav.woocommerce-pagination ul li{border-right:1px solid #cfc8d8;padding:0;margin:0;float:left;display:inline;overflow:hidden} .woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.5em;min-width:1em;display:block} .woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{background:#e9e6ed;color:#816f98} .woocommerce p.stars a:hover~a::before{content:"\e021"} .woocommerce p.stars:hover a::before{content:"\e020"} .woocommerce :where(.wc_bis_form__input,.wc_bis_form__button){padding:.9rem 1.1rem;line-height:1} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {font-size:100%;margin:0;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.618em 1em;font-weight:700;border-radius:3px;left:auto;color:#515151;background-color:#e9e6ed;border:0;display:inline-block;background-image:none;box-shadow:none;text-shadow:none} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading {opacity:.25;padding-right:2.618em} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading::after {font-family:WooCommerce;content:"\e01c";vertical-align:top;font-weight:400;position:absolute;top:.618em;right:1em;animation:spin 2s linear infinite} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {background-color:#dcd7e2;text-decoration:none;background-image:none;color:#515151} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {background-color:#7f54b3;color:#fff;-webkit-font-smoothing:antialiased} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {background-color:#7249a4;color:#fff} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {background-color:#7f54b3;color:#fff} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] {color:inherit;cursor:not-allowed;opacity:.5;padding:.618em 1em} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover {color:inherit;background-color:#e9e6ed} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{color:#958e09;font-size:1.25em} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{color:#958e09} #add_payment_method table.cart img {width:32px;box-shadow:none} #add_payment_method table.cart td, #add_payment_method table.cart th {vertical-align:middle} #add_payment_method table.cart input {margin:0;vertical-align:middle} #add_payment_method .checkout .col-2 h3#ship-to-different-address {float:left;clear:none} #add_payment_method .checkout .col-2 .form-row-first {clear:left} #add_payment_method .checkout .shipping_address {clear:both} #add_payment_method #payment {background:rgba(129,110,153,.14);border-radius:5px} #add_payment_method #payment ul.payment_methods {text-align:left;padding:1em;border-bottom:1px solid rgba(104,87,125,.14);margin:0;list-style:none outside} #add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before {content:" ";display:table} #add_payment_method #payment ul.payment_methods::after {clear:both} #add_payment_method #payment ul.payment_methods li {line-height:2;text-align:left;margin:0;font-weight:400} #add_payment_method #payment ul.payment_methods li input {margin:0 1em 0 0} #add_payment_method #payment ul.payment_methods li img {vertical-align:middle;margin:-2px 0 0 .5em;padding:0;position:relative;box-shadow:none} #add_payment_method #payment ul.payment_methods li img+img {margin-left:2px} #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before {content:" ";display:table} #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after {clear:both} #add_payment_method #payment div.form-row {padding:1em} #add_payment_method #payment div.payment_box {position:relative;box-sizing:border-box;width:100%;padding:1em;margin:1em 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:#dcd7e2;color:#515151} #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea {border-color:#c2bacd;border-top-color:#b5abc2} #add_payment_method #payment div.payment_box ::-webkit-input-placeholder {color:#b5abc2} #add_payment_method #payment div.payment_box :-moz-placeholder {color:#b5abc2} #add_payment_method #payment div.payment_box :-ms-input-placeholder {color:#b5abc2} #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods {list-style:none outside;margin:0} #add_payment_method #payment div.payment_box .form-row {margin:0 0 1em} #add_payment_method #payment div.payment_box p:last-child {margin-bottom:0} #add_payment_method #payment div.payment_box::before {content:"";display:block;border:1em solid #dcd7e2;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;position:absolute;top:-.75em;left:0;margin:-1em 0 0 2em} @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('../../assets/fonts/instrument-sans.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:normal;font-weight:400 600;font-display:swap;src:url('../../assets/fonts/roboto.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url('../../assets/fonts/roboto-slab.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root{--direction-multiplier:1} body.rtl,html[dir=rtl]{--direction-multiplier:-1} .elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0} .elementor *,.elementor :after,.elementor :before{box-sizing:border-box} .elementor a{box-shadow:none;text-decoration:none} .elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%} .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0} .elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)} .elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)} :root{--page-title-display:block} .elementor-page-title,h1.entry-title{display:var(--page-title-display)} @keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}} .elementor-widget{position:relative} .elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} .e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap} .e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)} .e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)} .e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)} .e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)} .e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)} .e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)} .e-con,.e-con>.e-con-inner{display:var(--display)} .e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal} .e-con-boxed{gap:initial;text-align:initial} .e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)} .e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%} :is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))} :is([data-widget_type="e-component.default"],[data-widget_type="e-component.default"]>.elementor-section-wrap)>.e-con{--margin-right:0px;--margin-left:0px} .e-con .elementor-widget.elementor-widget{margin-block-end:0} .e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)} .e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)} .e-con .elementor-widget{min-width:0} .e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%} .e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%} .e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px} @media (max-width:767px){ .e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)} } .elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)} .elementor-heading-title{line-height:1;margin:0;padding:0} .elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff} @media (prefers-reduced-motion:reduce){.animated{animation:none!important}html *{transition-delay:0s!important;transition-duration:0s!important}} .elementor-kit-7{--e-global-color-primary:#2B2B2E;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#DD1B1F;--e-global-color-accent:#FFF9EA;--e-global-color-9d2fdd1:#0000001A;--e-global-color-f8032ae:#FAF5EA;--e-global-color-8bd6c5d:#009B5A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-size:13px;font-weight:400;line-height:21px;} .elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-size:40px;line-height:50px;} .elementor-kit-7 h2{color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-size:32px;font-weight:400;line-height:42px;} .elementor-kit-7 h3{color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-size:20px;font-weight:600;line-height:30px;} .elementor-kit-7 h5{color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-size:16px;line-height:26px;} .elementor-kit-7 h6{color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-size:15px;font-weight:400;line-height:25px;} .e-con{--container-max-width:1440px;} .elementor-widget:not(:last-child){--kit-widget-spacing:20px;} .elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;} @media(max-width:1024px){ .e-con{--container-max-width:1024px;} } @media(max-width:767px){ .e-con{--container-max-width:767px;} } @charset "UTF-8"; .elementor-item:after,.elementor-item:before{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1)} .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{opacity:0} .elementor-item-active:after,.elementor-item-active:before,.elementor-item.highlighted:after,.elementor-item.highlighted:before,.elementor-item:focus:after,.elementor-item:focus:before,.elementor-item:hover:after,.elementor-item:hover:before{transform:scale(1)} .e--pointer-double-line .elementor-item:after,.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:after,.e--pointer-overline .elementor-item:before,.e--pointer-underline .elementor-item:after,.e--pointer-underline .elementor-item:before{background-color:#3f444b;height:3px;left:0;width:100%;z-index:2} .e--pointer-double-line .elementor-item:after,.e--pointer-underline .elementor-item:after{bottom:0;content:""} .elementor-nav-menu--main .elementor-nav-menu a{transition:.4s} .elementor-nav-menu--main .elementor-nav-menu a,.elementor-nav-menu--main .elementor-nav-menu a.highlighted,.elementor-nav-menu--main .elementor-nav-menu a:focus,.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px} .elementor-nav-menu--main .elementor-nav-menu a.current{background:#1f2124;color:#fff} .elementor-nav-menu--main .elementor-nav-menu a.disabled{background:#3f444b;color:#88909b} .elementor-nav-menu--layout-horizontal{display:flex} .elementor-nav-menu--layout-horizontal .elementor-nav-menu{display:flex;flex-wrap:wrap} .elementor-nav-menu--layout-horizontal .elementor-nav-menu a{flex-grow:1;white-space:nowrap} .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{display:flex} .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{margin-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)} .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul {inset-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)!important} .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{margin-inline-end:var(--e-nav-menu-horizontal-menu-item-margin)} .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{align-self:center;border-color:var(--e-nav-menu-divider-color,#000);border-left-style:var(--e-nav-menu-divider-style,solid);border-left-width:var(--e-nav-menu-divider-width,2px);content:var(--e-nav-menu-divider-content,none);height:var(--e-nav-menu-divider-height,35%)} .elementor-widget-nav-menu:not(.elementor-nav-menu--toggle) .elementor-menu-toggle{display:none} .elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu:not(:has(.elementor-widget-container)):not([class*=elementor-hidden-]){display:flex;flex-direction:column} .elementor-nav-menu{position:relative;z-index:2} .elementor-nav-menu:after{clear:both;content:" ";display:block;font:0/0 serif;height:0;overflow:hidden;visibility:hidden} .elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul{display:block;line-height:normal;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)} .elementor-nav-menu ul ul a:active, .elementor-nav-menu ul ul a:focus, .elementor-nav-menu ul ul a:hover {border-left:16px solid transparent} .elementor-nav-menu ul ul ul a:active, .elementor-nav-menu ul ul ul a:focus, .elementor-nav-menu ul ul ul a:hover {border-left:24px solid transparent} .elementor-nav-menu ul ul ul ul a:active, .elementor-nav-menu ul ul ul ul a:focus, .elementor-nav-menu ul ul ul ul a:hover {border-left:32px solid transparent} .elementor-nav-menu ul ul ul ul ul a:active, .elementor-nav-menu ul ul ul ul ul a:focus, .elementor-nav-menu ul ul ul ul ul a:hover {border-left:40px solid transparent} .elementor-nav-menu a,.elementor-nav-menu li{position:relative} .elementor-nav-menu li{border-width:0} .elementor-nav-menu a{align-items:center;display:flex} .elementor-nav-menu a,.elementor-nav-menu a:focus,.elementor-nav-menu a:hover{line-height:20px;padding:10px 20px} .elementor-nav-menu a.current{background:#1f2124;color:#fff} .elementor-nav-menu a.disabled{color:#88909b;cursor:not-allowed} .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item:focus, .elementor-sub-item:hover {background-color:#3f444b;color:#fff} .elementor-menu-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#33373d;cursor:pointer;display:flex;font-size:var(--nav-menu-icon-size,22px);justify-content:center;padding:.25em} .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close{display:none} .elementor-menu-toggle .e-font-icon-svg{fill:#33373d;height:1em;width:1em} .elementor-menu-toggle svg{fill:var(--nav-menu-icon-color,currentColor);height:auto;width:1em} span.elementor-menu-toggle__icon--open {line-height:1} .elementor-nav-menu--dropdown a.current{background:#1f2124;color:#fff} .elementor-nav-menu--dropdown a.disabled{color:#b3b3b3} ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {border-inline-start:8px solid transparent;text-shadow:none} .elementor-nav-menu--toggle{--menu-height:100vh} .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)} @media (max-width:1024px){ .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none} } @media (min-width:1025px){ .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:none} } @keyframes hide-scroll{0%,to{overflow:hidden}} .elementor-widget-image{text-align:center} .elementor-widget-image a{display:inline-block} .elementor-widget-image img{display:inline-block;vertical-align:middle} .elementor-widget-lightweight-product-search { max-width: 100%; min-width: 0; } .elementor-widget-lightweight-product-search .elementor-widget-container { max-width: 100%; min-width: 0; } .lightweight-product-search { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; } .lightweight-product-search *, .lightweight-product-search *::before, .lightweight-product-search *::after, .lightweight-product-search__overlay *, .lightweight-product-search__overlay *::before, .lightweight-product-search__overlay *::after { box-sizing: border-box; } .lightweight-product-search .lightweight-product-search__form, .lightweight-product-search__overlay .lightweight-product-search__form { position: relative; display: flex; flex-direction: row; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin: 0; cursor: text; outline: none; } .lightweight-product-search:not(.lightweight-product-search--open) .lightweight-product-search__form:not(:focus-within) { border-color: transparent !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; } .lightweight-product-search .lightweight-product-search__label, .lightweight-product-search__overlay .lightweight-product-search__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .lightweight-product-search .lightweight-product-search__input, .lightweight-product-search__overlay .lightweight-product-search__input { flex: 1 1 auto; min-width: 0; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; line-height: 1.4; box-shadow: none; appearance: none; -webkit-appearance: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lightweight-product-search .lightweight-product-search__input:focus, .lightweight-product-search__overlay .lightweight-product-search__input:focus, .lightweight-product-search .lightweight-product-search__input:focus-visible, .lightweight-product-search__overlay .lightweight-product-search__input:focus-visible { outline: none; } .lightweight-product-search .lightweight-product-search__input::placeholder, .lightweight-product-search__overlay .lightweight-product-search__input::placeholder { opacity: 0.7; } .lightweight-product-search .lightweight-product-search__input::-webkit-search-decoration, .lightweight-product-search__overlay .lightweight-product-search__input::-webkit-search-decoration, .lightweight-product-search .lightweight-product-search__input::-webkit-search-cancel-button, .lightweight-product-search__overlay .lightweight-product-search__input::-webkit-search-cancel-button, .lightweight-product-search .lightweight-product-search__input::-webkit-search-results-button, .lightweight-product-search__overlay .lightweight-product-search__input::-webkit-search-results-button, .lightweight-product-search .lightweight-product-search__input::-webkit-search-results-decoration, .lightweight-product-search__overlay .lightweight-product-search__input::-webkit-search-results-decoration { display: none; -webkit-appearance: none; appearance: none; } .lightweight-product-search .lightweight-product-search__submit, .lightweight-product-search__overlay .lightweight-product-search__submit { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 1.125em; min-height: 1.125em; margin: 0; padding: 0; border: 0; background: transparent; color: #fff; line-height: 0; overflow: visible; cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; } .lightweight-product-search .lightweight-product-search__submit:focus, .lightweight-product-search__overlay .lightweight-product-search__submit:focus { outline: none; } .lightweight-product-search .lightweight-product-search__submit:focus-visible, .lightweight-product-search__overlay .lightweight-product-search__submit:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .lightweight-product-search .lightweight-product-search__icon, .lightweight-product-search__overlay .lightweight-product-search__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 1; overflow: visible; min-width: 1.125em; min-height: 1.125em; color: #fff; } .lightweight-product-search .lightweight-product-search__icon .lightweight-product-search__icon-glyph, .lightweight-product-search__overlay .lightweight-product-search__icon .lightweight-product-search__icon-glyph { display: block; width: 1em; height: 1em; min-width: 1em; min-height: 1em; overflow: visible; fill: none; stroke: currentColor; color: #fff; } .lightweight-product-search .lightweight-product-search__submit .lightweight-product-search__icon, .lightweight-product-search .lightweight-product-search__submit .lightweight-product-search__icon .lightweight-product-search__icon-glyph, .lightweight-product-search .lightweight-product-search__overlay-submit .lightweight-product-search__icon, .lightweight-product-search .lightweight-product-search__overlay-submit .lightweight-product-search__icon .lightweight-product-search__icon-glyph, .lightweight-product-search__overlay .lightweight-product-search__overlay-submit .lightweight-product-search__icon, .lightweight-product-search__overlay .lightweight-product-search__overlay-submit .lightweight-product-search__icon .lightweight-product-search__icon-glyph { color: #fff; } .lightweight-product-search__overlay { display: none; position: fixed; top: var(--lps-overlay-top, 0px); right: 0; bottom: 0; left: 0; z-index: 1100; width: auto; max-width: none; min-width: 0; height: auto; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: transparent; background-image: none; box-shadow: none; overflow-x: hidden; overflow-y: auto; transform: none; filter: none; contain: none; isolation: auto; box-sizing: border-box; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .lightweight-product-search .lightweight-product-search__overlay-input:focus, .lightweight-product-search__overlay .lightweight-product-search__overlay-input:focus { outline: none; } .lightweight-product-search .lightweight-product-search__overlay-input:focus-visible, .lightweight-product-search__overlay .lightweight-product-search__overlay-input:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; } .lightweight-product-search .lightweight-product-search__close:focus, .lightweight-product-search__overlay .lightweight-product-search__close:focus { outline: none; } .lightweight-product-search .lightweight-product-search__close:focus-visible, .lightweight-product-search__overlay .lightweight-product-search__close:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } @keyframes lightweight-product-search-spin { to { transform: rotate(360deg); } } .lightweight-product-search .lightweight-product-search__overlay-submit:focus, .lightweight-product-search__overlay .lightweight-product-search__overlay-submit:focus { outline: none; } .lightweight-product-search .lightweight-product-search__overlay-submit:focus-visible, .lightweight-product-search__overlay .lightweight-product-search__overlay-submit:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .lightweight-product-search .lightweight-product-search__submit--compact-only { display: none; } .elementor-widget-lightweight-product-search:has(.lightweight-product-search--compact) { width: auto; max-width: max-content; min-width: 0; flex: 0 0 auto; } @media (max-width: 1024px) { .elementor-widget-lightweight-product-search:has(.lightweight-product-search:not(.lightweight-product-search--ready)) { width: auto; max-width: max-content; min-width: 0; flex: 0 0 auto; } .lightweight-product-search:not(.lightweight-product-search--ready) { width: auto !important; max-width: max-content; } .lightweight-product-search:not(.lightweight-product-search--ready) .lightweight-product-search__form { width: auto; max-width: max-content; min-width: 44px; min-height: 44px; padding: 0 !important; background-color: transparent !important; border-color: transparent !important; border-width: 0 !important; box-shadow: none !important; outline: none !important; gap: 0 !important; cursor: pointer; } .lightweight-product-search:not(.lightweight-product-search--ready) .lightweight-product-search__input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; opacity: 0; pointer-events: none; } .lightweight-product-search:not(.lightweight-product-search--ready) .lightweight-product-search__submit--compact-only { display: inline-flex; } } @media (max-width: 767px) { .lightweight-product-search .lightweight-product-search__close, .lightweight-product-search__overlay .lightweight-product-search__close, .lightweight-product-search .lightweight-product-search__submit, .lightweight-product-search__overlay .lightweight-product-search__submit { min-width: 44px; min-height: 44px; } .lightweight-product-search .lightweight-product-search__overlay-input, .lightweight-product-search__overlay .lightweight-product-search__overlay-input, .lightweight-product-search .lightweight-product-search__input, .lightweight-product-search__overlay .lightweight-product-search__input { font-size: 16px; } } @media (prefers-reduced-motion: reduce) { .lightweight-product-search__overlay { scroll-behavior: auto; } .lightweight-product-search .lightweight-product-search__result, .lightweight-product-search__overlay .lightweight-product-search__result { transition: none; } .lightweight-product-search .lightweight-product-search__result-title, .lightweight-product-search__overlay .lightweight-product-search__result-title { transition: none; } .lightweight-product-search .lightweight-product-search__view-all, .lightweight-product-search__overlay .lightweight-product-search__view-all { transition: none; } .lightweight-product-search .lightweight-product-search__popular-chip, .lightweight-product-search__overlay .lightweight-product-search__popular-chip, .lightweight-product-search .lightweight-product-search__popular-product, .lightweight-product-search__overlay .lightweight-product-search__popular-product, .lightweight-product-search .lightweight-product-search__popular-product-title, .lightweight-product-search__overlay .lightweight-product-search__popular-product-title { transition: none; } .lightweight-product-search .lightweight-product-search__status--loading::before, .lightweight-product-search__overlay .lightweight-product-search__status--loading::before { animation: none; border-right-color: currentColor; } } .elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container {overflow:hidden} .elementor-widget:not(.elementor-align-end) .elementor-icon-list-item:after{inset-inline-start:0} .elementor-widget:not(.elementor-align-start) .elementor-icon-list-item:after{inset-inline-end:0} @media (min-width:-1){ .elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item:after{inset-inline-start:0} .elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item:after{inset-inline-end:0} } @media (max-width:-1){ .elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item:after{inset-inline-start:0} .elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item:after{inset-inline-end:0} .elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0} .elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0} } @media (max-width:1024px){ .elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item:after{inset-inline-start:0} .elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item:after{inset-inline-end:0} } @media (max-width:-1){ .elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0} .elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0} } @media (max-width:767px){ .elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item:after{inset-inline-start:0} .elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item:after{inset-inline-end:0} } .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit} .elementor-627 .elementor-element.elementor-element-479f28d{--display:flex;--position:absolute;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;} body:not(.rtl) .elementor-627 .elementor-element.elementor-element-479f28d{left:0px;} .elementor-627 .elementor-element.elementor-element-7a19fa4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:0px 0px 0px 0px;--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;} .elementor-627 .elementor-element.elementor-element-7a19fa4:not(.elementor-motion-effects-element-type-background), .elementor-627 .elementor-element.elementor-element-7a19fa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;} .elementor-627 .elementor-element.elementor-element-2f51c92{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-627 .elementor-element.elementor-element-2f51c92.e-con{--align-self:center;} .elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );} .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );} .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );} .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );} .elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );} .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );} .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-menu-toggle{margin:0 auto;} .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;} .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;} .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item:hover, .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-8bd6c5d );fill:var( --e-global-color-8bd6c5d );} .elementor-627 .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-8bd6c5d );} .elementor-627 .elementor-element.elementor-element-89d9552 .e--pointer-underline .elementor-item:after, .elementor-627 .elementor-element.elementor-element-89d9552 .e--pointer-overline .elementor-item:before, .elementor-627 .elementor-element.elementor-element-89d9552 .e--pointer-double-line .elementor-item:before, .elementor-627 .elementor-element.elementor-element-89d9552 .e--pointer-double-line .elementor-item:after{height:0px;} .elementor-627 .elementor-element.elementor-element-5a8d0c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-627 .elementor-element.elementor-element-5a8d0c5.e-con{--align-self:center;} .elementor-627 .elementor-element.elementor-element-c52526f img{width:40%;} .elementor-627 .elementor-element.elementor-element-a92795d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-627 .elementor-element.elementor-element-0ed30ab .lightweight-product-search{width:100%;max-width:100%;} .elementor-627 .elementor-element.elementor-element-0ed30ab .lightweight-product-search__form{min-height:48px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:50px 50px 50px 50px;padding:8px 16px 8px 16px;gap:6px;} .elementor-627 .elementor-element.elementor-element-0ed30ab .lightweight-product-search__icon{font-size:26px;width:26px;height:26px;color:#FFFFFF;} .elementor-627 .elementor-element.elementor-element-0ed30ab .lightweight-product-search__submit{color:#FFFFFF;} .elementor-627 .elementor-element.elementor-element-0ed30ab .lightweight-product-search__icon svg{color:#FFFFFF;} .elementor-627 .elementor-element.elementor-element-0ed30ab .lightweight-product-search__backdrop{background-color:var( --e-global-color-secondary );opacity:0.45;} .lightweight-product-search__overlay[data-lps-id="0ed30ab"] .lightweight-product-search__backdrop{background-color:var( --e-global-color-secondary );opacity:0.45;} .elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );} .elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );} .elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );} .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );} .elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );} .elementor-627 .elementor-element.elementor-element-16b955d{border-style:none;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-icon-size:20px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);} .elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;} @media(max-width:767px){ .elementor-627 .elementor-element.elementor-element-479f28d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-627 .elementor-element.elementor-element-7a19fa4{--border-radius:0px 0px 0px 0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;} .elementor-627 .elementor-element.elementor-element-2f51c92{--width:16%;} .elementor-627 .elementor-element.elementor-element-5a8d0c5{--width:26%;} .elementor-627 .elementor-element.elementor-element-c52526f img{width:100%;} .elementor-627 .elementor-element.elementor-element-a92795d{--width:42%;} .elementor-627 .elementor-element.elementor-element-0ed30ab .lightweight-product-search__form{min-height:40px;} } @media(min-width:768px){ .elementor-627 .elementor-element.elementor-element-2f51c92{--width:35%;} .elementor-627 .elementor-element.elementor-element-5a8d0c5{--width:30%;} .elementor-627 .elementor-element.elementor-element-a92795d{--width:35%;} } .qm-hdr.elementor-location-header{position:sticky;top:0;z-index:999;height:0;overflow:visible} :root{--qm-hdr-h:92px} @media (max-width:1024px){ :root{--qm-hdr-h:92px} } @media (max-width:767px){ :root{--qm-hdr-h:54px} } .qm-native div.elementor-element.elementor-element-c37b944 > div.e-con-inner{padding-top:calc(var(--qm-hdr-h) + 32px)} .qm-hdr .custom-sticky-header{background-color:transparent;isolation:isolate} .qm-hdr .custom-sticky-header::before{content:"";position:absolute;inset:0;z-index:-1;background-color:#000;opacity:0;pointer-events:none} @supports (animation-timeline: scroll()) { .qm-hdr .custom-sticky-header::before{animation:qm-hdr-scrolled steps(1, end) both;animation-timeline:scroll(root);animation-range:0px 300px} @keyframes qm-hdr-scrolled{from{opacity:0}to{opacity:1}} } .qm-hdr .header-background{border-radius:12px} @media (max-width:767px){ .qm-hdr .header-background{border-radius:0} } .qm-hdr .cart-menu{border:none} .qm-hdr-nav-toggle,.qm-hdr-search-toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0} @media (min-width:1025px){ .qm-hdr-nav-toggle,.qm-hdr-search-toggle{display:none} } .qm-hdr .elementor-element-89d9552 .elementor-menu-toggle{color:#F0EAEA} .qm-hdr .elementor-element-89d9552 .elementor-menu-toggle svg{fill:#F0EAEA} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-menu-toggle .elementor-menu-toggle__icon--open{display:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-menu-toggle .elementor-menu-toggle__icon--close{display:block} .qm-hdr .qm-hdr-nav-toggle:focus-visible ~ .elementor-menu-toggle{outline:2px solid currentColor;outline-offset:2px} @media (max-width:1024px){ .qm-hdr .elementor-element-2f51c92,.qm-hdr .elementor-element-89d9552{position:static} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main{display:block;position:absolute;left:0;right:0;top:100%;z-index:9997;margin-top:10px;max-height:100vh;overflow-x:hidden;overflow-y:auto;background-color:#fff;font-size:13px} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu{display:block} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item{color:#33373d;fill:#33373d;padding:10px 20px} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item:hover, .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item:focus, .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active{background-color:#3f444b;color:#fff;fill:#fff} } .qm-hdr .lightweight-product-search{position:relative} .qm-hdr .lightweight-product-search__overlay{display:none;position:absolute;top:100%;right:0;bottom:auto;left:0;z-index:auto;width:auto;height:auto;overflow:visible} .qm-hdr .lightweight-product-search__submit--compact-only,.qm-hdr .lightweight-product-search__close{cursor:pointer} .qm-hdr .qm-hdr-search-toggle:focus-visible + .lightweight-product-search .lightweight-product-search__submit--compact-only{outline:2px solid currentColor;outline-offset:2px} @media (min-width:1025px){ .qm-hdr .lightweight-product-search:focus-within .lightweight-product-search__overlay{display:none} } @media (max-width:1024px){ .qm-hdr .lightweight-product-search__form > .lightweight-product-search__submit:not(.lightweight-product-search__submit--compact-only){display:none} .qm-hdr .qm-hdr-search-toggle:checked + .lightweight-product-search .lightweight-product-search__overlay{display:block} .qm-hdr .lightweight-product-search__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain} } .qm-hdr .cart-menu{color:#fff} .qm-hdr .cart-menu .qm-cart-menu{display:inline-flex;align-items:center;color:#fff;line-height:0;padding:0} .qm-hdr .cart-menu .qm-cart-menu svg{width:22px;height:22px;stroke:currentColor} .qm-native .qm-cart-float{left:auto;right:24px} @media (max-width:767px){ .qm-native .qm-cart-float{right:16px} } Le lien est rendu en bloc pleine largeur pour que le pourcentage de l'image se calcule sur le widget (sinon largeur cyclique). */ .qm-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand{display:flex;width:100%;justify-content:center} .qm-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand img{width:70%;max-width:none;aspect-ratio:1366/230;object-fit:cover;object-position:center;filter:brightness(0) invert(1)} @media (max-width:767px){ .qm-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand img{width:140px} } @media (max-width:767px){ .qm-hdr .elementor-element.elementor-element-7a19fa4{position:relative;display:flex;flex-wrap:nowrap;align-items:center} .qm-hdr.elementor-627 .elementor-element.elementor-element-7a19fa4{padding-left:14px;padding-right:14px;gap:0} .qm-hdr .elementor-element.elementor-element-a92795d{display:contents} .qm-hdr .elementor-element.elementor-element-2f51c92{order:1;width:auto;flex:0 0 auto} .qm-hdr .elementor-element.elementor-element-0ed30ab{order:2;width:auto;flex:0 0 auto;margin-left:0} .qm-hdr .elementor-element.elementor-element-16b955d{order:4;width:auto;flex:0 0 auto;margin-left:auto} .qm-hdr .elementor-element.elementor-element-5a8d0c5{order:3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;margin:0;pointer-events:none} .qm-hdr .elementor-element.elementor-element-5a8d0c5 .qm-hdr-brand{pointer-events:auto} .qm-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand img{width:150px} .qm-hdr .lightweight-product-search__overlay-form{border:1px solid #dcd6ca;border-radius:0;background:#fff;padding:2px 6px} .qm-hdr .lightweight-product-search__overlay-input{min-height:44px;font-size:16px;color:#2B2B2E} .qm-hdr .lightweight-product-search__overlay-input::placeholder{color:#8a8a8a} } .qm-native .elementor-element-71dc978 .elementor-element-26ed912{align-items:center;text-align:center;margin-left:auto;margin-right:auto} .qm-native .elementor-element-71dc978 .elementor-element-26ed912 .e-heading-base, .qm-native .elementor-element-71dc978 .elementor-element-26ed912 .elementor-heading-title{text-align:center} .qm-native .elementor-element-71dc978 .elementor-element-8fad518{text-align:center;align-self:center} .qm-native .elementor-element-71dc978 .elementor-element-b63026c{justify-content:center;align-items:center} .elementor-widget-image svg.payment-icon,.payment-icon-wrapper svg.payment-icon{display:block;width:38px;height:24px} .elementor-widget-image svg.payment-icon{margin:0 auto} .qm-hdr-brand{display:inline-flex;align-items:center;justify-content:center;text-decoration:none} .esf-shop-layout, .esf-shop-layout *, .esf-shop-layout *::before, .esf-shop-layout *::after, .esf-product-grid, .esf-product-grid *, .esf-product-grid *::before, .esf-product-grid *::after, .esf-product-toolbar, .esf-product-toolbar *, .esf-product-toolbar *::before, .esf-product-toolbar *::after, .esf-product-filters, .esf-product-filters *, .esf-product-filters *::before, .esf-product-filters *::after { box-sizing: border-box; } .esf-shop-layout { display: block; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: 0; clear: both; --esf-sidebar-width: 30%; --esf-products-width: 70%; --esf-sidebar-width-tablet: 40%; --esf-products-width-tablet: 60%; --esf-content-gap: 30px; } .elementor-widget-esf-shop-layout, .elementor-widget-esf-product-toolbar, .elementor-widget-esf-product-filters, .elementor-widget-esf-active-filters, .elementor-widget-esf-pagination { width: 100%; max-width: 100%; min-width: 0; } .esf-shop-layout__toolbar { display: block; width: 100%; max-width: 100%; margin: 0; padding: 0; } .esf-shop-layout__body { display: flex; flex-direction: row; align-items: stretch; width: 100%; max-width: 100%; margin: 0; padding: 0; } .esf-shop-layout__overlay { display: none; } .esf-shop-layout__sidebar-header { display: none; } .esf-shop-layout__sidebar { display: block; flex: 0 0 0%; width: 0; max-width: 0; min-width: 0; margin: 0; padding: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: flex-basis 300ms ease, width 300ms ease, max-width 300ms ease, opacity 300ms ease, visibility 300ms ease; } .esf-shop-layout__sidebar[hidden] { display: block !important; } .esf-shop-layout__products { display: block; flex: 1 1 100%; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: 0; transition: flex-basis 300ms ease, width 300ms ease, max-width 300ms ease; } @media (max-width: 1024px) and (min-width: 768px) { .esf-shop-layout { --esf-sidebar-width: var(--esf-sidebar-width-tablet, 40%); --esf-products-width: var(--esf-products-width-tablet, 60%); } } @media (prefers-reduced-motion: reduce) { .esf-product-grid, .esf-shop-layout__sidebar, .esf-shop-layout__products, .esf-shop-layout__overlay, .esf-accordion__icon { transition: none !important; } } .esf-product-grid { display: block; width: 100%; max-width: 100%; margin: 0; padding: 0; clear: both; --esf-gap: 1.5rem; --esf-gap-tablet: 1rem; --esf-gap-mobile: 1rem; transition: width 300ms ease, max-width 300ms ease; } .esf-product-grid .products { display: grid; grid-template-columns: repeat(var(--esf-cols, 3), minmax(0, 1fr)); gap: var(--esf-gap, 1.5rem); margin: 0; padding: 0; list-style: none; width: 100%; } .esf-product-grid .products::before, .esf-product-grid .products::after { display: none !important; content: none !important; } .esf-product-grid .products li.product, .esf-product-grid .products .product { width: 100% !important; max-width: 100% !important; margin: 0 !important; float: none !important; clear: none !important; } .esf-product-grid[data-card-mode="default"] .products li.product img, .esf-product-grid[data-card-mode="default"] .products .product img { width: 100%; max-width: 100%; height: var(--esf-card-image-height, auto); aspect-ratio: var(--esf-card-image-ratio, auto); object-fit: cover; object-position: center; } .esf-product-grid[data-card-mode="loop"] .products li.product.esf-loop-product { list-style: none; } .esf-product-grid[data-card-mode="loop"] .products li.product.esf-loop-product > .elementor { width: 100%; } .esf-product-grid[data-equal-card="yes"] .products li.product, .esf-product-grid[data-equal-card="yes"] .products .product, .esf-product-grid[data-equal-button="yes"] .products li.product, .esf-product-grid[data-equal-button="yes"] .products .product { display: flex; flex-direction: column; height: 100%; } .esf-product-grid[data-equal-card="no"][data-equal-button="no"] .products li.product, .esf-product-grid[data-equal-card="no"][data-equal-button="no"] .products .product { display: block; height: auto; } .esf-product-grid[data-equal-card="yes"] .products li.product .price, .esf-product-grid[data-equal-card="yes"] .products .product .price { margin-top: auto; margin-bottom: 0; } .esf-product-grid[data-equal-button="yes"] .products li.product .button, .esf-product-grid[data-equal-button="yes"] .products .product .button, .esf-product-grid[data-equal-button="yes"] .products li.product a.button, .esf-product-grid[data-equal-button="yes"] .products .product a.button { margin-top: auto; } .esf-product-grid[data-equal-image="yes"] .products li.product img, .esf-product-grid[data-equal-image="yes"] .products .product img { width: 100%; height: var(--esf-image-height, 250px); object-fit: cover; object-position: center; } .esf-product-grid[data-equal-image="no"] .products li.product img, .esf-product-grid[data-equal-image="no"] .products .product img { height: auto; } @media (max-width: 1024px) { .esf-product-grid[data-equal-card-tablet="yes"] .products li.product, .esf-product-grid[data-equal-card-tablet="yes"] .products .product, .esf-product-grid[data-equal-button-tablet="yes"] .products li.product, .esf-product-grid[data-equal-button-tablet="yes"] .products .product { display: flex; flex-direction: column; height: 100%; } .esf-product-grid[data-equal-card-tablet="no"][data-equal-button-tablet="no"] .products li.product, .esf-product-grid[data-equal-card-tablet="no"][data-equal-button-tablet="no"] .products .product { display: block; height: auto; } .esf-product-grid[data-equal-button-tablet="yes"] .products li.product .button, .esf-product-grid[data-equal-button-tablet="yes"] .products .product .button, .esf-product-grid[data-equal-button-tablet="yes"] .products li.product a.button, .esf-product-grid[data-equal-button-tablet="yes"] .products .product a.button { margin-top: auto; } .esf-product-grid[data-equal-button-tablet="no"] .products li.product .button, .esf-product-grid[data-equal-button-tablet="no"] .products .product .button, .esf-product-grid[data-equal-button-tablet="no"] .products li.product a.button, .esf-product-grid[data-equal-button-tablet="no"] .products .product a.button { margin-top: 0; } .esf-product-grid[data-equal-image-tablet="yes"] .products li.product img, .esf-product-grid[data-equal-image-tablet="yes"] .products .product img { width: 100%; height: var(--esf-image-height-tablet, var(--esf-image-height, 250px)); object-fit: cover; object-position: center; } .esf-product-grid[data-equal-image-tablet="no"] .products li.product img, .esf-product-grid[data-equal-image-tablet="no"] .products .product img { height: auto; object-fit: initial; } } @media (max-width: 767px) { .esf-product-grid[data-equal-card-mobile="yes"] .products li.product, .esf-product-grid[data-equal-card-mobile="yes"] .products .product, .esf-product-grid[data-equal-button-mobile="yes"] .products li.product, .esf-product-grid[data-equal-button-mobile="yes"] .products .product { display: flex; flex-direction: column; height: 100%; } .esf-product-grid[data-equal-card-mobile="no"][data-equal-button-mobile="no"] .products li.product, .esf-product-grid[data-equal-card-mobile="no"][data-equal-button-mobile="no"] .products .product { display: block; height: auto; } .esf-product-grid[data-equal-button-mobile="yes"] .products li.product .button, .esf-product-grid[data-equal-button-mobile="yes"] .products .product .button, .esf-product-grid[data-equal-button-mobile="yes"] .products li.product a.button, .esf-product-grid[data-equal-button-mobile="yes"] .products .product a.button { margin-top: auto; } .esf-product-grid[data-equal-button-mobile="no"] .products li.product .button, .esf-product-grid[data-equal-button-mobile="no"] .products .product .button, .esf-product-grid[data-equal-button-mobile="no"] .products li.product a.button, .esf-product-grid[data-equal-button-mobile="no"] .products .product a.button { margin-top: 0; } .esf-product-grid[data-equal-image-mobile="yes"] .products li.product img, .esf-product-grid[data-equal-image-mobile="yes"] .products .product img { width: 100%; height: var(--esf-image-height-mobile, var(--esf-image-height-tablet, var(--esf-image-height, 250px))); object-fit: cover; object-position: center; } .esf-product-grid[data-equal-image-mobile="no"] .products li.product img, .esf-product-grid[data-equal-image-mobile="no"] .products .product img { height: auto; object-fit: initial; } } .esf-product-grid__empty, .esf-product-grid--notice { margin: 0; padding: 1rem 0; } .esf-product-grid__empty[data-esf-empty-results] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; width: 100%; max-width: 100%; margin: 0; padding: 2.5rem 1rem; text-align: center; } .esf-product-grid__empty-message { margin: 0; padding: 0; font: inherit; font-size: 1.125rem; line-height: 1.4; font-weight: 600; } .esf-product-grid__empty-clear { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0.6rem 1.25rem; border: 1px solid currentColor; background: transparent; color: inherit; font: inherit; font-size: 0.9375rem; line-height: 1.2; cursor: pointer; appearance: none; } .esf-product-grid__empty-clear:hover, .esf-product-grid__empty-clear:focus { opacity: 0.85; } .esf-product-grid__empty-clear:focus { outline: 2px solid currentColor; outline-offset: 2px; } @media (max-width: 767px) { .esf-product-grid__empty[data-esf-empty-results] { padding: 2rem 0.75rem; gap: 0.875rem; } .esf-product-grid__empty-message { font-size: 1rem; } .esf-product-grid__empty-clear { width: 100%; max-width: 16rem; } } .esf-product-grid__pager { width: 100%; max-width: 100%; margin-top: 1.75rem; } .esf-pagination.esf-product-grid__pagination, .esf-product-grid__pagination { display: block; width: 100%; margin: 0; text-align: center; } .esf-pagination__list, .esf-product-grid__pagination ul { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.35rem; margin: 0; padding: 0; list-style: none; } .esf-pagination .page-numbers, .esf-product-grid__pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; min-height: 2.5rem; padding: 0.4rem 0.75rem; border: 1px solid currentColor; background: transparent; color: inherit; font: inherit; font-size: 0.9375rem; line-height: 1.2; text-decoration: none; box-sizing: border-box; } .esf-pagination a.page-numbers:hover, .esf-pagination a.page-numbers:focus { opacity: 0.85; } .esf-pagination a.page-numbers:focus { outline: 2px solid currentColor; outline-offset: 2px; } .esf-pagination .page-numbers.current { font-weight: 600; cursor: default; } .esf-pagination .page-numbers.dots, .esf-pagination .page-numbers.dots:hover { min-width: 1.5rem; border-color: transparent; cursor: default; opacity: 0.65; } .esf-pagination .page-numbers.prev, .esf-pagination .page-numbers.next { min-width: auto; padding-inline: 0.9rem; } .esf-pagination a[data-esf-page] { cursor: pointer; } @media (max-width: 767px) { .esf-pagination__list, .esf-product-grid__pagination ul { gap: 0.25rem; width: 100%; } .esf-pagination .page-numbers, .esf-product-grid__pagination .page-numbers { min-width: 2.25rem; min-height: 2.25rem; padding: 0.35rem 0.55rem; font-size: 0.875rem; } .esf-pagination .page-numbers.prev, .esf-pagination .page-numbers.next { flex: 1 1 auto; max-width: 42%; } .esf-pagination a.page-numbers:not(.prev):not(.next), .esf-pagination span.page-numbers:not(.current):not(.dots) { display: none; } .esf-pagination span.page-numbers.dots { display: none; } } @media (max-width: 1024px) { .esf-product-grid .products { grid-template-columns: repeat(var(--esf-cols-tablet, 2), minmax(0, 1fr)); gap: var(--esf-gap-tablet, var(--esf-gap, 1rem)); } } @media (max-width: 767px) { .esf-product-grid .products { grid-template-columns: repeat(var(--esf-cols-mobile, 1), minmax(0, 1fr)); gap: var(--esf-gap-mobile, var(--esf-gap, 1rem)); } .esf-shop-layout__body { display: block; position: relative; } .esf-shop-layout__overlay { display: block; position: fixed; inset: 0; z-index: 999; margin: 0; padding: 0; border: 0; background: rgba(0, 0, 0, 0.45); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 300ms ease, visibility 300ms ease; } .esf-shop-layout__overlay-close { display: block; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; appearance: none; } .esf-shop-layout__overlay[hidden] { display: block !important; } .esf-shop-layout__sidebar-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; position: sticky; top: 0; z-index: 2; margin: 0; padding: 0.85rem 1rem; background: #fff; border-bottom: 1px solid #eeeeee; } .esf-shop-layout__sidebar-title { font: inherit; font-weight: 600; line-height: 1.2; } .esf-shop-layout__sidebar-close { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; margin: 0; padding: 0; border: 1px solid currentColor; background: transparent; color: inherit; font: inherit; font-size: 1.5rem; line-height: 1; cursor: pointer; appearance: none; } .esf-shop-layout__sidebar-close:focus { outline: 2px solid currentColor; outline-offset: 2px; } .esf-shop-layout__sidebar { position: fixed; top: 0; left: 0; z-index: 1000; flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0; height: 100%; height: 100dvh; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(-100%, 0, 0); transition: transform 300ms ease; touch-action: pan-y; } .esf-shop-layout__sidebar .esf-product-filters { padding: 0.75rem 1rem 1.5rem; } .esf-shop-layout__products, .esf-shop-layout.is-sidebar-open .esf-shop-layout__products, .esf-shop-layout.esf-filter-sidebar-open .esf-shop-layout__products { width: 100% !important; max-width: 100% !important; flex: none; } } .esf-product-toolbar { --esf-toolbar-gap: 1.25rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--esf-toolbar-gap); width: 100%; max-width: 100%; margin: 0; padding: 0.75rem 0; position: relative; } .esf-product-toolbar__filter, .esf-product-toolbar__count-wrap { display: flex; align-items: center; min-width: 0; flex: 0 0 auto; } .esf-product-toolbar[data-filter-position="left"] .esf-product-toolbar__filter { order: 1; } .esf-product-toolbar[data-filter-position="right"] .esf-product-toolbar__filter { order: 30; margin-left: auto; } .esf-product-toolbar[data-count-position="left"] .esf-product-toolbar__count-wrap { order: 10; } .esf-product-toolbar[data-count-position="center"] .esf-product-toolbar__count-wrap { order: 15; position: absolute; left: 50%; transform: translateX(-50%); margin: 0; z-index: 1; } .esf-product-toolbar[data-count-position="right"] .esf-product-toolbar__count-wrap { order: 25; margin-left: auto; } .esf-product-toolbar[data-filter-position="left"] .esf-product-toolbar__sort-wrap, .esf-product-toolbar[data-filter-position="right"] .esf-product-toolbar__sort-wrap { order: 20; margin-left: auto; } .esf-product-toolbar[data-filter-position="left"][data-count-position="right"] .esf-product-toolbar__sort-wrap { order: 24; margin-left: auto; } .esf-product-toolbar[data-filter-position="left"][data-count-position="right"] .esf-product-toolbar__count-wrap { order: 25; margin-left: 0; } .esf-product-toolbar[data-filter-position="right"][data-count-position="right"] .esf-product-toolbar__count-wrap { order: 28; margin-left: auto; } .esf-product-toolbar[data-filter-position="right"][data-count-position="right"] .esf-product-toolbar__filter { order: 30; margin-left: 0; } .esf-product-toolbar[data-filter-position="right"][data-count-position="right"] .esf-product-toolbar__sort-wrap { order: 18; margin-left: 0; } .esf-product-toolbar__filter-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0; padding: 0 1.125rem; height: 48px; border: 1px solid #dadada !important; border-radius: 4px; background: #ffffff; color: #222222; font: inherit; line-height: 1; text-decoration: none; cursor: pointer; appearance: none; transition: background-color 200ms ease; } .esf-product-toolbar__filter-btn:hover, .esf-product-toolbar__filter-btn:focus-visible { background: #f5f5f5; border-color: #dadada; color: #222222; text-decoration: none; } .esf-product-toolbar__filter-btn:active { background: #eeeeee; border-color: #dadada; color: #222222; text-decoration: none; } .esf-product-toolbar__filter-btn:focus { outline: 2px solid #111; outline-offset: 2px; } .esf-product-toolbar__filter-btn:hover .esf-product-toolbar__filter-icon, .esf-product-toolbar__filter-btn:active .esf-product-toolbar__filter-icon, .esf-product-toolbar__filter-btn:focus-visible .esf-product-toolbar__filter-icon, .esf-product-toolbar__filter-btn:hover .esf-product-toolbar__filter-text, .esf-product-toolbar__filter-btn:active .esf-product-toolbar__filter-text, .esf-product-toolbar__filter-btn:focus-visible .esf-product-toolbar__filter-text { color: #222222; text-decoration: none; } .esf-product-toolbar__filter-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 18px; height: 18px; line-height: 0; color: #222222; } .esf-product-toolbar__filter-icon svg { display: block; width: 18px; height: 18px; stroke: currentColor; } .esf-product-toolbar__filter-text { display: inline-flex; align-items: center; line-height: 1; color: #222222; text-decoration: none; } .esf-product-toolbar__count { display: inline-flex; align-items: baseline; gap: 0.35em; margin: 0; padding: 0; font: inherit; line-height: 1.3; white-space: nowrap; } .esf-product-toolbar__sort-wrap { display: inline-flex; align-items: center; gap: 0.5rem; max-width: 100%; } .esf-product-toolbar__sort-label { margin: 0; white-space: nowrap; font: inherit; line-height: 1.2; } .esf-product-toolbar__sort { display: inline-block; max-width: 100%; margin: 0; padding: 0.45rem 2rem 0.45rem 0.75rem; border: 1px solid currentColor; border-radius: 0; background-color: transparent; color: inherit; font: inherit; line-height: 1.2; cursor: pointer; appearance: none; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 14px) 55%, calc(100% - 9px) 55%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; } .esf-product-toolbar__sort:focus { outline: 2px solid currentColor; outline-offset: 2px; } @media (max-width: 767px) { .esf-product-toolbar { row-gap: 0.75rem; } .esf-product-toolbar[data-count-position="center"] { padding-top: 2.5rem; } .esf-product-toolbar[data-count-position="center"] .esf-product-toolbar__count-wrap { top: 0.75rem; left: 50%; transform: translateX(-50%); } .esf-product-toolbar__sort-wrap { flex-wrap: wrap; justify-content: flex-end; } .esf-product-toolbar__sort { max-width: min(100%, 12.5rem); } } @media (max-width: 480px) { .esf-product-toolbar__sort-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .esf-product-toolbar__sort-wrap { position: relative; } .esf-product-toolbar__sort { max-width: 10.5rem; } } .esf-product-filters { display: block; width: 100%; max-width: 100%; margin: 0; padding: 0; } .esf-accordion { display: block; width: 100%; margin: 0; padding: 0; border-top: 1px solid #eeeeee !important; } .esf-accordion__item { border-bottom: 1px solid #eeeeee !important; } .esf-accordion__header { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; margin: 0; padding: 0.85rem 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 600; text-align: left; cursor: pointer; appearance: none; transition: none; } .esf-accordion__header:hover, .esf-accordion__header:focus, .esf-accordion__header:active, .esf-accordion__item:hover .esf-accordion__header { background: transparent !important; color: inherit !important; box-shadow: none !important; } .esf-accordion__header:focus { outline: 2px solid currentColor; outline-offset: 2px; } .esf-accordion__header:focus:not(:focus-visible) { outline: none; } .esf-accordion__title { flex: 1 1 auto; min-width: 0; color: inherit; } .esf-accordion__icon { position: relative; flex: 0 0 auto; width: 0.75rem; height: 0.75rem; } .esf-accordion__icon::before, .esf-accordion__icon::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: currentColor; transform: translateY(-50%); transition: transform 200ms ease, opacity 200ms ease; } .esf-accordion__icon::after { transform: translateY(-50%) rotate(90deg); } .esf-accordion__panel { display: block; overflow: hidden; } .esf-accordion__panel[hidden] { display: none; } .esf-accordion__panel-inner { padding: 0 0 1rem; } .esf-filter-list { display: flex; flex-direction: column; gap: 0.55rem; margin: 0; padding: 0; list-style: none; } .esf-filter-list__item, .esf-filter-list__item:hover { background: transparent !important; } .esf-filter-list__label { display: flex; align-items: flex-start; gap: 0.5rem; margin: 0; padding: 0; cursor: pointer; font: inherit; line-height: 1.35; color: inherit; background: transparent; transition: none; } .esf-filter-list__label:hover, .esf-filter-list__label:focus, .esf-filter-list__label:active, .esf-filter-list__item:hover .esf-filter-list__label, .esf-filter-list__item:hover .esf-filter-list__text, .esf-filter-list__item:hover .esf-filter-list__count { background: transparent !important; color: inherit !important; box-shadow: none !important; text-decoration: none; } .esf-filter-list__input { flex: 0 0 auto; margin: 0.2rem 0 0; } .esf-filter-list__text { flex: 1 1 auto; min-width: 0; color: inherit; } .esf-filter-list__count { flex: 0 0 auto; opacity: 0.7; white-space: nowrap; color: inherit; } .esf-filter-list__item.is-zero { opacity: 0.45; } .esf-product-grid__items, .esf-product-grid__pager { width: 100%; max-width: 100%; } .esf-price-slider { display: flex; flex-direction: column; gap: 16px; position: relative; width: 100%; max-width: 100%; padding: 0.15rem 0 0.25rem; } .esf-price-slider .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .esf-price-slider__fields { display: flex; align-items: center; gap: 24px; margin: 0; width: 100%; } .esf-price-slider__field { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; } .esf-price-slider__label { margin: 0; } .esf-price-slider__control { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; padding: 0; border: 0; background: transparent; box-sizing: border-box; } .esf-price-slider__currency { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; width: 18px; min-width: 18px; height: 44px; padding: 0; border: 0; background: transparent; box-sizing: border-box; color: inherit; font: inherit; line-height: 1; text-align: center; white-space: nowrap; user-select: none; pointer-events: none; } .esf-price-slider__number { flex: 1 1 auto; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0 16px; border: 0 !important; border-radius: 999px !important; background: #f0f0f0 !important; box-shadow: none !important; box-sizing: border-box; color: inherit; font: inherit; line-height: normal; text-align: center; appearance: textfield; -moz-appearance: textfield; transition: background-color 150ms ease; } .esf-price-slider__number::-webkit-outer-spin-button, .esf-price-slider__number::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .esf-price-slider__number:focus { outline: none; background: #eaeaea !important; box-shadow: none; } @media (max-width: 480px) { .esf-price-slider__fields { grid-template-columns: 1fr; gap: 12px; } } .esf-product-filters__actions { margin-top: 1rem; padding-top: 0.75rem; } .esf-product-filters__reset { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0.5rem 0.9rem; border: 1px solid currentColor; background: transparent; color: inherit; font: inherit; cursor: pointer; appearance: none; } .esf-product-filters__reset:focus { outline: 2px solid currentColor; outline-offset: 2px; } .esf-shop-layout__sidebar .esf-product-filters { padding: 0.5rem 1rem 1rem; border: 1px solid #eeeeee !important; border-radius: 8px; background: #ffffff; } .esf-shop-layout__active-filters { display: block; width: 100%; max-width: 100%; } .esf-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin: 0 0 1rem; padding: 0; } .esf-active-filters[hidden], .esf-active-filters.is-empty { display: none; } .esf-single-product { display: flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 100%; min-width: 0; gap: 2.5rem; --esf-sp-gallery-width: 50%; --esf-sp-content-width: 50%; --esf-sp-content-gap: 40px; --esf-sp-cross-cols: 4; } .esf-single-product__main { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; gap: var(--esf-sp-content-gap, 40px); } .esf-single-product__gallery { display: block; flex: 0 0 var(--esf-sp-gallery-width, 50%); width: var(--esf-sp-gallery-width, 50%); max-width: var(--esf-sp-gallery-width, 50%); min-width: 0; order: 0; box-sizing: border-box; } .esf-single-product__content { display: block; flex: 1 1 0; width: var(--esf-sp-content-width, 50%); max-width: 100%; min-width: 0; order: 1; box-sizing: border-box; } .esf-single-product__summary { display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; min-width: 0; width: 100%; } .esf-sp-info { min-width: 0; width: 100%; } .esf-sp-info:empty { display: none !important; } .esf-single-product__add-to-cart { --esf-sp-qty-width: 30; --esf-sp-atc-width: 70; --esf-sp-atc-gap: 0.75rem; --esf-sp-atc-height: 52px; margin-top: 0.5rem; } .esf-single-product__add-to-cart form.cart { display: block; margin: 0; } .esf-single-product__add-to-cart form.cart .variations { width: 100%; margin: 0 0 0.75rem; } .esf-single-product__add-to-cart form.cart .variations td, .esf-single-product__add-to-cart form.cart .variations th { padding: 0.35rem 0; border: 0; background: transparent; vertical-align: middle; } .esf-single-product__add-to-cart .cfvsw-swatches-option, .esf-single-product__add-to-cart .cfvsw-label-option, .esf-sp-summary .cfvsw-swatches-option, .esf-sp-summary .cfvsw-label-option, [data-esf-single-product] .cfvsw-swatches-option, [data-esf-single-product] .cfvsw-label-option { border: 1px solid #d9d9d9 !important; border-radius: 0; background-color: #fff; } .esf-single-product__add-to-cart .cfvsw-swatches-option:hover, .esf-single-product__add-to-cart .cfvsw-label-option:hover, .esf-sp-summary .cfvsw-swatches-option:hover, .esf-sp-summary .cfvsw-label-option:hover, [data-esf-single-product] .cfvsw-swatches-option:hover, [data-esf-single-product] .cfvsw-label-option:hover { border-color: #999999 !important; } .esf-single-product__add-to-cart .cfvsw-selected-swatch, .esf-sp-summary .cfvsw-selected-swatch, [data-esf-single-product] .cfvsw-selected-swatch { border-color: #111111 !important; border-width: 2px !important; } .esf-single-product__add-to-cart form.cart .single_variation_wrap { width: 100%; } .esf-single-product__add-to-cart .esf-sp-purchase-row, .esf-single-product__add-to-cart .woocommerce-variation-add-to-cart .esf-sp-purchase-row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch; gap: var(--esf-sp-atc-gap); width: 100%; margin: 0; } .esf-single-product__add-to-cart .esf-sp-purchase-row > input[type="hidden"], .esf-single-product__add-to-cart .esf-sp-purchase-row > .esf-sp-accessories-fields { position: absolute; width: 0; height: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .esf-single-product__add-to-cart .esf-sp-purchase-row > .esf-sp-info--quantity { flex: var(--esf-sp-qty-width) 1 0% !important; width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box; } .esf-single-product__add-to-cart .esf-sp-purchase-row > .esf-sp-info--add-to-cart-button { flex: var(--esf-sp-atc-width) 1 0% !important; width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box; display: flex !important; align-items: stretch; } .esf-single-product__add-to-cart form.cart .woocommerce-variation-add-to-cart { display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; width: 100%; } .esf-single-product__add-to-cart .esf-sp-info--quantity .quantity, .esf-sp-summary .esf-sp-info--quantity .quantity, [data-esf-single-product] .esf-sp-info--quantity .quantity { display: flex !important; align-items: stretch; width: 100%; height: var(--esf-sp-atc-height, 52px); margin: 0; border: 1px solid #111111 !important; border-radius: 0; background: #fff !important; box-sizing: border-box; overflow: hidden; } .esf-single-product__add-to-cart .quantity input.qty, .esf-sp-summary .quantity input.qty, [data-esf-single-product] .quantity input.qty { flex: 1 1 auto; width: 100%; min-width: 0; height: 100%; min-height: 0; margin: 0; padding: 0 0.25rem; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; text-align: center; font-size: 1rem; font-weight: 500; color: #222; appearance: textfield; box-sizing: border-box; } .esf-single-product__add-to-cart .quantity input.qty::-webkit-outer-spin-button, .esf-single-product__add-to-cart .quantity input.qty::-webkit-inner-spin-button { appearance: none; margin: 0; } .esf-single-product__add-to-cart .esf-sp-info--add-to-cart-button .single_add_to_cart_button, .esf-single-product__add-to-cart .esf-sp-info--add-to-cart-button button.button, .esf-single-product__add-to-cart .esf-sp-info--add-to-cart-button a.single_add_to_cart_button, .esf-single-product__add-to-cart .single_add_to_cart_button, .esf-single-product__add-to-cart button.button.alt, .esf-single-product__add-to-cart a.single_add_to_cart_button { display: flex; align-items: center; justify-content: center; width: 100%; height: var(--esf-sp-atc-height); min-height: var(--esf-sp-atc-height); margin: 0; padding: 0 1.25rem; border: 0; border-radius: 0; background-color: #1a1a1a; color: #fff; font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.2; text-align: center; text-decoration: none; text-transform: none; box-shadow: none; box-sizing: border-box; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } .esf-single-product__add-to-cart .esf-sp-info--add-to-cart-button .single_add_to_cart_button:hover, .esf-single-product__add-to-cart .esf-sp-info--add-to-cart-button button.button:hover, .esf-single-product__add-to-cart .esf-sp-info--add-to-cart-button a.single_add_to_cart_button:hover, .esf-single-product__add-to-cart .single_add_to_cart_button:hover, .esf-single-product__add-to-cart button.button.alt:hover, .esf-single-product__add-to-cart a.single_add_to_cart_button:hover { background-color: #000; color: #fff; } .esf-sp-gallery { --esf-sp-image-gap: 12px; --esf-sp-image-radius: 0; position: relative; width: 100%; min-width: 0; overflow-x: hidden; } .esf-sp-gallery__desktop { width: 100%; } .esf-sp-gallery__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esf-sp-image-gap, 12px); width: 100%; } .esf-sp-gallery__load-more { display: inline-flex; align-items: center; justify-content: center; margin-top: 0.9rem; padding: 0.65rem 1rem; border: 1px solid #d9d9d9; border-radius: 999px; background: #fff; color: inherit; cursor: pointer; font: inherit; } .esf-sp-gallery__load-more:hover { border-color: #111; } .esf-sp-gallery__item { display: block; position: relative; margin: 0; padding: 0; overflow: hidden; border-radius: var(--esf-sp-image-radius, 0); text-decoration: none; color: inherit; background: #f5f5f5; transition: opacity 220ms ease, transform 220ms ease; } .esf-sp-gallery__item.is-hidden { display: none; } .esf-sp-gallery__item:not(.is-hidden) { animation: esf-sp-gallery-reveal 220ms ease both; } @keyframes esf-sp-gallery-reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } .esf-sp-gallery__zoom { display: block; position: relative; width: 100%; overflow: hidden; border-radius: inherit; } .esf-sp-gallery__image, .esf-sp-gallery img { display: block; width: 100%; height: 100%; max-width: 100%; margin: 0; object-fit: cover; object-position: center; transition: transform 350ms ease, opacity 250ms ease; } .esf-sp-gallery--zoom .esf-sp-gallery__item:hover .esf-sp-gallery__image { transform: scale(1.08); } .esf-sp-lightbox[hidden] { display: none !important; } .esf-sp-lightbox { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; } .esf-sp-lightbox__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.88); } .esf-sp-lightbox__dialog { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: min(92vw, 1100px); max-height: 90vh; } .esf-sp-lightbox__figure { margin: 0; max-width: 100%; max-height: 90vh; } .esf-sp-lightbox__image { display: block; max-width: 100%; max-height: 90vh; width: auto; height: auto; margin: 0 auto; } .esf-sp-lightbox__close, .esf-sp-lightbox__prev, .esf-sp-lightbox__next { position: absolute; z-index: 2; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; appearance: none; } .esf-sp-lightbox__close { top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; font-size: 2rem; line-height: 1; } .esf-sp-lightbox__prev, .esf-sp-lightbox__next { top: 50%; width: 2.75rem; height: 2.75rem; transform: translateY(-50%); font-size: 0; } .esf-sp-lightbox__prev { left: 0.5rem; } .esf-sp-lightbox__next { right: 0.5rem; } .esf-sp-lightbox__prev::before, .esf-sp-lightbox__next::before { content: ""; display: block; width: 0.75rem; height: 0.75rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .esf-sp-lightbox__prev::before { transform: rotate(-135deg); } .esf-sp-lightbox__next::before { transform: rotate(45deg); } .esf-single-product__title { margin: 0 0 0.75rem; font: inherit; font-size: 1.75rem; font-weight: 600; line-height: 1.25; } .esf-single-product__price { margin: 0 0 1rem; } @media (max-width: 767px) { .esf-single-product { overflow-x: clip; gap: 1.5rem; } .esf-sp-gallery__desktop { display: none; } .esf-single-product__main { flex-direction: column; align-items: stretch; gap: var(--esf-sp-content-gap, 20px); } .esf-single-product__gallery, .esf-single-product__content { flex: 0 0 auto; min-width: 0; } .esf-sp-fullwidth-mobile-yes .esf-single-product__gallery, .esf-sp-fullwidth-mobile-yes .esf-single-product__content { width: 100%; max-width: 100%; } .esf-sp-gallery:not(.esf-sp-gallery--mobile-slider) .esf-sp-gallery__grid { grid-template-columns: minmax(0, 1fr); } .esf-sp-no-touch-zoom-yes .esf-sp-gallery--zoom .esf-sp-gallery__item:hover .esf-sp-gallery__image { transform: none; } .esf-single-product__summary { gap: 0.65rem; } .esf-single-product__title { font-size: clamp(1.25rem, 5vw, 1.75rem); line-height: 1.25; word-break: break-word; } .esf-single-product__add-to-cart form.cart { width: 100%; } .esf-sp-atc-full-mobile-yes .esf-single-product__add-to-cart .single_add_to_cart_button, .esf-sp-atc-full-mobile-yes .esf-single-product__add-to-cart button.button.alt, .esf-sp-atc-full-mobile-yes .esf-single-product__add-to-cart a.single_add_to_cart_button { width: 100%; min-height: var(--esf-sp-atc-height, 52px); justify-content: center; } .esf-single-product__add-to-cart .esf-sp-info--quantity .quantity { height: var(--esf-sp-atc-height, 52px); } .esf-single-product__add-to-cart .quantity input.qty { min-height: 0; min-width: 0; } .esf-sp-accordion__header { min-height: 48px; } .esf-sp-accordion__panel-inner { font-size: 0.95rem; } .esf-sp-lightbox__dialog { width: 100vw; max-height: 100vh; padding: 0 0.5rem; } .esf-sp-lightbox__close { top: max(0.75rem, env(safe-area-inset-top, 0px)); right: max(0.75rem, env(safe-area-inset-right, 0px)); width: 2.75rem; height: 2.75rem; } } @media (hover: none) and (pointer: coarse) { .esf-sp-no-touch-zoom-yes .esf-sp-gallery--zoom .esf-sp-gallery__image { transform: none !important; } } .esf-sp-accordion { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border-top: 1px solid #eeeeee; } .esf-sp-accordion__item { border-bottom: 1px solid #eeeeee; } .esf-sp-accordion__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; margin: 0; padding: 18px 20px; border: 0; border-radius: 0; background: transparent; background-color: transparent; box-shadow: none; color: inherit; font: inherit; text-align: left; text-decoration: none; cursor: pointer; transition: background-color 0.2s ease; appearance: none; -webkit-appearance: none; } .esf-sp-accordion button.esf-sp-accordion__header:hover, .esf-sp-accordion button.esf-sp-accordion__header:focus { background: #fafafa; background-color: #fafafa; border-color: transparent; box-shadow: none; color: inherit; text-decoration: none; outline: none; } .esf-sp-accordion button.esf-sp-accordion__header:hover .esf-sp-accordion__title, .esf-sp-accordion button.esf-sp-accordion__header:focus .esf-sp-accordion__title, .esf-sp-accordion button.esf-sp-accordion__header:hover .esf-sp-accordion__toggle, .esf-sp-accordion button.esf-sp-accordion__header:focus .esf-sp-accordion__toggle, .esf-sp-accordion button.esf-sp-accordion__header:hover .esf-sp-accordion__item-icon, .esf-sp-accordion button.esf-sp-accordion__header:focus .esf-sp-accordion__item-icon, .esf-sp-accordion button.esf-sp-accordion__header:hover .esf-sp-accordion__toggle-fallback, .esf-sp-accordion button.esf-sp-accordion__header:focus .esf-sp-accordion__toggle-fallback { color: inherit; } .esf-sp-accordion__header:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .esf-sp-accordion__header-main { display: inline-flex; align-items: center; gap: 0.65rem; min-width: 0; } .esf-sp-accordion__title { font-size: 1rem; font-weight: 600; line-height: 1.35; } .esf-sp-accordion__toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 1.25rem; height: 1.25rem; position: relative; } .esf-sp-accordion__toggle-icon { display: none; align-items: center; justify-content: center; line-height: 1; } .esf-sp-accordion__toggle-icon svg { width: 1em; height: 1em; fill: currentColor; } .esf-sp-accordion__item:not(.is-open) .esf-sp-accordion__toggle-icon--closed, .esf-sp-accordion__item.is-open .esf-sp-accordion__toggle-icon--opened { display: inline-flex; } .esf-sp-accordion__panel { display: block; } .esf-sp-accordion__panel[hidden] { display: none; } .esf-sp-accordion__panel-inner { padding: 20px; font-size: 0.95rem; line-height: 1.6; } .esf-sp-accordion__panel-inner > *:first-child { margin-top: 0; } .esf-sp-accordion__panel-inner > *:last-child { margin-bottom: 0; } .esf-sp-trustpilot { --esf-tp-green: #00b67a; --esf-tp-empty: #dcdce6; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.55rem 0.75rem; line-height: 1; color: #1a1a1a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .esf-sp-trustpilot__stars { display: inline-flex; align-items: stretch; gap: 1px; background: #111; padding: 0; } .esf-sp-trustpilot__cell { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; overflow: hidden; background: var(--esf-tp-empty); } .esf-sp-trustpilot__cell-bg { position: absolute; inset: 0 auto 0 0; width: var(--esf-tp-fill, 100%); background: var(--esf-tp-green); z-index: 0; } .esf-sp-trustpilot__star-icon { position: relative; z-index: 1; display: inline-flex; line-height: 0; } .esf-sp-trustpilot__svg { display: block; width: 13px; height: 13px; } .esf-sp-trustpilot__text { display: inline-flex; align-items: baseline; gap: 0.3rem; font-size: 15px; color: #1a1a1a; } .esf-sp-trustpilot__score { font-weight: 700; } .elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;} .elementor .e-heading-base{margin:0px;} .elementor .e-heading-link-base{all:unset;cursor:pointer;} .elementor-940 .elementor-element.elementor-element-c37b944{--display:flex;--padding-top:150px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;} .elementor-940 .elementor-element.elementor-element-fec72fc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );} .elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );} .elementor-940 .elementor-element.elementor-element-b992e39{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-940 .elementor-element.elementor-element-d250823 .esf-product-grid{--esf-cols:3;--esf-gap:24px;--esf-image-height:250px;} .elementor-940 .elementor-element.elementor-element-d250823 .esf-shop-layout{--esf-sidebar-width:30%;--esf-products-width:calc(100% - 30%);--esf-content-gap:30px;--esf-sticky-sidebar-top:120px;} .elementor-940 .elementor-element.elementor-element-c3ef3a9{--display:flex;--padding-top:25px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;} .elementor-940 .elementor-element.elementor-element-246a732{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;} .elementor-940 .elementor-element.elementor-element-246a732:not(.elementor-motion-effects-element-type-background), .elementor-940 .elementor-element.elementor-element-246a732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );} .elementor-940 .elementor-element.elementor-element-181cd1e{color:var( --e-global-color-secondary );} .elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );} @media(max-width:1024px){ .elementor-940 .elementor-element.elementor-element-c37b944{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:100px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;} .elementor-940 .elementor-element.elementor-element-fec72fc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-940 .elementor-element.elementor-element-0af5340{padding:0px 0px 0px 0px;} .elementor-940 .elementor-element.elementor-element-d250823 .esf-product-grid{--esf-cols:2;--esf-gap:16px;--esf-image-height-tablet:250px;} .elementor-940 .elementor-element.elementor-element-d250823 .esf-shop-layout{--esf-sidebar-width:40%;--esf-products-width:calc(100% - 40%);--esf-content-gap:30px;--esf-sticky-sidebar-top:120px;} .elementor-940 .elementor-element.elementor-element-c3ef3a9{--padding-top:0px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;} } @media(max-width:767px){ .elementor-940 .elementor-element.elementor-element-c37b944{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;} .elementor-940 .elementor-element.elementor-element-fec72fc{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;} .elementor-940 .elementor-element.elementor-element-0af5340{padding:0px 0px 20px 0px;} .elementor-940 .elementor-element.elementor-element-d250823 .esf-product-grid{--esf-cols:2;--esf-gap:16px;--esf-image-height-mobile:250px;} .elementor-940 .elementor-element.elementor-element-d250823 .esf-shop-layout{--esf-sidebar-width:100%;--esf-products-width:calc(100% - 100%);--esf-content-gap:15px;--esf-sticky-sidebar-top:120px;} .elementor-940 .elementor-element.elementor-element-c3ef3a9{--padding-top:50px;--padding-bottom:100px;--padding-left:16px;--padding-right:16px;} } .elementor-979 .elementor-element.elementor-element-bc5de49{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-9d2fdd1 );--border-color:var( --e-global-color-9d2fdd1 );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-979 .elementor-element.elementor-element-7e9b91d{--display:flex;--min-height:358px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-979 .elementor-element.elementor-element-26c8056 img{width:100%;height:358px;object-fit:cover;object-position:center center;} .elementor-979 .elementor-element.elementor-element-a595238{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;} .elementor-979 .elementor-element.elementor-element-a595238:not(.elementor-motion-effects-element-type-background), .elementor-979 .elementor-element.elementor-element-a595238 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );} .elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );} .elementor-979 .elementor-element.elementor-element-5537b1e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:600;color:var( --e-global-color-accent );} .woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );} .woocommerce .elementor-979 .elementor-element.elementor-element-6fa0d7c .price{color:var( --e-global-color-accent );font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;} .woocommerce .elementor-979 .elementor-element.elementor-element-6fa0d7c .price ins{color:var( --e-global-color-text );} .e-loop-item *{word-break:break-word} [class*=elementor-widget-loop] .elementor-page-title,[class*=elementor-widget-loop] .product_title.entry-title{display:initial} .elementor-940 .elementor-element-d250823 .esf-product-grid { --esf-cols-tablet: 2; --esf-cols-mobile: 2; --esf-gap-tablet: 16px; --esf-gap-mobile: 16px; --esf-image-height-tablet: 250px; --esf-image-height-mobile: 250px; } .qm-flt-toggle { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } label.esf-product-toolbar__filter-btn, label.esf-shop-layout__sidebar-close, label.esf-shop-layout__overlay-close { user-select: none; -webkit-user-select: none; } .qm-flt-toggle:focus-visible ~ .elementor-widget-esf-product-toolbar .esf-product-toolbar__filter-btn { outline: 2px solid #111; outline-offset: 2px; } @media (min-width: 768px) { .qm-flt-toggle:not(:checked) ~ .elementor-widget-esf-shop-layout .esf-shop-layout__sidebar { position: sticky; top: var(--esf-sticky-sidebar-top, 120px); align-self: flex-start; flex: 0 0 var(--esf-sidebar-width, 30%); width: var(--esf-sidebar-width, 30%); max-width: var(--esf-sidebar-width, 30%); min-height: 12.5rem; opacity: 1; visibility: visible; pointer-events: auto; overflow: auto; border: 0; } .qm-flt-toggle:not(:checked) ~ .elementor-widget-esf-shop-layout .esf-shop-layout__body { min-height: 12.5rem; column-gap: var(--esf-content-gap, 30px); gap: var(--esf-content-gap, 30px); } .qm-flt-toggle:not(:checked) ~ .elementor-widget-esf-shop-layout .esf-shop-layout__products { flex: 1 1 0; width: auto; max-width: none; min-width: 0; } } @media (max-width: 767px) { .qm-flt-toggle:checked ~ .elementor-widget-esf-shop-layout .esf-shop-layout__sidebar { transform: translate3d(0, 0, 0); } .qm-flt-toggle:checked ~ .elementor-widget-esf-shop-layout .esf-shop-layout__overlay { opacity: 1; visibility: visible; pointer-events: auto; } label.esf-shop-layout__overlay-close { display: block; } } .esf-accordion__item > summary.esf-accordion__header { list-style: none; } .esf-accordion__item > summary.esf-accordion__header::-webkit-details-marker { display: none; } .esf-accordion__item[open] .esf-accordion__icon::after { opacity: 0; transform: translateY(-50%) rotate(90deg) scaleX(0); } a.esf-filter-list__label { text-decoration: none; } .qm-flt-box { position: relative; display: inline-block; width: 13px; height: 13px; border: 1px solid currentColor; border-radius: 2px; background: #fff; } .esf-filter-list__item.is-active .qm-flt-box::after { content: ""; position: absolute; inset: 2px; background: currentColor; } .esf-filter-list__item.is-active .esf-filter-list__text { font-weight: 600; } a.esf-product-filters__reset, a.esf-active-filters__chip, a.esf-active-filters__clear-all, a.esf-product-grid__empty-clear { text-decoration: none; } .qm-sort-form { margin: 0; } html.qm-js .qm-sort-form .qm-sort-apply { display: none; } .qm-sort-apply { display: inline-flex; align-items: center; margin: 0; padding: 0.45rem 0.7rem; border: 1px solid currentColor; border-radius: 0; background: transparent; color: inherit; font: inherit; font-size: 0.875rem; line-height: 1.2; cursor: pointer; appearance: none; -webkit-appearance: none; opacity: 0.8; } .qm-sort-apply:hover, .qm-sort-apply:focus-visible { opacity: 1; } .esf-pagination ul.page-numbers { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.35rem; margin: 0; padding: 0; min-width: 0; min-height: 0; border: 0; list-style: none; white-space: normal; } .esf-pagination ul.page-numbers li { display: block; float: none; margin: 0; padding: 0; border: 0; overflow: visible; } .esf-product-grid__empty-sub { margin: 0; opacity: 0.75; } .qm-price-form { margin: 0; } .qm-price-form .esf-price-slider__label { margin: 0 0 0.25rem; font-size: 0.8125rem; line-height: 1.2; opacity: 0.75; } .qm-price-form .esf-price-slider__number::placeholder { opacity: 0.5; } .qm-price-form .qm-price-apply { align-self: flex-start; } .elementor-979 .elementor-element.elementor-element-5537b1e h2.elementor-heading-title { line-height: 1; } .qm-native .esf-shop-layout__sidebar { height: 100dvh; } .qm-native .esf-shop-layout__sidebar-header { position: sticky; top: 0; background: #fff; z-index: 3; } @media (max-width: 480px) { .qm-native .esf-product-toolbar { flex-wrap: nowrap; justify-content: space-between; gap: 10px; } .qm-native .esf-product-toolbar__count-wrap { display: none; } .qm-native .esf-product-toolbar__sort-wrap { flex: 0 1 auto; min-width: 0; } .qm-native .esf-product-toolbar__sort-wrap select { max-width: 200px; min-width: 0; } } .elementor-583 .elementor-element.elementor-element-ba5d1e3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-583 .elementor-element.elementor-element-ba5d1e3:not(.elementor-motion-effects-element-type-background), .elementor-583 .elementor-element.elementor-element-ba5d1e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );} .elementor-583 .elementor-element.elementor-element-3348096{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;} .elementor-583 .elementor-element.elementor-element-a5565a7{--display:flex;} .elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );} .elementor-583 .elementor-element.elementor-element-45fd47b .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-a345088{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-583 .elementor-element.elementor-element-ad45b9e .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-76c54f4 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-1348fe0 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-46b15c4{--display:flex;} .elementor-583 .elementor-element.elementor-element-09a7eae .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-db43bb8{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-583 .elementor-element.elementor-element-16b31d9 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-76cd09b .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-8f9c518 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-35d6b41 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-ecb4add .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-cc85648{--display:flex;} .elementor-583 .elementor-element.elementor-element-d8375f5 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-4d8632f{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-583 .elementor-element.elementor-element-45c0cf1 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-74e2b63 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-a093ce9 .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-48c38ee .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-d64231f .elementor-heading-title{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-6ae1cdb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;} .elementor-583 .elementor-element.elementor-element-27dfe32{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );} .elementor-583 .elementor-element.elementor-element-578bf18 p{margin-block-end:0px;} .elementor-583 .elementor-element.elementor-element-578bf18{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-578bf18 a{color:var( --e-global-color-f8032ae );} .elementor-583 .elementor-element.elementor-element-cb621dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;} @media(min-width:768px){ .elementor-583 .elementor-element.elementor-element-27dfe32{--width:50%;} .elementor-583 .elementor-element.elementor-element-cb621dc{--width:50%;} } @media(max-width:1024px) and (min-width:768px){ .elementor-583 .elementor-element.elementor-element-27dfe32{--width:40%;} .elementor-583 .elementor-element.elementor-element-cb621dc{--width:60%;} } @media(max-width:1024px){ .elementor-583 .elementor-element.elementor-element-ba5d1e3{--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;} } @media(max-width:767px){ .elementor-583 .elementor-element.elementor-element-27dfe32{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );} .elementor-583 .elementor-element.elementor-element-cb621dc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--flex-wrap:wrap;} } .qm-ftr .white-line-hover .elementor-heading-title{display:inline;color:#fff;text-decoration:none;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-position:left bottom;background-size:0% 1px;transition:background-size .45s ease} .qm-ftr .white-line-hover:hover .elementor-heading-title{color:#fff;background-size:100% 1px} .qm-ftr .elementor-element-cb621dc .elementor-widget-image img{width:38px;height:auto} .payment-icons-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .payment-icons-container img{width:38px;height:24px;object-fit:contain} .qm-ftr .elementor-element.elementor-element-45fd47b p.elementor-heading-title,.qm-ftr .elementor-element.elementor-element-09a7eae p.elementor-heading-title,.qm-ftr .elementor-element.elementor-element-19cd5b7 p.elementor-heading-title,.qm-ftr .elementor-element.elementor-element-d8375f5 p.elementor-heading-title{font-size:16px;line-height:26px;font-weight:500} html{line-height:1.15;-webkit-text-size-adjust:100%} *,:after,:before{box-sizing:border-box} body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip} h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem} h1{font-size:2.5rem} h2{font-size:2rem} h3{font-size:1.75rem} h4{font-size:1.5rem} h5{font-size:1.25rem} h6{font-size:1rem} p{margin-block-end:.9rem;margin-block-start:0} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace;font-size:1em;white-space:pre-wrap} a{background-color:transparent;color:#c36;text-decoration:none} a:active,a:hover{color:#336} a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none} a:not([href]):not([tabindex]):focus{outline:0} abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} img{border-style:none;height:auto;max-width:100%} details{display:block} summary{display:list-item} figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4} [hidden],template{display:none} @media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}} label{display:inline-block;line-height:1;vertical-align:middle} button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0} input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%} input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333} button,input{overflow:visible} button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto} [type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap} [type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none} [type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} fieldset{padding:.35em .75em .625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{vertical-align:baseline} textarea{overflow:auto;resize:vertical} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} select{display:block} table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%} table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top} table th{font-weight:700} table tfoot th,table thead th{font-size:1em} table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)} table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)} table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)} table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)} @media(max-width:767px){ table table{font-size:.8em} table table td,table table th{line-height:1.3;padding:7px} table table th{font-weight:400} } dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline} [tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px} [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none} .comments-area a,.page-content a{text-decoration:underline} .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important} .screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000} .post .entry-title a{text-decoration:none} .post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%} @media(max-width:991px){ .post .wp-post-image{max-height:400px} } @media(max-width:575px){ .post .wp-post-image{max-height:300px} } .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%} @custom-media --hello-screen-xs-and-below (width < 576px); @custom-media --hello-screen-xs-and-above (width >= 576px); @custom-media --hello-screen-xs-only (0 <= width < 576px); @custom-media --hello-screen-sm-and-below (width < 768px); @custom-media --hello-screen-sm-and-above (width >= 768px); @custom-media --hello-screen-sm-only (576px <= width < 768px); @custom-media --hello-screen-md-and-below (width < 992px); @custom-media --hello-screen-md-and-above (width >= 992px); @custom-media --hello-screen-md-only (768px <= width < 992px); @custom-media --hello-screen-xl-and-below (width < 1200px); @custom-media --hello-screen-xl-and-above (width >= 1200px); @custom-media --hello-screen-xl-only (992px <= width < 1200px); @media(max-width:575px){ .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px} } @media(min-width:576px){ .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px} } @media(min-width:768px){ .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px} } @media(min-width:992px){ .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px} } @media(min-width:1200px){ .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px} } :root { --qm-c-accent: #DD1B1F; --qm-c-accent-hover: #C02B1D; --qm-c-ink: #2B2B2E; --qm-c-text: #292929; --qm-c-white: #FFFFFF; --qm-c-cream-light: #FAF5EA; --qm-c-black: #000000; --qm-c-sand: #eeeae3; --qm-c-dark: #1A1A1A; --qm-c-cream: #FFF9EA; --qm-c-green: #009B5A; --qm-c-border: #0000001A; --qm-c-grey: #6B6B6B; --qm-f-body: "Instrument Sans", Sans-serif; --qm-f-primary: "Roboto", Sans-serif; --qm-f-secondary: "Roboto Slab", serif; --ast-global-color-0: var(--qm-c-accent); --ast-global-color-1: var(--qm-c-accent-hover); --ast-global-color-2: var(--qm-c-ink); --ast-global-color-3: var(--qm-c-text); --ast-global-color-4: var(--qm-c-white); --ast-global-color-5: var(--qm-c-cream-light); --ast-global-color-6: var(--qm-c-black); --ast-global-color-7: var(--qm-c-sand); --ast-global-color-8: var(--qm-c-dark); } .esf-sp-trustpilot__stars { display: inline-flex; align-items: stretch; gap: 2px; background: none; padding: 0; } @media (min-width:1025px){ .qm-hdr .header-background{align-items:center} .qm-hdr .elementor-element-5a8d0c5{ position:absolute;left:50%;transform:translateX(-50%);width:auto;max-width:none;z-index:1000} .qm-hdr .elementor-element.elementor-element-c52526f{width:auto;max-width:none} .qm-hdr .elementor-element-5a8d0c5 .qm-hdr-brand{display:inline-flex;align-items:center;width:auto} .qm-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand img{ width:210px;max-width:210px;height:auto} .qm-hdr .elementor-element-2f51c92{flex:0 1 auto;width:auto;max-width:none} .qm-hdr .elementor-element-a92795d{flex:0 0 auto;width:auto;max-width:none;margin-left:auto} .qm-hdr .elementor-element-2f51c92, .qm-hdr .elementor-element-89d9552{position:static} .qm-hdr .elementor-element-2f51c92, .qm-hdr .elementor-element-89d9552, .qm-hdr .elementor-nav-menu--main{overflow:visible} .qm-hdr .elementor-nav-menu--main > ul.elementor-nav-menu{ position:static;flex-wrap:nowrap;gap:2px;align-items:center} .qm-hdr .elementor-nav-menu--main > ul.elementor-nav-menu > li{position:static;display:flex} .qm-hdr .elementor-nav-menu--main > ul.elementor-nav-menu > li > .elementor-item{ display:inline-flex;align-items:center;gap:6px;flex-grow:0;background:none; padding:6px 12px;border-radius:0;white-space:nowrap;line-height:20px; text-decoration:none;text-underline-offset:7px} .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item:hover, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item:focus, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item.highlighted, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item.elementor-item-active, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main li:hover > .elementor-item, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main li:focus-within > .elementor-item{ color:#FFFFFF;fill:#FFFFFF;background:none;background-color:transparent} .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main li:hover > .elementor-item, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main li:focus-within > .elementor-item, .qm-hdr .elementor-element.elementor-element-89d9552 .elementor-nav-menu--main .elementor-item.elementor-item-active{ text-decoration:underline;text-decoration-color:#FFFFFF} .qm-hdr .qm-hdr-chev{flex:0 0 auto;transition:transform .15s ease} .qm-hdr .elementor-nav-menu--main > ul.elementor-nav-menu > li:hover > .elementor-item .qm-hdr-chev, .qm-hdr .elementor-nav-menu--main > ul.elementor-nav-menu > li:focus-within > .elementor-item .qm-hdr-chev{transform:rotate(180deg)} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega::before{ content:"";position:absolute;left:0;right:0;top:-20px;height:20px;background:none} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega{ position:absolute;left:0;right:0;top:100%;z-index:9998;display:none; padding:26px 32px 30px;background-color:#1A1A1A; border-top:1px solid rgba(255,255,255,.14);border-radius:0 0 12px 12px; box-shadow:0 18px 40px rgba(0,0,0,.35)} .qm-hdr .elementor-nav-menu--main > ul.elementor-nav-menu > li:hover > .qm-hdr-mega, .qm-hdr .elementor-nav-menu--main > ul.elementor-nav-menu > li:focus-within > .qm-hdr-mega{ display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega:not(:has(.qm-hdr-mega__img)){grid-template-columns:minmax(0,1fr)} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega > ul.qm-hdr-mega__list{ display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:0 28px;position:static;width:auto;max-width:none;margin:0;padding:0;border:0; background:none;box-shadow:none} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega > ul.qm-hdr-mega__list > li{display:block;width:auto} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item{ display:block;padding:7px 0;font-size:14px;font-weight:400;line-height:1.35; color:#F0EAEA;fill:#F0EAEA;white-space:normal;background:none} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item:hover, .qm-hdr .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item:focus, .qm-hdr .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item.elementor-sub-item-active{ color:#FFFFFF;fill:#FFFFFF;background:none;text-decoration:underline;text-underline-offset:3px} .qm-hdr .qm-hdr-mega__img{margin:0;border-radius:10px;overflow:hidden;line-height:0} .qm-hdr .qm-hdr-mega__img img{width:100%;height:200px;object-fit:cover;display:block} } .qm-native.home .qm-hdr .custom-sticky-header > .e-con-inner{padding:20px 30px 0} .qm-native.home .qm-hdr .header-background{margin:0;border-radius:12px} .qm-native:not(.home) .qm-hdr .custom-sticky-header > .e-con-inner{padding:0} .qm-native:not(.home) .qm-hdr .header-background{margin:0;border-radius:0} .qm-native:not(.home){--qm-hdr-h:72px} @media (max-width:767px){ .qm-native.home .qm-hdr .custom-sticky-header > .e-con-inner{padding:12px 12px 0} .qm-native.home .qm-hdr .header-background{border-radius:10px} } @supports (animation-timeline: scroll()){ .qm-native.home .qm-hdr .custom-sticky-header > .e-con-inner{ animation:qm-hdr-dock-pad linear both;animation-timeline:scroll(root);animation-range:0px 140px} @keyframes qm-hdr-dock-pad{from{padding:20px 30px 0}to{padding:0}} .qm-native.home .qm-hdr .header-background{ animation:qm-hdr-dock linear both;animation-timeline:scroll(root);animation-range:0px 140px} @keyframes qm-hdr-dock{from{border-radius:12px}to{border-radius:0}} } .qm-native .esf-pagination ul.page-numbers{ display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px; list-style:none;margin:30px 0 0;padding:0;border:0} .qm-native .esf-pagination ul.page-numbers li{margin:0;padding:0;border:0;background:none} .qm-native .esf-pagination ul.page-numbers li .page-numbers{ display:inline-flex;align-items:center;justify-content:center; min-width:42px;height:42px;padding:0 13px;box-sizing:border-box; border:1px solid #DCDAD4;border-radius:9px;background-color:#FFFFFF; color:#1A1A1A;font-size:14px;font-weight:600;line-height:1;text-decoration:none; transition:background-color .15s ease,border-color .15s ease,color .15s ease} .qm-native .esf-pagination ul.page-numbers li a.page-numbers:hover, .qm-native .esf-pagination ul.page-numbers li a.page-numbers:focus{ background-color:#F4F2EE;border-color:#1A1A1A;color:#1A1A1A} .qm-native .esf-pagination ul.page-numbers li .page-numbers.current{ background-color:#1A1A1A;border-color:#1A1A1A;color:#FFFFFF} .qm-native .esf-pagination ul.page-numbers li .page-numbers.dots{ border-color:transparent;background:none;min-width:24px;padding:0} @media (max-width:767px){ .qm-native .esf-pagination ul.page-numbers li .page-numbers{min-width:38px;height:38px;padding:0 10px;font-size:13px} } @media (max-width:1024px){ .qm-hdr .qm-hdr-chev{display:none} .qm-hdr .qm-hdr-mega__img{display:none} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega{ display:block;position:static;padding:0 0 6px 16px;background:none;border:0;box-shadow:none} .qm-hdr .elementor-nav-menu--main .qm-hdr-mega > ul.qm-hdr-mega__list{ display:block;position:static;width:auto;border:0;background:none;box-shadow:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item{ display:block;padding:8px 20px;color:#33373d;fill:#33373d;font-size:14px} } .qm-native:not(.home) .qm-hdr .custom-sticky-header > .e-con-inner{ width:100%;max-width:none;margin-inline:0;padding:0} .qm-native:not(.home) .qm-hdr .header-background{ width:100%;max-width:none;margin:0;border-radius:0; padding-inline:max(50px, calc(50% - 670px))} @media (max-width:767px){ .qm-native:not(.home) .qm-hdr .header-background{padding-inline:44px} } .qm-native:not(.home) .qm-hdr .qm-hdr-mega{ left:max(30px, calc(50% - 690px));right:max(30px, calc(50% - 690px))} .qm-native .esf-product-grid .products{gap:clamp(8px,.55vw,10px)} .qm-native .esf-product-grid .products li.product .qm-pcard{ position:relative;overflow:hidden;border-radius:0;flex:1 1 auto; border-width:0;border-style:none; --border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px; background-color:var(--e-global-color-primary,#2B2B2E)} .qm-native .esf-product-grid .products li.product .qm-pcard>.qm-pcard__inner{ height:100%;gap:0;row-gap:0;padding:0;max-width:none} .qm-native .esf-product-grid .products li.product .qm-pcard__media{ position:relative;display:block;flex:0 0 auto; aspect-ratio:1/1;height:auto;min-height:0;--min-height:0px; overflow:hidden;padding:0} .qm-native .esf-product-grid .products li.product .qm-pcard__imgbox{ position:absolute;inset:0;padding:0;margin:0;line-height:0} .qm-native .esf-product-grid .products li.product .qm-pcard__imglink{ display:block;width:100%;height:100%} .qm-native .esf-product-grid .products li.product a .qm-pcard__img{ position:absolute;inset:0;display:block; width:100%;height:100%;max-width:none;margin:0;padding:0; object-fit:cover;object-position:center center;border-radius:0;box-shadow:none} .qm-native .esf-product-grid .products li.product a .qm-pcard__img--alt{ opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease} @media (hover:hover) and (pointer:fine){ .qm-native .esf-product-grid .products li.product a .qm-pcard__img{ transition:scale .6s cubic-bezier(.25,.46,.45,.94),opacity .35s ease,visibility .35s ease} .qm-native .esf-product-grid .products li.product .qm-pcard:hover .qm-pcard__img{scale:1.05} .qm-native .esf-product-grid .products li.product .qm-pcard:hover .qm-pcard__img--alt{opacity:1;visibility:visible} } .qm-native .esf-product-grid .products li.product .qm-pcard__badges{ position:absolute;top:0;left:0;z-index:2; display:flex;flex-direction:column;align-items:flex-start;gap:6px; padding:10px;margin:0;pointer-events:none} .qm-native .esf-product-grid .products li.product .qm-pcard__badge{ display:inline-flex;align-items:center; padding:4px 10px;border:0;border-radius:60px; font-size:13px;font-weight:500;line-height:1.6;letter-spacing:normal;white-space:nowrap} .qm-native .esf-product-grid .products li.product .qm-pcard__badge--sale{ background-color:var(--e-global-color-text,#DD1B1F);color:#FFFFFF} .qm-native .esf-product-grid .products li.product .qm-pcard__body{ flex:1 1 auto;display:flex;flex-direction:column; align-items:flex-start;justify-content:flex-end; gap:4px;row-gap:4px;padding:20px;text-align:left; background-color:var(--e-global-color-primary,#2B2B2E)} .qm-native .esf-product-grid .products li.product .qm-pcard__titlebox, .qm-native .esf-product-grid .products li.product .qm-pcard__pricebox{ width:100%;margin:0;padding:0} .qm-native .esf-product-grid .products li.product h2.qm-pcard__title{ margin:0;padding:0; font-size:13px;font-weight:500;line-height:1.6;letter-spacing:normal;text-transform:none; color:var(--e-global-color-accent,#FFF9EA)} .qm-native .esf-product-grid .products li.product h2.qm-pcard__title a{ color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none} .qm-native .esf-product-grid .products li.product .elementor-widget-woocommerce-product-price p.qm-pcard__price{ margin:0;padding:0; font-size:13px;font-weight:400;line-height:1.6; color:var(--e-global-color-accent,#FFF9EA)} .qm-native .esf-product-grid .products li.product p.qm-pcard__price del{ opacity:.6;text-decoration:line-through;color:inherit;font-size:inherit;font-weight:inherit} .qm-native .esf-product-grid .products li.product p.qm-pcard__price ins{ background:none;color:inherit;font-size:inherit;font-weight:inherit;text-decoration:none} @media (max-width:767px){ .qm-native .esf-product-grid .products li.product .qm-pcard__body{padding:12px} } .qm-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand img{ aspect-ratio:auto;object-fit:contain;height:auto} .qm-catdesc.qm-catdesc{text-align:left;font-size:15px;line-height:1.7;padding-block:8px} .qm-catdesc.qm-catdesc > *{max-width:680px;margin-inline:auto} .qm-catdesc.qm-catdesc > table{max-width:1000px} .qm-catdesc.qm-catdesc p{margin:0 auto 1.1em} .qm-catdesc.qm-catdesc h2{margin:2.1em auto .55em;font-size:26px;line-height:1.25;font-weight:500;text-align:left} .qm-catdesc.qm-catdesc h3{margin:1.7em auto .45em;font-size:18px;line-height:1.35;font-weight:600;text-align:left} .qm-catdesc.qm-catdesc > :first-child{margin-top:0} .qm-catdesc.qm-catdesc ul,.qm-catdesc.qm-catdesc ol{margin:0 auto 1.1em;padding-left:1.25em} .qm-catdesc.qm-catdesc li{margin:.35em 0} .qm-catdesc.qm-catdesc strong{font-weight:600} .qm-catdesc.qm-catdesc a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px} .qm-catdesc.qm-catdesc a:hover,.qm-catdesc.qm-catdesc a:focus-visible{text-decoration-thickness:2px} .qm-catdesc.qm-catdesc blockquote{margin:1.4em auto;padding:.1em 0 .1em 1em;border-left:2px solid currentColor;opacity:.92} .qm-catdesc.qm-catdesc table{margin:1.6em auto 1.8em;border-collapse:collapse;font-size:14px;text-align:left;width:100%} .qm-catdesc.qm-catdesc th,.qm-catdesc.qm-catdesc td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.14)} .qm-catdesc.qm-catdesc tbody tr:last-child th,.qm-catdesc.qm-catdesc tbody tr:last-child td{border-bottom:0} @media (max-width:767px){ .qm-catdesc.qm-catdesc h2{font-size:22px;margin-top:1.8em} .qm-catdesc.qm-catdesc h3{font-size:17px} .qm-catdesc.qm-catdesc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13px} .qm-catdesc.qm-catdesc th,.qm-catdesc.qm-catdesc td{padding:9px 11px;white-space:nowrap} } .esf-filter-list__item.is-zero { display: none; } .qm-catdesc.qm-catdesc th, .qm-catdesc.qm-catdesc td{ border:0; border-bottom:1px solid rgba(238,234,227,.16); } .qm-catdesc.qm-catdesc tbody > tr:last-child > th, .qm-catdesc.qm-catdesc tbody > tr:last-child > td{ border-bottom:1px solid rgba(238,234,227,.16); } .qm-catdesc.qm-catdesc tbody > tr > th, .qm-catdesc.qm-catdesc tbody > tr > td{ background-color:transparent; } .qm-catdesc.qm-catdesc tbody > tr > th:first-child, .qm-catdesc.qm-catdesc tbody > tr > td:first-child{ background-color:rgba(238,234,227,.07); font-weight:500; } .qm-catdesc.qm-catdesc thead > tr:first-child > th, .qm-catdesc.qm-catdesc thead > tr:first-child > td{ border-top:0; } @media (max-width:767px){ .qm-native div.elementor-element.elementor-element-c37b944 > div.e-con-inner{padding-top:86px} } @media (max-width:1024px){ .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main{ left:50%;right:auto;width:100vw;margin-left:-50vw;margin-top:0; height:auto; /* Le panneau est ancre sous la barre (top:100%) : sa hauteur utile vaut l'ecran moins la hauteur de barre. On n'utilise PAS --qm-hdr-h, qui ment hors accueil (il annonce 72 px quand la barre mobile en mesure 54) : le « 100% » d'un max-height se resout sur la boite de rembourrage du bloc conteneur, c'est-a-dire sur la barre elle-meme, donc la valeur suit toujours la hauteur reelle. L'accueil pose en plus sa barre flottante 8 a 20 px sous le haut de l'ecran : le panneau deborde d'autant, et la marge interieure basse absorbe ce debord pour que la derniere ligne reste entiere en fin de defilement. */ max-height:calc(100vh - 100%); max-height:calc(100dvh - 100%); padding:0 0 calc(28px + env(safe-area-inset-bottom,0px)); overflow-x:hidden;overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; background-color:#FFFFFF; border-top:1px solid #EEEAE3; box-shadow:0 16px 40px rgba(43,43,46,.30); font-size:15px} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main > ul.elementor-nav-menu{ display:block;width:100%;margin:0;padding:0;list-style:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main > ul.elementor-nav-menu > li{ display:block;width:100%;margin:0;padding:0;position:relative} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main > ul.elementor-nav-menu > li::after{ display:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item{ display:flex;align-items:center;box-sizing:border-box; width:100%;min-height:48px;padding:13px 20px; /* filet de 2 px : il marque le retour au premier niveau, la ou les categories filles n'en portent qu'un de 1 px */ border-top:2px solid #EEEAE3; background:none; color:#2B2B2E;fill:#2B2B2E; font-size:15px;font-weight:500;line-height:1.35;letter-spacing:0; text-transform:none;text-decoration:none;white-space:normal} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children > .elementor-item{ background-color:#FAF5EA; font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.09em; text-transform:uppercase} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu > li:first-child > .elementor-item{ border-top:0} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item:hover, .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item:focus{ background-color:#EEEAE3;color:#2B2B2E;fill:#2B2B2E} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item.elementor-item-active{ color:#DD1B1F;fill:#DD1B1F; box-shadow:inset 4px 0 0 0 #DD1B1F} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children > .elementor-item.elementor-item-active{ background-color:#FAF5EA} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega{ display:block;position:static;width:100%;margin:0;padding:0; background:none;border:0;box-shadow:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega > ul.qm-hdr-mega__list{ display:block;position:static;width:100%;max-width:none;margin:0;padding:0; list-style:none;border:0;background:none;box-shadow:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega > ul.qm-hdr-mega__list > li{ display:block;width:100%;margin:0;padding:0} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega > ul.qm-hdr-mega__list > li::after{ display:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item{ display:flex;align-items:center;box-sizing:border-box; width:100%;min-height:48px;padding:13px 20px 13px 34px; border-top:1px solid #EEEAE3; background:none; color:#2B2B2E;fill:#2B2B2E; font-size:15px;font-weight:400;line-height:1.35;letter-spacing:0; text-transform:none;text-decoration:none;white-space:normal} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item:hover, .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item:focus{ background-color:#FAF5EA;color:#2B2B2E;fill:#2B2B2E} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega .elementor-sub-item.elementor-sub-item-active{ color:#DD1B1F;fill:#DD1B1F;font-weight:600; box-shadow:inset 4px 0 0 0 #DD1B1F} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-mega__img{display:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .qm-hdr-chev{display:none} .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main a:focus-visible{ outline:2px solid #DD1B1F;outline-offset:-2px} .qm-hdr .elementor-element-89d9552 .elementor-menu-toggle{ width:44px;height:44px;min-width:44px;min-height:44px;padding:0; border-radius:8px} .qm-hdr .qm-hdr-nav-toggle:focus-visible ~ .elementor-menu-toggle{ outline:2px solid #FFFFFF;outline-offset:2px} html:has(.qm-hdr .qm-hdr-nav-toggle:checked){overflow:hidden} body:has(.qm-hdr .qm-hdr-nav-toggle:checked) .qm-cart-float{display:none} }/* ==== QM CATEGORIE TABLEAU UNIFORME (03/09) : debut ==== Les tableaux des descriptions de categorie avaient un en-tete ROUGE (#DD1B1F) sur la section sombre, detonnant avec la fiche produit. Ici : meme carte claire que la fiche (en-tete cream, texte encre, filets fins, lignes alternees) -> aspect uniforme. Porte a .qm-catdesc / .term-description. */ .qm-catdesc table,.term-description table{ background:#FFFFFF;color:#2B2B2E;border:1px solid #EEEAE3;border-radius:10px;overflow:hidden; border-collapse:separate;border-spacing:0;font-size:13.5px} .qm-catdesc table thead th,.term-description table thead th{ background:#FAF5EA !important;color:#2B2B2E !important;font-weight:600;text-align:left; padding:11px 14px;border:0;border-bottom:1px solid #EEEAE3;font-size:12.5px;letter-spacing:.02em} .qm-catdesc table td,.qm-catdesc table tbody th,.term-description table td,.term-description table tbody th{ background:transparent;color:#2B2B2E;padding:11px 14px;border:0;border-bottom:1px solid #EEEAE3;vertical-align:top;line-height:1.5} .qm-catdesc table tbody tr:nth-child(odd) td,.term-description table tbody tr:nth-child(odd) td{background:#FBF9F4} .qm-catdesc table tbody tr:hover td,.term-description table tbody tr:hover td{background:#F1EDE4} .qm-catdesc table tbody tr:last-child td,.term-description table tbody tr:last-child td{border-bottom:0} /* ==== QM CATEGORIE TABLEAU UNIFORME : fin ==== */ /* a11y : le texte SAISI dans la recherche de l'entete heritait de #2b2b2e sur le bandeau noir (contraste 1,48 : illisible des qu'on tape). Borne a l'entete : la superposition de recherche plein ecran, elle, est sur fond clair et garde sa couleur heritee. */ header .lightweight-product-search .lightweight-product-search__input { color: #fff; } /* Titre de page : un mot compose allemand (« Badezimmerteppich », 362 px a 40 px) ne se coupe pas et sortait de l'ecran sous 402 px de large. Cesure automatique (la page est en lang="de-DE") plus un filet qui coupe n'importe ou si le dictionnaire de cesure manque. La taille ne change pas : le titre passe sur deux lignes au lieu de deborder. */ h1.elementor-heading-title, .elementor-page-title h1, h1.entry-title { overflow-wrap: break-word; word-break: normal; hyphens: auto; } /* Listes du texte courant : le reset `dd, dl, dt, li, ol, ul { margin-block-end: 0 }` leur otait toute respiration, l'ecart avec le paragraphe suivant tombait a 0 px alors que deux paragraphes sont separes de 14,4 px. On rend cette marge aux SEULES listes de prose (enfants directs du conteneur de contenu), sans toucher aux menus, a la grille produit, au panier ni aux filtres. Les sous-listes ne sont pas visees : collees a leur liste parente, c'est ce qu'on veut. */ .page-content > ul, .page-content > ol, .entry-content > ul, .entry-content > ol { margin-block-end: .9rem; } /* a11y contraste : `.qm-sort-apply { color: inherit }` etait battu par la regle globale `[type="submit"], button { color: #CC3366 }` — un selecteur d'attribut pese autant qu'une classe et celle-la vient plus loin. Classe doublee pour reprendre la main sans toucher a la regle globale. Le bouton retrouve la couleur du texte (contraste 3,66 -> ~13:1). */ .qm-sort-apply.qm-sort-apply { color: inherit; border-color: currentColor; } /* ---- QM HDR SEARCH : debut du bloc ajoute aux feuilles compilees (rejouable, reecrit a l'identique). ---- */ /* ---- 3. Recherche : formulaire GET natif (?s=&post_type=product), overlay sans AJAX ---------------------- Bureau (> 1024px) : le panneau « recherches populaires » s'affiche tant que le champ ou le panneau a le focus ; cliquer ailleurs (voile) retire le focus et le ferme. Le voile est sous le bandeau (z-index negatif dans le contexte d'empilement du conteneur) et au-dessus de la page. Tablette / mobile (<= 1024px) : l'icone est un label qui coche #qm-hdr-search-toggle ; l'overlay plein ecran reprend le mode « compact » que le JS du plugin appliquait (classe lightweight-product-search__overlay--compact) et contient le vrai formulaire ; la croix decoche. */ .qm-hdr .lightweight-product-search{position:relative} .qm-hdr .lightweight-product-search__overlay{display:none;position:absolute;top:100%;right:0;bottom:auto;left:0;z-index:auto;width:auto;height:auto;overflow:visible} .qm-hdr .lightweight-product-search__overlay .lightweight-product-search__backdrop{position:fixed;inset:0;z-index:-1} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay .lightweight-product-search__panel.lightweight-product-search__overlay-panel{position:absolute;top:12px;right:0;left:auto;z-index:1;width:560px;max-width:calc(100vw - 32px)} .qm-hdr .lightweight-product-search__popular-chip{text-decoration:none} .qm-hdr .lightweight-product-search__submit--compact-only,.qm-hdr .lightweight-product-search__close{cursor:pointer} .qm-hdr .qm-hdr-search-toggle:focus-visible + .lightweight-product-search .lightweight-product-search__submit--compact-only{outline:2px solid currentColor;outline-offset:2px} @media (min-width:1025px){ .qm-hdr .lightweight-product-search:focus-within .lightweight-product-search__overlay{display:none} } @media (max-width:1024px){ /* psw-product-search.css (fallback « non pret ») reduit deja le formulaire du bandeau a une icone et affiche le bouton --compact-only ; on masque le vrai bouton submit du bandeau. */ .qm-hdr .lightweight-product-search__form > .lightweight-product-search__submit:not(.lightweight-product-search__submit--compact-only){display:none} .qm-hdr .qm-hdr-search-toggle:checked + .lightweight-product-search .lightweight-product-search__overlay{display:block} .qm-hdr .lightweight-product-search__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain} .qm-hdr .lightweight-product-search__overlay .lightweight-product-search__backdrop{z-index:0} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay .lightweight-product-search__panel.lightweight-product-search__overlay-panel{position:relative;top:auto;right:auto;left:auto;z-index:1;width:100%;max-width:none;min-height:100%;max-height:none;margin:0;border-radius:0;color:#1a1a1a;background-color:#fff; /* !important : psw-product-search.css impose padding:20px !important sur le panneau */ padding:0 calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px)) !important} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__panel .lightweight-product-search__overlay-form{ /* !important : psw-product-search.css masque ce formulaire (display:none !important) hors mode compact JS */ display:flex !important;position:sticky;top:0;z-index:2;flex-direction:row;align-items:center;width:100%;max-width:100%;min-width:0;min-height:48px;margin:0;padding:8px 4px 8px 8px;padding-top:calc(12px + env(safe-area-inset-top,0px));border:0;border-bottom:1px solid #e0e0e0;border-radius:0;background-color:#fff;color:#1a1a1a;gap:.5em} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__overlay-input{font-size:16px;color:#1a1a1a;outline:none;border:0;box-shadow:none} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__overlay-input::placeholder{color:#6b6b6b;opacity:1} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__overlay-submit, .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__overlay-icon, .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__overlay-icon .lightweight-product-search__icon-glyph{color:#1a1a1a} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__overlay-submit, .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__close{min-width:44px;min-height:44px} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__close{position:relative;margin-left:.15em;padding-left:.35em;color:#000} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__close::before{content:"";position:absolute;top:18%;bottom:18%;left:0;width:1px;background-color:#e0e0e0;pointer-events:none} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__close-icon, .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay-form .lightweight-product-search__close-icon svg{color:#000;fill:#000;stroke:#000} .qm-hdr .elementor-element-0ed30ab .lightweight-product-search__overlay .lightweight-product-search__overlay-content{ /* !important : psw-product-search.css impose margin:0 !important ; padding:0 !important */ margin:0 !important;padding:1.1em 0 0 !important} .qm-hdr .lightweight-product-search__overlay .lightweight-product-search__popular-searches{margin:0 0 1.5em} .qm-hdr .lightweight-product-search__overlay .lightweight-product-search__popular-searches-heading{color:#1a1a1a;font-weight:500} .qm-hdr .lightweight-product-search__overlay .lightweight-product-search__popular-chip{background-color:#1a1a1a;color:#fff;border-radius:4px;padding:.45em .9em} .qm-hdr .lightweight-product-search__overlay .lightweight-product-search__popular-chip:hover, .qm-hdr .lightweight-product-search__overlay .lightweight-product-search__popular-chip:focus-visible{background-color:#000;color:#fff} } /* ---- QM HDR SEARCH : fin du bloc. ---- */ /* ---- QM HDR MENU+SEARCH FIX : debut du bloc ajoute aux feuilles compilees (rejouable, reecrit a l'identique). 1) Bouton loupe de l'overlay mobile : une bordure rose 1px (couleur de marque) trainait dessus. 2) Menu principal : 7 entrees = 622px, le logo est centre en position:absolute et demarre a 578px sur un ecran de 1366 -> chevauchement mesure de 92px (263px a 1025px). On compacte le menu et, en dessous de 1366px, on bascule sur le burger deja present dans le theme : aucun recouvrement possible. Aucun identifiant de produit/categorie en dur : le bloc suit le nombre d'entrees du menu, quel qu'il soit. ---- */ /* 1. Recherche : pas de bordure sur le bouton de soumission de l'overlay */ .qm-hdr .lightweight-product-search__overlay-submit, .qm-hdr .lightweight-product-search__submit { border: 0; background-color: transparent; } /* 2a. Grand ecran : menu compact pour laisser respirer le logo centre */ @media (min-width: 1280px) { .qm-hdr .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item { padding-right: 5px !important; padding-left: 5px !important; font-size: 12px; letter-spacing: 0; } .qm-hdr .elementor-nav-menu--main .elementor-nav-menu { gap: 0 !important; } } /* 2b. En dessous de 1366px : le menu horizontal ne tient pas a cote du logo centre -> burger. On rejoue exactement le mecanisme du theme (case a cocher .qm-hdr-nav-toggle + label .elementor-menu-toggle), qui n'etait actif que sous 1024px. */ @media (min-width: 1025px) and (max-width: 1279px) { /* la case a cocher est mise a display:none au-dessus de 1025px : on la remet (invisible mais fonctionnelle) */ .qm-hdr .qm-hdr-nav-toggle { display: block; } /* le label burger est masque par le CSS du widget au-dessus de son breakpoint : on le reaffiche */ .qm-hdr .elementor-menu-toggle { display: flex !important; } /* menu horizontal masque tant que la case n'est pas cochee */ .qm-hdr .elementor-nav-menu--main { display: none; } .qm-hdr .elementor-element-2f51c92, .qm-hdr .elementor-element-89d9552 { position: static; } .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main { display: block; position: absolute; top: 100%; right: 0; left: 0; z-index: 9997; max-height: 100vh; margin-top: 10px; overflow-x: hidden; overflow-y: auto; background-color: #fff; font-size: 13px; } .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu { display: block; } .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item { padding: 10px 20px; color: #33373d; fill: #33373d; } .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item:hover, .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item:focus, .qm-hdr .qm-hdr-nav-toggle:checked ~ .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active { background-color: #3f444b; color: #fff; fill: #fff; } } /* ---- QM HDR MENU+SEARCH FIX : fin du bloc. ---- */ /* ---- QM CARROUSELS VISIBLES : debut du bloc ajoute aux feuilles compilees (rejouable, reecrit a l'identique). Le theme rend les carrousels Elementor en CSS pur (Swiper retire) : pas de fleche, pas de puce, barre de defilement masquee. Quand le nombre de vues est un ENTIER, aucun element n'est coupe par le bord droit -> aucun signal qu'il reste du contenu, et a la souris il devient inatteignable. Mesures avant correction (tableau-planning.fr, amorce 0 px partout, aucune barre) : 3b767ba rangee de 63 categories 390px 2 vues 11224px caches | 834px 3 vues 16239px | 1440px 6 vues 13774px 3bfaae0 « pourquoi nous » accueil 3 cartes 390px 1 vue 776px | 834px 2 vues 416px 92f0b19 « pourquoi » fiche produit 3 cartes 390px 1 vue 776px 3fa80c4 carrousel d'avis 3 elements 390px 1 vue 800px | 834px 1 vue 1688px | 1440px 1 vue 2900px IMPORTANT : le theme calcule grid-auto-columns depuis la variable --e-n-carousel-swiper-slides-to-display. On regle DONC la variable (levier prevu), et non la propriete calculee : un override de grid-auto-columns perd contre la regle du theme, qui est portee par un selecteur prefixe .elementor-. Le !important est necessaire pour la meme raison, ce prefixe variant d'une page a l'autre. Un nombre de vues fractionnaire suffit a garantir qu'un element reste coupe par le bord. ---- */ /* ============ 1. Blocs de 3 cartes : accueil (3bfaae0) + fiche produit (92f0b19) ============ */ /* Mobile : on empile, le carrousel n'apporte rien sur 3 arguments de vente. aspect-ratio 4/3 indispensable : les visuels sont carres (358x350), sans ca la hauteur triple. */ @media (max-width: 767px) { .elementor-element-3bfaae0 .e-n-carousel > .swiper-wrapper, .elementor-element-92f0b19 .e-n-carousel > .swiper-wrapper { display: block !important; column-gap: 0 !important; overflow: visible !important; scroll-snap-type: none !important; } .elementor-element-3bfaae0 .e-n-carousel > .swiper-wrapper > .swiper-slide, .elementor-element-92f0b19 .e-n-carousel > .swiper-wrapper > .swiper-slide { width: auto !important; height: auto !important; scroll-snap-align: none !important; } .elementor-element-3bfaae0 .e-n-carousel > .swiper-wrapper > .swiper-slide + .swiper-slide, .elementor-element-92f0b19 .e-n-carousel > .swiper-wrapper > .swiper-slide + .swiper-slide { margin-top: 20px !important; } .elementor-element-3bfaae0 .e-n-carousel > .swiper-wrapper > .swiper-slide img, .elementor-element-92f0b19 .e-n-carousel > .swiper-wrapper > .swiper-slide img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; } } /* Tablette : amorce a 2,2 vues. Au-dela de 1024px les 3 cartes tiennent : rien a corriger. */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-element-3bfaae0, .elementor-element-92f0b19 { --e-n-carousel-swiper-slides-to-display: 2.2 !important; } } /* ============ 2. Carrousel d'avis (3fa80c4) ============ Casse a TOUTES les largeurs : 1 seul avis visible sur 3, meme en 1440px. */ @media (max-width: 767px) { .elementor-element-3fa80c4 { --e-n-carousel-swiper-slides-to-display: 1.15 !important; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-element-3fa80c4 { --e-n-carousel-swiper-slides-to-display: 2.2 !important; } } /* Desktop : 2,2 avis par vue. A 3 vues les 3 avis tenaient cote a cote : plus rien ne defilait et les 3 puces ne commandaient plus rien. A 1,15 le carrousel revenait mais la carte passait a 1480x709 px (image 709x709, 286 px de vide sous la citation a cause du --padding-top:200px du bloc 8e25cc8). 2,2 garde le defilement ET une carte de 601x576. */ @media (min-width: 1025px) { .elementor-element-3fa80c4 { --e-n-carousel-swiper-slides-to-display: 2.2 !important; } } /* ============ 3. Rangee de categories (3b767ba, 63 vignettes, gap 10px) ============ */ /* --cats-n est pose par le theme sur le widget (middle-home.php : count(qm_home_categories())), donc il suit le nombre reel de categories du site et survit a un clonage. La valeur ci-dessous n'est qu'un repli si le theme n'a rien pose : egale au nombre de vues, elle donne une distance nulle, donc aucune animation plutot qu'une animation fausse. */ .elementor-element-3b767ba { --cats-n: 6.4; } @media (max-width: 767px) { .elementor-element-3b767ba { --e-n-carousel-swiper-slides-to-display: 2.25 !important; } /* filet : un libelle compose suedois ne doit pas deborder de sa vignette */ .elementor-element-3b767ba .swiper-slide .elementor-heading-title, .elementor-element-3b767ba .swiper-slide a { overflow-wrap: break-word; word-break: normal; hyphens: auto; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-element-3b767ba { --e-n-carousel-swiper-slides-to-display: 3.4 !important; } } @media (min-width: 1025px) { .elementor-element-3b767ba { --e-n-carousel-swiper-slides-to-display: 6.4 !important; } } /* Defilement automatique en desktop : sans lui, 57 categories sur 63 restent inatteignables a la souris (Maj+molette et pave tactile seuls fonctionnaient). L'animation porte sur les VIGNETTES et non sur la piste : 100% vaut alors la largeur d'une vignette, ce qui permet d'ecrire la distance sans connaitre l'ecran. Allure lineaire : un ease-in-out demarrerait a ~10 px/s, invisible au moment ou le signal compte le plus. overflow-x:auto reste en place, le geste continue de marcher. */ @media (min-width: 1025px) and (hover: hover) and (pointer: fine) { .elementor-element-3b767ba .e-n-carousel > .swiper-wrapper { scroll-snap-type: none !important; } .elementor-element-3b767ba .e-n-carousel > .swiper-wrapper > .swiper-slide { animation: qm-cats-defile calc((var(--cats-n) - 6.4) * 4.33s) linear infinite alternate; } /* sans la pause, la vignette visee se derobe au moment du clic */ .elementor-element-3b767ba:hover .e-n-carousel > .swiper-wrapper > .swiper-slide, .elementor-element-3b767ba:focus-within .e-n-carousel > .swiper-wrapper > .swiper-slide { animation-play-state: paused; } } @keyframes qm-cats-defile { from { transform: translateX(0); } to { transform: translateX(min(0px, calc((var(--cats-n) - 6.4) * (-100% - 10px)))); } } /* Mouvement reduit : plus d'animation, mais l'amorce demeure et la piste reste defilable. */ @media (prefers-reduced-motion: reduce) { .elementor-element-3b767ba .e-n-carousel > .swiper-wrapper > .swiper-slide { animation: none !important; transform: none !important; } } /* ---- QM CARROUSELS VISIBLES : fin du bloc. ---- */ /* ==== QM FIX 24/09/2026 : debut ==== */ /* 1. Visionneuse : chevrons centres dans les boutons */ .qm-lb button.esf-sp-lightbox__prev,.qm-lb button.esf-sp-lightbox__next{display:inline-flex;align-items:center;justify-content:center} .qm-lb button.esf-sp-lightbox__prev::before{transform:translateX(3px) rotate(-135deg)} .qm-lb button.esf-sp-lightbox__next::before{transform:translateX(-3px) rotate(45deg)} /* 2. En-tete mobile : le logo (absolu, centre) chevauchait la loupe ; centre dans l'espace libre entre la loupe et le panier ; panier centre verticalement */ @media (max-width:767px){ .qm-hdr .elementor-element.elementor-element-5a8d0c5{position:static;order:3;flex:1 1 auto;min-width:0;display:flex;justify-content:center;align-items:center;transform:none;left:auto;top:auto;margin:0 8px;pointer-events:auto} .qm-hdr .elementor-element.elementor-element-c52526f{width:100%;max-width:140px} .qm-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand img{width:100%;max-width:140px} .qm-hdr .elementor-element.elementor-element-16b955d{margin-left:0} } .qm-hdr .elementor-element.elementor-element-16b955d{display:flex;align-items:center;line-height:0} /* 3. Titres de fiche passes en

/ : typographie identique aux anciens h2/h3 */ .elementor-876 .elementor-element.elementor-element-17680233 p.elementor-heading-title,.elementor-876 .elementor-element.elementor-element-5ac962e0 p.elementor-heading-title{font-size:16px;line-height:26px;font-weight:500;margin:0} .elementor-876 .elementor-element.elementor-element-486ce4ab p.elementor-heading-title,.elementor-876 .e-n-tabs-content .elementor-widget-heading p.elementor-heading-title{font-size:32px;line-height:42px;font-weight:400;margin:0} .elementor-876 .elementor-widget-n-accordion span.e-n-accordion-item-title-text{display:block;margin:0;font-family:inherit;font-weight:inherit;line-height:inherit;color:inherit} p.qm-rel__t{margin-top:0} /* 4. Prix en promo : ancien prix discret barre, nouveau prix en rouge de la charte, pastille de remise */ .qm-native .esf-single-product__price del,.qm-native .woocommerce-variation-price del,.qm-native .price del{text-decoration:line-through;color:rgba(43,43,46,.5);font-weight:400;font-size:.72em;margin-right:.4em} .qm-native .esf-single-product__price ins,.qm-native .woocommerce-variation-price ins,.qm-native .price ins{text-decoration:none;color:#DD1B1F;font-weight:600;background:transparent} .qm-native .qm-price__badge{display:inline-block;vertical-align:middle;position:relative;top:-.12em;margin-left:.5em;padding:.18em .62em;border-radius:999px;background:#DD1B1F;color:#FFF9EA;font-family:"Roboto",sans-serif;font-size:.55em;font-weight:600;line-height:1.5;letter-spacing:.03em;white-space:nowrap} .qm-native .qm-pcard__price del{font-size:.88em} .qm-native .qm-pcard__price .qm-price__badge{font-size:.78em;padding:.1em .5em} /* 5. (25/09/2026) Zone tactile de l'icone panier de l'en-tete. Mesure Playwright en mobile 390 px : le burger et la loupe font 44x44, mais l'icone panier ne faisait que 22x22 (le lien lui-meme, sans parent plus grand pour rattraper) — seule cible de l'en-tete sous le seuil de 24 px. Ce n'est pas un choix de design mais un oubli. On etend la zone par un ::after absolu : la mise en page ne bouge pas (ni le logo ni le bord droit) et la taille visuelle du pictogramme est inchangee. Place disponible verifiee : 44 px jusqu'au bord droit, 26 px jusqu'au logo -> une zone de 44 px ne chevauche rien. */ .qm-hdr .cart-menu .qm-cart-menu{position:relative} .qm-hdr .cart-menu .qm-cart-menu::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)} /* 6. (26/09/2026) Rangee de categories reduite a UNE seule vignette. Mesure Playwright en mobile 390 px : le widget 3b767ba reserve 354 px alors que son contenu n'en occupe que 60 -> 294 px de vide sous la rangee, tres visible sur tableau-planning.fr (1 seule categorie). Les sites a 17 et 63 vignettes n'ont aucun vide. Aucune regle CSS ne fixe cette hauteur : elle est calculee par le moteur de rendu, et ni line-height, ni align-items, ni grid-auto-rows ne la corrigent sans tasser les libelles (verifie : les libelles d'axelvaska tiennent sur deux lignes, 71 px). Parti pris : une rangee de categories qui n'en compte qu'une fait doublon avec le titre de section affiche juste en dessous ; on la retire dans ce seul cas. Le selecteur ne s'active que s'il n'existe pas de 2e vignette, donc la rangee revient d'elle-meme des qu'une categorie est ajoutee, et les autres boutiques ne sont jamais concernees (verifie site par site : hauteurs inchangees a 60 et 71 px). */ .elementor-element-3b767ba:not(:has(.swiper-slide:nth-child(2))){display:none !important} /* 7. (26/09/2026) Bloc editorial de fiche produit (widget 4ceaf4c) : images rognees de 37 %. Signale par Nico : sur un sac, la cote « 21CM » imprimee sous la photo etait tranchee en deux, donc illisible. Mesure Playwright : image carree 590x590 affichee dans un cadre 590x372 en object-fit:cover -> ~18 % coupes en haut et autant en bas. Le gabarit impose une hauteur fixe (372 px desktop, 400 px, 191 px mobile) heritee du template d'origine, concu pour des visuels en format paysage ; or les photos de fournisseur sont CARREES et portent cotes et mentions en peripherie, precisement dans la zone sacrifiee. Defaut GENERALISE : ~3000 images sur les 3 boutiques (3 par fiche produit). Correctif retenu : hauteur naturelle. Teste et compare en capture : - object-fit:contain conserve le cadre mais laisse des bandes laterales tres visibles (le fond des photos d'ambiance ne correspond pas a celui du cadre) ; - height:auto rend l'image entiere, plus grande et sans bande. Le bloc passe de 372 a 590 px : la page s'allonge un peu, au benefice d'une information complete. */ .elementor-876 .elementor-element.elementor-element-4ceaf4c img{height:auto !important} /* ==== QM FIX 24/09/2026 : fin ==== */