.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1700px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #333333; } .pagination .page-list li:hover { border-color: #333333; } .pagination .page-list li.current { border-color: #333333; } .pagination .page-list li.current a { color: #333333; } #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: #000000; } #mobile-header .m-nav-btn:hover { color: #777777; } #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: 12px; } } body { line-height: 1.3rem; } body { font-family: 'Karla', 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: #f8f8f8; color: #333333; 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: #dedede; color: #2e2e2e; } .btn-secondary:not(:disabled):not(.disabled):active { background: #dedede; color: #2e2e2e; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f8f8f8; color: #333333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #dedede; color: #2e2e2e; 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: #333333; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #333333; color: #ffffff; } #wrapper .breadcrumb { padding-top: 1.3571428571rem; padding-bottom: 1.3571428571rem; font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #333333; } #wrapper .breadcrumb li:after { color: #333333; } #wrapper .breadcrumb a { color: #333333; } /*** 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; color: #ffffff; } .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before, .tooltip.tooltip-top .tooltip-inner:before, .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { border-top-color: #333333; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #333333; } /*** 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.8571428571rem; font-style: normal; font-weight: bold; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #ff271e; color: #ffffff; } .product-flags .new { background: #969696; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #ff532e; color: #ffffff; } .discount { background: #ff271e; color: #ffffff; } .product-available { background: #88b592; color: #ffffff; } .product-unavailable { background: #ff532e; color: #ffffff; } .alert-success { background: #d4edda; color: #155724; border-color: #d4edda; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #155724; text-decoration: underline; } .alert-info { background: #cce5ff; color: #004085; border-color: #cce5ff; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #004085; text-decoration: underline; } .alert-warning { background: #938f8c; color: #856404; border-color: #938f8c; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #856404; text-decoration: underline; } .alert-danger { background: #f8d7da; color: #721c24; border-color: #f8d7da; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #721c24; 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: #333333; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px #e3e3e3; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px #e3e3e3; } #header .header-nav { color: #ffffff; background: #000000; border-bottom: none 1px #cfcfcf; font-size: 0.9285714286rem; } #header .header-nav a { color: #c9c9c9; } #header .header-nav a:hover { color: #ffffff; } #header .header-nav .social-links._topbar { font-size: 0.9285714286rem; } .header-top { padding-top: 1.5rem; padding-bottom: 1.5rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #777777; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.7142857143rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #000000; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000000; } .header-top a.header-cart-btn:not(:hover) { color: #000000; } .stuck-header .header-top { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #000000; } .cart-products-count-btn { background: #d06e6a; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { border-top: none 1px #000000; border-right: none 3px #38b82c; border-bottom: none 1px #000000; 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.2142857143rem; max-width: 14.2857142857rem; color: #202020; padding-left: 0.8571428571rem; padding-right: 0.8571428571rem; border-left: none 1px #575757; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #202020; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.0357142857rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.2142857143rem !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 { background: #ffffff; color: #777777; } .cbp-horizontal .cbp-tab-title { font-size: 1.1428571429rem; letter-spacing: 0.0714285714rem; font-style: normal; font-weight: normal; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 0.7142857143rem; max-height: 0.7142857143rem; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1.1428571429rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.4285714286rem; padding-right: 0.4285714286rem; } } #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; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #333333 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #777777 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #000000 !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-links li a:before { display: none; } .cbp-hrmenu .cbp-links li a { padding-left: 0; } .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: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #777777 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #202020 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.7142857143rem; } #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: none 1px; min-height: 3.4285714286rem; } .mobile-menu__link { color: #202020 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.4285714286rem; font-style: normal; font-weight: normal; text-transform: uppercase; } .mobile-menu__arrow { padding-top: 1rem; padding-bottom: 1rem; color: #202020; font-size: 1.4285714286rem; } .mobile-menu__tab-icon { font-size: 1.4285714286rem; } .mobile-menu__tab-icon--img { max-height: 1.4285714286rem; } .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: #202020; background-color: #f1f1f1; 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.4285714286rem; font-style: normal; font-weight: normal; text-transform: none; 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__links-list-li { padding-top: 0.4285714286rem; padding-bottom: 0.4285714286rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #202020; } .mobile-menu__footer { border-top: none 1px; color: #202020; background-color: #f1f1f1; display: none; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.7142857143rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.7142857143rem; } .swiper-container-wrapper { margin: -0.7142857143rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.7142857143rem; } .swiper-container-wrapper .product-carousel { padding: 0.7142857143rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.7142857143rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: normal; 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; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); } } .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; } .product-miniature-grid .product-functional-buttons a { display: block; border-radius: 50%; margin: 5px 0; padding: 8px; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1); } .product-miniature-grid .product-functional-buttons i { font-size: 1rem; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { background: #ffffff; } .product-miniature-grid .product-functional-buttons-bottom { bottom: auto; top: 0.7rem; right: 0rem; left: auto; min-width: auto; padding: 0; transform: translate(0, 0); } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { 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 .products-variants { 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.3928571429rem 0.7857142857rem; background: rgba(0, 0, 0, 0); color: #000000; border: solid 1px #000000; } .btn-product-list:hover { background: #000000; color: #ffffff; } .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-container-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(1, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(1, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.5rem; font-style: normal; font-weight: bold; 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; } #col-product-info { position: -webkit-sticky; position: sticky; z-index: 1; top: 30px; transition: top 300ms ease 0s; } #main-product-wrapper .product-cover .expander { z-index: 1; } @media screen and (min-width: 768px) { #main-product-wrapper .no-quick-view-d-md-none { display: none; } } @media screen and (min-width: 768px) { #main-product-wrapper #swiper-wrapper-column-images { display: block; } } .modal-open #col-product-info { position: static; } .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 { background: #ffffff; border-top: none 1px; border-bottom: none 1px; color: #202020; box-shadow: 0px 0px 0px 0px; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #202020; font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 2px #595050; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #202020; } #content-wrapper .section-title { color: #202020; 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: #202020; } .nav-tabs .nav-link { color: #202020; 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: #202020; border-bottom: solid 3px #ca5058; } .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: #202020; } .iqit-accordion .nav-link { border-bottom: solid 3px #ca5058; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #202020; border-bottom: solid 3px #ca5058; } #wrapper .block-title { color: #333333; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333333; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #a1a1a1; } #left-column .block, #right-column .block { background: #ffffff; border: none 1px; } #footer, #checkout-footer { background: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px #ffffff; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #bd4e0f; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #777777; } #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: #777777 !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #ffffff; } #footer .block-title span, #checkout-footer .block-title span { margin-right: 0.5rem; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #e3e3e3; } #footer-container-first { border-top: none 1px; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; background: #1f1f1f; 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: 3.5714285714rem; padding-bottom: 2.5714285714rem; color: #c9c9c9; } #footer-container-main a, #checkout-footer a { color: #c9c9c9; } #footer-container-main a:hover, #checkout-footer a:hover { color: #ffffff; } #footer-copyrights { border-top: none 1px; background: #1f1f1f; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; } html, body { height: auto; min-height: 100%; } @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: ""; 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: ""; } #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; } section#wrapper { margin-bottom: 0px !important; } /* -------------------------------------------------------------------------- */ /* 1) Le conteneur principal : Flex, autorise le wrap, centre horizontalement */ /* -------------------------------------------------------------------------- */ #block-reassurance ul { display: flex; flex-wrap: wrap; /* Autorise les items à passer sur plusieurs lignes */ justify-content: center; align-items: flex-start; list-style: none; margin: 0; padding: 0; } /* 2) Les 3 premiers items : côte à côte (icône + texte en vertical) */ #block-reassurance li:nth-child(-n+3) { flex: 0 0 auto; margin: auto; } /* Structure interne pour tous les items */ .block-reassurance-item { display: flex; flex-direction: column; /* Icône au-dessus, texte en dessous par défaut */ align-items: center; text-align: center; } .block-reassurance-item img { margin-bottom: 0.5rem; /* Espace entre icône et texte */ } .block-reassurance-item span { font-size: 1rem; color: #202020; } /* -------------------------------------------------------------------------- */ /* 3) Tous les items à partir du 4ᵉ : nouvelle ligne, pleine largeur, fond gris */ /* -------------------------------------------------------------------------- */ #block-reassurance li:nth-child(n+4) { flex: 0 0 100%; /* Occupe toute la largeur => nouvelle ligne */ margin-top: 1rem; /* Espace entre la ligne précédente et ce bloc */ background-color: #f2f2f2; /* Fond gris clair */ color: #000; /* Texte noir */ padding: 0.7rem; text-align: center; font-weight: 600; } /* --- MODIFICATION ICI : Icône et texte côte à côte, mais autorise le wrap pour la description --- */ #block-reassurance li:nth-child(n+4) .block-reassurance-item { flex-direction: row; /* Icône à gauche, texte à droite */ justify-content: center; align-items: center; flex-wrap: wrap; /* IMPORTANT : Permet d'insérer du contenu en dessous */ } /* --- AJOUT ICI : Injection du texte de description --- */ #block-reassurance li:nth-child(n+4) .block-reassurance-item::after { content: "Remise appliquée dans le panier hors promotions"; /* Ton texte ici */ display: block; width: 100%; /* Force le passage à la ligne */ flex: 0 0 100%; /* S'assure qu'il prend toute la largeur */ margin-top: 4px; /* Petit espace sous le titre */ font-size: 0.85rem; /* Texte un peu plus petit */ font-weight: 400; /* Texte normal (pas gras) */ color: #333; /* Gris foncé */ line-height: 1.2; } /* Ajustement de l’icône : marge droite au lieu de marge bottom */ #block-reassurance li:nth-child(n+4) .block-reassurance-item img { margin-bottom: 0; margin-right: 0.5rem; } /* -------------------------------------------------------------------------- */ /* 4) Wrapping du texte pour les 3 premiers items */ #block-reassurance li:nth-child(-n+3) .block-reassurance-item span { display: inline-block; max-width: 9rem; white-space: normal; word-wrap: break-word; text-align: center; } /* Texte du 4ᵉ et suivants : sur une seule ligne (le titre uniquement) */ #block-reassurance li:nth-child(n+4) .block-reassurance-item span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: none; text-align: center; } /* -------------------------------------------------------------------------- */ /* 5) Marges horizontales selon la taille de l’écran */ #block-reassurance li { margin: 0 10px; } @media (max-width: 1200px) { #block-reassurance li { margin: 0 30px; } } @media (max-width: 992px) { #block-reassurance li { margin: 0 5px; } } @media (max-width: 768px) { #block-reassurance li { margin: 0 5px; } } /*----------------------*/ /*Cacher produits associé mobile */ @media (max-width: 768px) { section.product-accessories.block.block-section { display: none !important; } } /* Badge produit commande hors stock */ .badge-warning { color: #FFFFFF; background-color: #2196f5; } .discount { border-radius: 15px; padding: 3px 8px } /* Coche devant DISPONIBLE page produit */ i.fa.fa-check.rtl-no-flip { display: none; } /* Coche devant INDISPONIBLE page produit */ i.fa.fa-ban { display: none; } /* Marge au dessus des blocs déclinaisons */ .product-variants .form-control-label { margin-top: 1rem; } .form-control-label-cust { margin-top: 1rem; } /* Cible la liste UL qui contient les pastilles */ ul#group_3 { list-style: none; /* Supprime les puces */ margin: 0; /* Enlève la marge par défaut */ padding: 15px 7px 10px 15px; /* Ajoute un peu d’espace interne pour l’esthétique */ border: 1px solid #ccc; /* Crée un fin contour gris */ border-radius: 0px; /* Coins légèrement arrondis, au choix */ display: inline-flex; /* Place les pastilles sur la même ligne */ gap: 0.5rem; /* Espace entre chaque pastille (ou ajustez selon vos goûts) */ } .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus { color: #202020; border-bottom: solid 3px #202020; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #202020; border-bottom: solid 3px #a6a6a6; } /* Titres caracteristiques produits soulignés */ .specifications-underline { /*text-decoration: underline !important;*/ padding-top: 3rem !important; font-size: 16px !important; font-weight: 800 !important; /*border-bottom: 1px solid rgba(160, 160, 160, 0.25) !important;*/ /* Personnalisez si besoin (couleur, épaisseur, etc.) */ } /* Prix barré product list */ span.regular-price.text-muted { font-size: 12px !important; } /* Prix soldé en rouge */ .has-discount span.product-price.current-price-value { color: red; } .product-prices .badge { display: inline; font-size: 100%; } /* Marge au dessus du bloc declinaisons */ .product-actions.js-product-actions .row.flexCenter { padding-top: 0rem; } /* Bouton ajout panier 100% */ /* 1) Autoriser la row à se replier sur plusieurs lignes */ .row.extra-small-gutters.product-quantity { display: flex; /* Si ce n'est pas déjà le cas */ flex-wrap: wrap; /* Permet au contenu de passer à la ligne suivante si nécessaire */ } /* 2) Forcer la colonne du bouton à occuper la largeur complète */ .row.extra-small-gutters.product-quantity .col-add-btn { flex: 1 1 100% !important; /* Elle s’étire sur toute la largeur */ max-width: 100% !important; /* Ignore la grille Bootstrap qui peut imposer .col-sm-auto, etc. */ text-align: center; /* Pour centrer le contenu si désiré */ } /* 3) Étendre le bouton lui-même en largeur complète */ .row.extra-small-gutters.product-quantity .add-to-cart { display: block; /* Permet de prendre toute la place */ width: 100% !important; /* S'étire à 100% de la colonne */ box-sizing: border-box; /* Pour inclure padding et bordure sans dépasser */ } /*bloc couleur filtre adavnced*/ .PM_ASCriterionGroupColor.color_to_pick_list li a, .PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare { width: 25px !important; height: 12px !important; border-radius: 100px !important; } .PM_ASCriterionGroupColor.color_to_pick_list li, .PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare { border-radius: 100px !important; } body#checkout section.checkout-step .payment-options .payment-option label { margin-right: 5px !important; } .payment-option label img[src*="systempay"] { max-width: unset; margin-right: 12px; max-height: 37px; float: left; margin-top: -8px; } body#checkout section.checkout-step.-current .content { font-size: 16px !important; } .payment-option { margin-bottom: 2rem !important; display: inline !important; } @media screen and (min-width: 768px){ #main-product-wrapper #swiper-wrapper-column-images { display: flex; flex-wrap: wrap; } .product-cover .product-lmage-large{ width: 50%; } .product-cover .product-lmage-large:first-child{ width: 100%; } } @media (max-width: 575px){ #product-modal .modal-dialog{ min-height: 100%; } #product-modal .modal-content { min-height: 100%; position: absolute; left: 0; right: 0; } } @media (max-width: 700px){ #facets_search_center #search_filters .facet { width: 33%; } } @media (max-width: 530px){ #facets_search_center #search_filters .facet { width: 50%; } } @media (max-width: 362px){ #facets_search_center #search_filters .facet { width: 100%; } } .product-variant { display: none !important; } .product-prices { display: flex; align-items: center; } .product-prices #product-availability { margin-bottom: 0; margin-left: 20px; order: 1; } .product-prices div:nth-of-type(2) { order: 0; } .product-brand { font-size: 2.2rem; font-weight: 400 !important; text-transform: uppercase; margin-left: -1px !important; } .product-list-brand { font-size: 1.371429rem; font-weight: normal; text-transform: uppercase; } .product-list-brand { font-size: 14px; color: black; } .product-reference { color: black !important; opacity: 1 !important; } .product-dimensions { font-size: 0.6rem; color: black; line-height: 1.2em; } .product-miniature-grid .product-title { height: auto !important; } /*.product-miniature-grid .products-variants { position: absolute; top: -45px; left: 50%; transform: translateX(-50%); }*/ @media screen and (min-width: 768px) { .product-cover .product-lmage-large:first-child { max-width: 535px !important; margin: auto; } } .product-tabs { margin-top: 0rem !important; } /*MODIFICATIONS MODULES SHOW ATTRIBUTES*/ /*Centrer attibuts add to cart module product list*/  .an_productattributes { box-shadow: none !important; box-shadow: none !important; padding: 0px !important; } .material-icons .shopping-cart { display: none !important; } /*.color, .radio-label, .custom-checkbox input[type="checkbox"]+span.color { width: 1rem; height: 1rem; border-radius: 15px; }*/ /*espace image produit attributds*/  .an_productattributes .an_pa_product-variants>.product-variants-item ul li { margin: 0px !important; }  .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #202020 !important; }  .an_productattributes-img { max-width: 35px; }  /*Marge bas product list*/   /*Font-size caracteristiques product page*/ .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { /*font-size: 0.85rem !important;*/ padding-bottom: 5px; margin-bottom: 5px; } /*Page produit*/ .product-features { border-bottom: 1px solid rgba(160,160,160,.25); margin-bottom: 20px; } .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { border-bottom: none !important; } #block-reassurance li { border-bottom: none !important; } #block-reassurance li .block-reassurance-item { padding: 6px; /*font-size: 14px;*/ } /*Marge Image page produit*/ .product-cover .product-lmage-large { padding-bottom: 20px; } /*Bouton couleur attributs declinaison couleur*/ .product-variants .input-color, .product-variants .color { margin-right: 7px; border-radius: 15px; } /*marge bas dernier element menu*/ .cbp-hrmenu .cbp-links li:last-child { margin-bottom: 15px; } ul.select-list li:last-child { border-bottom: 0px !important; } /*Marge bas produits Les clients qui ont acheté ce produit ont également acheté...*/ .swiper-container-wrapper .products.swiper-container { margin-bottom: 30px; } /* Menu Mobile*/ a:not([href]):not([tabindex]) { text-decoration: underline #202020 !important; text-underline-offset: 7px !important; } .mobile-menu__footer, .mobile-menu__header-wrapper { margin-left: -12px; } .dropdown-menu { padding: 11px !important; } .mobile-menu__footer { margin-bottom: -11px; } /*.mobile-menu__footer, .mobile-menu__header-wrapper { margin-left: -12px; }*/ /* --- CODE À DÉSACTIVER --- */ /* .mobile-menu__header-wrapper { margin-top: -12px; padding-top: 14px !important; } */ /*Header nav bandeau promo*/ .justify-content-between { padding-bottom: 10px !important; } @media(max-width:768px){ #iqithtmlandbanners-block-4 { display: none !important; } } @media(max-width:768px){ #iqithtmlandbanners-block-2 { display: none !important; } } @media(max-width:768px){ #iqithtmlandbanners-block-3 { display: none !important; } } @media(min-width:768px){ #iqithtmlandbanners-block-5 { display: none !important; } } header.page-header { display: none; } .products.swiper-container .swiper-slide { width: 33% !important; } .cart-summary-line { padding: 10px; } .block-promo .cart-voucher-area { margin: 20px 0px; } .img-fluid.cbp-banner-image { padding-bottom: 10px !important; } /*Menu color*/ .PM_ASCriterionGroupColor .PM_ASCriterionLinkSelected { border: 4px solid #ffffff !important; } /*BOUTON PAYPAL product page*/ #ps_checkout-payment-method-logo-block-container { margin-bottom: 30px !important; } .product-quantity>.col { margin-bottom: 0rem !important; } /*.product-actions .pt-3 { display: inline-flex; } #ps_checkout-payment-method-logo-block-container { margin-bottom: 30px !important; margin-top: -20px; margin-left: 30px; }*/ /*BLOG*/ .simpleblog__postInfo.text-muted { max-width: 1000px !important; margin-left: auto; margin-right: auto; } /*Titre menu pour séparer*/ span.cbp-column-title.nav-link.transition-300 { font-weight: 600 !important; background-color: #f7f7f7; /* color: white !important; */ /* text-align: center; */ display: inline; padding: 2px; } /*Stickers image sur produit catégorie span.fmm_sticker_base_span { display: none !important; }*/ /*Titres déclinaison page produit*/ span.js-selected-attr { color: #757575; margin-left: 3px; font-weight: 600; } span.form-control-label.lv-variant-label { font-size: 16px; } span.form-control-label-cust { font-size: 16px; } .product-miniature ul.product-flags, .js-product-miniature ul.product-flags{ display:flex !important; flex-direction:column !important; } /* FORCE LE FOOTER A ÊTRE CLIQUABLE */ #footer { z-index: 1 !important; position: relative !important; bottom: auto !important; } /*Code PROMO*/ .fmm_sticker_item.sticker_15deremiseaveclecodelv15 { padding-left: 50px; padding-top: 30px; } /* Style spécifique pour Mobile (écrans de moins de 768px) */ @media screen and (max-width: 768px) { .fmm_sticker_item.sticker_15deremiseaveclecodelv15 { padding-left: auto; /* Valeur réduite pour petit écran */ padding-top: 0px; /* Valeur réduite pour petit écran */ /* Vous pouvez aussi utiliser 'margin' ou 'position: absolute' ici */ } } .fmm_sticker_item.sticker_15deremiseaveclecodelv15 span.fmm_sticker_content.fmm_text_mode { font-size: 13px !important; font-weight : 600 !important; color : #ffffff !important; background-color : #202020 !important; } /*Logo paypal google pay Checkout*/ div#ps_checkout-payment-method-logo-block-container { display: none !important; } .payment-options > div:has([id^="payment-option"]) { background: #f3f3f3; padding: 10px 18px; margin-bottom: 10px; border-radius: 4px; min-height: 60px; } .payment-option label img[src*="systempay"] { float: none !important; margin-left: 10px; margin-right: 0; margin-top: 0; vertical-align: middle; } .payment-option label:has(img[src*="systempay"]) { display: inline-flex; align-items: center; } /*Marge menu marque*/ .col-10.cbp-menu-column.cbp-menu-element.menu-element-id-174.cbp-empty-column { padding-top: 40px; }