.iqitfake{} /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #fff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1330px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000; } a:hover:not(.nav-link):not(.btn) { color: #ff010b; } .pagination .page-list li:hover { border-color: #ff010b; } .pagination .page-list li.current { border-color: #ff010b; } .pagination .page-list li.current a { color: #ff010b; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 1.42857rem; padding-bottom: 1.42857rem; } #mobile-header .m-nav-btn { color: #000; } #mobile-header .m-nav-btn:hover { color: #777; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Chivo', sans-serif; } #blockcart-content { background: #fff; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled { background: #f8f8f8; color: #333; border: none 1px #f0f0f0; } .btn-secondary:hover, .btn-secondary.disabled:hover, .btn-secondary:disabled:hover, .btn-secondary:focus, .btn-secondary.disabled:focus, .btn-secondary:disabled:focus, .btn-secondary :active, .btn-secondary.disabled :active, .btn-secondary:disabled :active { background: #dedede; color: #2e2e2e; } .btn-secondary:not(:disabled):not(.disabled):active { background: rgba(255, 1, 11, 0.7); color: #fff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f8f8f8; color: #333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #dedede; color: #2e2e2e; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #ff010b; color: #fff; border: none 1px; } .btn-primary:hover, .btn-primary.disabled:hover, .btn-primary:disabled:hover, .btn-primary:focus, .btn-primary.disabled:focus, .btn-primary:disabled:focus, .btn-primary :active, .btn-primary.disabled :active, .btn-primary:disabled :active { background: rgba(255, 1, 11, 0.7); color: #fff; } .btn-primary:not(:disabled):not(.disabled):active { background: rgba(255, 1, 11, 0.7); color: #fff; } #wrapper .breadcrumb { padding-top: 0.71429rem; padding-bottom: 0.71429rem; margin-top: -1.07143rem; margin-bottom: 1.07143rem; font-size: 0.85714rem; font-style: normal; font-weight: normal; text-transform: none; } #wrapper .breadcrumb li:after { color: #000; } #wrapper .breadcrumb a { color: #000; } /*** Text fields ***/ .form-control { background-color: #fff; color: #777; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #fff; } .custom-select2:after { color: #777; } .bootstrap-touchspin .btn-touchspin { background-color: #fff; color: #777; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #777; } .form-control::-webkit-input-placeholder { color: #777; } .form-control::-moz-placeholder { color: #777; } .form-control:-ms-input-placeholder { color: #777; } .form-control:-moz-placeholder { color: #777; } .form-control:focus { color: #777; border-color: #8a8a8a; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000; } .custom-radio input[type=radio]:checked + span { background-color: #000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #fff; color: #000; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #fff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, .05); } /*** Tooltips ***/ .tooltip-inner { background: #333; color: #fff; } .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: #333; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #333; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #fff; border: none 1px; } .js-quickview-np-btn { background: #fff; } /*** Notifications ***/ .ns-box { background: #ca5058; color: #fff; border: none 1px; } .product-price { color: #ff010b; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.78571rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #fff; color: #ff010b; } .product-flags .new { background: #fff; color: #ff010b; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000; } .discount { background: #fff; color: #ff010b; } .product-available { background: #67a675; color: #fff; } .product-unavailable { background: #ff010b; 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: #cce5ff; color: #004085; border-color: #cce5ff; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #004085; text-decoration: underline; } .alert-warning { background: #fff3cd; color: #856404; border-color: #fff3cd; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #856404; text-decoration: underline; } .alert-danger { background: #f8d7da; color: #721c24; border-color: #f8d7da; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #721c24; text-decoration: underline; } #page-preloader { background: #fff; } #back-to-top { background: #000; color: #fff; } #back-to-top:hover { background: #333; color: #fff; } #header { background: rgba(0, 0, 0, 0); border-top: none 1px; border-bottom: none 1px #e3e3e3; } #header .container { max-width: 100%; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: rgba(0, 0, 0, 0); border-bottom: none 1px #e3e3e3; } #header .header-nav { color: #c9c9c9; background: #000; border-bottom: solid 1px #cfcfcf; padding-top: 0.35714rem; padding-bottom: 0.35714rem; font-size: 0.85714rem; display: none !important; } #header .header-nav a { color: #c9c9c9; } #header .header-nav a:hover { color: #fff; } #header .header-nav .social-links._topbar { font-size: 1rem; } .header-top { padding-top: 0.07143rem; padding-bottom: 0.07143rem; color: #000; } .header-top a:not(.btn):not(.nav-link) { color: #000; } .header-top a:not(.btn):not(.nav-link):hover { color: #777; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.71429rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000; color: #000; padding: 0.64286rem 0.64286rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000; } .header-top a.header-cart-btn:not(:hover) { color: #000; } .stuck-header .header-top { padding-top: 0.07143rem; padding-bottom: 0.07143rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #fff; } .cart-products-count-btn { background: #d06e6a; color: #fff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 5.85714rem; max-width: 17.14286rem; color: #000; padding-left: 1.92857rem; padding-right: 1.92857rem; border-left: none 1px #575757; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -2.35714rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 5.85714rem !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: #fff; color: #777; } .cbp-horizontal .cbp-tab-title { font-size: 1.14286rem; font-style: normal; font-weight: bold; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #fff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.57143rem; max-height: 1.57143rem; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } @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.85714rem; padding-right: 0.85714rem; } } #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; } .cbp-vertical-on-top #cbp-hrmenu1-ul { /*** VERTICAL MENU ***/ background: #fff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #fff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.28571rem; font-style: normal; font-weight: normal; text-transform: none; color: #000; background: rgba(0, 0, 0, 0); line-height: 3.57143rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #000; background: rgba(0, 0, 0, 0); } #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.57143rem; padding-bottom: 0.57143rem; 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.71429rem; max-height: 1.71429rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #fff; } #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: #000; background: rgba(0, 0, 0, 0); } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #fff; border: none 1px #37a625; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #000 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #c4aa88 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #000 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #fff; color: #c4aa88 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #000 !important; border-bottom: none 3px #c2bc29; font-size: 1.07143rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #c4aa88 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #000; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #dcd3e0; } #iqitmegamenu-mobile { background: #000; color: #dcd3e0; } #iqitmegamenu-mobile a, #iqitmegamenu-mobile a:link, #iqitmegamenu-mobile a:visited, #iqitmegamenu-mobile a:hover { color: #dcd3e0; } #iqitmegamenu-mobile li > ul { background: #1f1f1f; } #iqitmegamenu-mobile li > ul > li > ul { background: #292929; } #iqitmegamenu-mobile > li > a { border-bottom: none 1px; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { border: none 1px; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .slick-arrow { background: #333; color: #fff; } ul.slick-dots li button:before, ul.slick-dots li.slick-active button:before { color: #333; } /*** Product miniature ***/ .products.row { margin: -0.71429rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.71429rem; } .slick-products-carousel { margin: -0.71429rem; } .slick-products-carousel .slick-list { padding: 0.71429rem; } .slick-products-carousel .product-carousel { padding: 0.71429rem; } .slick-products-carousel.slick-arrows-above .slick-next, .slick-products-carousel.slick-arrows-above .slick-prev { margin: 0.71429rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature-grid .product-title { font-size: 1.42857rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.78571rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-title { overflow: hidden; height: 1.57143rem; } .product-miniature:hover { outline: none 1px; } .product-miniature-grid .product-functional-buttons { background: #fff; display: none; } .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-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .products-variants { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .btn-product-list { padding: 0.39286rem 0.78571rem; background: rgba(0, 0, 0, 0); color: #000; border: solid 1px #000; } .btn-product-list:hover { background: #000; color: #fff; } .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; } .products-grid .slick-slide > div:only-child, .products-grid .slick-slide > div > .product-carousel { height: 100%; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.71429rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.71429rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.28571rem; font-style: normal; font-weight: normal; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .slick-arrow, #product .product-cover .expander > span, #product-modal .modal-body .slick-arrow { color: #fff; background: #333; } .images-container .slick-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .slick-arrow:hover { opacity: 0.6 !important; } #product .product-cover .expander { color: #fff; background: #333; } #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; } #wrapper { background: #fff; border-top: none 1px; border-bottom: none 1px; padding-top: 1.07143rem; padding-bottom: 1.07143rem; color: #000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #333; text-align: left; font-size: 1.57143rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 2px #595050; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #333; } #content-wrapper .section-title { color: #333; text-align: left; font-size: 1.14286rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333; } .nav-tabs .nav-link { color: #000; font-size: 1.14286rem; 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: #000; border-bottom: solid 3px #ca5058; } .iqit-accordion .nav-link { border-bottom: solid 3px #ca5058; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000; border-bottom: solid 3px #ca5058; } #wrapper .block-title { color: #333; text-align: left; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #a1a1a1; } #left-column .block, #right-column .block { border: none 1px; } #footer { background: rgba(0, 0, 0, 0); } #footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px #fff; background: #fff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #ff010b; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #777; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #777; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #777; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #777; } #footer .social-links._footer { font-size: 1.42857rem; } #footer .social-links._footer a:not(:hover) { color: #000 !important; } #footer .social-links._footer a:hover { color: #ff010b !important; } #footer .block-title { color: #fff; text-align: left; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #footer .block-title a:link, #footer .block-title a:visited { color: #fff; } #footer .block-title span { margin-right: 0.5rem; } #footer .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #e3e3e3; } #footer-container-first { border-top: none 1px; padding-top: 2.14286rem; padding-bottom: 2.14286rem; background: #1f1f1f; color: #fff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main { border-top: none 1px #000; padding-top: 2.71429rem; padding-bottom: 1.71429rem; color: #000; } #footer-container-main a { color: #000; } #footer-container-main a:hover { color: #ff010b; } #footer-copyrights { border-top: none 1px; background: rgba(0, 0, 0, 0); } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-content { opacity: 0; visibility: hidden; height: 0; } #footer .block-toggle._toggled > .block-content { opacity: 1; visibility: visible; height: auto; } #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: #333; } #maintenance-page a, #maintenance-page a:link { color: #333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000; color: #fff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333; color: #fff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333; background: #e3e3e3; color: #333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333; } @media (max-width: 575px){ #product-modal .modal-dialog{ min-height: 100%; } #product-modal .modal-content { min-height: 100%; position: absolute; left: 0; right: 0; } } @media (max-width: 700px){ #facets_search_center #search_filters .facet { width: 33%; } } @media (max-width: 530px){ #facets_search_center #search_filters .facet { width: 50%; } } @media (max-width: 362px){ #facets_search_center #search_filters .facet { width: 100%; } } .dt_group_wrapper{ display:flex; flex-direction:column; } .dt_group_wrapper button.btn.btn-toggler-custom:not(:last-of-type){ margin-bottom:1em; } .dt_group_wrapper button.btn.btn-toggler-custom{ border: 1px solid black; font-weight: bold; font-size: 2em; background-repeat: no-repeat; background-position: 95% center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6Ii8+PC9zdmc+"); } .dt_group_wrapper button.btn.btn-toggler-custom.open{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAxNi42N2wyLjgyOSAyLjgzIDkuMTc1LTkuMzM5IDkuMTY3IDkuMzM5IDIuODI5LTIuODMtMTEuOTk2LTEyLjE3eiIvPjwvc3ZnPg=="); margin-bottom:0; } @media screen and (max-width:500px){ .dt_group_wrapper button.btn.btn-toggler-custom{ text-align:left; font-size:1.45em; } } /* Histoire d'Optic 26/10/2026 : logos des marques plus grands et élégants */ .manu-wrap .manu-item .man-item-inner{background:#fff!important;box-shadow:0 2px 14px rgba(0,0,0,.06);border-radius:10px;padding:18px 12px 14px;transition:box-shadow .25s,transform .25s} .manu-wrap .manu-item .man-item-inner:hover{box-shadow:0 8px 26px rgba(0,0,0,.12);transform:translateY(-2px)} .manu-wrap .manu-image{background:#fff!important} .manu-wrap .manu-image img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain;padding:0!important;border:0!important;box-shadow:none!important} .manu-wrap .manu-title a{font-size:15px;letter-spacing:1px} .manu-wrap .manu-nproducts{color:#b48a4e;font-size:13px} .manu-wrap .manu-image a{background:#fff!important;padding:0!important;border-radius:8px} @media (max-width:767px){.manu-wrap .manu-title,.manu-wrap .manu-nproducts{display:block!important}.manu-wrap .manu-item .man-item-inner{padding:10px 6px}} .manu-wrap .manu-item,.manu-wrap .manu-item .man-item-inner{height:auto!important;min-height:0!important} .manu-wrap .manu-item{margin-bottom:14px} /* Histoire d'Optic : page Nos réseaux sociaux */ .hdo-rs-intro{text-align:center;font-size:17px;color:#555;margin:10px 0 34px} .hdo-rs-grid{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;max-width:1100px;margin:0 auto 40px} .hdo-rs-card{width:310px;max-width:100%;padding:32px 20px 28px;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08);border:1px solid #eee;text-align:center;transition:transform .25s,box-shadow .25s} .hdo-rs-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.14)} .hdo-rs-card p{margin:0} .hdo-rs-ic{display:inline-flex!important;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;font:900 34px Arial,sans-serif;color:#000!important;text-decoration:none!important} .hdo-rs-ic img{width:38px!important;height:38px!important} .hdo-rs-tiktok .hdo-rs-ic{background:#000} .hdo-rs-instagram .hdo-rs-ic{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)} .hdo-rs-facebook .hdo-rs-ic{background:#1877F2} .hdo-rs-snapchat .hdo-rs-ic{background:#FFFC00} .hdo-rs-whatnot .hdo-rs-ic{background:#FFE500} .hdo-rs-whatsapp .hdo-rs-ic{background:#25D366} .hdo-rs-name{font-size:21px;font-weight:600;margin-top:16px!important;color:#111} .hdo-rs-handle{font-size:14px;color:#b48a4e;margin-top:3px!important} .hdo-rs-count{font-size:40px;font-weight:700;color:#111;line-height:1;margin-top:12px!important} .hdo-rs-unit{font-size:12px;letter-spacing:3px;color:#999;text-transform:uppercase} .hdo-rs-sub{font-size:15px;color:#777;margin-top:14px!important} .hdo-rs-btnp{margin-top:18px!important} .hdo-rs-btn{display:inline-block;padding:10px 28px;border:1px solid #111;border-radius:30px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#111!important;text-decoration:none!important} .hdo-rs-btn:hover{background:#111;color:#fff!important} /* grille des marques : largeur fixe, jamais une marque seule en grand */ .manu-wrap{display:flex!important;flex-wrap:wrap!important;justify-content:center} .manu-wrap .manu-item{flex:0 0 16.666%!important;max-width:16.666%!important;width:auto!important} @media (max-width:991px){.manu-wrap .manu-item{flex:0 0 33.333%!important;max-width:33.333%!important}} /* Histoire d'Optic : confiance et fiches produit */ .hdo-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:16px 10px;margin:0 0 30px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;color:#222} .hdo-t-i{display:inline-flex;align-items:center;gap:8px;color:#222!important;text-decoration:none!important} .hdo-t-stars{color:#e8b33c;letter-spacing:1px} .hdo-t-ic{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:#111;color:#d8c39a;font-size:12px;font-weight:700;padding:0 4px} @media (max-width:767px){.hdo-trust{justify-content:flex-start;gap:10px;font-size:13px}.hdo-t-i{width:100%}} .hdo-pp{margin:22px 0 10px;padding:18px 18px 20px;border:1px solid #eee;border-radius:12px;background:#fafafa} .hdo-size-t{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:10px} .hdo-size-g{display:flex;gap:10px;margin-bottom:14px} .hdo-size-g>div{flex:1;background:#fff;border:1px solid #eee;border-radius:10px;padding:10px 6px;text-align:center} .hdo-size-g svg{width:64px;height:32px;display:block;margin:0 auto 4px} .hdo-size-g b{display:block;font-size:16px} .hdo-size-g span{display:block;font-size:12px;color:#888} .hdo-pp-l{list-style:none;padding:0;margin:0 0 16px} .hdo-pp-l li{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:14px} .hdo-pp-l li span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:#111;color:#d8c39a;font-size:11px;font-weight:700} .hdo-pp-wa{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff!important;padding:11px 20px;border-radius:30px;font-weight:600;font-size:14px;text-decoration:none!important} .hdo-pp-wa img{width:20px!important;height:20px!important} /* marques masquées de l accueil (Dan) */ .manu-wrap .manu-item:has(a[href*="/brand/67-"]){display:none!important} .hdo-trust{border:0!important;margin:10px 0 0!important;padding:26px 10px!important;background:#faf7f1;border-radius:14px;gap:14px 34px!important;font-size:13px!important} @media (max-width:767px){.hdo-trust{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;padding:18px 14px!important}.hdo-t-i{width:auto!important;font-size:12px}.hdo-t-i:first-child{grid-column:1 / -1;justify-content:center}} /* menu déroulant Femme / Homme */ #iqitmegamenu-horizontal .hdo-has-dd{position:relative} #iqitmegamenu-horizontal .hdo-dd{display:none;position:absolute;left:50%;transform:translateX(-50%);top:100%;z-index:999;min-width:210px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.12);padding:8px 0} #iqitmegamenu-horizontal .hdo-has-dd:hover .hdo-dd{display:block} #iqitmegamenu-horizontal .hdo-dd a{display:block;padding:11px 22px;font-size:15px;color:#111!important;white-space:nowrap;text-decoration:none!important} #iqitmegamenu-horizontal .hdo-dd a:hover{background:#faf7f1;color:#b48a4e!important} /* Histoire d'Optic : noms complets sur les vignettes */ .product-miniature .product-title{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;min-height:2.8em;line-height:1.4em!important;font-size:14px!important;margin-bottom:6px} .product-miniature .product-title a{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;height:auto!important;max-height:none!important} /* menu déroulant Nos marques */ #iqitmegamenu-horizontal .hdo-mq{min-width:260px;padding:8px 0 0} #iqitmegamenu-horizontal .hdo-mq-l{max-height:62vh;overflow-y:auto;overscroll-behavior:contain} #iqitmegamenu-horizontal .hdo-mq-l::-webkit-scrollbar{width:6px}#iqitmegamenu-horizontal .hdo-mq-l::-webkit-scrollbar-thumb{background:#d8c7a6;border-radius:3px} #iqitmegamenu-horizontal .hdo-mq-w{display:block;padding:11px 22px;color:#999;font-size:14px} #iqitmegamenu-horizontal .hdo-mq a.hdo-mq-all{border-top:1px solid #eee;margin-top:6px;font-weight:bold;color:#b48a4e!important} /* bloc Agréé mutuelles */ .hdo-mut2{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:18px 34px;margin:26px 0 18px;padding:26px 34px;background:#111;color:#fff;border-radius:14px} .hdo-mut2-k{font-size:11px;letter-spacing:3px;color:#c9a46a;text-transform:uppercase} .hdo-mut2-t{font-family:Georgia,serif;font-size:28px;line-height:1.2;margin:4px 0} .hdo-mut2-p{font-size:14px;color:#cfcfcf} .hdo-mut2-b{display:flex;align-items:center;gap:14px;border-left:1px solid #333;padding-left:30px} .hdo-mut2-b b{font-family:Georgia,serif;font-size:42px;font-weight:normal;color:#e7c98f;line-height:1} .hdo-mut2-b span{font-size:14px;line-height:1.45;color:#eee} .hdo-mut2-c a{display:inline-block;background:#c9a46a;color:#111!important;text-decoration:none!important;padding:13px 24px;border-radius:30px;font-size:14px;font-weight:bold;white-space:nowrap} .hdo-mut2-l{grid-column:1/-1;border-top:1px solid #2a2a2a;padding-top:14px;font-size:12.5px;color:#a8a8a8;letter-spacing:.3px;text-align:center} .hdo-mut2-n{grid-column:1/-1;font-size:10.5px;color:#777;text-align:center;margin-top:-8px} @media(max-width:991px){.hdo-mut2{grid-template-columns:1fr;text-align:center;padding:24px 18px}.hdo-mut2-b{border-left:0;padding-left:0;justify-content:center}} /* filtres : bouton visible sur téléphone */ @media (max-width:767px){ #PM_ASBlock_1>.card-header{display:flex;justify-content:center;align-items:center;gap:8px;background:#111;border-radius:30px;padding:13px 18px!important;margin:0 0 14px;cursor:pointer;border:0} #PM_ASBlock_1>.card-header,#PM_ASBlock_1>.card-header *{color:#fff!important} #PM_ASBlock_1>.card-header .PM_ASBlockTitle::before{content:"Filtrer : marque, forme, prix";font-weight:bold;font-size:15px;margin-right:8px} #PM_ASBlock_1 .PM_ASBlockNbProductValue{font-size:12px;opacity:.75;font-weight:normal} } /* recherche simplifiée : suggestions et raccourcis */ .hdo-sug{display:none;position:absolute;top:100%;left:0;right:0;min-width:300px;z-index:3000;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);padding:6px 0;margin-top:6px;max-height:70vh;overflow-y:auto;text-align:left} .hdo-sug-t{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#999;padding:10px 16px 4px} .hdo-sug a{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:14px;color:#111!important;text-decoration:none!important} .hdo-sug a:hover{background:#faf7f1} .hdo-sug-p img{width:52px;height:auto;flex:none;border-radius:4px} .hdo-sug-p span{flex:1;line-height:1.3}.hdo-sug-p b{color:#c0392b;white-space:nowrap;font-weight:normal} .hdo-sug a.hdo-sug-all{justify-content:center;font-weight:bold;color:#b48a4e!important;border-top:1px solid #eee;margin-top:4px} .hdo-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px} .hdo-chips a{border:1px solid #d9c9a8;border-radius:30px;padding:8px 16px;font-size:14px;color:#111!important;text-decoration:none!important;background:#fff} .hdo-chips a.on,.hdo-chips a:hover{background:#111;color:#fff!important;border-color:#111} @media(max-width:767px){.hdo-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.hdo-chips a{white-space:nowrap}} #PM_ASCriterionGroupCheckbox_1_4{max-height:270px;overflow-y:auto;padding-right:6px} #PM_ASCriterionGroupCheckbox_1_4::-webkit-scrollbar{width:5px}#PM_ASCriterionGroupCheckbox_1_4::-webkit-scrollbar-thumb{background:#d8c7a6;border-radius:3px} /* agrandissement des photos produit */ .hdo-zoom{display:none;position:fixed;inset:0;z-index:100000;background:#fff;align-items:center;justify-content:center} .hdo-z-v{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden} .hdo-z-v img{max-width:96vw;max-height:88vh;object-fit:contain;transition:transform .25s ease;cursor:zoom-in;touch-action:none;user-select:none} .hdo-z-x{position:absolute;top:14px;right:16px;z-index:2;width:46px;height:46px;border-radius:50%;border:0;background:#111;color:#fff;font-size:28px;line-height:46px;cursor:pointer} .hdo-z-p,.hdo-z-n{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#111;font-size:30px;line-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center} .hdo-z-p{left:14px}.hdo-z-n{right:14px} .hdo-z-a{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(17,17,17,.75);color:#fff;font-size:13px;padding:7px 14px;border-radius:20px} #product-images-large img,.product-cover img{cursor:zoom-in} /* Histoire d'Optic : horaires de la semaine */ .hdo-h{max-width:420px;margin:30px auto;padding:22px 26px;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.06);text-align:left;color:#111} .hdo-h-t{font-size:15px;letter-spacing:3px;text-transform:uppercase;text-align:center;margin-bottom:14px;font-weight:600} .hdo-h ul{list-style:none;padding:0;margin:0} .hdo-h li{display:flex;justify-content:space-between;gap:12px;padding:7px 4px;border-bottom:1px solid #f1f1f1;font-size:15px} .hdo-h li:last-child{border-bottom:0} .hdo-h li em{font-style:normal;color:#b48a4e;font-size:12px} .hdo-h-auj{font-weight:700;background:#faf6ee;border-radius:6px} .hdo-h-ferme span:last-child{color:#999} .hdo-h-a{text-align:center;font-size:13px;color:#777;margin-top:14px} .hdo-h-top{color:#d8c39a} .hdo-h-go{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px} .hdo-h-go a{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:30px;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.12)} .hdo-h-go a img{width:20px!important;height:20px!important} .hdo-waze{background:#33ccff} .hdo-waze:hover{background:#1fb6ea} .hdo-gmaps{background:#111} .hdo-h-a a{color:#777!important} .hdo-h .hdo-h-l{display:flex;justify-content:space-between;gap:12px;padding:7px 4px;border-bottom:1px solid #f1f1f1;font-size:15px;margin:0} .hdo-h p{margin:0} .hdo-h .hdo-h-t{margin-bottom:12px} .hdo-waze:before{content:"";display:inline-block;width:20px;height:20px;background:url(https://cdn.simpleicons.org/waze/ffffff) no-repeat center/contain} .hdo-gmaps:before{content:"";display:inline-block;width:20px;height:20px;background:url(https://cdn.simpleicons.org/googlemaps/ffffff) no-repeat center/contain}