.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #fafafa; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1350px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #484848; } a:hover:not(.nav-link):not(.btn) { color: #5d8eb3; } .pagination .page-list li:hover { border-color: #5d8eb3; } .pagination .page-list li.current { border-color: #5d8eb3; } .pagination .page-list li.current a { color: #5d8eb3; } #mobile-header { background: #ebecef; border-bottom: none 1px #d9d9d9; box-shadow: 0px 0px 1px 0px; } #mobile-header #mobile-header-sticky { background: #ebecef; } #mobile-header .mobile-main-bar { padding-top: 0.7692307692rem; padding-bottom: 0.7692307692rem; } #mobile-header .m-nav-btn { color: #16274c; } #mobile-header .m-nav-btn:hover { color: #16274c; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ffffff; } html { font-size: 13px; } @media (max-width: 767px) { html { font-size: 14px; } } body { line-height: 1.4rem; } body { font-family: Arial, Helvetica, sans-serif; } #blockcart-content { background: #ffffff; color: #484848; border: none 1px #f5e70f; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } #blockcart-content a:not(.btn) { color: #484848; } #blockcart-content a:not(.btn):hover { color: #484848; } #blockcart-content .cart-products > li, #blockcart-content .cart-subtotals { border-color: rgba(0, 0, 0, 0.16); } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16); } /*** 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: #ffffff; color: #000000; border: solid 1px rgba(0, 0, 0, 0.36); } .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: rgba(0, 0, 0, 0.06); color: #000000; border-color: #000000; } .btn-secondary:not(:disabled):not(.disabled):active { background: rgba(0, 0, 0, 0.06); color: #000000; border-color: #000000; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: rgba(0, 0, 0, 0.06); color: #000000; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #02b05c; color: #ffffff; border: none 14px; } .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: #04d16e; color: #ffffff; border-color: rgba(2, 176, 92, 0.38); } .btn-primary:not(:disabled):not(.disabled):active { background: #04d16e; color: #ffffff; border-color: rgba(2, 176, 92, 0.38); } #wrapper .breadcrumb { background: #ffffff; padding-top: 1rem; padding-bottom: 1rem; margin-top: -1.5384615385rem; margin-bottom: 1.5384615385rem; font-size: 0.7692307692rem; font-style: normal; font-weight: normal; text-transform: none; color: #858585; } #wrapper .breadcrumb li:after { color: #858585; } #wrapper .breadcrumb a { color: #858585; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #484848; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #484848; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #484848; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #484848; } .form-control::-webkit-input-placeholder { color: #484848; } .form-control::-moz-placeholder { color: #484848; } .form-control:-ms-input-placeholder { color: #484848; } .form-control:-moz-placeholder { color: #484848; } .form-control:focus { color: #484848; border-color: #9e9e9e; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #1d1d1d; } .custom-radio input[type=radio]:checked + span { background-color: #1d1d1d; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #1d1d1d; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px rgba(0, 0, 0, 0.27); box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.1); } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #484848!important; border-bottom: solid 1px rgba(0, 0, 0, 0.27); } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(72, 72, 72, 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(255, 255, 255, 0.8); } .modal-content { background: #ffffff; border: solid 2px #e0e0e0; box-shadow: 7px 3px 30px 0px rgba(0, 0, 0, 0.16); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #f4d450; color: #000000; border: none 1px; box-shadow: 7px 3px 30px 0px rgba(0, 0, 0, 0.16); } .product-price { color: #ff5b45; } .iqit-review-star { color: #f4d450; } .product-flags .product-flag { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #d64545; color: #ffffff; } .product-flags .new { background: #c5d8ff; color: #000000; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #d64545; color: #ffffff; } .product-available { background: #02b05c; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .alert-success { background: #d4edda; color: #155724; border-color: #d4edda; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #155724; text-decoration: underline; } .alert-info { background: #c5d8ff; color: #004085; border-color: #c5d8ff; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #004085; text-decoration: underline; } .alert-warning { background: #ffffff; color: #848484; border-color: #ffffff; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #848484; text-decoration: underline; } .alert-danger { background: #f8d7da; color: #721c24; border-color: #f8d7da; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #721c24; text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #16274c; } #back-to-top { background: #2972a7; color: #ffffff; display: none; } #back-to-top:hover { background: #4e90bf; color: #ffffff; } #header, #checkout-header { background: #ebecef; border-top: none 1px; border-bottom: none 1px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.48); } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ebecef; border-bottom: none 1px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.48); } #header .header-nav { color: #16274c; background: #ffffff; border-bottom: none 1px; padding-top: 0.2307692308rem; padding-bottom: 0.2307692308rem; font-size: 0.9230769231rem; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.24); } #header .header-nav a { color: #16274c; } #header .header-nav a:hover { color: #16274c; } #header .header-nav .social-links._topbar { font-size: 1.1538461538rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #16274c !important; } #header .header-nav .social-links._topbar a:hover { color: #16274c !important; } .header-top { padding-top: 0.7692307692rem; padding-bottom: 0.7692307692rem; color: #16274c; } .header-top a:not(.btn):not(.nav-link) { color: #16274c; } .header-top a:not(.btn):not(.nav-link):hover { color: #16274c; } .header-top .form-search-control { background: #ffffff; color: #16274c; border: none 1px #16274c; } .header-top input.form-search-control::-webkit-input-placeholder { color: #16274c; } .header-top input.form-search-control:-moz-placeholder { color: #16274c; } .header-top input.form-search-control:-ms-input-placeholder { color: #16274c; } .header-top input.form-search-control:-moz-placeholder { color: #16274c; } .header-top .search-btn { color: #16274c; } .header-top .header-btn-w .header-btn > .icon { font-size: 2.3076923077rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: rgba(0, 0, 0, 0); color: #16274c; padding: 0.0769230769rem 0.0769230769rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #16274c; } .header-top .header-cart-default .cart-toogle > .icon { font-size: 2.8rem; display: inline-block; vertical-align: middle; } .header-top .header-cart-default .cart-toogle > .info-wrapper { text-align: left; display: inline-block; vertical-align: middle; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .cart-toggle-details, .header-top .header-cart-default .cart-toogle > .info-wrapper > .title { display: block; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .title { opacity: 0.8; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .cart-toggle-details { font-weight: bold; } .header-top .header-cart-default .cart-toogle > .info-wrapper .cart-separator { display: none; } .header-top a.header-cart-btn:not(:hover) { color: #16274c; } .stuck-header .header-top { padding-top: 0.6153846154rem; padding-bottom: 0.6153846154rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #16274c; } .cart-products-count-btn { background: #f4d450; color: #16274c; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 60%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #16274c; border-top: none 1px #e6e6e6; border-right: none 1px #e6e6e6; border-bottom: none 1px rgba(22, 39, 76, 0.64); border-left: none 1px #e6e6e6; margin: 0 -500%; padding: 0 500%; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 2.6923076923rem; color: #ffffff; padding-left: 2.3076923077rem; padding-right: 2.3076923077rem; border-left: none 1px #e6e6e6; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #ffffff; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.7307692308rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.6923076923rem !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: #16274c; color: #f4d450; } .cbp-horizontal .cbp-tab-title { font-size: 1.0769230769rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.5384615385rem; max-height: 1.5384615385rem; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2307692308rem; font-style: normal; font-weight: bold; text-transform: none; color: #ffffff; background: #5d8eb3; line-height: 3.8461538462rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #484848; background: #f0f0f0; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.6153846154rem; padding-bottom: 0.6153846154rem; 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.8461538462rem; max-height: 1.8461538462rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #484848; background: #f0f0f0; } .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: 1.0769230769rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 0px 15px 25px 0px rgba(74, 63, 63, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #484848 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #2972a7 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #484848 !important; border-bottom: none 1px rgba(0, 0, 0, 0.12); font-size: 1.0769230769rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #2972a7 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #595050 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 4.1538461538rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.2307692308rem; padding-bottom: 1.2307692308rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.2307692308rem; padding-bottom: 1.2307692308rem; font-size: 1.3846153846rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: solid 1px #c9c9c9; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.24); } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 4.7692307692rem; } .mobile-menu__link { color: #595050 !important; padding-top: 1.5384615385rem; padding-bottom: 1.5384615385rem; font-size: 1.6923076923rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.5384615385rem; padding-bottom: 1.5384615385rem; color: #595050; font-size: 1.6923076923rem; } .mobile-menu__tab-icon { font-size: 1.6923076923rem; } .mobile-menu__tab-icon--img { max-height: 1.6923076923rem; } .mobile-menu__legend { font-size: 0.9230769231rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #595050; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.6923076923rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.6923076923rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #595050 !important; } .mobile-menu__column { font-size: 1.2307692308rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 3.0769230769rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 3.0769230769rem; } .mobile-menu__column-title { margin-bottom: 0.6153846154rem; } .mobile-menu__links-list-li { padding-top: 0.4615384615rem; padding-bottom: 0.4615384615rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #595050; } .mobile-menu__footer { border-top: none 1px; color: #595050; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #ffffff; color: #000000; } .swiper-pagination-bullet { background: #333333; } .swiper-pagination-product { display: none !important; } /*** Product miniature ***/ .products.row { margin: -0.7692307692rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.7692307692rem; } .swiper-container-wrapper { margin: -0.7692307692rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.7692307692rem; } .swiper-container-wrapper .product-carousel { padding: 0.7692307692rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.7692307692rem; } .product-miniature { border: none 1px #f0f0f0; outline: 2px none transparent; box-shadow: 2px 2px 5px 0px #c7c7c7; background: #ffffff; color: #000000; } .product-miniature a:link:not(.nav-link):not(.btn), .product-miniature a:visited:not(.nav-link):not(.btn) { color: #000000; } .product-miniature .product-price { color: #ff5b45; } .product-miniature .iqit-review-star { color: #f4d450; } .product-miniature-grid { padding: 0.7692307692rem; } .product-miniature-grid .product-title { font-size: 1.0769230769rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.5384615385rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 2px rgba(161, 161, 161, 0.25); color: #16274c; } .product-miniature:hover a:link:not(.nav-link):not(.btn), .product-miniature:hover a:visited:not(.nav-link):not(.btn) { color: #16274c; } .product-miniature:hover .product-price { color: #de1a00; } .product-miniature:hover .iqit-review-star { color: #f4d450; } } .product-miniature-grid .product-functional-buttons { background: #ffffff; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.3846153846rem 0.7692307692rem; background: #0e3280; color: #ffffff; border: groove 3px #0e3280; } .btn-product-list:hover { background: #4e90bf; color: #ffffff; border-color: #4e90bf; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-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(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(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(5, 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(4, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 2.5384615385rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px rgba(0, 0, 0, 0.05); } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #484848; background: rgba(0, 0, 0, 0); } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #484848; background: rgba(0, 0, 0, 0); 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 { background: #fafafa; border-top: none 1px; border-bottom: none 1px; padding-top: 1.5384615385rem; padding-bottom: 1.5384615385rem; color: #484848; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #1d1d1d; font-size: 2.4615384615rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #1d1d1d; } #content-wrapper .page-title span { margin-right: 0.5rem; } #content-wrapper .page-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 5px #2183e6; } #content-wrapper .section-title { color: #333333; font-size: 1.3846153846rem; 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 #5d8eb3; left: 0; right: 0; } .nav-tabs .nav-link { color: #1b2d80; font-size: 1.2307692308rem; 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: #1b2d80; border-bottom: solid 3px #1b2d80; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #1b2d80; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #1b2d80; border-bottom: solid 3px #1b2d80; } #wrapper .block-title { color: #000000; font-size: 1.0769230769rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 1px #e3e3e3; } #left-column .block, #right-column .block { background: #ffffff; padding: 1.1538461538rem; border: solid 1px #f0f0f0; } #footer, #checkout-footer { background: #16274c; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #ffffff; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #16274c; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #16274c; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #ffffff; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #16274c; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #16274c; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #16274c; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #16274c; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 3.0769230769rem; } #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: #f4d450 !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 1.3076923077rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #ffffff; } #footer .block-title span, #checkout-footer .block-title span { margin-right: 0.5rem; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #f4d450; } #footer-container-first { border-top: none 1px rgba(161, 161, 161, 0.25); padding-top: 2.3076923077rem; padding-bottom: 2.3076923077rem; background: #1b2d80; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px rgba(161, 161, 161, 0.25); padding-top: 3.0769230769rem; padding-bottom: 2.0769230769rem; color: #ffffff; } #footer-container-main a, #checkout-footer a { color: #ffffff; } #footer-container-main a:hover, #checkout-footer a:hover { color: #f4d450; } #footer-copyrights { border-top: none 1px rgba(161, 161, 161, 0.25); background: #09091c; padding-top: 0.2307692308rem; padding-bottom: 0.2307692308rem; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: ""; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(iconfont/MaterialIcons-Regular.woff) format('woff'), url(iconfont/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } /* Début iRank */ .cbp-hrmenu .cbp-mainlink-icon { font-size: 1.2rem !important; line-height: 1; margin-right: 4px; } /* Black Friday */ .bf-banner { width: 100%; background-color: #000; /* noir */ color: #fff; padding: 10px 14px; font-family: Arial, sans-serif; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; text-align: center; box-sizing: border-box; margin-bottom: 16px; /* espace sous la bannière */ border-radius: 6px; /* arrondi */ box-shadow: 0 2px 6px rgba(0,0,0,0.25); /* ombre légère */ } .bf-title { font-weight: bold !important; } /* Force la couleur du lien */ .bf-title a { color: rgb(244, 212, 80) !important; text-decoration: none; } .bf-title a:hover { color: rgb(244, 212, 80) !important; text-decoration: underline; } .bf-text { color: #fff; } /* Responsive : sur petits écrans */ @media (max-width: 768px) { .bf-banner { padding: 8px 10px; font-size: 12px; border-radius: 4px; } .bf-title, .bf-text { display: block; width: 100%; } } /* Tableau plus moderne : .tableauModerne */ .tableauModerne{ width:100%; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; border:1px solid #e0e0e0; min-width: 720px; /* fin filet périphérique */ } .tableauModerne th, .tableauModerne td{ padding:0.8rem 1rem; /* espace généreux autour du contenu */ border-bottom:1px solid #e0e0e0; } .tableauModerne th{ background:#f4f6f8; /* en-tête légèrement grisé */ font-weight:600; text-align:center; /* centrage par défaut des titres */ } .tableauModerne tr:nth-child(even){ background:#fafafa; /* bandes alternées discrètes */ } .tableauModerne tr:hover{ background:#eef7ff; /* survol plus lisible */ } /* Alignement : première colonne à gauche, les autres au centre */ .tableauModerne th:first-child, .tableauModerne td:first-child{ text-align:left; } .tableauModerne th:not(:first-child), .tableauModerne td:not(:first-child){ text-align:center; } .tableau-wrapper{ overflow-x: auto; -webkit-overflow-scrolling: touch; /* inertie iOS */ } /* Conteneur flex pour aligner les images */ .product-images { display: block; /* plus besoin de flex */ } .img-zoom { width: 100%; overflow: hidden; border-radius: 4px; margin: 20px 0; } .img-zoom img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; } .img-zoom:hover img { transform: scale(1.05); } /* Badge “Reconditionné” */ .badge-reconditionne { display: inline-block; padding: 4px 10px; font-size: 0.875rem; font-weight: 600; color: #0056a8; /* Texte légèrement foncé */ border: 1px solid #0056a8; /* Bordure fine */ border-radius: 999px; /* Arrondi maximal */ background-color: #e6f0fa; /* Fond plus clair que la bordure */ } /* Badge “Garanti 1 an” */ .badge-garanti { display: inline-block; padding: 4px 10px; font-size: 0.875rem; font-weight: 600; color: #007a33; /* Texte légèrement foncé */ border: 1px solid #007a33; /* Bordure fine */ border-radius: 999px; /* Arrondi maximal */ background-color: #e5f4ea; /* Fond plus clair que la bordure */ } /* Badge “Compatible Metabo 36V” */ .badge-compatible { display: inline-block; padding: 4px 10px; font-size: 0.875rem; font-weight: 600; color: #005078; /* Bleu foncé technique */ border: 1px solid #005078; /* Bordure assortie */ border-radius: 999px; /* Arrondi maximal */ background-color: #e6f3fa; /* Fond bleu très clair */ } /* Badge informatif générique */ .badge-info { display: inline-block; padding: 4px 10px; font-size: 0.875rem; font-weight: 600; color: #2f5d8a; /* Bleu/gris informatif */ border: 1px solid #2f5d8a; /* Bordure assortie */ border-radius: 999px; background-color: #e9f2fa; /* Bleu très clair */ } /* Badge informatif secondaire */ .badge-info-2 { display: inline-block; padding: 4px 10px; font-size: 0.875rem; font-weight: 600; color: #6a4caf; /* Violet doux, toujours informatif */ border: 1px solid #6a4caf; /* Bordure assortie */ border-radius: 999px; background-color: #f1eafd; /* Fond violet clair */ } .badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; } /* Affichage en colonne sur mobile */ @media (max-width: 768px) { .badges { flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 20px !important; margin-bottom: 20px !important; } } .product-usps { margin: 1rem 0; display: flex; flex-direction: column; gap: 0.4rem; } .product-usps .usp-item { background: #f5f5f5; padding: 0.5rem 0.75rem; border-radius: 6px; font-size: 0.92rem; font-weight: 500; } /* =============================== CARD LAYOUT DESCRIPTION GLOBALE =============================== */ /* Container : cards verticales */ .desc-grid { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0; font-size: 0.95rem; line-height: 1.5; } /* Cards */ .desc-card { position: relative; background: #f8f8f8; border-radius: 10px; padding: 1.25rem 1.5rem; /* + padding desktop */ border: 1px solid #e5e5e5; border-left: 4px solid #16274c; /* BORDURE COLORÉE (remise) */ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); } /* Plus d'air en desktop */ @media (min-width: 769px) { .desc-card { padding: 1.75rem 2rem; /* +++ padding desktop */ } } /* Titres */ .desc-card h2, .desc-card h3 { margin: 0 !important; margin-bottom: 0.6rem !important; /* + espace sous le pill + sous le titre */ padding: 0 !important; text-align: left !important; font-size: 1.05rem; font-weight: 600; } /* Pills */ .desc-card .desc-pill { display: inline-block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; background-color: #16274c; border: 1px solid #16274c; color: #f4d450; padding: 3px 10px; border-radius: 999px; margin-bottom: 0.8rem; /* ++++++++++ espacement demandé */ } /* Listes internes */ .desc-card ul { margin: 0.3rem 0 0.4rem 1.2rem; padding: 0; } .desc-card li { margin-bottom: 0.25rem; } /* Hover desktop */ @media (min-width: 769px) { .desc-card { transition: transform 0.15s ease, box-shadow 0.15s ease; } .desc-card:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.08); } } /* Mobile : spacing ajusté */ @media (max-width: 768px) { .desc-grid { gap: 0.75rem; } } /* ================================ BOUTON AJOUTER AU PANIER (FULL) ================================ */ /* 1. Masquer uniquement l'icône sac */ .add-to-cart .bag-icon { display: none !important; } /* 2. Neutralisation du style du thème (halo bleu / ombres / images) */ .btn-primary { background-image: none !important; text-shadow: none !important; box-shadow: none !important; } /* 3. Base du bouton Prestashop */ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #f4d450 !important; /* JAUNE */ color: #000000 !important; /* TEXTE NOIR */ border: none !important; } /* 4. Style épuré premium */ .btn-primary { background: #f4d450 !important; /* jaune flat */ border-radius: 8px !important; padding: 14px 22px !important; font-size: 1.05rem !important; font-weight: 400 !important; /* normal */ letter-spacing: 0.2px; text-transform: none !important; /* pas de capitales */ box-shadow: none !important; transition: background 0.15s ease; } /* 5. Hover simple */ .btn-primary:hover { background: #f6dd6a !important; /* jaune un peu plus clair */ color: #000000 !important; } /* 6. Active (clic) */ .btn-primary:active { background: #e9c744 !important; /* légèrement plus foncé */ } /* 7. Focus (UX mobile & accessibilité) */ .btn-primary:focus { outline: 3px solid rgba(244, 212, 80, 0.45) !important; outline-offset: 2px; } /* ================================================ 8. Pleine largeur (CTA 100% largeur) ================================================ */ /* Desktop uniquement */ @media (min-width: 992px) { /* Cible UNIQUEMENT le bouton Ajouter au panier dans la fiche produit */ .product-info-row .add .btn-primary.add-to-cart { width: 370px !important; max-width: 100% !important; display: block !important; } } /* SHADOW FICHE PRODUIT PRINCIPALE */ .product-info-row { background: #ffffff !important; border-radius: 12px !important; border: 1px solid #e4e4e4 !important; border-left: 4px solid #16274c !important; /* rappel branding */ box-shadow: 0 4px 14px rgba(0,0,0,0.05) !important; } /* Wrapper de la section : card à gauche + image à droite */ .desc-two-cols { display: grid; grid-template-columns: 1fr auto; /* card = espace restant, image = width naturelle */ gap: 1.5rem; margin: 2rem 0; align-items: stretch; } .desc-side-image img { max-width: 100%; /* sécurité pour éviter dépassement */ object-fit: contain; border-radius: 10px; } /* Mobile */ @media (max-width: 768px) { .desc-two-cols { grid-template-columns: 1fr; /* pile en mobile */ } .desc-side-image img { width: 100%; /* sur mobile, image full width */ height: auto; } } /* ================================================ Colonne réassurance fiche produit right ================================================ */ /* Bloc global : discret + fond gris très léger */ #iqithtmlandbanners-block-3.block { background: #f9f9f9 !important; /* gris ultra léger */ border: 1px solid #e7e7e7 !important; border-radius: 6px !important; padding: 20px !important; } /* Masquer le titre vide */ #iqithtmlandbanners-block-3 .block-title { display: none !important; } /* Reset */ #iqithtmlandbanners-block-3 .block-content { padding: 0 !important; margin: 0 !important; } #iqithtmlandbanners-block-3 .block-content p { margin: 0 !important; padding: 0 !important; font-size: 0.87rem !important; line-height: 1.5 !important; color: #444 !important; } /* Titre service */ #iqithtmlandbanners-block-3 .block-content p b { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 0.84rem !important; font-weight: 600 !important; color: #222 !important; margin-top: 26px !important; /* +++++ espacement avant */ margin-bottom: 8px !important; position: relative; } /* Grande barre séparatrice */ #iqithtmlandbanners-block-3 .block-content p b::before { content: "" !important; position: absolute !important; top: -14px !important; /* espace au-dessus */ left: 0 !important; width: 80% !important; /* +++++ plus large */ height: 1px !important; background: #e2e2e2 !important; } #iqithtmlandbanners-block-3 .block-content p:first-child b::before { display: none !important; /* pas de ligne sur le premier */ } /* Icône dans un rond jaune léger */ #iqithtmlandbanners-block-3 .block-content p b i.fa { background: #fff3c5 !important; /* jaune très doux */ color: #16274c !important; width: 28px !important; height: 28px !important; font-size: 14px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Texte sous le titre */ #iqithtmlandbanners-block-3 .block-content p b + p { margin-top: 4px !important; margin-bottom: 20px !important; /* +++++ plus espacé */ padding-left: 38px !important; /* aligne sous le texte */ color: #666 !important; } #iqithtmlandbanners-block-3 .block-content p:first-child b { margin-top: 0 !important; } /* ================================================ Tabs content fiche produit ================================================ */ /* Style carte appliqué uniquement au parent des onglets */ .product-tabs .tab-content { background: #ffffff !important; border-radius: 12px !important; border: 1px solid #e4e4e4 !important; padding: 1.75rem !important; } /* Supprimer totalement la border-bottom des onglets */ .nav-tabs { border-bottom: none !important; } /* Harmonisation du style des miniatures produit */ .product-miniature { background: #ffffff !important; color: #000 !important; border: 1px solid #e4e4e4 !important; /* même bordure que les autres cards */ border-radius: 10px !important; /* cohérent avec .desc-card & .product-info-row */ box-shadow: none !important; /* NO box shadow, rendu clean et premium */ outline: none !important; } .btn-product-list { padding: 0.5rem 1rem !important; background: #f4d450 !important; /* jaune marque */ color: #000 !important; border: 1px solid #e4e4e4 !important; /* bordure discrète */ border-radius: 4px !important; /* pas trop arrondi */ box-shadow: none !important; /* plus d'effet cheap */ font-size: 0.9rem !important; font-weight: 500 !important; text-transform: none !important; transition: background 0.15s ease, transform 0.15s ease; } .btn-product-list:hover { background: #f6dd6a !important; /* jaune un peu plus clair */ transform: translateY(-1px); /* micro-lift léger */ } .btn-product-list:active { background: #e9c744 !important; /* un poil plus foncé */ transform: translateY(0); } .badge-warning { background-color: #f4d450 !important; /* jaune signature */ color: #16274c !important; } /* Voir plus - Catégories */ /* Bloc de description tronqué (état fermé) */ .desc-collapsible { position: relative; max-height: 160px; /* hauteur visible quand c'est fermé */ overflow: hidden; transition: max-height 0.3s ease; } /* Dégradé en bas pour indiquer qu'il y a une suite */ .desc-collapsible::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; pointer-events: none; background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff); /* adapte #ffffff à ton fond */ } /* Style des liens En savoir plus / Voir moins */ .readmore-link { display: inline-block; padding: 6px 14px; background: #f3f3f3; color: #333; border-radius: 999px; font-size: 0.9rem; text-decoration: none; border: 1px solid #ddd; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .readmore-link:hover { background: #e6e6e6; border-color: #ccc; } /* Par défaut : on cache "Voir moins" */ .readmore-close { display: none; } /* ========= ÉTAT OUVERT : quand #en-savoir-plus est la cible ========= */ #en-savoir-plus:target { max-height: 2000px; /* assez grand pour tout afficher */ } #en-savoir-plus:target::after { display: none; /* on enlève le dégradé en bas */ } /* Quand c'est ouvert : on cache "En savoir plus" */ #en-savoir-plus:target ~ .readmore-open { display: none; } /* Quand c'est ouvert : on affiche "Voir moins" */ #en-savoir-plus:target ~ .readmore-close { display: block; } /* Fin iRank */ /* add background colors in variouse boxes - start */ .product-info-row{ background: #fff; margin: 0; padding: 2rem 1rem; margin-bottom: 3rem; border: 1px solid #f0f0f0 } .badge.badge-success.product-available { font-size:90%; } .oneyCta_logo.oneyLogo.-x3x4 { width:70px; } #left-column{ padding-right: 0;} body#checkout section.checkout-step, .cart-grid-right .cart-summary{ background: #fff } .cart-items{ background: #fff; border: 1px solid #f0f0f0 } .cart-item{ padding: 1rem } .products-selection{ background: #fff; padding-left: 1rem; padding-right: 1rem; border: 1px solid #f0f0f0 } .product-tabs .nav-link{ padding: 1rem; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .product-tabs .nav-link.active{ background: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; } .product-tabs .nav-tabs{ margin: 0; } .product-unavailable{ background-color: #656565; } .product-tabs .tab-content{ background: #fff; padding: 1.5rem; border: 1px solid #f0f0f0; border-top: none; } .font-black .elementor-heading-title{ color:#000000 !important; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { max-width: none; } .cbp-hrmenu .cbp-links.cbp-valinks-vertical li { display: inline-block; margin: 0px; margin-right: 30px; padding: 10px 0px; font-weight: bold; } /* RÉASSURRANCE */ #iqithtmlandbanners-block-3{ color: #000 ; background-color: #16274c10 !important; } /* BOUTON CAROUSSEL */ /* Ancien design (désactivé car trop chargé) .btn-product-list { padding: 0.53846rem 1.07692rem; background: #0e3280; color: #fff; border: 0; border-radius: 4px; background-image: linear-gradient(338deg, #0000004f, transparent); box-shadow: inset 1.5px 1.5px 3px rgb(255 255 255 / 60%), inset -1px -1px 3px rgb(0 0 0 / 60%), 2px 2px 3px darkgrey; } .btn-product-list:hover { background: #1245b3; color: #fff; background-image: linear-gradient(338deg, #0000004f, transparent); box-shadow: inset 1.5px 1.5px 3px rgb(255 255 255 / 60%), inset -1px -1px 3px rgb(0 0 0 / 60%), 2px 2px 1.7px darkgrey; } */ /* Bouton "Prevenez-moi lorsque le produit est disponible" */ .btn-danger{ color: #000; background-color: #FA8100; border-color: #ffffff00; box-shadow: 2px 2px 3px #777777; } .btn-danger:hover{ color: #000; background-color: #FA8C00; border-color: #ffffff00; box-shadow: 1.5px 1.5px 2px #868686; } /* inline dans le payement */ .payment-option label{ display: inline-block !important; } /*MENU*/ .cbp-horizontal>ul{ display: flex; justify-content: space-between !important; } .cbp-horizontal>ul .nav-link{ padding-left: 5px !important; padding-right: 5px !important; } .stuck-menu{ padding-right: 3em !important; } .stuck-menu span{ color: #fff ; } .fa-shopping-bag{ color: #16274c; } .stuck-menu .fa-shopping-bag{ color: #fff; } .btn .fa-shopping-bag{ color: #fff; } .stuck-menu .cart-products-count-btn{ height: 12px; width: 12px; min-width: 10px; padding: 0 !important; color: #000; } /* barre de recherche */ .header-top .form-search-control { border-radius: 10px !important; } .product-miniature-grid, .product-miniature-grid img{ border-radius: 5px; } .product-miniature-grid:hover{ transform: scale(1.02); } .center-nav{ display: none; } .right-nav{ margin: 0; } .left-nav{ margin: 0; } /* "ou" centré dans panier */ .ps-checkout-express-separator{ text-align: center; } /*Centrage du CTA oney*/ .card-body .oneyCta_wrapper{ text-align: center; } /*PopUp NL bouton*/ .iqit-btn-newsletter{ color : #f4d450; font-weight : 700; border: solid #16274c 3px; background-color: #0e3280; } /*PopUp*/ #iqitpopup .iqitpopup-newsletter-form{ background-color: #ffffff00; } #iqitpopup{ margin-top: 15%;!important } #iqitpopup-overlay{ background-color: rgb(0 0 0 / 0%); } /*Bouton paypal*/ .paypal-buttons{ margin: 0 !important; z-index : 0 ; } /*ONEY pop-in*/ .text-muted{ opacity: 1; z-index: 2; } /*Z-index hover produits*/ .product-cover .expander{ z-index: 1; } .product-info-row ul{ padding-top: 0; } /*bouton countdown*/ .price-countdown.badge-discount.discount { box-shadow: 1.5px 1.5px 2px #16274c50; } /*Derniers articles en stock*/ .badge-warning { letter-spacing: .03em; font-size: .9em; text-shadow: 1px 1px 0px #ff; } /*Bouton ajouter au panier*/ .btn-primary{ border: 0; border-radius: 4px; background-image: linear-gradient(338deg, #00000010, transparent); box-shadow: inset 2px 2px 3px rgb(255 255 255 / 40%), inset -2px -2px 3px rgb(0 0 0 / 30%); text-shadow: 1px 1px 1px #16274c; } /* Btn COOKIES */ #iqitcookielaw{ display: block; text-align: center; width: 40%; margin: 0 30% 20% !important; left:0 ; background-color : #EBECEF; border-radius: 10px; color: #16274c!important; box-shadow: 5px 5px 20px #16274C80; } #iqitcookielaw a{ color:#16274c; } #iqitcookielaw button{ background-color: #16274c; color:#fffff; font-weight: bold; text-shadow: none; } /* .closeButtonNormal{ border: 0; margin-top: 0.5em !important; padding: 4px 8px !important; border-radius: 4px !important; background-image: linear-gradient(338deg, #00000010, transparent); box-shadow: inset 2px 2px 3px rgb(255 255 255 / 40%), inset -2px -2px 3px rgb(0 0 0 / 30%); } #cookieNotice{ width: 50% !important; padding: 0.5em; bottom: 2% !important; left: 25% !important; } #cookieNoticeContent p:first-of-type{ padding-bottom: 0.5em; } */ /*___BANDEAU LIVRAISON__*/ #bandeau-livraison{ text-align:center; margin: 0 0 1em 0; color:#16274c; background-color: #16274c10; padding: 0.2em 2em; } #bandeau-livraison-2 i{ margin-right: 0.5em; } #order-confirmation #bandeau-livraison { display: none; } #my-account #bandeau-livraison { display: none; } #module-iqitwishlist-view #bandeau-livraison{ display: none; } #order-slip #bandeau-livraison{ display: none; } #module-ps_emailalerts-account #bandeau-livraison{ display: none; } #module-payplug-cards #bandeau-livraison{ display: none; } #module-iqitcompare-comparator #bandeau-livraison{ display: none; } /* REASSURRANCE FOOTER*/ #iqithtmlandbanners-block-8{ background-color: #16274c10; margin-bottom: 0; margin-top : 2em; } #elements{ display: flex; justify-content: center; flex-wrap: wrap; } #elements div{ text-align: center; margin: 2em; width: 15em; } #elements img{ height: 3em; widht: auto; margin-bottom: 0.5em; } #elements p{ color: #16274c; font-family: "Arial"; font-size: 0.9em; } /* MARGE BOTTOM WRAPPER */ #wrapper{ padding-bottom:; margin-bottom: -2em; } /* LOGO PAIEMENT */ .product-additional-info img{ height : 30px; width: auto; } /* BORDURES TABLEAU */ .tableauDescription, .tableauDescription tr, .tableauDescription td{ border: 1px solid darkgrey; } /* ul / li categorie*/ #manufacturer-short-description ul{ padding-left: 2em; } .category-description.category-description-bottom ul{ padding-left: 2em; } /* Overlay hoover menu */ #overlay { width: 100vw; height: 100vh; position: fixed; z-index: -1; top: 0; background-color: #16274c50; } /*Titre produit jaune*/ .titre-produit a{ text-decoration: none !important; color: #f4d450 !important; } /* Bouton sous produit effet ombre/3D */ .bouton-sous-produit a{ border: 0; border-radius: 4px; background-image: linear-gradient(338deg, #00000010, transparent); box-shadow: inset 2px 2px 3px rgb(255 255 255 / 40%), inset -2px -2px 3px rgb(0 0 0 / 30%); } /*Slider&header produits z-index*/ .sliderProd{ z-index: 1; } .headerProd{ z-index: 2; } /* Méga MENu déroulant */ .transition-300{ font-weight: bolder !important; } .cbp-categories-row a{ margin-bottom: -2px !important; } /* liens bleus */ .liens-bleus{ text-decoration: underline; color: #0e3280 !important; } /* Txt catégorie / pdts */ .category-description { background-color: white; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; border: 1px solid #f0f0f0; } .category-description h2, .category-description h3, .category-description h4, .category-description h5 { margin: 1.5em 0 1em; } .category-description h4{ margin-left: 2em; } .category-description h3{ margin-left: 1em; } .category-description li{ margin: 0.8em 0; } .product-tabs h2, .product-tabs h3, .product-tabs h4{ margin: 1em 0 0.7em; } .product-tabs h2:first-of-type{ margin-top:0; } .product-tabs h3{ margin-left: 1em; margin-bottom: 0.5em; margin-top: 1em; font-weight: 600; } .product-tabs h2{ font-size: 1.5em; } .tab-content ul{ padding-bottom: 1em; } .tab-content li{ margin-bottom: 0.5em !important; } .product-tabs .tableauDescription{ margin: 1em 0em !important; } .tableauDescription{ table-layout: auto; width: 100%; } .tableauDescription tr:nth-child(even) { background: #e0e0e0 } .tableauDescription tr:nth-child(odd) { background: #FFF } .tableauDescription thead tr{ background: #e0e0e0 !important; } /* détails du produit */ #product-details{ display:flex; flex-wrap: wrap; } .product-manufacturer .manufacturer-logo{ width: auto; height: 100%; } .product-features { width: 100%; } .product-manufacturer { width:100%; max-height: 10em; display: block !important; } .product-manufacturer label{ display: none; } .product-reference{ margin-top: 1em; width: 100%; display: block !important; } .data-sheet dt, .data-sheet dd{ margin:0 !important; } .data-sheet dt, .data-sheet dd{ padding: 0.3em !important; } .data-sheet :nth-child(4n){ background: #e0e0e0 !important; } .data-sheet :nth-child(4n+3){ background: #e0e0e0 !important; } /* Espacement carrousel */ /* Bouton BEST Catégories */ .btn_btn a{ padding: 0.53846rem 1.07692rem; background: #0e3280; color: #fff; border: 0; border-radius: 4px; background-image: linear-gradient(338deg,#0000004f,transparent); box-shadow: inset 1.5px 1.5px 3px rgb(255 255 255 / 60%), inset -1px -1px 3px rgb(0 0 0 / 60%), 2px 2px 3px darkgrey; } .btn_btn a:hover{ background: #0e3280; } /* VOUCHER INFO */ .cart-voucher-area{ background-color:#c5d8ff !important; padding: 1em !important; margin: 1em; } .cart-voucher-area p, .cart-voucher-area ul{ font-size: 0.9em; line-height: 1.6em; color: #0e3280 !important; } .cart-voucher-area p{ margin: 0.5em 0 !important; } .cart-voucher-area ul{ font-weight:bold; } /*PRIX panier 100€ de commande*/ .stuck-menu .ifdc-remaining-price{ color: #004085; } .ml-1{ margin-bottom: 0.5em !important; } /* PAGE MARQUE DEWALT */ .brand-dewalt{ display: flex; justify-content: space-around; flex-wrap: wrap; margin: 2em auto 2em; padding: 0 5% 0; } #manufacturer-short-description{ background-color: white; padding: 1%; border: 1px solid #f0f0f0; } #manufacturer-short-description p{ margin-left: 1em; } #manufacturer-short-description p:first-of-type{ margin-left: 0; } #manufacturer-description{ background-color: white; padding: 1%; border: 1px solid #f0f0f0; } #manufacturer-description img{ height: auto !important; width: 50%; display: block; margin: auto; } #manufacturer-short-description h2 { padding-left: 1rem; } #manufacturer-description p{ margin-left: 1em; margin-right: 1rem; margin-top: 1rem; } /*ACCORDEON ACCUEIL*/ .elementor-accordion ul{ list-style: disc; padding-left: 1em; } .elementor-accordion ul li{ padding-bottom: 0.5em; } .elementor-accordion h2{ margin: 0; } .elementor-accordion-title{ display:flex; align-items: center; } /* Page Compte */ .my-account-page-content-wrapper{ background-color:#fff; border-radius:10px; box-shadow: 3px 3px 15px #16274c40; } .my-account-page-content-wrapper a{ padding: 1em !important; } .my-account-page-content-wrapper a .link-item{ color: #16274c; } .my-account-page-content-wrapper a .link-item:hover{ color: #16274caa; } /* Création / Connexion compte */ .page-content{ background-color:#fff; padding: 10px; border-radius:10px; box-shadow: 3px 3px 15px #16274c40; } .page-content .form-control{ border-radius:10px; } .page-content .btn-outline-secondary{ border-radius:10px; } /*Correctif page produits*/ .product-info-row .page-content{ background-color:#fff; border-radius:0px; box-shadow:none; } .product-info-row .page-content .form-control{ border-radius:0px; } .product-info-row .page-content .btn-outline-secondary{ border-radius: 0px; } /*Panier*/ /*Block Descendant*/ .blockcart-content{ border-radius:10px; } .blockcart-content .btn-secondary{ border-radius:5px; } /*Page Panier*/ .cart-container ul{ background-color:#ffffff00; border:none; } .cart-container li:nth-child(1){ background-color:#ffffff00; border:none; margin: 0; box-shadow: none; } .cart-container li{ background-color: #fff; margin-bottom: 1em; border-radius: 10px !important; box-shadow: 1px 1px 5px #16274c10; } .cart-grid-body .alert-warning{ border-radius: 10px; } .cart-grid-body .btn-secondary{ border-radius: 10px; } .cart-summary{ border-radius:10px; } /*TRUSTEDSHOP*/ #ts_product_widget { margin:5px 0 5px; } /*MONDIAL RELAY*/ #mondialrelay_content { margin-left: auto; margin-right: auto; } #mondialrelay_summary { background:#EBECEF; padding: margin-top: 5px; margin-bottom: 10px; } .col-md-12.clearfix { padding: 15px; } /* COOKIES MODULES */ #lgcookieslaw_banner.lgcookieslaw-banner-floating { border-radius: 3px; } .lgcookieslaw-button.lgcookieslaw-reject-button { border-radius: 3px; border-color: #16274C!important; border-width:1px; } .lgcookieslaw-button.lgcookieslaw-accept-button.lggoogleanalytics-accept { border-radius: 3px; border-width:1px; box-shadow: inset 2px 2px 3px rgb(255 255 255 / 40%), inset -2px -2px 3px rgb(0 0 0 / 30%); } .lgcookieslaw-banner-message { text-align:center; } #banner-cookie { max-width:100%; } /*|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|*/ /*DEBUT RESPONSIVE*/ /*|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|*/ @media only screen and (max-width: 767px) { h1 { font-size: 18px !important; } .text-right{ margin: 0 auto; padding: 0; } .left-nav{ margin: 0 auto; padding: 0; } .product-info-row p { font-size: 12px; margin-bottom: 0.5em; } .product-info-row ul{ font-size: 12px; } .breadcrumb { display: none !important; } .product-info-row img{ width: auto; } .product-info-row .product-price{ font-size: 2rem; } .product-carousel .product-price , .products-grid .product-price{ font-size: 1.5em; } .product_header_container{ margin: 0.2em ; padding: 0.2em ; } #wrapper{ padding-top: 1em; } .product-info-row{ padding-top: .5em; } /* TOP BAR */ #header .header-nav { font-size: 0.65em; } /* LOGO PAIEMENT */ /* .product-additional-info { text-align: center; } */ .product-additional-info img{ height : 30px; width: auto; } /* BOUTON PAYPAL */ #ps-checkout-express-button{ text-align: center; } .paypal-buttons{ width: 100% !important; } .price-countdown.badge-discount.discount { margin-bottom: 1em; } #bandeau-livraison{ border-radius: 100px; } #iqithtmlandbanners-block-3{ display: none; } /*Taille du logo*/ .logo{ width: auto; height: 2.7em; } /*COOKIES MOBILE*/ /* #cookieNotice{ width: 90% !important; padding: 0.5em; bottom: 2% !important; left: 5% !important; } */ #iqitcookielaw{ display: block; text-align: center; width: 90%; margin: 0 5% 50% !important; } /*Btn off slider mobile*/ .elementor-image-carousel .slick-arrow{ display: none !important; } .tab-content{ background-color: #fff; padding: 1em !important; border: 1px solid #f0f0f0; /*box-shadow: 1px 1px 10px #00000040;*/ } #manufacturer-description img{ height: auto !important; width: 100%; display: block; margin: auto; } /* popup */ #iqitpopup{ margin-top: 60%;!important } .category-description h2, .category-description h3, .category-description h4, .category-description h5 { margin-left: 0; } .product-tabs h2, .product-tabs h3, .product-tabs h4, .product-tabs h5 { margin-left: 0; } /*ACCORDEON ACCUEIL*/ .elementor-accordion h2{ padding-left: 0.5em; } /* Boite catégorie */ .boxCategories .elementor-image-box-content .elementor-image-box-description P{ margin-bottom: 1.3em; } .boxCategories .elementor-image-box-wrapper{ padding-bottom: 1em; } /*REVOLUTION SLIDER mobile */ #slide-1-layer-1.tp-caption.tp-resizeme{ font-size:27px!important } /*TRUSTEDSHOP*/ #ts_product_widget { margin:12px; margin-left: auto; margin-right: auto; width: 8em } } /*FIN MODIF RESPONSIVE*/