.iqitfake{ display: none;} /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1380px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #777777; } .pagination .page-list li:hover { border-color: #777777; } .pagination .page-list li.current { border-color: #777777; } .pagination .page-list li.current a { color: #777777; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 0.625rem; padding-bottom: 0.625rem; } #mobile-header .m-nav-btn { color: #000000; } #mobile-header .m-nav-btn:hover { color: #ffffff; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ffffff; } #mobile-header .m-nav-btn { padding-top: 0.9375rem; padding-bottom: 0.9375rem; border: none 1px; border-left: none; } #mobile-header .m-nav-btn:hover { background: #ffffff; } #mobile-header .col-mobile-btn:last-child .m-nav-btn { border-right: none; } html { font-size: 16px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Manrope', sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Roboto Condensed'; } #blockcart-content { background: #ffffff; color: #000000; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(255, 255, 255, 0.15); } #blockcart-content a:not(.btn) { color: #000000; } #blockcart-content a:not(.btn):hover { color: #000000; } /*** 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: rgba(255, 255, 255, 0); color: #333333; border: solid 3px #000000; } .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: #000000; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: rgba(255, 255, 255, 0); color: #333333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #000000; color: #ffffff; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: rgba(255, 255, 255, 0); color: #000000; border: solid 3px #000000; } .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: #000000; color: #ffffff; border-color: rgba(255, 255, 255, 0); } .btn-primary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; border-color: rgba(255, 255, 255, 0); } #wrapper .breadcrumb { background: #ffffff; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.625rem; padding-right: 0.625rem; margin-top: -3.125rem; margin-bottom: 3.125rem; font-size: 0.6875rem; font-style: normal; font-weight: normal; text-transform: none; color: #757575; } #wrapper .breadcrumb li:after { color: #757575; } #wrapper .breadcrumb a { color: #757575; } /*** 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: #f2f2f2; 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: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(0, 0, 0, 0.75); } .modal-content { background: #ffffff; border: solid 1px rgba(161, 161, 161, 0.25); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #000000; color: #ffffff; border: none 1px; } .product-price { color: #000000; } .iqit-review-star { color: #000000; } .product-flags .product-flag { font-size: 0.6875rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #000000; 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: #c62c00; color: #ffffff; } .discount { background: #000000; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #c62c00; color: #ffffff; } .product-unavailable-allow-oosp { background: #000000; color: #ffffff; } .alert-success { background: #000000; color: #ffffff; border-color: #000000; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-info { background: #000000; color: #ffffff; border-color: #000000; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-warning { background: #000000; color: #ffffff; border-color: #000000; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-danger { background: #000000; color: #ffffff; border-color: #000000; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } #iqitcompare-floating { background: #000000; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #iqitcompare-floating a { color: #ffffff; } #page-preloader { background: #ffffff; } #page-preloader .loader-wrapper { font-size: 38px; } #page-preloader .loader-1 { border-color: rgba(0, 0, 0, 0.2); border-top-color: #000000; } #page-preloader .loader-2 { background: rgba(0, 0, 0, 0.3); } #page-preloader .loader-2:after, #page-preloader .loader-2:before { background: rgba(0, 0, 0, 0.3); } @keyframes loader-2 { 50% { background: #000000; } } #back-to-top { background: #000000; color: #ffffff; } #back-to-top:hover { background: #333333; color: #ffffff; } ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { background: #000000; } ::-webkit-scrollbar-track { background: #ffffff; } body { scrollbar-face-color: #000000; scrollbar-track-color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px #e3e3e3; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px #e3e3e3; } #header .header-nav { color: #000000; border-bottom: solid 1px #e3e3e3; padding-top: 0.3125rem; padding-bottom: 0.3125rem; font-size: 0.625rem; } #header .header-nav a { color: #000000; } #header .header-nav a:hover { color: #777777; } #header .header-nav .social-links._topbar { font-size: 0.75rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #000000 !important; } #header .header-nav .social-links._topbar a:hover { color: #bbbbbb !important; } .header-top { padding-top: 0.625rem; padding-bottom: 0.625rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #858585; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 0.9375rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #000000; padding: 0.5625rem 0.5625rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000000; } .header-top a.header-cart-btn:not(:hover) { color: #000000; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #000000; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ffffff; border-top: none 1px #e3e3e3; border-right: none 3px #38b82c; border-bottom: none 3px #e3e3e3; 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: 2.8125rem; max-width: 12.5rem; color: #000000; padding-left: 1.25rem; padding-right: 1.25rem; border-left: none 1px #575757; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.90625rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.8125rem !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: #000000; color: #ffffff; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #000000; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.375rem; max-height: 1.375rem; } .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: 0.875rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.75rem; padding-right: 0.75rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(15px); } #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; } .container-iqitmegamenu, .iqit-megamenu-container, .cbp-hrsub-narrow, #desktop-header-container.container { position: static !important; } .cbp-hrmenu .cbp-hrsub-inner { padding-left: 0; padding-right: 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.125rem; font-style: italic; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.125rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5rem; padding-bottom: 0.5rem; 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.5rem; max-height: 1.5rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #000000; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #9b9b9b; } #cbp-hrmenu1 .cbp-legend { background: #000000; 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: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 0px 1500px 0px 1500px rgba(13, 13, 13, 0.48); } .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-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: #000000 !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: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #f4f2f2; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #000000 !important; } #iqitmegamenu-mobile { background: #f4f2f2; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.375rem; } #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: 1rem; padding-bottom: 1rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px #000000; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } .mobile-menu__submenu { background: #f4f2f2; } .mobile-menu__tab { border-bottom: solid 1px #c3c3c3; min-height: 3.875rem; } .mobile-menu__link { color: #000000 !important; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.25rem; padding-bottom: 1.25rem; color: #000000; font-size: 1.375rem; } .mobile-menu__tab-icon { font-size: 1.375rem; } .mobile-menu__tab-icon--img { max-height: 1.375rem; } .mobile-menu__legend { font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #000000; } .mobile-menu__header-wrapper { color: #000000; border-bottom: solid 1px #000000; } .mobile-menu__title { font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; color: #000000 !important; } .mobile-menu__column { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #000000; margin-bottom: 0.5625rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 0.5625rem; } .mobile-menu__links-list-li { padding-top: 0.4375rem; padding-bottom: 0.4375rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #000000; } .mobile-menu__footer { border-top: solid 1px #000000; color: #000000; } /*** PS_FacatedSearch ***/ #search_filters .noUi-connect { background: #000000; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #ffffff; color: #000000; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.9375rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.9375rem; } .swiper-container-wrapper { margin: -0.9375rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.9375rem; } .swiper-container-wrapper .product-carousel { padding: 0.9375rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.9375rem; } .product-miniature { border: none 1px; outline: 1px solid 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: 0.875rem; 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: solid 1px rgba(161, 161, 161, 0.25); background: #fafafa; } } .product-miniature-grid .product-functional-buttons { background: #fafafa; } .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: #ffffff !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 .flag-discount-value { display: none !important; } .btn-product-list { padding: 0.4375rem 0.875rem; background: #ffffff; color: #000000; border: solid 1px rgba(161, 161, 161, 0.25); } .btn-product-list:hover { background: #d06e6a; color: #ffffff; border-color: #d06e6a; } .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.625rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-3 .product-description { background: #ffffff; } .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(1, 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(4, 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(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 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(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.75rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 10px #0037a1; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #000000; background: #ffffff; } .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 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem; } #main-product-wrapper .product-lmage-large { position: relative; width: 100%; min-height: 1px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 1rem; } } .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: #000000; background: #ffffff; 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-modal .easyzoom-modal > a { cursor: default; } #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; } .product-tabs .nav-tabs { justify-content: center; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 3.125rem; padding-bottom: 3.125rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 3.125rem; padding-bottom: 3.125rem; } #content-wrapper .page-title { color: #000000; font-size: 2rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .page-title:after { content: ""; position: absolute; bottom: -2.5px; display: block; width: 40px; height: 1px; border-bottom: solid 5px #595050; left: 0; right: 0; } #content-wrapper .section-title { color: #333333; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } #content-wrapper .section-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #000000; left: 0; right: 0; } .nav-tabs .nav-link { color: #000000; font-size: 1.125rem; 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 #000000; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #000000; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #000000; } #wrapper .block-title { color: #000000; font-size: 0.875rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #wrapper .block-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #000000; left: 0; right: 0; } #left-column .block, #right-column .block { padding: 1.25rem; border: solid 1px rgba(161, 161, 161, 0.25); } #footer, #checkout-footer { background: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px rgba(161, 161, 161, 0.25); 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: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #dbdbdb; } #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: 3.125rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #ffffff !important; } #footer .social-links._footer a:hover, #checkout-footer .social-links._footer a:hover { color: #bfbfbf !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 1.875rem; font-style: normal; font-weight: bold; text-transform: uppercase; 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 3px #ffffff; } #footer-container-first { border-top: solid 3px #ffffff; padding-top: 1.875rem; padding-bottom: 1.875rem; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; } #footer-container-main, #checkout-footer { border-top: solid 3px #ffffff; padding-top: 3.75rem; padding-bottom: 2.75rem; color: #ffffff; } #footer-container-main a, #checkout-footer a { color: #ffffff; } #footer-container-main a:hover, #checkout-footer a:hover { color: #cacaca; } #footer-copyrights { border-top: solid 3px #ffffff; padding-top: 0.75rem; padding-bottom: 0.75rem; } #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; } .iqitfake { display: none; } .pack { display: none !important; } html, body { overflow-x: hidden !important; } a.skeepers-widget-wrapper-87297d91-3ca9-4265-92ce-fee1077a01df { left: 1vh !important; bottom: 8vh !important; } body { position: relative; width: 100%; max-width: 100%; overflow-x: clip !important; /* Safari friendly */ } /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1380px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #777777; } .pagination .page-list li:hover { border-color: #777777; } .pagination .page-list li.current { border-color: #777777; } .pagination .page-list li.current a { color: #777777; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 0.625rem; padding-bottom: 0.625rem; } #mobile-header .m-nav-btn { color: #000000; } #mobile-header .m-nav-btn:hover { color: #ffffff; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ffffff; } #mobile-header .m-nav-btn { padding-top: 0.9375rem; padding-bottom: 0.9375rem; border: none 1px; border-left: none; } #mobile-header .m-nav-btn:hover { background: #ffffff; } #mobile-header .col-mobile-btn:last-child .m-nav-btn { border-right: none; } html { font-size: 16px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Manrope', sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Roboto Condensed'; } #blockcart-content { background: #ffffff; color: #000000; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(255, 255, 255, 0.15); } #blockcart-content a:not(.btn) { color: #000000; } #blockcart-content a:not(.btn):hover { color: #000000; } /*** 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: rgba(255, 255, 255, 0); color: #333333; border: solid 3px #000000; } .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: #000000; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: rgba(255, 255, 255, 0); color: #333333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #000000; color: #ffffff; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: rgba(255, 255, 255, 0); color: #000000; border: solid 3px #000000; } .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: #000000; color: #ffffff; border-color: rgba(255, 255, 255, 0); } .btn-primary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; border-color: rgba(255, 255, 255, 0); } #wrapper .breadcrumb { background: #ffffff; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.625rem; padding-right: 0.625rem; margin-top: -3.125rem; margin-bottom: 3.125rem; font-size: 0.6875rem; font-style: normal; font-weight: normal; text-transform: none; color: #757575; } #wrapper .breadcrumb li:after { color: #757575; } #wrapper .breadcrumb a { color: #757575; } /*** 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: #f2f2f2; 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: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(0, 0, 0, 0.75); } .modal-content { background: #ffffff; border: solid 1px rgba(161, 161, 161, 0.25); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #000000; color: #ffffff; border: none 1px; } .product-price { color: #000000; } .iqit-review-star { color: #000000; } .product-flags .product-flag { font-size: 0.6875rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #000000; color: #ffffff; } .product-flags .new { background: #969696; color: #ffffff; display: none; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #c62c00; color: #ffffff; } .discount { background: #000000; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #c62c00; color: #ffffff; } .product-unavailable-allow-oosp { background: #000000; color: #ffffff; } .alert-success { background: #000000; color: #ffffff; border-color: #000000; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-info { background: #000000; color: #ffffff; border-color: #000000; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-warning { background: #000000; color: #ffffff; border-color: #000000; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-danger { background: #000000; color: #ffffff; border-color: #000000; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } #iqitcompare-floating { background: #000000; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #iqitcompare-floating a { color: #ffffff; } #page-preloader { background: #ffffff; } #page-preloader .loader-wrapper { font-size: 38px; } #page-preloader .loader-1 { border-color: rgba(0, 0, 0, 0.2); border-top-color: #000000; } #page-preloader .loader-2 { background: rgba(0, 0, 0, 0.3); } #page-preloader .loader-2:after, #page-preloader .loader-2:before { background: rgba(0, 0, 0, 0.3); } @keyframes loader-2 { 50% { background: #000000; } } #back-to-top { background: #000000; color: #ffffff; } #back-to-top:hover { background: #333333; color: #ffffff; } ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { background: #000000; } ::-webkit-scrollbar-track { background: #ffffff; } body { scrollbar-face-color: #000000; scrollbar-track-color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px #e3e3e3; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px #e3e3e3; } #header .header-nav { color: #000000; border-bottom: solid 1px #e3e3e3; padding-top: 0.3125rem; padding-bottom: 0.3125rem; font-size: 0.625rem; } #header .header-nav a { color: #000000; } #header .header-nav a:hover { color: #777777; } #header .header-nav .social-links._topbar { font-size: 0.75rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #000000 !important; } #header .header-nav .social-links._topbar a:hover { color: #bbbbbb !important; } .header-top { padding-top: 0.625rem; padding-bottom: 0.625rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #858585; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 0.9375rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #000000; padding: 0.5625rem 0.5625rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000000; } .header-top a.header-cart-btn:not(:hover) { color: #000000; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #000000; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ffffff; border-top: none 1px #e3e3e3; border-right: none 3px #38b82c; border-bottom: none 3px #e3e3e3; 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: 2.8125rem; max-width: 12.5rem; color: #000000; padding-left: 1.25rem; padding-right: 1.25rem; border-left: none 1px #575757; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.90625rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.8125rem !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: #000000; color: #ffffff; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #000000; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.375rem; max-height: 1.375rem; } .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: 0.875rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.75rem; padding-right: 0.75rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(15px); } #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; } .container-iqitmegamenu, .iqit-megamenu-container, .cbp-hrsub-narrow, #desktop-header-container.container { position: static !important; } .cbp-hrmenu .cbp-hrsub-inner { padding-left: 0; padding-right: 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.125rem; font-style: italic; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.125rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5rem; padding-bottom: 0.5rem; 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.5rem; max-height: 1.5rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #000000; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #9b9b9b; } #cbp-hrmenu1 .cbp-legend { background: #000000; 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: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 0px 1500px 0px 1500px rgba(13, 13, 13, 0.48); } .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-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: #000000 !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: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #f4f2f2; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #000000 !important; } #iqitmegamenu-mobile { background: #f4f2f2; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.375rem; } #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: 1rem; padding-bottom: 1rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px #000000; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } .mobile-menu__submenu { background: #f4f2f2; } .mobile-menu__tab { border-bottom: solid 1px #c3c3c3; min-height: 3.875rem; } .mobile-menu__link { color: #000000 !important; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.25rem; padding-bottom: 1.25rem; color: #000000; font-size: 1.375rem; } .mobile-menu__tab-icon { font-size: 1.375rem; } .mobile-menu__tab-icon--img { max-height: 1.375rem; } .mobile-menu__legend { font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #000000; } .mobile-menu__header-wrapper { color: #000000; border-bottom: solid 1px #000000; } .mobile-menu__title { font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; color: #000000 !important; } .mobile-menu__column { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #000000; margin-bottom: 0.5625rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 0.5625rem; } .mobile-menu__links-list-li { padding-top: 0.4375rem; padding-bottom: 0.4375rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #000000; } .mobile-menu__footer { border-top: solid 1px #000000; color: #000000; } /*** PS_FacatedSearch ***/ #search_filters .noUi-connect { background: #000000; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #ffffff; color: #000000; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.9375rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.9375rem; } .swiper-container-wrapper { margin: -0.9375rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.9375rem; } .swiper-container-wrapper .product-carousel { padding: 0.9375rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.9375rem; } .product-miniature { border: none 1px; outline: 1px solid 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: 0.875rem; 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: solid 1px rgba(161, 161, 161, 0.25); background: #fafafa; } } .product-miniature-grid .product-functional-buttons { background: #fafafa; } .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: #ffffff !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 .flag-discount-value { display: none !important; } .btn-product-list { padding: 0.4375rem 0.875rem; background: #ffffff; color: #000000; border: solid 1px rgba(161, 161, 161, 0.25); } .btn-product-list:hover { background: #d06e6a; color: #ffffff; border-color: #d06e6a; } .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.625rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-3 .product-description { background: #ffffff; } .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(1, 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(4, 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(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 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(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.75rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 10px #0037a1; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #000000; background: #ffffff; } .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 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem; } #main-product-wrapper .product-lmage-large { position: relative; width: 100%; min-height: 1px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 1rem; } } .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: #000000; background: #ffffff; 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-modal .easyzoom-modal > a { cursor: default; } #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; } .product-tabs .nav-tabs { justify-content: center; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 3.125rem; padding-bottom: 3.125rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 3.125rem; padding-bottom: 3.125rem; } #content-wrapper .page-title { color: #000000; font-size: 2rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .page-title:after { content: ""; position: absolute; bottom: -2.5px; display: block; width: 40px; height: 1px; border-bottom: solid 5px #595050; left: 0; right: 0; } #content-wrapper .section-title { color: #333333; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } #content-wrapper .section-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #000000; left: 0; right: 0; } .nav-tabs .nav-link { color: #000000; font-size: 1.125rem; 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 #000000; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #000000; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #000000; } #wrapper .block-title { color: #000000; font-size: 0.875rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #wrapper .block-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #000000; left: 0; right: 0; } #left-column .block, #right-column .block { padding: 1.25rem; border: solid 1px rgba(161, 161, 161, 0.25); } #footer, #checkout-footer { background: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px rgba(161, 161, 161, 0.25); 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: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #dbdbdb; } #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: 3.125rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #ffffff !important; } #footer .social-links._footer a:hover, #checkout-footer .social-links._footer a:hover { color: #bfbfbf !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 1.875rem; font-style: normal; font-weight: bold; text-transform: uppercase; 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 3px #ffffff; } #footer-container-first { border-top: solid 3px #ffffff; padding-top: 1.875rem; padding-bottom: 1.875rem; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; } #footer-container-main, #checkout-footer { border-top: solid 3px #ffffff; padding-top: 3.75rem; padding-bottom: 2.75rem; color: #ffffff; } #footer-container-main a, #checkout-footer a { color: #ffffff; } #footer-container-main a:hover, #checkout-footer a:hover { color: #cacaca; } #footer-copyrights { border-top: solid 3px #ffffff; padding-top: 0.75rem; padding-bottom: 0.75rem; } #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; } .iqitfake { display: none; } body#checkout section.checkout-step #personal-information-step-login { background: rgb(255 255 255 / 15%); padding: 1.5rem; margin-bottom: 1.5rem; } /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1380px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #777777; } .pagination .page-list li:hover { border-color: #777777; } .pagination .page-list li.current { border-color: #777777; } .pagination .page-list li.current a { color: #777777; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 0.625rem; padding-bottom: 0.625rem; } #mobile-header .m-nav-btn { color: #000000; } #mobile-header .m-nav-btn:hover { color: #ffffff; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ffffff; } #mobile-header .m-nav-btn { padding-top: 0.9375rem; padding-bottom: 0.9375rem; border: none 1px; border-left: none; } #mobile-header .m-nav-btn:hover { background: #ffffff; } #mobile-header .col-mobile-btn:last-child .m-nav-btn { border-right: none; } html { font-size: 16px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Manrope', sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Roboto Condensed'; } #blockcart-content { background: #ffffff; color: #000000; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(255, 255, 255, 0.15); } #blockcart-content a:not(.btn) { color: #000000; } #blockcart-content a:not(.btn):hover { color: #000000; } /*** 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: rgba(255, 255, 255, 0); color: #333333; border: solid 3px #000000; } .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: #000000; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: rgba(255, 255, 255, 0); color: #333333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #000000; color: #ffffff; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: rgba(255, 255, 255, 0); color: #000000; border: solid 3px #000000; border-radius: 100px; } .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: #000000; color: #ffffff; border-color: rgba(255, 255, 255, 0); } .btn-primary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; border-color: rgba(255, 255, 255, 0); } #wrapper .breadcrumb { background: #ffffff; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.625rem; padding-right: 0.625rem; margin-top: -3.125rem; margin-bottom: 3.125rem; font-size: 0.6875rem; font-style: normal; font-weight: normal; text-transform: none; color: #757575; } #wrapper .breadcrumb li:after { color: #757575; } #wrapper .breadcrumb a { color: #757575; } /*** 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: #f2f2f2; 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: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(0, 0, 0, 0.75); } .modal-content { background: #ffffff; border: solid 1px rgba(161, 161, 161, 0.25); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #000000; color: #ffffff; border: none 1px; } .product-price { color: #000000; } .iqit-review-star { color: #000000; } .product-flags .product-flag { font-size: 0.6875rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #000000; 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: #c62c00; color: #ffffff; } .discount { background: #000000; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #c62c00; color: #ffffff; } .product-unavailable-allow-oosp { background: #000000; color: #ffffff; } .alert-success { background: #000000; color: #ffffff; border-color: #000000; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-info { background: #000000; color: #ffffff; border-color: #000000; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-warning { background: #000000; color: #ffffff; border-color: #000000; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-danger { background: #000000; color: #ffffff; border-color: #000000; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } #iqitcompare-floating { background: #000000; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #iqitcompare-floating a { color: #ffffff; } #page-preloader { background: #ffffff; } #page-preloader .loader-wrapper { font-size: 38px; } #page-preloader .loader-1 { border-color: rgba(0, 0, 0, 0.2); border-top-color: #000000; } #page-preloader .loader-2 { background: rgba(0, 0, 0, 0.3); } #page-preloader .loader-2:after, #page-preloader .loader-2:before { background: rgba(0, 0, 0, 0.3); } @keyframes loader-2 { 50% { background: #000000; } } #back-to-top { background: #000000; color: #ffffff; } #back-to-top:hover { background: #333333; color: #ffffff; } ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { background: #000000; } ::-webkit-scrollbar-track { background: #ffffff; } body { scrollbar-face-color: #000000; scrollbar-track-color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px #e3e3e3; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px #e3e3e3; } #header .header-nav { color: #000000; border-bottom: solid 1px #e3e3e3; padding-top: 0.3125rem; padding-bottom: 0.3125rem; font-size: 0.625rem; } #header .header-nav a { color: #000000; } #header .header-nav a:hover { color: #777777; } #header .header-nav .social-links._topbar { font-size: 0.75rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #000000 !important; } #header .header-nav .social-links._topbar a:hover { color: #bbbbbb !important; } .header-top { padding-top: 0.625rem; padding-bottom: 0.625rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #858585; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 0.9375rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #000000; padding: 0.5625rem 0.5625rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000000; } .header-top a.header-cart-btn:not(:hover) { color: #000000; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #000000; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ffffff; border-top: none 1px #e3e3e3; border-right: none 3px #38b82c; border-bottom: none 3px #e3e3e3; 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: 2.8125rem; max-width: 12.5rem; color: #000000; padding-left: 1.25rem; padding-right: 1.25rem; border-left: none 1px #575757; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.90625rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.8125rem !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: #000000; color: #ffffff; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #000000; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.375rem; max-height: 1.375rem; } .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: 0.875rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.75rem; padding-right: 0.75rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(15px); } #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; } .container-iqitmegamenu, .iqit-megamenu-container, .cbp-hrsub-narrow, #desktop-header-container.container { position: static !important; } .cbp-hrmenu .cbp-hrsub-inner { padding-left: 0; padding-right: 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.125rem; font-style: italic; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.125rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5rem; padding-bottom: 0.5rem; 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.5rem; max-height: 1.5rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #000000; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #9b9b9b; } #cbp-hrmenu1 .cbp-legend { background: #000000; 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: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 0px 1500px 0px 1500px rgba(13, 13, 13, 0.48); } .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-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: #000000 !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: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #f4f2f2; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #000000 !important; } #iqitmegamenu-mobile { background: #f4f2f2; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.375rem; } #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: 1rem; padding-bottom: 1rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px #000000; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } .mobile-menu__submenu { background: #f4f2f2; } .mobile-menu__tab { border-bottom: solid 1px #c3c3c3; min-height: 3.875rem; } .mobile-menu__link { color: #000000 !important; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.25rem; padding-bottom: 1.25rem; color: #000000; font-size: 1.375rem; } .mobile-menu__tab-icon { font-size: 1.375rem; } .mobile-menu__tab-icon--img { max-height: 1.375rem; } .mobile-menu__legend { font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #000000; } .mobile-menu__header-wrapper { color: #000000; border-bottom: solid 1px #000000; } .mobile-menu__title { font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; color: #000000 !important; } .mobile-menu__column { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #000000; margin-bottom: 0.5625rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 0.5625rem; } .mobile-menu__links-list-li { padding-top: 0.4375rem; padding-bottom: 0.4375rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #000000; } .mobile-menu__footer { border-top: solid 1px #000000; color: #000000; } /*** PS_FacatedSearch ***/ #search_filters .noUi-connect { background: #000000; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #ffffff; color: #000000; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.9375rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.9375rem; } .swiper-container-wrapper { margin: -0.9375rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.9375rem; } .swiper-container-wrapper .product-carousel { padding: 0.9375rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.9375rem; } .product-miniature { border: none 1px; outline: 1px solid 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: 0.875rem; 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: solid 1px rgba(161, 161, 161, 0.25); background: #fafafa; } } .product-miniature-grid .product-functional-buttons { background: #fafafa; } .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: #ffffff !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 .flag-discount-value { display: none !important; } .btn-product-list { padding: 0.4375rem 0.875rem; background: #ffffff; color: #000000; border: solid 1px rgba(161, 161, 161, 0.25); } .btn-product-list:hover { background: #d06e6a; color: #ffffff; border-color: #d06e6a; } .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.625rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-3 .product-description { background: #ffffff; } .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(1, 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(4, 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(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 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(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.75rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 10px #0037a1; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #000000; background: #ffffff; } .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 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem; } #main-product-wrapper .product-lmage-large { position: relative; width: 100%; min-height: 1px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 1rem; } } .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: #000000; background: #ffffff; 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; } #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; } .product-tabs .nav-tabs { justify-content: center; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 3.125rem; padding-bottom: 3.125rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 3.125rem; padding-bottom: 3.125rem; } #content-wrapper .page-title { color: #000000; font-size: 2rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .page-title:after { content: ""; position: absolute; bottom: -2.5px; display: block; width: 40px; height: 1px; border-bottom: solid 5px #595050; left: 0; right: 0; } #content-wrapper .section-title { color: #333333; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } #content-wrapper .section-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #000000; left: 0; right: 0; } .nav-tabs .nav-link { color: #000000; font-size: 1.125rem; 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 #000000; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #000000; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #000000; } #wrapper .block-title { color: #000000; font-size: 0.875rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #wrapper .block-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #000000; left: 0; right: 0; } #left-column .block, #right-column .block { padding: 1.25rem; border: solid 1px rgba(161, 161, 161, 0.25); } #footer, #checkout-footer { background: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px rgba(161, 161, 161, 0.25); 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: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #dbdbdb; } #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: 3.125rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #ffffff !important; } #footer .social-links._footer a:hover, #checkout-footer .social-links._footer a:hover { color: #bfbfbf !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 1.875rem; font-style: normal; font-weight: bold; text-transform: uppercase; 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 3px #ffffff; } #footer-container-first { border-top: solid 3px #ffffff; padding-top: 1.875rem; padding-bottom: 1.875rem; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; } #footer-container-main, #checkout-footer { border-top: solid 3px #ffffff; padding-top: 3.75rem; padding-bottom: 2.75rem; color: #ffffff; } #footer-container-main a, #checkout-footer a { color: #ffffff; } #footer-container-main a:hover, #checkout-footer a:hover { color: #cacaca; } #footer-copyrights { border-top: solid 3px #ffffff; padding-top: 0.75rem; padding-bottom: 0.75rem; } #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; } /* ======================================== PRESTASHOP 8 - WAREHOUSE THEME CUSTOM CSS Restructured and Optimized ======================================== */ /* ======================================== TABLE OF CONTENTS ======================================== 1. BASE STYLES & GLOBAL 2. HEADER & NAVIGATION 3. CMS PAGES 4. PRODUCT CARDS (CATALOG/GRID) 5. PRODUCT PAGE 6. MODALS (PRODUCT & SIZE GUIDE) 7. MINI-CART (BLOCKCART) 8. SEARCH FILTERS & BADGES 9. FOOTER 10. RESPONSIVE STYLES ======================================== */ /* ======================================== VARIANT LINKS - DISABLED STATES ======================================== */ .variant-links .variant-color, .variant-links .variant-size-link { position: relative; display: inline-block; } .variant-links .disabled-variant { opacity: 0.4 !important; cursor: not-allowed !important; pointer-events: none; } /* Striped pattern for COLORS */ .variant-links .disabled-variant.variant-color::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient( 135deg, transparent, transparent 2px, rgba(255, 255, 255, 0.3) 2px, rgba(255, 255, 255, 0.3) 4px ); pointer-events: none; border-radius: 50%; } /* Diagonal line for COLORS */ .variant-links .disabled-variant.variant-color::before { content: ''; position: absolute; top: 50%; left: -10%; right: -10%; height: 2px; background: rgba(255, 0, 0, 0.7); transform: rotate(-45deg); pointer-events: none; } /* Diagonal line for SIZES */ .variant-links .disabled-variant.variant-size-link::after { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background: rgba(255, 0, 0, 0.7); transform: translateY(-50%) rotate(-10deg); pointer-events: none; border-radius: 0; } /* Size Guide modal base styles */ .size-guide-modal { display: none; /* JS toggles to block */ position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 1055; /* above most theme layers */ } .size-guide-modal .size-guide-modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: min(900px, 92vw); max-height: 90vh; overflow: auto; width: 95%; background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.25); } .size-guide-modal .close { position: absolute; top: 8px; right: 10px; font-size: 28px; line-height: 1; background: transparent; border: 0; cursor: pointer; } /* ======================================== IMPROVED TABLET RESPONSIVE - PRODUCT PAGE Replace the existing tablet sections (around line 1500) ======================================== */ /* --- TABLET LANDSCAPE (768px - 1024px) --- */ @media (min-width: 768px) and (max-width: 1024px) { /* Product Layout */ #main-product-wrapper { padding: 1rem; } /* Product Images - Better proportions */ .product-image-large { max-width: 55% !important; padding-right: 1.5rem !important; } .col-md-8.col-product-image { width: 55% !important; flex: 0 0 55%; } /* Product Info Column */ .col-md-4.col-product-info { width: 45% !important; flex: 0 0 45%; padding-left: 0.5rem; } /* Product Title */ .product_header_container .page-title { font-size: 1.75rem; line-height: 1.2; margin-bottom: 0.75rem; } /* Product Price */ .product-prices { margin: 1rem 0; } .product-prices .current-price { font-size: 1.75rem; } .product-prices .regular-price { font-size: 1.25rem; } /* Product Images Gallery */ #swiper-wrapper-column-images { gap: 0.5rem !important; } .product-cover img { border-radius: 8px; } /* Thumbnails */ .product-images .js-thumb { margin-bottom: 0.5rem; } .product-images .js-thumb img { border-radius: 6px; } /* Zoom Button */ #product .product-cover .expander { bottom: 15px; right: 15px; } #product .product-cover .expander > span { padding: 12px; } /* Product Variants */ .product-variants-item { margin-bottom: 1.25rem; } .product-variants-item .control-label { font-size: 0.875rem; margin-bottom: 0.75rem; } /* Color Swatches - Tablet Size */ .product-variants-item .color { width: 36px; height: 36px; } /* Size Buttons - Optimized for tablet */ .product-variants-item .taille { padding: 8px 14px !important; font-size: 14px; } /* Product Variants Module */ .iqitproductvariants { margin: 1.5rem 0; } .iqitproductvariants__label { font-size: 0.875rem; margin-bottom: 0.75rem; } .iqitproductvariants__product-col { width: 50px; } .iqitproductvariants__products { gap: 0.75rem; } /* Add to Cart Section */ .product-add-to-cart { margin: 1.5rem 0; } button.btn.btn-primary.btn-lg.add-to-cart { padding: 0.875rem 1.5rem; font-size: 1rem; } .col.col-12.col-sm-auto.col-add-btn { width: 100%; } /* Wishlist Button - Tablet friendly */ button#iqit-wishlist-product-btn { width: 48px; height: 48px; } /* Product Description/Features */ .product-information { margin-top: 2rem; } #content-wrapper .section-title { font-size: 1.5rem; margin-top: 1.5rem; margin-bottom: 0.75rem; } /* Collapsible Sections */ .product-short-description-collapsible .btn-link, .product-features-collapsible .btn-link { padding: 0.75rem 1rem; font-size: 0.875rem; } /* Nos Avantages Section */ .nos-avantages-title { font-size: 1.5rem; margin-bottom: 1rem; } .nos-avantages-icons { gap: 1rem; flex-wrap: wrap; } .advantage-item img { width: 55px; height: 55px; } .advantage-item p { font-size: 0.8125rem; } /* Guide Buttons */ .guide-des-tailles-btn, .service-client-btn { width: 100%; padding: 0.75rem 1rem; font-size: 0.8125rem; } /* Oney Banner */ .oney-banner img { max-width: 45%; } } /* --- TABLET PORTRAIT (768px - 991px) --- */ @media (min-width: 768px) and (max-width: 991px) { /* Stack layout for smaller tablets in portrait */ .col-md-8.col-product-image { width: 100% !important; max-width: 100% !important; flex: 0 0 100%; margin-bottom: 1.5rem; padding-right: 0 !important; } .col-md-4.col-product-info { width: 100% !important; flex: 0 0 100%; padding-left: 0; } .product-image-large { max-width: 100% !important; padding: 0 !important; } /* Center product images */ .product-cover { text-align: center; } /* Better spacing when stacked */ .product_header_container { padding-top: 1rem; } .product-add-to-cart { margin: 2rem 0; } /* Thumbnails side-by-side */ #swiper-wrapper-column-images { display: flex; flex-direction: row; justify-content: center; gap: 0.5rem !important; margin-top: 1rem !important; } .product-images .js-thumb { width: 80px; margin-bottom: 0; } } @media (max-width: 450px) { article.product-miniature .thumbnail-container { height: 320px !important; } } /* --- GENERAL TABLET IMPROVEMENTS (max-width: 1024px) --- */ @media (max-width: 1024px) { /* Improve touch targets */ .product-variants-item label { cursor: pointer; display: inline-block; margin: 0.25rem; } /* Better spacing */ .product-information section { margin-bottom: 1.5rem; } /* Modal improvements for tablet */ #product-modal .modal-dialog { max-width: 90%; margin: 1rem auto; } #product-modal .zoom-wrap { max-height: 85vh; } /* Ensure buttons are touch-friendly */ .btn, button { min-height: 44px; padding: 0.75rem 1.25rem; } /* Product reference - smaller on tablet */ .product-reference { font-size: 0.75rem; } /* Hide elements that take up space on tablet */ .product-manufacturer { display: none; } } /* --- FIX COMMON TABLET ISSUES --- */ @media (min-width: 768px) and (max-width: 1024px) { /* Prevent overflow */ .product-cover, .product-images { overflow: hidden; } /* Better image aspect ratio */ .product-cover img { max-height: 600px; object-fit: contain; } /* Ensure variants don't overflow */ .product-variants-item ul { flex-wrap: wrap; } /* Price container spacing */ .price-container { gap: 1rem; } /* Availability badge */ #product-availability.badge { padding: 0.5rem 1rem; font-size: 0.875rem; display: none; } } /* ======================================== 1. BASE STYLES & GLOBAL ======================================== */ /* Remove wrapper padding on index page */ #index #wrapper { padding-top: 0; } /* Size guide open state */ .size-guide-open { overflow: hidden; } /* Extra small gutters utility */ .extra-small-gutters { margin-right: -0.3rem; margin-left: -0.3rem; align-items: center; } /* Product quantity alignment */ .row.extra-small-gutters.product-quantity { align-items: baseline; } /* Block section spacing */ .block-section { margin-bottom: 0; clear: both; } /* ======================================== 2. HEADER & NAVIGATION ======================================== */ /* Logo sizing */ img.logo.img-fluid { width: 220px !important; } .stuck-header img.logo.img-fluid { width: 150px !important; } /* Search control styling */ .header-top .form-search-control { border-top: none; border-right: none; border-left: none; } /* Header buttons */ #header .header-btn-w .header-btn .title { white-space: nowrap; margin-top: 0.5rem; display: block; color: black; font-size: 0.9rem; } #header .header-btn-w .header-btn > .icon { display: inline-block; position: relative; color: black; } /* Mobile menu */ .col-mobile-menu-push #_mobile_iqitmegamenu-mobile.show { transform: translate3d(0, 0, 0); width: 100%; } /* Mega menu styling */ .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #000 !important; background: #fff !important; } /* ======================================== 3. CMS PAGES ======================================== */ body.lang-fr.country-fr.currency-eur.layout-full-width.page-cms.tax-display-enabled.body-desktop-header-style-w-4:is(.cms-id-6, .cms-id-7, .cms-id-8, .cms-id-9, .cms-id-10, .cms-id-11, .cms-id-12) .page-header, body.lang-fr.country-fr.currency-eur.layout-full-width.page-cms.tax-display-enabled.body-desktop-header-style-w-4:is(.cms-id-6, .cms-id-7, .cms-id-8, .cms-id-9, .cms-id-10, .cms-id-11, .cms-id-12) nav.breadcrumb { display: none !important; } /* ======================================== 4. PRODUCT CARDS (CATALOG/GRID) ======================================== */ /* --- 4.1 Product Card Base --- */ article.product-miniature { position: relative; border-radius: 16px; overflow: hidden; background: #fff; border: none; display: flex; flex-direction: column; height: 500px; margin: 0; transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-miniature:hover { outline: solid 0 rgba(161, 161, 161, 0.25); background: #fff; } /* --- 4.2 Remove Unwanted Elements --- */ article.product-miniature .quick-view-icon, article.product-miniature .js-quick-view-iqit, article.product-miniature .price-countdown-wrapper, article.product-miniature .count-down-timer, article.product-miniature .product-availability, article.product-miniature .product-category-name, article.product-miniature .product-brand, article.product-miniature .product-reference, article.product-miniature .product-reviews, article.product-miniature .product-add-cart { display: none !important; } /* --- 4.3 Product Image Container --- */ article.product-miniature .thumbnail-container { position: relative; height: 500px !important; width: 100%; overflow: hidden; background: #fff; } article.product-miniature .thumbnail-container a { display: block; height: 100%; width: 100%; } article.product-miniature .thumbnail-container picture { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } article.product-miniature .thumbnail-container img { display: block !important; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; } /* Second image hover effect */ article.product-miniature img.product-thumbnail-second { opacity: 0; visibility: hidden; transition: opacity 0.4s ease; } article.product-miniature:hover img.product-thumbnail-second { opacity: 1; visibility: visible; } /* --- 4.4 Wishlist Button --- */ /* Reset functional buttons positioning */ article.product-miniature .product-functional-buttons, article.product-miniature .product-functional-buttons-links { position: static !important; bottom: auto !important; left: auto !important; right: auto !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* Show ONLY the wishlist control */ article.product-miniature .product-functional-buttons-links > *:not(.js-iqitwishlist-add) { display: none !important; } /* Position wishlist in top-right */ article.product-miniature .product-functional-buttons .js-iqitwishlist-add, article.product-miniature .wishlist-button-card, article.product-miniature .btn-iqitwishlist-add { position: absolute !important; top: 12px; right: 12px; bottom: auto !important; left: auto !important; transform: none !important; z-index: 20; width: 45px; height: 45px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); display: flex !important; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; border: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } article.product-miniature .product-functional-buttons .js-iqitwishlist-add i, article.product-miniature .wishlist-button-card i, article.product-miniature .btn-iqitwishlist-add i { color: #000 !important; font-size: 23px; } article.product-miniature .wishlist-button-card:hover, article.product-miniature .btn-iqitwishlist-add:hover { background: rgba(255, 255, 255, 1); transform: scale(1.1); } /* Wishlist icon states */ .js-iqitwishlist-add .not-added { display: inline-block !important; } .js-iqitwishlist-add .added { display: none !important; } .js-iqitwishlist-add.iqitwishlist-added .not-added { display: none !important; } .js-iqitwishlist-add.iqitwishlist-added .added { display: inline-block !important; } .js-iqitwishlist-add.iqitwishlist-added i { color: #000 !important; } .js-iqitwishlist-add.iqitwishlist-added { background: #fff !important; border-color: #e60023 !important; } /* --- 4.5 Product Flags/Badges --- */ article.product-miniature ul.product-flags { position: absolute; top: 12px; left: 12px; z-index: 10; display: flex !important; flex-direction: column; gap: 6px; } .product-cover:hover .product-flags { opacity: 1; visibility: visible; } article.product-miniature ul.product-flags li { background: #000000 !important; color: #fff !important; padding: 6px 12px; border-radius: 6px; font-size: 12px; font-weight: 700; } article.product-miniature .product-price-and-shipping span.product-flag.discount { padding: 5px 10px; } /* --- 4.6 Product Description/Info --- */ article.product-miniature .product-description { position: relative; background: #fff; display: flex; flex-direction: column; justify-content: space-between; } /* Product title */ article.product-miniature h2.product-title { margin: 0 0 8px 0; font-size: 1.3rem; font-weight: 900; line-height: 1.3; color: #000; } article.product-miniature h2.product-title a { color: #000 !important; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: clip; } /* Product price */ article.product-miniature .product-price-and-shipping { margin: 0; display: flex; align-items: center; gap: 8px; } article.product-miniature .product-price { font-size: 17px; font-weight: 800; color: #000; } .product-prices .regular-price { color: #999 !important; font-size: 1.6rem; text-decoration: line-through; } .products-grid .product-miniature-layout-2 .regular-price { display: block; font-size: 17px; font-weight: 500; color: #666 !important; } .price-container { gap: 17px; display: flex; align-items: center; justify-content: left; } article.product-miniature .discount-percentage { background: #e74c3c; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 11px; font-weight: 700; } /* --- 4.7 Product Variants Overlay (Colors/Sizes on Hover) --- */ /* Hide old size guide */ .iqitsizeguide-avaiable-sizes { display: none !important; } /* Variants overlay container */ .products-variants { position: absolute; bottom: 0; left: 0; right: 0; background: rgb(255 255 255 / 44%); backdrop-filter: blur(6px); padding: 15px 10px; opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.35s ease; z-index: 15; } .product-miniature:hover .products-variants { opacity: 1; visibility: visible; transform: translateY(0); } /* Horizontal layout */ .variant-links { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: nowrap; } .variant-links pre { display: none !important; } .variant-links .js-count.count { display: none; } /* Color dots */ .variant-links .variant-color { width: 30px !important; height: 30px !important; border-radius: 50%; border: 1.5px solid; border-color: rgba(0, 0, 0, 0.15); transition: transform 0.2s; } .variant-links .variant-color:hover { border-color: #959595; } /* Size buttons in overlay */ .variant-links .variant-size-link { padding: 5px 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); width: 45px !important; border-radius: 6px; font-size: 13px; font-weight: 700; text-align: center; color: #000; text-decoration: none; transition: all 0.2s; } .variant-links .variant-size-link:hover { background: #000; color: #fff !important; } /* --- 4.8 Sizes Overlay (Alternative Style) --- */ article.product-miniature .product-sizes-overlay { position: absolute; bottom: 65px; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 15px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; border-top: 1px solid #eee; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05); } article.product-miniature:hover .product-sizes-overlay { opacity: 1; visibility: visible; transform: translateY(0); } article.product-miniature .sizes-container { text-align: center; } article.product-miniature .sizes-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; color: #000; } article.product-miniature .sizes-list { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; } article.product-miniature .size-option, article.product-miniature a.size-option { display: inline-block; padding: 8px 14px; background: #fff; border: 2px solid #000; border-radius: 6px; font-size: 13px; font-weight: 700; color: #000; cursor: pointer; transition: all 0.2s ease; text-decoration: none !important; position: relative; } article.product-miniature .size-option:hover, article.product-miniature a.size-option:hover { background: #000; color: #fff !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); text-decoration: none !important; } article.product-miniature .size-option::after { content: '→'; margin-left: 4px; opacity: 0; transition: opacity 0.2s ease, transform 0.2s ease; display: inline-block; } article.product-miniature .size-option:hover::after { opacity: 1; transform: translateX(2px); } article.product-miniature .size-option.unavailable { opacity: 0.3; cursor: not-allowed; pointer-events: none; } /* --- 4.9 Product Grid/List Utilities --- */ #stores .page-stores .store-item-container .divide-left th, .products-grid .product-miniature-layout-2 .product-miniature-right { text-align: left; width: 100%; } .product-miniature-grid .input-group-add-cart .input-group { width: auto; margin-right: 5px; display: none; } .btn-product-list:hover { background: #000; color: #ffffff; border-color: #000; } /* Wishlist page specific */ #iqitwishlist-user-products .iqitwishlist-product ._name { padding: 0; font-size: 1.2rem; font-weight: 700; } /* ======================================== 5. PRODUCT PAGE ======================================== */ /* --- 5.1 Product Page Base --- */ .page-product .product-reference { display: none !important; } .product_header_container { border: none !important; } #content-wrapper .product_header_container .page-title { margin-bottom: 0; line-height: 1; border: 0; padding: 0; text-align: inherit; width: auto; } /* --- 5.2 Product Images --- */ .product-image-large { max-width: 48% !important; padding: 0 !important; } .col-md-8.col-product-image { width: 65% !important; } .product-cover img { border-radius: 10px; } #main-product-wrapper #swiper-wrapper-column-images { gap: 2px !important; margin: 0 !important; } /* Product zoom expander */ #product .product-cover .expander { cursor: pointer; display: block; position: absolute; bottom: 20px; right: 20px; width: 0; height: 0; padding: 0; z-index: 22; color: #000000; background: #ff1f1f; border-radius: 10px; } #product .product-cover .expander > span { border-radius: 10px; padding: 15px; color: #333333; background: #fff; transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } .product-short-description.mb-3 { font-size: 0.8em; margin-top: 5px; line-height: 1.1rem; } /* --- 5.3 Product Prices --- */ .product_header_container .product-price, .product_p_price_container .product-price, .product-prices .current-price .product-price { color: black !important; font-weight: 800; } .product-prices .regular-price { color: #666 !important; text-decoration: line-through; } .product-prices .iqitcountdown, .product-prices [class*="countdown"], .product-prices [id*="countdown"] { display: none; } .product-unit-price, .price-ecotax { color: #777 !important; } #content-wrapper .section-title { color: #000000; font-size: 2rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0em; margin-top: 0.5em; padding-bottom: 0.3em; } #content-wrapper .section-title:after { content: ""; position: absolute; bottom: 1.5px; display: none; width: 30px; height: 1px; border-bottom: solid 3px #000000; left: 0; right: 0; } /* --- 5.4 Availability Badge --- */ #product-availability.badge, .product-available { background: #28a745; color: #ffffff; display: none; border-radius: 5px; } #product-availability.badge.out-of-stock, .product-unavailable { background: #dc3545; color: #ffffff; display: none; } /* --- 5.5 Product Variants (Colors/Sizes) --- */ .product-variants { margin: 20px 0; } .product-variants-item { margin-bottom: 20px; } .product-variants-item .control-label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; } .product-variants-item ul { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } .product-variants-item .input-container { margin: 0; } .product-variants-item label { cursor: pointer; margin: 0; } .product-variants-item input { position: absolute; opacity: 0; pointer-events: none; } /* Color swatches */ .product-variants-item .color { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.15); transition: border-color 0.2s; } .product-variants-item .color:hover { border-color: #959595; } .product-variants-item input:checked + .color { border-color: #000; } /* Size buttons */ .product-variants-item .taille { display: inline; padding: 5px 16px !important; background: #fff; border: 1px solid black; border-radius: 6px; font-size: 15px; font-weight: 700; text-align: center; color: #000; transition: all 0.2s; } .product-variants-item .taille:hover { background: #f5f5f5; border: 1px solid black; } .product-variants .input-color:checked+span, .product-variants .input-color:hover+span, .product-variants .input-radio:checked+span, .product-variants .input-radio:hover+span { border: 1px solid black; line-height: calc(2em - 4px); } .product-variants-item input:checked + .taille { background: #000; color: #fff; border-color: #000; } /* Disabled variants */ .product-variants-item .disabled-variant { cursor: not-allowed; opacity: 0.4; } .product-variants-item .disabled-variant .taille::after { content: ''; position: absolute; top: 50%; left: 5%; right: 5%; height: 2px; background: #dc3545; transform: translateY(-50%) rotate(-10deg); } .product-variants-item .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Size chip on product page */ .product-variants-item .size-chip { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0.45rem 0.75rem; border: 1px solid #ddd; border-radius: 0.375rem; cursor: pointer; user-select: none; line-height: 1; transition: all 0.15s ease; } .size-chip input { position: absolute; opacity: 0; pointer-events: none; } .size-chip:hover:not(.disabled) { border-color: #000; background: #f8f8f8; } .size-chip.selected { border-color: #000; background: #000; color: #fff; } .size-chip.disabled { opacity: 0.35; cursor: not-allowed; background: #f5f5f5; } .size-chip.disabled .size-chip-label { text-decoration: line-through; } .size-inline-options { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 10px 0; } /* --- 5.6 Product Variants Module (iqitproductvariants) --- */ .iqitproductvariants { margin: 2rem 0; } /* Hide the label when the related product is hidden */ .iqitproductvariants__product--hidden-desktop + .product-color-label { display: none; } .iqitproductvariants__product--hidden-mobile + .product-color-label { display: none; } /* Always hide hidden variants (desktop + mobile) */ .iqitproductvariants__product--hidden-desktop, .iqitproductvariants__product--hidden-mobile { display: none !important; } /* Also hide the color label of hidden variants */ .iqitproductvariants__product--hidden-desktop + .product-color-label, .iqitproductvariants__product--hidden-mobile + .product-color-label { display: none !important; } .iqitproductvariants__label { display: block; font-size: 14px; font-weight: 700 !important; margin-bottom: 0.25rem !important; text-transform: uppercase; letter-spacing: 0.5px; } .iqitproductvariants__products { display: flex; flex-wrap: wrap; gap: 1rem; } .iqitproductvariants__product-col { flex: 0 0 auto; position: relative; width: 70px; } .iqitproductvariants__product { display: block; text-decoration: none; position: relative; overflow: hidden; } .js-iqitproductvariants__img { display: block; width: 100%; height: auto; border: 1px solid #e5e5e5; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .iqitproductvariants__product:hover .js-iqitproductvariants__img { border-color: #000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transform: scale(1.02); } .iqitproductvariants__product--current .js-iqitproductvariants__img { border-color: #000; border-width: 2px; box-shadow: 0 0 0 1px #000; } .product-color-label { margin-top: 0.5rem; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; color: #666; text-align: center; text-transform: capitalize; transition: color 0.2s ease; } .iqitproductvariants__product:hover .product-color-label { color: #000; } .iqitproductvariants__product--current .product-color-label { color: #000; font-weight: 600; } .iqitproductvariants__btn-more { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.96); border: 1px solid #e5e5e5; font-size: 1.125rem; font-weight: 600; color: #000; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(4px); margin: 0; } .iqitproductvariants__btn-more:hover { background: #000; color: #fff; border-color: #000; } .iqitproductvariants__product--hidden-desktop { display: none; } .iqitproductvariants .mb-4 { margin-bottom: 2rem !important; } .iqitproductvariants .mt-4 { margin-top: 2rem !important; } .iqitproductvariants .fw-bold { font-weight: 700 !important; } .iqitproductvariants .mb-2 { margin-bottom: 0.25rem !important; } .iqitproductvariants .mt-2 { margin-top: 0 !important; } /* --- 5.7 Add to Cart & Quantity --- */ button.btn.btn-primary.btn-lg.add-to-cart { color: white; background: black; border-radius: 10px; width: 100%; } button.btn.btn-primary.btn-lg.add-to-cart:hover { background: white; border: 3px solid black; color: black; } .col.col-12.col-sm-auto.col-add-btn { width: 100%; } /* Hide quantity controls */ .product-quantity .col-add-qty { display: none; } /* --- 5.8 Wishlist Button (Product Page) --- */ button#iqit-wishlist-product-btn { padding: 0; border: 1px solid #000; width: 50px; height: 50px; border-radius: 50%; } button#iqit-wishlist-product-btn:hover i.fa { color: #fff; } /* --- 5.9 Product Icons --- */ #product i.fa.fa-random, #product i.fa.fa-eye { color: black; } /* --- 5.10 Reference & Manufacturer --- */ .product-reference { font-size: 12px; color: #999; margin-bottom: 5px; letter-spacing: 0.5px; } .product-reference label, .product-reference span { font-size: 0.775rem !important; } .product-manufacturer img { max-width: 60px; } /* --- 5.11 Hide Reviews & Comments --- */ .product-comments-additional-info, section#iqit-reviews-tab, #product-comments-list-header, div#product-comments-list, section#product-details-wrapper, div#product-comments-list-footer { display: none !important; } /* --- 5.12 Hide Tax Label --- */ .tax-shipping-delivery-label { display: none !important; } /* --- 5.13 Oney Banner --- */ .oney-banner { margin-top: 10px; border-radius: 5px; } .oney-banner img { display: block; max-width: 35%; height: auto; border-radius: 5px; } /* --- 5.14 Collapsible Sections --- */ .product-short-description-collapsible .btn-link, .product-features-collapsible .btn-link { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; font-weight: bold; text-transform: uppercase; color: #000; width: 100%; text-decoration: none; text-align: left; border-radius: 4px; transition: background-color 0.3s ease; } .product-short-description-collapsible .btn-link::after, .product-features-collapsible .btn-link::after { content: '\f078'; font-family: 'FontAwesome'; font-size: 18px; transition: transform 0.3s ease; } .product-features-collapsible .collapse.show + .btn-link::after { transform: rotate(180deg); } .product-short-description-collapsible .collapse, .product-features-collapsible .collapse { transition: max-height 0.3s ease; max-height: 0; overflow: hidden; } .product-short-description-collapsible .collapse.show, .product-features-collapsible .collapse.show { max-height: 2000px; } /* --- 5.15 Nos Avantages Section --- */ .nos-avantages-section { text-align: center; } .nos-avantages-title { font-size: 30px; font-weight: bolder; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; color: #000; position: relative; } .nos-avantages-icons { display: flex; justify-content: space-around; align-items: center; gap: 15px; } .advantage-item { text-align: center; } .advantage-item img { width: 65px; height: 65px; margin-bottom: 10px; } .advantage-item p { font-size: 14px; font-weight: bold; color: #000; } /* ======================================== 6. MODALS (PRODUCT & SIZE GUIDE) ======================================== */ /* --- 6.1 Product Zoom Modal --- */ #zoomWrap { overflow: hidden; position: relative; background: #000; } #productModalImg { display: block; max-width: 100%; height: auto; user-select: none; -webkit-user-select: none; -moz-user-select: none; } .modal-body { overflow: hidden; } #product-modal .modal-dialog { width: 96%; max-width: 100% !important; } #product-modal .modal-content { background: #000; border-radius: 14px; } #product-modal .modal-content { height: 75%; } @media (max-width: 575.98px) { #product-modal .modal-content { min-height: 70%; position: absolute; left: 0; right: 0; } } #product-modal .modal-body { padding: 0; border-radius: 15px; } #product-modal .zoom-wrap { position: relative; overflow: hidden; width: 100%; max-height: 90vh; background: #000; touch-action: none; } #product-modal #productModalImg { display: block; width: 100%; height: auto; background: white; max-height: 90vh; object-fit: contain; user-select: none; -webkit-user-drag: none; transform: translate3d(0, 0, 0) scale(1); transform-origin: center center; will-change: transform; } #product-modal .zoom-wrap { cursor: zoom-in; } #product-modal .zoom-wrap.grabbable { cursor: grab; } #product-modal .zoom-wrap.grabbing { cursor: grabbing; } /* Robust close button that doesn't depend on Bootstrap's background-image */ .modal-close-x { position: absolute; top: 12px; right: 14px; width: 36px; /* nice big hit area */ height: 36px; padding: 0; border: 0; border-radius: 5px; background: #000000; cursor: pointer; z-index: 1056; /* above .modal-content and image */ opacity: 0.9; } .modal-close-x:hover { opacity: 1; } /* Draw the "X" with pseudo elements */ .modal-close-x::before, .modal-close-x::after { content: ""; position: absolute; left: 50%; top: 50%; width: 22px; height: 2px; transform-origin: center; transform: translate(-50%, -50%) rotate(45deg); background-color: #000; /* default = dark on light panels */ border-radius: 1px; } .modal-close-x::after { transform: translate(-50%, -50%) rotate(-45deg); } /* White X variant for dark backgrounds (your product modal is black) */ .modal-close-x.on-dark::before, .modal-close-x.on-dark::after { background-color: #fff; } /* Preserve homepage tabs (Elementor) */ .elementor-products-tabs.tabs { display: block !important; } .elementor-products-tabs .tab-content img { display: block !important; } .elementor-products-tabs .nav.nav-tabs { display: flex !important; flex-wrap: wrap; } /* Remove all tab-related styles */ .tab-content img { width: 90%; height: auto; display: none; margin: 0px auto; } /* Guide buttons */ .guide-des-tailles-btn, .service-client-btn { font-weight: 800; font-size: 0.8125rem; letter-spacing: 0.08em; color: #000; background-color: #ffffff; border: 1px solid #000; padding: 0.75rem 1.25rem; text-transform: uppercase; cursor: pointer; margin: 0.5rem 0; text-align: center; border-radius: 10px; transition: background 0.2s ease; text-decoration: none; display: inline-block; } button.btn.btn-primary.btn-lg.add-to-cart { width: 100%; font-size: 1.3rem; PADDING: 6px; text-transform: uppercase; font-weight: 800; } .guide-des-tailles-btn:hover, .service-client-btn:hover,button.btn.btn-primary.btn-lg.add-to-cart:hover { background-color: #e2e2e2; } /* ======================================== 7. MINI-CART (BLOCKCART) ======================================== */ .ps-shoppingcart.side-cart .show #blockcart-content { width: 550px !important; max-width: 100vw !important; box-shadow: -7px 0px 14px 0px rgb(0 0 0 / 16%); justify-content: space-between; padding-bottom: 0px; } #mobile-header .ps-shoppingcart.side-cart #blockcart-content { padding-bottom: 0px; } /* Cart header */ #blockcart-content .cart-title .modal-title { font-weight: 800; font-size: 20px; letter-spacing: 0.2px; } #blockcart-content .cart-title hr { margin: 10px 0 15px; } /* Product lines */ #blockcart-content .cart-products > li { padding: 10px 0; } /* Product images in cart */ #blockcart-content .product-image picture, #blockcart-content .product-image img { display: block; width: 160px; max-width: 100%; height: 160px; object-fit: cover; border-radius: 6px; } /* Cart text styling */ #blockcart-content .col-info { padding-left: 3rem; } #blockcart-content .col-info a { font-weight: 700; font-size: 1.5rem; color: #000; text-decoration: none; } #blockcart-content .product-attributes, #blockcart-content .product-attributes .label { font-size: 13px; color: #666; } #blockcart-content .col .value, #blockcart-content .col p, #blockcart-content .col span { font-size: 16px; font-weight: 700; } /* Hide quantity controls in cart - consolidated */ #blockcart-content .bootstrap-touchspin, #blockcart-content .js-cart-line-product-quantity, #blockcart-content .input-group-btn-vertical, #blockcart-content .input-group.bootstrap-touchspin, #blockcart-content [name="product-quantity-spin"] { max-width: 75px; margin: 0 auto; min-height: 40px; } /* Price alignment */ #blockcart-content .row.align-items-center .col.p-0 span { display: inline-block; min-width: 80px; text-align: right; } /* Cart buttons */ #blockcart-content .cart-buttons .btn { font-weight: 800; } /* Cart count badge */ .ps-shoppingcart .cart-products-count-btn { display: none; text-align: center; line-height: 15px; border-radius: 30px; min-width: 16px; height: 16px; font-size: 0.7rem; position: absolute; top: -7px; right: -7px; padding: 1px 5px; } .cart-products-count-btn { background: #000000; color: #ffffff; } /* ======================================== 8. SEARCH FILTERS & BADGES ======================================== */ /* Search filters */ #search_filters .facet-title-dropdown, #search_filters_brands .facet-title-dropdown, #search_filters_suppliers .facet-title-dropdown, #search_filters .dropdown .expand-more { cursor: pointer; background: #f6f6f6; border: 1px solid transparent !important; border-radius: 4px !important; padding: 6px 15px !important; font-size: 14px !important; transition: all 0.2s ease !important; } /* Badges & Discounts */ .badge-warning, .badge-success, .badge-danger { background: #000 !important; color: #fff !important; border: none !important; border-radius: 5px !important; } .badge.badge-discount, .discount, .discount-amount, .discount-percentage { padding: 5px 15px; font-size: 14px; background: #000 !important; color: #FFF !important; border-radius: 4px !important; font-weight: 900 !important; } /* ======================================== 9. FOOTER ======================================== */ #footer .block-title, #footer .page-title, #footer .modal-title, #footer .step-title { font-family: 'Roboto' !important; } @media (max-width: 768px) { #footer .block { padding-bottom: 1rem; flex: 1 0 100%; } } #footer-container-main { border: none; } /* ======================================== 10. RESPONSIVE STYLES ======================================== */ /* --- Desktop Large (1300px+) --- */ @media (min-width: 1300px) { img.img-fluid.swiper-lazy.lazy-product-image.product-thumbnail-first, .product-miniature .thumbnail-container .product-thumbnail-second { width: auto; max-width: 100%; } .products article.product-miniature .thumbnail-container { aspect-ratio: 6 / 10; } } @media (max-width: 640px) and (min-width: 490px) { article.product-miniature .thumbnail-container { height: 400px !important; } } @media (max-width: 490px) and (min-width: 450px) { article.product-miniature .thumbnail-container { height: 340px !important; } } /* --- Desktop Large (1200px+) --- */ @media (min-width: 1200px) { #product-modal .modal-dialog { max-width: 500px; } article.product-miniature { height: 550px; } article.product-miniature .thumbnail-container { height: 430px; } .products.row { gap: 0; } .iqitproductvariants__product--hidden-desktop { display: none; } } /* --- Below Desktop (max 1199px) --- */ @media (max-width: 1199px) { .iqitproductvariants__product--hidden-mobile { display: none; } .iqitproductvariants__product--hidden-desktop { display: block; } } /* --- Below Tablet (max 990px) --- */ @media (max-width: 990px) { .mobile-action.px-2.mobile-call-btn .icon i.fa-phone { font-size: 2rem !important; } .mobile-action.px-2.mobile-call-btn .title { display: none !important; } } /* --- Tablet (max 768px) --- */ @media (min-width: 768px) { #main-product-wrapper .product-lmage-large { position: relative; width: 100%; min-height: 1px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 49%; padding: 3px; } } @media (max-width: 767px) { article.product-miniature { height: 450px; border-radius: 12px; margin-bottom: 10px; } article.product-miniature .product-description { padding: 0; } article.product-miniature .product-sizes-overlay { bottom: 110px; padding: 12px; } article.product-miniature .size-option { padding: 10px 12px; font-size: 12px; } .products.row { gap: 0; padding: 0 5px; } .js-product-miniature-wrapper { padding: 0 5px !important; } .js-product-miniature-wrapper.col-6, .js-product-miniature-wrapper.col-12 { flex: 0 0 50%; max-width: 50%; } .iqitproductvariants { margin: 1.5rem 0; } .iqitproductvariants__label { font-size: 0.8125rem; margin-bottom: 1rem; } .iqitproductvariants__products { gap: 0.75rem; } .product-color-label { font-size: 0.6875rem; margin-top: 0.375rem; } .guide-des-tailles-btn, .service-client-btn { width: 100%; font-size: 0.75rem; padding: 0.625rem 1rem; } } /* --- Below Tablet (max 767.98px) --- */ @media (max-width: 767.98px) { .header-top .header-btn .icon { line-height: 1; } .header-top .header-btn .title { font-weight: 700; } .col-md-8.col-product-image { width: 100% !important; max-width: 100% !important; margin: 0 !important; border-radius: 0; } } /* --- Mobile (max 576px) --- */ @media (max-width: 576px) { #product-modal .modal-dialog { width: 100%; margin: 0.5rem auto; } } @media (max-width: 575.98px) { img.logo.img-fluid { width: 180px !important; } #mobile-header .m-nav-btn { display: inline-block; text-align: center; background: 0 0; border: 0; outline: 0; transition: all .2s cubic-bezier(.7, 0, .3, 1); cursor: pointer; padding: 0.375rem 0.75rem !important; } #mobile-header .m-nav-btn > i { font-size: 2.3rem; } } #mobile-header .m-nav-btn:hover { color: #828282; } /* --- Small Mobile (max 480px) --- */ @media (max-width: 480px) { .mobile-call-btn .title { display: none !important; } article.product-miniature h2.product-title { font-size: 18px; } article.product-miniature .product-price-and-shipping .product-price { font-size: 20px; } article.product-miniature { height: 400px; } article.product-miniature .thumbnail-container { height: 315px !important; } article.product-miniature .product-description { height: 100px; padding: 0; } article.product-miniature h2.product-title { font-size: 13px; } article.product-miniature .product-price { font-size: 16px; } article.product-miniature .product-sizes-overlay { bottom: 100px; } } /* --- Extra Small (max 383px) --- */ @media (max-width: 450px) { .js-product-miniature-wrapper.col-6, .js-product-miniature-wrapper.col-12 { max-width: 100% !important; } } /* ======================================== END OF STYLESHEET ======================================== */ .row.no-gutters.align-items-center { align-items: flex-start !important; } .autocomplete-suggestions { max-height: 450px !important; } /* Make image bigger */ .autocomplete-suggestion img { margin-right: .6rem; max-width: 99px; } /* Style product name */ .name { font-size: 15px !important; color: #000 !important; font-weight: 400; /* normal, but black color makes it stand out */ display: block; } /* Style product price */ .product-price { font-weight: 700 !important; display: block; } .col.col-auto.col-shop.pt-3.pb-3 { display: none !important; } dt.name { font-weight: 800; } body#checkout section.checkout-step .delivery-option { background: #ffffff; padding: 1rem .8rem; margin-bottom: 1rem; border-radius: 10px; align-items: center !important; margin-left: 0; margin-right: 0; box-shadow: 0px 0px 5px -1px #91919166; } div#ps_checkout-payment-method-logo-block-container { display: none; } .delivery-highlight { border: 1px solid #000; border-radius: 10px; padding: 16px; background-color: #fff; color: #000; letter-spacing: 0.5px; width: 33.33%; } @media (max-width: 977px) { .delivery-highlight { width:100%; } } .delivery-text { font-size: 1.1rem; font-weight: 600; text-transform: uppercase; } .card.cart-summary { border: 1px solid #000; border-radius: 10px; } /* Grid behaving like a table (2 columns) */ .features-grid { display: grid; grid-template-columns: 220px 1fr; /* ajuste la largeur label si besoin */ border-radius: 10px; overflow: hidden; background: #fff; margin: 0; /* neutralise le margin par défaut du <dl> */ } /* Cells */ .features-grid .name, .features-grid .value { margin: 0; padding: 5px 8px; line-height: 1.45; } /* Première ligne sans bordure haute */ .features-grid .name:first-of-type, .features-grid .name:first-of-type + .value { border-top: 0; } /* Colonne titre (dt) */ .features-grid .name { font-weight: 800; /* cohérent avec ton dt.name existant */ text-transform: none; } /* Colonne valeur (dd) */ .features-grid .value { font-weight: 400; word-break: break-word; } /* Zebra rows for features: 1st white, 2nd grey, etc. */ .features-grid .name, .features-grid .name + .value { background: #fff; /* default: white */ } .features-grid .name:nth-of-type(even), .features-grid .name:nth-of-type(even) + .value { background: #f5f5f5; /* grey for even rows */ } /* Version mobile : pile les paires (dt au-dessus de dd) */ @media (max-width: 576px) { .features-grid { grid-template-columns: 1fr; } .features-grid .name { border-top: 1px solid #000; } .features-grid .name + .value { border-top: 0; /* même “ligne” visuelle pour la paire */ padding-top: 6px; } } span.label.label-pill.dark { color: black; } .col.col-auto.col-md.price { display: none; } .cart-item .product-line-info-secondary { line-height: 1; font-size: 1rem; } body#cart { font-size: 1.4rem; line-height: 25px; } .row.carrier-hasLogo { gap: 7px; padding: 6px; } span.step-edit.text-muted { font-size: 0.9rem; font-weight: 900 !important; } .page-order-detail .messages .message>div, body#checkout section.checkout-step .payment-options .payment-option { margin-bottom: 1.5rem; font-size: 1.2rem; font-weight: 600; } .installment-option { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 14px; } .installment-label { font-weight: 600; color: #000; text-transform: uppercase; letter-spacing: 0.5px; font-size: 13px; } .installment-amount { font-weight: 700; color: #000; font-size: 16px; } /* Design responsive */ @media (max-width: 768px) { .installment-option { font-size: 13px; } .installment-amount { font-size: 15px; } .installment-label { font-size: 12px; } } .mm-panel__header { display: flex; justify-content: space-between; align-items: center; } p.text-menu { font-size: 2.5rem; margin-bottom: unset; text-transform: uppercase; letter-spacing: 2px; } .product_header_container #product-availability, .product_p_price_container #product-availability { margin-bottom: 0; vertical-align: text-top; } /* === Price block override: groups price, 3x payment and availability, availability bold === */ .price-block-wrapper { border: 1px solid #000; border-radius: 20px; padding: 23px; background: #ffffff; margin-bottom: 12px; display: block; /* ensure it contains its children */ } .price-block-wrapper .price-container { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; } .price-block-wrapper .current-price { /* emphasize current price */ font-size: 1.35rem; font-weight: 600; color: #000000; } .price-block-wrapper .regular-price-striked { color: #9a9a9a; text-decoration: line-through; font-size: 0.95rem; } .price-block-wrapper .payment-installments { color: #000000; font-size: 0.95rem; } /* Ensure availability sits inside the block and is bold */ .price-block-wrapper #product-availability, .price-block-wrapper .js-product-availability, .price-block-wrapper .product-availability-text { display: block; font-weight: 700; color: #222222; } /* Minor responsive tweak */ @media (min-width: 768px) { .price-block-wrapper .current-price { font-size: 1.5rem; } } /* === Product page title + wishlist icon alignment === */ .page-header-wrapper { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: space-between; } .page-header-wrapper .h1.page-title { margin: 0; flex: 0 1 auto; font-size: 1.6rem; /* slightly smaller title */ } /* Minimalist heart icon - ultra specific targeting with !important to override everything */ .page-header-wrapper > *, .page-header-wrapper a, .page-header-wrapper button, .page-header-wrapper .iqitwishlist-btn, .page-header-wrapper .iqitwishlist-link, .page-header-wrapper [class*="iqitwishlist"], .page-header-wrapper [class*="wishlist"], .product_header_container .iqitwishlist-btn, .product_header_container .iqitwishlist-link, .product_header_container [class*="iqitwishlist"], .product_header_container [class*="wishlist"] { background: none !important; background-color: transparent !important; border: none !important; outline: none !important; color: #000000 !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; transition: color 0.2s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 1.5rem !important; line-height: 1 !important; box-shadow: none !important; text-decoration: none !important; } .page-header-wrapper > *:hover, .page-header-wrapper a:hover, .page-header-wrapper button:hover, .page-header-wrapper .iqitwishlist-btn:hover, .page-header-wrapper .iqitwishlist-link:hover, .page-header-wrapper [class*="iqitwishlist"]:hover, .page-header-wrapper [class*="wishlist"]:hover, .product_header_container .iqitwishlist-btn:hover, .product_header_container .iqitwishlist-link:hover, .product_header_container [class*="iqitwishlist"]:hover, .product_header_container [class*="wishlist"]:hover { background: none !important; background-color: transparent !important; color: #4b4b4b !important; border: none !important; box-shadow: none !important; } /* Icon styling - force minimal appearance for wishlist only */ .page-header-wrapper [class*="wishlist"] i, .page-header-wrapper [class*="wishlist"] svg, .page-header-wrapper [class*="iqitwishlist"] i, .page-header-wrapper [class*="iqitwishlist"] svg, .product_header_container .page-header-wrapper [class*="wishlist"] i, .product_header_container .page-header-wrapper [class*="wishlist"] svg, .product_header_container .page-header-wrapper [class*="iqitwishlist"] i, .product_header_container .page-header-wrapper [class*="iqitwishlist"] svg { color: inherit !important; font-size: 1.5rem !important; width: auto !important; height: auto !important; fill: currentColor !important; stroke: none !important; background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; } /* Remove any text labels from wishlist button */ .page-header-wrapper [class*="wishlist"] span:not([class*="icon"]), .page-header-wrapper [class*="iqitwishlist"] span:not([class*="icon"]) { display: none !important; } /* === Product variants wrapper - bordered like price block === */ .product-variants { border: 1px solid #000; border-radius: 20px; padding: 23px; background: #ffffff; margin-bottom: 12px; } /* Variant header with size guide button inline */ .variant-header-with-guide { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .variant-header-with-guide .control-label { font-weight: 600; font-size: 1rem; color: #000000; margin: 0; } /* Size guide button - simple underlined text */ .guide-des-tailles-btn, button.guide-des-tailles-btn, #guideDesTaillesBtn { background: none !important; border: none !important; color: #000000 !important; padding: 0 !important; margin: 0 !important; width: 280px; font-size: 0.9rem !important; text-decoration: underline !important; cursor: pointer !important; font-weight: normal !important; transition: color 0.2s ease !important; box-shadow: none !important; outline: none !important; } .guide-des-tailles-btn:hover, button.guide-des-tailles-btn:hover, #guideDesTaillesBtn:hover { color: #666666 !important; background: none !important; border: none !important; text-decoration: underline !important; } /* Product variants item spacing */ .product-variants-item { margin-bottom: 16px; } .product-variants-item:last-child { margin-bottom: 0; } .product-variants>.product-variants-item { margin: 0; } /* ======================================== SHOPPING CART DROPDOWN - STYLING ======================================== */ /* Cart dropdown container - ONLY affects the dropdown, not the button */ #_desktop_blockcart-content.dropdown-menu-custom { border: 1px solid #000000; border-radius: 0; padding: 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); min-width: 380px !important; max-width: 420px !important; width: 400px !important; position: absolute !important; } #blockcart-content { background: #ffffff; color: #000000; } /* Cart title/header */ /* Cart products list */ #blockcart-content .cart-products { list-style: none; padding: 16px; margin: 0; max-height: 400px; overflow-y: auto; } #blockcart-content .cart-products li { padding: 12px 0; border-bottom: 1px solid #e6e6e6; } #blockcart-content .cart-products li:last-child { border-bottom: none; } /* Cart totals */ #blockcart-content .cart-totals { padding: 16px 20px; background: #ffffff; border-top: 1px solid #616161; } #blockcart-content .cart-totals .total-ttc { display: flex; justify-content: space-between; align-items: center; width: 100%; } #blockcart-content .cart-totals .label { font-size: 1rem; font-weight: 700; color: #000000; letter-spacing: 0.5px; flex: 0 0 auto; text-align: left; } #blockcart-content .cart-totals .value, #blockcart-content .cart-totals .float-right { font-size: 1.2rem; font-weight: 700; color: #000000; flex: 0 0 auto; text-align: right; float: none !important; margin-left: auto; } /* Cart buttons - styled exactly like add to cart button */ #blockcart-content .cart-buttons { padding: 16px 20px; background: #ffffff; } #blockcart-content .cart-buttons .btn-payment { color: white; background: black; border: 3px solid black; border-radius: 10px; width: 100%; font-weight: 700; font-size: 1rem; letter-spacing: 1px; padding: 14px 20px; text-transform: uppercase; transition: all 0.3s ease; } #blockcart-content .cart-buttons .btn-payment:hover { background: rgb(70, 70, 70); } #blockcart-content .cart-buttons .free-delivery-text { margin-top: 12px; margin-bottom: 0; font-size: 0.85rem; color: #000000; font-weight: 600; text-align: center; } /* Cart features section - horizontal layout */ #blockcart-content .cart-features { padding: 20px 100px; background: #ffffff; border-top: 1px solid #656565; display: flex; justify-content: space-between; align-items: center; gap: 12px; } #blockcart-content .cart-feature { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; } #blockcart-content .cart-feature .feature-icon { flex-shrink: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 6px; } #blockcart-content .cart-feature .feature-icon img { max-width: 100%; max-height: 100%; object-fit: contain; } #blockcart-content .cart-feature .feature-text { flex: 1; } #blockcart-content .cart-feature .feature-text span { font-size: 0.7rem; font-weight: 600; color: #000000; letter-spacing: 0.3px; display: block; line-height: 1.3; } /* Cart logo at bottom - smaller */ #blockcart-content .cart-logo { padding: 12px 20px; text-align: center; background: #ffffff; border-top: 1px solid #e6e6e6; } #blockcart-content .cart-logo .milepu-logo { max-width: 80px; height: auto; } /* Empty cart message */ #blockcart-content .no-items { display: block; padding: 40px 20px; text-align: center; color: #666666; font-size: 1rem; } /* Scrollbar styling for cart products list */ #blockcart-content .cart-products::-webkit-scrollbar { width: 6px; } #blockcart-content .cart-products::-webkit-scrollbar-track { background: #f1f1f1; } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background: #000000; border-radius: 3px; } #blockcart-content .cart-products::-webkit-scrollbar-thumb:hover { background: #333333; } /* ======================================== SHOPPING CART - MOBILE RESPONSIVE ======================================== */ @media (max-width: 767px) { /* Full width dropdown on mobile */ #_desktop_blockcart-content.dropdown-menu-custom { min-width: 100vw !important; max-width: 100vw !important; width: 100vw !important; left: 0 !important; right: 0 !important; margin: 0 !important; border-radius: 0 !important; position: fixed !important; top: 0 !important; height: 100vh !important; overflow-y: auto !important; } #blockcart-content { height: 100%; display: flex; flex-direction: column; } /* Cart title on mobile */ #blockcart-content .cart-title { padding: 20px; position: sticky; top: 0; z-index: 10; } /* Cart products scrollable area */ #blockcart-content .cart-products { flex: 1; overflow-y: auto; padding: 16px; max-height: none; } #blockcart-content .cart-products .block-cart-product-quantity { height: 88px; } /* Cart features - reduce padding on mobile */ #blockcart-content .cart-features { padding: 16px 20px; } #blockcart-content .cart-feature .feature-text span { font-size: 0.65rem; } /* Cart logo smaller on mobile */ #blockcart-content .cart-logo .milepu-logo { max-width: 60px; } } /* ======================================== PRODUCT COLORS IN MINIATURE (Color Variants Overlay) ======================================== */ /* Container positioning - appears above size variants */ .thumbnail-container .product-colors-in-miniature, article.product-miniature .product-colors-in-miniature { position: absolute; bottom: 64px; left: 0; right: 0; background: rgb(255 255 255 / 44%); backdrop-filter: blur(6px); padding: 10px 10px 25px 10px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.35s ease; z-index: 16; } /* Show on hover */ article.product-miniature:hover .thumbnail-container .product-colors-in-miniature, article.product-miniature:hover .product-colors-in-miniature { opacity: 1; visibility: visible; transform: translateY(0); } /* Inner wrapper - reset margins */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants, .product-colors-in-miniature .iqitproductvariants { margin: 0 !important; padding: 0; } /* Hide the label */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__label, .product-colors-in-miniature .iqitproductvariants__label { display: none !important; } /* Products container - horizontal centered layout */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__products, .product-colors-in-miniature .iqitproductvariants__products { display: flex; justify-content: center; align-items: center; gap: 15px; flex-wrap: nowrap; } /* Individual color product column - exact size */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product-col, .product-colors-in-miniature .iqitproductvariants__product-col { flex: 0 0 50px; width: 50px; height: 50px; } /* Color product link - exact size, centered */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product, .product-colors-in-miniature .iqitproductvariants__product { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; position: relative; } /* Remove any pseudo elements */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product::before, .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product::after, .product-colors-in-miniature .iqitproductvariants__product::before, .product-colors-in-miniature .iqitproductvariants__product::after { display: none !important; } /* Color thumbnail images - minimal style */ .thumbnail-container .product-colors-in-miniature .js-iqitproductvariants__img, .product-colors-in-miniature .js-iqitproductvariants__img { width: 50px !important; height: 50px !important; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50%; opacity: 0.8; transition: all 0.2s ease; display: block !important; visibility: visible !important; } .thumbnail-container .product-colors-in-miniature .js-iqitproductvariants__img.iqitproductvariants__img--first { box-shadow: none; } /* Hover effect - full opacity, black border */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product:hover .js-iqitproductvariants__img, .product-colors-in-miniature .iqitproductvariants__product:hover .js-iqitproductvariants__img { opacity: 1; border-color: #000; transform: scale(0.9); } /* Current/selected color variant - full opacity, black border */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product--current .js-iqitproductvariants__img, .product-colors-in-miniature .iqitproductvariants__product--current .js-iqitproductvariants__img { opacity: 1; border-color: #000; } /* Hide color labels completely */ .thumbnail-container .product-colors-in-miniature .product-color-label, .product-colors-in-miniature .product-color-label { color: #000000 !important; font-size: 10px !important; line-height: 10px; margin-top: 5px !important; } .thumbnail-container .product-colors-in-miniature, article.product-miniature .product-colors-in-miniature { bottom: 58.4px; } /* Reset margin/padding utilities */ .thumbnail-container .product-colors-in-miniature .mb-4, .thumbnail-container .product-colors-in-miniature .mt-4, .product-colors-in-miniature .mb-4, .product-colors-in-miniature .mt-4 { margin-bottom: 12px !important; } /* Show only the first 4 color variants */ .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product-col:nth-child(n+5), .product-colors-in-miniature .iqitproductvariants__product-col:nth-child(n+5) { display: none !important; } /* ======================================== MOBILE RESPONSIVE ======================================== */ /* Tablet - 768px and below */ @media (max-width: 768px) { .thumbnail-container .product-colors-in-miniature, article.product-miniature .product-colors-in-miniature { padding: 12px; } .thumbnail-container .product-colors-in-miniature .iqitproductvariants__products, .product-colors-in-miniature .iqitproductvariants__products { gap: 8px; } .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product-col, .product-colors-in-miniature .iqitproductvariants__product-col { flex: 0 0 40px; width: 40px; height: 40px; } .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product, .product-colors-in-miniature .iqitproductvariants__product { width: 40px; height: 40px; } .thumbnail-container .product-colors-in-miniature .js-iqitproductvariants__img, .product-colors-in-miniature .js-iqitproductvariants__img { width: 40px !important; height: 40px !important; } } /* Mobile - 480px and below */ @media (max-width: 480px) { .thumbnail-container .product-colors-in-miniature, article.product-miniature .product-colors-in-miniature { padding: 5px 5px 15px 5px; } .thumbnail-container .product-colors-in-miniature .iqitproductvariants__products, .product-colors-in-miniature .iqitproductvariants__products { gap: 8px; } .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product-col, .product-colors-in-miniature .iqitproductvariants__product-col { flex: 0 0 35px; width: 35px; height: 35px; } .thumbnail-container .product-colors-in-miniature .iqitproductvariants__product, .product-colors-in-miniature .iqitproductvariants__product { width: 35px; height: 35px; } .thumbnail-container .product-colors-in-miniature .js-iqitproductvariants__img, .product-colors-in-miniature .js-iqitproductvariants__img { width: 35px !important; height: 35px !important; } } .elementor-displayFooterProduct .elementor-element.elementor-element-9tsa27r .elementor-heading-title, .elementor-element.elementor-element-9tsa27r .elementor-heading-title a { color: #000000; font-size: 2rem; font-style: normal; font-weight: bold; text-transform: none; margin: 25px 0px 10px; } #back-to-top { background: #000000; color: #ffffff; bottom: 90px; } .iqitsociallogin-colors-native .btn-facebook { border: none; border-radius: 50px; padding: 10px 50px; transition : 350ms; }