.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #ffffff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1380px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #2e2323; } a:hover:not(.nav-link):not(.btn) { color: #333333; } .pagination .page-list li:hover { border-color: #333333; } .pagination .page-list li.current { border-color: #333333; } .pagination .page-list li.current a { color: #333333; } #mobile-header { background: #ffffff; border-bottom: none 1px #e3e3e3; } #mobile-header #mobile-header-sticky { background: #ffffff; } #mobile-header .mobile-main-bar { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } #mobile-header .m-nav-btn { color: #2e2323; } #mobile-header .m-nav-btn:hover { color: #695c52; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ffffff; } html { font-size: 15px; } @media (max-width: 767px) { html { font-size: 14px; } } body { line-height: 1.5rem; } body { font-family: 'Fira Sans', sans-serif; } #blockcart-content { background: #ffffff; color: #000000; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } #blockcart-content a:not(.btn) { color: #000000; } #blockcart-content a:not(.btn):hover { color: #000000; } #blockcart-content .cart-products > li, #blockcart-content .cart-subtotals { border-color: #ededed; } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background-color: #ededed; } /*** 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: #f8f8f8; color: #2e2323; border: none 1px #695c52; } .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: #695c52; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #695c52; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f8f8f8; color: #2e2323; border: none 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #695c52; color: #ffffff; border: none 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #695c52; 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: #2e2323; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #2e2323; color: #ffffff; } #wrapper .breadcrumb { background: #ffffff; padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; margin-top: -2.6666666667rem; margin-bottom: 2.6666666667rem; font-size: 0.7333333333rem; font-style: normal; font-weight: normal; text-transform: none; color: #2e2323; } #wrapper .breadcrumb li:after { color: #2e2323; } #wrapper .breadcrumb a { color: #2e2323; } /*** Text fields ***/ .form-control { background-color: #f8f8f8; color: #000000; border: none 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #f8f8f8; } .custom-select2:after { color: #000000; } .bootstrap-touchspin .btn-touchspin { background-color: #f8f8f8; color: #000000; border: none 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #000000; background: #f8f8f8; } .form-control::-webkit-input-placeholder { color: #000000; } .form-control::-moz-placeholder { color: #000000; } .form-control:-ms-input-placeholder { color: #000000; } .form-control:-moz-placeholder { color: #000000; } .form-control:focus { color: #000000; background: #f8f8f8; border-color: #8a8a8a; box-shadow: 0px 2px 0px 0px #2e2323; } .custom-select2:focus-within { background: #f8f8f8; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #2e2323; } .custom-radio input[type=radio]:checked + span { background-color: #2e2323; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #2e2323; border-color: #e0e0e0; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: none 1px #e3e3e3; box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15); } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: none 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: black!important; color: white!important; } .tooltip { --bs-tooltip-bg: #000000; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(0, 0, 0, 0.67); } .modal-content { background: #ffffff; border: none 1px; box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.2); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #695c52; color: #ffffff; border: none 1px; } .product-price { color: #ad0700; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #ad0700; color: #ffffff; } .product-flags .new { background: #fafafa; color: #000000; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #ad0700; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .product-unavailable-allow-oosp { background: #17459e; color: #0dd138; } .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: solid 1px #2e2323; border-left: solid 1px #2e2323; border-right: solid 1px #2e2323; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03); } #iqitcompare-floating a { color: #2e2323; } #page-preloader { background: #ffffff; } #back-to-top { background: #2e2323; color: #ffffff; } #back-to-top:hover { background: #695c52; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: solid 3px #f8f8f8; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: solid 3px #f8f8f8; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); } #header .header-nav { color: #ffffff; background: #000000; border-bottom: none 1px; padding-top: 0.8rem; padding-bottom: 0.8rem; font-size: 1.0666666667rem; } #header .header-nav a { color: #ffffff; } #header .header-nav a:hover { color: #333333; } #header .header-nav .social-links._topbar { font-size: 0.9333333333rem; } .header-top { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; color: #3d2815; } .header-top a:not(.btn):not(.nav-link) { color: #3d2815; } .header-top a:not(.btn):not(.nav-link):hover { color: #695c52; } .header-top .form-search-control { border: none 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.4rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #3d2815; padding: 0.6rem 0.6rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #3d2815; } .header-top a.header-cart-btn:not(:hover) { color: #3d2815; } .stuck-header .header-top { padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #ad0700; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ffffff; border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 4rem; max-width: 15.6666666667rem; color: #2e2323; padding-left: 1rem; padding-right: 1rem; border-left: none 2px rgba(232, 232, 232, 0.29); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #2e2323; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.4666666667rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 4rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #695c52; } .cbp-horizontal .cbp-tab-title { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.3333333333rem; max-height: 1.3333333333rem; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.9333333333rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 1rem; padding-right: 1rem; } } .container-iqitmegamenu, .iqit-megamenu-container, .cbp-hrsub-narrow, #desktop-header-container.container { position: static !important; } .cbp-hrmenu .cbp-hrsub-inner { padding-left: 0; padding-right: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.3333333333rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; border-top: solid 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.6rem; max-height: 1.6rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #000000; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #f8f8f8; border: none 1px #37a625; box-shadow: 0px 2000px 0px 2000px rgba(0, 0, 0, 0.67); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #2e2323 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #755050 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #2e2323 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #695c52 !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: #2e2323 !important; border-bottom: none 3px #c2bc29; font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #695c52 !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.6rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 9px 0px 30px 0px rgba(0, 0, 0, 0.38); } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: none 1px; min-height: 4.1333333333rem; } .mobile-menu__link { color: #595050 !important; padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; color: #595050; font-size: 1.4666666667rem; } .mobile-menu__tab-icon { font-size: 1.4666666667rem; } .mobile-menu__tab-icon--img { max-height: 1.4666666667rem; } .mobile-menu__legend { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #595050; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.3333333333rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050 !important; } .mobile-menu__column { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.6666666667rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.6666666667rem; } .mobile-menu__links-list-li { padding-top: 0.4rem; padding-bottom: 0.4rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #595050; } .mobile-menu__footer { border-top: none 1px; color: #595050; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ #search_filters .noUi-connect { background: #1c1b1a; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: rgba(255, 255, 255, 0); color: rgba(0, 0, 0, 0.43); } .swiper-pagination-bullet { background: #000000; } .swiper-pagination-product { display: none !important; } /*** Product miniature ***/ .products.row { margin: -1rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 1rem; } .swiper-container-wrapper { margin: -1rem; } .swiper-container-wrapper .products.swiper-container { padding: 1rem; } .swiper-container-wrapper .product-carousel { padding: 1rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 1rem; } .product-miniature { border: solid 1px #dedede; outline: 1px none transparent; } .product-miniature-grid .product-title { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.3333333333rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-title { overflow: hidden; height: 3.6266666667rem; } @media (hover: hover) { .product-miniature:hover { border-color: #a6a6a6; outline: none 1px #f2f2f2; } } .product-miniature-grid .product-functional-buttons { background: #ffffff; } .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 .products-variants { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.5rem 1rem; background: black; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #ffffff; color: #000000; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-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: 1rem; } .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: 1rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.8666666667rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #000000; 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: #000000; 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; } #product-modal .easyzoom-modal > a { cursor: default; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #main #main-product-wrapper { transition: opacity 0.3s ease; } #main.-combinations-loading { position: relative; } #main.-combinations-loading #product-preloader { display: block; position: absolute; z-index: 10; top: -10px; } #main.-combinations-loading #main-product-wrapper { opacity: 0.3; } @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; } } @media (max-width: 767px) { #main-product-wrapper .product-add-to-cart { background: #ffffff; box-shadow: 0px -4px 30px 0px #999; position: fixed; bottom: 0; z-index: 99; width: 100%; left: 0; padding-left: 1rem; padding-right: 1rem; } #product #iqitcompare-floating { z-index: 0; } } @media (max-width: 576px) { .product-add-to-cart .col-add-qty { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .product-add-to-cart .col-add-btn { -ms-flex: 1; flex: 1; } .product-add-to-cart .col-add-wishlist, .product-add-to-cart .col-add-compare { max-width: 40px; } .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { padding-left: 0; padding-right: 0; } } @media (max-width: 400px) { .product-add-to-cart .add-to-cart { padding-left: 0rem; padding-right: 0rem; } } #checkout #header { display: none !important; } #checkout #footer, #checkout #iqitcompare-floating-wrapper { display: none !important; } #checkout #wrapper { background: #ededed; } #checkout .card, #checkout section.checkout-step { background: #ffffff; } #wrapper { background: #ffffff; border-top: none 1px; border-bottom: none 1px; padding-top: 2.6666666667rem; padding-bottom: 2.6666666667rem; color: #2e2323; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 2.6666666667rem; padding-bottom: 2.6666666667rem; } #content-wrapper .page-title { color: #2e2323; font-size: 2.5333333333rem; 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: #2e2323; } #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 1px #e3e3e3; } #content-wrapper .section-title { color: #2e2323; font-size: 1.3333333333rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: none 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #2e2323; } .nav-tabs .nav-link { color: #2e2323; font-size: 1.3333333333rem; 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: #2e2323; border-bottom: solid 3px #1a7aba; } .iqit-accordion .title { font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; } .iqit-accordion .title a:link:not(.nav-link):not(.btn), .iqit-accordion .title a:visited:not(.nav-link):not(.btn) { color: #2e2323; } .iqit-accordion .nav-link { border-bottom: solid 3px #1a7aba; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #2e2323; border-bottom: solid 3px #1a7aba; } #wrapper .block-title { color: #555555; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #555555; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #f8f8f8; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px #e3e3e3; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #2e2323; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #2e2323; } #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: #2e2323; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #2e2323; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #2e2323; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #2e2323; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.0666666667rem; } #footer .block-title, #checkout-footer .block-title { color: #2e2323; font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #2e2323; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; position: absolute; bottom: -3px; display: block; width: 30px; height: 1px; border-bottom: none 6px #49b540; left: 0; right: 0; } #footer-container-first { border-top: none 1px; padding-top: 3.3333333333rem; padding-bottom: 3.3333333333rem; background: #f8f8f8; color: #2e2323; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: normal; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 0.6666666667rem; padding-bottom: 0; color: #636363; } #footer-container-main a, #checkout-footer a { color: #636363; } #footer-container-main a:hover, #checkout-footer a:hover { color: #333333; } #footer-copyrights { border-top: none 1px; background: #f8f8f8; padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } @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: #ffffff; color: #555555; } #maintenance-page a, #maintenance-page a:link { color: #555555; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #2e2323; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #2e2323; background: #f5f5f5; color: #555555; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #555555; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #555555; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #555555; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #555555; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(iconfont/MaterialIcons-Regular.woff) format('woff'), url(iconfont/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } @media (max-width: 1400px){ main { margin: 0px auto; } } .nav-tabs { border: none; } #footer .footer-style-3 .block-newsletter>h5{ display: block; font-size: 2rem; margin-bottom: 2rem; } #footer-container-main > .container{ border-top: 1px solid hsla(0,0%,63%,.25); padding-top: 80px } .block-iqitcontactpage hr { border-color: transparent; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 2.066667rem; } .addToCartFormWrapper { padding: 10px; background-color: white; -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%); -moz-box-shadow: 0px 0px 0px -0px rgba(0,0,0,0); -o-box-shadow: 0px 0px 0px -0px rgba(0,0,0,.2); box-shadow: 0px 0px 0px -2px rgb(0 0 0 / 20%); } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #ff0e0a !important; } @media (max-width: 600px){ button.add-to-cart{ width: 100% !important; height: 100% !important; padding: 6px !important; margin-left: 0px !important; font-size: 12px; } button.add-to-cart > i { display: none; } .addToCartButtonNumber { width: 40% !important; } .badge { font-size: 70% !important; } .pbp-widget-full-width .bundle .products .product .image .saving-label-child, .pbp-widget-mini-width .bundle .products .product .image .saving-label-child { font-size: 12px !important; } .pbp-widget-full-width .bundle .products, .pbp-widget-mini-width .bundle .products { display: inline-flex; } .pbp-widget-full-width .bundle .products .product, .pbp-widget-mini-width .bundle .products .product { width: 150px; } .pbp-widget-full-width .bundle .products .product::before, .pbp-widget-mini-width .bundle .products .product::before { padding-left: 0px; top: calc(30% - 10px); } } .blogbannerhome .elementor-video { cursor: pointer; } .product-list-reviews { top: 10px !important; } .cbp-hrmenu > ul > li#cbp-hrmenu-tab-1 > a, .cbp-hrmenu > ul > li#cbp-hrmenu-tab-1 > span.cbp-main-link { background-color: #ffffff !important; } .wpwl-control { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .elementor-field { background-image: none !important; } .parent_product_ipa { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; padding-right: 1.5em; background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" height="10" viewBox="0 0 10 10" width="10" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 10,0 5,5"/></svg>') !important; background-repeat: no-repeat !important; background-position: right 0.5em center !important; background-size: 0.65em auto !important; } #checkout .modal-header { display: block !important; } .autocomplete-suggestions { width: 30vw; right: 0; } @media(max-width:767px){ .autocomplete-suggestions { width: 94vw !important; right: 0 !important; } .whatsapp.bottom-right { bottom: 10%; } #back-to-top.-back-to-top-visible { bottom: 17%; } #product button.add-to-cart{ padding: 15px !important; } } #category .btn-product-list { display: none !important; } .whatsapp-badge { z-index: 99 !important; } .products-grid .product-miniature-layout-1 .product-description { padding: 1rem; justify-content: space-between; } .material-icons { display: none; } @media(max-width:767px){ .product-miniature-default .product-thumbnail img { margin: -7px auto !important; } } .product-id-1170 .col-add-qty input[name="qty"], .product-id-1170 .col-add-qty .btn-touchspin { pointer-events: none; opacity: 0.5; cursor: not-allowed; } .bundle_product_ipa { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; padding-right: 1.5em; background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" height="10" viewBox="0 0 10 10" width="10" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 10,0 5,5"/></svg>') !important; background-repeat: no-repeat !important; background-position: right 0.5em center !important; background-size: 0.65em auto !important; } @media (min-width: 1257px){ #left-column .block, #right-column .block { top: 10% !important; position: sticky !important; } } #checkout .img-fluid, .img-thumbnail, .rte-content img { max-width: 50%; height: auto; margin: 0 30%; } /* Ocultar modal carrito nativo */ #blockcart-modal, .blockcart-modal { display: none !important; } #_mobile_blockcart-content { display: none !important; } @media (max-width: 767px) { #footer .block-toggle .block-content { display: block !important; overflow: visible !important; height: auto !important; max-height: none !important; opacity: 1 !important; visibility: visible !important; } #footer .block-toggle .block-title::after, #footer .block-toggle .block-title .material-icons { display: none !important; } #footer .block-toggle .block-title { pointer-events: none; } } .size-selector-btn:hover { border-color: #e51a1a !important; color: #e51a1a !important; background: #fff5f5 !important; } .size-selector-btn { border-radius: 4px !important; } .size-selector-label { font-family: "Fira Sans", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: rgb(46, 35, 35) !important; } #cbp-hrmenu-tab-3 .iqitmegamenu-submenu-container { max-width: none !important; padding: 0 !important; } #cbp-hrmenu-tab-3 .cbp-hrsub-inner { display: inline-block !important; width: auto !important; } #cbp-hrmenu-tab-3 .menu_row { margin: 0 !important; } #cbp-hrmenu-tab-3 .cbp-menu-column { width: auto !important; max-width: none !important; flex: none !important; padding: 10px 20px !important; } .mobile-menu__link { font-size: 1.2rem !important; padding-top: 0.9rem !important; padding-bottom: 0.9rem !important; } li.mobile-menu__tab { margin: 0 !important; padding: 0 !important; min-height: 0 !important; } .mobile-menu__scroller { padding: 1rem 1rem !important; } .mobile-menu__arrow { padding: 0.5rem !important; } .js-top-menu-bottom.mobile-menu__footer { padding: 0.5rem 1rem !important; } .mobile-menu { width: 85vw !important; max-width: 340px !important; } .mobile-menu__link[href="/blog"] { font-size: 0 !important; line-height: 0 !important; display: block !important; padding-top: 0.9rem !important; padding-bottom: 0.9rem !important; min-height: 2.5rem !important; } .mobile-menu__link[href="/blog"]::after { content: "ARTÍCULOS"; font-size: 1.2rem; color: #595050; font-weight: normal; line-height: normal; } /* Fix zoom móvil en categoría combos */ .category-id-46 #wrapper, .category-id-46 #content-wrapper { overflow-x: hidden !important; } .category-id-16 #wrapper, .category-id-16 #content-wrapper { overflow-x: hidden !important; } /* Filtro combos */ body.category-id-46 #amazzing_filter { display: none !important; } body.category-id-46 .combo-filter-link:hover span:first-child { color: #e51a1a; } body.category-id-46 .combo-filter-link.active span:first-child { color: #222; font-weight: 700; } body.category-id-46 .combo-filter-count { background: #f5f5f5; border-radius: 10px; padding: 1px 8px; font-size: 11px; color: #777; } #combo-filter-mobile { display: none; margin-bottom: 15px; } #combo-filter-btn { width: 100%; padding: 12px 16px; background: #222; color: #fff; border: none; border-radius: 6px; font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; } #combo-filter-dropdown { background: #fff; border: 1px solid #eee; border-radius: 0 0 6px 6px; padding: 12px 16px; margin-top: -2px; } #combo-filter-dropdown .combo-filter-count { background: #f5f5f5; border-radius: 10px; padding: 1px 8px; font-size: 11px; color: #777; } @media (max-width: 991px) { body.category-id-46 #left-column { display: none !important; } body.category-id-46 .left-column.col-md-9 { flex: 0 0 100%; max-width: 100%; } #combo-filter-mobile { display: block; } } @media (min-width: 992px) { #combo-filter-mobile { display: none !important; } } body.category-id-46 .combo-category-section > div[style*="display:flex"] { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } body.category-id-46 .combo-category-section a[href*="/combo/"] { width: calc(50% - 5px) !important; min-width: 0 !important; display: flex !important; } body.category-id-46 .combo-category-section a[href*="/combo/"] > div { height: 100%; display: flex; flex-direction: column; width: 100%; } body.category-id-46 .combo-category-section a[href*="/combo/"] > div > div:last-child { flex: 1; display: flex; flex-direction: column; } body.category-id-46 .combo-category-section a[href*="/combo/"] > div > div:last-child p { flex: 1; } .btn-facebook { display: none !important; } /* ======================================== CHECKOUT - Layout compacto ======================================== */ #checkout .checkout-step .content { padding: 10px 15px; } #checkout .form-group { margin-bottom: 6px !important; } #checkout .form-control { padding: 8px 10px !important; font-size: 14px !important; height: auto !important; } #checkout select.form-control { padding: 8px 10px !important; font-size: 14px !important; height: auto !important; } #checkout label { font-size: 14px !important; margin-bottom: 2px !important; } #checkout .step-title { padding: 12px 15px !important; font-size: 16px !important; } #checkout .continue.btn { padding: 12px !important; font-size: 14px !important; } #checkout .form-footer { margin-top: 8px !important; } #checkout p { margin-bottom: 5px !important; } #checkout .custom-checkbox { margin-bottom: 5px !important; } #checkout h2, #checkout .h4 { font-size: 16px !important; margin-bottom: 8px !important; margin-top: 5px !important; } #checkout .custom-checkbox .prime-asterisk, #checkout .field-password-policy .prime-asterisk, #checkout #customer-form > div > .prime-asterisk, #checkout #customer-form .prime-asterisk:not(label .prime-asterisk) { display: none !important; } #checkout .custom-msg-phone, #checkout .custom-msg-vat, #checkout .custom-msg-address1 { color: #999 !important; font-size: 11px !important; margin-top: 1px !important; } @media (max-width: 767px) { #checkout .form-control-comment { display: inline !important; font-size: 11px !important; color: #999 !important; } #checkout .form-group .form-control { font-size: 14px !important; } } /* ======================================== CHECKOUT STEP 1 - Dos cajas ======================================== */ .prime-checkout-choice { display: flex; gap: 16px; margin: 10px 0 0; } .prime-checkout-choice .prime-guest-box { flex: 1; border: 2px solid #28a745; border-radius: 8px; padding: 22px 18px; text-align: center; background: #fff; } .prime-checkout-choice .prime-guest-box h3 { font-size: 16px; font-weight: 700; color: #28a745; margin: 0 0 6px; } .prime-checkout-choice .prime-login-box { flex: 1; border: 2px solid #1B1B1B !important; border-radius: 8px; padding: 22px 18px; background: #fff !important; } .prime-checkout-choice .prime-login-box h3 { font-size: 16px; font-weight: 700; color: #333; margin: 0 0 6px; text-align: center; } .prime-checkout-choice .prime-sub { color: #777; font-size: 12px; margin: 0 0 16px; line-height: 1.4; } .prime-btn-guest { display: block; background: #28a745; color: #fff !important; padding: 13px 20px; border-radius: 6px; font-size: 15px; font-weight: 700; border: none; cursor: pointer; width: 100%; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; text-decoration: none !important; transition: background 0.2s; margin-bottom: 10px; } .prime-btn-guest:hover { background: #218838; color: #fff !important; } .prime-btn-create { display: block; background: #fff; color: #28a745 !important; padding: 10px 20px; border-radius: 6px; font-size: 13px; font-weight: 600; border: 1.5px solid #28a745; cursor: pointer; width: 100%; text-align: center; text-decoration: none !important; transition: background 0.2s; } .prime-btn-create:hover { background: #f0fff4; color: #1e7e34 !important; } .prime-or-divider { font-size: 12px; color: #999; margin: 6px 0; } .prime-social-divider { text-align: center; margin: 14px 0 0; padding-top: 14px; border-top: 1px solid #eee; } .prime-social-divider p { color: #999; font-size: 12px; margin: 0 0 10px; } @media (max-width: 767px) { .prime-checkout-choice { flex-direction: column; gap: 12px; } .prime-checkout-choice .prime-guest-box, .prime-checkout-choice .prime-login-box { padding: 18px 14px; } } /* ======================================== CHECKOUT - Login box (caja derecha) ======================================== */ .prime-login-box #personal-information-step-login { border: none; padding: 0; background: #fff !important; } .prime-login-box #personal-information-step-login .form-group { margin-bottom: 8px; background: #fff !important; } .prime-login-box #personal-information-step-login .form-group .row { display: block; } .prime-login-box #personal-information-step-login .form-group .col-md-2, .prime-login-box #personal-information-step-login .form-group label { display: none !important; } .prime-login-box #personal-information-step-login .form-group .col-md-10, .prime-login-box #personal-information-step-login .form-group .col-md-8 { flex: 0 0 100%; max-width: 100%; padding: 0; } .prime-login-box input, .prime-login-box .form-control { border: 1px solid #ddd !important; border-radius: 4px !important; padding: 10px 12px !important; background: #fff !important; font-size: 14px !important; font-family: inherit !important; color: #333 !important; } .prime-login-box input::placeholder, .prime-login-box .form-control::placeholder { color: #999 !important; font-size: 14px !important; font-family: inherit !important; } .prime-login-box input:focus, .prime-login-box .form-control:focus { border-color: #333 !important; outline: none !important; box-shadow: none !important; } .prime-login-box .input-group { flex-wrap: wrap; } .prime-login-box .input-group .form-control { border-radius: 4px !important; } .prime-login-box .input-group-btn, .prime-login-box .field-password-policy, .prime-login-box .password-strength-feedback { display: none !important; } .prime-login-box .forgot-password { text-align: center; font-size: 12px; margin-top: 4px; } .prime-login-box .form-footer { margin-top: 12px; } .prime-login-box .form-footer .btn { background: #e51a1a !important; border-color: #e51a1a !important; color: #fff !important; font-weight: 600; width: 100%; padding: 12px; border-radius: 6px; font-size: 14px; } .prime-login-box .form-footer .btn:hover { background: #c41717 !important; border-color: #c41717 !important; } /* ======================================== CHECKOUT - Formulario invitado (caja izquierda) Solo muestra: Nombre, Apellido, Email, boton CONTINUAR ======================================== */ #prime-form-inside .form-group .row { display: block; } #prime-form-inside .form-group .col-md-2, #prime-form-inside .form-group label.col-form-label { display: none !important; } #prime-form-inside .form-group .col-md-10, #prime-form-inside .form-group .col-md-8 { flex: 0 0 100%; max-width: 100%; padding: 0; } #prime-form-inside .form-control { border: 1px solid #ddd !important; border-radius: 4px !important; padding: 10px 12px !important; font-size: 14px !important; background: #fff !important; } #prime-form-inside .form-control:focus { border-color: #333 !important; } #prime-form-inside input[name="email"] { color: #333 !important; } #prime-form-inside input[name="email"]::placeholder { color: #999 !important; opacity: 0.7 !important; } /* Ocultar todo lo innecesario del formulario */ #prime-form-inside .form-group:has(input[name="password"]), #prime-form-inside .field-password-policy, #prime-form-inside .form-group:has(input[name="birthday"]), #prime-form-inside .form-group:has(input[name="newsletter"]), #prime-form-inside .form-group:has(input[name="optin"]), #prime-form-inside .form-group:has(input[type="checkbox"][name*="newsletter"]), #prime-form-inside .form-group:has(input[name="psgdpr"]), #prime-form-inside .form-group:has(input[name="customer_privacy"]), #prime-form-inside .custom-checkbox, #prime-form-inside .input-group-btn, #prime-form-inside .form-control-comment { display: none !important; } /* Ocultar titulos y textos de PrestaShop dentro del formulario */ #prime-form-inside h2, #prime-form-inside .h3, #prime-form-inside #customer-form > section > div > p, #prime-form-inside .form-informations, #prime-form-inside #customer-form > div > p, #prime-form-inside #customer-form > section > p { display: none !important; } /* Boton CONTINUAR verde */ #prime-form-inside .form-footer .btn { background: #28a745 !important; border-color: #28a745 !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 15px !important; padding: 13px 20px !important; text-transform: uppercase; } #prime-form-inside .form-footer .btn:hover { background: #218838 !important; border-color: #218838 !important; } /* ======================================== CHECKOUT - Campos paso 2+ (direcciones) ======================================== */ #checkout .form-group .form-control, #checkout .form-group input.form-control, #checkout .form-group select.form-control, #checkout .form-group textarea.form-control, #checkout section.form-fields .form-control { border: 1px solid #ddd !important; border-radius: 4px !important; padding: 10px 12px !important; background: #fff !important; font-size: 14px !important; box-shadow: none !important; } #checkout .form-group .form-control:focus, #checkout section.form-fields .form-control:focus { border-color: #333 !important; box-shadow: none !important; } #checkout .form-group label, #checkout .form-group .col-form-label { font-size: 13px; font-weight: 600; color: #555; margin-bottom: 4px; } #checkout .form-footer .btn { background: #e51a1a; border-color: #e51a1a; font-weight: 600; border-radius: 6px; padding: 12px; font-size: 14px; } #checkout .form-footer .btn:hover { background: #c41717; border-color: #c41717; } #checkout select.form-control { appearance: auto !important; -webkit-appearance: menulist !important; -moz-appearance: menulist !important; cursor: pointer; } #checkout .cart-summary { position: sticky; top: 20px; } /* Ocultar titulo negro duplicado */ #prime-guest-title { display: none !important; } /* Tarjetas de dirección compactas */ #checkout .address-selector .address-item { padding: 10px 12px !important; font-size: 12px !important; line-height: 1.4 !important; } #checkout .address-selector .address-item .address { font-size: 12px !important; line-height: 1.4 !important; } #checkout .address-selector .address-item .address-alias { font-size: 13px !important; margin-bottom: 4px !important; } #checkout .address-selector .address-item .address-footer { margin-top: 6px !important; padding-top: 6px !important; font-size: 11px !important; } #checkout .address-selector .address-item .address-footer a { font-size: 11px !important; } #checkout .js-address-selector { gap: 8px !important; } /* Bloquear botón cuando cédula es inválida */ #delivery-address.vat-invalid > div > footer > button, #invoice-address.vat-invalid > div > footer > button { pointer-events: none !important; opacity: 0.5 !important; cursor: not-allowed !important; } /* Botón realizar pedido */ #payment-confirmation button { background: #e51a1a !important; border-color: #e51a1a !important; font-size: 16px !important; font-weight: 700 !important; padding: 14px 20px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #payment-confirmation button:disabled, #payment-confirmation button[disabled] { opacity: 0.4 !important; pointer-events: none !important; cursor: not-allowed !important; background: #e51a1a !important; border-color: #e51a1a !important; } /* Mostrar alertas de error en formulario */ #prime-form-inside .alert-danger, #prime-form-inside ul.alert, #checkout-personal-information-step .alert-danger { display: block !important; color: #dc3545 !important; font-size: 13px !important; background: #fff5f5 !important; border: 1px solid #dc3545 !important; border-radius: 4px !important; padding: 10px !important; margin-bottom: 10px !important; } /* ======================================== CHECKOUT - Pasos compactos estilo M&S ======================================== */ #checkout .checkout-step { margin-bottom: 2px !important; border: none !important; box-shadow: none !important; padding: 0 !important; } #checkout .checkout-step .step-title { padding: 12px 15px !important; font-size: 14px !important; font-weight: 600 !important; background: #fff !important; margin: 0 !important; border: 1px solid #ddd !important; line-height: 1.4 !important; } #checkout .checkout-step .step-title:hover { background: #fff !important; } #checkout .checkout-step.-current .step-title { background: #e51a1a !important; color: #fff !important; border-color: #e51a1a !important; } #checkout .checkout-step.-current .step-title:hover { background: #e51a1a !important; } #checkout .checkout-step.-current .step-title * { color: #fff !important; } #checkout .checkout-step.-complete .step-title .done, #checkout .checkout-step.-complete .step-title .material-icons { color: #28a745 !important; display: inline !important; } #checkout .checkout-step.-reachable.-complete { padding: 0 !important; } #checkout .checkout-step.-reachable.-complete .content { display: none; } #checkout .checkout-step.-current .content { display: block !important; padding: 12px 15px !important; } /* Opciones de envío - fondo blanco con bordes */ #checkout .delivery-option { background: #fff !important; border: 1px solid #ddd !important; border-radius: 4px !important; margin-bottom: 8px !important; padding: 12px !important; } #checkout .delivery-option:hover { border-color: #333 !important; } #checkout .delivery-option label { background: #fff !important; } /* Tarjetas de dirección compactas */ #checkout .address-selector { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } #checkout .address-selector .address-item { flex: 1 1 calc(33.33% - 6px) !important; max-width: calc(33.33% - 6px) !important; min-width: 180px !important; padding: 8px 10px !important; font-size: 11px !important; line-height: 1.3 !important; border: 1px solid #ddd !important; border-radius: 4px !important; } #checkout .address-selector .address-item .address { font-size: 11px !important; line-height: 1.3 !important; } #checkout .address-selector .address-item .address-alias { font-size: 12px !important; font-weight: 600 !important; margin-bottom: 3px !important; } #checkout .address-selector .address-item .address-footer { margin-top: 4px !important; padding-top: 4px !important; font-size: 10px !important; } #checkout .address-selector .address-item .address-footer a { font-size: 10px !important; } @media (max-width: 767px) { #checkout .address-selector .address-item { flex: 1 1 calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; min-width: 140px !important; } } /* Casilla de comentarios */ #checkout .delivery-option textarea, #checkout textarea.form-control { background: #fff !important; border: 1px solid #ddd !important; border-radius: 4px !important; padding: 10px 12px !important; } /* Pasos más grandes en desktop */ @media (min-width: 768px) { #checkout .checkout-step .step-title { padding: 15px 20px !important; font-size: 16px !important; } } /* Modal de transferencia */ #bankwire-modal .modal-content { position: relative; } /* ============================================ PRIME NUTRITION REDESIGN v1 — 2025-04 Fuente Inter | Cards modernas | 4 columnas ============================================ */ /* --- CARGAR INTER --- */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* --- TIPOGRAFÍA GLOBAL --- */ body, p, span, div, a, li, td, th, input, select, textarea, button, label, .nav-link, .breadcrumb-item { font-family: 'Inter', sans-serif !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; } body { font-size: 14px !important; line-height: 1.5 !important; color: #18181b !important; } /* --- CUATRO COLUMNAS DESKTOP --- */ @media (min-width: 1200px) { .products.products-grid .js-product-miniature-wrapper.col-xl-4 { flex: 0 0 25% !important; max-width: 25% !important; } } @media (min-width: 992px) and (max-width: 1199px) { .products.products-grid .js-product-miniature-wrapper.col-lg-4 { flex: 0 0 25% !important; max-width: 25% !important; } } /* --- PRODUCT CARDS: ESQUINAS REDONDEADAS --- */ .product-miniature { border-radius: 12px !important; border: 1px solid #e2e8f0 !important; overflow: hidden !important; transition: box-shadow 0.2s ease !important; background: #fff !important; } .product-miniature:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.09) !important; } .thumbnail-container { border-radius: 0 !important; overflow: hidden !important; } /* Imagen cuadrada compacta estilo VS */ .product-miniature .product-miniature-image, .product-miniature .thumbnail-container a.thumbnail { max-height: 180px !important; min-height: 180px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; background: #f8f9fa !important; } .product-miniature .thumbnail-container .product-thumbnail img, .product-miniature .product-miniature-image img { max-height: 170px !important; max-width: 100% !important; width: auto !important; object-fit: contain !important; } /* Texto de producto compacto */ .product-miniature .product-miniature-bottom { padding: 10px 12px 14px !important; } .product-miniature .product-title, .product-miniature .h3.product-title { font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; margin-bottom: 5px !important; color: #18181b !important; } .product-miniature .product-price-and-shipping, .product-miniature .price { font-size: 14px !important; font-weight: 700 !important; color: #18181b !important; } /* Gap entre cards */ .products.products-grid .js-product-miniature-wrapper { padding: 6px !important; } /* --- INPUTS Y BOTONES REDONDEADOS --- */ input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], select, textarea, .form-control { border-radius: 8px !important; font-family: 'Inter', sans-serif !important; } .btn, button, .btn-primary, .add-to-cart { border-radius: 8px !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; } /* --- BADGES --- */ .product-miniature .discount-percentage, .product-miniature .discount-amount, .product-miniature .new { border-radius: 6px !important; font-size: 11px !important; font-weight: 700 !important; } /* ============================================ PRIME NUTRITION REDESIGN v2 — ajustes cards ============================================ */ /* --- PRECIO: -15% (20px → 17px) --- */ .product-miniature .product-price, .product-miniature .product-price-and-shipping .price { font-size: 17px !important; font-weight: 700 !important; } .product-miniature .product-price-and-shipping .regular-price { font-size: 13px !important; } /* --- ESTRELLAS: -10% --- */ .product-miniature .ets-rv-grade-stars, .product-miniature .ets_rv_grade_stars { font-size: 0 !important; line-height: 1 !important; } .product-miniature .ets_svg_icon { width: 13px !important; height: 13px !important; display: inline-block !important; } .product-miniature .ets_svg_icon svg { width: 13px !important; height: 13px !important; } .product-miniature .comments-note { height: 15px !important; } .product-miniature .ets-rv-grade-stars .ets-rv-count { font-size: 11px !important; line-height: 15px !important; vertical-align: middle !important; } /* --- LAYOUT: flex column en product-description --- */ .product-miniature .product-description { display: flex !important; flex-direction: column !important; flex: 1 !important; } /* Orden de los elementos */ .product-miniature .product-category-name { order: 1 !important; } .product-miniature .product-title { order: 2 !important; } .product-miniature .product-brand { order: 3 !important; } .product-miniature .product-reference { order: 4 !important; } .product-miniature .product-list-reviews { order: 5 !important; } .product-miniature .product-description-short { order: 6 !important; } /* Counter/variantes ANTES del precio */ .product-miniature .product-add-cart { order: 7 !important; margin-top: auto !important; } /* Precio siempre al fondo, misma altura */ .product-miniature .product-price-and-shipping { order: 8 !important; margin-top: 6px !important; padding-top: 6px !important; border-top: 1px solid #f0f0f0 !important; } /* --- CONTADOR: más pequeño --- */ .product-miniature .input-group-add-cart { display: flex !important; align-items: center !important; gap: 5px !important; } .product-miniature input[name="qty"], .product-miniature .form-control.input-qty { height: 32px !important; min-height: 32px !important; font-size: 13px !important; padding: 2px 6px !important; width: 52px !important; border-radius: 6px !important; text-align: center !important; } .product-miniature .btn-product-list.add-to-cart { height: 32px !important; font-size: 12px !important; padding: 0 10px !important; border-radius: 6px !important; line-height: 32px !important; } /* --- VARIANTES SELECT: custom arrow, sin flecha browser fea --- */ .product-miniature .variantsProductWrapper { margin-bottom: 6px !important; } .product-miniature select.form-control-select, .product-miniature select.form-control { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 8px center !important; background-size: 8px 5px !important; padding-right: 24px !important; height: 30px !important; font-size: 12px !important; border-radius: 6px !important; border: 1px solid #e2e8f0 !important; cursor: pointer !important; width: 100% !important; } /* --- CARD: altura uniforme de imagen + flex en la card --- */ .product-miniature { display: flex !important; flex-direction: column !important; } .product-miniature .thumbnail-container { flex-shrink: 0 !important; } /* ============================================ REDESIGN v3 — fixes imagen, bg, variantes ============================================ */ /* --- IMAGEN MÁS GRANDE (estilo Vitamin Shoppe ~250px) --- */ .product-miniature .product-miniature-image, .product-miniature .thumbnail-container a.thumbnail { max-height: 250px !important; min-height: 250px !important; background: #ffffff !important; background-color: #ffffff !important; } .product-miniature .thumbnail-container .product-thumbnail img, .product-miniature .product-miniature-image img, .product-miniature picture img { max-height: 240px !important; min-height: 0 !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; } /* Quitar fondo gris del thumbnail container padre también */ .product-miniature .thumbnail-container, .product-miniature .thumbnail-container .product-thumbnail { background: #ffffff !important; background-color: #ffffff !important; } /* --- VARIANTES: visible completa, no se corta --- */ .product-miniature .variantsProductWrapper { overflow: visible !important; width: 100% !important; margin-bottom: 5px !important; } .product-miniature select.form-control-select, .product-miniature select.form-control { width: 100% !important; min-width: 0 !important; max-width: 100% !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; display: block !important; } /* Quitar overflow:hidden de la card para que el select dropdown no se corte */ .product-miniature { overflow: visible !important; } /* Pero mantener overflow hidden solo en la imagen */ .product-miniature .thumbnail-container { overflow: hidden !important; border-radius: 12px 12px 0 0 !important; } /* --- CONTADOR ENCIMA DEL PRECIO: refuerzo --- */ .product-miniature .product-description { display: flex !important; flex-direction: column !important; } .product-miniature .product-add-cart { order: 7 !important; margin-top: auto !important; padding-top: 4px !important; } .product-miniature .product-price-and-shipping { order: 8 !important; margin-top: 0 !important; padding-top: 6px !important; border-top: 1px solid #f0f0f0 !important; } /* ============================================ PRIME NUTRITION REDESIGN v3 — fixes cards ============================================ */ /* --- FIX 1: SELECT SABOR — ancho completo --- */ .product-miniature .variantsProductWrapper { width: 100% !important; box-sizing: border-box !important; } .product-miniature .product-variants, .product-miniature .product-variants-item { width: 100% !important; } .product-miniature select.form-control-select, .product-miniature select.form-control { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* --- FIX 2: NÚMEROS — tipografía mejorada --- */ .product-miniature .product-price, .product-miniature .price { font-weight: 800 !important; font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; letter-spacing: -0.02em !important; } .product-miniature .countdown-time { font-weight: 800 !important; font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .product-miniature .count-down-timer { font-size: 12px !important; font-weight: 700 !important; line-height: 1.3 !important; } /* --- FIX 3: MOSTRAR qty counter en listing --- */ .product-miniature .form-control.input-qty { display: block !important; } .product-miniature .btn-product-list.add-to-cart { display: flex !important; align-items: center !important; justify-content: center !important; } /* --- FIX 4: COUNTDOWN arriba del precio (dentro de price section) --- */ .product-miniature .product-price-and-shipping { display: flex !important; flex-direction: column !important; } .product-miniature .price-countdown-wrapper { order: -1 !important; margin-bottom: 6px !important; padding-bottom: 6px !important; border-bottom: 1px solid #f0f0f0 !important; } /* --- FIX 5: COLOR ROJO #ad0700 — badges y contador --- */ /* Discount badges top-left */ .product-miniature .product-flag.discount, .product-miniature .product-flag.new { background-color: #ad0700 !important; color: #fff !important; border-radius: 6px !important; } /* Price countdown badge */ .product-miniature .price-countdown.badge-discount { background-color: #ad0700 !important; color: #fff !important; } .product-miniature .price-countdown-title { color: #fff !important; } /* Qty counter — borde y número rojo */ .product-miniature input[name="qty"], .product-miniature .form-control.input-qty { border: 1.5px solid #ad0700 !important; color: #ad0700 !important; font-weight: 800 !important; } /* Botón add to cart en listing */ .product-miniature .btn-product-list.add-to-cart { background-color: #ad0700 !important; border-color: #ad0700 !important; color: #fff !important; } .product-miniature .btn-product-list.add-to-cart:hover { background-color: #8a0500 !important; border-color: #8a0500 !important; } /* PRIME CARD CONSOLIDATED v1 - 13 abril */ /* CARD: position relative + padding-bottom para btn absolute */ html body .product-miniature{position:relative!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;overflow:hidden!important;display:block!important;padding:0 0 108px 0!important;margin:0 0 12px!important;text-align:left!important;height:auto!important} html body .js-product-miniature-wrapper{display:block!important} /* THUMBNAIL */ html body .product-miniature .thumbnail-container{background:#fff!important;margin:0!important;padding:14px 18px 6px!important;width:100%!important;border:none!important;height:auto!important} html body .product-miniature .thumbnail-container picture,html body .product-miniature .thumbnail-container>a{display:block!important;width:100%!important} html body .product-miniature .thumbnail-container img{width:100%!important;height:auto!important;max-height:200px!important;object-fit:contain!important;background:transparent!important;aspect-ratio:auto!important;margin:0 auto!important} /* DESCRIPCION: block normal, NO flex */ html body .product-miniature .product-description{padding:8px 12px 0!important;margin:0!important;display:block!important;text-align:left!important;background:#fff!important;border:none!important;height:auto!important;min-height:0!important} /* Ocultar lo que no queremos */ html body .product-miniature .product-category-name, html body .product-miniature .product-reference, html body .product-miniature .product-add-cart{display:none!important} /* MARCA - 16px alto fijo, rojo */ html body .product-miniature .product-brand{display:block!important;height:14px!important;line-height:14px!important;margin:0 0 4px!important;padding:0!important;font-size:11px!important;color:#FF0D09!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important;overflow:hidden!important} html body .product-miniature .product-brand a,html body .product-miniature .product-brand span{color:#FF0D09!important;text-decoration:none!important;font-weight:700!important;font-size:11px!important} /* TITULO - 36px alto FIJO (2 lineas), bold */ html body .product-miniature h2.product-title,html body .product-miniature .product-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;height:36px!important;min-height:36px!important;max-height:36px!important;line-height:18px!important;font-size:13px!important;font-weight:600!important;color:#18181b!important;margin:0 0 4px!important;padding:0!important;text-align:left!important} html body .product-miniature .product-title a{color:#18181b!important;text-decoration:none!important;font-weight:600!important} /* DESCRIPCION CORTA - 32px FIJO (2 lineas) */ html body .product-miniature .product-description-short{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;height:32px!important;min-height:32px!important;max-height:32px!important;line-height:16px!important;font-size:12px!important;color:#6b7280!important;margin:0 0 6px!important;padding:0!important;text-align:left!important;opacity:1!important} html body .product-miniature .product-description-short *{font-size:12px!important;color:#6b7280!important;line-height:16px!important;margin:0!important;padding:0!important;text-decoration:none!important;display:inline!important} /* REVIEWS - 18px FIJO (siempre, vacio o no) */ html body .product-miniature .product-list-reviews,html body .product-miniature .ets-rv-grade-stars{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;height:18px!important;min-height:18px!important;max-height:18px!important;line-height:18px!important;margin:0 0 6px!important;padding:0!important;background:transparent!important;font-size:11px!important;color:#6b7280!important;width:auto!important;z-index:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;gap:4px!important} /* PRECIO - flex baseline, 22px alto */ html body .product-miniature .product-price-and-shipping{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:8px!important;margin:0 0 6px!important;padding:0!important;border:none!important;text-align:left!important;height:22px!important;min-height:22px!important;width:100%!important} html body .product-miniature .product-price-and-shipping .addToCartFormWrapper,html body .product-miniature .product-price-and-shipping form.addToCartForm{display:none!important} html body .product-miniature .product-price,html body .product-miniature .product-price-and-shipping .price,html body .product-miniature .product-price-and-shipping>a:first-child{font-size:18px!important;font-weight:800!important;color:#18181b!important;margin:0!important;line-height:1!important;display:inline-block!important;text-decoration:none!important} html body .product-miniature .regular-price{font-size:13px!important;color:#9ca3af!important;text-decoration:line-through!important;font-weight:500!important;margin:0!important;line-height:1!important;display:inline-block!important} /* COUNTDOWN - badge horizontal compacto, debajo del precio */ html body .product-miniature .price-countdown-wrapper{display:block!important;width:100%!important;height:24px!important;min-height:24px!important;max-height:24px!important;margin:0 0 6px!important;padding:0!important;background:transparent!important;text-align:left!important;overflow:visible!important;line-height:1!important;flex:none!important} html body .product-miniature .price-countdown,html body .product-miniature .price-countdown.badge-discount,html body .product-miniature .price-countdown-wrapper>div{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:auto!important;max-width:100%!important;height:22px!important;min-height:22px!important;max-height:22px!important;background:#FF0D09!important;background-color:#FF0D09!important;color:#fff!important;font-size:11px!important;font-weight:600!important;padding:3px 8px!important;border-radius:4px!important;line-height:1.2!important;white-space:nowrap!important;border:none!important;text-transform:none!important;box-shadow:none!important;overflow:hidden!important} html body .product-miniature .price-countdown *,html body .product-miniature .price-countdown-wrapper *{display:inline!important;font-size:11px!important;color:#fff!important;line-height:1.2!important;margin:0!important;padding:0!important;background:transparent!important;width:auto!important;height:auto!important;white-space:nowrap!important} html body .product-miniature .price-countdown .price-countdown-title,html body .product-miniature .price-countdown .time-txt{display:none!important} html body .product-miniature .price-countdown .fa-clock-o,html body .product-miniature .price-countdown .fa-clock{display:inline!important;color:#fff!important;font-size:11px!important;margin-right:2px!important} /* FORM ADD-CART - position absolute al fondo del card, ancho fijo */ html body .product-miniature .addToCartFormWrapper{position:absolute!important;bottom:12px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;background:transparent!important;border:none!important;height:auto!important} html body .product-miniature .addToCartFormWrapper form.addToCartForm{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important;width:100%!important;background:transparent!important} html body .product-miniature .addToCartFormWrapper .variantsProductWrapper{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;order:1!important} html body .product-miniature .addToCartFormWrapper .variantsProductWrapper select{width:100%!important;max-width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;line-height:1!important;padding:0 26px 0 10px!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:12px!important;color:#374151!important;background-color:#fff!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'><path d='M7 10l5 5 5-5H7z'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 6px center!important;background-size:14px!important;-webkit-appearance:none!important;appearance:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;box-sizing:border-box!important;display:block!important} html body .product-miniature .addToCartFormWrapper input[name='qty'],html body .product-miniature .addToCartFormWrapper .input-qty,html body .product-miniature .addToCartFormWrapper .form-control.input-qty{display:none!important} html body .product-miniature .addToCartFormWrapper .input-group-add-cart{display:contents!important} html body .product-miniature .addToCartFormWrapper .btn.btn-primary.add-to-cart,html body .product-miniature .addToCartFormWrapper button.add-to-cart,html body .product-miniature .addToCartFormWrapper .add-to-cart:not(.btn-product-list){display:block!important;width:100%!important;max-width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;line-height:34px!important;background:#FF0D09!important;background-color:#FF0D09!important;border:1px solid #FF0D09!important;color:#fff!important;border-radius:6px!important;font-size:13px!important;font-weight:500!important;padding:0 8px!important;margin:0!important;cursor:pointer!important;text-align:center!important;white-space:nowrap!important;text-transform:none!important;font-family:inherit!important;order:2!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important} html body .product-miniature .addToCartFormWrapper .btn-product-list{display:none!important} /* BADGES descuento + Nuevo: TODOS rojo unificado */ html body .product-miniature .product-flag{border-radius:4px!important;font-size:11px!important;font-weight:600!important;padding:4px 8px!important;top:8px!important;border:none!important;line-height:1!important} html body .product-miniature .product-flag.discount,html body .product-miniature .product-flag.discount-percentage,html body .product-miniature .product-flag.discount-amount,html body .product-miniature .product-flag.new,html body .product-miniature .product-flag.online-only{background:#FF0D09!important;background-color:#FF0D09!important;color:#fff!important;border-color:#FF0D09!important} html body .product-miniature .product-flag.discount,html body .product-miniature .product-flag.discount-percentage,html body .product-miniature .product-flag.discount-amount{left:8px!important} /* OCULTAR iconos hover heart/eye/quickview */ html body .product-miniature .iqit-quickview,html body .product-miniature .iqit-thumbnail-buttons,html body .product-miniature .quick-view,html body .product-miniature .ets_pf_wrap,html body .product-miniature .ets_pf_button,html body .product-miniature .ets_pf_overlay,html body .product-miniature [class*='wishlist'],html body .product-miniature .iqit-add-to-wishlist,html body .product-miniature .compare,html body .product-miniature .product-list-actions,html body .product-miniature .product-functional-buttons,html body .product-miniature .functional-buttons,html body .product-miniature .iqit-product-list-actions,html body .product-miniature .product-additional-info{display:none!important} /* PRIME COMPACT v1 - compactar todo el card, menos alto */ /* Imagen mas chica */ html body .product-miniature .thumbnail-container{padding:10px 14px 4px!important} html body .product-miniature .thumbnail-container img{max-height:160px!important} /* Padding del bloque info mas apretado */ html body .product-miniature .product-description{padding:6px 12px 0!important} /* Reducir padding-bottom del card (menos espacio reservado para btn absolute) */ html body .product-miniature{padding-bottom:92px!important} html body .product-miniature .addToCartFormWrapper{bottom:10px!important;left:12px!important;right:12px!important} /* Margins entre elementos mas pequenos */ html body .product-miniature .product-brand{margin:0 0 2px!important} html body .product-miniature h2.product-title, html body .product-miniature .product-title{margin:0 0 3px!important;line-height:17px!important;height:34px!important;min-height:34px!important;max-height:34px!important} html body .product-miniature .product-description-short{margin:0 0 4px!important;line-height:15px!important;height:30px!important;min-height:30px!important;max-height:30px!important} html body .product-miniature .product-list-reviews, html body .product-miniature .ets-rv-grade-stars, html body .product-miniature .prime-reviews-placeholder{height:17px!important;min-height:17px!important;max-height:17px!important;margin:0 0 4px!important} html body .product-miniature .product-price-and-shipping{height:20px!important;min-height:20px!important;margin:0 0 4px!important} html body .product-miniature .price-countdown-wrapper, html body .product-miniature .prime-countdown-placeholder{height:22px!important;min-height:22px!important;max-height:22px!important;margin:0 0 4px!important} /* Botones y select un poco mas chicos */ html body .product-miniature .addToCartFormWrapper form.addToCartForm{gap:5px!important} html body .product-miniature .addToCartFormWrapper .variantsProductWrapper select{height:34px!important;min-height:34px!important;max-height:34px!important;font-size:11.5px!important} html body .product-miniature .addToCartFormWrapper .btn.btn-primary.add-to-cart,html body .product-miniature .addToCartFormWrapper .add-to-cart:not(.btn-product-list){height:34px!important;min-height:34px!important;max-height:34px!important;line-height:32px!important;font-size:12.5px!important} /* PRIME ULTRA COMPACT v2 + MOBILE */ /* Imagen mas chica aun */ html body .product-miniature .thumbnail-container{padding:8px 12px 2px!important} html body .product-miniature .thumbnail-container img{max-height:150px!important} html body .product-miniature .product-description{padding:4px 10px 0!important} /* Padding bottom card + bottom del form wrap reducido */ html body .product-miniature{padding-bottom:86px!important} html body .product-miniature .addToCartFormWrapper{bottom:8px!important;left:10px!important;right:10px!important} /* Menos gap entre select y boton */ html body .product-miniature .addToCartFormWrapper form.addToCartForm{gap:4px!important} /* Ocultar description-short si esta vacia - ahorra 30px */ html body .product-miniature .product-description-short:empty, html body .product-miniature .product-description-short[data-empty='1']{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important} /* MOBILE: viewport <= 768px */ @media (max-width: 768px){ html body .product-miniature{padding-bottom:80px!important;margin:0 0 8px!important} html body .product-miniature .thumbnail-container{padding:6px 10px 2px!important} html body .product-miniature .thumbnail-container img{max-height:130px!important} html body .product-miniature .product-description{padding:3px 8px 0!important} html body .product-miniature .product-brand{font-size:10px!important;margin:0 0 1px!important;height:12px!important;line-height:12px!important} html body .product-miniature h2.product-title,html body .product-miniature .product-title{font-size:12px!important;line-height:15px!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0 0 2px!important} html body .product-miniature .product-description-short{font-size:10.5px!important;line-height:13px!important;height:26px!important;min-height:26px!important;max-height:26px!important;margin:0 0 3px!important} html body .product-miniature .product-list-reviews,html body .product-miniature .prime-reviews-placeholder{height:15px!important;min-height:15px!important;max-height:15px!important;font-size:10px!important} html body .product-miniature .product-price,html body .product-miniature .product-price-and-shipping .price,html body .product-miniature .product-price-and-shipping>a:first-child{font-size:16px!important} html body .product-miniature .regular-price{font-size:11.5px!important} html body .product-miniature .product-price-and-shipping{height:18px!important;min-height:18px!important} html body .product-miniature .addToCartFormWrapper{bottom:6px!important;left:8px!important;right:8px!important} html body .product-miniature .addToCartFormWrapper .variantsProductWrapper select{height:32px!important;min-height:32px!important;max-height:32px!important;font-size:11px!important} html body .product-miniature .addToCartFormWrapper .btn.btn-primary.add-to-cart,html body .product-miniature .addToCartFormWrapper .add-to-cart:not(.btn-product-list){height:32px!important;min-height:32px!important;max-height:32px!important;line-height:30px!important;font-size:11.5px!important} } /* PRIME IMG FORCE - max-height absoluto en imagen y thumb */ html body div.product-miniature div.thumbnail-container img, html body div.product-miniature div.thumbnail-container picture img, html body article.product-miniature div.thumbnail-container img, html body article.product-miniature picture img{max-height:140px!important;height:140px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;margin:0 auto!important;display:block!important} html body div.product-miniature div.thumbnail-container, html body article.product-miniature div.thumbnail-container{max-height:160px!important;height:160px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important} @media (max-width: 768px){ html body div.product-miniature div.thumbnail-container img{max-height:120px!important;height:120px!important} html body div.product-miniature div.thumbnail-container{max-height:140px!important;height:140px!important} } /* PRIME SPACE+IMG+COUNTDOWN FIX - subir textos, imagen grande, countdown centrado */ /* Thumb: casi sin padding top, imagen casi a su tamano previo */ html body .product-miniature .thumbnail-container{padding:4px 14px 6px!important} html body .product-miniature .thumbnail-container img{max-height:230px!important;width:auto!important;max-width:100%!important} /* Description: menos padding-top para pegar marca a imagen */ html body .product-miniature .product-description{padding:4px 12px 0!important} /* Countdown: centrado horizontalmente respecto al card */ html body .product-miniature .price-countdown-wrapper{text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important} html body .product-miniature .prime-countdown-placeholder{text-align:center!important;display:block!important} /* Mobile: imagen mismo tamano, menos espacio muerto arriba */ @media (max-width: 768px){ html body .product-miniature .thumbnail-container{padding:2px 10px 4px!important} html body .product-miniature .thumbnail-container img{max-height:220px!important} html body .product-miniature .product-description{padding:4px 10px 0!important} html body .product-miniature{padding-bottom:104px!important} html body .product-miniature .addToCartFormWrapper{bottom:10px!important;left:10px!important;right:10px!important} }