.iqitfake{ display: none;} /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #ffffff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1380px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #f11a22; } .pagination .page-list li:hover { border-color: #f11a22; } .pagination .page-list li.current { border-color: #f11a22; } .pagination .page-list li.current a { color: #f11a22; } #mobile-header { background: #f5f5f5; border-bottom: solid 1px #e3e3e3; } #mobile-header #mobile-header-sticky { background: #f5f5f5; } #mobile-header .mobile-main-bar { padding-top: 1.25rem; padding-bottom: 1.25rem; } #mobile-header .m-nav-btn { color: #000000; } #mobile-header .m-nav-btn:hover { color: #ffffff; } #mobile-header .mobile-buttons-bar { background: #ffffff; } #mobile-header .m-nav-btn { padding-top: 1.0625rem; padding-bottom: 1.0625rem; border: none 1px; border-left: none; } #mobile-header .m-nav-btn:hover { background: #2b115a; } #mobile-header .col-mobile-btn:last-child .m-nav-btn { border-right: none; } html { font-size: 16px; } @media (max-width: 767px) { html { font-size: 14px; } } body { line-height: 1.5rem; } body { font-family: 'Montserrat', sans-serif; } #blockcart-content { background: #ffffff; color: #000000; border: none 1px; } #blockcart-content a:not(.btn) { color: #000000; } #blockcart-content a:not(.btn):hover { color: #000000; } #blockcart-content .cart-products > li, #blockcart-content .cart-subtotals { border-color: #e3e3e3; } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background-color: #e3e3e3; } /*** 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: #2b115a; color: #ffffff; border: none 4px #2b115a; } .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: #311467; color: #ffffff; border-color: #311467; } .btn-secondary:not(:disabled):not(.disabled):active { background: #311467; color: #ffffff; border-color: #311467; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #2b115a; color: #ffffff; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #311467; color: #ffffff; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #2b115a; color: #ffffff; border: none 4px #2b115a; } .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: #311467; color: #ffffff; border-color: #311467; } .btn-primary:not(:disabled):not(.disabled):active { background: #311467; color: #ffffff; border-color: #311467; } #wrapper .breadcrumb { padding-top: 0.625rem; padding-bottom: 0.625rem; margin-top: -1.25rem; margin-bottom: 1.25rem; font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #b3b3b3; } #wrapper .breadcrumb li:after { color: #b3b3b3; } #wrapper .breadcrumb a { color: #b3b3b3; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #000000; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #000000; } .form-control::-webkit-input-placeholder { color: #000000; } .form-control::-moz-placeholder { color: #000000; } .form-control:-ms-input-placeholder { color: #000000; } .form-control:-moz-placeholder { color: #000000; } .form-control:focus { color: #000000; border-color: #e3e3e3; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #2b115a; } .custom-radio input[type=radio]:checked + span { background-color: #2b115a; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #2b115a; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: black!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(0, 0, 0, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #2b115a!important; color: white!important; } .tooltip { --bs-tooltip-bg: #2b115a; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: #f5f5f5; } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #2b115a; color: #ffffff; border: none 1px; } .product-price { color: #f11a22; } .iqit-review-star { color: #2b115a; } .product-flags .product-flag { font-size: 0.6875rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #f11a22; color: #ffffff; } .product-flags .new { background: #2b115a; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #2b115a; color: #ffffff; } .product-flags .out_of_stock { background: #f11a22; color: #ffffff; } .discount { background: #f11a22; color: #ffffff; } .product-available { background: #2b115a; color: #ffffff; } .product-unavailable { background: #f11a22; color: #ffffff; } .product-unavailable-allow-oosp { background: #f11a22; color: #ffffff; } .alert-success { background: #28a745; color: #ffffff; border-color: #28a745; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-info { background: #17a2b8; color: #ffffff; border-color: #17a2b8; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-warning { background: #ffc107; color: #000000; border-color: #ffc107; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #000000; text-decoration: underline; } .alert-danger { background: #ef4444; color: #ffffff; border-color: #ef4444; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #iqitcompare-floating a { color: #000000; } #page-preloader { background: #ffffff; } #back-to-top { background: #2b115a; color: #ffffff; } #back-to-top:hover { background: #f11a22; color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px; } #header .header-nav { color: #ffffff; background: #2b115a; border-bottom: none 1px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; } #header .header-nav a { color: #ffffff; } #header .header-nav a:hover { color: #f5f5f5; } #header .header-nav .social-links._topbar { font-size: 0.875rem; } .header-top { padding-top: 1.5625rem; padding-bottom: 1.5625rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #2c105a; } .header-top .form-search-control { background: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .header-top input.form-search-control::-webkit-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top input.form-search-control:-ms-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top .search-btn { color: #000000; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.25rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #2b115a; padding: 0.5625rem 0.5625rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #2b115a; } .header-top a.header-cart-btn:not(:hover) { color: #2b115a; } .stuck-header .header-top { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #f5f5f5; } .cart-products-count-btn { background: #f11a22; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #f5f5f5; border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; 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.125rem; max-width: 21.875rem; color: #000000; padding-left: 0.9375rem; padding-right: 0.9375rem; border-left: solid 1px #e3e3e3; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.0625rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.125rem !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: #e3e3e3; color: #2b115a; } .cbp-horizontal .cbp-tab-title { font-size: 0.875rem; font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #2b115a; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.25rem; max-height: 1.25rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.875rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.625rem; padding-right: 0.625rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #f5f5f5; line-height: 3.125rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #f43d43; background: #f5f5f5; } #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.5rem; padding-bottom: 0.5rem; border-top: solid 1px #e3e3e3; } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.5rem; max-height: 1.5rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #000000; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f5f5f5; color: #2b115a; } #cbp-hrmenu1 .cbp-legend { background: #2b115a; 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: #f43d43; background: #f5f5f5; } .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: 0.875rem; 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 #37a625; box-shadow: 0px 15px 25px 0px rgba(74, 63, 63, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #000000 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #000000 !important; border-bottom: none 3px #c2bc29; font-size: 0.875rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #000000 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.25rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1rem; padding-bottom: 1rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px rgba(0, 0, 0, 0.13); min-height: 3.75rem; } .mobile-menu__link { color: #000000 !important; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 1.25rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.25rem; padding-bottom: 1.25rem; color: #000000; font-size: 1.25rem; } .mobile-menu__tab-icon { font-size: 1.25rem; } .mobile-menu__tab-icon--img { max-height: 1.25rem; } .mobile-menu__legend { font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #2b115a; } .mobile-menu__header-wrapper { color: #ffffff; background-color: #2b115a; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.25rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.375rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #000000 !important; } .mobile-menu__column { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; color: #000000; margin-bottom: 2.5rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.5rem; } .mobile-menu__column-title { margin-bottom: 0.5rem; } .mobile-menu__links-list-li { padding-top: 0.375rem; padding-bottom: 0.375rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #ffffff; } .mobile-menu__footer { border-top: none 1px; color: #ffffff; background-color: #2b115a; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #2b115a; color: #ffffff; } .swiper-pagination-bullet { background: #2b115a; } /*** Product miniature ***/ .products.row { margin: 0rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0rem; } .swiper-container-wrapper { margin: 0rem; } .swiper-container-wrapper .products.swiper-container { padding: 0rem; } .swiper-container-wrapper .product-carousel { padding: 0rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.25rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { border-color: #f5f5f5; outline: none 1px; } } .product-miniature-grid .product-functional-buttons { 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-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.4375rem 0.875rem; background: #2b115a; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #f11a22; color: #ffffff; border-color: #f11a22; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(255, 255, 255, 0); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(1, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.5rem; 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: #2b115a; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } #product .product-cover .expander { color: #ffffff; background: #2b115a; } #product .product-cover .expander:hover { opacity: 0.6 !important; } #product .product-cover .expander { display: none; } @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; } } #wrapper { background: #ffffff; border-top: none 1px; border-bottom: none 1px; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.25rem; padding-bottom: 1.25rem; } #content-wrapper .page-title { color: #000000; font-size: 1.375rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: none 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .section-title { color: #000000; font-size: 1.125rem; 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: #000000; } .nav-tabs .nav-link { color: #000000; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; border-bottom: none 3px #000000; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: none 3px #000000; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: none 3px #000000; } #wrapper .block-title { color: #000000; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #f5f5f5; } #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: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #2b115a; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #311467; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #000000; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.1875rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #000000 !important; } #footer .block-title, #checkout-footer .block-title { color: #000000; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; 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: #000000; } #footer-container-first { border-top: none 1px; padding-top: 1.875rem; padding-bottom: 1.875rem; background: #212121; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.5rem; padding-bottom: 1.5rem; color: #000000; } #footer-container-main a, #checkout-footer a { color: #000000; } #footer-container-main a:hover, #checkout-footer a:hover { color: #2b115a; } #footer-copyrights { border-top: none 1px; background: #2b115a; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } #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; } .ps-shoppingcart.dropdown #blockcart-content{ z-index: 1000; } /* Strona produktowa */ .swiper-button-next, .swiper-button-prev { padding: 0.5rem 0.5rem; } /* Strona kategorii */ .products.row.products-grid { grid-gap: 0.75rem; } .product-miniature-list-row { margin: 1rem 0; padding: 1rem 0; background: #f5f5f5; } .product-price { font-weight: 700; } /* Menu */ .cbp-hrmenu .cbp-submenu-aindicator { margin-left: 12px; } /* Ciasteczka */ div#s-bl { color: #000; } /* Panel konta */ .my-account-page-content.col-sm-9 { padding: 10px 20px 20px; } @media (min-width: 1200px) { .my-account-page-content.col-sm-9 .h2, .my-account-page-content.col-sm-9 h2 { font-size: 1.25rem; margin-bottom: 30px; } .checkout-step .h3, .checkout-step h3 { font-size: 1.25rem } } /* Checkout */ .cart-summary-line.cart-total { font-size: 1.25rem; } .row.carrier-hasLogo img { height: 50px; } /* Fonty */ /* Klasy typograficzne - Desktop */ .text-h1, .text-h1 span { font-size: 2.25rem; /* 36px */ line-height: 2.875rem; /* 46px */ } .text-h2, .text-h2 span { font-size: 2rem; /* 32px */ line-height: 2.1875rem; /* 35px */ } .text-h3, .text-h3 span { font-size: 1.5rem; /* 24px */ line-height: 1.8125rem; /* 29px */ } /* Media query dla mobile (991px i mniej) */ @media (max-width: 991px) { html { font-size: 14px; /* Mobile base font size */ } .text-h1, .text-h1 span { font-size: 2rem; /* 28px */ line-height: 2.5rem; /* 35px */ } .text-h2, .text-h2 span { font-size: 1.857rem; /* 26px */ line-height: 2.143rem; /* 30px */ } .text-h3, .text-h3 span { font-size: 1.714rem; /* 24px */ line-height: 2.071rem; /* 29px */ } } /* Poprawione klasy dla Elementora - stosują flex do właściwego kontenera */ /* FLEX ROW - elementy obok siebie (w rzędzie) */ .flex-row-center .elementor-widget-wrap { display: flex !important; flex-direction: row; align-items: center; } .flex-col-center .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: center; } /* FLEX COLUMN - elementy jeden pod drugim, wyrównane do lewej */ .flex-col-left .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: flex-start; } /* FLEX COLUMN - elementy jeden pod drugim, wyrównane do prawej */ .flex-col-right .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: flex-end; } .flex-center-full .elementor-widget-wrap { display: flex !important; align-items: center; justify-content: center; } /* Gap klasy stosowane do .elementor-widget-wrap */ .gap-05 .elementor-widget-wrap { gap: 0.5rem !important; } .gap-1 .elementor-widget-wrap { gap: 1rem !important; } .gap-15 .elementor-widget-wrap { gap: 1.5rem !important; } .gap-2 .elementor-widget-wrap { gap: 2rem !important; } .gap-25 .elementor-widget-wrap { gap: 2.5rem !important; } .gap-3 .elementor-widget-wrap { gap: 3rem !important; } /* Kombinowane klasy dla łatwiejszego użycia */ .flex-row-center-gap-1 .elementor-widget-wrap { display: flex !important; flex-direction: row; align-items: center; gap: 1rem !important; } .flex-row-center-gap-2 .elementor-widget-wrap { display: flex !important; flex-direction: row; align-items: center; gap: 2rem !important; } .flex-col-center-gap-1 .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: center; gap: 1rem !important; } .flex-col-center-gap-2 .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: center; gap: 2rem !important; } /* Kombinowane klasy z wyrównaniem do lewej */ .flex-col-left-gap-1 .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: flex-start; gap: 1rem !important; } .flex-col-left-gap-2 .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: flex-start; gap: 2rem !important; } /* Kombinowane klasy z wyrównaniem do prawej */ .flex-col-right-gap-1 .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: flex-end; gap: 1rem !important; } .flex-col-right-gap-2 .elementor-widget-wrap { display: flex !important; flex-direction: column; align-items: flex-end; gap: 2rem !important; } /* Dodatkowe style dla lepszego działania z Elementorem */ .flex-row-center .elementor-widget-wrap .elementor-widget, .flex-col-center .elementor-widget-wrap .elementor-widget, .flex-center-full .elementor-widget-wrap .elementor-widget { margin: 0 !important; /* Usuwa domyślne marginesy Elementora */ } /* Wrap dla przypadków, gdy elementy się nie mieszczą */ .flex-wrap .elementor-widget-wrap { flex-wrap: wrap !important; } /* Dodatkowe klasy align-items do kombinowania */ .align-start .elementor-widget-wrap { align-items: flex-start !important; } .align-center .elementor-widget-wrap { align-items: center !important; } .align-end .elementor-widget-wrap { align-items: flex-end !important; } /* Justification options */ .justify-start .elementor-widget-wrap { justify-content: flex-start !important; } .justify-center .elementor-widget-wrap { justify-content: center !important; } .justify-end .elementor-widget-wrap { justify-content: flex-end !important; } .justify-between .elementor-widget-wrap { justify-content: space-between !important; } /* Responsywne klasy paddingów */ /* Desktop: base 16px | Mobile: base 14px */ /* ================================= PADDING TOP (pt-*) ================================= */ .pt-0 { padding-top: 0; } /* 0px */ .pt-xs { padding-top: 0.625rem; } /* 10px */ .pt-s { padding-top: 1.25rem; } /* 20px */ .pt-m { padding-top: 2.5rem; } /* 40px */ .pt-l { padding-top: 3.75rem; } /* 60px */ .pt-xl { padding-top: 5rem; } /* 80px */ .pt-xxl { padding-top: 6.25rem; } /* 100px */ /* ================================= PADDING BOTTOM (pb-*) ================================= */ .pb-0 { padding-bottom: 0; } /* 0px */ .pb-xs { padding-bottom: 0.625rem; } /* 10px */ .pb-s { padding-bottom: 1.25rem; } /* 20px */ .pb-m { padding-bottom: 2.5rem; } /* 40px */ .pb-l { padding-bottom: 3.75rem; } /* 60px */ .pb-xl { padding-bottom: 5rem; } /* 80px */ .pb-xxl { padding-bottom: 6.25rem; } /* 100px */ /* ================================= PADDING LEFT (pl-*) - BEZ ZMIAN ================================= */ .pl-0 { padding-left: 0; } /* 0px */ .pl-xs { padding-left: 0.3125rem; } /* 5px */ .pl-s { padding-left: 0.625rem; } /* 10px */ .pl-m { padding-left: 1.25rem; } /* 20px */ .pl-l { padding-left: 1.875rem; } /* 30px */ .pl-xl { padding-left: 2.5rem; } /* 40px */ /* ================================= PADDING RIGHT (pr-*) - BEZ ZMIAN ================================= */ .pr-0 { padding-right: 0; } /* 0px */ .pr-xs { padding-right: 0.3125rem; } /* 5px */ .pr-s { padding-right: 0.625rem; } /* 10px */ .pr-m { padding-right: 1.25rem; } /* 20px */ .pr-l { padding-right: 1.875rem; } /* 30px */ .pr-xl { padding-right: 2.5rem; } /* 40px */ /* ================================= PADDING TOP & BOTTOM (ptb-*) ================================= */ .ptb-0 { padding-top: 0; padding-bottom: 0; } /* 0px */ .ptb-xs { padding-top: 0.625rem; padding-bottom: 0.625rem; } /* 10px */ .ptb-s { padding-top: 1.25rem; padding-bottom: 1.25rem; } /* 20px */ .ptb-m { padding-top: 2.5rem; padding-bottom: 2.5rem; } /* 40px */ .ptb-l { padding-top: 3.75rem; padding-bottom: 3.75rem; } /* 60px */ .ptb-xl { padding-top: 5rem; padding-bottom: 5rem; } /* 80px */ .ptb-xxl { padding-top: 6.25rem; padding-bottom: 6.25rem; } /* 100px */ /* ================================= PADDING LEFT & RIGHT (plr-*) - BEZ ZMIAN ================================= */ .plr-0 { padding-left: 0; padding-right: 0; } /* 0px */ .plr-xs { padding-left: 0.3125rem; padding-right: 0.3125rem; } /* 5px */ .plr-s { padding-left: 0.625rem; padding-right: 0.625rem; } /* 10px */ .plr-m { padding-left: 1.25rem; padding-right: 1.25rem; } /* 20px */ .plr-l { padding-left: 1.875rem; padding-right: 1.875rem; } /* 30px */ .plr-xl { padding-left: 2.5rem; padding-right: 2.5rem; } /* 40px */ /* ================================= PADDING ALL SIDES (p-*) ================================= */ .p-0 { padding: 0; } /* 0px */ .p-xs { padding: 0.3125rem; } /* 5px */ .p-s { padding: 0.625rem; } /* 10px */ .p-m { padding: 1.25rem; } /* 20px */ .p-l { padding: 1.875rem; } /* 30px */ .p-xl { padding: 2.5rem; } /* 40px */ /* ================================= MOBILE RESPONSIVE (max-width: 991px) ================================= */ @media (max-width: 991px) { /* Mobile: przeskalowane wartości dla top/bottom */ /* PADDING TOP */ .pt-0 { padding-top: 0; } /* 0px */ .pt-xs { padding-top: 0.5rem; } /* 8px */ .pt-s { padding-top: 1rem; } /* 16px */ .pt-m { padding-top: 2rem; } /* 32px */ .pt-l { padding-top: 3rem; } /* 48px */ .pt-xl { padding-top: 4rem; } /* 64px */ .pt-xxl { padding-top: 5rem; } /* 80px */ /* PADDING BOTTOM */ .pb-0 { padding-bottom: 0rem; } .pb-xs { padding-bottom: 0.5rem; } .pb-s { padding-bottom: 1rem; } .pb-m { padding-bottom: 2rem; } .pb-l { padding-bottom: 3rem; } .pb-xl { padding-bottom: 4rem; } .pb-xxl { padding-bottom: 5rem; } /* PADDING LEFT - BEZ ZMIAN */ .pl-0 { padding-left: 0; } .pl-xs { padding-left: 0.286rem; } .pl-s { padding-left: 0.571rem; } .pl-m { padding-left: 1.071rem; } .pl-l { padding-left: 1.643rem; } .pl-xl { padding-left: 2.143rem; } /* PADDING RIGHT - BEZ ZMIAN */ .pr-0 { padding-right: 0; } .pr-xs { padding-right: 0.286rem; } .pr-s { padding-right: 0.571rem; } .pr-m { padding-right: 1.071rem; } .pr-l { padding-right: 1.643rem; } .pr-xl { padding-right: 2.143rem; } /* PADDING TOP & BOTTOM */ .ptb-0 { padding-top: 0; padding-bottom: 0; } .ptb-xs { padding-top: 0.5rem; padding-bottom: 0.5rem; } .ptb-s { padding-top: 1rem; padding-bottom: 1rem; } .ptb-m { padding-top: 2rem; padding-bottom: 2rem; } .ptb-l { padding-top: 3rem; padding-bottom: 3rem; } .ptb-xl { padding-top: 4rem; padding-bottom: 4rem; } .ptb-xxl { padding-top: 5rem; padding-bottom: 5rem; } /* PADDING LEFT & RIGHT - BEZ ZMIAN */ .plr-0 { padding-left: 0; padding-right: 0; } .plr-xs { padding-left: 0.286rem; padding-right: 0.286rem; } .plr-s { padding-left: 0.571rem; padding-right: 0.571rem; } .plr-m { padding-left: 1.071rem; padding-right: 1.071rem; } .plr-l { padding-left: 1.643rem; padding-right: 1.643rem; } .plr-xl { padding-left: 2.143rem; padding-right: 2.143rem; } /* PADDING ALL SIDES - BEZ ZMIAN */ .p-0 { padding: 0; } .p-xs { padding: 0.286rem; } .p-s { padding: 0.571rem; } .p-m { padding: 1.071rem; } .p-l { padding: 1.643rem; } .p-xl { padding: 2.143rem; } } .w-100 { width: 100% !important; } /* GRID NA HOME */ /* Główny kontener grid */ .auto-parts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; width: 100%; margin: 0 auto; } /* Stylowanie elementów grid */ .grid-item { display: flex; flex-direction: column; background-color: #ffffff; overflow: hidden; } /* Kontener dla obrazka z proporcją 16:10 */ .item-image { position: relative; width: 100%; padding-top: 62.5%; /* 10/16 = 0.625 czyli 62.5% */ overflow: hidden; } .item-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* Stylowanie tytułu i opisu */ .grid-item .text-h3 { padding: 1rem 1rem 0.5rem; margin: 0; color: #333; } .item-description { padding: 0 1rem 1.5rem; margin: 0; color: #666; font-size: 0.9375rem; line-height: 1.5; flex-grow: 1; } /* Tablet (max-width: 991px) */ @media (max-width: 991px) { .auto-parts-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } .grid-item .text-h3 { font-size: 1.714rem; line-height: 2.071rem; } .item-description { font-size: 0.9rem; } } /* Mobile (max-width: 480px) */ @media (max-width: 480px) { .auto-parts-grid { grid-template-columns: 1fr; gap: 1rem; } .item-image { padding-top: 56.25%; /* Opcjonalnie, można zmienić proporcje na 16:9 dla lepszego wyglądu na mobile */ } .grid-item .text-h3 { padding-top: 0.8rem; } } /* Grid produktu */ .product-home-section .products.row.products-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } @media (max-width: 991px) { .product-home-section .products.row.products-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; }} @media (max-width: 768px) { .product-home-section .products.row.products-grid { display: grid; grid-template-columns: 1fr 1fr; }} @media (max-width: 480px) { .product-home-section .products.row.products-grid { display: grid; grid-template-columns: 1fr; }} @media (max-width: 480px) { .product-home-section .products.row.products-grid .col-12.col-md-4.col-lg-15.col-xl-15 { width: 100%; }} @media (min-width: 480px) { .product-home-section .products.row.products-grid .col-12.col-md-4.col-lg-15.col-xl-15 { width: 100%; max-width: 100%; }} /* Grid produktu w sklepie */ #js-product-list .products.row.products-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1210px) { #js-product-list .products.row.products-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; }} @media (max-width: 798px) { #js-product-list .products.row.products-grid { display: grid; grid-template-columns: 1fr 1fr; }} @media (max-width: 480px) { #js-product-list .products.row.products-grid { display: grid; grid-template-columns: 1fr; }} @media (max-width: 480px) { #js-product-list .js-product-miniature-wrapper { width: 100%; }} @media (min-width: 480px) { #js-product-list .js-product-miniature-wrapper { width: 100%; max-width: 100%; }} /* OPINIE */ /* Sekcja opinii - podobna struktura do auto-parts-grid */ .reviews-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; width: 100%; margin: 0 auto; } /* Stylowanie pojedynczej opinii */ .review-item { display: flex; flex-direction: column; background-color: #f5f5f5; padding: 1.5rem; } /* Gwiazdki */ .review-stars { display: flex; gap: 0.2rem; margin-bottom: 1rem; font-size: 1.2rem; } .star { color: #2b115a; transition: color 0.2s ease; } .star.filled { color: #2b115a; } /* Tekst opinii */ .review-text { margin: 0 0 1rem 0; color: #000; font-size: 0.9375rem; line-height: 1.6; flex-grow: 1; } /* Nazwa opiniującego */ .reviewer-name { margin: 0; font-weight: 700; color: #333; font-size: 1rem; text-align: right; } /* Responsywność - Tablet (max-width: 991px) */ @media (max-width: 991px) { .reviews-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } .review-item { padding: 1.25rem; } .review-text { font-size: 0.9rem; } } /* Responsywność - Mobile (max-width: 480px) */ @media (max-width: 480px) { .reviews-grid { grid-template-columns: 1fr; gap: 1rem; } .review-item { padding: 1rem; } .review-stars { margin-bottom: 0.8rem; font-size: 1.1rem; } .reviewer-name { font-size: 0.95rem; } } /* Ikony marek */ .elementor-brands img { padding: 0.75rem; } /* Sekcja kategorii - podobna struktura do auto-parts-grid */ .categories-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; width: 100%; margin: 0 auto; } /* Stylowanie pojedynczej kategorii */ .category-item { display: flex; flex-direction: column; background-color: #f5f5f5; padding: 1.5rem; /*border: 1px solid #e6e6e6; border-radius: 8px;*/ position: relative; min-height: 280px; } /* Mała grafika/ikona */ .category-icon { width: 48px; height: 48px; margin-bottom: 1rem; flex-shrink: 0; } .category-icon img { width: 100%; height: 100%; object-fit: contain; } /* Tytuł kategorii */ .category-item .text-h3 { margin: 0 0 1rem 0; color: #333; } /* Lista punktowana */ .category-links { list-style: none; padding: 0; margin: 0 0 auto 0; flex-grow: 1; } .category-links li { margin-bottom: 0.5rem; position: relative; padding-left: 1rem; } /* Punkty listy */ .category-links li:before { content: "•"; color: #000000; position: absolute; left: 0; top: 0; } /* Linki w liście */ .category-links a { color: #000000; text-decoration: none; font-size: 0.9375rem; line-height: 1.5; transition: color 0.3s ease; } .category-links a:hover { color: #f11a22; text-decoration: underline; } /* Wrapper dla "Pokaż wszystko" */ .show-all-wrapper { margin-top: 1rem; text-align: right; } /* Link "Pokaż wszystko" */ .show-all-link { color: #000000; text-decoration: none; font-size: 0.875rem; font-weight: 600; transition: color 0.3s ease; } .show-all-link:hover { color: #f11a22; text-decoration: underline; } /* Responsywność - Tablet (max-width: 991px) */ @media (max-width: 991px) { .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } .category-item { padding: 1.25rem; min-height: 260px; } .category-item .text-h3 { font-size: 1.714rem; line-height: 2.071rem; } .category-links a { font-size: 0.9rem; } } /* Responsywność - Mobile (max-width: 480px) */ @media (max-width: 480px) { .categories-grid { grid-template-columns: 1fr; gap: 1rem; } .category-item { padding: 1rem; min-height: 240px; } .category-icon { width: 40px; height: 40px; margin-bottom: 0.8rem; } .category-links li { margin-bottom: 0.4rem; } .show-all-wrapper { margin-top: 0.8rem; } } /* Slider */ .pragma-pay img { max-width: 100%; width: 1356px; } /* Produkty HOME */ .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: left; } .product-description { text-align: left; } /* Quick View */ a.js-quick-view-iqit { display: none; } /* Strony regulaminów */ .cms-regulaminy h2, .cms-regulaminy h3 { font-size: 1.25rem; margin-top: 1.1rem; } .cms-regulaminy p { margin-bottom: 0.5rem; } .cms-regulaminy ol, .cms-regulaminy ul { padding: 0 0.6rem 0.8rem 2rem; } /* Style dla tabel cookies */ .cookie-table { margin: 20px 0; overflow-x: auto; border-radius: 8px; } .cookie-table table { width: 100%; border-collapse: collapse; background-color: white; font-size: 0.9em; } .cookie-table th { background: #2b115a; color: white; padding: 12px 8px; text-align: left; font-weight: bold; border: none; } .cookie-table td { padding: 10px 8px; border-bottom: 1px solid #e3e3e3; vertical-align: top; } .cookie-table tbody tr:hover { background-color: #f5f5f5; } .cookie-table td strong { color: #1e3a5f; background-color: #f8f9fa; padding: 2px 4px; border-radius: 3px; } /* Potwierdzenie zamówienia */ section#content-hook_order_confirmation .col-sm-12.col-md-7.order-confirmation-title-payment, section#content-hook_order_confirmation .col-sm-12.col-md-5.order-confirmation-details { width: 100%; } #order-confirmation .order-confirmation-title-payment { border-right: none; } section#content-hook_order_confirmation h3.h3.card-title { font-size: 1.25rem; } section#content-hook_order_confirmation div#order-details { margin-top: 1.5rem; margin-bottom: 2rem; } section#content-hook_order_confirmation li#order-reference-value { font-weight: 700; margin: 0.5rem 0; } section#content-hook_order_confirmation .col-sm-2.col-3 { width: 8.333333333%; } section#content-hook_order_confirmation .col-sm-6.col-12.qty { width: 58%; } section#content-hook_order_confirmation tr.font-weight-bold.totals { font-size: 1.125rem !important; font-weight: 700; } /* Miniatura produktu */ article.product-miniature.product-miniature-default { border: 1px solid #e3e3e3; } /* CUSTOM HEADER */ /* Custom Header Styling for Politechnika GdaDska */ .custom-header-pg { width: 100%; background: linear-gradient(135deg, #1e3a5f 0%, #2d5aa0 100%); box-shadow: 0 2px 10px rgba(0,0,0,0.1); } /* G�rny pasek nawigacyjny */ .header-top-nav { background: rgba(0,0,0,0.15); border-bottom: 1px solid rgba(255,255,255,0.1); padding: 8px 0; min-height: 40px; } .header-top-nav .container-fluid { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .header-top-nav a { color: rgba(255,255,255,0.9); text-decoration: none; font-size: 13px; font-weight: 400; transition: color 0.3s ease; } .header-top-nav a:hover { color: #ffffff; text-decoration: none; } .header-top-nav ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; } .header-top-nav li { margin-right: 25px; } .header-top-nav li:last-child { margin-right: 0; } /* GB�wny header */ .header-main-section { padding: 15px 0; background: rgba(255,255,255,0.05); } .header-main-section .container-fluid { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Logo */ .header-logo { padding-right: 30px; } .header-logo #desktop_logo { display: flex; align-items: center; } .header-logo #desktop_logo img { max-height: 60px; width: auto; filter: brightness(1.1); } /* Menu gB�wne */ .header-menu { display: flex; align-items: center; justify-content: center; flex: 1; } .header-menu #mainmenu-container { width: 100%; } .header-menu .mainmenu { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none; } .header-menu .mainmenu > li { margin: 0 15px; } .header-menu .mainmenu > li > a { color: #ffffff; font-size: 16px; font-weight: 500; text-decoration: none; padding: 12px 20px; border-radius: 6px; transition: all 0.3s ease; display: block; text-transform: none; letter-spacing: 0.3px; } .header-menu .mainmenu > li > a:hover { background: rgba(255,255,255,0.15); color: #ffffff; text-decoration: none; transform: translateY(-1px); } .header-menu .mainmenu > li.active > a, .header-menu .mainmenu > li.current > a { background: rgba(255,255,255,0.2); color: #ffffff; } /* Sekcja wyszukiwarki */ .header-search-section { padding-left: 30px; } .header-search { position: relative; } .header-search .iqitsearch-widget { position: relative; } .header-search .search-widget { position: relative; display: flex; align-items: center; } .header-search input[type="search"], .header-search input[type="text"] { background: rgba(255,255,255,0.9); border: 2px solid rgba(255,255,255,0.3); border-radius: 25px; padding: 10px 45px 10px 20px; width: 280px; font-size: 14px; color: #333; transition: all 0.3s ease; outline: none; } .header-search input[type="search"]:focus, .header-search input[type="text"]:focus { background: #ffffff; border-color: rgba(255,255,255,0.8); box-shadow: 0 0 10px rgba(255,255,255,0.3); transform: translateY(-1px); } .header-search input::placeholder { color: #666; font-style: italic; } .header-search button, .header-search .search-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: #2d5aa0; font-size: 16px; cursor: pointer; padding: 8px; border-radius: 50%; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; } .header-search button:hover, .header-search .search-btn:hover { background: rgba(45, 90, 160, 0.1); color: #1e3a5f; transform: translateY(-50%) scale(1.1); } /* Dodatkowe style dla EU logo (je[li bdzie potrzebne) */ .eu-logo { display: flex; align-items: center; margin-right: 15px; opacity: 0.9; } .eu-logo img { height: 20px; width: auto; margin-right: 8px; } .eu-logo span { font-size: 12px; color: rgba(255,255,255,0.8); } /* Responsywno[ */ @media (max-width: 1199px) { .header-search input[type="search"], .header-search input[type="text"] { width: 220px; } } @media (max-width: 991px) { .header-main-section .container-fluid { padding: 0 10px; } .header-logo { padding-right: 15px; } .header-search-section { padding-left: 15px; } .header-search input[type="search"], .header-search input[type="text"] { width: 180px; } .header-menu .mainmenu > li { margin: 0 10px; } .header-menu .mainmenu > li > a { font-size: 15px; padding: 10px 15px; } } @media (max-width: 768px) { .custom-header-pg { display: block; } .header-main-section { flex-direction: column; } .header-menu .mainmenu { flex-direction: column; width: 100%; } .header-search input[type="search"], .header-search input[type="text"] { width: 200px; } } /* Ukrycie oryginalnego headera - prostsze podejście */ /* Dopasowanie do istniejcych klas Bootstrap */ .custom-header-pg .container-fluid { padding-left: 15px; padding-right: 15px; } .custom-header-pg .row { margin-left: -15px; margin-right: -15px; } .custom-header-pg [class*="col"] { padding-left: 15px; padding-right: 15px; } /* Animacje ładowania */ .custom-header-pg { animation: headerSlideDown 0.6s ease-out; } @keyframes headerSlideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }