.iqitfake{ display: none;} /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #51262f; } .pagination .page-list li:hover { border-color: #51262f; } .pagination .page-list li.current { border-color: #51262f; } .pagination .page-list li.current a { color: #51262f; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #mobile-header .m-nav-btn { color: #777777; } #mobile-header .m-nav-btn:hover { color: #333333; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 13px; } } body { line-height: 1.5rem; } body { font-family: "Poppins", sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: "Oswald", sans-serif; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #000000; color: #ffffff; border: none 1px #f0f0f0; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #ffffff; color: #000000; border-color: #000000; } .btn-secondary:not(:disabled):not(.disabled):active { background: #ffffff; color: #000000; border-color: #000000; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #000000; color: #ffffff; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #ffffff; color: #000000; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #000000; color: #ffffff; border: none 1px; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #ffffff; color: #000000; border-color: #000000; } .btn-primary:not(:disabled):not(.disabled):active { background: #ffffff; color: #000000; border-color: #000000; } #wrapper .breadcrumb { padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; margin-top: -1.0714285714rem; margin-bottom: 1.0714285714rem; font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #8f8f8f; } #wrapper .breadcrumb li:after { color: #8f8f8f; } #wrapper .breadcrumb a { color: #8f8f8f; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #777777; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #777777; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #777777; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #777777; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control::-moz-placeholder { color: #777777; } .form-control:-ms-input-placeholder { color: #777777; } .form-control:-moz-placeholder { color: #777777; } .form-control:focus { color: #777777; border-color: #8a8a8a; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333333!important; color: #ffffff!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #000000; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.7857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #000000; color: #ffffff; } .product-flags .new { background: #000000; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #000000; color: #ffffff; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #000000; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #ffffff; } #back-to-top { background: #000000; color: #ffffff; } #back-to-top:hover { background: #000000; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px; } #header .header-nav { color: #777777; background: #f8f8f8; border-bottom: none 1px; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; font-size: 0.8571428571rem; } #header .header-nav a { color: #777777; } #header .header-nav a:hover { color: #333333; } #header .header-nav .social-links._topbar { font-size: 1rem; } .header-top { padding-top: 1.7857142857rem; padding-bottom: 1.7857142857rem; color: #ffffff; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #51262f; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.4285714286rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #ffffff; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #ffffff; } .header-top a.header-cart-btn:not(:hover) { color: #ffffff; } .stuck-header .header-top { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .cart-products-count-btn { background: #51262f; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.5714285714rem; max-width: 21.4285714286rem; color: #000000; padding-left: 1.0714285714rem; padding-right: 1.0714285714rem; border-left: none 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.2142857143rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.5714285714rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { color: #51262f; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.4285714286rem; max-height: 1.4285714286rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.7142857143rem; padding-right: 0.7142857143rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.5714285714rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; border-top: solid 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.7142857143rem; max-height: 1.7142857143rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #000000; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px #37a625; box-shadow: 0px 15px 25px 0px rgba(74, 63, 63, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #333333 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #333333 !important; border-bottom: none 3px #c2bc29; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #595050 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.8571428571rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 4.4285714286rem; } .mobile-menu__link { color: #595050 !important; padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; font-size: 1.5714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; color: #595050; font-size: 1.5714285714rem; } .mobile-menu__tab-icon { font-size: 1.5714285714rem; } .mobile-menu__tab-icon--img { max-height: 1.5714285714rem; } .mobile-menu__legend { font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #595050; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.5714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #595050 !important; } .mobile-menu__column { font-size: 1.1428571429rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.8571428571rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.8571428571rem; } .mobile-menu__column-title { margin-bottom: 0.5714285714rem; } .mobile-menu__links-list-li { padding-top: 0.4285714286rem; padding-bottom: 0.4285714286rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #595050; } .mobile-menu__footer { border-top: none 1px; color: #595050; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.3571428571rem; } .products.row > .col, .products.row > [class*=col-] { padding: 0.3571428571rem; } .swiper-container-wrapper { margin: -0.3571428571rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.3571428571rem; } .swiper-container-wrapper .product-carousel { padding: 0.3571428571rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.3571428571rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-price { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; } } .product-miniature-grid .product-functional-buttons { background: #ffffff; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .product-add-cart { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.5357142857rem 1.0714285714rem; background: rgb(0, 0, 0); color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #ffffff; color: #000000; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.7142857143rem; } .products-grid .product-miniature-layout-2 .product-add-cart { display: none !important; } .products-grid .product-miniature-layout-2 .products-variants { padding-top: 0rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.7142857143rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.3571428571rem; font-style: normal; font-weight: normal; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #ffffff; background: #333333; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #ffffff; background: #333333; transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #main #main-product-wrapper { transition: opacity 0.3s ease; } #main.-combinations-loading { position: relative; } #main.-combinations-loading #product-preloader { display: block; position: absolute; z-index: 10; top: -10px; } #main.-combinations-loading #main-product-wrapper { opacity: 0.3; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #content-wrapper .page-title { color: #000000; font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .section-title { color: #000000; font-size: 1.1428571429rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #000000; } .nav-tabs .nav-link { color: #000000; font-size: 1.1428571429rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; border-bottom: solid 3px #dedede; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .title a:link:not(.nav-link):not(.btn), .iqit-accordion .title a:visited:not(.nav-link):not(.btn) { color: #000000; } .iqit-accordion .nav-link { border-bottom: solid 3px #dedede; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #dedede; } #wrapper .block-title { color: #333333; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333333; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #e3e3e3; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #51262f; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #000000; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.3571428571rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #000000 !important; } #footer .block-title, #checkout-footer .block-title { color: #000000; font-size: 1.0714285714rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #000000; } #footer-container-first { border-top: none 1px; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; background: #212121; color: #ffffff; } #footer-container-first .h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.8571428571rem; padding-bottom: 1.8571428571rem; color: #000000; } #footer-container-main a, #checkout-footer a { color: #000000; } #footer-container-main a:hover, #checkout-footer a:hover { color: #51262f; } #footer-copyrights { border-top: none 1px; background: #ffffff; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: "\f106"; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; }.ps-shoppingcart.dropdown #blockcart-content { z-index: 1000; } /* LULUMARY — TYPOGRAPHIE GLOBALE Arsenica : titres principaux Glacial Indifference : sous-titres Les tailles, graisses et hauteurs de ligne existantes sont conservées. */ body h1, body .h1, body .page-title { font-family: "Arsenica", Georgia, serif !important; } body h2, body h3, body h4, body h5, body h6, body .h2, body .h3, body .h4, body .h5, body .h6 { font-family: "Glacial Indifference", Arial, sans-serif !important; } /* LULUMARY — déplacement de displayNav2 dans le header — Desktop uniquement */ @media (min-width: 992px) { /* Le header devient le repère de positionnement */ #header, #desktop-header { position: relative; } #header .header-nav { height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; } /* On masque toute la partie gauche de l'ancien top header */ #header .header-nav .left-nav { display: none !important; } #header .header-nav .container, #header .header-nav .container-fluid, #header .header-nav .row { position: static !important; min-height: 0 !important; height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Langue et wishlist déplacées en haut à droite du header principal */ #header .header-nav .right-nav { position: absolute !important; top: 78px !important; right: 88px !important; bottom: auto !important; z-index: 200; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0; width: 30px !important; max-width: 30px !important; height: 30px !important; min-height: 30px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } #header .header-nav .right-nav > div, #header .header-nav .right-nav > span, #header .header-nav .right-nav > a { margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #header .header-nav .right-nav, #header .header-nav .right-nav a, #header .header-nav .right-nav button { font-size: 12px; line-height: 1.3; } } /* LULUMARY — Header Warehouse style 4 — Logo centré au-dessus du menu */ @media (min-width: 992px) { /* Header en pleine largeur */ #desktop-header.desktop-header-style-4 #desktop-header-container { width: 100%; max-width: none; padding-right: 28px; padding-left: 28px; } #desktop-header.desktop-header-style-4 .header-top { padding-top: 0 !important; padding-bottom: 0 !important; } #desktop-header.desktop-header-style-4 #desktop-header-container > .row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); grid-template-rows: auto auto; align-items: center !important; column-gap: 20px; row-gap: 0 !important; margin-right: 0; margin-left: 0; } #desktop-header.desktop-header-style-4 .col-header-left { grid-column: 2; grid-row: 1; justify-self: center; width: auto; max-width: none; padding: 0; flex: none !important; } #desktop-header.desktop-header-style-4 #desktop_logo { margin-top: -8px !important; margin-bottom: -15px !important; text-align: center; } #desktop-header.desktop-header-style-4 #desktop_logo a { display: inline-block; } #desktop-header.desktop-header-style-4 #desktop_logo .logo { display: block; width: auto !important; max-width: none !important; height: 82px !important; max-height: 82px !important; margin: 0 auto; filter: grayscale(1) contrast(3) !important; mix-blend-mode: multiply; } /* Recherche, compte et panier : première ligne à droite */ #desktop-header.desktop-header-style-4 .col-header-right { grid-column: 3; grid-row: 1; justify-self: end; width: auto; max-width: none; padding: 0; flex: none !important; } #desktop-header.desktop-header-style-4 .col-header-right > .row { flex-wrap: nowrap; margin: 0; } #desktop-header.desktop-header-style-4, #desktop-header.desktop-header-style-4 #desktop-header-container, #desktop-header.desktop-header-style-4 .col-header-right, #desktop-header.desktop-header-style-4 .col-header-right > .row { position: static !important; } #desktop-header.desktop-header-style-4 #desktop-header-container { position: relative !important; } #desktop-header.desktop-header-style-4 #header-search-btn { position: absolute !important; right: auto !important; bottom: 9px !important; left: 28px !important; z-index: 40 !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; } /* Compte et panier à droite du menu */ #desktop-header.desktop-header-style-4 #header-user-btn, #desktop-header.desktop-header-style-4 #ps-shoppingcart-wrapper { position: absolute !important; top: auto !important; bottom: 9px !important; z-index: 50 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; } #desktop-header.desktop-header-style-4 #header-user-btn { right: 50px !important; } #desktop-header.desktop-header-style-4 #ps-shoppingcart-wrapper { right: 16px !important; } #desktop-header.desktop-header-style-4 #header-search-btn .header-btn, #desktop-header.desktop-header-style-4 #header-user-btn .header-btn, #desktop-header.desktop-header-style-4 #ps-shoppingcart-wrapper .header-btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Recherche noire */ #desktop-header.desktop-header-style-4 #header-search-btn .fa-search { color: #000000 !important; -webkit-text-fill-color: #000000 !important; -webkit-text-stroke: 0 !important; } /* Compte + panier : contour noir, intérieur transparent */ #desktop-header.desktop-header-style-4 #header-user-btn .fa-user, #desktop-header.desktop-header-style-4 #ps-shoppingcart-wrapper .fa-shopping-bag { color: transparent !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 1px #000000; } #desktop-header.desktop-header-style-4 .col-header-center { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; padding: 0; flex: none !important; } #desktop-header.desktop-header-style-4 .col-header-menu .sticky-desktop-wrapper, #desktop-header.desktop-header-style-4 .col-header-menu #iqitmegamenu-wrapper, #desktop-header.desktop-header-style-4 .col-header-menu .container-iqitmegamenu { width: 100%; max-width: none; } #desktop-header.desktop-header-style-4 #iqitmegamenu-horizontal { display: flex; justify-content: center; } #desktop-header.desktop-header-style-4 #cbp-hrmenu > ul { display: flex; justify-content: center; width: auto; margin: 0 auto; } #desktop-header.desktop-header-style-4 #desktop-header-container > .row > .col-12 { grid-column: 1 / -1; } } #header .header-nav .right-nav > * { display: flex !important; align-items: center !important; min-height: 24px; } #header .header-nav .right-nav a, #header .header-nav .right-nav button { display: flex !important; align-items: center !important; line-height: 1; } @media (min-width: 992px) { #desktop-header #cbp-hrmenu .nav-link { font-family: "Poppins", sans-serif; font-weight: 500; } } /* Langues : drapeaux uniquement sur desktop */ @media (min-width: 992px) { #language_selector .expand-more, #language_selector .dropdown-item { font-size: 0 !important; line-height: 0 !important; } #language_selector .expand-more > .fa { display: none !important; } #language_selector, #language_selector .language-selector-wrapper, #language_selector .language-selector, #language_selector .expand-more { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } #language_selector .lang-flag { display: block !important; width: auto !important; height: 21px !important; max-height: 21px !important; margin: 0 !important; object-fit: contain !important; visibility: visible !important; opacity: 1 !important; } #language_selector .dropdown-menu { top: 30px !important; right: 0 !important; left: auto !important; z-index: 500 !important; min-width: 44px !important; padding: 6px !important; overflow: visible !important; } #language_selector .dropdown-item { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; min-height: 28px !important; padding: 3px !important; } } .lul-hero-divider .elementor-divider-separator, .lul-hero-divider .ce-divider-separator { width: 55px !important; } /* LULUMARY — Home page only — Header blanc au-dessus du hero */ @media (min-width: 992px) { /* Le header reste dans le flux : le hero commence juste en dessous */ body#index #header { position: relative !important; top: auto !important; left: auto !important; width: 100%; z-index: 1000; background: #ffffff !important; box-shadow: none !important; } /* Les éléments internes restent transparents sur le fond blanc du header */ body#index #desktop-header, body#index #desktop-header-container, body#index .header-top, body#index .header-nav, body#index #iqitmegamenu-wrapper, body#index .container-iqitmegamenu, body#index #iqitmegamenu-horizontal, body#index #cbp-hrmenu, body#index #cbp-hrmenu > ul, body#index #cbp-hrmenu > ul > li, body#index #cbp-hrmenu > ul > li > .nav-link { background: transparent !important; box-shadow: none !important; border: 0 !important; } body#index .header-top > .container, body#index .header-nav > .container, body#index #desktop-header .container, body#index #desktop-header .container-fluid { background: transparent !important; } body#index #wrapper, body#index #content-wrapper, body#index .page-content-top, body#index main { margin-top: 0 !important; padding-top: 0 !important; } body#index .lul-hero-home { margin-top: 0 !important; padding-top: 0 !important; } /* On réduit un peu la hauteur perçue du header */ body#index #desktop-header.desktop-header-style-4 #desktop-header-container > .row { row-gap: 10px; } body#index .header-top { padding-top: 14px !important; padding-bottom: 8px !important; } } /* LULUMARY — Couleurs du header transparent sur la home */ @media (min-width: 992px) { body#index #desktop_logo .logo { filter: brightness(0) invert(1); } body#index #cbp-hrmenu > ul > .cbp-hrmenu-tab > .nav-link, body#index #cbp-hrmenu .cbp-tab-title { color: #f5f1e7 !important; } body#index #header .header-nav .right-nav, body#index #header .header-nav .right-nav a, body#index #header .header-nav .right-nav button { color: #f5f1e7 !important; } /* Recherche, compte et panier */ body#index #desktop-header .header-btn, body#index #desktop-header .header-btn .icon, body#index #desktop-header .fa, body#index #desktop-header .cart-products-count-btn { color: #f5f1e7 !important; } /* LULUMARY — Langues du menu déroulant sur la home */ @media (min-width: 992px) { body#index #header .header-nav .right-nav .language-selector .dropdown-menu a, body#index #header .header-nav .right-nav .language-selector .dropdown-menu .dropdown-item, body#index #header .header-nav .right-nav .language-selector-wrapper .dropdown-menu a, body#index #header .header-nav .right-nav .language-selector-wrapper .dropdown-menu .dropdown-item { color: #000000 !important; } body#index #header .header-nav .right-nav .language-selector .dropdown-menu a:hover, body#index #header .header-nav .right-nav .language-selector .dropdown-menu .dropdown-item:hover, body#index #header .header-nav .right-nav .language-selector-wrapper .dropdown-menu a:hover, body#index #header .header-nav .right-nav .language-selector-wrapper .dropdown-menu .dropdown-item:hover { color: #51262f !important; background-color: #f5f1e7 !important; } } body#index #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover > .nav-link, body#index #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover .cbp-tab-title { color: #d7a661 !important; } } /* LULUMARY — Menu sticky après défilement — Home desktop uniquement */ @media (min-width: 992px) { body#index #iqitmegamenu-wrapper.stuck { position: fixed !important; top: 0; right: 0; left: 0; display: flex; align-items: center; width: 100% !important; min-height: 50px; margin: 0 !important; background: #f5f1e7 !important; border-bottom: 1px solid rgba(186, 164, 141, 0.35) !important; box-shadow: 0 3px 14px rgba(81, 38, 47, 0.08) !important; z-index: 1100; } body#index #iqitmegamenu-wrapper.stuck .container-iqitmegamenu { width: 100% !important; max-width: none !important; padding-right: 80px; padding-left: 80px; background: transparent !important; } body#index #iqitmegamenu-wrapper.stuck #iqitmegamenu-horizontal, body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu { background: transparent !important; } body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu > ul { display: flex; justify-content: center; width: auto; margin: 0 auto; } body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu > ul > .cbp-hrmenu-tab > .nav-link, body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu .cbp-tab-title { color: #51262f !important; } body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu > ul > .cbp-hrmenu-tab > .nav-link { min-height: 50px; padding-top: 17px !important; padding-bottom: 17px !important; background: transparent !important; } body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover > .nav-link, body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover .cbp-tab-title { color: #d7a661 !important; } /* Panier fixe à droite */ body#index #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper { position: absolute; top: 50%; right: 28px; display: flex; align-items: center; transform: translateY(-50%); z-index: 2; } body#index #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .header-cart-btn, body#index #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .icon { color: #51262f !important; } /* Panier compact : pictogramme seul */ body#index #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .info-wrapper { display: none !important; } } /* LULUMARY — Actions du menu sticky */ @media (min-width: 992px) { /* Cachées tant que le menu n'est pas sticky */ #lulumary-sticky-actions { display: none !important; } /* Affichage dans le menu sticky */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #iqitmegamenu-wrapper.stuck #lulumary-sticky-actions { position: absolute; top: 50%; right: 67px; z-index: 5; display: flex !important; align-items: center; gap: 17px; transform: translateY(-50%); } /* Recherche + actions */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #iqitmegamenu-wrapper.stuck .lulumary-sticky-action { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; min-height: 30px; padding: 0; color: #000000 !important; background: transparent !important; border: 0; font-size: 16px; line-height: 1; text-decoration: none; cursor: pointer; } /* Recherche noire */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #iqitmegamenu-wrapper.stuck .lulumary-sticky-search .fa { color: #000000 !important; -webkit-text-fill-color: #000000 !important; -webkit-text-stroke: 0 !important; } /* Compte : contour noir, intérieur transparent */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #desktop-header #iqitmegamenu-wrapper.stuck #lulumary-sticky-actions .lulumary-sticky-account .fa-user { color: transparent !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 1px #000000; } /* Panier sticky */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper { position: absolute; top: 50%; right: 28px; display: flex; align-items: center; transform: translateY(-50%); } /* Panier : contour noir, intérieur transparent */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .icon { color: transparent !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 1px #000000; } /* Texte panier masqué dans le sticky */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .info-wrapper { display: none !important; } /* Survol */ body:is( #index, #category, #product, #cms, #authentication, #my-account, #addresses, #address, #history, #order-slip, #identity, #discount, #cart, #checkout, #module-ps_emailalerts-account ) #iqitmegamenu-wrapper.stuck .lulumary-sticky-action:hover { opacity: 0.55; } } @media (min-width: 992px) { body#index #header .header-nav .right-nav { min-height: 30px; } body#index #header .header-nav .right-nav > *, body#index #header .header-nav .right-nav a, body#index #header .header-nav .right-nav button { display: inline-flex !important; align-items: center !important; min-height: 30px; line-height: 1 !important; } } @media (min-width: 992px) { body#index #header-search-btn .dropdown-menu-custom.show { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: none !important; height: 100vh !important; margin: 0 !important; transform: none !important; z-index: 3000 !important; } body#index #header-search-btn .dropdown-menu-custom.show .dropdown-content.fullscreen-search { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; } body#index #header, body#index #desktop-header, body#index .header-top { overflow: visible !important; } } /* LULUMARY — Suppression du top header mobile/tablette — La langue reste accessible dans le menu mobile Warehouse */ @media (max-width: 991.98px) { /* Header mobile plus compact */ #mobile-header .mobile-main-bar { padding-top: 6px !important; padding-bottom: 6px !important; } #header .header-nav { display: none !important; } /* Menu mobile positionné sous la barre d'annonce */ .mobile-menu { top: 32px !important; height: calc(100vh - 32px) !important; height: calc(100dvh - 32px) !important; max-height: calc(100dvh - 32px) !important; } /* Sélecteur de langue déplacé dans le header mobile */ #mobile-header #language_selector { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; min-width: 34px !important; flex: 0 0 34px !important; margin: 0 !important; padding: 0 !important; } /* Langue courante : uniquement FR / EN ou l'image */ #mobile-header #language_selector .expand-more { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 28px !important; min-height: 40px !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; font-size: 0 !important; line-height: 0 !important; } #mobile-header #language_selector .expand-more .lang-flag { display: block !important; width: 21px !important; height: 15px !important; margin: 0 !important; } #mobile-header #language_selector .expand-more > .fa { display: none !important; } /* Menu déroulant */ #mobile-header #language_selector .dropdown-menu { right: 0 !important; left: auto !important; min-width: 44px !important; padding: 5px !important; background: #ffffff !important; border: 0 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important; } #mobile-header #language_selector .dropdown-item { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; padding: 3px !important; font-size: 0 !important; line-height: 0 !important; } #mobile-header #language_selector .dropdown-item .lang-flag { width: 16px !important; height: 11px !important; margin: 0 !important; } /* Compte + panier mobile : contour noir, intérieur transparent */ #mobile-header .col-mobile-btn-account .fa-user, #mobile-header #mobile-cart-toogle .mobile-bag-icon { color: transparent !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 1px #000000; } /* Fond des boutons compte + panier transparent */ #mobile-header .col-mobile-btn-account .m-nav-btn, #mobile-header #mobile-cart-toogle { background: transparent !important; } /* Compteur panier : conserver rond noir + chiffre blanc */ #mobile-header #mobile-cart-products-count { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; -webkit-text-stroke: 0 !important; background-color: #000000 !important; border-color: #000000 !important; } /* Hamburger + recherche mobile en noir */ #mobile-header .col-mobile-btn-menu .fa-bars, #mobile-header .col-mobile-btn-search .fa-search { color: #000000 !important; -webkit-text-fill-color: #000000 !important; -webkit-text-stroke: 0 !important; } } /* LULUMARY — Boutons du hero — Règles uniques desktop, tablette et mobile */ .lul-hero-buttons, .lul-hero-buttons > .elementor-container, .lul-hero-buttons .elementor-row { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .lul-hero-buttons .elementor-row { display: flex !important; } .lul-hero-buttons .elementor-column, .lul-hero-buttons .elementor-column + .elementor-column { margin: 0 !important; padding: 0 !important; } .lul-hero-buttons .elementor-column-wrap, .lul-hero-buttons .elementor-widget-wrap, .lul-hero-buttons .elementor-widget-container, .lul-hero-buttons .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; } /* Desktop */ /* Desktop */ @media (min-width: 992px) { /* Contenu général du hero */ body#index .lul-hero-home > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap { padding-right: 30px !important; padding-left: 30px !important; text-align: center !important; } /* Titre principal */ body#index .lul-hero-home .elementor-heading-title { width: 100% !important; margin-right: auto !important; margin-left: auto !important; text-align: center !important; } /* Sous-titre */ body#index .lul-hero-home .elementor-text-editor, body#index .lul-hero-home .elementor-text-editor p { width: 100% !important; margin-right: auto !important; margin-left: auto !important; text-align: center !important; } /* Petit trait sous le sous-titre */ body#index .lul-hero-home .lul-hero-divider .elementor-divider { text-align: center !important; } body#index .lul-hero-home .lul-hero-divider .elementor-divider-separator { margin-right: auto !important; margin-left: auto !important; } /* Boutons */ .lul-hero-buttons .elementor-row { flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .lul-hero-buttons .elementor-column { width: auto !important; flex: 0 0 auto !important; } .lul-hero-buttons .elementor-button-wrapper { text-align: center !important; } } /* Tablette */ @media (min-width: 768px) and (max-width: 991.98px) { .lul-hero-buttons .elementor-row { flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 16px !important; } .lul-hero-buttons .elementor-column { width: auto !important; flex: 0 0 auto !important; } .lul-hero-buttons .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 210px; } } /* Mobile */ @media (max-width: 767.98px) { body#index #wrapper, body#index #content-wrapper, body#index .page-content-top, body#index main { margin-top: 0 !important; padding-top: 0 !important; } /* Hero : contenu centré */ body#index .lul-hero-home { margin-top: 0 !important; padding-top: 0 !important; overflow-x: hidden !important; text-align: center !important; } body#index .lul-hero-home > .elementor-container { display: flex !important; align-items: center !important; justify-content: center !important; min-height: inherit !important; width: 100% !important; } body#index .lul-hero-home > .elementor-container > .elementor-row { width: 100% !important; } body#index .lul-hero-home .elementor-container, body#index .lul-hero-home .elementor-row, body#index .lul-hero-home .elementor-column, body#index .lul-hero-home .elementor-column-wrap, body#index .lul-hero-home .elementor-widget-wrap { align-items: center !important; justify-content: center !important; } /* Titres et textes du hero */ body#index .lul-hero-home h1, body#index .lul-hero-home h2, body#index .lul-hero-home h3, body#index .lul-hero-home .elementor-heading-title, body#index .lul-hero-home .elementor-widget-text-editor, body#index .lul-hero-home .elementor-text-editor { width: 100% !important; margin-right: auto !important; margin-left: auto !important; text-align: center !important; } /* Boutons */ .lul-hero-buttons { position: static !important; width: 100% !important; margin-right: auto !important; margin-left: auto !important; transform: none !important; } .lul-hero-buttons .elementor-row { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 14px !important; } .lul-hero-buttons .elementor-column, .lul-hero-buttons .elementor-column + .elementor-column { width: 100% !important; flex: 0 0 auto !important; margin: 0 !important; } .lul-hero-buttons .elementor-widget-wrap, .lul-hero-buttons .elementor-widget-container, .lul-hero-buttons .elementor-button-wrapper { width: 100% !important; } .lul-hero-buttons .elementor-button-wrapper { display: flex !important; justify-content: center !important; } .lul-hero-buttons .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 230px !important; max-width: calc(100% - 32px) !important; min-height: 48px; margin: 0 auto !important; } } /* LULUMARY — Informations produit superposées au survol — Home : section .lul-products-hover */ @media (min-width: 992px) and (hover: hover) and (pointer: fine) { /* Home : section produits alignée sur les blocs pleine largeur */ body#index .lul-home-products-carousel > .elementor-container { width: 100% !important; max-width: none !important; padding-right: 4px !important; padding-left: 4px !important; } body#index .lul-home-products-carousel > .elementor-container > .elementor-row, body#index .lul-home-products-carousel .elementor-column, body#index .lul-home-products-carousel .elementor-column-wrap, body#index .lul-home-products-carousel .elementor-widget-wrap, body#index .lul-home-products-carousel .elementor-widget-container, body#index .lul-home-products-carousel .elementor-products { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } /* * Home : le listing est un Swiper. * On laisse Swiper calculer les 3 colonnes et on crée 24 px d'espace * avec 12 px de padding sur chaque slide. * Le conteneur est élargi de 24 px pour conserver l'alignement extérieur. */ body#index .lul-products-hover .swiper-container-wrapper .products.swiper-container, body#index .lul-products-hover .products.swiper-container { width: calc(100% + 24px) !important; max-width: none !important; margin-right: -12px !important; margin-left: -12px !important; padding: 0 !important; } body#index .lul-products-hover .products.swiper-container .js-product-miniature-wrapper { box-sizing: border-box !important; margin: 0 !important; padding-right: 15px !important; padding-left: 15px !important; } /* * Catégories : grille fixe 3 colonnes strictement identiques, * avec 24 px entre les produits. */ body#category #js-product-list .products.row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 30px !important; width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } body#category #js-product-list .js-product-miniature-wrapper { width: 100% !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; } /* Cartes produit : pleine largeur dans leur colonne/slide */ body#index .lul-products-hover .product-miniature, body#category #js-product-list .product-miniature { position: relative !important; width: 100% !important; margin: 0 0 0px !important; overflow: hidden !important; } body#index .lul-products-hover .thumbnail-container, body#category #js-product-list .thumbnail-container { position: relative !important; overflow: hidden !important; } body#index .lul-products-hover .product-description, body#category #js-product-list .product-description { position: absolute !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 10 !important; min-height: 124px !important; margin: 0 !important; padding: 18px 55px 16px 20px !important; background: rgba(255, 255, 255, 0.97) !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(100%) !important; transition: transform 0.3s ease, opacity 0.25s ease, visibility 0.25s ease !important; } body#index .lul-products-hover .product-miniature:hover .product-description, body#index .lul-products-hover .product-miniature:focus-within .product-description, body#category #js-product-list .product-miniature:hover .product-description, body#category #js-product-list .product-miniature:focus-within .product-description { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } body#index .lul-products-hover .product-category-name, body#index .lul-products-hover .product-reference, body#index .lul-products-hover .product-description-short, body#index .lul-products-hover .product-add-cart, body#category #js-product-list .product-category-name, body#category #js-product-list .product-reference, body#category #js-product-list .product-description-short, body#category #js-product-list .product-add-cart { display: none !important; } body#index .lul-products-hover .product-description > .row, body#category #js-product-list .product-description > .row { position: static !important; display: block !important; margin: 0 !important; padding: 0 !important; } body#index .lul-products-hover .product-description > .row > .col, body#category #js-product-list .product-description > .row > .col { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body#index .lul-products-hover .product-title, body#category #js-product-list .product-title { display: block !important; margin: 0 !important; padding: 0 35px 0 0 !important; color: #51262f !important; font-family: "Arsenica", Georgia, serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.3 !important; text-align: left !important; } body#index .lul-products-hover .product-miniature-right, body#category #js-product-list .product-miniature-right { position: absolute !important; top: 43px !important; left: 20px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } body#index .lul-products-hover .product-price-and-shipping, body#category #js-product-list .product-price-and-shipping { margin: 0 !important; padding: 0 !important; text-align: left !important; } body#index .lul-products-hover .product-price, body#category #js-product-list .product-price { color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; } body#index .lul-products-hover .products-variants, body#category #js-product-list .products-variants { display: block !important; margin-top: 43px !important; } body#index .lul-products-hover .variant-links, body#category #js-product-list .variant-links { display: flex !important; align-items: center !important; gap: 8px !important; } body#index .lul-products-hover .variant-links .color, body#category #js-product-list .variant-links .color { display: block !important; width: 18px !important; height: 18px !important; margin: 0 !important; border: 1px solid rgba(81, 38, 47, 0.25) !important; border-radius: 50% !important; box-shadow: none !important; } body#index .lul-products-hover .product-functional-buttons.product-functional-buttons-bottom, body#category #js-product-list .product-functional-buttons.product-functional-buttons-bottom { position: absolute !important; top: auto !important; right: 18px !important; bottom: 84px !important; left: auto !important; z-index: 12 !important; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(8px) !important; transition: transform 0.3s ease, opacity 0.25s ease, visibility 0.25s ease !important; } body#index .lul-products-hover .product-miniature:hover .product-functional-buttons, body#index .lul-products-hover .product-miniature:focus-within .product-functional-buttons, body#category #js-product-list .product-miniature:hover .product-functional-buttons, body#category #js-product-list .product-miniature:focus-within .product-functional-buttons { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } body#index .lul-products-hover .product-functional-buttons-links, body#category #js-product-list .product-functional-buttons-links { display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; } body#index .lul-products-hover .btn-iqitcompare-add, body#index .lul-products-hover .js-quick-view-iqit, body#category #js-product-list .btn-iqitcompare-add, body#category #js-product-list .js-quick-view-iqit { display: none !important; } body#index .lul-products-hover .btn-iqitwishlist-add, body#category #js-product-list .btn-iqitwishlist-add { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 18px !important; } body#index .lul-products-hover .btn-iqitwishlist-add:hover, body#category #js-product-list .btn-iqitwishlist-add:hover { color: #51262f !important; } } /* LULUMARY — Ajustement du panneau produit au survol — Cartouche avec marges, textes et coloris agrandis */ @media (min-width: 992px) and (hover: hover) and (pointer: fine) { body#index .lul-products-hover .product-description, body#category #js-product-list .product-description { right: 18px !important; bottom: 45px !important; left: 18px !important; width: auto !important; min-height: 140px !important; padding: 20px 65px 20px 24px !important; background: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 6px 22px rgba(0, 0, 0, 0.12) !important; } body#index .lul-products-hover .product-title, body#category #js-product-list .product-title { max-width: calc(100% - 10px) !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; font-family: "Arsenica", Georgia, serif !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body#index .lul-products-hover .product-miniature-right, body#category #js-product-list .product-miniature-right { position: absolute !important; top: 55px !important; left: 24px !important; display: block !important; width: auto !important; max-width: calc(100% - 90px) !important; margin: 0 !important; padding: 0 !important; } body#index .lul-products-hover .product-price-and-shipping, body#category #js-product-list .product-price-and-shipping { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: baseline !important; justify-content: flex-start !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; text-align: left !important; } body#index .lul-products-hover .regular-price, body#category #js-product-list .regular-price { order: 1; color: #777777 !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.3 !important; text-decoration: line-through !important; } body#index .lul-products-hover .product-price, body#category #js-product-list .product-price { order: 2; color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.3 !important; } body#index .lul-products-hover .discount-percentage, body#index .lul-products-hover .discount-amount, body#category #js-product-list .discount-percentage, body#category #js-product-list .discount-amount { display: none !important; } body#index .lul-products-hover .products-variants, body#category #js-product-list .products-variants { display: block !important; margin-top: 50px !important; } body#index .lul-products-hover .variant-links, body#category #js-product-list .variant-links { display: flex !important; align-items: center !important; gap: 11px !important; } body#index .lul-products-hover .variant-links .color, body#category #js-product-list .variant-links .color { width: 24px !important; height: 24px !important; margin: 0 !important; border: 2px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.28) !important; } body#index .lul-products-hover .product-functional-buttons.product-functional-buttons-bottom, body#category #js-product-list .product-functional-buttons.product-functional-buttons-bottom { right: 34px !important; bottom: 18px !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; width: 38px !important; height: 150px !important; padding-top: 19px !important; } body#index .lul-products-hover .btn-iqitwishlist-add, body#category #js-product-list .btn-iqitwishlist-add { width: 36px !important; height: 36px !important; font-size: 23px !important; } } /* LULUMARY — Barre de tri et panneau des filtres — Pages catégories uniquement */ body#category #js-product-list-top.products-selection { margin: 0 0 18px !important; padding: 14px 18px !important; background: #ffffff !important; } body#category #js-product-list-top > .row { min-height: 46px; margin: 0 !important; } body#category #js-product-list-top .facated-toggler { padding: 0 !important; } body#category #search_center_filter_toggler { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 44px !important; padding: 0 4px !important; color: #000000 !important; background: transparent !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; transition: opacity 0.2s ease !important; } body#category #search_center_filter_toggler:hover, body#category #search_center_filter_toggler:focus { color: #000000 !important; background: transparent !important; border: 1px solid #000000 !important; outline: none !important; opacity: 0.55; } body#category h1.page-title, body#category #js-product-list-top .view-switcher { display: none !important; } @media (min-width: 992px) { body#category #js-product-list-top > .row { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } body#category #js-product-list-top .facated-toggler { order: 2 !important; flex: 0 0 auto !important; width: auto !important; margin-left: 16px !important; padding: 0 !important; } body#category #js-product-list-top > .row > .col:last-child { order: 1 !important; } } body#category #js-product-list-top > .row > .col:last-child { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; margin-left: auto !important; padding: 0 !important; } body#category #js-product-list-top .showing { margin-right: 6px !important; color: #666666 !important; font-family: "Poppins", sans-serif !important; font-size: 12px !important; font-weight: 400 !important; } body#category #js-product-list-top .products-sort-nb-dropdown { margin: 0 !important; } body#category #js-product-list-top .products-sort-nb-dropdown .select-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 44px !important; margin: 0 !important; padding: 0 15px !important; color: #000000 !important; background: #ffffff !important; border: 1px solid #cccccc !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } body#category #js-product-list-top .products-sort-order .select-title { min-width: 180px !important; } body#category #js-product-list-top .products-nb-per-page .select-title { min-width: 65px !important; } body#category #js-product-list-top .products-sort-nb-dropdown .select-title:hover, body#category #js-product-list-top .products-sort-nb-dropdown .select-title[aria-expanded="true"] { border-color: #51262f !important; } body#category #js-product-list-top .products-sort-nb-dropdown .dropdown-menu { margin-top: 6px !important; padding: 8px 0 !important; background: #ffffff !important; border: 1px solid #dedede !important; border-radius: 0 !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10) !important; } body#category #js-product-list-top .products-sort-order .dropdown-menu { min-width: 220px !important; } body#category #js-product-list-top .products-sort-nb-dropdown .dropdown-item { padding: 10px 16px !important; color: #000000 !important; background: transparent !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; } body#category #js-product-list-top .products-sort-nb-dropdown .dropdown-item:hover, body#category #js-product-list-top .products-sort-nb-dropdown .dropdown-item.current { color: #51262f !important; background: #ffffff !important; } body#category #facets_search_center { margin: -1px 0 28px !important; } body#category #facets_search_wrapper, body#category #search_filters_wrapper { margin: 0 !important; padding: 0 !important; } body#category #search_filters_wrapper { background: #ffffff !important; } body#category #search_filters_wrapper .block-facets { margin: 0 !important; padding: 30px 28px 32px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Grille desktop des facettes */ body#category #search_filters { display: grid !important; grid-template-columns: minmax(250px, 1.25fr) minmax(180px, 0.85fr) minmax(180px, 0.85fr) minmax(220px, 1fr) !important; align-items: start !important; gap: 30px 34px !important; margin: 0 !important; } body#category #search_filters > .facet { min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; width: 100% !important; } body#category #search_filters .facet-title { margin: 0 0 16px !important; padding: 0 0 10px !important; color: #000000 !important; font-family: "Glacial Indifference", Arial, sans-serif !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.2 !important; text-transform: uppercase !important; letter-spacing: 0.035em !important; } body#category #search_filters .facet ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body#category #search_filters .facet li { margin: 0 !important; padding: 0 !important; } body#category #search_filters .facet li + li { margin-top: 10px !important; } body#category #search_filters .facet-label { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; } body#category #search_filters .facet-label .search-link { color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; text-decoration: none !important; } body#category #search_filters .facet-label:hover .search-link { color: #51262f !important; } body#category #search_filters .magnitude { color: #777777 !important; font-size: 12px !important; } body#category #search_filters .facet:not(:has(.facet_color)) .custom-checkbox { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 !important; } body#category #search_filters .custom-checkbox input { position: absolute !important; inset: 0 !important; z-index: 2 !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0 !important; cursor: pointer !important; } body#category #search_filters .custom-checkbox .ps-shown-by-js { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; background: #ffffff !important; border: 1px solid #999999 !important; border-radius: 0 !important; transition: border-color 0.2s ease, background-color 0.2s ease !important; pointer-events: none !important; } body#category #search_filters .custom-checkbox .checkbox-checked { color: #ffffff !important; font-size: 10px !important; opacity: 0 !important; } body#category #search_filters .custom-checkbox input:checked + .ps-shown-by-js { background: #51262f !important; border-color: #51262f !important; } body#category #search_filters .custom-checkbox input:checked + .ps-shown-by-js .checkbox-checked { opacity: 1 !important; } body#category #search_filters .custom-checkbox input:focus-visible + .ps-shown-by-js { outline: 2px solid #51262f !important; outline-offset: 2px !important; } body#category #search_filters .facet_color { display: grid !important; grid-template-columns: repeat(6, 28px) !important; align-items: center !important; gap: 8px !important; width: max-content !important; max-width: 100% !important; } body#category #search_filters .facet_color li, body#category #search_filters .facet_color li + li { margin: 0 !important; } body#category #search_filters .facet_color .custom-checkbox { position: relative !important; display: block !important; width: 28px !important; height: 28px !important; margin: 0 !important; } body#category #search_filters .facet_color .color { display: block !important; width: 26px !important; height: 26px !important; margin: 1px !important; border: 2px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.30) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } body#category #search_filters .facet_color .custom-checkbox:hover .color { transform: scale(1.08) !important; } body#category #search_filters .facet_color input:checked + .color { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important; } body#category #search_filters .faceted-slider { width: 100% !important; } body#category #search_filters .faceted-slider li { width: 100% !important; } body#category #search_filters .faceted-slider p { margin: 0 0 18px !important; color: #5f5550 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; } body#category #search_filters .noUi-target { height: 4px !important; margin: 10px 10px 5px !important; background: #dedede !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body#category #search_filters .noUi-connects { border-radius: 0 !important; } body#category #search_filters .noUi-connect { background: #51262f !important; } body#category #search_filters .noUi-horizontal .noUi-handle { top: -7px !important; right: -9px !important; width: 18px !important; height: 18px !important; background: #ffffff !important; border: 2px solid #51262f !important; border-radius: 50% !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16) !important; cursor: grab !important; } body#category #search_filters .noUi-horizontal .noUi-handle:active { cursor: grabbing !important; } body#category #search_filters .noUi-handle::before, body#category #search_filters .noUi-handle::after { display: none !important; } /* Tablette */ @media (min-width: 768px) and (max-width: 1199.98px) { body#category #search_filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 34px !important; } body#category #js-product-list-top .showing { display: none !important; } } /* Mobile */ @media (max-width: 767.98px) { body#category #js-product-list-top.products-selection { padding: 12px !important; } body#category #js-product-list-top > .row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } body#category #js-product-list-top .facated-toggler { width: 100% !important; flex: 0 0 100% !important; } body#category #search_center_filter_toggler { width: 100% !important; } body#category #js-product-list-top > .row > .col:last-child { width: 100% !important; flex: 0 0 100% !important; justify-content: space-between !important; gap: 8px !important; } body#category #js-product-list-top .showing { display: none !important; } body#category #js-product-list-top .products-sort-order { flex: 1 1 auto !important; } body#category #js-product-list-top .products-sort-order .select-title { width: 100% !important; min-width: 0 !important; } body#category #js-product-list-top .products-nb-per-page { flex: 0 0 68px !important; } body#category #search_filters_wrapper .block-facets { padding: 22px 18px 24px !important; } body#category #search_filters { display: grid !important; grid-template-columns: 1fr !important; gap: 26px !important; } body#category #search_filter_controls { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 0 22px !important; padding: 0 0 18px !important; } body#category #search_filter_controls .btn { min-height: 42px !important; padding: 0 16px !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; text-transform: uppercase !important; } body#category #search_filter_controls .js-search-filters-clear-all { color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; } body#category #search_filter_controls .js-search-filters-clear-all:hover, body#category #search_filter_controls .js-search-filters-clear-all:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } body#category #search_filter_controls .ok { color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; } body#category #search_filter_controls .ok:hover, body#category #search_filter_controls .ok:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } } /* LULUMARY — Fiche produit : galerie desktop — Taille maîtrisée et miniatures non déformées */ @media (min-width: 1200px) { body#product #main-product-wrapper { width: 100% !important; max-width: 1680px !important; margin-right: auto !important; margin-left: auto !important; } body#product #main-product-wrapper .product-info-row { align-items: flex-start !important; margin-bottom: 0 !important; } body#product #main-product-wrapper .col-product-image { flex: 0 1 760px !important; width: auto !important; max-width: 55% !important; } body#product #main-product-wrapper .col-product-info { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding-left: 30px !important; } body#product .images-container { margin-bottom: 0 !important; } body#product .images-container > .row.no-gutters { display: flex !important; flex-direction: row-reverse !important; flex-wrap: nowrap !important; align-items: flex-start !important; justify-content: flex-end !important; } body#product .col-left-product-thumbs { flex: 0 0 112px !important; width: 112px !important; max-width: 112px !important; margin: 0 !important; padding: 0 0 0 12px !important; } body#product .col-left-product-cover { flex: 1 1 auto !important; width: auto !important; max-width: 600px !important; margin: 0 !important; padding: 0 !important; } body#product .product-cover, body#product #product-images-large { position: relative !important; width: 100% !important; max-width: 600px !important; height: 900px !important; max-height: 900px !important; min-height: 900px !important; margin: 0 !important; overflow: hidden !important; } body#product #product-images-large > .swiper-wrapper, body#product #product-images-large > .swiper-wrapper > .product-lmage-large { height: 900px !important; max-height: 900px !important; min-height: 900px !important; } body#product #product-images-large picture { display: block !important; width: 100% !important; } body#product #product-images-large img { display: block !important; width: 100% !important; height: auto !important; max-height: 900px !important; object-fit: contain !important; } body#product .col-left-product-thumbs { display: block !important; visibility: visible !important; opacity: 1 !important; flex: 0 0 112px !important; width: 112px !important; max-width: 112px !important; height: 800px !important; margin: 0 !important; padding: 0 0 0 12px !important; overflow: hidden !important; } body#product .col-left-product-thumbs .js-qv-mask, body#product #product-images-thumbs { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 800px !important; max-height: 800px !important; overflow: hidden !important; } body#product #product-images-thumbs .swiper-wrapper { display: flex !important; flex-direction: column !important; height: auto !important; } body#product .col-left-product-thumbs .swiper-slide { display: flex !important; align-items: flex-start !important; justify-content: center !important; flex: 0 0 160px !important; width: 100% !important; height: 160px !important; margin: 0 !important; padding: 0 0 10px !important; } body#product .col-left-product-thumbs .thumb-container { display: block !important; width: 100px !important; height: 150px !important; max-width: 100% !important; overflow: hidden !important; background: #f5f1e7 !important; border: 1px solid transparent !important; } body#product .col-left-product-thumbs .thumb-container picture { display: block !important; width: 100% !important; height: 100% !important; } body#product .col-left-product-thumbs .thumb-container img.thumb { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; } body#product #product-images-large .swiper-button-prev, body#product #product-images-large .swiper-button-next { top: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; margin-top: -22px !important; color: #000000 !important; background: rgba(255, 255, 255, 0.92) !important; border-radius: 50% !important; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.12) !important; opacity: 0 !important; transition: opacity 0.2s ease, background-color 0.2s ease !important; } body#product #product-images-large:hover .swiper-button-prev, body#product #product-images-large:hover .swiper-button-next { opacity: 1 !important; } body#product #product-images-large .swiper-button-prev { left: 16px !important; } body#product #product-images-large .swiper-button-next { right: 16px !important; } body#product #product-images-large .swiper-button-disabled { opacity: 0 !important; pointer-events: none !important; } body#product .iqitproductvariants { display: none !important; } } /* LULUMARY — Sélecteur de tailles en boutons */ body#product .product-variants-item-1 { margin-bottom: 22px !important; } body#product .product-variants-item-1 .lul-size-select-native { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } body#product .lul-size-buttons { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; margin-top: 10px !important; } body#product .lul-size-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 48px !important; height: 46px !important; padding: 0 14px !important; color: #000000 !important; background: #ffffff !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } body#product .lul-size-button:hover { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; outline: none !important; } body#product .lul-size-button.is-selected { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; } body#product .lul-size-button.is-disabled, body#product .lul-size-button:disabled { color: #aaa19a !important; background: linear-gradient( to bottom right, transparent 48%, rgba(81, 38, 47, 0.25) 49%, rgba(81, 38, 47, 0.25) 51%, transparent 52% ), #f7f5f1 !important; border-color: rgba(81, 38, 47, 0.15) !important; cursor: not-allowed !important; opacity: 0.65 !important; } body#product .lul-size-button:focus-visible { outline: 2px solid #51262f !important; outline-offset: 3px !important; } /* LULUMARY — Alignement précis tailles et couleurs — Fiche produit */ body#product .product-variants { display: flex !important; flex-direction: column-reverse !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 18px !important; margin-top: 0 !important; margin-bottom: 32px !important; } body#product .product-variants > .product-variants-item { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 0 24px !important; padding: 0 !important; } body#product .product-variants .form-control-label { display: flex !important; align-items: center !important; min-height: 20px !important; margin: 0 0 10px !important; padding: 0 !important; color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 20px !important; } body#product .lul-size-buttons, body#product .product-variants-item-2 > ul { display: flex !important; flex-wrap: wrap !important; align-items: center !important; min-height: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; gap: 8px !important; } body#product .lul-size-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; width: 40px !important; height: 40px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; font-size: 13px !important; line-height: 1 !important; } body#product .product-variants-item-2 > ul > li { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } body#product .product-variants-item-2 .color { display: block !important; width: 42px !important; height: 42px !important; margin: 0 !important; box-sizing: border-box !important; border: 1px solid #aaaaaa !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; } body#product .product-variants-item-2 .input-color:checked + .color { border-color: #000000 !important; box-shadow: inset 0 0 0 2px #f5f1e7, inset 0 0 0 4px #000000 !important; } body#product .product-variants-item-2 .input-color { position: absolute !important; inset: 0 !important; z-index: 2 !important; width: 42px !important; height: 42px !important; margin: 0 !important; opacity: 0 !important; cursor: pointer !important; } /* LULUMARY — Espacement de la colonne produit */ body#product #col-product-info [id^="product-description-short-"] { margin-top: 20px !important; margin-bottom: 28px !important; padding: 0 !important; line-height: 1.55 !important; } body#product .product_header_container, body#product .product-prices { border-bottom: 0 !important; box-shadow: none !important; } /* Suppression du liseré sous Ajouter au panier */ body#product .product-add-to-cart, body#product .product-additional-info { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } body#product .product-variants > .product-variants-item { margin-bottom: 0 !important; } body#product .product-variants { margin-top: 0 !important; margin-bottom: 32px !important; } body#product .product-actions .product-add-to-cart { margin-top: 0 !important; padding-top: 0 !important; } /* Fiche produit — nom et prix principal */ body#product #col-product-info .product_header_container h1.page-title, body#product #col-product-info .product_header_container h1.page-title span { font-family: "Arsenica", Georgia, serif !important; font-size: 34px !important; font-weight: 500 !important; line-height: 1.15 !important; } body#product #col-product-info .product-prices .current-price, body#product #col-product-info .product-prices .current-price .product-price, body#product #col-product-info .product-prices .current-price-value { font-size: 22px !important; font-weight: 400 !important; line-height: 1.2 !important; } @media (max-width: 767.98px) { body#product #col-product-info .product_header_container h1.page-title, body#product #col-product-info .product_header_container h1.page-title span { font-size: 28px !important; } body#product #col-product-info .product-prices .current-price, body#product #col-product-info .product-prices .current-price .product-price, body#product #col-product-info .product-prices .current-price-value { font-size: 20px !important; } } /* LULUMARY — Ligne d’ajout au panier — Quantité masquée, bouton aligné à gauche */ body#product .product-add-to-cart { margin: 0 !important; padding: 0 !important; } body#product .product-add-to-cart .product-quantity { display: block !important; width: 100% !important; max-width: 420px !important; margin: 0 !important; padding: 0 !important; } body#product .product-add-to-cart .col-add-qty { display: none !important; } body#product .product-add-to-cart .col-add-btn { display: block !important; width: 100% !important; max-width: 420px !important; flex: 0 0 100% !important; margin: 0 !important; padding: 0 !important; } body#product .product-add-to-cart .add { width: 100% !important; height: 50px !important; } /* Bouton Ajouter au panier */ body#product .product-add-to-cart .add-to-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 24px !important; color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0.02em !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } body#product .product-add-to-cart .add-to-cart:hover, body#product .product-add-to-cart .add-to-cart:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } body#product .product-add-to-cart .product-minimal-quantity:empty { display: none !important; } body#product .product-add-to-cart .col-add-wishlist { width: 50px !important; height: 50px !important; } body#product .product-add-to-cart #iqit-wishlist-product-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; background: #ffffff !important; border: 1px solid rgba(81, 38, 47, 0.28) !important; border-radius: 0 !important; box-shadow: none !important; font-size: 18px !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } body#product .product-add-to-cart #iqit-wishlist-product-btn:hover { color: #000000 !important; background: #ffffff !important; border-color: #cccccc !important; } /* Mobile */ @media (max-width: 575.98px) { body#product .product-add-to-cart .product-quantity { grid-template-columns: 78px 50px !important; gap: 10px !important; max-width: none !important; } body#product .product-add-to-cart .col-add-btn { grid-column: 1 / -1 !important; grid-row: 2 !important; } body#product .product-add-to-cart .col-add-wishlist { grid-column: 2 !important; grid-row: 1 !important; } body#product .product-add-to-cart .add-to-cart { width: 100% !important; } } /* LULUMARY — Fiche produit tablette et mobile — Photo principale, miniatures horizontales, informations */ body#product .iqitproductvariants { display: none !important; } /* TABLETTE ET MOBILE — jusqu’à 1199,98 px */ @media (max-width: 1199.98px) { body#product #main-product-wrapper .product-info-row { display: block !important; width: 100% !important; margin: 0 !important; } body#product #main-product-wrapper .col-product-image, body#product #main-product-wrapper .col-product-info { display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; } body#product #main-product-wrapper .col-product-image { padding: 0 20px !important; } body#product #main-product-wrapper .col-product-info { position: relative !important; z-index: 1 !important; clear: both !important; padding: 34px 24px 0 !important; } body#product #main-product-wrapper .images-container > .row.no-gutters { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; width: 100% !important; margin: 0 !important; } body#product #main-product-wrapper .col-left-product-cover { grid-column: 1 !important; grid-row: 1 !important; display: block !important; width: 100% !important; max-width: 620px !important; margin: 0 auto !important; padding: 0 !important; } body#product #main-product-wrapper .product-cover, body#product #main-product-wrapper #product-images-large { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; overflow: hidden !important; } body#product #main-product-wrapper #product-images-large .swiper-wrapper { height: auto !important; } body#product #main-product-wrapper #product-images-large picture { display: block !important; width: 100% !important; } body#product #main-product-wrapper #product-images-large img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; } body#product #main-product-wrapper .col-left-product-thumbs { grid-column: 1 !important; grid-row: 2 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 620px !important; height: 138px !important; margin: 0 auto !important; padding: 12px 0 0 !important; overflow: visible !important; } body#product #main-product-wrapper .col-left-product-thumbs .js-qv-mask, body#product #main-product-wrapper #product-images-thumbs { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 126px !important; max-height: 126px !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: thin !important; -webkit-overflow-scrolling: touch; } body#product #main-product-wrapper #product-images-thumbs .swiper-wrapper { position: relative !important; inset: auto !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; width: max-content !important; min-width: 100% !important; height: 120px !important; margin: 0 !important; padding: 0 !important; transform: none !important; transition-duration: 0s !important; } body#product #main-product-wrapper #product-images-thumbs .swiper-slide { position: relative !important; inset: auto !important; display: block !important; visibility: visible !important; opacity: 1 !important; flex: 0 0 80px !important; flex-shrink: 0 !important; width: 80px !important; min-width: 80px !important; max-width: 80px !important; height: 120px !important; margin: 0 10px 0 0 !important; padding: 0 !important; transform: none !important; } body#product #main-product-wrapper #product-images-thumbs .thumb-container { display: block !important; visibility: visible !important; opacity: 1 !important; width: 80px !important; height: 120px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid transparent !important; } body#product #main-product-wrapper #product-images-thumbs .swiper-slide-thumb-active .thumb-container { border-color: #51262f !important; } body#product #main-product-wrapper #product-images-thumbs picture, body#product #main-product-wrapper #product-images-thumbs img.thumb { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; } body#product #main-product-wrapper .col-left-product-thumbs .swiper-button-prev, body#product #main-product-wrapper .col-left-product-thumbs .swiper-button-next { display: none !important; } } /* MOBILE — Galerie */ @media (max-width: 575.98px) { body#product #main-product-wrapper .col-product-image { padding: 0 !important; } body#product #main-product-wrapper .col-left-product-cover { width: calc(100% - 40px) !important; max-width: none !important; margin: 0 20px !important; } body#product #main-product-wrapper .col-left-product-thumbs { width: calc(100% - 40px) !important; max-width: none !important; height: 117px !important; margin: 0 20px !important; padding-top: 12px !important; } body#product #main-product-wrapper .col-left-product-thumbs .js-qv-mask, body#product #main-product-wrapper #product-images-thumbs { height: 105px !important; max-height: 105px !important; } body#product #main-product-wrapper #product-images-thumbs .swiper-wrapper { height: 105px !important; } body#product #main-product-wrapper #product-images-thumbs .swiper-slide { flex: 0 0 70px !important; width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 105px !important; margin-right: 8px !important; } body#product #main-product-wrapper #product-images-thumbs .thumb-container { width: 70px !important; height: 105px !important; } body#product #main-product-wrapper .col-product-info { padding: 28px 14px 0 !important; } } /* MOBILE — Ligne d’achat — Bouton seul sur toute la largeur */ @media (max-width: 575.98px) { body#product .product-add-to-cart .product-quantity { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body#product .product-add-to-cart .col-add-qty { display: none !important; } body#product .product-add-to-cart .col-add-btn { display: block !important; width: 100% !important; max-width: none !important; flex: 0 0 100% !important; margin: 0 !important; padding: 0 !important; } body#product .product-add-to-cart .add-to-cart { width: 100% !important; min-width: 0 !important; padding-right: 16px !important; padding-left: 16px !important; font-size: 13px !important; line-height: 1.1 !important; white-space: nowrap !important; } body#product .product-add-to-cart .add-to-cart .bag-icon { margin-right: 4px !important; } } /* LULUMARY — Produits associés sur la fiche produit — Nom, prix, couleurs et wishlist au survol */ body#product .product-accessories.block-section { clear: both !important; margin-top: 40px !important; padding-top: 0 !important; } body#product .product-accessories.block-section .section-title { margin-top: 0 !important; padding-top: 0 !important; } @media (min-width: 992px) and (hover: hover) and (pointer: fine) { body#product .product-miniature { position: relative !important; overflow: hidden !important; } body#product .product-miniature .thumbnail-container { position: relative !important; overflow: hidden !important; } body#product .product-miniature .product-description { position: absolute !important; right: 18px !important; bottom: 45px !important; left: 18px !important; z-index: 10 !important; width: auto !important; min-height: 140px !important; margin: 0 !important; padding: 20px 65px 20px 24px !important; background: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 6px 22px rgba(0, 0, 0, 0.12) !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(100%) !important; transition: transform 0.3s ease, opacity 0.25s ease, visibility 0.25s ease !important; } body#product .product-miniature:hover .product-description, body#product .product-miniature:focus-within .product-description { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } body#product .product-miniature .product-category-name, body#product .product-miniature .product-reference, body#product .product-miniature .product-description-short, body#product .product-miniature .product-add-cart { display: none !important; } body#product .product-miniature .product-description > .row { position: static !important; display: block !important; margin: 0 !important; padding: 0 !important; } body#product .product-miniature .product-description > .row > .col { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body#product .product-miniature .product-title { display: block !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body#product .product-miniature .product-miniature-right { position: absolute !important; top: 55px !important; left: 24px !important; width: auto !important; max-width: calc(100% - 90px) !important; margin: 0 !important; padding: 0 !important; } body#product .product-miniature .product-price-and-shipping { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: baseline !important; justify-content: flex-start !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; text-align: left !important; } body#product .product-miniature .regular-price { order: 1; color: #777777 !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; text-decoration: line-through !important; } body#product .product-miniature .product-price { order: 2; color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 17px !important; font-weight: 600 !important; } body#product .product-miniature .discount-percentage, body#product .product-miniature .discount-amount { display: none !important; } body#product .product-miniature .products-variants { display: block !important; margin-top: 50px !important; } body#product .product-miniature .variant-links { display: flex !important; align-items: center !important; gap: 11px !important; } body#product .product-miniature .variant-links .color { display: block !important; width: 24px !important; height: 24px !important; margin: 0 !important; border: 2px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.28) !important; } body#product .product-miniature .product-functional-buttons { position: absolute !important; top: auto !important; right: 34px !important; bottom: 18px !important; left: auto !important; z-index: 12 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; width: 38px !important; height: 150px !important; margin: 0 !important; padding: 19px 0 0 !important; background: transparent !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(8px) !important; transition: transform 0.3s ease, opacity 0.25s ease, visibility 0.25s ease !important; } body#product .product-miniature:hover .product-functional-buttons, body#product .product-miniature:focus-within .product-functional-buttons { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } body#product .product-miniature .btn-iqitcompare-add, body#product .product-miniature .js-quick-view-iqit { display: none !important; } body#product .product-miniature .btn-iqitwishlist-add { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; color: #51262f !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 23px !important; } body#product .product-miniature .btn-iqitwishlist-add:hover { color: #d7a661 !important; } } /* LULUMARY — Accordéons de la fiche produit — Description / Détails / Avis */ body#product #products-tab-anchor { display: block !important; width: 100% !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body#product #productdaas-accordion { width: 100% !important; margin: 24px 0 42px !important; padding: 0 !important; background: transparent !important; } body#product #productdaas-accordion > .card { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body#product #productdaas-accordion .title { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body#product #productdaas-accordion .title > a { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 60px !important; margin: 0 !important; padding: 0 4px !important; color: #000000 !important; background: transparent !important; border: 0 !important; font-family: "Glacial Indifference", Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: 0.035em !important; text-decoration: none !important; text-transform: uppercase !important; transition: color 0.2s ease !important; } body#product #productdaas-accordion .title > a:hover, body#product #productdaas-accordion .title > a:focus { color: #51262f !important; text-decoration: none !important; outline: none !important; } body#product #productdaas-accordion .title > a .angle-down, body#product #productdaas-accordion .title > a .angle-up { position: static !important; float: none !important; flex: 0 0 auto !important; margin: 0 0 0 20px !important; padding: 0 !important; color: currentColor !important; font-size: 18px !important; line-height: 1 !important; } body#product #productdaas-accordion .title > a.collapsed .angle-down { display: block !important; } body#product #productdaas-accordion .title > a.collapsed .angle-up { display: none !important; } body#product #productdaas-accordion .title > a:not(.collapsed) .angle-down { display: none !important; } body#product #productdaas-accordion .title > a:not(.collapsed) .angle-up { display: block !important; } body#product #productdaas-accordion .content { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; background: transparent !important; border: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; } body#product #productdaas-accordion-description > .product-description { margin: 0 !important; padding: 4px 4px 28px !important; color: #000000 !important; } body#product #productdaas-accordion-description .rte-content { margin: 0 !important; padding: 0 !important; color: #000000 !important; font-size: 14px !important; line-height: 1.7 !important; } body#product #productdaas-accordion-description .rte-content ul { margin: 0 0 18px !important; padding: 0 !important; list-style: none !important; } body#product #productdaas-accordion-description .rte-content li { position: relative !important; margin: 0 0 8px !important; padding: 0 0 0 18px !important; } body#product #productdaas-accordion-description .rte-content li::before { content: "" !important; position: absolute !important; top: 0.72em !important; left: 2px !important; width: 5px !important; height: 5px !important; background: #000000 !important; border-radius: 50% !important; transform: translateY(-50%) !important; } body#product #productdaas-accordion-description .rte-content p:last-child { margin-bottom: 0 !important; } body#product #productdaas-accordion-details > .mt-4 { margin: 0 !important; padding: 4px 4px 28px !important; } body#product #productdaas-accordion-details #product-details { margin: 0 !important; padding: 0 !important; } body#product #productdaas-accordion-details .product-features { margin: 0 !important; padding: 0 !important; } body#product #productdaas-accordion-details .data-sheet { display: grid !important; grid-template-columns: minmax(140px, 34%) minmax(0, 1fr) !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } body#product #productdaas-accordion-details .data-sheet dt, body#product #productdaas-accordion-details .data-sheet dd { margin: 0 !important; padding: 11px 0 !important; border: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 14px !important; line-height: 1.5 !important; } body#product #productdaas-accordion-details .data-sheet dt { color: #000000 !important; font-weight: 500 !important; } body#product #productdaas-accordion-details .data-sheet dd { color: #000000 !important; font-weight: 400 !important; } body#product #productdaas-accordion-details .product-reference, body#product #productdaas-accordion-details .product-quantities { display: none !important; } body#product #productdaas-accordion #iqit-reviews-tab .iqitreviews-title { float: none !important; } body#product #productdaas-accordion #iqit-reviews-tab .iqitreviews-nb { margin-left: 5px !important; color: rgba(81, 38, 47, 0.58) !important; font-size: 13px !important; font-weight: 400 !important; } body#product #productdaas-accordion #productdaas-accordion-extra-0 { padding: 0 !important; } body#product #productdaas-accordion #productdaas-accordion-extra-0 > div { margin: 0 !important; padding: 4px 4px 28px !important; } /* Tablette et mobile */ @media (max-width: 767.98px) { body#product #productdaas-accordion { margin-top: 20px !important; margin-bottom: 34px !important; } body#product #productdaas-accordion .title > a { min-height: 56px !important; padding-right: 2px !important; padding-left: 2px !important; font-size: 14px !important; letter-spacing: 0.025em !important; } body#product #productdaas-accordion-description > .product-description, body#product #productdaas-accordion-details > .mt-4 { padding-right: 2px !important; padding-bottom: 24px !important; padding-left: 2px !important; } body#product #productdaas-accordion-details .data-sheet, body#product #productdaas-accordion-details .product-reference, body#product #productdaas-accordion-details .product-quantities { grid-template-columns: 110px minmax(0, 1fr) !important; column-gap: 14px !important; } body#product #productdaas-accordion-details .data-sheet dt, body#product #productdaas-accordion-details .data-sheet dd, body#product #productdaas-accordion-details .product-reference, body#product #productdaas-accordion-details .product-quantities { font-size: 13px !important; } } /* LULUMARY — Vidéo au survol — Catégories et page d’accueil */ @media (min-width: 992px) and (hover: hover) and (pointer: fine) { body#category .product-miniature .thumbnail.product-thumbnail, body#index .lul-products-hover .product-miniature .thumbnail.product-thumbnail { position: relative !important; display: block !important; overflow: hidden !important; } body#category .product-miniature .lul-category-hover-video, body#index .lul-products-hover .product-miniature .lul-category-hover-video { position: absolute !important; inset: 0 !important; z-index: 3 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: #f5f1e7 !important; object-fit: cover !important; object-position: center !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.25s ease, visibility 0.25s ease !important; } body#category .product-miniature.lul-video-hover-active .lul-category-hover-video, body#index .lul-products-hover .product-miniature.lul-video-hover-active .lul-category-hover-video { opacity: 1 !important; visibility: visible !important; } } /* LULUMARY — Miniature automatique des vidéos produit */ body#product .iqitextened-img-thumb-video.lul-video-thumbnail-ready { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; background-color: #f5f1e7 !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; overflow: hidden !important; } body#product .iqitextened-img-thumb-video.lul-video-thumbnail-ready > div { display: block !important; width: 100% !important; height: 100% !important; font-size: 0 !important; } body#product .iqitextened-img-thumb-video.lul-video-thumbnail-ready .fa-play { display: none !important; } body#product .iqitextened-img-thumb-video.lul-video-thumbnail-ready::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; z-index: 2 !important; width: 38px !important; height: 38px !important; background: rgba(81, 38, 47, 0.9) !important; border-radius: 50% !important; box-shadow: 0 3px 12px rgba(81, 38, 47, 0.28) !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } body#product .iqitextened-img-thumb-video.lul-video-thumbnail-ready::after { content: "" !important; position: absolute !important; top: 50% !important; left: 52% !important; z-index: 3 !important; width: 0 !important; height: 0 !important; border-top: 7px solid transparent !important; border-bottom: 7px solid transparent !important; border-left: 11px solid #f5f1e7 !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; } @media (max-width: 575.98px) { body#product .iqitextened-img-thumb-video.lul-video-thumbnail-ready::before { width: 30px !important; height: 30px !important; } body#product .iqitextened-img-thumb-video.lul-video-thumbnail-ready::after { border-top-width: 6px !important; border-bottom-width: 6px !important; border-left-width: 9px !important; } } /* Desktop */ @media (min-width: 992px) { #footer-container-main > .container, #footer-copyrights > .container { width: calc(100% - 48px) !important; max-width: 1240px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 0 !important; padding-left: 0 !important; } } /* Tablette */ @media (min-width: 768px) and (max-width: 991.98px) { #footer-container-main > .container, #footer-copyrights > .container { width: calc(100% - 40px) !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } } /* LULUMARY — Footer — Trois colonnes, typographie et lisibilité */ #footer-container-main { border-top: 1px solid #dedede !important; } #footer-container-main > .container { padding-top: 46px !important; padding-bottom: 42px !important; } /* Trois colonnes égales sur desktop */ @media (min-width: 992px) { #footer-container-main > .container > .row > [class*="col"] { flex: 0 0 33.333333% !important; width: 33.333333% !important; max-width: 33.333333% !important; padding-right: 28px !important; padding-left: 28px !important; } #footer-container-main > .container > .row { margin-right: -28px !important; margin-left: -28px !important; } } #footer-container-main .block-footer { margin: 0 !important; padding: 0 !important; } #footer-container-main .block-footer + .block-footer { margin-top: 28px !important; } #footer-container-main .block-title { margin: 0 0 18px !important; padding: 0 0 11px !important; border: 0 !important; border-bottom: 1px solid rgba(81, 38, 47, 0.16) !important; font-family: "Glacial Indifference", Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; } #footer-container-main .block-content { margin: 0 !important; padding: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.55 !important; } /* Liens du footer */ #footer-container-main a { text-decoration: none !important; transition: color 0.2s ease !important; } #footer-container-main a:hover, #footer-container-main a:focus { text-decoration: none !important; } #footer-container-main .block-iqitlinksmanager ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } #footer-container-main .block-iqitlinksmanager li { margin: 0 0 10px !important; padding: 0 !important; } #footer-container-main .block-iqitlinksmanager li:last-child { margin-bottom: 0 !important; } #footer-container-main .block-iqitlinksmanager li a { position: relative !important; display: inline-block !important; padding-left: 14px !important; } #footer-container-main .block-iqitlinksmanager li a::before { content: "›" !important; position: absolute !important; top: 0 !important; left: 0 !important; } #footer-container-main .block-iqitcontactpage .contact-rich strong { display: block !important; margin-bottom: 10px !important; font-size: 14px !important; font-weight: 600 !important; } #footer-container-main .block-iqitcontactpage .contact-rich .part { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; align-items: start !important; column-gap: 8px !important; margin: 0 !important; padding: 8px 0 !important; } #footer-container-main .block-iqitcontactpage .contact-rich .part:last-child { border-bottom: 0 !important; } #footer-container-main .block-iqitcontactpage .contact-rich hr { display: none !important; } #footer-container-main .block-iqitcontactpage .contact-rich .icon { width: 22px !important; text-align: center !important; } #footer-container-main .block-iqitcontactpage .contact-rich .data { min-width: 0 !important; } #footer-container-main .social-links._footer { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #footer-container-main .social-links._footer li { margin: 0 !important; padding: 0 !important; } #footer-container-main .social-links._footer a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; background: transparent !important; border: 1px solid currentColor !important; border-radius: 50% !important; font-size: 16px !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } #footer-container-main .newsletter-input-group { display: flex !important; align-items: stretch !important; width: 100% !important; height: 44px !important; margin: 0 !important; } #footer-container-main .input-subscription { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 44px !important; border: 1px solid #cccccc !important; border-right: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; } #footer-container-main .btn-subscribe { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 46px !important; width: 46px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } #footer-container-main .btn-subscribe:hover, #footer-container-main .btn-subscribe:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } #footer-container-main .btn-subscribe i { color: inherit !important; } #footer-container-main .ps-emailsubscription-conditions { margin: 10px 0 0 !important; font-size: 12px !important; line-height: 1.45 !important; } #footer-copyrights { min-height: 0 !important; padding: 12px 0 !important; background: #ffffff !important; border-top: 1px solid rgba(81, 38, 47, 0.12) !important; } #footer-copyrights .row { min-height: 0 !important; } #footer-copyrights .copyright-img { text-align: right !important; } #footer-copyrights .copyright-img img { display: inline-block !important; width: auto !important; max-width: 100% !important; max-height: 27px !important; } /* Mobile */ @media (max-width: 767.98px) { #footer-container-main > .container { padding-top: 20px !important; padding-bottom: 20px !important; } #footer-container-main .block-footer { margin: 0 !important; } #footer-container-main .block-footer + .block-footer { margin-top: 0 !important; } #footer-container-main .block-title { min-height: 54px !important; margin: 0 !important; padding: 17px 0 !important; font-size: 15px !important; } #footer-container-main .block-content { padding: 4px 0 20px !important; } #footer-copyrights { padding: 14px 0 !important; } #footer-copyrights .copyright-img { text-align: center !important; } #footer-copyrights .copyright-img img { max-height: 25px !important; } } /* LULUMARY — Largeur de la page panier */ @media (min-width: 992px) { /* Conteneur général du panier */ body#cart #inner-wrapper { width: calc(100% - 48px) !important; max-width: 1240px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 0 !important; padding-left: 0 !important; } body#cart .cart-grid-body { flex: 0 0 66.666667% !important; width: 66.666667% !important; max-width: 66.666667% !important; padding-right: 18px !important; } body#cart .cart-grid-right { flex: 0 0 33.333333% !important; width: 33.333333% !important; max-width: 33.333333% !important; padding-left: 18px !important; } } /* Tablette */ @media (min-width: 768px) and (max-width: 991.98px) { body#cart #inner-wrapper { width: calc(100% - 40px) !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } } /* Pop-up de confirmation d’ajout au panier */ #blockcart-modal .modal-dialog { width: calc(100% - 40px) !important; max-width: 820px !important; margin-right: auto !important; margin-left: auto !important; } #blockcart-modal .modal-content { border: 0 !important; border-radius: 0 !important; box-shadow: 0 14px 45px rgba(81, 38, 47, 0.18) !important; } #blockcart-modal .modal-header { padding: 18px 22px !important; } #blockcart-modal .modal-body { padding: 20px 22px !important; } /* Image produit moins imposante dans le pop-up */ #blockcart-modal .product-image { width: auto !important; max-width: 155px !important; height: auto !important; } #blockcart-modal img { max-height: 280px !important; object-fit: contain !important; } /* Mobile */ @media (max-width: 767.98px) { body#cart #inner-wrapper { width: 100% !important; padding-right: 14px !important; padding-left: 14px !important; } body#cart .cart-grid-body, body#cart .cart-grid-right { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-right: 0 !important; padding-left: 0 !important; } #blockcart-modal .modal-dialog { width: calc(100% - 24px) !important; max-width: none !important; margin: 12px auto !important; } #blockcart-modal .modal-header { padding: 16px !important; } #blockcart-modal .modal-body { padding: 16px !important; } } /* LULUMARY — Checkout — Largeur générale et répartition des colonnes */ @media (min-width: 992px) { /* Conteneur général centré, identique au panier/footer */ body#checkout #inner-wrapper { width: calc(100% - 48px) !important; max-width: 1240px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 0 !important; padding-left: 0 !important; } body#checkout .checkout-grid-body { flex: 0 0 68% !important; width: 68% !important; max-width: 68% !important; padding-right: 18px !important; } body#checkout .checkout-grid-right { flex: 0 0 32% !important; width: 32% !important; max-width: 32% !important; padding-left: 18px !important; } body#checkout .checkout-grid-right .card, body#checkout .checkout-grid-right #js-checkout-summary { position: sticky !important; top: 90px !important; } } /* Tablette */ @media (min-width: 768px) and (max-width: 991.98px) { body#checkout #inner-wrapper { width: calc(100% - 40px) !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } body#checkout .checkout-grid-body { flex: 0 0 64% !important; width: 64% !important; max-width: 64% !important; padding-right: 12px !important; } body#checkout .checkout-grid-right { flex: 0 0 36% !important; width: 36% !important; max-width: 36% !important; padding-left: 12px !important; } } /* Mobile */ @media (max-width: 767.98px) { body#checkout #inner-wrapper { width: 100% !important; padding-right: 14px !important; padding-left: 14px !important; } body#checkout .checkout-grid-body, body#checkout .checkout-grid-right { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-right: 0 !important; padding-left: 0 !important; } body#checkout .checkout-grid-right { margin-top: 22px !important; } } /* LULUMARY — Checkout — Affinage des couleurs */ body#checkout { background: #f7f5f0 !important; color: #5c514d !important; } body#checkout #wrapper, body#checkout #content-wrapper, body#checkout #main { background: transparent !important; } body#checkout #main .page-header h1, body#checkout #main h1 { color: #000000 !important; } /* Blocs checkout */ body#checkout .checkout-step, body#checkout #js-checkout-summary, body#checkout .card { background: #fffdf9 !important; border: 1px solid #e5ddd2 !important; box-shadow: none !important; } /* Titres de la page et des étapes du checkout */ body#checkout #main .page-header h1, body#checkout #main > h1, body#checkout #main h1 { color: #000000 !important; } body#checkout .step-title, body#checkout .checkout-step h1, body#checkout .checkout-step h2, body#checkout .checkout-step h3 { color: #000000 !important; opacity: 1 !important; } body#checkout .step-title *, body#checkout .checkout-step h1 *, body#checkout .checkout-step h2 *, body#checkout .checkout-step h3 * { color: inherit !important; opacity: 1 !important; } body#checkout .checkout-step.-current .step-title { color: #000000 !important; } body#checkout .checkout-step.-current { border-color: #d8ccbd !important; background: #fffdfa !important; } body#checkout .form-control-comment, body#checkout .definition-list, body#checkout .help-block, body#checkout .text-muted, body#checkout .small, body#checkout p, body#checkout label { color: #6d625d !important; } body#checkout .form-control, body#checkout input.form-control, body#checkout select.form-control, body#checkout textarea.form-control { background: #ffffff !important; border: 1px solid #ddd3c7 !important; color: #4f4642 !important; box-shadow: none !important; } body#checkout .form-control:focus, body#checkout input.form-control:focus, body#checkout select.form-control:focus, body#checkout textarea.form-control:focus { border-color: #b7873d !important; box-shadow: 0 0 0 1px rgba(183, 135, 61, 0.15) !important; } body#checkout a { color: #000000 !important; } body#checkout a:hover { color: #51262f !important; } body#checkout .btn-primary, body#checkout button[type="submit"], body#checkout .continue { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; } body#checkout .btn-primary:hover, body#checkout .btn-primary:focus, body#checkout button[type="submit"]:hover, body#checkout button[type="submit"]:focus, body#checkout .continue:hover, body#checkout .continue:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } body#checkout .btn-secondary { color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; } body#checkout .btn-secondary:hover, body#checkout .btn-secondary:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } body#checkout #js-checkout-summary .card-block, body#checkout #js-checkout-summary .cart-summary-products, body#checkout #js-checkout-summary .cart-summary-totals { color: #5c514d !important; } body#checkout #js-checkout-summary .label, body#checkout #js-checkout-summary .value { color: #5c514d !important; } body#checkout #js-checkout-summary .cart-summary-line.cart-total { border-top: 1px solid #e5ddd2 !important; padding-top: 16px !important; } body#checkout #js-checkout-summary .cart-summary-line.cart-total .label, body#checkout #js-checkout-summary .cart-summary-line.cart-total .value { color: #51262f !important; font-weight: 700 !important; } body#checkout .js-address-item, body#checkout .address-item { background: #fffdfa !important; border: 1px solid #ddd3c7 !important; } body#checkout .js-address-item.selected, body#checkout .address-item.selected { border-color: #b7873d !important; background: #fcf8f2 !important; } body#checkout input[type="radio"], body#checkout input[type="checkbox"] { accent-color: #51262f; } body#checkout hr, body#checkout .separator { border-color: #ebe3d8 !important; } /* LULUMARY — Checkout — Typographie et espacements */ body#checkout #main .page-header, body#checkout #main > h1 { margin: 0 0 22px !important; } body#checkout #main .page-header h1, body#checkout #main > h1 { font-family: "Arsenica", Georgia, serif !important; font-size: 26px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0.015em !important; } /* Étapes du checkout */ body#checkout .checkout-step { margin: 0 !important; padding: 0 !important; border-radius: 0 !important; } body#checkout .checkout-step + .checkout-step { margin-top: 0 !important; } body#checkout .checkout-step .step-title { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 62px !important; margin: 0 !important; padding: 17px 20px !important; font-family: "Glacial Indifference", Arial, sans-serif !important; font-size: 22px !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: 0.01em !important; } body#checkout .checkout-step .step-title .step-edit { margin-left: auto !important; font-family: "Poppins", sans-serif !important; font-size: 12px !important; font-weight: 400 !important; text-transform: none !important; } body#checkout .checkout-step .content { margin: 0 !important; padding: 24px 30px 30px !important; } body#checkout .checkout-step p { margin-top: 0 !important; margin-bottom: 16px !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.55 !important; } body#checkout .checkout-step .form-fields { width: 100% !important; max-width: 720px !important; } body#checkout .checkout-step .form-group { margin-bottom: 18px !important; } body#checkout .checkout-step .form-control-label { padding-top: 12px !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; } body#checkout .checkout-step .form-control { min-height: 46px !important; padding: 10px 13px !important; border-radius: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; } body#checkout .checkout-step textarea.form-control { min-height: 110px !important; resize: vertical !important; } body#checkout .checkout-step .form-control-comment { padding-top: 11px !important; font-size: 12px !important; line-height: 1.4 !important; } body#checkout .checkout-step .form-text, body#checkout .checkout-step .help-block { margin-top: 5px !important; font-size: 11px !important; line-height: 1.4 !important; } body#checkout .checkout-step .custom-checkbox { display: flex !important; align-items: center !important; margin-bottom: 12px !important; } body#checkout .checkout-step .custom-checkbox label { margin: 0 !important; padding-left: 8px !important; font-size: 13px !important; line-height: 1.45 !important; } body#checkout .payment-options .payment-option { display: flex !important; align-items: center !important; gap: 11px !important; min-height: 42px !important; margin: 0 !important; padding: 7px 0 !important; } body#checkout .payment-options .payment-option .custom-radio { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 !important; } body#checkout .payment-options .payment-option label { display: block !important; margin: 0 !important; padding: 0 !important; color: #000000 !important; font-size: 14px !important; line-height: 1.4 !important; cursor: pointer !important; } body#checkout .payment-options .custom-radio input[type="radio"] { position: absolute !important; inset: 0 !important; z-index: 2 !important; width: 20px !important; height: 20px !important; margin: 0 !important; opacity: 0 !important; cursor: pointer !important; } body#checkout .payment-options .custom-radio > span { display: block !important; width: 18px !important; height: 18px !important; background: #ffffff !important; border: 2px solid #000000 !important; border-radius: 50% !important; box-shadow: none !important; } body#checkout .payment-options .custom-radio input[type="radio"]:checked + span { background: #000000 !important; box-shadow: inset 0 0 0 4px #ffffff !important; } body#checkout .payment-options .custom-radio input[type="radio"]:focus-visible + span { outline: 2px solid #000000 !important; outline-offset: 2px !important; } body#checkout .address-selector { display: flex !important; flex-wrap: wrap !important; gap: 18px !important; margin: 20px 0 18px !important; } body#checkout .address-item { width: 100% !important; max-width: 330px !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; } body#checkout .address-item .address { min-height: 180px !important; padding: 18px 18px 16px !important; font-size: 13px !important; line-height: 1.55 !important; } body#checkout .address-item .address-footer { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; padding: 12px 14px !important; } body#checkout .add-address, body#checkout .different-invoice-address { margin-top: 14px !important; font-size: 13px !important; } body#checkout .checkout-step .continue { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 50px !important; margin-top: 18px !important; padding: 0 24px !important; border-radius: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; } body#checkout #js-checkout-summary .card-block { padding: 18px 20px !important; } body#checkout #js-checkout-summary .cart-summary-products { padding-bottom: 14px !important; } body#checkout #js-checkout-summary .cart-summary-line { margin-bottom: 8px !important; font-size: 13px !important; line-height: 1.4 !important; } body#checkout #js-checkout-summary .cart-summary-line.cart-total { margin-top: 15px !important; margin-bottom: 0 !important; padding-top: 17px !important; } body#checkout #js-checkout-summary .cart-summary-line.cart-total .label, body#checkout #js-checkout-summary .cart-summary-line.cart-total .value { font-size: 19px !important; line-height: 1.3 !important; } /* Tablette */ @media (min-width: 768px) and (max-width: 991.98px) { body#checkout .checkout-step .step-title { min-height: 58px !important; padding: 15px 18px !important; font-size: 20px !important; } body#checkout .checkout-step .content { padding: 22px 22px 26px !important; } body#checkout .address-item { max-width: 300px !important; } } /* Mobile */ @media (max-width: 767.98px) { body#checkout #main .page-header h1, body#checkout #main > h1 { font-size: 23px !important; } body#checkout .checkout-step .step-title { min-height: 56px !important; padding: 15px 14px !important; font-size: 18px !important; } body#checkout .checkout-step .content { padding: 20px 14px 24px !important; } body#checkout .checkout-step .form-fields { max-width: none !important; } body#checkout .checkout-step .form-control-label { padding-top: 0 !important; padding-bottom: 7px !important; } body#checkout .address-selector { display: block !important; } body#checkout .address-item { max-width: none !important; margin-bottom: 16px !important; } body#checkout .checkout-step .continue { min-height: 48px !important; } } /* LULUMARY — PAGE PANIER — Couleurs, typographie et espacements */ body#cart #wrapper { background: #ffffff !important; } body#cart #main { color: #000000 !important; } body#cart .page-header, body#cart #main > h1 { margin: 0 0 22px !important; } body#cart .page-header h1, body#cart #main > h1 { color: #000000 !important; font-family: "Arsenica", Georgia, serif !important; font-size: 26px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0.015em !important; } body#cart .cart-grid-body .card, body#cart .cart-overview { margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #dedede !important; border-radius: 0 !important; box-shadow: none !important; } body#cart .cart-items { margin: 0 !important; padding: 0 20px !important; } body#cart .cart-item { margin: 0 !important; padding: 22px 0 !important; border-bottom: 1px solid #dedede !important; } body#cart .cart-item:last-child { border-bottom: 0 !important; } body#cart .product-line-grid { align-items: center !important; margin-right: 0 !important; margin-left: 0 !important; } body#cart .product-line-grid-left { padding-right: 18px !important; padding-left: 0 !important; } body#cart .product-line-grid-left .product-image { display: block !important; width: 96px !important; height: 144px !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; } body#cart .product-line-grid-body { padding-right: 18px !important; padding-left: 0 !important; } body#cart .product-line-info { margin-bottom: 5px !important; color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; line-height: 1.45 !important; } body#cart .product-line-info a, body#cart .product-line-info .label { color: #000000 !important; } body#cart .product-line-info:first-child a, body#cart .product-name { color: #000000 !important; font-size: 15px !important; font-weight: 500 !important; } body#cart .product-line-info .value { color: #666666 !important; } /* Prix et promotions — page panier */ body#cart .current-price, body#cart .product-price, body#cart .product-price strong, body#cart .unit-price, body#cart .unit-price span, body#cart .product-line-grid-right .price, body#cart .product-line-grid-right .price strong, body#cart .product-line-grid-right .product-price, body#cart .product-line-grid-right .product-price strong { color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; } body#cart .regular-price { color: #777777 !important; font-size: 13px !important; font-weight: 400 !important; text-decoration: line-through !important; } body#cart .cart-summary-line, body#cart .cart-summary-line .label, body#cart .cart-summary-line .value, body#cart .cart-summary-line span, body#cart .cart-summary-products, body#cart .cart-summary-subtotals-container { color: #000000 !important; } body#cart .cart-summary-line.cart-total, body#cart .cart-summary-line.cart-total .label, body#cart .cart-summary-line.cart-total .value, body#cart .cart-summary-line.cart-total span { color: #000000 !important; font-weight: 700 !important; } body#cart .discount, body#cart .discount-percentage, body#cart .discount-amount { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 24px !important; margin-left: 7px !important; padding: 3px 8px !important; color: #ffffff !important; background: #000000 !important; border: 0 !important; border-radius: 0 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1 !important; } body#cart .discount *, body#cart .discount span, body#cart .discount strong, body#cart .discount-percentage *, body#cart .discount-percentage span, body#cart .discount-percentage strong, body#cart .discount-amount *, body#cart .discount-amount span, body#cart .discount-amount strong { color: #ffffff !important; } /* Quantité du panier masquée — Prix et suppression réalignés */ body#cart .product-line-grid-right .qty { display: none !important; } body#cart .product-line-grid-right > .row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto 34px !important; align-items: center !important; column-gap: 26px !important; width: 100% !important; margin: 0 !important; } body#cart .product-line-grid-right .unit-price { grid-column: 1 !important; justify-self: start !important; width: auto !important; max-width: none !important; padding: 0 !important; color: #000000 !important; } body#cart .product-line-grid-right .price { grid-column: 2 !important; justify-self: end !important; width: auto !important; max-width: none !important; padding: 0 !important; color: #000000 !important; text-align: right !important; } body#cart .product-line-grid-right > .row > .col:last-child { grid-column: 3 !important; justify-self: end !important; width: 34px !important; max-width: 34px !important; padding: 0 !important; text-align: right !important; } body#cart .cart-line-product-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 34px !important; margin: 0 !important; } body#cart .remove-from-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; color: #000000 !important; text-decoration: none !important; } @media (max-width: 767.98px) { body#cart .product-line-grid-right > .row { grid-template-columns: minmax(0, 1fr) 34px !important; column-gap: 14px !important; } body#cart .product-line-grid-right .unit-price { display: none !important; } body#cart .product-line-grid-right .price { grid-column: 1 !important; justify-self: start !important; text-align: left !important; } body#cart .product-line-grid-right > .row > .col:last-child { grid-column: 2 !important; } } body#cart .remove-from-cart { color: #000000 !important; font-size: 16px !important; transition: color 0.2s ease, opacity 0.2s ease !important; } body#cart .remove-from-cart:hover, body#cart .remove-from-cart:focus { color: #000000 !important; opacity: 0.6 !important; outline: none !important; } /* Récapitulatif du panier */ body#cart .cart-grid-right .card, body#cart .cart-summary { background: #ffffff !important; border: 1px solid #dedede !important; border-radius: 0 !important; box-shadow: none !important; } body#cart .cart-grid-right .card-block, body#cart .cart-summary-products, body#cart .cart-summary-subtotals-container, body#cart .cart-summary-totals { padding-right: 20px !important; padding-left: 20px !important; } body#cart .cart-summary-line { margin-bottom: 8px !important; color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; line-height: 1.45 !important; } body#cart .cart-summary-line .label, body#cart .cart-summary-line .value { color: #000000 !important; } body#cart .cart-summary-line.cart-total { margin-top: 14px !important; margin-bottom: 0 !important; padding-top: 17px !important; border-top: 1px solid #dedede !important; } body#cart .cart-summary-line.cart-total .label, body#cart .cart-summary-line.cart-total .value { color: #000000 !important; font-size: 20px !important; font-weight: 700 !important; } body#cart .checkout.cart-detailed-actions { padding: 18px 20px !important; } body#cart .checkout.cart-detailed-actions .btn-primary { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 50px !important; padding: 0 24px !important; color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; } body#cart .checkout.cart-detailed-actions .btn-primary:hover, body#cart .checkout.cart-detailed-actions .btn-primary:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } body#cart .cart-grid-body > a.btn.btn-secondary { display: inline-flex !important; align-items: center !important; gap: 8px !important; min-height: 42px !important; margin-top: 22px !important; padding: 0 16px !important; color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; font-size: 13px !important; text-decoration: none !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } body#cart .cart-grid-body > a.btn.btn-secondary i { color: inherit !important; } body#cart .cart-grid-body > a.btn.btn-secondary:hover, body#cart .cart-grid-body > a.btn.btn-secondary:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; text-decoration: none !important; outline: none !important; } body#cart .cart-grid-body > a.btn.btn-secondary:hover i, body#cart .cart-grid-body > a.btn.btn-secondary:focus i { color: #000000 !important; } /* POP-UP D’AJOUT AU PANIER — Palette noir et blanc */ #blockcart-modal .modal-content { color: #000000 !important; background: #ffffff !important; border: 1px solid #dedede !important; border-radius: 0 !important; box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18) !important; } /* En-tête du pop-up */ #blockcart-modal .modal-header { display: flex !important; align-items: center !important; min-height: 64px !important; padding: 17px 22px !important; background: #ffffff !important; border-bottom: 1px solid #dedede !important; } #blockcart-modal .modal-title { color: #000000 !important; font-family: "Arsenica", Georgia, serif !important; font-size: 21px !important; font-weight: 500 !important; line-height: 1.25 !important; } #blockcart-modal .modal-title i, #blockcart-modal .modal-title .material-icons { color: #000000 !important; } #blockcart-modal .close { color: #000000 !important; opacity: 0.65 !important; transition: opacity 0.2s ease !important; } #blockcart-modal .close:hover, #blockcart-modal .close:focus { color: #000000 !important; opacity: 1 !important; outline: none !important; } /* Corps du pop-up */ #blockcart-modal .modal-body { padding: 22px !important; background: #ffffff !important; } #blockcart-modal .divide-right { border-right: 1px solid #dedede !important; } #blockcart-modal .product-image { display: block !important; width: 150px !important; max-width: 100% !important; height: 225px !important; object-fit: cover !important; object-position: center !important; } #blockcart-modal .product-name { margin-bottom: 8px !important; color: #000000 !important; font-family: "Poppins", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; } #blockcart-modal .product-price { color: #000000 !important; font-size: 16px !important; font-weight: 600 !important; } #blockcart-modal .product-quantity, #blockcart-modal .product-attributes { color: #666666 !important; font-size: 13px !important; line-height: 1.45 !important; } /* Récapitulatif du pop-up */ #blockcart-modal .cart-content { padding: 18px 20px !important; color: #000000 !important; background: #ffffff !important; } #blockcart-modal .cart-content p { margin-bottom: 7px !important; color: #333333 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; line-height: 1.45 !important; } #blockcart-modal .cart-content p strong { color: #000000 !important; font-weight: 600 !important; } /* Boutons du pop-up */ #blockcart-modal .cart-content-btn { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; margin-top: 16px !important; } #blockcart-modal .cart-content-btn .btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 0 20px !important; color: #ffffff !important; background: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } #blockcart-modal .cart-content-btn .btn:hover, #blockcart-modal .cart-content-btn .btn:focus { color: #000000 !important; background: #ffffff !important; border-color: #000000 !important; outline: none !important; } /* Tablette et mobile — panier */ @media (max-width: 767.98px) { body#cart .cart-items { padding-right: 14px !important; padding-left: 14px !important; } body#cart .cart-item { padding-top: 18px !important; padding-bottom: 18px !important; } body#cart .product-line-grid-left { padding-right: 12px !important; } body#cart .product-line-grid-left .product-image { width: 82px !important; height: 123px !important; } body#cart .product-line-grid-body { padding-right: 0 !important; } body#cart .product-line-grid-right { margin-top: 14px !important; padding-right: 0 !important; padding-left: 0 !important; } body#cart .cart-grid-right { margin-top: 22px !important; } } /* Mobile — pop-up */ @media (max-width: 767.98px) { #blockcart-modal .modal-header { min-height: 58px !important; padding: 15px 16px !important; } #blockcart-modal .modal-title { padding-right: 20px !important; font-size: 18px !important; } #blockcart-modal .modal-body { padding: 16px !important; } #blockcart-modal .divide-right { margin-bottom: 18px !important; padding-bottom: 18px !important; border-right: 0 !important; border-bottom: 1px solid #e5ddd2 !important; } #blockcart-modal .product-image { width: 105px !important; height: 158px !important; } #blockcart-modal .cart-content { padding: 16px !important; } #blockcart-modal .cart-content-btn .btn { min-height: 46px !important; font-size: 13px !important; } } /* LULUMARY — Masquer les étiquettes dans le méga-menu — Neuf / remise */ @media (min-width: 992px) { #iqitmegamenu-horizontal .cbp-hrsub .product-flags, #iqitmegamenu-horizontal .cbp-hrsub .product-flag, #iqitmegamenu-horizontal .cbp-hrsub .discount-percentage, #iqitmegamenu-horizontal .cbp-hrsub .discount-amount { display: none !important; } } @media (min-width: 992px) { body#category #wrapper { padding-top: 12px !important; } } #wrapper .breadcrumb { margin-top: 0 !important; margin-bottom: 14px !important; padding-top: 0 !important; padding-bottom: 0 !important; text-transform: uppercase; } /* LULUMARY — Langues en noir sur la home uniquement */ body#index #header .language-selector, body#index #header .language-selector a, body#index #header .language-selector span, body#index #header .language-selector .expand-more, body#index #header .language-selector .dropdown-item, body#index #header .language-selector-wrapper, body#index #header .language-selector-wrapper a, body#index #header .language-selector-wrapper span, body#index #header .language-selector-wrapper .expand-more, body#index #header .language-selector-wrapper .dropdown-item { color: #000000 !important; } /* LULUMARY — HOME HEADER BLANC ET NOIR — Version de contrôle desktop */ @media (min-width: 992px) { body#index, body#index #main-page-content, body#index #wrapper { background-color: #ffffff !important; } body#index #header { background: #ffffff !important; box-shadow: none !important; } body#index #desktop-header, body#index #desktop-header-container, body#index .header-top, body#index .header-nav { background: transparent !important; box-shadow: none !important; border: 0 !important; } body#index .header-top { padding-top: 0 !important; padding-bottom: 0 !important; } body#index #desktop-header.desktop-header-style-4 #desktop-header-container { position: relative !important; padding-right: 28px !important; padding-left: 28px !important; } body#index #desktop-header.desktop-header-style-4 #desktop-header-container > .row { row-gap: 0 !important; } body#index #desktop-header.desktop-header-style-4 #desktop_logo { margin-top: -8px !important; margin-bottom: -15px !important; } body#index #desktop-header.desktop-header-style-4 #desktop_logo .logo { width: auto !important; height: 82px !important; max-height: 82px !important; filter: grayscale(1) contrast(3) !important; mix-blend-mode: multiply; } body#index #cbp-hrmenu > ul > .cbp-hrmenu-tab > .nav-link, body#index #cbp-hrmenu .cbp-tab-title { color: #000000 !important; } body#index #cbp-hrmenu > ul > .cbp-hrmenu-tab > .nav-link { background: transparent !important; transition: color 0.2s ease, opacity 0.2s ease !important; } body#index #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover > .nav-link, body#index #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover .cbp-tab-title { color: #000000 !important; opacity: 0.55; } /* Fond blanc sur toute la hauteur du header au survol */ body#index #header { transition: background-color 0.2s ease, box-shadow 0.2s ease !important; } body#index #header:hover { background-color: #ffffff !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) !important; } body#index #desktop-header .col-header-right, body#index #desktop-header .col-header-right > .row { position: static !important; } body#index #header-search-btn { position: absolute !important; right: auto !important; bottom: 9px !important; left: 28px !important; z-index: 40 !important; width: auto !important; margin: 0 !important; padding: 0 !important; } body#index #header-search-btn .header-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 30px; min-height: 30px; padding: 0 !important; color: #000000 !important; background: transparent !important; } body#index #header-search-btn .title { display: none !important; } /* Compte, langue et éléments du header */ body#index #header .header-nav .right-nav, body#index #header .header-nav .right-nav a, body#index #header .header-nav .right-nav button, body#index #desktop-header #header-search-btn .header-btn, body#index #desktop-header #header-search-btn .fa-search, body#index #desktop-header #cbp-hrmenu .cbp-submenu-aindicator { color: #000000 !important; -webkit-text-stroke: 0 !important; } /* Connexion et panier : pictogrammes contour noir, intérieur transparent */ body#index #desktop-header #header-user-btn .fa-user, body#index #desktop-header #ps-shoppingcart-wrapper .fa-shopping-bag { color: transparent !important; -webkit-text-stroke: 1px #000000; } /* Compteur panier */ body#index #desktop-header .cart-products-count-btn { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; -webkit-text-stroke: 0 !important; } body#index #language_selector .expand-more, body#index #language_selector .dropdown-item { font-size: 0 !important; line-height: 0 !important; } body#index #language_selector .expand-more > .fa { display: none !important; } body#index #language_selector .lang-flag { display: block !important; width: auto !important; height: 21px !important; max-height: 21px !important; margin: 0 !important; } body#index #language_selector .dropdown-menu { right: 0 !important; left: auto !important; min-width: 44px !important; padding: 6px !important; background: #ffffff !important; border: 1px solid #dedede !important; box-shadow: none !important; } body#index #language_selector .dropdown-menu li { margin: 0 !important; padding: 0 !important; } body#index #language_selector .dropdown-item { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; min-height: 28px !important; padding: 3px !important; background: #ffffff !important; } body#index #language_selector .dropdown-item:hover { background: #eeeeee !important; } body#index #iqitmegamenu-wrapper.stuck { background: #ffffff !important; border-bottom: 1px solid #dedede !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important; } /* Menu, chevrons, recherche et wishlist */ body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu > ul > .cbp-hrmenu-tab > .nav-link, body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu .cbp-tab-title, body#index #iqitmegamenu-wrapper.stuck #cbp-hrmenu .cbp-submenu-aindicator, body#index #iqitmegamenu-wrapper.stuck .lulumary-sticky-action, body#index #iqitmegamenu-wrapper.stuck .lulumary-sticky-search .fa, body#index #iqitmegamenu-wrapper.stuck .lulumary-sticky-wishlist .fa, body#index #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .header-cart-btn { color: #000000 !important; } /* Compte + panier : contour noir, intérieur transparent */ body#index #iqitmegamenu-wrapper.stuck .lulumary-sticky-account .fa-user, body#index #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .fa-shopping-bag { color: transparent !important; -webkit-text-stroke: 1px #000000; } /* Compteur panier : rond noir, chiffre blanc */ body#index #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .cart-products-count-btn { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; -webkit-text-stroke: 0 !important; } /* Survol */ body#index #iqitmegamenu-wrapper.stuck .lulumary-sticky-action:hover { opacity: 0.55; } } /* PANIER FLOTTANT — boutons noir et blanc */ #blockcart-content .cart-buttons .btn-primary, #blockcart-content .cart-buttons .btn-secondary { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; color: #ffffff !important; background-color: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; opacity: 1 !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; } /* Survol identique pour Commander et Panier */ #blockcart-content .cart-buttons .btn-primary:hover, #blockcart-content .cart-buttons .btn-primary:focus, #blockcart-content .cart-buttons .btn-secondary:hover, #blockcart-content .cart-buttons .btn-secondary:focus { color: #000000 !important; background-color: #ffffff !important; border-color: #000000 !important; box-shadow: inset 0 0 0 1px #000000 !important; text-decoration: none !important; opacity: 1 !important; outline: none !important; } /* LULUMARY — CHECKOUT — Menu et icônes du header en noir */ @media (min-width: 992px) { body#checkout #cbp-hrmenu > ul > .cbp-hrmenu-tab > .nav-link, body#checkout #cbp-hrmenu .cbp-tab-title, body#checkout #desktop-header .header-btn, body#checkout #desktop-header .header-btn .icon, body#checkout #desktop-header .header-btn .fa, body#checkout #desktop-header .fa, body#checkout #desktop-header .cart-products-count-btn, body#checkout #header .header-nav .right-nav, body#checkout #header .header-nav .right-nav a, body#checkout #header .header-nav .right-nav button { color: #000000 !important; } body#checkout #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover > .nav-link, body#checkout #cbp-hrmenu > ul > .cbp-hrmenu-tab:hover .cbp-tab-title, body#checkout #desktop-header .header-btn:hover, body#checkout #desktop-header .header-btn:hover .icon, body#checkout #desktop-header .header-btn:hover .fa { color: #000000 !important; opacity: 0.55 !important; } } /* Icône de suppression dans le récapitulatif du checkout */ body#checkout #js-checkout-summary .remove-from-cart, body#checkout #js-checkout-summary .remove-from-cart i, body#checkout #js-checkout-summary .remove-from-cart .fa { color: #000000 !important; } body#checkout #js-checkout-summary .remove-from-cart:hover, body#checkout #js-checkout-summary .remove-from-cart:focus, body#checkout #js-checkout-summary .remove-from-cart:hover i, body#checkout #js-checkout-summary .remove-from-cart:focus i, body#checkout #js-checkout-summary .remove-from-cart:hover .fa, body#checkout #js-checkout-summary .remove-from-cart:focus .fa { color: #000000 !important; opacity: 0.6 !important; outline: none !important; } /* LULUMARY — CHECKOUT — Corrections finales noir et blanc */ body#checkout, body#checkout #wrapper, body#checkout #content-wrapper, body#checkout #main { color: #000000 !important; background-color: #ffffff !important; } body#checkout .checkout-step, body#checkout .checkout-step.-current, body#checkout #js-checkout-summary, body#checkout .checkout-grid-right .card, body#checkout .checkout-grid-body .card { background-color: #ffffff !important; border-color: #dedede !important; box-shadow: none !important; } body#checkout .checkout-step .step-title { display: flex !important; align-items: center !important; justify-content: flex-start !important; column-gap: 9px !important; color: #000000 !important; background-color: #ffffff !important; } body#checkout .checkout-step .step-title .step-number { flex: 0 0 auto !important; margin: 0 !important; color: inherit !important; } body#checkout .checkout-step .step-title .done, body#checkout .checkout-step .step-title .material-icons.done { flex: 0 0 auto !important; margin: 0 !important; color: inherit !important; } body#checkout .checkout-step .step-title .step-edit { margin-left: auto !important; color: #666666 !important; } body#checkout .checkout-step.-complete .step-title, body#checkout .checkout-step.-complete .step-title:not(:hover) { color: #555555 !important; } body#checkout .checkout-step.-unreachable .step-title { color: #777777 !important; } /* Liens dans le checkout uniquement — Le footer n’est plus concerné */ body#checkout .checkout-grid-body a:not(.btn), body#checkout #js-checkout-summary a:not(.btn) { color: #000000 !important; } body#checkout .checkout-grid-body a:not(.btn):hover, body#checkout .checkout-grid-body a:not(.btn):focus, body#checkout #js-checkout-summary a:not(.btn):hover, body#checkout #js-checkout-summary a:not(.btn):focus { color: #000000 !important; opacity: 0.6 !important; } body#checkout #js-checkout-summary .product-price, body#checkout #js-checkout-summary .product-price strong, body#checkout #js-checkout-summary .price, body#checkout #js-checkout-summary .price strong, body#checkout #js-checkout-summary .cart-summary-line, body#checkout #js-checkout-summary .cart-summary-line .label, body#checkout #js-checkout-summary .cart-summary-line .value, body#checkout #js-checkout-summary .cart-summary-line strong { color: #000000 !important; } body#checkout #js-checkout-summary .cart-summary-line.cart-total { border-top-color: #dedede !important; } body#checkout #js-checkout-summary .cart-summary-line.cart-total .label, body#checkout #js-checkout-summary .cart-summary-line.cart-total .value, body#checkout #js-checkout-summary .cart-summary-line.cart-total strong { color: #000000 !important; } body#checkout .js-address-item, body#checkout .address-item, body#checkout .js-address-item.selected, body#checkout .address-item.selected { background-color: #ffffff !important; border-color: #dedede !important; } body#checkout .js-address-item.selected, body#checkout .address-item.selected { border-color: #000000 !important; } body#checkout input[type="radio"], body#checkout input[type="checkbox"] { accent-color: #000000 !important; } body#checkout .form-control:focus, body#checkout input.form-control:focus, body#checkout select.form-control:focus, body#checkout textarea.form-control:focus { border-color: #000000 !important; box-shadow: 0 0 0 1px #000000 !important; } /* Footer du checkout — Rétablissement des couleurs du footer général */ body#checkout #footer, body#checkout #footer-container-main, body#checkout #footer-copyrights { color: #000000 !important; background-color: #ffffff !important; } body#checkout #footer-container-main .block-title, body#checkout #footer-container-main .block-title span, body#checkout #footer-container-main strong, body#checkout #footer-container-main h1, body#checkout #footer-container-main h2, body#checkout #footer-container-main h3, body#checkout #footer-container-main h4, body#checkout #footer-container-main h5, body#checkout #footer-container-main h6 { color: #000000 !important; } body#checkout #footer-container-main a, body#checkout #footer-container-main a .fa, body#checkout #footer-container-main a i { color: #000000 !important; } body#checkout #footer-container-main a:hover, body#checkout #footer-container-main a:focus, body#checkout #footer-container-main a:hover .fa, body#checkout #footer-container-main a:focus .fa, body#checkout #footer-container-main a:hover i, body#checkout #footer-container-main a:focus i { color: #000000 !important; opacity: 0.6 !important; } body#checkout #footer-container-main p, body#checkout #footer-container-main li, body#checkout #footer-container-main address { color: #000000 !important; } /* Rond de quantité du panier dans le header */ #desktop-header.desktop-header-style-4 #ps-shoppingcart-wrapper .cart-products-count-btn, #mobile-header .cart-products-count-btn, #iqitmegamenu-wrapper.stuck #sticky-cart-wrapper .cart-products-count-btn { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; -webkit-text-stroke: 0 !important; background-color: #000000 !important; border-color: #000000 !important; box-shadow: none !important; } /* CHECKOUT — case d’acceptation des CGV */ body#checkout #conditions-to-approve .custom-checkbox { position: relative !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 !important; } body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"] { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 2 !important; width: 20px !important; height: 20px !important; margin: 0 !important; opacity: 0 !important; cursor: pointer !important; } body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"] + span { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 !important; color: #ffffff !important; background: #ffffff !important; border: 2px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; } body#checkout #conditions-to-approve .custom-checkbox .checkbox-checked { display: block !important; color: #ffffff !important; font-size: 14px !important; line-height: 1 !important; opacity: 0 !important; } body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:checked + span { color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; } body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked { color: #ffffff !important; opacity: 1 !important; } body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:focus-visible + span { outline: 2px solid #000000 !important; outline-offset: 2px !important; } body#checkout #conditions-to-approve .custom-checkbox label { margin: 0 !important; padding: 1px 0 0 !important; color: #000000 !important; font-size: 13px !important; line-height: 1.45 !important; cursor: pointer !important; } /* CHECKOUT — choix du transporteur */ body#checkout .delivery-options .delivery-option { align-items: center !important; } body#checkout .delivery-options .delivery-option .custom-radio { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 !important; } body#checkout .delivery-options .delivery-option .custom-radio input[type="radio"] { position: absolute !important; inset: 0 !important; z-index: 2 !important; width: 20px !important; height: 20px !important; margin: 0 !important; opacity: 0 !important; cursor: pointer !important; } body#checkout .delivery-options .delivery-option .custom-radio > span { display: block !important; width: 18px !important; height: 18px !important; background: #ffffff !important; border: 2px solid #000000 !important; border-radius: 50% !important; box-shadow: none !important; } body#checkout .delivery-options .delivery-option .custom-radio input[type="radio"]:checked + span { background: #000000 !important; box-shadow: inset 0 0 0 4px #ffffff !important; } body#checkout .delivery-options .delivery-option .custom-radio input[type="radio"]:focus-visible + span { outline: 2px solid #000000 !important; outline-offset: 2px !important; } /* PANIER — montant de la remise lisible */ body#cart .cart-item .discount, body#cart .cart-item .discount-percentage, body#cart .cart-item .discount-amount { color: #000000 !important; -webkit-text-fill-color: #000000 !important; background-color: #ffffff !important; border: 1px solid #000000 !important; opacity: 1 !important; visibility: visible !important; } body#cart .cart-item .discount *, body#cart .cart-item .discount-percentage *, body#cart .cart-item .discount-amount * { color: #000000 !important; -webkit-text-fill-color: #000000 !important; opacity: 1 !important; visibility: visible !important; } .products-selection { border-top: 0px solid rgba(160, 160, 160, .25); border-bottom: 0px solid rgba(160, 160, 160, .25); } .product-flags .new { display: none; } li.product-flag.new { display: none; } #footer-container-main { border-top: 0px solid #dedede !important; } article.alert.alert-info { display: none; } #content-wrapper .section-title { border-bottom: solid 0px #e3e3e3; } li.product-flag.discount { display: none; } li.product-flag.discount { display: none; } body#product .product-accessories.block-section .section-title { text-align: center; font-size: 22px; } /* ========================================================= LULUMARY — Barre d'annonce ========================================================= */ #iqithtmlandbanners-block-1.lulumary-announcement-bar { position: relative !important; z-index: 1200 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; min-height: 32px !important; margin: 0 !important; padding: 5px 20px !important; color: #ffffff !important; background: #000000 !important; text-align: center !important; } #iqithtmlandbanners-block-1.lulumary-announcement-bar .rte-content { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } #iqithtmlandbanners-block-1.lulumary-announcement-bar h4, #iqithtmlandbanners-block-1.lulumary-announcement-bar p { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: "Glacial Indifference", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 22px !important; text-align: center !important; } /* ========================================================= LULUMARY — Vidéo de fond Hero ========================================================= */ body#index .lul-hero-home { position: relative !important; min-height: calc(100vh - 32px) !important; min-height: calc(100svh - 32px) !important; overflow: hidden !important; } /* Vidéo */ body#index .lul-hero-home > .lul-hero-video { position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } body#index .lul-hero-home > .lul-hero-video .lul-hero-video-element { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; } /* Tout le contenu du hero passe devant la vidéo */ body#index .lul-hero-home > *:not(.lul-hero-video) { position: relative !important; z-index: 2 !important; } #content-wrapper .page-title { border-bottom: solid 0px #e3e3e3; padding-bottom: 0px; } #cms h1.h1.page-title { display: none; } #language_selector .lang-flag { max-width: 25px; } /* LULUMARY — Tri catégorie : uniquement nom et prix */ body#category #js-product-list-top .products-sort-order .dropdown-item { display: none !important; } /* Prix croissant / décroissant */ body#category #js-product-list-top .products-sort-order .dropdown-item[href*="product.price.asc"], body#category #js-product-list-top .products-sort-order .dropdown-item[href*="product.price.desc"], /* Nom A → Z / Z → A */ body#category #js-product-list-top .products-sort-order .dropdown-item[href*="product.name.asc"], body#category #js-product-list-top .products-sort-order .dropdown-item[href*="product.name.desc"] { display: block !important; } span.modal-title { display: none; }