a { color: #252832; } #tmcmsabout_block .btn.btn-primary { color: #252832; } #tmcmsabout_block .btn.btn-primary:hover { color: #252832; } .responsive-menu, .main-menu { background-color: #fbb71c; color: #111318 !important; } .dropdown-menu li > a:hover { color: #252832 !important; } .text1.static-text { color: #252832; } .pull-left .dropdown-menu { background-color: #fbb71c; color: #111318 !important; } .header-middle1 .custom_links .head-links a:hover { color: #252832; } .static_links li a:hover { color: #252832; } #menu .hiden_menu:hover .dropdown-inner { background-color: #fbb71c; border-top-color: #fbb71c; color: #111318 !important; } .text-left .btn.btn-primary { background-color: #fbb71c !important; color: #111318 !important; } #button-quote { background-color: #fbb71c !important; color: #111318 !important; } #button-voucher { background-color: #fbb71c !important; color: #111318 !important; } #button-quote:hover { background-color: #fbb71c !important; color: #111318 !important; } #button-voucher:hover { background-color: #fbb71c !important; color: #111318 !important; } #button-coupon { background-color: #fbb71c !important; color: #111318 !important; } #button-coupon:hover { background-color: #fbb71c !important; color: #111318 !important; } .col-sm-6 .btn.btn-primary { background-color: #fbb71c !important; color: #111318 !important; } .product-thumb h4:hover a { color: #252832; } .text-left .btn.btn-primary:hover { background-color: #fbb71c !important; color: #111318 !important; } .dropdown-menu { border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; } #top .btn-link:hover, #top-links a:hover, #top .btn-link:hover strong { color: #252832 !important; } #nav-one li .megamenu.column1 ul.list-unstyled li:hover > a, #nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li:hover > a, .hiden_menu .top_level:hover > a { color: #252832; } .box.category .box-heading { background-color: #fbb71c; color: #111318 !important; } #column-left .box .box-content-category ul li a:hover { color: #252832; } #menu a:hover { color: #252832; } #special-carousel .addtocart:hover { background-color: #fbb71c; color: #111318 !important; } .header-wishlist #wishlist-total span { background-color: #fbb71c; color: #111318 !important; } #powered a:hover { color: #252832; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #252832 !important; } #cart .dropdown-menu { background-color: #fbb71c; color: #111318 !important; } .header-cart #cart-total { background-color: #fbb71c; color: #111318 !important; } .table-bordered .btn.btn-danger.btn-block:hover { background-color: #fbb71c !important; color: #111318 !important; } .table-bordered .btn.btn-primary.btn-block { background-color: #fbb71c !important; color: #111318 !important; } .table-bordered .btn.btn-danger.btn-block { background-color: #fbb71c !important; color: #111318 !important; } .table-bordered .btn.btn-primary.btn-block:hover { background-color: #fbb71c !important; color: #111318 !important; } .responsive-menu, .main-menu { background-image: -webkit-linear-gradient(top, #fbb71c 0%, #fbb71c 47%); border-top-color: #fbb71c; } #menu .nav > li > a:hover, .nav > li > a:focus { color: #252832 !important; } .top_level.home.home_first { background-color: #fbb71c; color: #111318 !important; } .input-group-home { background-color: #fbb71c; color: #111318 !important; } #menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu { background-color: #fbb71c; color: #111318 !important; } #menu .dropdown:hover .dropdown-menu.megamenu { border-top-color: #fbb71c !important; } @media (min-width: 768px) { #menu .dropdown:hover .dropdown-menu { background-color: #fbb71c; color: #111318 !important; } } .text-right .btn.btn-primary:hover { background-color: #fbb71c !important; color: #111318 !important; } .text-right .btn.btn-primary { background-color: #fbb71c !important; color: #111318 !important; } #blog-carousel .blog-item .product-block .blog-right h4 a:hover { color: #252832; } #blog-carousel .blog-item .date-time { color: #252832; } .subtitle .link.txt { color: #252832 !important; } #footer .column li a:hover { color: #252832; } .blog a:hover { color: #252832; } #footer .phoneno::before { color: #252832; } #footer .email::before { color: #252832; } #footer .column li.email a:hover { color: #252832 !important; } .newsletter input.btn { background-color: #fbb71c !important; color: #111318 !important; } .col-sm-6 .btn.btn-primary:hover { background-color: #fbb71c !important; color: #111318 !important; } .newsletter .text-danger { color: #252832; } .btn-default:hover, #content .pull-left .btn.btn-default:hover { background-color: #fbb71c !important; color: #111318 !important; } .productpage .btn-default { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .productpage .btn-default:hover { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .productpage #button-cart { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .subscribe-btn .btn-default.btn-lg { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .social-icons .follow-us a:hover i { color: #252832; } .breadcrumb > li a:hover { color: #252832; } .newsletter { background-image: -webkit-linear-gradient(bottom, #fbb71c 0%, #fbb71c 47%); border-bottom-color: #fbb71c; } #featured_grid .customNavigation a { background-color: #fbb71c; color: #111318 !important; } .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o { color: #252832; } .product-thumb .price { color: #252832; } .product-thumb .price-new { color: #252832; } .product-thumb .product-block-hover .addtocart { background-color: #fbb71c; color: #111318 !important; } .product-thumb .product-block-hover .addtocart:hover { background-color: #fbb71c; color: #111318 !important; } .product-thumb .product-block-hover .wishlist { background-color: #fbb71c; color: #111318 !important; } .product-thumb .product-block-hover .wishlist:hover { background-color: #fbb71c; color: #111318 !important; } .product-thumb .product-block-hover .compare { background-color: #fbb71c; color: #111318 !important; } .product-thumb .product-block-hover .compare:hover { background-color: #fbb71c; color: #111318 !important; } #tmcmsbannerblock .cms-banner-inner .btn.btn-primary { background-color: #fbb71c !important; color: #111318 !important; } #tmcmsbannerblock .cms-banner-inner .btn.btn-primary:hover { background-color: #fbb71c !important; color: #111318 !important; } .quickview a:hover { background-color: #fbb71c; color: #111318 !important; } .quickview a { background-color: #fbb71c; color: #111318 !important; } .product-info .product-image .customNavigation span:hover { color: #252832; } #additional-carousel img:hover { border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; } .list-group label:hover { color: #252832; } #special-carousel .box-heading { color: #252832 !important; } #content .box .box-heading { color: #252832; } #special-carousel { border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; } .product-button button, select, textarea { background-color: #fbb71c; color: #111318 !important; } .single_banner .single_img .static-inner .text3.static-text:hover { color: #252832; } .product_banner .product_img1 .static-inner .text-button .link-text:hover, .product_banner .product_img2 .static-inner .text-button .link-text:hover, .product_banner .product_img3 .static-inner .text-button .link-text:hover { color: #252832; } .news-parralax { background-color: #fbb71c; color: #111318 !important; } #test.customNavigation a:hover { background-color: #fbb71c !important; color: #111318 !important; } #products-related .customNavigation a { background-color: #fbb71c; color: #111318 !important; } .banners-slider-carousel { background-image: -webkit-linear-gradient(top, #fbb71c 0%, #fbb71c 47%); border-top-color: #fbb71c; } .banners-slider-carousel .customNavigation a:hover { background-color: #fbb71c; color: #111318 !important; } .banners-slider-carousel .customNavigation a { background-color: #fbb71c; color: #111318 !important; } #account-account #content ul li a:hover { color: #252832; } .sale { background-color: #fbb71c; color: #111318 !important; } .product-right h4 { color: #252832; } #button-filter { background-color: #fbb71c; border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; color: #111318 !important; } .testimonial-cms .btn-primary { color: #252832; } .slider-item:hover .sub-content .btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #fbb71c !important; color: #111318 !important; } .testimonial-cms .sub-title:hover { color: #252832; } .testimonial-cms .sub-subtitle:hover { color: #252832; } .top_button:hover { background-color: #fbb71c; color: #111318 !important; } .top_button { background-color: #fbb71c; color: #111318 !important; } .category_list li a:hover { color: #252832; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .text-right a { background-color: #fbb71c; color: #111318 !important; } #button-account:hover { background-color: #fbb71c !important; color: #111318 !important; } #button-login:hover { background-color: #fbb71c !important; color: #111318 !important; } #button-login { background-color: #fbb71c !important; color: #111318 !important; } #button-account { background-color: #fbb71c !important; color: #111318 !important; } .contact-info .left .address-detail .btn.btn-info:hover { background-color: #fbb71c; border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; color: #111318 !important; } .contact-info .left .address-detail .btn.btn-info { background-color: #fbb71c; border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; color: #111318 !important; } .main-slider .swiper-button-prev, .main-slider .swiper-button-next { background-color: #fbb71c; border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; color: #111318 !important; } .pull-right .btn.btn-primary:hover { background-color: #fbb71c !important; color: #111318 !important; } .pull-right .btn.btn-primary { background-color: #fbb71c !important; color: #111318 !important; } .main-slider { background-color: #fbb71c !important; color: #111318 !important; } .main-slider .swiper-pagination-bullet-active, .main-slider .swiper-pagination-bullet:hover { background-color: #fbb71c; color: #111318 !important; } #product-manufacturer #content p a:hover, .manufacturer-content a:hover { color: #252832; } .category_list_cms .category_link_inner li a::before { color: #252832; } .category_list_cms .category_link .category_link_inner li a:hover { color: #252832; } .category_list_cms .category_link .link-text { color: #252832; } .header-search .btn.btn-default.btn-lg:hover { background-color: #fbb71c !important; color: #111318 !important; } .tab .selected { background-color: #fbb71c; color: #111318 !important; } #information-sitemap .sitemap-left a:hover, #information-sitemap .sitemap-right a:hover { color: #252832; } .header-search .btn-default { border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; background-color: #fbb71c !important; color: #111318 !important; } .input-group-home .btn.btn-default.btn-lg { background-color: #fbb71c !important; color: #111318 !important; } .loadmore .gridcount:hover { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .loadmore .gridcount { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .hometab .customNavigation a { background-color: #fbb71c; color: #111318 !important; } .productpage .write-review:hover, .productpage .review-count:hover { color: #252832; } .productpage .product-right ul li .special-price { color: #252832; } #button-search { background-color: #fbb71c !important; color: #111318 !important; } #button-search:hover { background-color: #fbb71c !important; color: #111318 !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #fbb71c !important; color: #111318 !important; } #product #button-cart:hover { background-color: #fbb71c !important; border-top-color: #fbb71c !important; border-right-color: #fbb71c !important; border-bottom-color: #fbb71c !important; border-left-color: #fbb71c !important; color: #111318 !important; } .read-more a:hover { background-color: #fbb71c; color: #111318 !important; } .read-more a { background-color: #fbb71c; color: #111318 !important; } .all-blog .blog-right-content h5 a:hover { color: #252832; } .all-blog .write-comment a:hover { color: #252832; } .blog-left-content .blog-image .zoom { background-color: #fbb71c; color: #111318 !important; } .blog-left-content .blog-image .readmore_link { background-color: #fbb71c; color: #111318 !important; } .blog-left-content .blog-image .zoom:hover, .blog-left-content .blog-image .readmore_link:hover { background-color: #fbb71c; color: #111318 !important; } #common-success #content p a { color: #252832; } #checkout-cart .buttons .pull-right .btn.btn-primary { background-color: #fbb71c !important; color: #111318 !important; } #checkout-cart .buttons .btn.btn-primary:hover { background-color: #fbb71c !important; color: #111318 !important; } .list-unstyled .picker-switch .btn:hover { background-color: #fbb71c; color: #111318 !important; } .glyphicon { color: #252832; } .bootstrap-datetimepicker-widget td span.active { background-color: #fbb71c !important; color: #111318 !important; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #fbb71c !important; color: #111318 !important; } @media (max-width: 979px) { #search .btn-lg { background-color: #fbb71c !important; color: #111318 !important; } #menu.responsive-menu ul li a:hover { color: #252832; } #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:hover { color: #252832; } } .customNavigation a { background-color: #fbb71c; color: #111318 !important; } .customNavigation a:hover { background-color: #fbb71c !important; color: #111318 !important; } .btn-default { border-top-color: #fbb71c; border-right-color: #fbb71c; border-bottom-color: #fbb71c; border-left-color: #fbb71c; background-color: #fbb71c !important; color: #111318 !important; } .dropdown-menu { background-color: #fbb71c; color: #111318 !important; } .common-home .main-slider .swiper-slide img { display: block; width: 100%; height: auto; } #top.automax-top { margin: 0; padding: 0; background: #1b1d21; border: 0; color: #b9bbc1; } #top.automax-top > .container { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 36px; } .automax-message { min-width: 0; } #top .topbar-text { display: block; float: none; margin: 0; padding: 0; font-size: 12px; line-height: 20px; } #top .topbar-text:before { margin-right: 8px; } .automax-top-links, .automax-top-account { display: flex; align-items: center; gap: 18px; } .automax-top-account { gap: 8px; } #top .automax-top-links a { padding: 0; color: #d5d6da; font-size: 12px; text-shadow: none; white-space: nowrap; } #top .automax-top-links a:hover { color: #fff; } .automax-top-links .fa { margin-right: 5px; } .automax-top-links [hidden] { display: none; } #automax-header { padding: 0; margin: 0; background: #111318; border-bottom: 1px solid #292b31; } #automax-header .automax-header-inner { display: flex; align-items: center; gap: 40px; min-height: 88px; padding-top: 16px; padding-bottom: 16px; } #automax-header #logo { flex: 0 0 190px; margin: 0; padding: 0; } #automax-header #logo img { width: auto; max-width: 190px; max-height: 48px; } .automax-search { flex: 1; min-width: 0; } #automax-header #search { display: flex !important; position: static; width: 100% !important; height: 46px; margin: 0; border: 1px solid #3b3e46; border-radius: 7px; background: #22252c; overflow: hidden; } #automax-header #search:focus-within { border-color: #fbb71c; box-shadow: 0 0 0 3px rgba(251,183,28,.2); } #automax-header #search .input-lg { flex: 1; min-width: 0; width: 100%; height: 44px; padding: 0 16px; border: 0 !important; box-shadow: none; background: transparent; color: #fff; font-size: 14px; } #automax-header #search .input-lg::placeholder { color: #adb0b9; opacity: 1; } #automax-header #search .input-group-btn { flex: 0 0 50px; width: 50px; float: none; } #automax-header #search .btn-lg { display: block; position: static; width: 50px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; background: #fbb71c; color: #fff; font-size: 19px; } #automax-header #search .btn-lg:hover { background: #fbb71c; } #automax-header #search .btn-lg:before { content: none; } .automax-actions { display: flex; align-items: center; gap: 12px; } #automax-header .automax-action, #automax-header #cart > button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 56px; height: 54px; margin: 0; padding: 3px 7px; background: none; border: 0; border-radius: 6px; box-shadow: none; color: #e7e8ec; text-decoration: none; line-height: 1; } #automax-header .automax-action:hover, #automax-header #cart > button:hover { background: #252830; color: #fff; } .automax-action-label { font-size: 11px; line-height: 14px; white-space: nowrap; } .automax-wishlist:before { content: '\f08a'; font-family: FontAwesome; font-size: 24px; } .automax-account:before { content: '\f2bd'; font-family: FontAwesome; font-size: 24px; } #automax-header #cart { width: auto; margin: 0; padding: 0; } #automax-header #cart .cart-icon { position: static; float: none; display: block; width: auto; height: 24px; margin: 0; background: none; } #automax-header #cart .cart-icon:before { content: '\f07a'; font-family: FontAwesome; font-size: 25px; line-height: 24px; } #automax-header #cart-total { position: static; display: block; width: auto; height: auto; padding: 0; margin: 0; background: none; color: inherit; font-size: 11px; line-height: 14px; white-space: nowrap; } #automax-header .automax-menu-toggle { display: none; } #automax-header .automax-menu-toggle .fa { font-size: 24px; } .automax-action:focus-visible, .automax-close:focus-visible, .automax-panel button:focus-visible, .automax-panel a:focus-visible, #cart > button:focus-visible { outline: 2px solid #fbb71c; outline-offset: 3px; } .nav-container { min-height: 48px; } #menu .nav > li > a { padding-top: 15px; padding-bottom: 15px; } .automax-overlay { position: fixed; inset: 0; z-index: 10000; background: rgba(10,12,17,.62); backdrop-filter: blur(2px); } .automax-overlay[hidden], .automax-confirm[hidden], .automax-mobile-menu [hidden] { display: none !important; } body.automax-panel-open { overflow: hidden; } .automax-panel, #cart > .automax-panel { display: block !important; position: fixed; top: 0; right: 0; bottom: 0; left: auto; z-index: 10001; width: min(440px, 100%); max-width: 100%; height: 100vh; height: 100dvh; margin: 0; padding: 0 24px 24px; border: 0; border-radius: 0; background: #fff; color: #242730; list-style: none; text-align: left; box-shadow: -12px 0 50px rgba(0,0,0,.15); overflow-y: auto; overscroll-behavior: contain; transform: translateX(100%); visibility: hidden; transition: transform .28s ease, visibility .28s; } .automax-panel.is-open, #cart > .automax-panel.is-open { transform: translateX(0); visibility: visible; } .automax-panel-heading, #cart .automax-panel-heading { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 80px; margin: 0 0 20px; padding: 16px 0; border-bottom: 1px solid #e7e8ec; background: #fff; } .automax-panel-heading h2 { margin: 0; color: #151820; font-size: 22px; font-weight: 600; } .automax-close { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #f1f2f5; color: #242730; font-size: 17px; } .automax-close:hover { background: #e4e6eb; } .automax-panel .table { margin: 0 0 20px; } #cart .automax-cart-panel .table-striped > tbody > tr { display: grid; grid-template-columns: 64px 1fr 30px; gap: 8px 12px; padding: 18px 0; border-bottom: 1px solid #eceef1; background: #fff; } #cart .automax-cart-panel .table-striped td { border: 0; padding: 0; background: none; min-width: 0; } #cart .automax-cart-panel .table-striped td:nth-child(1) { grid-row: 1 / 3; } #cart .automax-cart-panel .table-striped td:nth-child(2) { grid-column: 2; font-size: 14px; line-height: 20px; } #cart .automax-cart-panel .table-striped td:nth-child(3) { grid-column: 2; text-align: left; color: #747985; } #cart .automax-cart-panel .table-striped td:nth-child(4) { grid-column: 2; text-align: left; font-weight: 600; } #cart .automax-cart-panel .table-striped td:nth-child(5) { grid-column: 3; grid-row: 1; } #cart .automax-cart-panel .img-thumbnail { width: 64px; height: auto; padding: 0; border: 0; } #cart .automax-cart-panel a { color: #252832; } #cart .automax-cart-panel a:hover { color: #252832; } #cart .automax-cart-panel .button-container { display: flex; flex-direction: column; gap: 8px; font-size: 0; } #cart .automax-cart-panel .button-container a { display: block; width: 100%; margin: 0; padding: 13px; border: 1px solid #fbb71c; border-radius: 5px; color: #252832; text-align: center; font-size: 14px; } #cart .automax-cart-panel .button-container a:last-child { background: #fbb71c; color: #fff; } #cart .automax-cart-panel > li > .text-center { padding: 60px 15px; color: #747985; font-size: 15px; } .automax-mobile-categories, .automax-mobile-categories ul { margin: 0; padding: 0; list-style: none; } .automax-mobile-categories > li { border-bottom: 1px solid #eceef1; } .automax-category-row { display: flex; align-items: center; justify-content: space-between; } .automax-mobile-categories a { display: block; flex: 1; padding: 15px 0; color: #252832; font-size: 15px; line-height: 22px; } .automax-category-row button { flex: 0 0 42px; height: 42px; border: 0; background: #f3f4f6; border-radius: 5px; color: #313640; font-size: 20px; } .automax-category-row button[aria-expanded="true"] .fa { transform: rotate(180deg); } .automax-mobile-categories ul { padding: 0 0 10px 16px; } .automax-mobile-categories ul a { padding: 10px 0; font-size: 14px; } .automax-confirm { position: fixed; inset: 0; z-index: 10002; display: grid; place-items: center; padding: 20px; background: rgba(10,12,17,.45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .automax-confirm-box { width: 100%; max-width: 380px; padding: 28px; border-radius: 10px; background: #fff; color: #242730; box-shadow: 0 20px 60px rgba(0,0,0,.2); } .automax-confirm-box h3 { margin-top: 0; font-size: 22px; } .automax-confirm-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; } .automax-confirm-actions [data-remove-confirm] { order: 0; border: 1px solid #fbb71c; background: #fbb71c; color: #111318; } .automax-confirm-actions [data-remove-confirm]:hover { border-color: #e4a20c; background: #e4a20c; } .automax-confirm-actions [data-remove-cancel] { order: 1; border: 1px solid #d9dce1; background: #fff !important; color: #242730 !important; } .automax-confirm-actions [data-remove-cancel]:hover { border-color: #b9bdc5; background: #f2f3f5 !important; } .automax-confirm-actions .btn { padding: 10px 18px; border-radius: 5px; font-weight: 600; } .automax-confirm-actions .btn:focus-visible { outline: 2px solid #242730; outline-offset: 3px; } #cart .automax-cart-panel [data-remove-kind] .fa:before { content: '\f1f8'; } .automax-status { position: fixed; bottom: 20px; left: 50%; z-index: 10003; transform: translate(-50%,20px); max-width: calc(100% - 30px); padding: 12px 20px; border-radius: 6px; background: #20242b; color: #fff; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; } .automax-status.is-visible { opacity: 1; transform: translate(-50%,0); } @media (max-width: 1199px) { #automax-header .automax-header-inner { gap: 24px; } .automax-top-links { gap: 12px; } #top .topbar-text { font-size: 11px; } .automax-actions { gap: 5px; } } @media (max-width: 979px) { #top.automax-top > .container { flex-wrap: wrap; justify-content: center; gap: 4px; padding-top: 7px; padding-bottom: 7px; } .automax-message { width: 100%; text-align: center; } #top .topbar-text { font-size: 11px; } .automax-top-links { justify-content: center; flex-wrap: wrap; gap: 4px 14px; } #automax-header .automax-header-inner { flex-wrap: wrap; gap: 12px; padding-top: 12px; padding-bottom: 12px; } #automax-header #logo { flex: 1; } #automax-header #logo img { max-width: 155px; max-height: 38px; } .automax-search { order: 3; flex: 0 0 100%; } #automax-header .automax-menu-toggle { display: flex; } #automax-header .automax-action, #automax-header #cart > button { min-width: 42px; height: 42px; padding: 5px; } .automax-action-label, #automax-header #cart-total { display: none; } #automax-header .automax-account { display: none; } .nav-container { display: none !important; } } @media (max-width: 479px) { #top .automax-top-links a { font-size: 11px; } .automax-top-account { width: 100%; justify-content: center; } #automax-header .automax-header-inner { padding-left: 15px; padding-right: 15px; } #automax-header #logo img { max-width: 130px; } .automax-actions { gap: 2px; } .automax-panel, #cart > .automax-panel { width: min(380px, 92vw); padding-left: 18px; padding-right: 18px; } } @media (prefers-reduced-motion: reduce) { .automax-panel, #cart > .automax-panel, .automax-status { transition: none; } } #top.automax-top { height: auto; } #top.automax-top > .container:before, #top.automax-top > .container:after, #automax-header .automax-header-inner:before, #automax-header .automax-header-inner:after { content: none; } #automax-header #search .btn-lg { background-image: none !important; } #automax-header #cart > button { position: relative; } @media (max-width: 979px) { #automax-header #cart > button:after { content: attr(data-count); position: absolute; top: -1px; right: 0; display: grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: #fbb71c; color: #fff; font-size: 10px; line-height: 1; } #automax-header #cart > button[data-count="0"]:after { display: none; } } #cart .automax-cart-panel td, #cart .automax-cart-panel td a, #cart .automax-cart-panel td strong { color: #252832 !important; } #cart .automax-cart-panel .table-striped, #cart .automax-cart-panel .table-striped tbody { display: block; width: 100%; } #cart .automax-cart-panel .table-striped > tbody > tr { grid-template-columns: 52px minmax(0, 1fr) 30px; width: 100%; } #cart .automax-cart-panel .table-striped td { width: auto; overflow-wrap: anywhere; } #cart .automax-cart-panel .table-striped .btn-danger { width: 28px; height: 28px; min-width: 0; padding: 0 !important; border: 0; border-radius: 4px; background: #fff5df !important; color: #252832 !important; } #cart .automax-cart-panel .button-container { width: 100%; float: none; margin: 20px 0 0; } #cart .automax-cart-panel .button-container a { width: 100%; min-height: 44px; padding: 12px !important; margin: 0 !important; background: #fff !important; } #cart .automax-cart-panel .button-container a:last-child { background: #fbb71c !important; } #cart .automax-cart-panel .button-container strong { font-size: 14px; } #cart .automax-cart-panel .table-bordered { border: 0; } #cart .automax-cart-panel .table-bordered td { padding: 12px 0; border: 0; border-bottom: 1px solid #eceef1; } #cart .automax-cart-panel .table-bordered td:first-child { text-align: left; } #cart .automax-product-placeholder { display: grid; place-items: center; width: 52px; height: 52px; background: #f2f3f6; border-radius: 5px; color: #8b909b; font-size: 24px; } #top .topbar-text:before { display: none; } #cart .automax-cart-panel .table { float: none; overflow: visible; } @media (min-width: 980px) { #menu .nav.navbar-nav { display: flex !important; flex-wrap: nowrap; width: 100%; } #menu .nav.navbar-nav:before, #menu .nav.navbar-nav:after { content: none; } #menu .nav.navbar-nav > li { flex: 0 1 auto; float: none; height: 48px; } #menu .nav.navbar-nav > li > a { padding: 15px; font-size: 12px; line-height: 18px; white-space: nowrap; } #menu .nav.navbar-nav > li.home { flex: 0 0 48px; } #menu .nav.navbar-nav > li.home > a { width: 48px; height: 48px; padding: 0; } } @media (min-width: 980px) { .container { width: calc(100% - 48px); max-width: 1600px; } } .automax-navigation { position: relative; z-index: 1000; min-height: 50px; background: #fbb71c; border: 0; } .automax-navigation > .container { position: relative; } .automax-menu-list { display: flex; align-items: stretch; justify-content: space-between; gap: 0; margin: 0; padding: 0; list-style: none; } .automax-menu-item { position: static; } .automax-menu-label { display: flex; align-items: stretch; min-height: 50px; } .automax-menu-label > a, .automax-menu-label > button { display: flex; align-items: center; gap: 8px; padding: 14px 12px; border: 0; background: transparent; color: #fff; font-size: 13px; font-weight: 600; line-height: 22px; text-transform: uppercase; white-space: nowrap; } .automax-menu-label > a + button { padding-left: 0; } .automax-menu-item.is-open .automax-menu-label, .automax-menu-label:hover { background: #fbb71c; } .automax-menu-label [aria-expanded="true"] .fa { transform: rotate(180deg); } .automax-mega { position: absolute; top: 100%; left: 15px; right: 15px; z-index: 1001; max-height: calc(100dvh - 200px); overflow-y: auto; padding: 24px 28px 28px; background: #fff; color: #252832; border-top: 3px solid #fbb71c; border-radius: 0 0 8px 8px; box-shadow: 0 18px 38px rgba(0,0,0,.2); } .automax-mega[hidden] { display: none; } .automax-mega-title { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 16px; margin-bottom: 22px; border-bottom: 1px solid #e9eaee; } .automax-mega-title strong { font-size: 20px; } .automax-mega-title > a, .automax-category-more { color: #252832; font-size: 13px; font-weight: 500; } .automax-mega-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 30px 24px; } .automax-category-thumb { display: flex; align-items: center; justify-content: center; height: 120px; margin-bottom: 14px; border-radius: 7px; background: #f3f4f6; color: #9298a3; font-size: 34px; overflow: hidden; } .automax-category-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 8px; } .automax-category-thumb.has-image > .fa { display: none; } .automax-mega-card h3 { margin: 0 0 9px; font-size: 15px; font-weight: 600; line-height: 21px; } .automax-mega-card h3 a { color: #252832; } .automax-mega-card ul { margin: 0; padding: 0; list-style: none; } .automax-mega-card li a { display: inline-block; padding: 4px 0; color: #666d78; font-size: 13px; line-height: 18px; } .automax-mega-card a:hover { color: #252832; } .automax-category-more { display: inline-block; margin-top: 8px; } .automax-category-row > a.has-image { display: flex; align-items: center; gap: 10px; } .automax-category-row > a img { flex: 0 0 42px; width: 42px; height: 42px; object-fit: contain; border-radius: 4px; background: #f3f4f6; } .automax-account-wrap { position: relative; } .automax-account-panel { display: none; position: absolute; top: calc(100% + 8px); right: 0; z-index: 10001; width: 240px; padding: 18px; border: 1px solid #e7e8ec; border-radius: 8px; background: #fff; color: #252832; box-shadow: 0 12px 35px rgba(0,0,0,.18); } .automax-account-panel.is-open { display: block; } .automax-account-panel h3 { margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid #eceef1; font-size: 17px; } .automax-account-panel a { display: flex; align-items: center; gap: 12px; padding: 12px 8px; border-radius: 4px; color: #343943; } .automax-account-panel a:hover { background: #fff5df; color: #252832; } @media (min-width: 980px) { #cart > .automax-cart-panel { position: absolute; top: calc(100% + 12px); right: 0; bottom: auto; width: 420px; max-width: calc(100vw - 48px); height: auto; max-height: calc(100dvh - 155px); padding: 0 22px 22px; border: 1px solid #e7e8ec; border-radius: 8px; box-shadow: 0 14px 38px rgba(0,0,0,.2); transform: translateY(8px); opacity: 0; transition: transform .18s, opacity .18s, visibility .18s; } #cart > .automax-cart-panel.is-open { transform: translateY(0); opacity: 1; } #cart .automax-panel-heading { min-height: 62px; margin-bottom: 6px; padding: 14px 0; } #cart .automax-panel-heading h2 { font-size: 18px; } #cart .automax-panel-heading .automax-close { width: 30px; height: 30px; font-size: 14px; } #cart .automax-cart-panel .table-striped > tbody > tr { gap: 5px 12px; padding: 16px 0; } #cart .automax-cart-panel .button-container { flex-direction: row; gap: 10px; font-size: 0; } #cart .automax-cart-panel .button-container a { flex: 1; width: auto; font-size: 12px; } #cart .automax-cart-panel .button-container strong { font-size: 12px; } #automax-header #cart > button { padding-left: 12px; padding-right: 12px; background: #242730; border: 1px solid #3c4049; min-width: 105px; } } @media (min-width: 980px) and (max-width: 1199px) { .automax-menu-label > a, .automax-menu-label > button { padding-left: 7px; padding-right: 7px; font-size: 11px; } .automax-mega-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } } @media (max-width: 979px) { #automax-header .automax-account { display: flex; } } @media (max-width: 479px) { #automax-header #logo img { max-width: 108px; } #automax-header .automax-action, #automax-header #cart > button { min-width: 34px; padding: 3px; } #automax-header .automax-header-inner { gap: 8px; } .automax-account-panel { right: -70px; width: 230px; } } .automax-category-thumb { position: relative; } .automax-category-thumb img { display: block; position: absolute; inset: 0; opacity: 0; } .automax-category-thumb.has-image img { opacity: 1; } .automax-category-row > a img { display: inline-block; } .automax-category-row > a.has-image img { display: block; } .automax-mega:not([hidden]) { animation: automax-mega-reveal .18s ease-out; } @keyframes automax-mega-reveal { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .automax-mega:not([hidden]) { animation: none; } } .automax-mobile-menu .automax-mobile-heading { justify-content: flex-end; min-height: 56px; margin-bottom: 0; padding: 10px 0; border-bottom: 0; } .automax-mobile-account { padding: 18px 0 4px; margin-top: 24px; border-top: 1px solid #d9dce2; } .automax-mobile-account > a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 10px 0; color: #252832; font-size: 15px; } .automax-mobile-account > a > .fa:first-child { width: 24px; text-align: center; color: #252832; font-size: 21px; } .automax-mobile-account > a > span { flex: 1; } .automax-mobile-account > a > .fa:last-child { color: #9197a1; } .automax-mobile-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; } .automax-mobile-auth a { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 6px; border: 1px solid #fbb71c; border-radius: 5px; color: #252832; text-align: center; font-size: 12px; } .automax-mobile-auth a:first-child { background: #fbb71c; color: #fff; } .automax-mobile-account a:hover { text-decoration: underline; text-underline-offset: 3px; } @media (max-width: 979px) { #automax-header .automax-wishlist, #automax-header .automax-account-wrap { display: none; } } .automax-header-space { height: 0; } @media (min-width: 980px) { #automax-header.is-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; width: 100%; box-shadow: 0 5px 22px rgba(0,0,0,.22); animation: automax-header-in .25s ease-out; } #automax-header.is-fixed .automax-header-inner { min-height: 72px; padding-top: 8px; padding-bottom: 8px; } #automax-header.is-fixed #logo img { max-height: 40px; } } @keyframes automax-header-in { from { transform: translateY(-100%); opacity: .65; } to { transform: translateY(0); opacity: 1; } } @media (prefers-reduced-motion: reduce) { #automax-header.is-fixed { animation: none; } } @media (min-width: 980px) { .automax-navigation.is-fixed { position: fixed; top: var(--automax-header-height); left: 0; right: 0; z-index: 9998; width: 100%; box-shadow: 0 5px 22px rgba(0,0,0,.18); animation: automax-navigation-in .25s ease-out; } .automax-navigation.is-fixed .automax-mega { max-height: calc(100dvh - var(--automax-header-height) - 70px); } } @keyframes automax-navigation-in { from { transform: translateY(calc(-100% - var(--automax-header-height))); opacity: .65; } to { transform: translateY(0); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .automax-navigation.is-fixed { animation: none; } } #automax-header #search .btn-lg, .automax-menu-label > a, .automax-menu-label > button, #automax-header #cart > button:after, .automax-mobile-auth a:first-child, #cart .automax-cart-panel .button-container a:last-child { color: #111318; } #automax-header #search .btn-lg:hover, .automax-menu-item.is-open .automax-menu-label, .automax-menu-label:hover { background: #e4a20c; } .automax-mega-title > a, .automax-category-more { text-decoration: underline; text-decoration-color: #b77c00; text-underline-offset: 4px; } .automax-mega-card a:hover, .automax-mobile-categories a:hover { color: #111318; text-decoration: underline; text-decoration-color: #b77c00; text-underline-offset: 4px; } #top .btn-link:hover, #top-links a:hover, #top .btn-link:hover strong, #footer .column li a:hover, #footer .column li.email a:hover, #powered a:hover, #footer .phoneno:before, #footer .email:before, .text1.static-text { color: #fbb71c !important; } .newsletter, .banners-slider-carousel { background: #fbb71c; color: #111318; } .newsletter h3, .newsletter h4, .newsletter .newsletter-title, .newsletter .newsletter-desc { color: #111318; } select, textarea, .form-control { background-color: #fff; color: #252832; } .form-control:focus { border-color: #b77c00; box-shadow: 0 0 0 3px rgba(251,183,28,.18); } .btn-primary, .btn-danger { background: #fbb71c; border-color: #fbb71c; color: #111318; } .btn-primary:hover, .btn-primary:focus, .btn-danger:hover, .btn-danger:focus { background: #e4a20c; border-color: #e4a20c; color: #111318; } .customNavigation a.prev, .customNavigation a.next { background-color: #fbb71c !important; color: #111318 !important; } .top_button:before, .top_button:after { color: #111318; } #top.automax-top > .container { min-height: 40px; } #top .automax-message { display: flex; align-items: center; } #top .topbar-text { text-transform: none; } #top .topbar-text strong { color: #fbb71c; font-weight: 700; } @media (max-width: 979px) { #top .automax-message { justify-content: center; } } .automax-sidebar-categories { margin: 0 0 28px; border: 1px solid #e2e4e8; border-radius: 8px; background: #fff; overflow: hidden; } .automax-sidebar-categories h2 { margin: 0; padding: 18px 20px; background: #20232a; color: #fbb71c; font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 600; line-height: 24px; } .automax-sidebar-categories ul { margin: 0; padding: 0; list-style: none; } .automax-sidebar-categories > ul > li + li { border-top: 1px solid #eceef1; } .automax-sidebar-row { display: flex; align-items: center; padding: 0 12px 0 18px; } .automax-sidebar-categories a { display: block; padding: 13px 0; color: #343943; font-size: 14px; font-weight: 500; line-height: 21px; text-transform: none; text-decoration: none; } .automax-sidebar-row > a { flex: 1; min-width: 0; } .automax-sidebar-categories a:hover, .automax-sidebar-categories a:focus-visible { color: #111318; text-decoration: underline; text-decoration-color: #fbb71c; text-underline-offset: 4px; } .automax-sidebar-categories a.active { color: #111318; font-weight: 600; } .automax-sidebar-row:has(> a.active) { background: #fff5df; box-shadow: inset 3px 0 #fbb71c; } .automax-sidebar-row button { flex: 0 0 34px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #525964; } .automax-sidebar-row button[aria-expanded="false"] .fa { transform: rotate(-90deg); } .automax-sidebar-categories li > ul { padding: 0 18px 8px 30px; } .automax-sidebar-categories li > ul[hidden] { display: none; } .automax-sidebar-categories li > ul a { padding: 9px 0; font-size: 13px; } .automax-sidebar-categories li > ul li + li { border-top: 1px solid #f0f1f3; } body .product-title, #content .product-title { font-family: 'Fira Sans', sans-serif; font-size: 24px; font-weight: 600; line-height: 1.35; letter-spacing: 0; text-transform: none; color: #20232a; } body :is(button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a[role="button"]) { transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, opacity .18s ease; } body :is(button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a[role="button"]):not(:disabled):not(.disabled):not([aria-disabled="true"]):hover { box-shadow: inset 0 0 0 100px rgba(17,19,24,.07) !important; } body :is(button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a[role="button"]):focus-visible { outline: 2px solid #b77c00 !important; outline-offset: 3px; box-shadow: 0 0 0 4px rgba(251,183,28,.22) !important; } body :is(button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a[role="button"]):not(:disabled):not(.disabled):not([aria-disabled="true"]):active, body :is(button, .btn).active:not(:disabled):not(.disabled) { box-shadow: inset 0 2px 5px rgba(17,19,24,.23) !important; } body :is(button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a[role="button"]):is(:hover, :focus, :active) { transform: none !important; } body :is(button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a[role="button"]):is(:disabled, .disabled, [aria-disabled="true"]) { opacity: .45; cursor: not-allowed; box-shadow: none !important; animation: none; } body a:is(.btn, [role="button"]):is(.disabled, [aria-disabled="true"]) { pointer-events: none; } .automax-mobile-menu .automax-mobile-heading { justify-content: space-between; gap: 20px; padding: 14px 0; margin-bottom: 8px; border-bottom: 1px solid #e7e8ec; } .automax-mobile-logo { display: block; max-width: calc(100% - 58px); } .automax-mobile-logo img { display: block; width: auto; height: auto; max-width: 165px; max-height: 48px; } .automax-gallery { width: 100%; min-width: 0; } .automax-gallery-stage { position: relative; border: 1px solid #e7e8ec; border-radius: 8px; background: #fff; overflow: hidden; } .automax-gallery-track { display: flex; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; } .automax-gallery-track::-webkit-scrollbar { display: none; } .automax-gallery-track > a { display: flex; align-items: center; justify-content: center; flex: 0 0 100%; min-width: 0; aspect-ratio: 1 / 1; scroll-snap-align: start; } .automax-gallery-track > a img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 12px; } .automax-gallery-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-top: 1px solid #eceef1; } .automax-gallery-controls button { width: 40px; height: 38px; border: 1px solid #e2e4e8; border-radius: 5px; background: #fbb71c; color: #111318; } .automax-gallery-controls .fa { font-size: 23px; } .automax-gallery-count { color: #666d78; font-size: 13px; } .automax-gallery-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 10px; margin-top: 14px; } .automax-gallery-thumbs button { min-width: 0; aspect-ratio: 1 / 1; padding: 5px; border: 2px solid #e7e8ec; border-radius: 5px; background: #fff; } .automax-gallery-thumbs button[aria-pressed="true"] { border-color: #fbb71c; } .automax-gallery-thumbs img { width: 100%; height: 100%; object-fit: contain; } .automax-gallery-track:focus-visible { outline: 2px solid #b77c00 !important; outline-offset: -3px; } #product-product .product-left, #product-product .product-right { min-width: 0; } @media (min-width: 980px) { #product-product > .row > #column-left { width: 24%; } #product-product > .row > #column-left + #content.col-sm-9 { width: 76%; } } @media (max-width: 767px) { body .product-title, #content .product-title { font-size: 21px; } .automax-gallery { margin-bottom: 24px; } } @media (prefers-reduced-motion: reduce) { body :is(button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a[role="button"]) { transition: none; } } .automax-category-intro { margin-bottom: 24px; } #content .automax-category-title { margin: 0 0 18px; color: #20232a; font-family: 'Fira Sans', sans-serif; font-size: 28px; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-transform: none; } .automax-category-description { color: #515761; font-size: 15px; line-height: 1.75; letter-spacing: 0; text-transform: none; } .automax-category-description p { margin: 0 0 14px; } .automax-subcategories { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 14px; margin: 0 0 28px; } .automax-subcategories > a { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 16px 12px; border: 1px solid #e2e4e8; border-radius: 7px; background: #fff; color: #252832; text-align: center; text-transform: none; font-size: 14px; line-height: 21px; transition: border-color .18s, box-shadow .18s; } .automax-subcategories > a:hover, .automax-subcategories > a:focus-visible { border-color: #fbb71c; box-shadow: 0 3px 12px rgba(17,19,24,.08); } .automax-subcategories img { display: block; width: 100px; height: 100px; object-fit: contain; } #content .automax-list-toolbar { display: flex; align-items: center; gap: 16px; float: none; width: 100%; margin: 0 0 24px; padding: 14px; border: 1px solid #e2e4e8; border-radius: 7px; background: #fff; } #content .automax-list-toolbar:before, #content .automax-list-toolbar:after { content: none; } .automax-list-toolbar .btn-list-grid, .automax-list-toolbar .compare-total, .automax-list-toolbar .pagination-right, .automax-list-toolbar .sort-by-wrapper, .automax-list-toolbar .show-wrapper, .automax-list-toolbar .sort-by, .automax-list-toolbar .sort, .automax-list-toolbar .show, .automax-list-toolbar .limit { float: none; width: auto; min-width: 0; margin: 0; padding: 0; } .automax-list-toolbar .btn-list-grid { flex: 0 0 auto; } .automax-list-toolbar .btn-group { display: flex; gap: 5px; } #content .automax-list-toolbar .btn-group button { width: 38px; height: 38px; padding: 0; border: 1px solid #e2e4e8; border-radius: 5px; background: #f2f3f5 !important; color: #525964 !important; } #content .automax-list-toolbar .btn-group button.active { background: #fbb71c !important; border-color: #fbb71c; color: #111318 !important; } .automax-list-toolbar .compare-total { flex: 1; font-size: 13px; white-space: nowrap; } .automax-list-toolbar .compare-total a { color: #343943; padding: 0; background: transparent; } .automax-list-toolbar .pagination-right, .automax-list-toolbar .sort-by-wrapper, .automax-list-toolbar .show-wrapper { display: flex; align-items: center; gap: 8px; } .automax-list-toolbar .pagination-right { gap: 16px; } .automax-list-toolbar label { margin: 0; color: #656c76; font-size: 12px; white-space: nowrap; } .automax-list-toolbar select.form-control { position: static !important; width: auto !important; max-width: 190px; height: 38px !important; padding: 6px 24px 6px 10px; opacity: 1 !important; border: 1px solid #dce0e5; border-radius: 5px; background: #fff; color: #252832; font-size: 13px; } .automax-list-toolbar span.customSelect { display: none !important; } .automax-alert-region { position: relative; scroll-margin-top: 145px; } .automax-alert-region:empty { display: none; } .automax-alert-region .alert { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; float: none; width: 100% !important; max-width: none; margin: 16px 0; padding: 16px 50px 16px 20px; border: 1px solid #e3d5b6; border-left: 4px solid #fbb71c; border-radius: 6px; background: #fff7e6; color: #343943; font-size: 14px; line-height: 22px; text-align: left; text-transform: none; opacity: 1; transition: opacity .2s; animation: automax-alert-in .2s ease; } .automax-alert-region .alert a { color: #252832; font-weight: 600; text-decoration: underline; } .automax-alert-region .alert-success { border-left-color: #4b875b; background: #f0f7f1; } .automax-alert-region .alert-danger { border-left-color: #b44848; background: #fff3f1; } .automax-alert-region .alert .close { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; border: 0; border-radius: 4px; background: transparent; color: #343943; font-size: 24px; line-height: 28px; opacity: 1; } .automax-alert-region .alert.is-dismissing { opacity: 0; } @keyframes automax-alert-in { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 1199px) { #content .automax-list-toolbar { gap: 10px; } .automax-list-toolbar .pagination-right { gap: 8px; } .automax-list-toolbar select.form-control { max-width: 145px; } } @media (max-width: 767px) { #content .automax-category-title { font-size: 24px; } .automax-subcategories { grid-template-columns: repeat(2, minmax(0, 1fr)); } #content .automax-list-toolbar { flex-wrap: wrap; } .automax-list-toolbar .pagination-right { flex: 1 0 100%; justify-content: space-between; } .automax-list-toolbar .compare-total { text-align: right; } .automax-alert-region { scroll-margin-top: 15px; } } @media (prefers-reduced-motion: reduce) { .automax-alert-region .alert { animation: none; transition: none; } } @media (max-width: 767px) { .automax-list-toolbar .pagination-right { display: grid; grid-template-columns: minmax(0, 1fr) 85px; gap: 12px; } .automax-list-toolbar .sort-by-wrapper, .automax-list-toolbar .show-wrapper { flex-direction: column; align-items: stretch; gap: 4px; } .automax-list-toolbar .sort-by, .automax-list-toolbar .show { text-align: left; } .automax-list-toolbar select.form-control { width: 100% !important; max-width: none; } } .automax-mega { border-top: 0; } #content .automax-list-toolbar .btn-group button { display: inline-flex; align-items: center; justify-content: center; line-height: 1; } #content .automax-list-toolbar .btn-group button .fa { display: block; margin: 0; line-height: 1; } .automax-list-toolbar .compare-total { flex: 0 0 auto; } .automax-list-toolbar .compare-total a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 7px 12px; border: 1px solid #e2e4e8; border-radius: 5px; background: #f2f3f5; color: #343943; font-size: 12px; line-height: 22px; transition: background-color .18s, border-color .18s; } .automax-list-toolbar .compare-total a:hover { background: #e7e9ed; border-color: #cdd1d8; } .automax-list-toolbar .compare-total a:focus-visible { outline: 2px solid #b77c00 !important; outline-offset: 3px; } .automax-list-toolbar .compare-total a:active { background: #dce0e5; } .automax-list-toolbar .pagination-right { margin-left: auto; } #column-left .bf-panel-wrapper .box.bf-check-position { margin-bottom: 28px; border: 1px solid #e2e4e8; border-radius: 8px; background: #fff; box-shadow: none; } #column-left .bf-panel-wrapper .box-heading { padding: 18px 20px; border: 0; border-radius: 7px 7px 0 0; background: #20232a; color: #fbb71c; font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 500; line-height: 24px; letter-spacing: 0; text-shadow: none; text-transform: none; } #column-left .bf-panel-wrapper .brainyfilter-panel { padding: 0; border: 0; border-radius: 0 0 8px 8px; background: #fff; color: #343943; font-family: 'Fira Sans', sans-serif; font-size: 13px; text-transform: none; } #column-left .bf-panel-wrapper .bf-attr-header { padding: 13px 46px 13px 18px; border-top: 1px solid #eceef1; background: #fff; color: #252832; font-size: 14px; font-weight: 500; line-height: 22px; text-transform: none; } #column-left .bf-panel-wrapper .bf-attr-block-cont { padding: 0 18px 12px; } #column-left .bf-panel-wrapper .bf-row { border-bottom: 1px solid #f0f1f3; } #column-left .bf-panel-wrapper .bf-row:last-child { border-bottom: 0; } #column-left .bf-panel-wrapper .bf-cell { padding-top: 7px; padding-bottom: 7px; line-height: 20px; } #column-left .bf-panel-wrapper label { margin-bottom: 0; color: #515761; font-weight: 400; line-height: 20px; } #column-left .bf-panel-wrapper label:hover { color: #111318; } #column-left .bf-panel-wrapper input[type="checkbox"], #column-left .bf-panel-wrapper input[type="radio"] { width: 16px; height: 16px; accent-color: #fbb71c; cursor: pointer; } #column-left .bf-panel-wrapper .bf-count { padding: 2px 6px; border-radius: 4px; background: #f2f3f5; color: #656c76; text-shadow: none; } #column-left .bf-panel-wrapper .bf-price-container input { width: 66px; min-width: 0; height: 35px; border: 1px solid #dce0e5; border-radius: 5px; background: #fff; color: #252832; font-size: 13px; text-align: center; } #column-left .bf-panel-wrapper .ui-widget-content { border-color: #e2e4e8; background: #eceef1; } #column-left .bf-panel-wrapper .ui-widget-header { border-color: #fbb71c; background: #fbb71c; } #column-left .bf-panel-wrapper .ui-slider-handle { border: 2px solid #fbb71c; border-radius: 50%; background: #fff; cursor: ew-resize; } #column-left .bf-panel-wrapper .bf-buttonclear { background: none; color: #656c76; } #column-left .bf-panel-wrapper .bf-buttonclear:hover { color: #111318; text-decoration-color: #fbb71c; } .automax-alert-region .alert { scroll-margin-top: 145px; } .automax-alert-region .alert-success { border-color: #a7d7b5; border-left-color: #278447; background: #e8f5ec; color: #205b32; } .automax-alert-region .alert-success a, .automax-alert-region .alert-success .close { color: #205b32; } @media (max-width: 767px) { .automax-alert-region .alert { scroll-margin-top: 15px; } } #column-left .bf-panel-wrapper .box-heading { top: auto; margin: 0; background: #20232a !important; color: #fbb71c !important; font-size: 17px !important; font-weight: 600 !important; text-transform: none !important; } .breadcrumb a { transition: color .18s ease; } body .breadcrumb a:hover, body .breadcrumb a:focus-visible { color: #fbb71c !important; text-decoration: underline; text-underline-offset: 4px; } #column-left .bf-panel-wrapper .brainyfilter-panel { letter-spacing: 0; } #column-left .bf-panel-wrapper .bf-attr-header { color: #343943; line-height: 21px; } #column-left .bf-panel-wrapper .bf-attr-header:hover { color: #111318; } #column-left .bf-panel-wrapper .bf-arrow { position: absolute; top: 50%; right: 12px; display: flex; align-items: center; justify-content: center; float: none; width: 34px; height: 34px; padding: 0; background: none; color: #525964; transform: translateY(-50%); } #column-left .bf-panel-wrapper .bf-arrow:before { content: '\f107'; font-family: 'FontAwesome'; font-size: 14px; line-height: 1; } #column-left .bf-panel-wrapper .bf-attr-block:not(:has(.bf-expanded)) > .bf-attr-header .bf-arrow:before { transform: rotate(-90deg); } #column-left .bf-panel-wrapper .bf-attr-group-header { margin: 0; padding: 12px 18px 5px; border-top: 1px solid #eceef1; background: #fff; color: #656c76; font-size: 12px; font-weight: 500; line-height: 18px; } #column-left .bf-panel-wrapper .bf-attr-group-header + .bf-attr-block > .bf-attr-header { border-top: 0; } #column-left .bf-panel-wrapper .bf-search { height: 36px; margin: 0; padding: 6px 28px 6px 10px; border: 1px solid #dce0e5; border-radius: 5px; background-position: right 10px center; color: #343943; font-family: inherit; font-size: 13px; } #column-left .bf-panel-wrapper .bf-cell.bf-c-1 { width: 26px; padding-right: 10px; } #column-left .bf-panel-wrapper .bf-row:has(input:checked) label { color: #111318; font-weight: 500; } #column-left .bf-panel-wrapper .bf-row:has(input:checked) .bf-count { background: #fff5df; color: #343943; } #column-left .bf-panel-wrapper .bf-price-container { padding: 0; } #column-left .bf-panel-wrapper .bf-cur-symb { display: flex; align-items: center; gap: 5px; padding-bottom: 16px; } #column-left .bf-panel-wrapper .bf-price-container input { flex: 1; width: 0; min-width: 0; } #column-left .bf-panel-wrapper .bf-price-slider-container { padding-bottom: 8px; } #column-left .bf-panel-wrapper .bf-buttonclear-box { padding: 12px 18px; border-top: 1px solid #eceef1; } #column-left .bf-panel-wrapper .bf-buttonclear { padding: 0; font-family: inherit; font-size: 13px; line-height: 22px; text-align: left; text-underline-offset: 4px; } #column-left .bf-panel-wrapper .bf-buttonclear:hover { background: none; } #column-left .bf-panel-wrapper input:focus-visible { outline: 2px solid #b77c00; outline-offset: 2px; } @media (min-width: 980px) { #product-category #content .row > .product-layout.product-grid { width: 25%; } #product-category .product-grid .product-thumb .image img { width: 100%; height: auto; object-fit: contain; } } @media (min-width: 980px) { #product-category #content .row > .product-layout.product-grid { clear: none; } #product-category #content .row > .product-layout.product-grid:nth-child(4n+1) { clear: left; } } .automax-home-slider { position: relative; width: 100%; margin: 0 0 32px; overflow: hidden; background: #111318; color: #fff; isolation: isolate; font-family: 'Fira Sans', sans-serif; letter-spacing: 0; text-transform: none; } .automax-home-slides { display: grid; } .automax-home-slide { position: relative; grid-area: 1 / 1; display: flex; align-items: center; min-height: clamp(430px, 34vw, 650px); opacity: 0; visibility: hidden; transition: opacity .55s ease, visibility .55s; } .automax-home-slide.is-active { opacity: 1; visibility: visible; z-index: 1; } .automax-home-slider .automax-home-background { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; } .automax-home-slide:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,12,16,.8), rgba(10,12,16,.32) 48%, rgba(10,12,16,0) 78%); pointer-events: none; } .automax-home-slider .automax-home-copy { position: relative; z-index: 1; width: 100%; padding: 54px 80px 90px; } .automax-home-copy-inner { max-width: 600px; } .automax-home-slider .automax-home-eyebrow { margin: 0 0 18px; color: #fbb71c; font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: 1.6px; text-transform: uppercase; } body #content .automax-home-slider .automax-home-title { float: none; width: auto; margin: 0 0 22px; padding: 0; border: 0; background: none; color: #fff; font-family: 'Fira Sans', sans-serif; font-size: clamp(30px, 3vw, 54px); font-weight: 500; line-height: 1.13; letter-spacing: -.7px; text-align: left; text-transform: none; } .automax-home-title strong { color: #fbb71c; font-weight: 600; } .automax-home-slider .automax-home-description { max-width: 425px; margin: 0 0 27px; color: #e0e2e6; font-size: 16px; font-weight: 400; line-height: 1.7; letter-spacing: 0; text-transform: none; } body .automax-home-slider .automax-home-link { display: inline-flex; align-items: center; gap: 22px; min-height: 48px; padding: 13px 22px; border: 1px solid #fbb71c; border-radius: 5px; background: #fbb71c; color: #111318; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 20px; text-transform: none; letter-spacing: 0; text-decoration: none; } body .automax-home-slider .automax-home-link:hover { border-color: #e4a20c; background: #e4a20c; } .automax-home-slider .automax-home-controls[hidden] { display: none; } .automax-home-slider .automax-home-arrow { position: absolute; z-index: 3; top: calc(50% - 23px); display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: rgba(17,19,24,.5); color: #fff; } .automax-home-arrow .fa { font-size: 29px; line-height: 1; } .automax-home-prev { left: 20px; } .automax-home-next { right: 20px; } .automax-home-slider .automax-home-arrow:hover { background: #fbb71c; border-color: #fbb71c; color: #111318; } .automax-home-bottom { position: absolute; z-index: 3; right: 0; bottom: 22px; left: 0; display: flex; align-items: center; justify-content: center; gap: 16px; pointer-events: none; } .automax-home-bottom > * { pointer-events: auto; } .automax-home-dots { display: flex; align-items: center; gap: 4px; } .automax-home-dots button { display: grid; place-items: center; width: 32px; height: 38px; padding: 0; border: 0; border-radius: 4px; background: transparent; } .automax-home-dots button:before { content: ''; display: block; width: 8px; height: 8px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: rgba(255,255,255,.25); transition: background-color .18s, border-color .18s; } .automax-home-dots button[aria-current="true"]:before { background: #fbb71c; border-color: #fbb71c; } .automax-home-dots button:hover:before { background: #fff; border-color: #fff; } .automax-home-divider { width: 1px; height: 20px; background: rgba(255,255,255,.25); } .automax-home-pause { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: rgba(17,19,24,.5); color: #fff; } .automax-home-pause .fa { font-size: 12px; } .automax-home-pause:hover { background: #fbb71c; border-color: #fbb71c; color: #111318; } .automax-home-progress { position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; height: 3px; background: rgba(255,255,255,.15); } .automax-home-progress span { display: block; width: 100%; height: 100%; background: #fbb71c; transform: scaleX(0); transform-origin: left center; } .automax-home-slider:focus-visible { outline: 2px solid #fbb71c !important; outline-offset: -3px; } @media (max-width: 979px) and (min-width: 600px) { .automax-home-slider .automax-home-copy { padding-left: 75px; padding-right: 75px; } .automax-home-copy-inner { max-width: 440px; } .automax-home-slide:after { background: linear-gradient(90deg, rgba(10,12,16,.9), rgba(10,12,16,.55) 65%, rgba(10,12,16,.15)); } } @media (max-width: 599px) { .automax-home-slider { margin-bottom: 24px; } .automax-home-slide { align-items: flex-start; min-height: 580px; } .automax-home-slider .automax-home-background { top: auto; bottom: 0; height: 265px; object-position: 76% center; } .automax-home-slide:after { background: linear-gradient(180deg, #111318 0%, #111318 50%, rgba(17,19,24,.1) 78%, rgba(17,19,24,.65)); } .automax-home-slider .automax-home-copy { padding: 32px 24px 265px; } .automax-home-copy-inner { max-width: none; } body #content .automax-home-slider .automax-home-title { margin-bottom: 16px; font-size: 31px; line-height: 1.15; letter-spacing: -.4px; } .automax-home-slider .automax-home-eyebrow { margin-bottom: 15px; font-size: 10px; letter-spacing: 1.1px; } .automax-home-slider .automax-home-description { margin-bottom: 20px; font-size: 14px; line-height: 1.6; } body .automax-home-slider .automax-home-link { min-height: 44px; padding: 11px 17px; font-size: 13px; } .automax-home-slider .automax-home-arrow { top: auto; bottom: 20px; width: 40px; height: 40px; } .automax-home-prev { left: 20px; } .automax-home-next { right: 20px; } .automax-home-bottom { bottom: 21px; } } @media (prefers-reduced-motion: reduce) { .automax-home-slide { transition: none; } } @font-face { font-family: 'Pe-icon-7-stroke'; src: url('../fonts/Pe-icon-7-stroke.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .home-icons { background: #fbb71c; color: #111318; } .home-icons ul.container { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0 auto; padding: 25px 0; list-style: none; } .home-icons ul:before, .home-icons ul:after { display: none; } .home-icons li { padding: 0 12px; text-align: center; } .home-icons i { display: block; font-family: 'Pe-icon-7-stroke'; font-size: 56px; font-style: normal; font-weight: normal; line-height: 71px; } .home-icons strong { display: block; font-size: 14px; font-weight: 600; line-height: 26px; letter-spacing: .6px; text-transform: uppercase; } .home-icons span { display: block; font-size: 12px; line-height: 26px; letter-spacing: .7px; } .home-icons .pe-7s-car:before { content: '\e6ae'; } .home-icons .pe-7s-refresh-2:before { content: '\e6c2'; } .home-icons .pe-7s-door-lock:before { content: '\e6b0'; } .home-icons .pe-7s-users:before { content: '\e693'; } .home-icons .pe-7s-cash:before { content: '\e68c'; } @media (max-width: 979px) { .home-icons { display: none; } } .common-home .automax-home-slider { margin-bottom: 0; } .product-thumb .image { position: relative; } .product-thumb .automax-thumb-actions { position: absolute; top: 12px; right: 12px; z-index: 6; display: flex; gap: 7px; opacity: 0; pointer-events: none; transition: opacity .2s ease; } .product-thumb:hover .automax-thumb-actions, .product-thumb:focus-within .automax-thumb-actions { opacity: 1; pointer-events: auto; } .product-thumb .automax-thumb-actions button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid #e2e4e8; border-radius: 5px; background: #fff; color: #252832; box-shadow: 0 2px 8px rgba(17,19,24,.08); transition: background-color .18s, border-color .18s; } .product-thumb .automax-thumb-actions button .fa { font-size: 18px; } .product-thumb .automax-thumb-actions button:hover { border-color: #fbb71c; background: #fbb71c; color: #111318; } .product-thumb .automax-thumb-cart { clear: both; margin: 13px 0 15px; } .product-thumb .automax-thumb-cart button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; max-width: 100%; padding: 10px 18px; border: 1px solid #fbb71c; border-radius: 5px; background: #fbb71c; color: #111318; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0; text-transform: none; transition: background-color .18s, border-color .18s; } .product-thumb .automax-thumb-cart button:hover { border-color: #e4a20c; background: #e4a20c; } .product-thumb .automax-thumb-actions button:focus-visible, .product-thumb .automax-thumb-cart button:focus-visible { outline: 2px solid #252832 !important; outline-offset: 3px; } @media (hover: none), (pointer: coarse), (max-width: 767px) { .product-thumb .automax-thumb-actions { opacity: 1; pointer-events: auto; } .product-thumb .automax-thumb-actions button { width: 44px; height: 44px; } } @media (max-width: 767px) { .product-thumb .automax-thumb-cart { margin-left: -12px; margin-right: -12px; } .product-thumb .automax-thumb-cart button { width: 100%; gap: 5px; padding: 9px 6px; font-size: 12px; line-height: 18px; } } body .bf-panel-wrapper.bf-panel-hidden { opacity: 1; } body:has(.bf-panel-wrapper .ajax-shadow) #content { opacity: .4; pointer-events: none; } #product-category.automax-category-filtered #content > .page-title, #product-category.automax-category-filtered .automax-category-intro, #product-category.automax-category-filtered .automax-subcategories { display: none; } .product-thumb .image:has(.hover-image[src]:not([src=""])) .reg-image { visibility: visible; } .product-thumb .product-block-inner:hover .image:has(.hover-image[src]:not([src=""])) .reg-image { visibility: hidden; } .product-thumb .image .hover-image { transition: none; } .product-thumb .automax-thumb-cart button { width: 100%; } .product-thumb .rating { display: inline-flex; align-items: center; gap: 3px; width: auto; padding: 5px 8px; margin: 0 0 9px; border: 1px solid #eceef1; border-radius: 5px; background: #fff; line-height: 16px; } .product-thumb .rating .fa-stack { width: 15px; height: 16px; font-size: 8px; line-height: 16px; } .product-thumb .rating .fa-star-o { color: #aeb4bd; } .product-thumb .rating .fa-star { color: #edaa0c; } .product-thumb .rating .fa-star + .fa-star-o { display: none; } .automax-product-tooltip.in { opacity: 1; } .automax-product-tooltip .tooltip-inner { max-width: 220px; padding: 8px 12px; border-radius: 5px; background: #20232a; color: #fbb71c; box-shadow: 0 3px 10px rgba(17,19,24,.15); font-family: 'Fira Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0; text-transform: none; } .automax-product-tooltip.top .tooltip-arrow { border-top-color: #20232a; } .product-thumb .rating { float: none; display: flex; width: max-content; } .product-thumb .rating .fa-star-o:before { content: '\f006'; } .product-list .product-thumb .automax-thumb-cart button { width: auto; } #column-left .bf-panel-wrapper .automax-price-slider, .bf-panel-wrapper .automax-price-slider { position: relative; padding: 48px 10px 20px; } .bf-panel-wrapper .automax-price-tooltip { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); display: block; width: max-content; max-width: 100%; padding: 6px 10px; border-radius: 5px; background: #20232a; color: #fbb71c; font-size: 12px; font-weight: 500; line-height: 18px; white-space: nowrap; } .bf-panel-wrapper .automax-price-tooltip:after { content: ''; position: absolute; top: 100%; left: calc(50% - 5px); border: 5px solid transparent; border-top-color: #20232a; } .bf-panel-wrapper .automax-price-slider .bf-slider-range { height: 6px; margin: 0; border: 0; border-radius: 4px; background: #e5e7eb; } .bf-panel-wrapper .automax-price-slider .ui-slider-range { border: 0; border-radius: 4px; background: #fbb71c; } #column-left .bf-panel-wrapper .automax-price-slider .ui-slider-handle, .bf-panel-wrapper .automax-price-slider .ui-slider-handle { top: -7px; width: 20px; height: 20px; margin-left: -10px; border: 3px solid #fbb71c; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(17,19,24,.12); cursor: ew-resize; } .bf-panel-wrapper .automax-price-slider .ui-slider-handle:hover, .bf-panel-wrapper .automax-price-slider .ui-slider-handle:focus { background: #fff5df; outline: 2px solid #20232a; outline-offset: 3px; } .content_top .box.automax-products { margin: 0 0 48px; padding-top: 32px; } .content_top .box.automax-products .box-heading { top: auto; margin: 0 0 28px; padding: 0 15px; line-height: 1.3; text-transform: none; } .automax-products .automax-products-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; } .automax-products .automax-products-item { min-width: 0; } .automax-products .product-block { position: relative; float: none; width: 100%; height: 100%; margin: 0; overflow: hidden; background: #fff; } .automax-products .product-block-inner { display: flex; flex-direction: column; height: 100%; } .automax-products .product-image-block-inner, .automax-products .image { float: none; width: 100%; } .automax-products .image img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; margin: 0 auto; max-width: 100%; } .automax-products .product-details { position: static; float: none; width: 100%; flex: 1; } .automax-products .caption { display: flex; flex-direction: column; height: 100%; text-align: center; } .automax-products .caption h4 { min-height: 44px; } .automax-products .automax-thumb-cart { margin-top: auto; padding-top: 12px; } @media (max-width: 991px) { .automax-products .automax-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } } @media (max-width: 479px) { .automax-products .automax-products-grid { grid-template-columns: minmax(0, 1fr); } } .automax-promo { margin: 12px 0 48px; padding: 64px 0; background: linear-gradient(90deg, rgba(17,19,24,.98) 0%, rgba(17,19,24,.9) 38%, rgba(17,19,24,.2) 100%), url('../image/megnor/Parralax.jpg') center center / cover no-repeat; color: #fff; } .automax-promo .automax-promo-content { max-width: 610px; } .automax-promo-brand { display: inline-block; padding: 7px 12px; background: #fbb71c; color: #111318; font-size: 18px; font-weight: 800; letter-spacing: 2px; line-height: 1; } .content_top .automax-promo h2 { float: none; margin: 24px 0 20px; padding: 0; color: #fff; font-size: clamp(36px, 4.5vw, 64px); font-weight: 700; line-height: 1.08; letter-spacing: -1px; text-align: left; text-transform: none; } .automax-promo h2 span { color: #fbb71c; } .automax-promo p { max-width: 490px; margin: 0 0 30px; color: #e5e7eb; font-size: 17px; line-height: 1.7; } .automax-promo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; } .automax-promo-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 14px 20px; border: 1px solid transparent; border-radius: 5px; font-size: 14px; font-weight: 600; line-height: 22px; text-decoration: none; transition: background-color .2s, border-color .2s; } .automax-promo .automax-promo-primary { background: #fbb71c; color: #111318; } .automax-promo .automax-promo-primary:hover { background: #e4a20c; } .automax-promo .automax-promo-secondary { border-color: #85868a; color: #fff; } .automax-promo .automax-promo-secondary:hover { border-color: #fbb71c; background: rgba(255,255,255,.08); } .automax-promo-actions a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; } @media (max-width: 767px) { .automax-promo { margin-bottom: 32px; padding: 40px 0; background-position: 62% center; } .automax-promo .automax-promo-content { padding: 0 16px; } .automax-promo p { font-size: 15px; } .automax-promo-actions { align-items: stretch; flex-direction: column; } } .automax-brands { padding: 36px 0 40px; background: #f2f3f5; } .automax-brands h2 { margin: 0 0 24px; padding: 0; color: #111318; font-size: 30px; font-weight: 600; line-height: 1.3; text-align: center; text-transform: none; } .automax-brands-carousel { position: relative; padding: 0 40px; } .automax-brands .swiper-container { overflow: hidden; } .automax-brands .swiper-wrapper { align-items: center; } .automax-brands .swiper-slide { height: auto; } .automax-brand { display: flex; align-items: center; justify-content: center; min-width: 0; height: 120px; padding: 14px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; transition: border-color .2s, box-shadow .2s; } .automax-brand img { display: block; width: 100%; max-width: 240px; height: 90px; object-fit: contain; } .automax-brand:hover, .automax-brand:focus-visible { border-color: #fbb71c; box-shadow: 0 4px 14px rgba(17,19,24,.08); } .automax-brand:focus-visible { outline: 2px solid #111318; outline-offset: -3px; } .automax-brands-prev, .automax-brands-next { position: absolute; top: calc(50% - 20px); display: flex; align-items: center; justify-content: center; width: 32px; height: 40px; padding: 0; border: 1px solid #e5e7eb; border-radius: 5px; background: #fff; color: #111318; font-size: 26px; } .automax-brands-prev { left: 0; } .automax-brands-next { right: 0; } .automax-brands-prev:hover, .automax-brands-next:hover { border-color: #fbb71c; background: #fbb71c; color: #111318; } .automax-brands-prev:focus-visible, .automax-brands-next:focus-visible { outline: 2px solid #111318; outline-offset: 2px; } @media (max-width: 767px) { .automax-brands { padding: 28px 0; } .automax-brands h2 { font-size: 24px; } .automax-brands-carousel { padding: 0 34px; } .automax-brand { height: 95px; padding: 8px; } .automax-brand img { height: 70px; } } footer.automax-footer { clear: both; float: none; width: 100%; padding: 0; } .automax-footer .automax-footer-main { display: grid; grid-template-columns: 1fr 2fr; gap: 48px; padding-top: 48px; padding-bottom: 0; } .automax-footer-main:before, .automax-footer-main:after { display: none; } .automax-footer-links { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 30px; } .automax-footer h3 { margin: 5px 0 25px; padding: 0; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: .4px; line-height: 24px; text-transform: uppercase; } .automax-footer ul { margin: 0; padding: 0; list-style: none; } .automax-footer li { margin: 0; padding: 6px 0 0; font-size: 13px; font-weight: 600; line-height: 30px; } .automax-footer a { color: #8c8c8c; text-decoration: none; } .automax-footer a:hover { color: #fbb71c; } .automax-footer a:focus-visible { outline: 2px solid #fbb71c; outline-offset: 4px; } .automax-footer-contact-list li { display: flex; align-items: baseline; gap: 14px; } .automax-footer-contact-list .fa { flex: 0 0 18px; color: #fbb71c; font-size: 18px; text-align: center; } .automax-footer-contact strong { color: #bbb; font-weight: 600; } .automax-footer-bottom { clear: both; padding-top: 20px; text-align: center; } .automax-footer-bottom p { margin: 3px 0; color: #bbb; font-size: 13px; } @media (max-width: 991px) { .automax-footer .automax-footer-main { grid-template-columns: 1fr; gap: 32px; } } @media (max-width: 575px) { .automax-footer .automax-footer-main { padding-top: 32px; padding-bottom: 24px; } .automax-footer-links { grid-template-columns: 1fr; gap: 24px; } .automax-footer h3 { margin-bottom: 16px; } } /* Cart: Aliki layout adapted to Automax. */ .automax-cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 30px; margin-top: 24px; margin-bottom: 50px; } .automax-cart-main { min-width: 0; } .automax-cart-products { padding: 0 24px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; } .automax-cart-row { display: grid; grid-template-columns: 100px minmax(0, 1fr) 126px 110px; align-items: center; gap: 20px; padding: 26px 0; border-bottom: 1px solid #e5e7eb; } .automax-cart-row:last-child { border-bottom: 0; } .automax-cart-image { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; padding: 6px; border-radius: 6px; background: #fff; } .automax-cart-image img { display: block; width: 100%; height: 100%; object-fit: contain; } .automax-cart-image .fa { color: #fbb71c; font-size: 40px; } #checkout-cart .automax-cart-details h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 1.55; text-transform: none; } .automax-cart-details { min-width: 0; overflow-wrap: anywhere; } .automax-cart-details p { margin: 3px 0; color: #777; font-size: 12px; line-height: 1.6; } .automax-cart-details .automax-cart-unit { margin-top: 10px; } .automax-cart-unit strong { color: #333; font-weight: 500; } .automax-cart-quantity label, .automax-cart-total > span { display: block; margin: 0 0 7px; color: #777; font-size: 11px; font-weight: 400; } .automax-cart-stepper { display: flex; height: 42px; overflow: hidden; border: 1px solid #ddd; border-radius: 5px; background: #fff; } .automax-cart-stepper button { flex: 0 0 35px; padding: 0; border: 0; background: #f5f5f5; color: #111; font-size: 20px; } .automax-cart-stepper button:hover { background: #fbb71c; } .automax-cart-stepper input { width: 100%; min-width: 0; padding: 0; border: 0; background: #fff; color: #111; text-align: center; appearance: textfield; -moz-appearance: textfield; } .automax-cart-stepper input::-webkit-inner-spin-button, .automax-cart-stepper input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .automax-cart-update, .automax-cart-remove { padding: 0; border: 0; background: transparent; color: #777; font-size: 11px; } .automax-cart-update { margin-top: 8px; } .automax-cart-update:hover, .automax-cart-remove:hover { color: #111; text-decoration: underline; } .automax-cart-total { text-align: right; } .automax-cart-total > strong { display: block; color: #111; font-size: 17px; font-weight: 600; white-space: nowrap; } .automax-cart-remove { margin-top: 13px; } .automax-cart-remove .fa { margin-right: 4px; font-size: 15px; } .automax-cart-continue { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; color: #333; font-weight: 500; } .automax-cart-summary { padding: 26px; border: 1px solid #e5e7eb; border-top: 3px solid #fbb71c; border-radius: 8px; background: #fff; } #checkout-cart .automax-cart-summary h3 { margin: 0 0 24px; font-size: 21px; font-weight: 600; text-transform: none; } .automax-cart-summary dl { margin: 0 0 24px; } .automax-cart-summary dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 15px; margin: 12px 0; } .automax-cart-summary dt { font-weight: 400; } .automax-cart-summary dd { margin: 0; color: #111; white-space: nowrap; } .automax-cart-summary dl > div:last-child { margin-top: 18px; padding-top: 18px; border-top: 1px solid #e5e7eb; color: #111; font-size: 18px; } .automax-cart-summary dl > div:last-child dt, .automax-cart-summary dl > div:last-child dd { font-weight: 600; } #checkout-cart .automax-cart-checkout { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 14px 18px; border: 1px solid #fbb71c; border-radius: 5px; background: #fbb71c !important; color: #111; font-weight: 600; } #checkout-cart .automax-cart-checkout:hover { border-color: #111; background: #111 !important; color: #fff; } .automax-cart-extras { margin-top: 30px; } #checkout-cart .automax-cart-extras h3 { margin: 0 0 8px; font-size: 17px; font-weight: 600; text-transform: none; } .automax-cart-extras > p { color: #777; font-size: 12px; } .automax-cart-extras .panel { border-color: #e5e7eb; box-shadow: none; } .automax-cart-extras .panel-heading { padding: 15px 18px; background: #fff; } .automax-cart-extras .panel-title { font-size: 13px; } .automax-cart-empty { margin-bottom: 50px; padding: 55px 24px 60px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; text-align: center; } .automax-cart-empty > .fa { color: #fbb71c; font-size: 52px; } .automax-cart-empty p { margin: 22px 0; color: #111; font-size: 18px; } #checkout-cart button:focus-visible, #checkout-cart input:focus-visible, #checkout-cart a:focus-visible { outline: 2px solid #fbb71c; outline-offset: 3px; } @media (max-width: 1199px) { .automax-cart-layout { grid-template-columns: minmax(0, 1fr) 285px; gap: 24px; } .automax-cart-row { grid-template-columns: 80px minmax(0, 1fr) 126px; gap: 16px; } .automax-cart-image { width: 80px; height: 80px; } .automax-cart-total { grid-column: 2 / 4; display: flex; align-items: center; justify-content: flex-end; gap: 12px; } .automax-cart-total > span, .automax-cart-remove { margin: 0; } } @media (max-width: 991px) { .automax-cart-layout { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 575px) { .automax-cart-products { padding: 0 16px; } .automax-cart-row { grid-template-columns: 76px minmax(0, 1fr); padding: 20px 0; gap: 16px; } .automax-cart-image { width: 76px; height: 76px; } .automax-cart-quantity { grid-column: 1 / 3; display: flex; align-items: center; gap: 12px; } .automax-cart-quantity label, .automax-cart-update { margin: 0; } .automax-cart-stepper { width: 126px; flex-shrink: 0; } .automax-cart-total { grid-column: 1 / 3; justify-content: flex-start; flex-wrap: wrap; } .automax-cart-remove { margin-left: auto; } .automax-cart-summary { padding: 22px; } } #checkout-cart .automax-cart-empty .btn-primary { background: #fbb71c !important; color: #111; border-color: #fbb71c; } #checkout-cart .automax-cart-empty .btn-primary:hover { background: #111 !important; color: #fff; border-color: #111; } #checkout-cart .automax-cart-products-title { margin: 0; padding: 24px 0 18px; border-bottom: 1px solid #e5e7eb; font-size: 21px; font-weight: 600; text-transform: none; } .automax-cart-products[aria-busy='true'] { opacity: .65; pointer-events: none; }