.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #f4f1e8; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1500px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #484848; } a:hover:not(.nav-link):not(.btn) { color: #5d8eb3; } .pagination .page-list li:hover { border-color: #5d8eb3; } .pagination .page-list li.current { border-color: #5d8eb3; } .pagination .page-list li.current a { color: #5d8eb3; } #mobile-header { border-bottom: none 1px #d9d9d9; } #mobile-header .mobile-main-bar { padding-top: 2.1875rem; padding-bottom: 2.1875rem; } #mobile-header .m-nav-btn { color: #243a18; } #mobile-header .m-nav-btn:hover { color: #6b8d3f; } #mobile-header .mobile-buttons-bar { background: #ffffff; } #mobile-header .m-nav-btn { padding-top: 0.5rem; padding-bottom: 0.5rem; border: solid 1px rgba(21, 21, 21, 0.11); border-left: none; } #mobile-header .m-nav-btn:hover { background: #f5f5f5; } #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.4rem; } body { font-family: 'Raleway', sans-serif; } #blockcart-content { background: #ffffff; color: #484848; border: none 1px #f5e70f; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } #blockcart-content a:not(.btn) { color: #484848; } #blockcart-content a:not(.btn):hover { color: #484848; } #blockcart-content .cart-products > li, #blockcart-content .cart-subtotals { border-color: rgba(0, 0, 0, 0.16); } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.16); } /*** 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: #ffffff; color: #000000; border: solid 1px rgba(0, 0, 0, 0.11); } .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: #f2f2f2; color: #000000; } .btn-secondary:not(:disabled):not(.disabled):active { background: #f2f2f2; color: #000000; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #f2f2f2; color: #000000; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #6b8d3f; color: #ffffff; border: none 1px; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #243a18; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #243a18; color: #ffffff; } #wrapper .breadcrumb { background: #f0f0f0; padding-top: 0.875rem; padding-bottom: 0.875rem; margin-top: -2.5rem; margin-bottom: 2.5rem; font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #858585; } #wrapper .breadcrumb li:after { color: #858585; } #wrapper .breadcrumb a { color: #858585; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #484848; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #484848; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #484848; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #484848; } .form-control::-webkit-input-placeholder { color: #484848; } .form-control::-moz-placeholder { color: #484848; } .form-control:-ms-input-placeholder { color: #484848; } .form-control:-moz-placeholder { color: #484848; } .form-control:focus { color: #484848; border-color: #9e9e9e; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #1d1d1d; } .custom-radio input[type=radio]:checked + span { background-color: #1d1d1d; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #1d1d1d; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px rgba(0, 0, 0, 0.27); box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.1); } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #484848!important; border-bottom: solid 1px rgba(0, 0, 0, 0.27); } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(72, 72, 72, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(255, 255, 255, 0.8); } .modal-content { background: #ffffff; border: solid 2px #e0e0e0; box-shadow: 7px 3px 30px 0px rgba(0, 0, 0, 0.16); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #f5e70f; color: #000000; border: none 1px; box-shadow: 7px 3px 30px 0px rgba(0, 0, 0, 0.16); } .product-price { color: #6b8d3f; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.875rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #243a18; color: #ffffff; } .product-flags .new { background: #e9e9e9; color: #595049; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #243a18; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #ffffff; } #back-to-top { background: #b5a380; color: #ffffff; } #back-to-top:hover { background: #595049; color: #ffffff; } #header, #checkout-header { background: #857032; border-top: none 1px; border-bottom: none 1px; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.18); } @media (min-width: 992px) { #header, #checkout-header { padding-bottom: 0.625rem; } } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #857032; border-bottom: none 1px; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.18); } @media (min-width: 992px) { #index #header { position: absolute; top: 0; left: 0; width: 100%; } } #header .header-nav { color: #484848; background: #fafafa; border-bottom: none 1px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; display: none !important; } #header .header-nav a { color: #484848; } #header .header-nav a:hover { color: #2972a7; } #header .header-nav .social-links._topbar { font-size: 0.9375rem; } .header-top { color: #243a18; } .header-top a:not(.btn):not(.nav-link) { color: #6b8d3f; } .header-top a:not(.btn):not(.nav-link):hover { color: #a85a3a; } .header-top .form-search-control { background: #ffffff; border: solid 1px #b5a380; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.25rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { color: #6b8d3f; padding: 0.0625rem 0.0625rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #6b8d3f; } .header-top .header-cart-default .cart-toogle > .icon { font-size: 2.8rem; display: inline-block; vertical-align: middle; } .header-top .header-cart-default .cart-toogle > .info-wrapper { text-align: left; display: inline-block; vertical-align: middle; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .cart-toggle-details, .header-top .header-cart-default .cart-toogle > .info-wrapper > .title { display: block; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .title { opacity: 0.8; } .header-top .header-cart-default .cart-toogle > .info-wrapper > .cart-toggle-details { font-weight: bold; } .header-top .header-cart-default .cart-toogle > .info-wrapper .cart-separator { display: none; } .header-top a.header-cart-btn:not(:hover) { color: #6b8d3f; } .stuck-header .header-top { padding-top: 0.5rem; padding-bottom: 0.5rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #2183e6; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 70%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { border-top: solid 1px #e6e6e6; border-right: none 1px #e6e6e6; border-bottom: none 1px rgba(255, 255, 255, 0.4); 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: 3rem; max-width: 12.5rem; color: #243a18; padding-left: 1.5rem; padding-right: 1.5rem; border-left: solid 1px #e6e6e6; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #243a18; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3rem !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 { color: #6b8d3f; } .cbp-horizontal .cbp-tab-title { font-size: 0.9375rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.25rem; max-height: 1.25rem; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.75rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 1.25rem; padding-right: 1.25rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(15px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 6px 0px 30px 0px rgba(0, 0, 0, 0.15); } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 6px 0px 30px 0px rgba(0, 0, 0, 0.15); } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; color: #ffffff; background: #5d8eb3; line-height: 3.125rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #484848; background: #f0f0f0; } #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 rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.5rem; max-height: 1.5rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #484848; background: #f0f0f0; } .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: solid 1px #e3e3e3; 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: #484848 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #2972a7 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-links li a:before { display: none; } .cbp-hrmenu .cbp-links li a { padding-left: 0; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #484848 !important; border-bottom: none 1px rgba(0, 0, 0, 0.12); font-size: 0.875rem; font-style: normal; font-weight: bold; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #2972a7 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #595050 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.375rem; } #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: solid 1px #c9c9c9; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.24); } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: dotted 1px rgba(145, 179, 165, 0.54); min-height: 3.875rem; } .mobile-menu__link { color: #595050 !important; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { display: none; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #91b3a5; font-size: 1.375rem; } .mobile-menu__tab-icon { font-size: 1.375rem; } .mobile-menu__tab-icon--img { max-height: 1.375rem; } .mobile-menu__legend { font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #91b3a5; } .mobile-menu__header-wrapper { color: #ffffff; background-color: #91b3a5; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.375rem; 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: none; color: #595050 !important; } .mobile-menu__column { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.5rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.5rem; } .mobile-menu__column-title { margin-bottom: 1.125rem; } .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: #91b3a5; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #ffffff; color: #000000; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.3125rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.3125rem; } .swiper-container-wrapper { margin: -0.3125rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.3125rem; } .swiper-container-wrapper .product-carousel { padding: 0.3125rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.3125rem; } .product-miniature { border: solid 1px #f0f0f0; outline: 2px solid transparent; background: #ffffff; } .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 { padding: 0.125rem; } .product-miniature-grid .product-title { font-size: 0.875rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: solid 2px rgba(161, 161, 161, 0.25); } } .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-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .product-add-cart { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .btn-product-list { padding: 0.4375rem 0.875rem; background: #bababa; color: #ffffff; border: none 1px #c8c8c8; } .btn-product-list:hover { background: #4e90bf; color: #ffffff; border-color: #4e90bf; } .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-add-cart { display: none !important; } .products-grid .product-miniature-layout-2 .products-variants { padding-top: 0rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-3 .product-description { background: #ffffff; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(6, 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(5, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 2.1875rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px rgba(0, 0, 0, 0.05); } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #484848; background: rgba(0, 0, 0, 0); } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #484848; background: rgba(0, 0, 0, 0); transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } @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: #fafafa; border-top: none 1px; border-bottom: none 1px; padding-top: 2.5rem; padding-bottom: 2.5rem; color: #484848; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.3); } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 2.5rem; padding-bottom: 2.5rem; } #content-wrapper .page-title { color: #1d1d1d; font-size: 2rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #1d1d1d; } #content-wrapper .page-title span { margin-right: 0.5rem; } #content-wrapper .page-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 5px #2183e6; } #content-wrapper .section-title { color: #333333; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } #content-wrapper .section-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #5d8eb3; left: 0; right: 0; } .nav-tabs .nav-link { color: #000000; font-size: 1rem; 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: solid 3px #5d8eb3; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #5d8eb3; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #5d8eb3; } #wrapper .block-title { color: #000000; font-size: 0.875rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 1px #e3e3e3; } #left-column .block, #right-column .block { background: #ffffff; padding: 0.9375rem; border: solid 1px #f0f0f0; } #footer, #checkout-footer { background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px #000000; background: rgba(0, 0, 0, 0.08); } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #ffffff; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #ffffff; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #ffffff; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #ffffff; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #ffffff; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.625rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #ffffff !important; } #footer .block-title, #checkout-footer .block-title { color: #1d1d1d; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #1d1d1d; } #footer .block-title span, #checkout-footer .block-title span { margin-right: 0.5rem; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 3px #f5e70f; } #footer-container-first { border-top: none 1px rgba(161, 161, 161, 0.25); padding-top: 1.875rem; padding-bottom: 1.875rem; background: #87adc9; 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 rgba(161, 161, 161, 0.25); padding-top: 3.75rem; padding-bottom: 2.75rem; color: #484848; } #footer-container-main a, #checkout-footer a { color: #484848; } #footer-container-main a:hover, #checkout-footer a:hover { color: #2972a7; } #footer-copyrights { border-top: none 1px rgba(161, 161, 161, 0.25); background: #fafafa; padding-top: 1.3125rem; padding-bottom: 1.3125rem; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: ""; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; } /* ================================================== CLMES / ECOPISTACHO - WAREHOUSE CUSTOM CSS PrestaShop 8.x + Warehouse Versión depurada, compactada y consolidada ================================================== */ /* ================================================== 00. PALETA BASE ================================================== */ :root { --clm-cream-page: #f4f1e8; --clm-cream: #e8e1cc; --clm-cream-light: #f1ead8; --clm-cream-box: #d8cfb8; --clm-green-dark: #183d18; --clm-green-main: #243a18; --clm-green-soft: #6b8d3f; --clm-pistachio: #b9c78f; --clm-pistachio-light: #c8d3a7; --clm-brown: #595049; --clm-brown-dark: #3f3a34; --clm-border: #b5a380; --clm-red: #b24b32; } /* ================================================== 01. LIMPIEZA GENERAL ================================================== */ .view-switcher a { display: none !important; } .quick-view { display: none !important; } body#category #left-column, body.page-category #left-column { padding-right: 0 !important; } /* ================================================== 02. HEADER GENERAL ================================================== */ #header, #header .header-top, #header .header-nav, #header .header-main, #header .header-top-wrapper, #header .header-sticky { background-color: var(--clm-cream) !important; } #iqitmegamenu-horizontal, #iqitmegamenu-horizontal .container, .cbp-horizontal, .cbp-horizontal > ul, .cbp-hrmenu { background-color: var(--clm-cream-page) !important; } /* ================================================== 03. BUSCADOR HEADER ================================================== */ #header #search_widget form, #header .search-widget form, #header .iqitsearch form, #header .iqit-search form, #header .search-widget .input-group, #header .iqit-search .input-group { background-color: var(--clm-cream-page) !important; border: 1px solid var(--clm-border) !important; border-radius: 999px !important; overflow: hidden !important; box-shadow: 0 2px 8px rgba(36, 58, 24, 0.08) !important; } #header #search_widget input[type="text"], #header #search_widget input[type="search"], #header .search-widget input[type="text"], #header .search-widget input[type="search"], #header .iqitsearch input, #header .iqit-search input { background-color: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--clm-brown) !important; height: 46px !important; padding-left: 20px !important; padding-right: 14px !important; font-size: 14px !important; } #header #search_widget input::placeholder, #header .search-widget input::placeholder, #header .iqitsearch input::placeholder, #header .iqit-search input::placeholder { color: #8a7f74 !important; opacity: 1 !important; } #header #search_widget button, #header .search-widget button, #header .iqitsearch button, #header .iqit-search button { background-color: var(--clm-green-main) !important; border: 0 !important; color: var(--clm-cream-page) !important; border-radius: 999px !important; height: 38px !important; min-width: 44px !important; margin: 4px !important; padding: 0 16px !important; box-shadow: none !important; } #header #search_widget button i, #header .search-widget button i, #header .iqitsearch button i, #header .iqit-search button i, #header #search_widget button svg, #header .search-widget button svg { color: var(--clm-cream-page) !important; fill: var(--clm-cream-page) !important; } #header #search_widget button:hover, #header .search-widget button:hover, #header .iqitsearch button:hover, #header .iqit-search button:hover { background-color: var(--clm-green-soft) !important; color: #ffffff !important; } #header #search_widget form:focus-within, #header .search-widget form:focus-within, #header .iqitsearch form:focus-within, #header .iqit-search form:focus-within { border-color: var(--clm-green-soft) !important; box-shadow: 0 0 0 3px rgba(107, 141, 63, 0.18) !important; } /* ================================================== 04. CARRITO HEADER Botón estable, contador rojo y desplegable limpio ================================================== */ /* Wrappers del carrito sin forma de botón */ #header #ps-shoppingcart, #header #ps-shoppingcart-wrapper, #header #_desktop_cart, #header .ps-shoppingcart, #header .blockcart, #header .cart-preview, #header .iqitcart { position: relative !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; height: auto !important; min-height: 0 !important; width: auto !important; list-style: none !important; overflow: visible !important; } /* Botón real del carrito */ #header #cart-toogle, #header #ps-shoppingcart > a, #header #_desktop_cart > a, #header .blockcart > a, #header .cart-preview > a, #header .ps-shoppingcart > a, #header .cart-preview .cart-toggle, #header .cart-preview .cart-toogle, #header .blockcart .cart-toggle, #header .blockcart .cart-toogle { position: relative !important; background-color: var(--clm-green-dark) !important; border: 1px solid var(--clm-green-dark) !important; color: #ffffff !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; padding: 0 20px !important; margin: 0 !important; border-radius: 999px !important; box-shadow: 0 2px 7px rgba(36, 58, 24, 0.12) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; line-height: 1 !important; overflow: visible !important; box-sizing: border-box !important; transform: none !important; transition: background-color 0.18s ease, border-color 0.18s ease !important; } /* Hover del botón: solo cambia color */ #header #cart-toogle:hover, #header #ps-shoppingcart > a:hover, #header #_desktop_cart > a:hover, #header .blockcart > a:hover, #header .cart-preview > a:hover, #header .ps-shoppingcart > a:hover, #header .cart-preview .cart-toggle:hover, #header .cart-preview .cart-toogle:hover, #header .blockcart .cart-toggle:hover, #header .blockcart .cart-toogle:hover { background-color: var(--clm-green-soft) !important; border-color: var(--clm-green-soft) !important; color: #ffffff !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; padding: 0 20px !important; box-shadow: 0 2px 7px rgba(36, 58, 24, 0.12) !important; transform: none !important; } /* Elementos internos del botón */ #header #cart-toogle *, #header #ps-shoppingcart > a *, #header #_desktop_cart > a *, #header .blockcart > a *, #header .cart-preview > a *, #header .ps-shoppingcart > a *, #header .cart-preview .cart-toggle *, #header .cart-preview .cart-toogle *, #header .blockcart .cart-toggle *, #header .blockcart .cart-toogle * { background: transparent !important; color: #ffffff !important; border: 0 !important; box-shadow: none !important; line-height: 1 !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; transform: none !important; } /* Icono carrito */ #header #cart-toogle i, #header #ps-shoppingcart > a i, #header #_desktop_cart > a i, #header .blockcart > a i, #header .cart-preview > a i, #header .ps-shoppingcart > a i, #header .cart-preview .cart-toggle i, #header .cart-preview .cart-toogle i, #header .blockcart .cart-toggle i, #header .blockcart .cart-toogle i, #header #cart-toogle svg, #header #ps-shoppingcart > a svg, #header #_desktop_cart > a svg, #header .blockcart > a svg, #header .cart-preview > a svg, #header .ps-shoppingcart > a svg, #header .cart-preview .cart-toggle svg, #header .cart-preview .cart-toogle svg, #header .blockcart .cart-toggle svg, #header .blockcart .cart-toogle svg, #header #cart-toogle .material-icons, #header #ps-shoppingcart > a .material-icons, #header #_desktop_cart > a .material-icons, #header .blockcart > a .material-icons, #header .cart-preview > a .material-icons { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; width: 18px !important; min-width: 18px !important; height: 18px !important; line-height: 18px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; fill: #ffffff !important; font-size: 18px !important; } /* Texto y precio del botón */ #header #cart-toogle .cart-title, #header #ps-shoppingcart .cart-title, #header #_desktop_cart .cart-title, #header .blockcart .cart-title, #header .cart-preview .cart-title, #header .ps-shoppingcart .cart-title, #header #cart-toogle .cart-label, #header #ps-shoppingcart .cart-label, #header #_desktop_cart .cart-label, #header .blockcart .cart-label, #header .cart-preview .cart-label { display: inline-block !important; color: #ffffff !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1 !important; } #header #cart-toogle .cart-products-total, #header #ps-shoppingcart .cart-products-total, #header #_desktop_cart .cart-products-total, #header .blockcart .cart-products-total, #header .cart-preview .cart-products-total, #header .ps-shoppingcart .cart-products-total { display: inline-block !important; color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; } /* Contador rojo bueno: sin contador duplicado con paréntesis */ #header #cart-toogle .cart-products-count-btn, #header #ps-shoppingcart .cart-products-count-btn, #header #_desktop_cart .cart-products-count-btn, #header .blockcart .cart-products-count-btn, #header .cart-preview .cart-products-count-btn, #header .ps-shoppingcart .cart-products-count-btn { position: absolute !important; top: -7px !important; right: -3px !important; left: auto !important; bottom: auto !important; transform: none !important; display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; min-width: 21px !important; width: auto !important; height: 21px !important; line-height: 21px !important; padding: 0 6px !important; margin: 0 !important; background-color: var(--clm-red) !important; color: #ffffff !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; outline: none !important; font-size: 11px !important; font-weight: 700 !important; text-align: center !important; z-index: 999 !important; } /* Ocultar contador duplicado con paréntesis */ #header #cart-toogle .cart-products-count:not(.cart-products-count-btn), #header #ps-shoppingcart .cart-products-count:not(.cart-products-count-btn), #header #_desktop_cart .cart-products-count:not(.cart-products-count-btn), #header .blockcart .cart-products-count:not(.cart-products-count-btn), #header .cart-preview .cart-products-count:not(.cart-products-count-btn), #header .ps-shoppingcart .cart-products-count:not(.cart-products-count-btn) { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Ocultar checkbox/toggles sueltos del header */ #header input[type="checkbox"][id*="cart"], #header input[type="checkbox"][class*="cart"], #header input[type="checkbox"][name*="cart"], #header input[type="checkbox"][id*="toggle"], #header input[type="checkbox"][class*="toggle"], #header input[type="checkbox"][name*="toggle"], #header input[type="checkbox"][id*="toogle"], #header input[type="checkbox"][class*="toogle"], #header input[type="checkbox"][name*="toogle"], #header input[type="checkbox"][id*="dropdown"], #header input[type="checkbox"][class*="dropdown"], #header input[type="checkbox"][name*="dropdown"] { appearance: none !important; -webkit-appearance: none !important; display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0 !important; position: absolute !important; pointer-events: none !important; } /* Pseudo-elementos que puedan generar cuadros */ #header #ps-shoppingcart::before, #header #ps-shoppingcart::after, #header #_desktop_cart::before, #header #_desktop_cart::after, #header .blockcart::before, #header .blockcart::after, #header .cart-preview::before, #header .cart-preview::after, #header #cart-toogle::before, #header #cart-toogle::after, #header #_desktop_cart > a::before, #header #_desktop_cart > a::after, #header .blockcart > a::before, #header .blockcart > a::after, #header .cart-preview > a::before, #header .cart-preview > a::after, #header .cart-products-count::before, #header .cart-products-count::after, #header .cart-products-count-btn::before, #header .cart-products-count-btn::after { content: none !important; display: none !important; } /* ================================================== 05. DESPLEGABLE MINI CARRITO Sin cuadrado cerrado, sin barra superior, sin cabecera "Carrito" ni X ================================================== */ /* Cerrado: oculto completamente */ #header #_desktop_blockcart-content, #header #_desktop_blockcart-content.dropdown-menu, #header #_desktop_blockcart-content.dropdown-menu-custom, #header #_desktop_blockcart-content.dropdown-menu-custom.dropdown-menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; width: 320px !important; min-width: 320px !important; height: auto !important; min-height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background-color: var(--clm-cream-light) !important; border-top: 0 !important; border-left: 4px solid #ffffff !important; border-right: 4px solid #ffffff !important; border-bottom: 4px solid #ffffff !important; outline: 0 !important; box-shadow: 0 8px 24px rgba(89, 80, 73, 0.22) !important; z-index: 9999 !important; overflow: visible !important; clip-path: none !important; } /* Abierto solo cuando Warehouse/Bootstrap lo marca abierto */ #header #_desktop_blockcart-content.show, #header #_desktop_blockcart-content.dropdown-menu.show, #header #_desktop_blockcart-content.dropdown-menu-custom.show, #header #_desktop_blockcart-content.dropdown-menu-custom.dropdown-menu.show, #header #ps-shoppingcart.show #_desktop_blockcart-content, #header .ps-shoppingcart.show #_desktop_blockcart-content, #header .blockcart.show #_desktop_blockcart-content, #header .cart-preview.show #_desktop_blockcart-content, #header #ps-shoppingcart.open #_desktop_blockcart-content, #header .ps-shoppingcart.open #_desktop_blockcart-content, #header .blockcart.open #_desktop_blockcart-content, #header .cart-preview.open #_desktop_blockcart-content, #header #ps-shoppingcart:has(#cart-toogle[aria-expanded="true"]) #_desktop_blockcart-content { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; width: 320px !important; min-width: 320px !important; height: auto !important; min-height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background-color: var(--clm-cream-light) !important; border-top: 0 !important; border-left: 4px solid #ffffff !important; border-right: 4px solid #ffffff !important; border-bottom: 4px solid #ffffff !important; outline: 0 !important; box-shadow: 0 8px 24px rgba(89, 80, 73, 0.22) !important; z-index: 9999 !important; overflow: visible !important; clip-path: none !important; } /* Nunca mostrar solo por hover */ #header #ps-shoppingcart:hover #_desktop_blockcart-content:not(.show), #header .ps-shoppingcart:hover #_desktop_blockcart-content:not(.show), #header .blockcart:hover #_desktop_blockcart-content:not(.show), #header .cart-preview:hover #_desktop_blockcart-content:not(.show) { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Quitar barras/pseudos superiores */ #header #_desktop_blockcart-content::before, #header #_desktop_blockcart-content::after, #header #_desktop_blockcart-content.dropdown-menu::before, #header #_desktop_blockcart-content.dropdown-menu::after, #header #_desktop_blockcart-content.dropdown-menu-custom::before, #header #_desktop_blockcart-content.dropdown-menu-custom::after { content: none !important; display: none !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* Interior del desplegable */ #header #_desktop_blockcart-content, #header #_desktop_blockcart-content *, #header #_desktop_blockcart-content #blockcart-content, #header #_desktop_blockcart-content .blockcart-content, #header #_desktop_blockcart-content .cart-products, #header #_desktop_blockcart-content .cart-product-line, #header #_desktop_blockcart-content .product-line-grid, #header #_desktop_blockcart-content .cart-summary, #header #_desktop_blockcart-content .cart-subtotals, #header #_desktop_blockcart-content .cart-summary-line, #header #_desktop_blockcart-content .cart-summary-totals, #header #_desktop_blockcart-content .cart-buttons, #header #_desktop_blockcart-content .cart-content, #header #_desktop_blockcart-content .cart-overview, #header #_desktop_blockcart-content .cart-detailed { background-color: var(--clm-cream-light) !important; color: var(--clm-brown) !important; clip-path: none !important; } /* Quitar cabecera "Carrito" y X del desplegable */ #header #_desktop_blockcart-content .blockcart-header, #header #_desktop_blockcart-content .cart-header, #header #_desktop_blockcart-content .dropdown-header, #header #_desktop_blockcart-content .modal-header, #header #_desktop_blockcart-content .offcanvas-header, #header #_desktop_blockcart-content .blockcart-title, #header #_desktop_blockcart-content .cart-title, #header #_desktop_blockcart-content .modal-title, #header #_desktop_blockcart-content .offcanvas-title, #header #_desktop_blockcart-content .h4, #header #_desktop_blockcart-content .h5, #header #_desktop_blockcart-content .h6, #header #_desktop_blockcart-content .close, #header #_desktop_blockcart-content .btn-close, #header #_desktop_blockcart-content .js-cart-close, #header #_desktop_blockcart-content .cart-close, #header #_desktop_blockcart-content button.close, #header #_desktop_blockcart-content button[aria-label="Close"], #header #_desktop_blockcart-content button[aria-label="Cerrar"], #header #_desktop_blockcart-content [class*="close"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; min-height: 0 !important; width: 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } /* Primer elemento interno sin borde/margen superior */ #header #_desktop_blockcart-content > :first-child, #header #_desktop_blockcart-content #blockcart-content > :first-child, #header #_desktop_blockcart-content .blockcart-content > :first-child, #header #_desktop_blockcart-content .cart-products > :first-child, #header #_desktop_blockcart-content .cart-products li:first-child, #header #_desktop_blockcart-content .cart-products .cart-product-line:first-child, #header #_desktop_blockcart-content .cart-products .product-line-grid:first-child { border-top: 0 !important; margin-top: 0 !important; } /* Menos aire arriba tras quitar cabecera */ #header #_desktop_blockcart-content #blockcart-content, #header #_desktop_blockcart-content .blockcart-content, #header #_desktop_blockcart-content .cart-products, #header #_desktop_blockcart-content .cart-content, #header #_desktop_blockcart-content .cart-overview { padding-top: 8px !important; margin-top: 0 !important; } /* Textos del producto compactos */ #header #_desktop_blockcart-content .product-name, #header #_desktop_blockcart-content .cart-product-name, #header #_desktop_blockcart-content .product-line-info, #header #_desktop_blockcart-content .product-line-info a, #header #_desktop_blockcart-content .cart-product-line, #header #_desktop_blockcart-content .product-line-grid { font-size: 10.5px !important; line-height: 1.22 !important; color: var(--clm-brown-dark) !important; font-weight: 500 !important; } #header #_desktop_blockcart-content .product-attributes, #header #_desktop_blockcart-content .product-line-info span, #header #_desktop_blockcart-content .cart-product-line small { font-size: 9.5px !important; line-height: 1.18 !important; color: var(--clm-brown) !important; } #header #_desktop_blockcart-content .price, #header #_desktop_blockcart-content .current-price, #header #_desktop_blockcart-content .product-price { font-size: 10.5px !important; line-height: 1.22 !important; font-weight: 600 !important; color: var(--clm-brown-dark) !important; } /* Imágenes más pequeñas */ #header #_desktop_blockcart-content img, #header #_desktop_blockcart-content .product-image img, #header #_desktop_blockcart-content .cart-product-image img, #header #_desktop_blockcart-content .product-line-grid-left img { max-width: 52px !important; width: 52px !important; height: auto !important; padding: 2px !important; background-color: #ffffff !important; border: 1px solid rgba(89, 80, 73, 0.20) !important; } #header #_desktop_blockcart-content .product-line-grid-left, #header #_desktop_blockcart-content .cart-product-image, #header #_desktop_blockcart-content .product-image { max-width: 62px !important; width: 62px !important; flex: 0 0 62px !important; } /* Cantidad compacta: campo cuadrado y flechas juntas */ #header #_desktop_blockcart-content .bootstrap-touchspin, #header #_desktop_blockcart-content .input-group, #header #_desktop_blockcart-content .qty, #header #_desktop_blockcart-content .quantity { display: inline-flex !important; align-items: stretch !important; gap: 0 !important; column-gap: 0 !important; min-width: 78px !important; width: auto !important; height: 28px !important; } #header #_desktop_blockcart-content .bootstrap-touchspin > *, #header #_desktop_blockcart-content .input-group > *, #header #_desktop_blockcart-content .qty > *, #header #_desktop_blockcart-content .quantity > * { margin-left: 0 !important; margin-right: 0 !important; } #header #_desktop_blockcart-content input[type="number"], #header #_desktop_blockcart-content input[name*="qty"], #header #_desktop_blockcart-content input[name*="quantity"], #header #_desktop_blockcart-content .js-cart-line-product-quantity, #header #_desktop_blockcart-content .cart-line-product-quantity, #header #_desktop_blockcart-content .bootstrap-touchspin input { width: 50px !important; min-width: 50px !important; max-width: 50px !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; line-height: 28px !important; padding: 0 5px !important; margin: 0 !important; text-align: center !important; background-color: #fffaf0 !important; color: var(--clm-brown) !important; border: 1px solid rgba(89, 80, 73, 0.32) !important; border-radius: 0 !important; box-shadow: none !important; } #header #_desktop_blockcart-content .bootstrap-touchspin .btn, #header #_desktop_blockcart-content .bootstrap-touchspin-up, #header #_desktop_blockcart-content .bootstrap-touchspin-down, #header #_desktop_blockcart-content .input-group .btn, #header #_desktop_blockcart-content .qty .btn, #header #_desktop_blockcart-content .quantity .btn { height: 28px !important; min-height: 28px !important; max-height: 28px !important; line-height: 28px !important; min-width: 24px !important; width: 24px !important; padding: 0 4px !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } #header #_desktop_blockcart-content .bootstrap-touchspin .btn i, #header #_desktop_blockcart-content .bootstrap-touchspin-up i, #header #_desktop_blockcart-content .bootstrap-touchspin-down i, #header #_desktop_blockcart-content .input-group .btn i { line-height: 1 !important; font-size: 10px !important; margin: 0 !important; } /* Botones del desplegable */ #header #_desktop_blockcart-content .btn { border-radius: 999px !important; padding: 9px 18px !important; font-weight: 600 !important; line-height: 1.2 !important; } #header #_desktop_blockcart-content .btn-primary { background-color: var(--clm-green-soft) !important; border-color: var(--clm-green-soft) !important; color: #ffffff !important; } #header #_desktop_blockcart-content .btn-primary:hover { background-color: var(--clm-green-main) !important; border-color: var(--clm-green-main) !important; color: #ffffff !important; } #header #_desktop_blockcart-content .btn-secondary, #header #_desktop_blockcart-content .btn-outline-secondary { background-color: var(--clm-cream) !important; border: 1px solid rgba(89, 80, 73, 0.34) !important; color: var(--clm-brown) !important; } #header #_desktop_blockcart-content .btn-secondary:hover, #header #_desktop_blockcart-content .btn-outline-secondary:hover { background-color: var(--clm-pistachio-light) !important; color: var(--clm-brown-dark) !important; } #header #_desktop_blockcart-content ul, #header #_desktop_blockcart-content li { list-style: none !important; } /* ================================================== 06. CATEGORÍA / LISTADO PRODUCTOS ================================================== */ body#category #wrapper, body.page-category #wrapper, body#category #content-wrapper, body.page-category #content-wrapper, body#category #main, body.page-category #main, body#category #content, body.page-category #content, body#category #products, body.page-category #products, body#category .products, body.page-category .products, body#category .js-product-list, body.page-category .js-product-list { background-color: var(--clm-cream-page) !important; } body#category #wrapper .breadcrumb, body.page-category #wrapper .breadcrumb, body#category #wrapper .breadcrumb-wrapper, body.page-category #wrapper .breadcrumb-wrapper { background-color: var(--clm-cream-page) !important; color: var(--clm-brown) !important; } body#category #wrapper h1, body.page-category #wrapper h1, body#category #wrapper .page-title, body.page-category #wrapper .page-title, body#category #wrapper .h1, body.page-category #wrapper .h1 { color: var(--clm-green-main) !important; } body#category #wrapper .products-selection, body.page-category #wrapper .products-selection { background-color: var(--clm-cream) !important; color: var(--clm-brown) !important; border: 1px solid var(--clm-border) !important; border-radius: 9px !important; padding: 12px 15px !important; } body#category #wrapper #left-column, body.page-category #wrapper #left-column, body#category #wrapper #left-column .block, body.page-category #wrapper #left-column .block, body#category #wrapper #left-column .block-content, body.page-category #wrapper #left-column .block-content, body#category #wrapper #left-column .block_content, body.page-category #wrapper #left-column .block_content, body#category #wrapper #search_filters_wrapper, body.page-category #wrapper #search_filters_wrapper, body#category #wrapper #facets_search_wrapper, body.page-category #wrapper #facets_search_wrapper { background-color: transparent !important; border: 0 !important; box-shadow: none !important; } body#category #wrapper .block-categories, body.page-category #wrapper .block-categories { background-color: var(--clm-cream) !important; border: 1px solid var(--clm-border) !important; border-radius: 10px !important; padding: 14px !important; color: var(--clm-brown) !important; } body#category #wrapper #search_filters, body.page-category #wrapper #search_filters { background-color: var(--clm-cream) !important; border: 1px solid var(--clm-border) !important; border-radius: 10px !important; padding: 16px 16px 18px 16px !important; color: var(--clm-brown) !important; box-shadow: none !important; } body#category #wrapper #search_filters .facet, body.page-category #wrapper #search_filters .facet { background-color: transparent !important; border: 0 !important; margin-bottom: 18px !important; padding-bottom: 4px !important; } body#category #wrapper #search_filters .facet:last-child, body.page-category #wrapper #search_filters .facet:last-child { margin-bottom: 0 !important; } body#category #wrapper #search_filters .facet-title, body.page-category #wrapper #search_filters .facet-title, body#category #wrapper #search_filters h4, body.page-category #wrapper #search_filters h4, body#category #wrapper #search_filters p, body.page-category #wrapper #search_filters p, body#category #wrapper .block-categories .h6, body.page-category #wrapper .block-categories .h6 { color: var(--clm-green-main) !important; font-weight: 700 !important; } body#category #wrapper #search_filters label, body.page-category #wrapper #search_filters label, body#category #wrapper #search_filters span, body.page-category #wrapper #search_filters span, body#category #wrapper .block-categories a, body.page-category #wrapper .block-categories a { color: var(--clm-brown) !important; } body#category #wrapper #search_filters input[type="checkbox"], body.page-category #wrapper #search_filters input[type="checkbox"] { accent-color: var(--clm-green-main); } body#category #wrapper #search_filters .ui-slider, body.page-category #wrapper #search_filters .ui-slider { background-color: var(--clm-border) !important; border: 0 !important; height: 5px !important; border-radius: 999px !important; } body#category #wrapper #search_filters .ui-slider-range, body.page-category #wrapper #search_filters .ui-slider-range { background-color: var(--clm-green-main) !important; } body#category #wrapper #search_filters .ui-slider-handle, body.page-category #wrapper #search_filters .ui-slider-handle { background-color: var(--clm-cream-page) !important; border: 2px solid var(--clm-green-main) !important; border-radius: 50% !important; width: 14px !important; height: 14px !important; top: -5px !important; } body#category #wrapper .product-miniature, body.page-category #wrapper .product-miniature, body#category #wrapper .product-miniature .thumbnail-container, body.page-category #wrapper .product-miniature .thumbnail-container, body#category #wrapper .product-miniature .product-description, body.page-category #wrapper .product-miniature .product-description { background-color: #ffffff !important; border-radius: 10px !important; } body#category #wrapper .product-miniature .product-title a, body.page-category #wrapper .product-miniature .product-title a { color: var(--clm-green-main) !important; } body#category #wrapper .product-miniature .price, body.page-category #wrapper .product-miniature .price { color: var(--clm-green-soft) !important; font-weight: 700 !important; } /* ================================================== 07. FICHA DE PRODUCTO ================================================== */ body#product, body#product #wrapper, body#product #content-wrapper, body#product .page-content, body#product .breadcrumb-wrapper, body#product #main, body#product #content { background-color: var(--clm-cream-page) !important; } body#product .product-container, body#product .product-info-row, body#product .product-information, body#product .product-actions, body#product .product-prices, body#product .product-add-to-cart { background-color: var(--clm-cream-page) !important; } body#product .product-info-row { margin: 0 0 3rem 0 !important; padding: 2rem 1rem !important; border: 0 !important; } body#product .images-container, body#product .product-cover, body#product .product-cover img, body#product .product-images { background-color: var(--clm-cream-page) !important; } body#product .card, body#product .product-flags, body#product .blockreassurance_product, body#product .social-sharing, body#product .page-product-box { background-color: transparent !important; } body#product .product-accessories, body#product .featured-products, body#product .products { background-color: var(--clm-cream-page) !important; } body#product .js-product-miniature, body#product .product-miniature, body#product .product-miniature .thumbnail-container, body#product .product-miniature .product-description { background-color: #ffffff !important; border-radius: 10px !important; } /* ================================================== 08. PESTAÑAS DE PRODUCTO ================================================== */ body#product .tabs, body#product .product-tabs, body#product .page-product-box { background-color: var(--clm-cream-box) !important; border: 1px solid rgba(89, 80, 73, 0.34) !important; border-radius: 14px !important; padding: 18px !important; box-shadow: 0 4px 12px rgba(89, 80, 73, 0.10) !important; } body#product .tabs .nav-tabs, body#product .product-tabs .nav-tabs { background-color: transparent !important; border-bottom: 1px solid rgba(89, 80, 73, 0.34) !important; margin: 0 0 18px 0 !important; } body#product .tabs .nav-tabs .nav-link, body#product .product-tabs .nav-tabs .nav-link, body#product .product-tabs .nav-link { background-color: var(--clm-cream) !important; color: var(--clm-brown) !important; border-top: 1px solid rgba(89, 80, 73, 0.32) !important; border-left: 1px solid rgba(89, 80, 73, 0.32) !important; border-right: 1px solid rgba(89, 80, 73, 0.32) !important; border-bottom: 0 !important; border-radius: 12px 12px 0 0 !important; margin-right: 6px !important; padding: 11px 18px !important; font-weight: 500 !important; transition: all 0.2s ease-in-out !important; } body#product .tabs .nav-tabs .nav-link:hover, body#product .product-tabs .nav-tabs .nav-link:hover { background-color: var(--clm-pistachio-light) !important; color: var(--clm-brown-dark) !important; border-color: rgba(89, 80, 73, 0.36) !important; } body#product .tabs .nav-tabs .nav-link.active, body#product .product-tabs .nav-tabs .nav-link.active, body#product .product-tabs .nav-link.active { background-color: var(--clm-pistachio) !important; color: var(--clm-brown-dark) !important; border-color: rgba(89, 80, 73, 0.42) !important; font-weight: 600 !important; box-shadow: inset 0 -2px 0 rgba(89, 80, 73, 0.18) !important; } body#product .tabs .tab-content, body#product .product-tabs .tab-content, body#product .page-product-box .tab-content { background-color: var(--clm-cream) !important; color: var(--clm-brown) !important; border: 1px solid rgba(89, 80, 73, 0.30) !important; border-top: none !important; border-radius: 0 0 10px 10px !important; padding: 20px 24px 22px 24px !important; box-shadow: none !important; } body#product .tabs .tab-pane, body#product .product-tabs .tab-pane, body#product .page-product-box .tab-pane { background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; padding: 0 !important; } body#product .tabs .tab-content p, body#product .tabs .tab-pane p, body#product .tabs .tab-content li, body#product .tabs .tab-content span, body#product .tabs .tab-content div, body#product .product-description, body#product .product-description p, body#product .product-details, body#product .product-manufacturer, body#product .product-reference, body#product .product-features { background-color: transparent !important; color: var(--clm-brown) !important; line-height: 1.55 !important; } body#product .tabs .tab-content p, body#product .tabs .tab-pane p, body#product .product-description p { margin: 0 !important; padding-left: 4px !important; } body#product .tabs .tab-content h2, body#product .tabs .tab-content h3, body#product .tabs .tab-content h4 { color: var(--clm-brown-dark) !important; } body#product .tabs .tab-content dl, body#product .tabs .tab-content dt, body#product .tabs .tab-content dd, body#product .tabs .tab-content table, body#product .tabs .tab-content tr, body#product .tabs .tab-content td, body#product .tabs .tab-content th, body#product .tabs .tab-content .data-sheet, body#product .tabs .tab-content .data-sheet dt, body#product .tabs .tab-content .data-sheet dd { background-color: transparent !important; color: var(--clm-brown) !important; border-color: rgba(89, 80, 73, 0.32) !important; } /* ================================================== 09. BOTÓN AÑADIR AL CARRITO EN FICHA ================================================== */ body#product .product-add-to-cart .btn-primary, body#product .product-actions .btn-primary, body#product .add-to-cart, body#product button.add-to-cart { background-color: var(--clm-green-main) !important; border-color: var(--clm-green-main) !important; color: #ffffff !important; border-radius: 999px !important; padding: 12px 24px !important; font-weight: 600 !important; box-shadow: 0 2px 7px rgba(36, 58, 24, 0.12) !important; transform: none !important; } body#product .product-add-to-cart .btn-primary:hover, body#product .product-actions .btn-primary:hover, body#product .add-to-cart:hover, body#product button.add-to-cart:hover { background-color: var(--clm-green-soft) !important; border-color: var(--clm-green-soft) !important; color: #ffffff !important; transform: none !important; } /* ================================================== 10. CARRITO / PEDIDO / CHECKOUT ================================================== */ body#cart, body#cart #wrapper, body#cart #content-wrapper, body#cart #main, body#cart #content, body#checkout, body#checkout #wrapper, body#checkout #content-wrapper, body#checkout #main, body#checkout #content, body#order, body#order #wrapper, body#order #content-wrapper, body#order #main, body#order #content { background-color: var(--clm-cream-page) !important; } body#cart .cart-grid, body#cart .cart-grid-body, body#cart .cart-grid-right, body#checkout .checkout-grid, body#checkout .cart-grid, body#checkout .cart-grid-body, body#checkout .cart-grid-right { background-color: transparent !important; } body#cart .cart-items, body#cart .cart-grid-right .cart-summary, body#checkout section.checkout-step, body#checkout .cart-grid-right .cart-summary, body#checkout .cart-summary, body#checkout .js-cart { background-color: var(--clm-cream) !important; border: 1px solid var(--clm-border) !important; border-radius: 12px !important; color: var(--clm-brown) !important; } body#cart .cart-item { padding: 1rem !important; }