.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #ffffff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #777777; } a:hover:not(.nav-link):not(.btn) { color: #333333; } .pagination .page-list li:hover { border-color: #333333; } .pagination .page-list li.current { border-color: #333333; } .pagination .page-list li.current a { color: #333333; } #mobile-header { background: #ffffff; border-bottom: none 1px; } #mobile-header #mobile-header-sticky { background: #ffffff; } #mobile-header .mobile-main-bar { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #mobile-header .m-nav-btn { color: #4a4a4a; } #mobile-header .m-nav-btn:hover { color: #333333; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ebebeb; } #mobile-header .m-nav-btn { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; 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: 14px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Karla', sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Fugaz One', cursive; } #blockcart-content { background: #ffffff; border: none 1px; } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #000000; color: #ffffff; border: none 1px; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #ffffff; color: #000000; } .btn-secondary:not(:disabled):not(.disabled):active { background: #ffffff; color: #000000; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #000000; color: #ffffff; border: none 1px; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #ffffff; color: #000000; border: none 1px; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #000000; color: #ffffff; border: none 1px; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #ffffff; color: #000000; } .btn-primary:not(:disabled):not(.disabled):active { background: #ffffff; color: #000000; } #wrapper .breadcrumb { background: #ffffff; padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; margin-top: -1.0714285714rem; margin-bottom: 1.0714285714rem; font-style: normal; font-weight: normal; text-transform: none; color: #2b2b2b; } #wrapper .breadcrumb li:after { color: #2b2b2b; } #wrapper .breadcrumb a { color: #2b2b2b; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #000000; border: none 1px; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #000000; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #000000; border: none 1px; } .bootstrap-touchspin .btn-touchspin:hover { color: #000000; } .form-control::-webkit-input-placeholder { color: #000000; } .form-control::-moz-placeholder { color: #000000; } .form-control:-ms-input-placeholder { color: #000000; } .form-control:-moz-placeholder { color: #000000; } .form-control:focus { color: #000000; border-color: #8a8a8a; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: none 1px; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: none 1px; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333333; color: #ffffff; } .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before, .tooltip.tooltip-top .tooltip-inner:before, .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { border-top-color: #333333; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #333333; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #ff9900; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #eba53d; 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: #a17738; color: #fff7f7; } .discount { background: #eba53d; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .product-unavailable-allow-oosp { background: #17459e; color: #0dd138; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #iqitcompare-floating a { color: #242424; } #page-preloader { background: #ffffff; } #back-to-top { background: #a6a6a6; color: #ffffff; } #back-to-top:hover { background: #f07a00; color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px; } #header .container, #checkout-header .container { max-width: 100%; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px; } #header .header-nav { color: #777777; background: #f8f8f8; border-bottom: none 1px; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; font-size: 0.8571428571rem; } #header .header-nav a { color: #777777; } #header .header-nav a:hover { color: #333333; } .header-top { padding-top: 1.7857142857rem; padding-bottom: 1.7857142857rem; color: #525252; } .header-top a:not(.btn):not(.nav-link) { color: #525252; } .header-top a:not(.btn):not(.nav-link):hover { color: #f07a00; } .header-top .form-search-control { background: #f7f7f7; color: #000000; border: none 1px; } .header-top input.form-search-control::-webkit-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top input.form-search-control:-ms-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top .search-btn { color: #000000; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.4285714286rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #f28500; color: #000000; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000000; } .header-top a.header-cart-btn:not(:hover) { color: #000000; } .stuck-header .header-top { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #000000; } .cart-products-count-btn { background: #ff5349; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 70%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ebebeb; border-top: none 1px; border-right: none 1px; border-bottom: none 1px; border-left: none 1px; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.5714285714rem; max-width: 14.2857142857rem; color: #4a4a4a; padding-left: 1rem; padding-right: 1rem; border-left: none 1px; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #4a4a4a; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.2142857143rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.5714285714rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { background: #f28500; color: #ffffff; } .cbp-horizontal .cbp-tab-title { font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.4285714286rem; max-height: 1.4285714286rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.7142857143rem; padding-right: 0.7142857143rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .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: none 1px; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: none 1px; } #cbp-hrmenu1 .cbp-vertical-title { font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.5714285714rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; border-top: none 1px; } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.7142857143rem; max-height: 1.7142857143rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #000000; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #333333 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #000000 !important; border-bottom: none 1px; 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: #ebebeb; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #4a4a4a; } #iqitmegamenu-mobile { background: #ebebeb; color: #4a4a4a; } #iqitmegamenu-mobile a, #iqitmegamenu-mobile a:link, #iqitmegamenu-mobile a:visited, #iqitmegamenu-mobile a:hover { color: #4a4a4a; } #iqitmegamenu-mobile li > ul { background: #d6d6d6; } #iqitmegamenu-mobile li > ul > li > ul { background: #c4c4c4; } #iqitmegamenu-mobile > li > a { border-bottom: none 1px; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { border: none 1px; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: 0rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0rem; } .swiper-container-wrapper { margin: 0rem; } .swiper-container-wrapper .products.swiper-container { padding: 0rem; } .swiper-container-wrapper .product-carousel { padding: 0rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover .product-thumbnail-first:last-child { opacity: 1; } .product-miniature-grid .product-title { font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-style: normal; font-weight: normal; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; } } .product-miniature-grid .product-functional-buttons { background: #ffffff; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .product-add-cart { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.5357142857rem 1.0714285714rem; background: black; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #ffffff; color: #000000; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.7142857143rem; } .products-grid .product-miniature-layout-2 .product-add-cart { display: none !important; } .products-grid .product-miniature-layout-2 .products-variants { padding-top: 0rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.7142857143rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-style: normal; font-weight: normal; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #ffffff; background: #333333; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } #product .product-cover .expander { color: #ffffff; background: #333333; } #product .product-cover .expander:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #main #main-product-wrapper { transition: opacity 0.3s ease; } #main.-combinations-loading { position: relative; } #main.-combinations-loading #product-preloader { display: block; position: absolute; z-index: 10; top: -10px; } #main.-combinations-loading #main-product-wrapper { opacity: 0.3; } @media (max-width: 767px) { #main-product-wrapper .product-add-to-cart { background: #ffffff; position: fixed; bottom: 0; z-index: 99; width: 100%; left: 0; padding-left: 1rem; padding-right: 1rem; } #product #iqitcompare-floating { z-index: 0; } } @media (max-width: 576px) { .product-add-to-cart .col-add-qty { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .product-add-to-cart .col-add-btn { -ms-flex: 1; flex: 1; } .product-add-to-cart .col-add-wishlist, .product-add-to-cart .col-add-compare { max-width: 40px; } .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { padding-left: 0; padding-right: 0; } } @media (max-width: 400px) { .product-add-to-cart .add-to-cart { padding-left: 0rem; padding-right: 0rem; } } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; color: #777777; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #content-wrapper .page-title { color: #f07a00; text-align: center; font-style: normal; font-weight: normal; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #f07a00; } #content-wrapper .page-title:after { content: ""; position: absolute; bottom: -0.5px; display: block; width: 40px; height: 1px; border-bottom: none 1px; left: 0; right: 0; margin: auto; } #content-wrapper .section-title { color: #333333; font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } .nav-tabs .nav-link { color: #000000; font-style: normal; font-weight: normal; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; border-bottom: none 1px; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: none 1px; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: none 1px; } #wrapper .block-title { color: #333333; font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333333; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #f6f6f6; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #bd4e0f; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #777777; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.3571428571rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #777777 !important; } #footer .block-title, #checkout-footer .block-title { color: #f28500; font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #f28500; } #footer-container-first { border-top: none 1px; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; background: #212121; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: normal; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.8571428571rem; padding-bottom: 1.8571428571rem; color: #525252; } #footer-container-main a, #checkout-footer a { color: #525252; } #footer-container-main a:hover, #checkout-footer a:hover { color: #f28500; } #footer-copyrights { border-top: none 1px; background: #525252; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; 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: #ffffff; 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: none 1px; 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; } @import url('https://fonts.googleapis.com/css?family=Fugaz+One&display=swap'); /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v125/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } #cms .page-title { text-transform: uppercase; } #manufacturer .page-title { text-transform: uppercase; } #content-wrapper .page-title { text-transform: uppercase; } .cbp-tab-title { font-family: 'Fugaz One'; } #wrapper { color: #333; font-weight: 800; } #iqitmegamenu-wrapper.stuck-menu { background-color: #ebebeb; } @media (max-width: 992px) { .elementor-brands img { padding:5px; } } .product-miniature-grid .product-price { font-weight:bold; font-size:large; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #3a3a3a; font-weight:bold; } a:hover:not(.nav-link):not(.btn) { color: #f07a00; font-weight:bold; } .btn-primary { font-weight:bold; font-size:medium; } .empty { background-image:url('/themes/keyinfos/img/no_files.png'); } /* ===== CLEFS SHOP - Cadre "Ma commande" fiche produit (ajout 02/10/2026) ===== */ body.page-product #add-to-cart-or-refresh{border:4px solid #d71920;border-radius:12px;background:#fff;overflow:hidden;margin-top:16px;padding:0 0 10px;max-width:620px} body.page-product #add-to-cart-or-refresh::before{content:"Ma commande";display:block;background:#d71920;color:#fff;text-align:center;font-weight:800;font-size:16px;padding:7px} body.page-product #add-to-cart-or-refresh select.form-control,body.page-product #add-to-cart-or-refresh .anpf-select-dropdown-show,body.page-product #add-to-cart-or-refresh input[type=text],body.page-product #add-to-cart-or-refresh input[type=number]{background-color:#fff!important;border:1px solid #d9d9d9!important;border-radius:6px!important;width:100%} body.page-product #add-to-cart-or-refresh .product-variants-item .custom-select2,body.page-product #add-to-cart-or-refresh .product-variants-item select{width:100%!important;max-width:none!important;display:block} body.page-product #add-to-cart-or-refresh .an-pf-field .control-label{display:flex!important;align-items:center;gap:4px;flex-wrap:wrap} body.page-product #add-to-cart-or-refresh .an-pf-field .control-label>*{display:inline-flex!important;margin:0!important} body.page-product #add-to-cart-or-refresh .an-pf-fields-total{display:flex;justify-content:space-between;align-items:center;background:#d71920;color:#fff;border-radius:8px;font-weight:700;margin:0} body.page-product #add-to-cart-or-refresh .an-pf-fields-total *{color:#fff!important} body.page-product #add-to-cart-or-refresh .product-add-to-cart{margin:8px 10px 0;padding-top:8px!important;border-top:1px solid #eee} body.page-product #add-to-cart-or-refresh .add-to-cart{background:#0645d8!important;border-color:#0645d8!important;border-radius:30px!important;text-transform:uppercase;font-weight:700;font-size:12px;min-height:38px} body.page-product #add-to-cart-or-refresh .col-add-qty .input-group{display:flex!important;flex-wrap:nowrap;align-items:stretch;width:auto} body.page-product #add-to-cart-or-refresh .col-add-qty .input-group-btn-vertical{display:flex!important;flex-direction:column;position:static!important;width:26px} body.page-product #add-to-cart-or-refresh .col-add-qty .input-group-btn-vertical .btn{flex:1;padding:0!important;border:1px solid #ddd!important;background:#f7f7f7!important} body.page-product #add-to-cart-or-refresh #quantity_wanted{width:52px!important;height:38px!important;min-height:38px;text-align:center} body.page-product #add-to-cart-or-refresh .product-variants-item-12::before{content:"";display:block;grid-column:1/-1;width:100%;max-width:340px;height:110px;margin:0 auto 6px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20120%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f2f2f2%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23b9bcc0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237d8186%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M20%2012h120v52h-120z%22%20fill%3D%22url(%23g)%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M180%2012h140v52h-140z%22%20fill%3D%22url(%23g)%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M140%2012h40v52h-40z%22%20fill%3D%22url(%23g)%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M20%2064h300v22h-300z%22%20fill%3D%22%23d9dbde%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M146%2064h28v14h-28z%22%20fill%3D%22%239a9ea3%22%20stroke%3D%22%23555%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2276%22%20r%3D%226%22%20fill%3D%22%23fff%22%20stroke%3D%22%23d71920%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M160%2066v20M150%2076h20%22%20stroke%3D%22%23d71920%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M20%2092v20M160%2092v20M320%2092v20%22%20stroke%3D%22%23333%22%2F%3E%3Cpath%20d%3D%22M24%20104h132M164%20104h152%22%20stroke%3D%22%23333%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M24%20104l7-4v8zM156%20104l-7-4v8zM164%20104l7-4v8zM316%20104l-7-4v8z%22%20fill%3D%22%23333%22%2F%3E%3Ctext%20x%3D%2290%22%20y%3D%22100%22%20font-family%3D%22Arial%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%20fill%3D%22%23222%22%3EExt%C3%A9rieur%3C%2Ftext%3E%3Ctext%20x%3D%22240%22%20y%3D%22100%22%20font-family%3D%22Arial%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%20fill%3D%22%23222%22%3EInt%C3%A9rieur%3C%2Ftext%3E%3Ctext%20x%3D%22340%22%20y%3D%2242%22%20font-family%3D%22Arial%22%20font-size%3D%2210%22%20fill%3D%22%23555%22%20text-anchor%3D%22middle%22%3Ec%C3%B4t%C3%A9%3C%2Ftext%3E%3Ctext%20x%3D%22340%22%20y%3D%2254%22%20font-family%3D%22Arial%22%20font-size%3D%2210%22%20fill%3D%22%23555%22%20text-anchor%3D%22middle%22%3Emaison%3C%2Ftext%3E%3C%2Fsvg%3E") center/contain no-repeat} /* Vachette : petites cases */ body.product-id-manufacturer-46 #add-to-cart-or-refresh .product-variants{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 8px 0;margin:0} body.product-id-manufacturer-46 #add-to-cart-or-refresh .product-variants-item,body.product-id-manufacturer-46 #add-to-cart-or-refresh .an-pf-field{background:#fdf4f4;border:1px solid #f0cfcf;border-radius:6px;padding:4px 8px;margin:0!important;float:none!important;width:auto!important} body.product-id-manufacturer-46 #add-to-cart-or-refresh .product-variants-item-12{grid-column:1/-1} body.product-id-manufacturer-46 #add-to-cart-or-refresh .form-control-label,body.product-id-manufacturer-46 #add-to-cart-or-refresh .an-pf-field .control-label{display:block;font-size:10.5px!important;font-weight:700;color:#7a1414;margin:0 0 2px!important;line-height:1.2} body.product-id-manufacturer-46 #add-to-cart-or-refresh select.form-control,body.product-id-manufacturer-46 #add-to-cart-or-refresh .anpf-select-dropdown-show,body.product-id-manufacturer-46 #add-to-cart-or-refresh input[type=text],body.product-id-manufacturer-46 #add-to-cart-or-refresh input[type=number]{font-size:11px!important;height:26px!important;min-height:26px!important;padding-top:0!important;padding-bottom:0!important} body.product-id-manufacturer-46 #add-to-cart-or-refresh .an-pf-fields-wrap{margin:6px 0 0;padding:0 8px} body.product-id-manufacturer-46 #add-to-cart-or-refresh .an-pf-fields-wrap>.col-sm-12{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0} body.product-id-manufacturer-46 #add-to-cart-or-refresh .an-pf-field-type-number,body.product-id-manufacturer-46 #add-to-cart-or-refresh .an-pf-fields-total{grid-column:1/-1} body.product-id-manufacturer-46 #add-to-cart-or-refresh .an-pf-fields-total{font-size:12px;padding:5px 10px} /* Autres marques : lignes libelle | choix */ body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .product-variants,body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .an-pf-fields-wrap,body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .an-pf-fields-wrap>.col-sm-12{display:block;margin:0;padding:0} body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .product-variants{padding:4px 14px 0} body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .an-pf-fields-wrap{padding:0 14px} body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .product-variants-item,body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .an-pf-field{display:grid!important;grid-template-columns:38% 1fr;align-items:center;gap:10px;padding:9px 0;margin:0!important;border-bottom:1px solid #eee;float:none!important;width:auto!important;background:none} body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .form-control-label,body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .an-pf-field .control-label{font-size:13px!important;font-weight:700;color:#222;margin:0!important;padding:0!important;line-height:1.3} body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh select.form-control,body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .anpf-select-dropdown-show,body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh input[type=text],body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh input[type=number]{background-color:#f3f3f3!important;border:1px solid #ddd!important;border-radius:20px!important;font-size:13px!important;height:36px!important;min-height:36px!important;padding:0 14px!important;line-height:34px!important} body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .an-pf-fields-total{margin:10px 0 0;padding:8px 12px;font-size:14px} /* Champs masques : Type de panneton, Commentaire */ body.page-product #add-to-cart-or-refresh .product-variants .product-variants-item.product-variants-item-11,body.page-product #add-to-cart-or-refresh .an-pf-fields-wrap .an-pf-field.an-pf-field-type-textarea,body.page-product #add-to-cart-or-refresh .an-pf-fields-wrap .an-pf-field.an-pf-hide{display:none!important} @media(max-width:575px){body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .product-variants-item,body.page-product:not(.product-id-manufacturer-46) #add-to-cart-or-refresh .an-pf-field{grid-template-columns:1fr;gap:4px}} /* ===== fin Ma commande ===== */ /* ===== CLEFS SHOP - Espace Pro (cms 10) ===== */ body.cms-id-10 #content .elementor{display:none!important} body.cms-id-10 h1.page-title{display:none} .csp{color:#222}.csp *{box-sizing:border-box} .csp-hero{background:linear-gradient(135deg,#0f4475,#1e73be);color:#fff;border-radius:16px;padding:32px 34px;margin:6px 0 18px;display:flex;gap:24px;align-items:center} .csp-hero .t{flex:1} .csp-hero h1{color:#fff;font-size:32px;line-height:1.15;margin:0 0 10px;text-transform:none;font-weight:800} .csp-hero h1 b{color:#ffb15c} .csp-hero p{color:#e8f1fb;font-size:17px;margin:0 0 16px;line-height:1.45} .csp-badge{flex:0 0 200px;background:#f28500;border-radius:16px;text-align:center;padding:20px 10px;box-shadow:0 4px 12px rgba(0,0,0,.2)} .csp-badge b{display:block;font-size:52px;line-height:1;font-weight:900}.csp-badge span{font-size:15px;font-weight:700} .csp-btns{display:flex;flex-wrap:wrap;gap:10px} .csp-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:10px;font-weight:800;font-size:16px;text-decoration:none!important;border:0;cursor:pointer} .csp-btn.o{background:#f28500;color:#fff!important}.csp-btn.w{background:#fff;color:#155a96!important} .csp h2{font-size:26px;font-weight:800;text-align:center;margin:28px 0 14px;text-transform:none} .csp h2 em{font-style:normal;color:#f28500} .csp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .csp-card{background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:18px} .csp-card i{font-style:normal;font-size:28px;display:block;margin-bottom:6px} .csp-card b{display:block;font-size:17px;margin-bottom:4px}.csp-card span{font-size:14px;color:#555;line-height:1.45} .csp-who{display:flex;flex-wrap:wrap;justify-content:center;gap:10px} .csp-who a,.csp-who span{background:#f1f6fc;border:1px solid #d6e4f5;border-radius:30px;padding:9px 16px;font-weight:700;color:#155a96!important;text-decoration:none!important} .csp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .csp-step{background:#f4f8fd;border-radius:14px;padding:18px} .csp-step .n{width:36px;height:36px;border-radius:50%;background:#1e73be;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:8px} .csp-step b{display:block;font-size:16px;margin-bottom:4px}.csp-step span{font-size:14px;color:#444;line-height:1.45} .csp-form{background:#fff;border:2px solid #1e73be;border-radius:16px;padding:22px;max-width:820px;margin:0 auto} .csp-form .r{display:grid;grid-template-columns:1fr 1fr;gap:12px} .csp-form label{display:block;font-weight:700;font-size:14px;margin:0 0 4px} .csp-form input,.csp-form select,.csp-form textarea{width:100%;border:1.5px solid #c9d3e0;border-radius:8px;background:#f7f9fc;padding:10px 12px;font-size:16px;min-height:44px} .csp-form textarea{min-height:90px} .csp-form .f{margin-bottom:12px} .csp-form .note{font-size:13px;color:#666;margin:6px 0 12px} .csp-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;background:#f6f7f9;border-radius:14px;padding:16px;font-weight:700;margin-top:22px} .csp-trust a{color:#222!important;text-decoration:none!important}.csp-trust .st{color:#00b67a} .csp-faq details{background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:12px 16px;margin-bottom:8px} .csp-faq summary{font-weight:700;cursor:pointer}.csp-faq p{margin:8px 0 0;color:#444} @media (max-width:767px){.csp-hero{flex-direction:column;padding:22px 18px}.csp-hero h1{font-size:24px}.csp-badge{flex:none;width:100%}.csp-grid,.csp-steps,.csp-form .r{grid-template-columns:1fr}.csp-btn{flex:1 1 100%;justify-content:center}.csp h2{font-size:22px}} /* ===== fin Espace Pro ===== */ /* ===== CLEFS SHOP - Qui sommes-nous (cms 4) ===== */ body.cms-id-4 #content .elementor,body.cms-id-4 .page-header h1,body.cms-id-4 #main>.page-header{display:none!important} .csq{max-width:1100px;margin:0 auto;padding:0 15px 30px;color:#222;font-size:15px;line-height:1.6} .csq h2{font-size:24px;font-weight:800;margin:34px 0 14px;text-align:center;color:#155a96} .csq h2 em{font-style:normal;color:#f28500} .csq-hero{background:linear-gradient(135deg,#1e73be,#155a96);color:#fff;border-radius:14px;padding:34px 30px;margin:10px 0 18px;text-align:center} .csq-kick{display:inline-block;background:#f28500;color:#fff;font-weight:700;font-size:13px;padding:4px 12px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px} .csq-hero h1{color:#fff;font-size:30px;font-weight:800;line-height:1.25;margin:0 0 12px} .csq-hero h1 b{color:#ffd29a} .csq-hero p{max-width:780px;margin:0 auto;font-size:16px;opacity:.95} .csq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .csq-stats div{background:#fff;border:1px solid #e3ebf4;border-radius:12px;padding:16px 10px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)} .csq-stats b{display:block;font-size:26px;color:#f28500;font-weight:800;line-height:1.1} .csq-stats span{font-size:13px;color:#555} .csq-story{background:#f6f9fc;border-left:5px solid #f28500;border-radius:10px;padding:6px 24px 14px;margin-top:26px} .csq-story h2{text-align:left;margin-top:18px} .csq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .csq-card{background:#fff;border:1px solid #e3ebf4;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.05)} .csq-card i{font-style:normal;font-size:28px} .csq-card b{font-size:17px;color:#155a96} .csq-card span{font-size:14px;color:#444} .csq-card a{color:#f28500!important;font-weight:700;margin-top:auto} .csq-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .csq-vals div{border-top:4px solid #1e73be;background:#fff;border-radius:10px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.05)} .csq-vals div:nth-child(even){border-top-color:#f28500} .csq-vals b{display:block;font-size:16px;margin-bottom:4px;color:#222} .csq-vals span{font-size:13.5px;color:#555} .csq-cta{margin-top:30px;background:#fff4e5;border:2px solid #f28500;border-radius:12px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .csq-cta b{display:block;font-size:18px} .csq-cta span{font-size:14px;color:#555} .csq-btns{display:flex;gap:8px;flex-wrap:wrap} .csq-btns a{padding:11px 18px;border-radius:8px;font-weight:700;text-decoration:none!important;white-space:nowrap} .csq-btns a.o{background:#f28500;color:#fff!important} .csq-btns a.w{background:#fff;color:#155a96!important;border:1px solid #c9d8e8} .csq-sugg{text-align:center;color:#666;font-size:14px;margin-top:18px} .csq-sugg a{color:#1e73be!important;font-weight:700} @media(max-width:767px){.csq-hero{padding:24px 16px}.csq-hero h1{font-size:23px}.csq-stats,.csq-vals{grid-template-columns:1fr 1fr}.csq-grid{grid-template-columns:1fr}.csq h2{font-size:21px}.csq-story{padding:4px 16px 10px}.csq-btns a{flex:1;text-align:center}} /* ===== fin Qui sommes-nous ===== */ /* ===== CLEFS SHOP - Pages info (Livraison, Mentions, CGV, Confidentialite) ===== */ body.cms-id-1 #content .elementor,body.cms-id-1 .page-header,body.cms-id-2 .page-header,body.cms-id-6 .page-header,body.cms-id-8 .page-header{display:none!important} .csl{max-width:900px;margin:0 auto;padding:0 15px 30px;color:#222;font-size:15px;line-height:1.65} .csl-hero{background:linear-gradient(135deg,#1e73be,#155a96);color:#fff;border-radius:14px;padding:26px 26px;margin:10px 0 20px;text-align:center} .csl-hero h1{color:#fff;font-size:28px;font-weight:800;margin:0 0 6px} .csl .csl-hero p{margin:0;opacity:.95;font-size:15px;color:#fff} .csl h2{font-size:19px;font-weight:800;color:#155a96;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid #f28500;scroll-margin-top:90px} .csl p,.csl li{color:#333} .csl ul{padding-left:22px;list-style:disc}.csl ul li{margin:4px 0;list-style:disc} .csl a{color:#1e73be!important;font-weight:600} .csl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px} .csl-cards div{background:#fff;border:1px solid #e3ebf4;border-top:4px solid #f28500;border-radius:10px;padding:14px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)} .csl-cards b{display:block;color:#155a96;font-size:16px} .csl-cards span{font-size:13px;color:#555} .csl-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #e3ebf4} .csl-table th{background:#155a96;color:#fff;text-align:left;padding:9px 12px} .csl-table td{padding:9px 12px;border-top:1px solid #e9eef4;vertical-align:top} .csl-table tr:nth-child(even) td{background:#f8fafc} .csl-kv td:first-child{width:38%;font-weight:700;color:#155a96} .csl-note{font-size:13.5px;color:#555;background:#f6f9fc;border-radius:8px;padding:10px 14px} .csl-id{background:#f6f9fc;border-left:5px solid #1e73be;border-radius:8px;padding:12px 16px;font-size:14px} .csl-toc{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0;padding:12px;background:#fff;border:1px solid #e3ebf4;border-radius:10px} .csl-toc b{width:100%;font-size:14px;color:#155a96} .csl-toc a{font-size:13px;background:#eef4fa;border-radius:16px;padding:4px 11px;text-decoration:none!important} .csl-warn{background:#fff4e5;border-left:5px solid #f28500;border-radius:8px;padding:12px 16px;margin:12px 0;font-size:14.5px} .csl-help{margin-top:26px;background:#fff4e5;border:2px solid #f28500;border-radius:12px;padding:14px 18px} @media(max-width:767px){.csl-hero h1{font-size:23px}.csl-cards{grid-template-columns:1fr}.csl h2{font-size:17px}.csl-table{font-size:13px}.csl-table th,.csl-table td{padding:7px 8px}.csl-kv td:first-child{width:42%}} /* ===== fin Pages info ===== */ /* ===== CLEFS SHOP - Cookies ===== */ #cs-ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:100000;max-width:780px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.25);border-top:4px solid #1e73be;padding:16px 18px;display:flex;gap:16px;align-items:center;font-size:14px;color:#222} #cs-ck b{font-size:15px;color:#155a96} #cs-ck p{margin:4px 0 0;font-size:13px;color:#444;line-height:1.45} #cs-ck a{color:#1e73be!important;font-weight:600;text-decoration:underline} #cs-ck .cs-ck-b{display:flex;gap:8px;flex-shrink:0} #cs-ck .cs-ck-b button{border:0;border-radius:8px;padding:11px 16px;font-weight:700;font-size:14px;cursor:pointer;min-width:130px;color:#fff} #cs-ck .cs-ck-no{background:#155a96} #cs-ck .cs-ck-ok{background:#f28500} #cs-ck-link{display:inline-block;margin-left:12px;color:inherit!important;text-decoration:underline;font-size:13px} @media(max-width:767px){#cs-ck{flex-direction:column;align-items:stretch;left:8px;right:8px;bottom:8px;padding:14px}#cs-ck .cs-ck-b button{flex:1;min-width:0}body.page-product #cs-ck{bottom:118px}} /* ===== fin Cookies ===== */ /* ===== CLEFS SHOP - Documents ===== */ .cs-docs{max-width:620px;margin:14px 0 6px;border:2px solid #1e73be;border-radius:12px;background:#f6f9fc;overflow:hidden;font-size:13.5px;line-height:1.45;color:#222} .cs-docs-h{background:#1e73be;color:#fff;font-weight:800;font-size:15px;padding:8px 14px} .cs-docs-r{padding:10px 14px;border-bottom:1px solid #dfe8f1} .cs-docs-t{display:inline-block;font-weight:700;font-size:12.5px;padding:2px 10px;border-radius:12px;margin-bottom:4px;color:#fff} .cs-docs-t.ok{background:#2e9e4f}.cs-docs-t.no{background:#f28500} .cs-docs p{margin:2px 0} .cs-docs ul{margin:4px 0 0;padding-left:20px;list-style:disc}.cs-docs ul li{list-style:disc;margin:2px 0} .cs-docs a{color:#1e73be!important;font-weight:700;text-decoration:underline} .cs-docs-f{padding:10px 14px;background:#fff;font-size:13px} @media(max-width:767px){.cs-docs{margin:12px 0}.cs-docs{font-size:14px}} /* ===== fin Documents ===== */ /* ===== CLEFS SHOP - Attestations ===== */ .csa{max-width:1000px;margin:10px auto 26px;padding:18px;border:2px solid #1e73be;border-radius:14px;background:#f6f9fc} .csa h2{color:#155a96;font-weight:800;font-size:22px;margin:0 0 6px} .csa p{color:#333;margin:0 0 12px} .csa-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .csa-c{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #dfe8f1;border-left:4px solid #f28500;border-radius:10px;padding:10px 12px;text-decoration:none!important;color:#222!important} .csa-c:hover{box-shadow:0 3px 10px rgba(0,0,0,.1)} .csa-c b{color:#155a96;font-size:15px} .csa-c span{font-size:13px;color:#555} .csa-c em{font-style:normal;font-size:12.5px;font-weight:700;color:#f28500;margin-top:4px} /* ===== fin Attestations ===== */ /* ===== CLEFS SHOP - Vachette passe ===== */ .csv-t{margin:10px 0 22px;padding:16px;border:2px solid #d71920;border-radius:14px;background:#fff} .csv-t h2{font-size:20px;font-weight:800;color:#155a96;margin:0 0 6px} .csv-t p,.csv-s p{font-size:13.5px;color:#444;margin:0 0 10px;line-height:1.45} .csv-w{overflow-x:auto} .csv-t table{width:100%;border-collapse:collapse;font-size:14px} .csv-t th{background:#155a96;color:#fff;padding:8px 10px;text-align:center} .csv-t th:first-child{text-align:left} .csv-t td{padding:6px 8px;border-top:1px solid #eef2f6;text-align:center;vertical-align:middle} .csv-t tr:nth-child(even) td{background:#f8fafc} .csv-t td.csv-m{text-align:left;font-weight:700;color:#222} .csv-t td.csv-m img{width:38px;height:38px;object-fit:contain;vertical-align:middle;margin-right:8px} .csv-t td a{display:inline-flex;flex-direction:column;align-items:center;min-width:110px;padding:5px 10px;border-radius:8px;border:1px solid #c9d8e8;background:#fff;text-decoration:none!important} .csv-t td a b{color:#155a96;font-size:15px} .csv-t td a em{font-style:normal;font-size:11.5px;font-weight:700;color:#1e73be} .csv-t td a.pa{border-color:#f3c48a;background:#fff8ef}.csv-t td a.pa b{color:#c96f00}.csv-t td a.pa em{color:#f28500} .csv-t td a:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)} .csv-s{max-width:620px;margin:12px 0 0} .csv-sb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px} .csv-sb a{display:flex;flex-direction:column;align-items:center;padding:9px 6px;border:2px solid #c9d8e8;border-radius:10px;background:#fff;text-decoration:none!important;color:#222!important} .csv-sb a span{font-weight:700;font-size:14px} .csv-sb a b{color:#155a96;font-size:16px} .csv-sb a.on{border-color:#d71920;background:#fff5f5;box-shadow:0 0 0 2px rgba(215,25,32,.15)} .csv-sb a.on b{color:#d71920} @media(max-width:767px){.csv-t{padding:12px}.csv-t h2{font-size:17px}.csv-t td a{min-width:84px;padding:4px 6px}.csv-t td.csv-m img{display:none}.csv-t table{font-size:13px}} /* ===== fin Vachette passe ===== */