/* page.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 : 458 utilisees (couverture Chrome, 12 pages x 5 largeurs, etats joues) + 329 regles dont un selecteur colle au DOM ; 1458 regles retirees (204 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 .col2-set,.woocommerce-page .col2-set{width:100%} .woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table} .woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both} .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%} .woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%} .woocommerce img,.woocommerce-page img{height:auto;max-width:100%} .woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table} .woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both} .woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block} .woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%} .woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%} .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible} .woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left} .woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right} .woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both} .woocommerce #payment .terms, .woocommerce-page #payment .terms {text-align:left;padding:0 1em 0 0;float:left} .woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right} .woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table} .woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both} @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 .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%} .woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0} .woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em} } @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{padding:3px;margin:0 0 6px} .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 label{line-height:2} .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,.woocommerce form .form-row select{font-family:inherit;font-weight:400;letter-spacing:normal;padding:.5em;display:block;background-color:var(--wc-form-color-background,#fff);border:var(--wc-form-border-width) solid var(--wc-form-border-color);border-radius:var(--wc-form-border-radius);color:var(--wc-form-color-text,#000);box-sizing:border-box;width:100%;margin:0;line-height:normal;height:auto} .woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus{border-color:currentColor} .woocommerce form .form-row select{cursor:pointer;appearance:none;padding-right:3em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=);background-repeat:no-repeat;background-size:16px;background-position:calc(100% - .5em) 50%} .woocommerce form .form-row .country_to_state--single{background:0 0;border:0;padding:0;appearance:none;background-image:none;font:inherit;font-weight:700;color:inherit;width:auto;pointer-events:none} .woocommerce form .form-row .required{color:var(--wc-red);font-weight:700;border:0!important;text-decoration:none;visibility:hidden} .woocommerce form .form-row .optional{visibility:visible} .woocommerce form .form-row ::-webkit-input-placeholder{line-height:normal} .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important} .woocommerce .blockUI.blockOverlay{position:relative} .woocommerce .blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:"";animation:spin 1s ease-in-out infinite;background:url("../images/icons/loader.svg") center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)} .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 table.shop_table{border:1px solid color-mix(in srgb,currentColor 20%,transparent);margin:0 -1px 24px 0;text-align:left;width:100%;border-collapse:separate;border-spacing:0;border-radius:5px} .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)) #respond input#submit,.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 #respond input#submit,: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)) #respond input#submit.alt,.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 #respond input#submit.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,.woocommerce-cart #payment,.woocommerce-checkout #payment{background:rgba(129,110,153,.14);border-radius:5px} #add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #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,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::before{content:" ";display:table} #add_payment_method #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::after{clear:both} #add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #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,.woocommerce-cart #payment ul.payment_methods li input,.woocommerce-checkout #payment ul.payment_methods li input{margin:0 1em 0 0} #add_payment_method #payment ul.payment_methods li img,.woocommerce-cart #payment ul.payment_methods li img,.woocommerce-checkout #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,.woocommerce-cart #payment ul.payment_methods li img+img,.woocommerce-checkout #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-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #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-cart #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,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row{padding:1em} #add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #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,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0} #add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #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;} h1.entry-title{display:var(--page-title-display);} @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 main.site-main{padding-top:calc(var(--qm-hdr-h) + 32px)} .qm-native.woocommerce-checkout main.site-main{padding-top:0} .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} .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;} .qm-native .site-main { padding-top: 40px; padding-bottom: 60px; } .qm-native .page-header { margin: 0 0 18px; } .qm-native .page-header .entry-title { margin: 0; } .qm-native .qm-co .woocommerce-privacy-policy-text a, .qm-native .woocommerce-checkout .woocommerce-privacy-policy-text a { color: inherit; text-decoration: underline; text-underline-offset: 2px; } .qm-native .qm-co .woocommerce-privacy-policy-text a:hover { color: inherit; opacity: .8; } .qm-native .qm-post-meta { margin: 0.25rem 0 0; font-size: 0.875rem; opacity: 0.7; } .qm-native .qm-post-thumbnail { margin: 0 0 1.5rem; } .qm-native .qm-post-thumbnail img { display: block; width: 100%; height: auto; } .qm-native .qm-contact-form { max-width: 640px; margin: 24px 0 32px; } .qm-native .qm-contact-form .ff-el-group { margin: 0 0 14px; } .qm-native .qm-contact-form .ff-el-form-control { display: block; width: 100%; box-sizing: border-box; font: 400 15px/24px "Roboto", sans-serif; color: #2B2B2E; background: #fff; border: 1px solid #eeeae3; border-radius: 0; padding: 12px 16px; box-shadow: none; } .qm-native .qm-contact-form .ff-el-form-control:focus { outline: none; border-color: #2B2B2E; } .qm-native .qm-contact-form .ff-el-form-control::placeholder { color: #6B6B6B; opacity: 1; } .qm-native .qm-contact-form textarea.ff-el-form-control { min-height: 140px; resize: vertical; } .qm-native .qm-contact-form .ff-btn-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; font: 600 15px/1 "Instrument Sans", sans-serif; letter-spacing: 0.15px; color: #fff; background: #1a1a1a; border: 0; border-radius: 0; cursor: pointer; } .qm-native .qm-contact-form .ff-btn-submit:hover { background: #000; } .qm-native .qm-contact-form .ff-btn-submit:disabled { opacity: 0.6; cursor: wait; } .qm-native .qm-contact-form .ff-message-success { margin-top: 16px; padding: 14px 16px; border: 1px solid #eeeae3; background: #FAF5EA; font: 400 15px/24px "Roboto", sans-serif; color: #2B2B2E; } .qm-native .qm-contact-form .qm-cf-error { margin-top: 14px; font: 400 14px/22px "Roboto", sans-serif; color: #B3372E; } .qm-native .qm-contact-form .qm-cf-hp { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; } .qm-native .qm-faq { margin: 8px 0 32px; border-top: 1px solid #eeeae3; } .qm-native .qm-faq-item { border-bottom: 1px solid #eeeae3; } .qm-native .qm-faq-q { list-style: none; cursor: pointer; padding: 18px 40px 18px 0; position: relative; font: 600 17px/26px "Roboto", sans-serif; color: #2B2B2E; } .qm-native .qm-faq-q::-webkit-details-marker { display: none; } .qm-native .qm-faq-q::after { content: ""; position: absolute; right: 6px; top: 50%; width: 9px; height: 9px; border-right: 2px solid #2B2B2E; border-bottom: 2px solid #2B2B2E; transform: translateY(-70%) rotate(45deg); transition: transform 0.2s; } .qm-native .qm-faq-item[open] > .qm-faq-q::after { transform: translateY(-30%) rotate(225deg); } .qm-native .qm-faq-a { padding: 0 0 20px; font: 400 15.5px/26px "Roboto", sans-serif; color: #2B2B2E; } .qm-native .qm-faq-a p { margin: 0 0 12px; } .qm-native .page-content .qm-hfaq { background: transparent; padding: 0; margin: 4px 0 44px; max-width: none; border-radius: 0; overflow: visible; font-family: "Roboto", sans-serif; } .qm-native .page-content .qm-hfaq-inner { max-width: none; margin: 0; } .qm-native .page-content .qm-hfaq-title { font: 400 32px/42px "Instrument Sans", sans-serif; color: #2B2B2E !important; text-align: left; margin: 0 0 14px; } .qm-native .page-content .qm-hfaq-list { border-top: 1px solid #eeeae3; } .qm-native .page-content .qm-hfaq-item { border-top: 0; border-bottom: 1px solid #eeeae3; } .qm-native .page-content .qm-hfaq-q { padding: 18px 0; gap: 24px; text-align: left; cursor: pointer; } .qm-native .page-content .qm-hfaq-qtext { flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; font: 500 17px/26px "Roboto", sans-serif; color: #2B2B2E !important; } .qm-native .page-content .qm-hfaq-ico { flex: 0 0 16px; width: 16px; height: 16px; } .qm-native .page-content .qm-hfaq-ico::before { top: 1px; left: 3px; width: 9px; height: 9px; background: transparent; border-right: 2px solid #2B2B2E; border-bottom: 2px solid #2B2B2E; border-radius: 0; transform: rotate(45deg); transition: transform 0.2s; } .qm-native .page-content .qm-hfaq-ico::after { display: none; } .qm-native .page-content .qm-hfaq-item.open .qm-hfaq-ico::before { transform: translateY(5px) rotate(225deg); } .qm-native .page-content .qm-hfaq-a { font: 400 15.5px/26px "Roboto", sans-serif; color: #2B2B2E; padding-right: 40px; } .qm-native .page-content .qm-hfaq-a > * { margin: 0 0 12px; } .qm-native .page-content .qm-hfaq-item.open .qm-hfaq-a { padding-bottom: 20px; } @media (max-width: 768px) { .qm-native .page-content .qm-hfaq { padding: 0; margin-bottom: 36px; } .qm-native .page-content .qm-hfaq-title { font-size: 26px; line-height: 34px; } .qm-native .page-content .qm-hfaq-q { padding: 16px 0; } .qm-native .page-content .qm-hfaq-qtext { font-size: 16px; line-height: 24px; } .qm-native .page-content .qm-hfaq-a { padding-right: 0; } } .qm-native .qm-contact-panel { background: #FAF5EA; border: 1px solid #eeeae3; padding: 32px 36px 36px; margin: 28px 0 36px; } .qm-native .qm-ch-wrapper { position: relative; display: inline-block; margin: 0 0 8px; padding: 4px 12px; } .qm-native .qm-ch-title { position: relative; z-index: 1; font: 500 24px/32px "Instrument Sans", sans-serif; color: #2B2B2E; } .qm-native .qm-ch-svg { position: absolute; left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); pointer-events: none; } .qm-native .qm-ch-path { stroke: #DD1B1F; } .qm-native .qm-ch-sub { margin: 0 0 22px; font: 400 15px/24px "Roboto", sans-serif; color: #6B6B6B; } .qm-native .qm-contact-panel .qm-contact-form { max-width: none; margin: 0; } .qm-native .qm-contact-panel .qm-cf { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; align-items: start; } .qm-native .qm-contact-panel .qm-cf .ff-el-group { margin: 0; } .qm-native .qm-contact-panel .qm-cf > div.ff-el-group:nth-of-type(4) { grid-column: 1 / -1; } .qm-native .qm-contact-panel .qm-cf .ff-el-group:has(textarea) { grid-column: 1 / -1; } .qm-native .qm-contact-panel .qm-cf .ff-btn-submit { grid-column: 1 / -1; justify-self: start; min-width: 200px; min-height: 50px; margin-top: 4px; } .qm-native .qm-contact-panel .qm-cf .ff-message-success { grid-column: 1 / -1; margin: 0; background: #fff; } .qm-native .qm-contact-panel .qm-cf .qm-cf-error { grid-column: 1 / -1; margin: 0; } .qm-native .qm-contact-panel .ff-el-form-control { border-color: #e3ddd0; } .qm-native .qm-contact-panel .ff-el-form-control:focus { border-color: #2B2B2E; } .qm-native .qm-contact-panel textarea.ff-el-form-control { min-height: 150px; } @media (max-width: 767px) { .qm-native .qm-contact-panel { padding: 24px 18px 26px; margin: 24px 0 30px; } .qm-native .qm-ch-wrapper { padding: 4px 8px; } .qm-native .qm-ch-title { font-size: 21px; line-height: 28px; } .qm-native .qm-contact-panel .qm-cf { grid-template-columns: 1fr; gap: 12px; } .qm-native .qm-contact-panel .qm-cf .ff-btn-submit { justify-self: stretch; width: 100%; } } .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-hdr .elementor-element.elementor-element-c52526f .qm-hdr-brand img{ aspect-ratio:auto;object-fit:contain;height:auto} @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} } /* 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; } /* ---- 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 ==== */