/* 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 (het-kniekussen.nl, 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 : les 3 avis tiennent, plus rien n'est cache donc plus besoin d'amorce. */ @media (min-width: 1025px) { .elementor-element-3fa80c4 { --e-n-carousel-swiper-slides-to-display: 3 !important; } } /* ============ 3. Rangee de categories (3b767ba, 63 vignettes, gap 10px) ============ */ .elementor-element-3b767ba { --cats-n: 63; } /* SEUL chiffre a reprendre si le nombre de categories change */ @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 245s 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(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. ---- */