.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1360px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #0f1318; } a:hover:not(.nav-link):not(.btn) { color: #e1251b; } .pagination .page-list li:hover { border-color: #e1251b; } .pagination .page-list li.current { border-color: #e1251b; } .pagination .page-list li.current a { color: #e1251b; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } #mobile-header .m-nav-btn { color: #777777; } #mobile-header .m-nav-btn:hover { color: #333333; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 15px; } @media (max-width: 767px) { html { font-size: 15px; } } body { line-height: 1.6rem; } body { font-family: 'Inter', sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Unbounded', sans-serif; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 0px 34px 0px rgba(20, 22, 26, 0.12); } /*** 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: #eceff2; color: #0f1318; 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: #0f1318; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #0f1318; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #eceff2; color: #0f1318; border: solid 1px #d9d5cd; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #0f1318; color: #ffffff; border: solid 1px #d9d5cd; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #e1251b; 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: #bf1c13; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #bf1c13; color: #ffffff; } #wrapper .breadcrumb { padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; margin-top: -1.6rem; margin-bottom: 1.6rem; font-size: 0.8666666667rem; font-style: normal; font-weight: normal; text-transform: none; color: #7c858f; } #wrapper .breadcrumb li:after { color: #7c858f; } #wrapper .breadcrumb a { color: #7c858f; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #0f1318; border: solid 1px #d9d5cd; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #0f1318; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #0f1318; border: solid 1px #d9d5cd; } .bootstrap-touchspin .btn-touchspin:hover { color: #0f1318; } .form-control::-webkit-input-placeholder { color: #0f1318; } .form-control::-moz-placeholder { color: #0f1318; } .form-control:-ms-input-placeholder { color: #0f1318; } .form-control:-moz-placeholder { color: #0f1318; } .form-control:focus { color: #0f1318; border-color: #0f1318; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #0f1318; } .custom-radio input[type=radio]:checked + span { background-color: #0f1318; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #0f1318; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(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: #0f1318; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.7333333333rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #e1251b; color: #ffffff; } .product-flags .new { background: #0f1318; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #eceff2; color: #0f1318; } .product-flags .out_of_stock { background: #eceff2; color: #59626c; } .discount { background: #e1251b; color: #ffffff; } .product-available { background: #e4f2e9; color: #1b6b3c; } .product-unavailable { background: #eceff2; color: #59626c; } .product-unavailable-allow-oosp { background: #eceff2; color: #59626c; } .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; } #page-preloader { background: #ffffff; } #back-to-top { background: #0f1318; color: #ffffff; } #back-to-top:hover { background: #e1251b; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px; } #header .header-nav { color: #3b424a; background: #f2f4f6; border-bottom: none 1px; padding-top: 0.6rem; padding-bottom: 0.6rem; font-size: 0.8666666667rem; } #header .header-nav a { color: #0f1318; } #header .header-nav a:hover { color: #e1251b; } #header .header-nav .social-links._topbar { font-size: 0.9333333333rem; } .header-top { padding-top: 1.4666666667rem; padding-bottom: 1.4666666667rem; color: #3b424a; } .header-top a:not(.btn):not(.nav-link) { color: #0f1318; } .header-top a:not(.btn):not(.nav-link):hover { color: #e1251b; } .header-top .form-search-control { background: #f2f4f6; color: #0f1318; border: none 1px; } .header-top input.form-search-control::-webkit-input-placeholder { color: #0f1318; } .header-top input.form-search-control:-moz-placeholder { color: #0f1318; } .header-top input.form-search-control:-ms-input-placeholder { color: #0f1318; } .header-top input.form-search-control:-moz-placeholder { color: #0f1318; } .header-top .search-btn { color: #0f1318; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.6666666667rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: rgba(0, 0, 0, 0); color: #0f1318; } .header-top .header-cart-default a.cart-toogle:hover { color: #0f1318; } .header-top a.header-cart-btn:not(:hover) { color: #0f1318; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #0f1318; } .cart-products-count-btn { background: #e1251b; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 62%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #0f1318; border-top: none 1px; border-right: none 1px; border-bottom: none 1px; border-left: none 1px; 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: 3.7333333333rem; max-width: 26.6666666667rem; color: #ffffff; padding-left: 1.3333333333rem; padding-right: 1.3333333333rem; border-left: none 1px; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #ffffff; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.3333333333rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.7333333333rem !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: #19202a; color: #ffffff; } .cbp-horizontal .cbp-tab-title { font-size: 0.8666666667rem; letter-spacing: 0.0533333333rem; font-style: normal; font-weight: bold; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ffffff; color: #e1251b; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.3333333333rem; max-height: 1.3333333333rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.9333333333rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(15px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .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.2rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.3333333333rem; } #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.5333333333rem; padding-bottom: 0.5333333333rem; 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.6rem; max-height: 1.6rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #000000; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #0f1318 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #e1251b !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-links li a:before { display: none; } .cbp-hrmenu .cbp-links li a { padding-left: 0; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #e1251b !important; border-bottom: none 1px; font-size: 0.7333333333rem; letter-spacing: 0.16rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #e1251b !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #0f1318 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.6rem; } #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.0666666667rem; padding-bottom: 1.0666666667rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #3b424a !important; padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 4.1333333333rem; } .mobile-menu__link { color: #0f1318 !important; padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; font-size: 1.2rem; font-style: normal; font-weight: bold; text-transform: none; } .mobile-menu__arrow { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; color: #0f1318; font-size: 1.4666666667rem; } .mobile-menu__tab-icon { font-size: 1.2rem; } .mobile-menu__tab-icon--img { max-height: 1.2rem; } .mobile-menu__legend { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #e1251b; } .mobile-menu__header-wrapper { color: #0f1318; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.4666666667rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #0f1318 !important; } .mobile-menu__column { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; color: #3b424a; margin-bottom: 2.6666666667rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.6666666667rem; } .mobile-menu__column-title { margin-bottom: 0.5333333333rem; } .mobile-menu__links-list-li { padding-top: 0.4rem; padding-bottom: 0.4rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #0f1318; } .mobile-menu__footer { border-top: none 1px; color: #0f1318; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: rgba(0, 0, 0, 0); color: #0f1318; } .swiper-pagination-bullet { background: #b3131b; } .swiper-pagination-product { display: none !important; } /*** Product miniature ***/ .products.row { margin: -0.8rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.8rem; } .swiper-container-wrapper { margin: -0.8rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.8rem; } .swiper-container-wrapper .product-carousel { padding: 0.8rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.8rem; } .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 picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 0.9333333333rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; } } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .product-miniature-grid .product-functional-buttons a { display: block; border-radius: 50%; margin: 5px 0; padding: 8px; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1); } .product-miniature-grid .product-functional-buttons i { font-size: 1rem; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { background: #ffffff; } .product-miniature-grid .product-functional-buttons-bottom { bottom: auto; top: 0.7rem; right: 0rem; left: auto; min-width: auto; padding: 0; transform: translate(0, 0); } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-brand { 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.5rem 1rem; background: #e1251b; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #bf1c13; color: #ffffff; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .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: 1.8666666667rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #ffffff; background: #333333; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #ffffff; background: #333333; transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } @media screen and (max-width: 768px) { .col-left-product-cover, .col-left-product-thumbs { flex: 0 0 100%; max-width: 100%; } .col-left-product-thumbs { order: 2; margin-top: 2rem; } } #checkout #header { display: none !important; } #checkout #footer, #checkout #iqitcompare-floating-wrapper { display: none !important; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 1.6rem; padding-bottom: 1.6rem; color: #3b424a; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #0f1318; font-size: 1.8666666667rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #0f1318; } #content-wrapper .section-title { color: #0f1318; font-size: 1.3333333333rem; font-style: normal; font-weight: bold; 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: #0f1318; } .nav-tabs .nav-link { color: #0f1318; font-size: 1.0666666667rem; 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: #0f1318; border-bottom: solid 2px #0f1318; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 2px #0f1318; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #0f1318; border-bottom: solid 2px #0f1318; } #wrapper .block-title { color: #7c858f; font-size: 0.8rem; letter-spacing: 0.0933333333rem; font-style: normal; font-weight: bold; text-transform: uppercase; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #7c858f; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #0f1318; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #e3e3e3; 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.2666666667rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #777777 !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 0.8rem; letter-spacing: 0.1066666667rem; font-style: normal; font-weight: bold; text-transform: uppercase; 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: #ffffff; } #footer-container-first { border-top: none 1px; padding-top: 2rem; padding-bottom: 2rem; background: #212121; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; letter-spacing: 0.1066666667rem; text-transform: uppercase; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 4rem; padding-bottom: 3rem; color: #9aa3ad; } #footer-container-main a, #checkout-footer a { color: #c4cbd2; } #footer-container-main a:hover, #checkout-footer a:hover { color: #ffffff; } #footer-copyrights { border-top: none 1px; background: #0a0d11; padding-top: 1.2rem; padding-bottom: 1.2rem; } @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; } /* ===================================================================== ANGLOCARS 2026 — custom CSS (iqitthemeeditor → Kody → CSS) 1. Zmienne (kolory, ikony) 5. Listing i karuzele 2. Globalne 6. Karta produktu 3. Nagłówek i menu 7. Strona główna (iqitelementor) 4. Ikony 8. Strony treści, stopka Kolory bazowe, czcionki i układy ustawia się w opcjach edytora motywu — tutaj jest to, czego opcje nie obejmują. Zmienne --m-* czyta też moduł iqitcheckoutsteps (kasa krok po kroku). ===================================================================== */ /* ===== 1. Zmienne ===== */ :root { --m-ink: #0f1318; /* czerń: tekst główny, ciemne sekcje, pasek menu */ --m-ink-2: #19202a; /* jaśniejsza czerń: hover w ciemnych sekcjach */ --m-text: #3b424a; /* tekst treści */ --m-mid: #59626c; /* etykiety, opisy */ --m-muted: #7c858f; /* tekst pomocniczy, ikony */ --m-beige: #eceff2; /* chłodne jasne tło akcentu: wybrane opcje, przyciski drugorzędne */ --m-beige-dark: #dde2e7; /* hover na akcencie */ --m-soft: #f2f4f6; /* tło sekcji i pól */ --m-line: #e5e8eb; /* cienkie linie */ --m-line-warm: #dfe3e7; --m-underline: #c9cfd5; --m-font-head: 'Unbounded', sans-serif; --a-red: #e1251b; /* akcent: przyciski, ikony, wyróżnienia */ --a-red-dark: #bf1c13; --m-ico-search: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227.5%22/%3E%3Cpath d=%22m20.5 20.5-4.2-4.2%22/%3E%3C/svg%3E"); --m-ico-user: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224.5%22/%3E%3Cpath d=%22M4 21a8 8 0 0 1 16 0%22/%3E%3C/svg%3E"); --m-ico-heart: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22/%3E%3C/svg%3E"); --m-ico-bag: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 4h2.2l2.3 11.2a1 1 0 0 0 1 .8h9.3a1 1 0 0 0 1-.76L20.5 8H6.3%22/%3E%3Ccircle cx=%229.5%22 cy=%2219.5%22 r=%221.3%22/%3E%3Ccircle cx=%2217%22 cy=%2219.5%22 r=%221.3%22/%3E%3C/svg%3E"); --m-ico-menu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M3 7h18M3 12h18M3 17h18%22/%3E%3C/svg%3E"); --m-ico-compare: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 4 3 8l4 4M3 8h14M17 12l4 4-4 4M21 16H7%22/%3E%3C/svg%3E"); --m-ico-eye: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E"); --m-ico-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 4.99-5.54 10.19-7.4 11.8a1 1 0 0 1-1.2 0C9.54 20.19 4 14.99 4 10a8 8 0 0 1 16 0%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E"); --m-ico-phone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E"); --m-ico-mail: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M22 7l-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22/%3E%3C/svg%3E"); --m-ico-chevron-left: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 18l-6-6 6-6%22/%3E%3C/svg%3E"); --m-ico-chevron-right: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 18l6-6-6-6%22/%3E%3C/svg%3E"); --m-ico-close: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M5 5l14 14M19 5L5 19%22/%3E%3C/svg%3E"); } /* ===== 2. Globalne ===== */ /* Szerokość strony: maks. 1360px (theme editor → g_max_width), zawsze z marginesem po bokach; pasy na całą szerokość (sekcje „stretched”) trzymają treść w tej samej szerokości, a kontenery zagnieżdżone nie zwężają się drugi raz */ @media (min-width: 992px) { .container, .elementor-section-stretched.elementor-section-boxed > .elementor-container { max-width: min(1360px, calc(100% - 64px)); } .container .container, #desktop-header .container-iqitmegamenu { max-width: 100%; padding-left: 0; padding-right: 0; } } /* Nagłówki: szeroki krój Unbounded (theme editor), ciaśniej i bez linii */ h1, h2, h3, .page-title, .section-title { letter-spacing: -.02em; } h1.page-title, .page-header h1 { font-weight: 600; line-height: 1.2; } .block-title, .page-title, .section-title { border: 0 !important; } b, strong { font-weight: 600; } /* Przyciski: prostokątne, wersaliki */ .btn { border-radius: 2px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: .9rem 1.6rem; box-shadow: none !important; } .btn-lg, .btn-block { padding: 1.1rem 1.9rem; } .btn-secondary { background: var(--m-beige); color: var(--m-ink); border-color: transparent; } .btn-secondary:hover { background: var(--m-ink); color: #fff; border-color: transparent; } /* Pola i listy rozwijane */ .form-control { border-radius: 2px; } .form-control:focus { box-shadow: none; } .dropdown-menu { border: 0; border-radius: 2px; box-shadow: 0 16px 36px rgba(15, 19, 24, .12); } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { background: var(--m-soft); } /* Komunikaty: jasne tło i cienka kreska zamiast kolorowych bloków */ .alert { padding: .85rem 1.1rem; border: 0; border-left: 3px solid var(--m-ink); border-radius: 0; background: var(--m-soft); color: var(--m-ink); font-size: 14px; } .alert-warning, .alert-info { border-left-color: var(--m-ink); background: var(--m-soft); color: var(--m-ink); } .alert-danger { border-left-color: var(--a-red); } .alert-success { border-left-color: #1f8a4c; } .alert-warning { border-left-color: #c58a12; } /* ===== 3. Nagłówek i menu ===== */ /* Pasek górny: jasny, kontakt z czerwonymi ikonami */ #header .header-nav { font-weight: 500; } #header .header-nav .block-iqitlinksmanager ul { display: flex; flex-wrap: wrap; align-items: center; gap: 1.75rem; margin: 0; } #header .header-nav .block-iqitlinksmanager li { margin: 0; padding: 0; border: 0; } #header .header-nav .block-iqitlinksmanager li::before, #header .header-nav .block-iqitlinksmanager li::after { display: none; } #header .header-nav .block-iqitlinksmanager li a { display: inline-flex; align-items: center; gap: .5rem; } #header .header-nav .block-iqitlinksmanager li a::before { content: ""; width: 15px; height: 15px; background: var(--a-red); -webkit-mask: var(--mi) center / contain no-repeat; mask: var(--mi) center / contain no-repeat; } #header .header-nav .block-iqitlinksmanager li:nth-child(1) a { --mi: var(--m-ico-phone); } #header .header-nav .block-iqitlinksmanager li:nth-child(2) a { --mi: var(--m-ico-mail); } #header .header-nav .block-iqitlinksmanager li:nth-child(3) a { --mi: var(--m-ico-pin); } #header .header-nav a:hover { text-decoration: none; } #header .header-nav .right-nav a { display: inline-flex; align-items: center; gap: .4rem; } #header .header-nav .right-nav .fa { color: var(--a-red); } /* Wyszukiwarka: jasne pole bez ramki */ #desktop-header .search-widget .form-search-control { height: 50px; padding: 0 3.2rem 0 1.25rem; border: 0; border-radius: 2px; background: var(--m-soft); font-size: 15px; color: var(--m-ink); } #desktop-header .search-widget .form-search-control:focus { background: #fff; box-shadow: inset 0 0 0 1.5px var(--m-ink); } #desktop-header .search-widget .form-search-control::placeholder { color: var(--m-muted); } #desktop-header .search-widget .search-btn { right: .5rem; width: 40px; color: var(--m-ink); font-size: 20px; } .autocomplete-suggestions { border: 0; border-radius: 2px; box-shadow: 0 16px 36px rgba(15, 19, 24, .12); } /* Konto i koszyk: ikona z podpisem, bez kolorowego przycisku */ #desktop-header .col-header-right { display: flex; align-items: center; justify-content: flex-end; gap: 1.75rem; } #desktop-header .col-header-right #ps-shoppingcart-wrapper { order: 2; } #desktop-header .col-header-right #header-user-btn, #desktop-header .col-header-right #user_info { order: 1; margin: 0; } #desktop-header .col-header-right a.header-btn, #desktop-header .col-header-right #user_info > a, #desktop-header .col-header-right .header-btn-w > a { display: inline-flex; flex-direction: column; align-items: center; gap: .3rem; padding: 0; background: transparent !important; color: var(--m-ink) !important; font-size: 12px; font-weight: 600; line-height: 1.1; border-radius: 0; } #desktop-header .col-header-right a.header-btn:hover, #desktop-header .col-header-right #user_info > a:hover { color: var(--a-red) !important; text-decoration: none; } #desktop-header .col-header-right .fa { position: relative; margin: 0; font-size: 25px; width: auto; } #desktop-header .header-cart-btn .info-wrapper { display: block; } #desktop-header .header-cart-btn .cart-toggle-details { display: none; } #desktop-header .header-cart-btn .cart-products-count-btn { position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--a-red); color: #fff; font: 600 11px/18px 'Inter', sans-serif; text-align: center; } #desktop-header .header-cart-btn .cart-products-count-btn.d-none { display: block !important; background: var(--m-ink); } /* Menu: czarny pas na całą szerokość, wersaliki; ostatnia pozycja (Kontakt) jako czerwony blok po prawej */ #cbp-hrmenu > ul { display: flex; } #cbp-hrmenu > ul > li { float: none; } #cbp-hrmenu > ul > li > a, #cbp-hrmenu > ul > li > span.cbp-main-link { position: relative; transition: background .2s, color .2s; } #cbp-hrmenu > ul > li > a::after, #cbp-hrmenu > ul > li > span.cbp-main-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--a-red); transform: scaleX(0); transform-origin: left; transition: transform .2s; } #cbp-hrmenu > ul > li:hover > a::after, #cbp-hrmenu > ul > li.cbp-hropen > a::after, #cbp-hrmenu > ul > li:hover > span.cbp-main-link::after, #cbp-hrmenu > ul > li.cbp-hropen > span.cbp-main-link::after { transform: scaleX(1); } #cbp-hrmenu .cbp-tab-title { font-weight: 700; } #cbp-hrmenu .cbp-submenu-aindicator { margin-left: .35rem; font-size: 11px; opacity: .6; } #cbp-hrmenu > ul > li:last-child { margin-left: auto; } #cbp-hrmenu > ul > li:last-child > a { padding-left: 2rem; padding-right: 2rem; background: var(--a-red) !important; color: #fff !important; } #cbp-hrmenu > ul > li:last-child > a:hover { background: var(--a-red-dark) !important; } #cbp-hrmenu > ul > li:last-child > a::after { display: none; } /* Pasek przyklejony po przewinięciu: menu w szerokości strony (nie od krawędzi do krawędzi), koszyk jako osobny blok za „Kontakt” */ .iqitmegamenu-wrapper.stuck-menu .container-iqitmegamenu { width: 100%; max-width: min(1360px, 100% - 64px) !important; margin: 0 auto; padding-left: .75rem !important; padding-right: .75rem !important; } .iqitmegamenu-wrapper.stuck-menu #cbp-hrmenu > ul { padding-right: 64px; } .iqitmegamenu-wrapper.stuck-menu #sticky-cart-wrapper { top: 0; right: max(calc(32px + .75rem), calc((100% - 1360px) / 2 + .75rem)); width: 64px; height: 100%; margin: 0; padding: 0; transform: none; } #sticky-cart-wrapper .ps-shoppingcart, #sticky-cart-wrapper .blockcart { display: block; width: 100%; height: 100%; } /* panel koszyka wysuwa się od prawej krawędzi okna (motyw liczył jego położenie względem ikony przy krawędzi) */ .iqitmegamenu-wrapper.stuck-menu #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: 0; right: 0; } #sticky-cart-wrapper .header-cart-btn { width: 100%; height: 100%; padding: 0; display: flex; align-items: center; justify-content: center; background: var(--m-ink-2); color: #fff; transition: background .2s; } #sticky-cart-wrapper .header-cart-btn:hover { background: #242d39; } #sticky-cart-wrapper .header-cart-btn .icon { position: relative; width: auto; font-size: 23px; line-height: 1; } #sticky-cart-wrapper .header-cart-btn .info-wrapper { display: none; } #sticky-cart-wrapper .header-cart-btn .cart-products-count-btn { top: -7px; right: -11px; background: var(--a-red); color: #fff; font-family: 'Inter', sans-serif; } #sticky-cart-wrapper .header-cart-btn .cart-products-count-btn.d-none { background: #3a4552; } /* Podmenu: biały panel z cieniem, tytuły kolumn małymi wersalikami, linki bez strzałek */ .cbp-hrmenu .cbp-hrsub { margin-top: 0; } .cbp-hrmenu .cbp-hrsub-inner { padding: 2.2rem 2.4rem 1.9rem; border: 0 !important; border-radius: 0; box-shadow: 0 24px 44px rgba(15, 19, 24, .14); } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { margin-bottom: .9rem; padding: 0; border: 0; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--a-red) !important; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: var(--m-ink) !important; } .cbp-hrmenu .cbp-links li { padding-left: 0 !important; } .cbp-hrmenu .cbp-links li a { padding-left: 0 !important; font-size: 15px; font-weight: 500; line-height: 2.1; color: var(--m-ink) !important; text-transform: none; letter-spacing: 0; } .cbp-hrmenu .cbp-links li a::before { display: none !important; } .cbp-hrmenu .cbp-links li a:hover { color: var(--a-red) !important; } .cbp-hrmenu .cbp-products-big .product-title, .cbp-hrmenu .cbp-products-big .product-title a { margin-top: .6rem; font-size: 13px; font-weight: 500; line-height: 1.4; } /* Menu mobilne */ /* Menu mobilne: biały panel, cienkie ikony, ciemna stopka z kontem */ #iqitmegamenu-mobile .mm-panel__header { min-height: 60px; padding: .5rem .75rem !important; background: #fff; border-bottom: 1px solid var(--m-line); } #iqitmegamenu-mobile .mobile-menu__close, #iqitmegamenu-mobile .mobile-menu__back-btn { color: var(--m-ink); font-size: 22px; box-shadow: none; } #iqitmegamenu-mobile .mobile-menu__back-btn .fa { margin-right: .6rem; } #iqitmegamenu-mobile .mobile-menu__title { font-family: var(--m-font-head); font-size: 14px; font-weight: 600; letter-spacing: -.01em; } #iqitmegamenu-mobile .mobile-menu__scroller { padding-top: .5rem !important; } #iqitmegamenu-mobile .mobile-menu__tab { border-bottom: 1px solid var(--m-line); } #iqitmegamenu-mobile .mobile-menu__link { padding: 1.05rem 0; font-size: 15px; font-weight: 600; color: var(--m-ink); } #iqitmegamenu-mobile .mobile-menu__arrow { padding: .9rem 0 .9rem 1rem; color: var(--m-muted); font-size: 20px; } #iqitmegamenu-mobile .mobile-menu__column { margin-bottom: 1.5rem; } #iqitmegamenu-mobile .mobile-menu__column-title { display: block; margin-bottom: .5rem; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--a-red); } #iqitmegamenu-mobile .mobile-menu__links-list { margin: 0; padding: 0; } #iqitmegamenu-mobile .mobile-menu__links-list-li { padding: 0; border: 0; } #iqitmegamenu-mobile .mobile-menu__links-list-li a { display: block; padding: .6rem 0; font-size: 15px; color: var(--m-text) !important; } #iqitmegamenu-mobile .mobile-menu__footer { padding: 1.1rem 1.5rem !important; background: var(--m-ink); border: 0; } #iqitmegamenu-mobile .mobile-menu__language-currency { display: none !important; } #iqitmegamenu-mobile .mobile-menu__user { color: #fff; } #iqitmegamenu-mobile .mobile-menu__user a { display: inline-flex; align-items: center; gap: .7rem; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } #iqitmegamenu-mobile .mobile-menu__user .fa { font-size: 20px; } #mobile-header .mobile-main-bar { border-bottom: 1px solid var(--m-line); } /* ===== 4. Ikony (maska SVG, kolor = color elementu) ===== */ #desktop-header .fa-search::before, #mobile-header .fa-search::before, #desktop-header .col-header-right .fa-user::before, #mobile-header .m-nav-btn > .fa-user::before, #desktop-header .fa-shopping-bag::before, #mobile-header .m-nav-btn > .fa-shopping-bag::before, #header .fa-heart-o::before, #mobile-header .m-nav-btn > .fa-bars::before, #iqitmegamenu-mobile .fa-angle-right::before, #iqitmegamenu-mobile .fa-angle-left::before, #iqitmegamenu-mobile .fa-times::before, #iqitmegamenu-mobile .fa-user::before, .product-miniature .fa-heart-o::before, .product-miniature .fa-random::before, .product-miniature .fa-eye::before, #product .btn-iqitwishlist-add .fa-heart-o::before, #product .btn-iqitcompare-add .fa-random::before, .swiper-button-prev::after, .swiper-button-next::after { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: middle; background-color: currentColor; -webkit-mask: var(--ac-icon) center / contain no-repeat; mask: var(--ac-icon) center / contain no-repeat; } #header .fa-search, #mobile-header .fa-search { --ac-icon: var(--m-ico-search); } #header .fa-user, #mobile-header .fa-user { --ac-icon: var(--m-ico-user); } #header .fa-shopping-bag, #mobile-header .fa-shopping-bag { --ac-icon: var(--m-ico-bag); } #header .fa-heart-o, .product-miniature .fa-heart-o, #product .fa-heart-o { --ac-icon: var(--m-ico-heart); } .product-miniature .fa-random, #product .fa-random { --ac-icon: var(--m-ico-compare); } .product-miniature .fa-eye { --ac-icon: var(--m-ico-eye); } #mobile-header .fa-bars { --ac-icon: var(--m-ico-menu); } #iqitmegamenu-mobile .fa-angle-right { --ac-icon: var(--m-ico-chevron-right); } #iqitmegamenu-mobile .fa-angle-left { --ac-icon: var(--m-ico-chevron-left); } #iqitmegamenu-mobile .fa-times { --ac-icon: var(--m-ico-close); } #iqitmegamenu-mobile .fa-user { --ac-icon: var(--m-ico-user); } #mobile-header .m-nav-btn > i { font-size: 1.55rem; } /* ===== 5. Listing i karuzele ===== */ /* Miniatura produktu: zdjęcie na białym tle (tła zdjęć są wycięte - narzedzia/tlo), bez kafli, ramek i cieni */ .product-miniature { background: transparent !important; border: 0 !important; box-shadow: none !important; } .product-miniature .thumbnail-container { background: #fff; border-radius: 0; overflow: hidden; } /* stałe proporcje kafla zdjęcia - karta ma tę samą wysokość także wtedy, gdy miniatura ma inne wymiary (np. stara z pamięci przeglądarki) */ .product-miniature .thumbnail-container img.product-thumbnail-first { width: 100%; aspect-ratio: 400 / 517; object-fit: contain; } .product-miniature .thumbnail-container img { transition: transform .35s; } .product-miniature:hover .thumbnail-container img { transform: scale(1.03); } .product-miniature .product-description { padding: .9rem .1rem 0; text-align: left; } .product-miniature .product-title { margin: 0 0 .35rem; } /* nazwa w dwóch liniach - równe karty w rzędzie i w karuzeli */ #wrapper .product-miniature .product-title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 2.8em; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--m-ink); text-transform: none; } #wrapper .product-miniature .product-title a:hover { color: var(--a-red); } .product-miniature .product-price-and-shipping { font-size: 16px; font-weight: 700; color: var(--m-ink); } .product-miniature .regular-price { font-size: 13px; font-weight: 400; color: var(--m-muted); } .product-miniature .product-brand, .product-miniature .product-category-name { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--m-muted); } /* przyciski koszyka w jednej linii w całym rzędzie i karuzeli (opcja motywu „Force equal height” dosuwa je do dołu karty) */ .product-miniature .product-add-cart, .products-grid .product-add-cart { width: 100%; margin: auto 0 0; padding-top: .7rem; } /* przyciski listingu: ten sam wzór co „Dodaj do koszyka” na karcie produktu (czerwony, wersaliki 13 px); „Zobacz” - wersja drugorzędna */ .product-miniature .product-add-cart .btn { width: 100%; height: 46px; padding: 0 .75rem; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; border: 0; border-radius: 2px; background: var(--m-beige); color: var(--m-ink); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; } .product-miniature .product-add-cart .btn:hover { background: var(--m-ink); color: #fff; } .product-miniature .product-add-cart .add-to-cart { background: var(--a-red); color: #fff; } .product-miniature .product-add-cart .add-to-cart:hover { background: var(--a-red-dark); color: #fff; } .product-miniature .product-add-cart .btn .spinner-icon { display: none; } .product-miniature .product-add-cart .btn.processing-add .spinner-icon, .product-miniature .product-add-cart .btn[disabled] .spinner-icon { display: inline-block; } .product-miniature .product-add-cart .btn.processing-add .bag-icon { display: none; } .product-miniature .product-functional-buttons { background: transparent; } .product-miniature .product-functional-buttons a { color: var(--m-ink); font-size: 19px; } /* etykiety: kolory w opcjach motywu (lp_*_l_bg), tu sam kształt */ .badge.product-available, .badge.product-unavailable, .badge.product-last-items { padding: .4rem .65rem; border-radius: 2px; font-size: 11px; font-weight: 600; letter-spacing: .02em; } .badge.product-last-items { background: #fdf1dc; color: #8a5a00; } .product-flags .product-flag { border-radius: 2px; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; } .products-selection { border: 0; } #js-product-list-top .select-title { border: 0; background: var(--m-soft); border-radius: 2px; } .pagination .page-list { box-shadow: none; } /* Karuzele: cienkie strzałki bez tła, bez kropek */ .swiper-button-prev, .swiper-button-next { background: transparent !important; width: 44px; height: 44px; color: var(--m-ink); box-shadow: none !important; transition: opacity .2s; } .swiper-button-prev::after, .swiper-button-next::after { display: block; width: 34px !important; height: 34px !important; font-size: 0 !important; } .swiper-button-prev { --ac-icon: var(--m-ico-chevron-left); } .swiper-button-next { --ac-icon: var(--m-ico-chevron-right); } .swiper-button-prev:hover, .swiper-button-next:hover { opacity: .5; } .swiper-button-disabled { opacity: .18 !important; } .swiper-pagination { display: none !important; } /* Lewa kolumna: filtry */ #left-column .block-title, #left-column .block .block-title { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--m-muted); } #search_filters .facet { margin: 0; padding: 1.35rem 0; border: 0; border-top: 1px solid var(--m-line); } #search_filters .facet:first-child { padding-top: .25rem; border-top: 0; } #left-column #search_filters .facet .facet-title { margin: 0 0 .8rem; padding: 0; border: 0; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--m-ink); } #search_filters .facet > ul { max-height: none !important; margin: 0; padding: 0; overflow: visible !important; } #search_filters .facet-label { display: flex; align-items: center; gap: .7rem; margin: 0; padding: .32rem 0; cursor: pointer; } #search_filters .facet-label a { flex: 1 1 auto; display: flex; justify-content: space-between; gap: .5rem; margin: 0; font-size: 14px; line-height: 1.35; color: var(--m-text); } #search_filters .facet-label:hover a { color: var(--m-ink); } #search_filters .facet-label.active a { font-weight: 600; color: var(--m-ink); } #search_filters .magnitude { flex: 0 0 auto; font-size: 12px; font-weight: 400; color: var(--m-muted); } #search_filters .custom-checkbox, #search_filters .custom-radio { flex: 0 0 auto; display: inline-flex; margin: 0; } #search_filters .custom-checkbox input[type="checkbox"] + span:not(.color) { width: 18px; height: 18px; margin: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--m-underline); border-radius: 2px; background: #fff; transition: background .15s, border-color .15s; } #search_filters .facet-label:hover .custom-checkbox input + span:not(.color) { border-color: var(--m-ink); } #search_filters .custom-checkbox input[type="checkbox"]:checked + span:not(.color) { background: var(--m-ink); border-color: var(--m-ink); } #search_filters .custom-checkbox .checkbox-checked { margin: 0; font-size: 10px; color: #fff; } /* kolory jako okrągłe próbki */ #search_filters .facet_color { display: flex; flex-wrap: wrap; gap: .55rem; } #search_filters .facet_color li { margin: 0; padding: 0; } #search_filters .facet_color .facet-label { padding: 0; } #search_filters .facet_color .custom-checkbox .color { width: 26px; height: 26px; margin: 0; border: 1px solid rgba(15, 19, 24, .14); border-radius: 50%; transition: box-shadow .15s; } #search_filters .facet_color .facet-label:hover .color { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--m-underline); } #search_filters .facet_color input:checked + .color { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--m-ink); } /* suwak ceny */ #search_filters .faceted-slider li { padding: 0 9px; } #search_filters .faceted-slider p { margin: 0 -9px .95rem; font-size: 14px; font-weight: 600; color: var(--m-ink); } #search_filters .ui-slider-horizontal { height: 3px; margin-bottom: .5rem; border: 0; border-radius: 0; background: var(--m-underline); } #search_filters .ui-slider .ui-slider-range { background: var(--m-ink); } #search_filters .ui-slider .ui-slider-handle { top: -8px; width: 18px; height: 18px; margin-left: -9px; border: 2px solid var(--m-ink); border-radius: 50%; background: #fff; cursor: grab; outline: 0; } /* wybrane filtry nad listą */ #js-active-search-filters #active-search-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: 1.25rem; padding: 0; background: transparent; } #active-search-filters .active-filter-title { margin: 0 .35rem 0 0; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--m-muted); } #active-search-filters .filter-blocks { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; } #active-search-filters .filter-block { margin: 0; padding: 0; background: transparent; } #active-search-filters .filter-block .btn { padding: .4rem .85rem; border: 0; border-radius: 99px; background: var(--m-ink); color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; } #active-search-filters .filter-block .btn:hover { background: var(--a-red); } #active-search-filters .filter-block .btn i { margin-right: .35rem; font-size: 10px; } /* ===== 6. Karta produktu ===== */ #product .product_header_container, #product .product-additional-info, #product .product-information { border: 0; } #product .images-container .product-cover { overflow: hidden; } #product .product-images-large .swiper-slide { background: #fff; } #product .product-images-large .swiper-slide img { width: 100%; } #product .images-container .thumb-container img, #product .product-images .thumb { background: #fff; border: 0 !important; border-radius: 0; } #product .images-container .thumb.selected, #product .images-container .swiper-slide-thumb-active .thumb { box-shadow: inset 0 0 0 2px var(--m-ink); } /* Opis jest w prawej kolumnie (theme editor: zakładki → prawa kolumna), więc galeria zostaje przy przewijaniu */ @media (min-width: 768px) { #product .product-info-row { align-items: flex-start; } #product .col-product-image { position: sticky; top: 84px; } } #product h1.page-title { margin-bottom: .8rem; font-size: 26px; line-height: 1.25; } #product .product-manufacturer img { max-height: 34px; width: auto; } #product .product-prices { margin: 1rem 0 1.2rem; } #product .product-prices .current-price { color: var(--m-ink); font-family: var(--m-font-head); } #product .product-prices .tax-shipping-delivery-label { font-size: 12px; color: var(--m-muted); } #product .product-description-short, #product .product-information .rte-content { font-size: 15px; line-height: 1.65; color: var(--m-text); } #product .product-description-short *, #product .product-description:not(.product-miniature *) * { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } #product .product-add-to-cart .add-to-cart { height: 54px; padding: 0 2.2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } #product #quantity_wanted { height: 54px; background: var(--m-soft); border: 0; } #product .bootstrap-touchspin .btn-touchspin { background: var(--m-soft); border: 0; } #product .btn-iqitwishlist-add, #product .btn-iqitcompare-add { height: 54px; width: 54px; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: var(--m-soft) !important; border: 0 !important; color: var(--m-ink) !important; font-size: 22px; } #product .btn-iqitwishlist-add:hover, #product .btn-iqitcompare-add:hover { background: var(--m-beige-dark) !important; } /* Opis i szczegóły jako sekcje pod przyciskiem koszyka */ #product .product-tabs, #product .product-sections { margin-top: 2rem; } #product .product-section, #product section.product-description-section { padding: 1.75rem 0 0; margin-top: 1.75rem; border: 0; border-top: 1px solid var(--m-line); } #product .section-title, #product .product-section .section-title { margin-bottom: 1rem; padding: 0; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--a-red); } #product .product-description, #product .rte-content { font-size: 15px; line-height: 1.7; } #product .product-description ul, #product .rte-content ul { padding-left: 1.2rem; } #product .product-accessories, #product .category-products, #product .crossselling-products { margin-top: 4rem; } #product .product-accessories .section-title, #product .category-products .section-title, #product .crossselling-products .section-title { margin-bottom: 1.5rem; font-family: var(--m-font-head); font-size: 22px; font-weight: 600; letter-spacing: -.02em; text-transform: none; color: var(--m-ink); } #product .data-sheet .name, #product .data-sheet .value { background: transparent; border-bottom: 1px solid var(--m-line); } #iqitproductsnav a { color: var(--m-muted); } /* ===== 6a. Koszyk, kasa, konto klienta ===== */ /* Koszyk: podsumowanie na ciepłym tle zamiast ramki */ .cart-summary.card, .card.cart-summary { border: 0; border-radius: 0; background: var(--m-soft); } .cart-summary hr { display: none; } .cart-summary .cart-voucher-area { background: transparent; } .cart-container.card, .cart-grid .card, .cart-items { border: 0; box-shadow: none; } .cart-item { border-bottom-color: var(--m-line); } .cart-summary .btn-primary, #blockcart-content .btn-primary { height: 52px; display: flex; align-items: center; justify-content: center; } #blockcart-content { border: 0; } /* Kasa (kroki rysuje moduł iqitcheckoutsteps — kolory bierze ze zmiennych --m-*) */ body#checkout section.checkout-step { border: 0; } body#checkout section.checkout-step .step-title { border-bottom-color: var(--m-line); } body#checkout .form-group.row > [class*="col-md"] { flex: 0 0 100%; max-width: 100%; text-align: left; } body#checkout .col-form-label { padding-bottom: .25rem; font-size: 13px; color: var(--m-mid); } body#checkout .form-control { min-height: 46px; } body#checkout section.checkout-step .payment-options .payment-option { display: flex; align-items: center; gap: 1rem; margin: 0 0 .5rem; padding: .85rem 1rem; border: 0; border-radius: 0; background: transparent; transition: background .2s; } body#checkout section.checkout-step .payment-options .payment-option:hover { background: var(--m-soft); } body#checkout section.checkout-step .payment-options .payment-option:has(input:checked) { background: var(--m-beige); } body#checkout .payment-option .custom-radio { margin: 0; flex: 0 0 auto; } body#checkout .payment-option label { flex: 1 1 auto; max-width: none; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0; font-size: 15px; color: var(--m-ink); cursor: pointer; } body#checkout .payment-option label img { max-height: 26px; width: auto; margin: 0; } body#checkout #payment-confirmation .btn { height: 52px; } body#checkout #conditions-to-approve { margin-top: 1.5rem; } /* Błędy pól: drobny tekst pod polem zamiast kolorowego bloku */ .form-group.has-error .form-control { border-color: var(--a-red) !important; box-shadow: none !important; } .form-group .help-block ul { margin: .35rem 0 0; padding: 0; list-style: none; } .form-group .help-block .alert { margin: 0; padding: 0; border: 0; background: transparent; color: var(--a-red); font-size: 12px; } /* Logowanie, rejestracja, hasło: wąska kolumna, etykieta nad polem */ #authentication #content, #registration #content, #password #content { max-width: 520px; margin: 0 auto; padding: 0 0 3rem; border: 0; } #authentication #content hr, #registration #content hr, #password #content hr { display: none; } #authentication .form-group.row > [class*="col-md"], #registration .form-group.row > [class*="col-md"], #password .form-group.row > [class*="col-md"], .page-customer-account .form-group.row > [class*="col-md"] { flex: 0 0 100%; max-width: 100%; text-align: left; } #authentication .col-form-label, #registration .col-form-label, #password .col-form-label, .page-customer-account .col-form-label { padding-bottom: .25rem; font-size: 13px; color: var(--m-mid); } #authentication #content .btn-primary, #registration #content .btn-primary { width: 100%; height: 50px; } #authentication .no-account { margin-top: 1rem; text-align: center; } /* Panel klienta: bez ramek, adresy na ciepłym tle, tabele z cienkimi liniami */ .page-customer-account #content, section#content.my-account-page-content-wrapper { border: 0; padding: 0; } #wrapper #content .my-account-side-links { border-right: 0; } #wrapper #content .my-account-side-links a { border-bottom: 0; } .my-account-side-links .link-item { display: flex; align-items: center; gap: .75rem; padding: .7rem 0; font-size: 14px; font-weight: 500; color: var(--m-text); } .my-account-side-links a:hover .link-item { color: var(--a-red); } .my-account-side-links .link-item .fa { width: 18px; font-size: 15px; color: var(--m-muted); } .my-account-page-content-wrapper .address { border: 0; border-radius: 0; background: var(--m-soft); } .my-account-page-content-wrapper .address .address-footer { border-top: 0; } .my-account-page-content-wrapper .table-striped tbody tr:nth-of-type(odd), .my-account-page-content-wrapper .table-striped > tbody > tr:nth-of-type(odd) > * { background: transparent; --bs-table-accent-bg: transparent; } .my-account-page-content-wrapper .table th { border-top: 0; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--m-muted); } .my-account-page-content-wrapper .table td { border-top: 1px solid var(--m-line); vertical-align: middle; } /* Formularz kontaktowy i strona kontaktu */ #contact .contact-form, #contact .contact-rich { border: 0; } #contact .contact-rich { padding: 1.75rem; border-radius: 0; background: var(--m-soft); } /* ===== 7. Strona główna (iqitelementor, układ „Anglocars - strona główna”) ===== */ body#index #wrapper { padding-top: 0; padding-bottom: 0; } body#index #content { margin-bottom: 0; } /* Baner na całą szerokość */ .ac-hero img { width: 100%; } .ac-hero .swiper-button-prev, .ac-hero .swiper-button-next { width: 56px; height: 56px; color: #fff; } .ac-hero .swiper-button-prev { left: 2vw; } .ac-hero .swiper-button-next { right: 2vw; } /* Pasek czterech atutów z czerwonym znacznikiem */ .ac-checks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin: 0; padding: 0; list-style: none; } .ac-checks li { display: flex; align-items: center; gap: .7rem; font-family: var(--m-font-head); font-size: 14px; font-weight: 600; letter-spacing: -.01em; color: var(--m-ink); } .ac-checks li::before { content: ""; flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--a-red) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6.5 12.5l3.5 3.5 7.5-8%22/%3E%3C/svg%3E") center / 14px no-repeat; } /* Nagłówki sekcji: nadtytuł wersalikami, tytuł krojem nagłówków (druga część szara), link po prawej */ .ac-kicker .elementor-heading-title { margin: 0 0 .9rem; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--a-red); } .ac-title .elementor-heading-title { margin: 0; font-family: var(--m-font-head); font-size: 30px; font-weight: 600; line-height: 1.18; letter-spacing: -.03em; color: var(--m-ink); } .ac-title .elementor-heading-title span span, .ac-title .elementor-heading-title em { font-style: normal; color: #a9b1b9; } .ac-title-light .elementor-heading-title { color: #fff; } .ac-more { text-align: right; } .ac-more p { margin: 0; } .ac-more a { display: inline-flex; align-items: center; gap: .6rem; white-space: nowrap; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--m-ink) !important; } .ac-more a::after { content: "→"; font-size: 15px; color: var(--a-red); transition: transform .2s; } .ac-more a:hover { color: var(--a-red) !important; text-decoration: none; } .ac-more a:hover::after { transform: translateX(4px); } .ac-more-light a { color: #fff !important; } .ac-text { font-size: 16px; line-height: 1.7; color: var(--m-mid); } .ac-text-light { color: #b8c0c8; } /* Przyciski sekcji: prostokątne, ze strzałką */ .ac-btn .elementor-button, .ac-btn-ink .elementor-button, .ac-btn-light .elementor-button { border-radius: 2px; padding: 1.15rem 2rem; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; } .ac-btn .elementor-button::after, .ac-btn-ink .elementor-button::after, .ac-btn-light .elementor-button::after { content: "→"; margin-left: .8rem; font-size: 15px; } .ac-btn .elementor-button { background: var(--a-red); color: #fff; } .ac-btn .elementor-button:hover { background: var(--a-red-dark); color: #fff; } .ac-btn-ink .elementor-button { background: var(--m-ink); color: #fff; } .ac-btn-ink .elementor-button:hover { background: var(--a-red); color: #fff; } .ac-btn-light .elementor-button { background: #fff; color: var(--m-ink); } .ac-btn-light .elementor-button:hover { background: var(--a-red); color: #fff; } /* O firmie: zdjęcie z kartą doradcy, liczby */ .ac-about-img { position: relative; } .ac-about-img img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; } .ac-person { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.3rem; background: #fff; box-shadow: 0 14px 34px rgba(15, 19, 24, .14); } .ac-person img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: 0 0 64px; } .ac-person-role { display: block; font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--a-red); } .ac-person-name { display: block; margin: .15rem 0 .2rem; font-family: var(--m-font-head); font-size: 15px; font-weight: 600; color: var(--m-ink); } .ac-person a { display: inline-block; margin-right: .9rem; font-size: 13px; font-weight: 600; color: var(--m-ink) !important; } .ac-person a:hover { color: var(--a-red) !important; } .ac-about-card { position: relative; z-index: 2; max-width: 430px; margin: -64px 0 0 -24px; } .ac-stats { display: flex; flex-wrap: wrap; gap: 2.5rem; margin: 0; padding: 0; list-style: none; } .ac-stats li { display: flex; align-items: center; gap: .9rem; } .ac-stats strong { font-family: var(--m-font-head); font-size: 40px; font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--a-red); } .ac-stats span { font-family: var(--m-font-head); font-size: 14px; font-weight: 600; line-height: 1.25; color: var(--m-ink); } /* Kafle kategorii: białe karty z numerem, nadtytułem i strzałką */ .ac-cats-start { counter-reset: accat; } .ac-cat > .elementor-widget-container { position: relative; height: 100%; padding: 1.6rem 1.6rem 1.5rem; background: #fff; box-shadow: 0 1px 0 rgba(15, 19, 24, .06); transition: box-shadow .25s, transform .25s; } .ac-cat:hover > .elementor-widget-container { box-shadow: 0 18px 40px rgba(15, 19, 24, .12); transform: translateY(-4px); } .ac-cat > .elementor-widget-container::before { counter-increment: accat; content: "0" counter(accat); position: absolute; top: .9rem; left: 1.4rem; font-family: var(--m-font-head); font-size: 34px; font-weight: 700; line-height: 1; color: #eef1f3; } .ac-cat .elementor-image-box-wrapper { display: block; text-align: left; } .ac-cat .elementor-image-box-img { display: block; width: 100% !important; margin: 0 0 1.2rem !important; aspect-ratio: 4 / 3; } .ac-cat .elementor-image-box-img a { display: block; height: 100%; } .ac-cat .elementor-image-box-img img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s; } .ac-cat:hover .elementor-image-box-img img { transform: scale(1.06); } .ac-cat .elementor-image-box-description { margin: 0 0 .35rem; font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--a-red); } .ac-cat .elementor-image-box-description p { margin: 0; } .ac-cat .elementor-image-box-content { display: flex; flex-direction: column-reverse; } .ac-cat .elementor-image-box-title { position: relative; margin: 0; padding-right: 1.6rem; font-family: var(--m-font-head); font-size: 15px; font-weight: 600; letter-spacing: -.02em; } .ac-cat .elementor-image-box-title a { color: var(--m-ink) !important; } .ac-cat .elementor-image-box-title::after { content: "→"; position: absolute; right: 0; top: 0; font-family: 'Inter', sans-serif; font-size: 16px; color: var(--a-red); transition: transform .2s; } .ac-cat:hover .elementor-image-box-title::after { transform: translateX(4px); } .ac-cats .elementor-column > .elementor-column-wrap, .ac-cats .elementor-widget-wrap, .ac-cats .elementor-widget-image-box { height: 100%; } .ac-cats .elementor-column { margin-bottom: 20px; } /* Ciemne sekcje: czerń z delikatnym wzorem */ .ac-dark { background-image: radial-gradient(rgba(255, 255, 255, .045) 1px, transparent 1.4px); background-size: 14px 14px; } .ac-dark .product-miniature .thumbnail-container { background: #fff; } .ac-dark .product-miniature .product-description { padding: .9rem .9rem 1rem; background: #fff; } .ac-dark .swiper-button-prev, .ac-dark .swiper-button-next { color: #fff; } /* Karta „zdjęcie + tekst” (laboratorium koloru) */ .ac-split-img img { width: 100%; } /* typ zdjęcia marek jest pionowy (logo w środkowym pasie) - kadrujemy do samego logo */ .ac-brands img { width: 170px; height: 88px; max-width: 100%; margin: 0 auto; object-fit: cover; filter: grayscale(1); opacity: .65; mix-blend-mode: multiply; transition: filter .2s, opacity .2s; } .ac-brands img:hover { filter: none; opacity: 1; } /* Atuty z numerami */ .ac-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.5rem; margin: 0; padding: 0; list-style: none; counter-reset: acb; } .ac-benefits li { counter-increment: acb; } .ac-benefits li::before { content: "0" counter(acb); display: block; margin-bottom: .7rem; font-size: 11px; font-weight: 700; letter-spacing: .22em; color: var(--a-red); } .ac-benefits strong { display: block; margin-bottom: .45rem; font-family: var(--m-font-head); font-size: 16px; font-weight: 600; letter-spacing: -.02em; color: var(--m-ink); } .ac-benefits span { display: block; font-size: 14px; line-height: 1.6; color: var(--m-mid); } /* Pas doradztwa */ .ac-phone { display: inline-flex; align-items: center; gap: .9rem; font-family: var(--m-font-head); font-size: 20px; font-weight: 600; color: #fff !important; } .ac-phone::before { content: ""; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, .1); -webkit-mask: none; mask: none; background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E"); background-position: center; background-size: 20px; background-repeat: no-repeat; } .ac-phone:hover { color: var(--a-red) !important; text-decoration: none; } /* ===== 8. Strony treści, stopka ===== */ .page-cms .rte-content, #cms .page-content { max-width: 900px; font-size: 16px; line-height: 1.7; } #cms .page-content:has(.elementor) { max-width: none; } .ac-lead p { max-width: 720px; margin: 0; font-size: 18px; line-height: 1.6; color: var(--m-mid); } /* Partnerzy: logo na jasnym kaflu, obok opis i linki */ .ac-partner { border-top: 1px solid var(--m-line); } .ac-partner-logo .elementor-image { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; padding: 12%; background: var(--m-soft); } .ac-partner-logo .elementor-image a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .ac-partner-logo img { width: auto; max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s; } .ac-partner-logo:hover img { transform: scale(1.04); } .ac-title-sm .elementor-heading-title { font-size: 22px; } .ac-more-left { text-align: left; } .ac-more-left p { display: flex; flex-wrap: wrap; gap: .75rem 2rem; } .ac-more .ac-ext { color: var(--m-muted) !important; } .ac-more .ac-ext::after { content: "↗"; } #footer { margin-top: 0; } #footer .block-title { font-family: 'Inter', sans-serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; } #footer .block-content li a::before, #footer .block-links li a::before { display: none; } #footer .block-content li, #footer .block-links li { padding-left: 0; } #footer-copyrights .copyright-txt, #footer-copyrights .copyright-txt p { margin: 0; color: #8d9197; font-size: 13px; } /* ===== Wąski ekran komputera: pozycje menu w jednej linii ===== */ @media (min-width: 992px) and (max-width: 1299px) { #cbp-hrmenu > ul { flex-wrap: nowrap; } #cbp-hrmenu > ul > li > a, #cbp-hrmenu > ul > li > span.cbp-main-link { padding-left: .6rem; padding-right: .6rem; letter-spacing: .03em; white-space: nowrap; } #cbp-hrmenu .cbp-tab-title { font-size: 12.5px; } #cbp-hrmenu > ul > li:last-child > a { padding-left: 1.1rem; padding-right: 1.1rem; } #cbp-hrmenu .cbp-submenu-aindicator { display: none; } .iqitmegamenu-wrapper.stuck-menu #cbp-hrmenu > ul { padding-right: 56px; } .iqitmegamenu-wrapper.stuck-menu #sticky-cart-wrapper { width: 56px; } } @media (min-width: 992px) and (max-width: 1099px) { #cbp-hrmenu > ul > li > a, #cbp-hrmenu > ul > li > span.cbp-main-link { padding-left: .4rem; padding-right: .4rem; letter-spacing: .02em; } #cbp-hrmenu .cbp-tab-title { font-size: 11.5px; } #cbp-hrmenu > ul > li:last-child > a { padding-left: .8rem; padding-right: .8rem; } } /* logo anglocars.pl (plik 2x) - szerokość wyświetlania */ #desktop_logo .logo { width: 250px; height: auto; } .col-mobile-logo .logo { width: 170px; height: auto; } /* ===== Telefon i tablet ===== */ @media (max-width: 991px) { /* pasy na całą szerokość: treść z tak /* karty produktów: nazwy jednolicie wersalikami (część nazw w bazie jest małymi literami), maks. 2 linie */ #wrapper .product-miniature .product-title, #wrapper .product-miniature .product-title a { font-size: 13px; font-weight: 500; line-height: 1.4; letter-spacing: .03em; text-transform: uppercase; } /* przyciski w wąskich kartach (karuzele w koszyku, 5-6 kolumn): mniejszy napis, w najwęższych bez ikony - zawsze mieści się w przycisku */ .product-miniature { container-type: inline-size; } @container (max-width: 220px) { .product-miniature .product-add-cart .btn { height: 42px; padding: 0 .45rem; gap: .3rem; font-size: 11px; letter-spacing: .05em; } } @container (max-width: 175px) { .product-miniature .product-add-cart .btn .bag-icon { display: none; } .product-miniature .product-add-cart .btn { font-size: 10.5px; letter-spacing: .04em; } } /* koszyk: „Klienci, którzy zakupili...” jak nagłówki sekcji na karcie produktu */ #cart .crossselling-products { margin-top: 3rem; } #cart .crossselling-products .section-title { margin-bottom: 1.5rem; padding: 0; font-family: var(--m-font-head); font-size: 20px; font-weight: 600; letter-spacing: -.02em; text-transform: none; color: var(--m-ink); } /* ===== 8a. Dokumenty (regulamin, polityka prywatności, zwroty): spis treści po lewej, wąska kolumna treści; O nas z kartą danych firmy ===== */ #cms .page-content:has(.ac-doc), #cms .page-content:has(.ac-about-page), .page-cms .rte-content:has(.ac-doc), .page-cms .rte-content:has(.ac-about-page) { max-width: none; } .ac-doc { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 4.5rem; align-items: start; max-width: 1180px; padding-bottom: 3rem; } .ac-doc-toc { position: sticky; top: 90px; max-height: calc(100vh - 110px); overflow-y: auto; padding: 1.5rem 1.4rem; background: var(--m-soft); font-size: 13px; } .ac-doc-toc-title { margin: 0 0 .8rem; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--a-red); } .ac-doc-toc ol { margin: 0; padding: 0; list-style: none; } .ac-doc-toc li { margin: 0; } .ac-doc-toc a { display: flex; gap: .5rem; padding: .3rem 0; line-height: 1.35; color: var(--m-text); } .ac-doc-toc a span { flex: 0 0 2.6em; font-weight: 600; color: var(--m-muted); } .ac-doc-toc a:hover { color: var(--a-red); text-decoration: none; } .ac-doc-body { max-width: 760px; font-size: 15px; line-height: 1.75; color: var(--m-text); counter-reset: acstep; } .ac-doc-date { display: inline-block; margin: 0 0 1.5rem; padding: .4rem .85rem; background: var(--m-soft); font-size: 12px; font-weight: 600; letter-spacing: .03em; color: var(--m-mid); } .ac-doc-lead { margin-bottom: 1.5rem; font-size: 17px; line-height: 1.65; color: var(--m-ink); } .ac-doc-body h2 { display: flex; align-items: baseline; gap: .9rem; margin: 2.6rem 0 1.1rem; padding-top: 2.2rem; border-top: 1px solid var(--m-line); font-family: var(--m-font-head); font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; color: var(--m-ink); scroll-margin-top: 90px; } .ac-doc-date + h2, .ac-doc-lead + h2 { margin-top: .5rem; padding-top: 0; border-top: 0; } .ac-doc-num { flex: 0 0 auto; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--a-red); } .ac-doc-body h3 { margin: 1.8rem 0 .6rem; font-family: var(--m-font-head); font-size: 16px; font-weight: 600; letter-spacing: -.01em; color: var(--m-ink); } .ac-doc-body p { margin: 0 0 1rem; } .ac-doc-body ol, .ac-doc-body ul { margin: 0 0 1.1rem; padding-left: 1.5rem; } .ac-doc-body li { margin: 0 0 .55rem; padding-left: .25rem; } .ac-doc-body li::marker { font-weight: 600; color: var(--m-muted); } .ac-doc-body ol ol { margin: .55rem 0 .3rem; list-style: lower-alpha; } .ac-doc-body ul li::marker { color: var(--a-red); } .ac-doc-body strong { color: var(--m-ink); } .ac-doc-body a { color: var(--m-ink); text-decoration: underline; text-decoration-color: var(--m-underline); text-underline-offset: 3px; } .ac-doc-body a:hover { color: var(--a-red); text-decoration-color: currentColor; } /* kroki zwrotu: numer w kółku */ .ac-doc-body h3.ac-step { display: flex; align-items: center; gap: .85rem; margin-top: 2rem; } .ac-doc-body h3.ac-step::before { counter-increment: acstep; content: counter(acstep); flex: 0 0 34px; height: 34px; border-radius: 50%; background: var(--a-red); color: #fff; font: 700 14px/34px 'Inter', sans-serif; text-align: center; } /* wzór formularza odstąpienia */ .ac-doc-form { margin: 1.2rem 0 0; padding: 1.6rem 1.8rem; background: var(--m-soft); border-left: 3px solid var(--a-red); } .ac-doc-form ul { padding-left: 0; list-style: none; } .ac-doc-form li { padding-left: 0; } .ac-doc-form p:last-child { margin-bottom: 0; font-size: 13px; color: var(--m-mid); } /* O nas */ .ac-about-page { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 4.5rem; align-items: start; max-width: 1180px; padding-bottom: 3rem; } .ac-about-text h2 { margin: 0 0 1.2rem; font-family: var(--m-font-head); font-size: 22px; font-weight: 600; letter-spacing: -.02em; color: var(--m-ink); } .ac-about-text p { max-width: 720px; margin: 0 0 1.1rem; font-size: 16px; line-height: 1.8; color: var(--m-text); } .ac-about-text .ac-about-lead { font-size: 18px; line-height: 1.65; color: var(--m-ink); } .ac-about-company { position: sticky; top: 90px; padding: 1.8rem 1.9rem; background: var(--m-soft); } .ac-about-company h2 { margin: 0 0 1rem; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--a-red); } .ac-about-company p { margin: 0 0 1rem; font-size: 15px; line-height: 1.7; color: var(--m-text); } .ac-about-company strong { color: var(--m-ink); } .ac-about-contact { display: flex; flex-direction: column; gap: .35rem; margin: 0 !important; padding-top: 1rem; border-top: 1px solid var(--m-line); } .ac-about-contact a { font-weight: 600; color: var(--m-ink); } .ac-about-contact a:hover { color: var(--a-red); text-decoration: none; } @media (max-width: 991px) { .ac-doc, .ac-about-page { grid-template-columns: 1fr; gap: 2rem; } .ac-doc-toc, .ac-about-company { position: static; max-height: none; } } /* logo anglocars.pl w uproszczonym nagłówku kasy - ta sama szerokość co w nagłówku sklepu */ #checkout-header .logo { width: 250px; height: auto; } @media (max-width: 767px) { #checkout-header .logo { width: 170px; } }