@font-face { font-family: 'Sofia Pro'; src: url('/../fonts/SofiaProUltraLight.eot'); url('/../fonts/SofiaProUltraLight.eot?#iefix') format('embedded-opentype'), url('/../fonts/SofiaProUltraLight.woff2') format('woff2'), url('/../fonts/SofiaProUltraLight.woff') format('woff'), url(/../fonts/'SofiaProUltraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } .iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 2048px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: rgba(51, 51, 51, 0); } a:hover:not(.nav-link):not(.btn) { color: #000000; } .pagination .page-list li:hover { border-color: #000000; } .pagination .page-list li.current { border-color: #000000; } .pagination .page-list li.current a { color: #000000; } #mobile-header { background: #ffffff; border-bottom: none 1px rgba(227, 227, 227, 0); } #mobile-header #mobile-header-sticky { background: #ffffff; } #mobile-header .mobile-main-bar { padding-top: 0.7857142857rem; padding-bottom: 0.7857142857rem; } #mobile-header .m-nav-btn { color: #000000; } #mobile-header .m-nav-btn:hover { color: #000000; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #ffffff; } @media (max-width: 9999px) { #desktop-header { display: none; } #mobile-header { display: block; } } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Gabarito'; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: Gabarito; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } /*** 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: #000000; color: #ffffff; border: none 1px #f0f0f0; } .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: #000000; color: rgba(255, 255, 255, 0.2); } .btn-secondary:not(:disabled):not(.disabled):active { background: #000000; color: rgba(255, 255, 255, 0.2); } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #000000; color: #ffffff; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #000000; color: rgba(255, 255, 255, 0.2); border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #000000; 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: #000000; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; } #wrapper .breadcrumb { margin-top: -12.1428571429rem; margin-bottom: 12.1428571429rem; font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #000000; } #wrapper .breadcrumb li:after { color: #000000; } #wrapper .breadcrumb a { color: #000000; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #000000; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #000000; } .form-control::-webkit-input-placeholder { color: #000000; } .form-control::-moz-placeholder { color: #000000; } .form-control:-ms-input-placeholder { color: #000000; } .form-control:-moz-placeholder { color: #000000; } .form-control:focus { color: #000000; border-color: #000000; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #000000; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.9285714286rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #bb1e1e; color: #ffffff; } .product-flags .new { background: #969696; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #bb1e1e; color: #000000; } .discount { background: #bb1e1e; color: #ffffff; } .product-unavailable { background: #bb1e1e; color: #000000; } .product-unavailable-allow-oosp { background: #bb1e1e; color: #000000; } .alert-success { background: #d4edda; color: #155724; border-color: #d4edda; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #155724; text-decoration: underline; } .alert-info { background: rgba(138, 105, 91, 0.54); color: #ffffff; border-color: rgba(138, 105, 91, 0.54); } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-warning { background: #fff3cd; color: #856404; border-color: #fff3cd; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #856404; text-decoration: underline; } .alert-danger { background: #f8d7da; color: #721c24; border-color: #f8d7da; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #721c24; 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: #000000; color: #ffffff; display: none; } #back-to-top:hover { background: #333333; color: #ffffff; } #header, #checkout-header { background: rgba(255, 255, 255, 0); border-top: none 1px; border-bottom: none 1px #ffffff; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: rgba(255, 255, 255, 0); border-bottom: none 1px #ffffff; } @media (min-width: 992px) { #index #header { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0); } } #header .header-nav { color: #000000; background: #ffffff; border-bottom: none 1px; padding-top: 0.7857142857rem; padding-bottom: 0.7857142857rem; font-size: 0.9285714286rem; } #header .header-nav a { color: #000000; } #header .header-nav a:hover { color: #333333; } #header .header-nav .social-links._topbar { font-size: 1.3571428571rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #ffffff !important; } .header-top { padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #000000; } .header-top .form-search-control { background: #000000; color: #000000; border: none 1px #db1752; } .header-top input.form-search-control::-webkit-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top input.form-search-control:-ms-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top .search-btn { color: #000000; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.1428571429rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #ffffff; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #ffffff; } .header-top a.header-cart-btn:not(:hover) { color: #ffffff; } .stuck-header .header-top { padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #000000; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 40%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: rgba(255, 255, 255, 0.62); border-top: none 3px #521919; border-right: none 3px #ffffff; border-bottom: none 3px #457deb; border-left: none 10px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 2.7857142857rem; max-width: 21.0714285714rem; color: rgba(0, 0, 0, 0.76); padding-left: 2.4285714286rem; padding-right: 2.4285714286rem; border-left: none 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: rgba(0, 0, 0, 0.76); } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.8214285714rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.7857142857rem !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 { color: rgba(0, 0, 0, 0.76); } .cbp-horizontal .cbp-tab-title { font-size: 0.9285714286rem; letter-spacing: 0.0714285714rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #3f1619; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.1428571429rem; max-height: 1.1428571429rem; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { display: block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 0.8rem; } .cbp-horizontal .cbp-tab-title { text-align: center; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } @media (max-width: 1300px) { .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 1.4285714286rem; padding-right: 1.4285714286rem; } } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .container-iqitmegamenu, .iqit-megamenu-container, .cbp-hrsub-narrow, #desktop-header-container.container { position: static !important; } .iqitmegamenu-submenu-container { width: auto !important; max-width: 100% !important; padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: none 10px #ccc5c5; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: none 10px #ccc5c5; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.1428571429rem; letter-spacing: 0.0714285714rem; font-style: normal; font-weight: normal; text-transform: none; color: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #c1c1c1; background: rgba(255, 255, 255, 0); } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-size: 0.8571428571rem; letter-spacing: 0.0714285714rem; font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; border-top: none 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: 0.2857142857rem; max-height: 0.2857142857rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #000000; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #000000; color: #000000; } #cbp-hrmenu1 .cbp-legend { background: #e3e3e3; 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: #c1c1c1; background: rgba(255, 255, 255, 0); } .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.7857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px #37a625; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #ffffff !important; } .cbp-hrmenu .tabs-links { background: rgba(247, 247, 247, 0); } .cbp-hrmenu .cbp-tabs-names li a { color: #000000 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: rgba(255, 255, 255, 0); color: #ffffff !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #000000 !important; border-bottom: none 3px #c2bc29; font-size: 0.8571428571rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #ffffff !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 2.4285714286rem; } #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: 0.5714285714rem; padding-bottom: 0.5714285714rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #ffffff !important; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: none 1px; min-height: 3.5714285714rem; } .mobile-menu__link { color: #ffffff !important; padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; color: #ffffff; font-size: 1.2857142857rem; } .mobile-menu__tab-icon { font-size: 1.2857142857rem; } .mobile-menu__tab-icon--img { max-height: 1.2857142857rem; } .mobile-menu__legend { font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #000000; background-color: #ffffff; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.4285714286rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050 !important; } .mobile-menu__column { font-size: 1.1428571429rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.8571428571rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.8571428571rem; } .mobile-menu__links-list-li { padding-top: 0.4285714286rem; padding-bottom: 0.4285714286rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #000000; } .mobile-menu__footer { border-top: none 1px; color: #000000; background-color: #ffffff; display: none; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.0714285714rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.0714285714rem; } .swiper-container-wrapper { margin: -0.0714285714rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.0714285714rem; } .swiper-container-wrapper .product-carousel { padding: 0.0714285714rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.0714285714rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; } } .product-miniature-grid .product-functional-buttons { display: none; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-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; } .btn-product-list { padding: 0.5357142857rem 1.0714285714rem; 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: 0.5rem; } .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.5rem; } .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.4285714286rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } #col-product-info { position: -webkit-sticky; position: sticky; z-index: 1; top: 30px; transition: top 300ms ease 0s; } #main-product-wrapper .product-cover .expander { z-index: 1; } @media screen and (min-width: 768px) { #main-product-wrapper .no-quick-view-d-md-none { display: none; } } @media screen and (min-width: 768px) { #main-product-wrapper #swiper-wrapper-column-images { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem; } #main-product-wrapper .product-lmage-large { position: relative; width: 100%; min-height: 1px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 1rem; } } .modal-open #col-product-info { position: static; } .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 { transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #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; } } #checkout #header { display: none !important; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 12.1428571429rem; padding-bottom: 12.1428571429rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.5rem; padding-bottom: 1.5rem; } #content-wrapper .page-title { color: #ffffff; text-align: center; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #ffffff; } #content-wrapper .section-title { color: #000000; text-align: center; font-size: 1.1428571429rem; 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: #000000; } .nav-tabs .nav-link { color: #6e6969; font-size: 1.1428571429rem; 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: #6e6969; border-bottom: none 3px #ca5058; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: none 3px #ca5058; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #6e6969; border-bottom: none 3px #ca5058; } #wrapper .block-title { color: #333333; 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: #333333; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 4px #000000; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #000000; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.4285714286rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #000000 !important; } #footer .social-links._footer a:hover, #checkout-footer .social-links._footer a:hover { color: #000000 !important; } #footer .block-title, #checkout-footer .block-title { color: #000000; font-size: 1.0714285714rem; 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: #000000; } #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 1px #e3e3e3; } #footer-container-first { border-top: none 1px; padding-top: 3.8571428571rem; padding-bottom: 3.8571428571rem; background: #ffffff; color: #000000; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.8571428571rem; padding-bottom: 1.8571428571rem; color: #000000; } #footer-container-main a, #checkout-footer a { color: #000000; } #footer-container-main a:hover, #checkout-footer a:hover { color: #000000; } #footer-copyrights { border-top: none 1px; background: #ffffff; padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } @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: #3e3f3e; } #maintenance-page a, #maintenance-page a:link { color: #3e3f3e; } #maintenance-header { background: rgba(15, 15, 15, 0.25); color: #ffffff; } #maintenance-header a, #maintenance-header a:link { color: #ffffff; } @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'; } /* ========================================= BASE / FONTS / ICONS ========================================= */ @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); @font-face { font-family: 'Gabarito'; src: url('../../views/fonts/test/gabarito-regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gabarito'; src: url('../../views/fonts/test/gabarito-medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gabarito'; src: url('../../views/fonts/test/gabarito-semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Gabarito'; src: url('../../views/fonts/test/gabarito-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Gabarito'; src: url('../../modules/iqitthemeeditor/views/fonts/test/gabarito-extrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Gabarito'; src: url('../../modules/iqitthemeeditor/views/fonts/test/gabarito-black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } body { font-family: 'Gabarito', sans-serif !important; font-weight: 400; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Gabarito', sans-serif !important; font-weight: 700 !important; } #content-wrapper .page-title { color: #000000; font-weight: 600 !important; } .btn-crear-cuenta { font-family: 'Gabarito', sans-serif !important; font-weight: 700 !important; } /* ========================================= LINKS / TEXT / UTILITIES ========================================= */ .center { text-align: center; } .invisible { display: none; } .red { color: #bb1e1e !important; font-weight: bold; } .petit { font-size: 9px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000; } .header-top a:not(.btn):not(.nav-link) { color: #000; } .header-top .form-search-control { border-bottom: 1px solid #b1b1b1; border-top: #fff; border-left: #fff; border-right: #fff; } .search-widget .form-search-control { padding: 0.2rem 1rem; } .rs-background-video-layer iframe { opacity: 1 !important; visibility: inherit !important; } .language-selector img { display: none; } #language_selector { position: relative !important; z-index: 99999; } /* ========================================= LAYOUT GENÉRICO ========================================= */ #js-product-list-top, #js-product-list-header, .product-tabs, .badge { display: none; } #wrapper { padding-top: 2rem; } .menu-footer { display: inline-flex; } .menu-footer li { padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .page-category #left-column { padding-left: 2.5em; } @media (max-width: 700px) { #left-column { display: none; } .header-nav .center-nav { width: 100%; /*background-color: #000000; color: #fff;*/ margin-bottom: 0.5em; } .header-nav .right-nav { display: none !important; } } /* Breadcrumbs */ .breadcrumb { margin-top: 0px !important; margin-bottom: 2% !important; display: block; } #identity .breadcrumb, #module-iqitwishlist-view .breadcrumb, #module-ps_emailalerts-account .breadcrumb, #history .breadcrumb { display: none !important; } .breadcrumb .container-fluid .col ol li, .breadcrumb .container-fluid .col ol li a { text-transform: uppercase; font-weight: 500; font-size: 13px; } .breadcrumb .container-fluid .col ol li a { color: #00000066 !important; } .breadcrumb .container-fluid .col ol li:last-of-type, .breadcrumb .container-fluid .col ol li:last-of-type a, .breadcrumb .container-fluid .col ol li:last-of-type span { color: #000 !important; } /* Mantenimiento */ #maintenance-page img { margin-top: 30px; } #maintenance-page h1 { display: none; } /* ========================================= HOME / HEADER ENCIMA SLIDER ========================================= */ #index .header-top, /*#index .header-nav */{ background: transparent !important; } #index .header-nav { position: relative; } #index #header { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; background: transparent !important; } #index #wrapper { padding-top: 0 !important; } #index #iqitmegamenu-wrapper, #index .elementor-section:first-child, #index #carousel { position: relative; } #index .elementor-section:first-child { margin-top: 30px; } #iqithtmlandbanners-block-6 { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; width: max-content; } #mobile-header .col-mobile-logo { max-width: 70%; margin: 0 auto; } #index .mobile-main-bar .row-mobile-header { display: flex; align-items: center; } /* RevSlider altura en móvil */ @media (max-width: 767px) { #rev_slider_1_1_wrapper, #rev_slider_1_1, rs-fw-forcer, rs-module-wrap { height: 100vh !important; } } /* ========================================= MEGAMENÚ MÓVIL ========================================= */ #iqitmegamenu-mobile { text-transform: uppercase; background-color: #ffffff !important; inset: 0 !important; padding-top: 8%; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 35% !important; height: 100vh !important; background: #fff !important; z-index: 2000 !important; display: block !important; overflow: hidden !important; min-height: 0 !important; transition: .3s ease; } #iqitmegamenu-mobile.active { display: flex !important; } #iqitmegamenu-mobile .mobile-menu__tab .mobile-menu__link { color: #000000 !important; font-weight: 600; } #iqitmegamenu-mobile .mobile-menu__back-btn.js-mobile-menu__back-btn.btn, .mm-panel__header { display: none !important; } #iqitmegamenu-mobile .mobile-menu__search-widget { width: 90% !important; } #iqitmegamenu-mobile .mobile-menu__search-widget #search_widget { width: 80% !important; } /* Orden visual móvil */ #mobile-header .row-mobile-header .col-mobile-menu-dropdown { order: 1 !important; } #mobile-header .row-mobile-header .col-mobile-logo { order: 2 !important; text-align: left !important; margin-right:15%; padding-left: 10px !important; } #mobile-header .row-mobile-header #mobile-btn-search { order: 3 !important; margin-left: 0 !important; } #mobile-header .row-mobile-header .col-mobile-btn-account { order: 4 !important; margin-left: 0 !important; } #mobile-header .row-mobile-header .col-mobile-btn-wishlist { order: 5 !important; display: flex !important; margin-left: 10px !important; } #mobile-header .row-mobile-header .col-mobile-btn-cart { order: 6 !important; } #mobile-header .row-mobile-header #mobile-btn-search, #mobile-header .row-mobile-header .col-mobile-btn-account, #mobile-header .row-mobile-header .col-mobile-btn-wishlist, #mobile-header .row-mobile-header .col-mobile-btn-cart { margin-left: 10px !important; } #mobile-header .col-mobile-logo { max-width: 100%; } .logo { max-width: 50%; } #mobile-header .m-nav-btn>i, .contact-rich .part .icon i { font-size: 1.4rem; } #mobile-header .col-mobile-menu-dropdown, #mobile-header .m-nav-btn, #mobile-header .m-nav-btn i, #mobile-header .col-mobile-logo, #mobile-header a.logo { z-index: 10010 !important; } #mobile-header .m-nav-btn i { z-index: 10040 !important; } #mobile-header .m-nav-btn { position: relative !important; } #mobile-header-sticky.stuck { z-index: 1000; } #mobile-header-sticky.stuck #iqitmegamenu-mobile { top: 0 !important; } #mobile-header-sticky.stuck .col-mobile-menu-dropdown #_mobile_iqitmegamenu-mobile { max-height: 100vh; } .col-mobile-menu-dropdown #_mobile_iqitmegamenu-mobile { top: 0; } .d-flex.align-items-center.mobile-menu__tab.mobile-menu__tab--has-submenu.js-mobile-menu__tab--has-submenu.js-mobile-menu__tab { display: flex !important; flex-direction: column !important; align-items: flex-start !important; } a.mobile-menu__column-title, span.mobile-menu__arrow { display: none !important; } .mobile-menu__scroller { height: 100vh !important; overflow-y: auto !important; margin-top: 5% !important; /* Scrollbar */ scrollbar-width: thin; /* Firefox */ scrollbar-color: #ccc transparent; /* Firefox */ } .mobile-menu__scroller::-webkit-scrollbar { width: 6px; } .mobile-menu__scroller::-webkit-scrollbar-track { background: transparent; } .mobile-menu__scroller::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px; } .mobile-menu__scroller::-webkit-scrollbar-thumb:hover { background-color: #999; } .mobile-menu__scroller .mm-panel__header { padding-top: 0; } .mobile-menu__content { min-height: auto !important; margin: 0 !important; padding: 0 !important; margin-top: -8% !important; } .mobile-menu__submenu { position: absolute !important; box-shadow: none !important; padding: 0 !important; } .mobile-menu__submenu.mobile-menu__submenu--panel { display: block !important; transform-origin: top !important; transform: scaleY(0) !important; transition: transform .3s cubic-bezier(.7,0,.3,1) !important; animation: none !important; overflow: hidden !important; } .mobile-menu__submenu.mobile-menu__submenu--panel.mobile-menu__submenu--active { transform: scaleY(1) !important; position: relative !important; } /* Menú lateral responsive extra (del otro CSS, útil) */ @media (max-width: 1180px) { #iqitmegamenu-mobile { margin-top: 2%; width: 40% !important; } } @media (max-width: 940px) { #iqitmegamenu-mobile { width: 60% !important; margin-top: 4%; } } @media (max-width: 768px) { #iqitmegamenu-mobile { width: 85% !important; } } @media (max-width: 575px) { #iqitmegamenu-mobile { margin-top: 10%; } } /* Accesos directos menu */ #iqitmegamenu-mobile a>ul>li:nth-child(6), #iqitmegamenu-mobile a:link>ul>li:nth-child(6), #iqitmegamenu-mobile a:visited>ul>li:nth-child(6), #iqitmegamenu-mobile a:hover>ul>li:nth-child(6) { color: red !important; } #iqitmegamenu-mobile a[href*="rebajas"] { color: red !important; } /* ========================================= SEARCH WIDGET (MÓVIL) ========================================= */ #search-widget-mobile.dropdown-menu { position: absolute !important; right: 100% !important; left: auto !important; background: transparent !important; border: none !important; box-shadow: none !important; width: 260px !important; padding: 0 !important; margin: 0 !important; transform: none !important; z-index: 10000 !important; top: -1% !important; } .mobile-main-bar #mobile-btn-search .search-btn { display: none !important; } #mobile-btn-search #search-widget-mobile .form-control form-search-control { padding-left: 0 !important; } .mobile-menu__search-widget #search-widget-mobile.dropdown-menu { position: absolute !important; top: -1% !important; right: 100% !important; left: auto !important; background: transparent !important; border: none !important; box-shadow: none !important; width: 260px !important; padding: 0 !important; margin: 0 !important; transform: none !important; z-index: 10000 !important; } .mobile-menu__search-widget #search-widget-mobile form button .fa-search { display: none !important; } #search-widget-mobile input.form-search-control { border: none !important; border-bottom: 1px solid black !important; background: transparent !important; box-shadow: none !important; outline: none !important; padding-left: 0 !important; } .mobile-menu__search-widget #search-widget-mobile input.form-search-control::placeholder { color: #00000066; opacity: 1; } /* ========================================= PRODUCTO / LISTADO ========================================= */ .product-information { color: #313534; } .st_pro_videos { background-color: #ffffff !important; } .video-disponible { background: url('../../upload/ico-video.png') no-repeat; height: 100px; width: 100px; } .ico-video-categorias { background: url('../../upload/ico-video-categorias.png') no-repeat; height: 16px; width: 20px; float: right; } .ico-video-categorias img { width: 20px; height: 16px; } .existevideo { margin-bottom: 20px; } #main-product-wrapper .existevideo { display: none; } .existevideo img { width: 25px; height: auto; } .color, .custom-checkbox input[type=checkbox]+span.color, .radio-label { width: 32px; height: 32px; cursor: auto; } #js-product-list .product-add-cart { display: none !important; } .product-variants .color, .product-variants .input-color { border: 1px solid; } .product-title, .product-price-and-shipping { text-align: start; } .products-variants { text-align: end; } .product-functional-buttons-links .js-quick-view-iqit { display: none !important; } .product-miniature-grid .product-functional-buttons { display: block !important; } .product-miniature-grid .product-functional-buttons-bottom { top: 0; left: 95%; } .product-functional-buttons-bottom { transform: translate(-50%, 0) !important; opacity: 1 !important; } .products-grid .product-miniature .products-variants { display: block !important; } .product-lmage-large.swiper-slide picture img { width: 100% !important; } #main-product-wrapper .product-lmage-large { padding: 0.1rem; } /* Quitar icono expand */ #product span:has(i.fa.fa-expand) { display: none !important; } /* Variantes */ .product-variants-item-5 .form-control-label { display: none; } #group_8, .product-variants-item-8 { display: none !important; } /* Paginación */ .pagination { display: flex !important; justify-content: center !important; align-items: center !important; margin-top: 20px !important; font-size: 16px !important; } .pagination li { list-style-type: none !important; margin: 0 8px !important; border: 0 !important; } .pagination a { display: inline-block !important; padding: 8px 16px !important; color: #9E9D9D !important; text-decoration: none !important; border-radius: 0 !important; font-weight: bold !important; transition: background-color 0.3s ease !important; } .pagination a:hover { color: #000 !important; text-decoration: underline !important; } .pagination-wrapper-bottom { border: 0 !important; } #infinity-url-prev, #infinity-url-next { display: none !important; } #products .pagination { display: flex !important; margin-top: 0px !important; align-items: flex-start !important; } #products .pagination .page-list { align-items: flex-start !important; display: flex !important; margin-bottom: auto !important; } .pagination .page-list .current a { color: black !important; text-decoration: underline !important; } #blockcart-content .cart-products>li { border-bottom: none !important; } /* No underline duplicado en título accesories */ .product-accessories p.section-title { border-bottom: none !important; } /* Imagenes responsive */ picture img.img-fluid { width: 100% !important; } /* ========================================= PROMOS / FLAGS ========================================= */ .discount { display: none; } .product-flags .discount, .product-flags .on-sale { /* reservado */ } /* ========================================= MENSAJES / TABS ADICIONALES ========================================= */ #iqitadditionaltabs-accordion a { color: #000; font-weight: bold; } /* ========================================= FOOTER ========================================= */ #footer-container-main .block-iqitlinksmanager h5, #iqithtmlandbanners-block-1 .block-title h5 { margin-bottom: 25px; font-size: 16px; letter-spacing: 1%; } #iqithtmlandbanners-block-1 .block-title span::after, #footer-container-main .block-iqitlinksmanager h5 span::after { content: "" !important; } #footer-container-main .block-iqitlinksmanager .block-content ul li a { font-size: 14px !important; font-weight: regular !important; line-height: 145% !important; letter-spacing: 1%; padding: 2px 0 0 0; } #iqithtmlandbanners-block-3 { flex: 1.3; } #iqithtmlandbanners-block-3 .block-content span { font-weight: bold; font-size: 16px; } .footer-container .block-content ul li { margin-bottom: 8px; } #footer-container-main .block-iqitlinksmanager ul li a::before { display: none !important; content: none !important; } #footer-container-main #iqithtmlandbanners-block-3 { margin-right: 5%; } #footer-container-main #iqithtmlandbanners-block-3 .block-title { height: auto; margin-bottom: 25px; } #footer-container-main #iqithtmlandbanners-block-3 .block-title span { font-size: 16px; line-height: 145%; margin-bottom: 0px; } .dropdown-menu.show { display: block !important; } .js-footer { padding: 0px 80px; } /* ========================================= WISHLIST ========================================= */ .an_wishlist-container { margin-top: 10px !important; } .wishlist-button .col-add-wishlist { display: flex !important; margin: 0 !important; padding: 0 !important; justify-content: end !important; } .wishlist-button .btn-iqitwishlist-add { background: transparent !important; border: none !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 30px !important; } .wishlist-button .btn-iqitwishlist-add .fa-heart-o { display: inline-block !important; color: black !important; } /* Wishlist modal */ #iqitwishlist-modal .login-form>p { display: none !important; } #iqitwishlist-modal .login-form #login-form .forgot-password { margin-top: 1rem !important; } #iqitwishlist-modal .login-form .no-account>a { padding: 0.5rem; } #iqitwishlist-modal .login-form .no-account>a:hover { background-color: black; color: white; } /* ========================================= CHECKOUT / CART VISIBILIDAD ========================================= */ /* Mostramos header/nav/footer en checkout y cart */ #checkout #footer, #checkout #header, #checkout .mobile-main-bar .col-mobile-btn-menu, #checkout .mobile-main-bar #mobile-btn-search, #checkout .mobile-main-bar .col-mobile-btn, #checkout .header-nav, #cart #footer, #cart #header, #cart .mobile-main-bar .col-mobile-btn-menu, #cart .mobile-main-bar #mobile-btn-search, #cart .mobile-main-bar .col-mobile-btn, #cart .header-nav { display: block !important; } /* Ocultamos título nativo en checkout */ #checkout .page-title { display: none; } /* Etiquetas de impuestos/envío */ .tax-shipping-delivery-label { font-size: 12px !important; color: #00000066 !important; } .tax-label { font-size: 11px; color: #999; font-weight: 400; } body#checkout #main > .row > .col-md-8 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1rem !important; align-items: start !important; } #checkout-personal-information-step { grid-column: 1; grid-row: 1 / 5; } #checkout-addresses-step { grid-column: 2; grid-row: 1; } #checkout-delivery-step { grid-column: 2; grid-row: 2; } #checkout-payment-step { grid-column: 2; grid-row: 3; } #checkout-header { display: none !important; } #checkout-personal-information-step .form-control, #checkout-personal-information-step input, #checkout-personal-information-step select { width: 100% !important; box-sizing: border-box !important; } #checkout-personal-information-step .col-md-8, #checkout-personal-information-step .col-md-6 { width: 100% !important; max-width: 100% !important; flex: none !important; } #checkout .checkout-section-title{ display: block; font-size: 20px; font-weight: 600; letter-spacing: 2px; margin-bottom: 1rem;text-decoration: underline; } /*Payment style*/ #checkout #checkout-payment-step{padding: 0px !important} #checkout #checkout-payment-step .content{padding: 0px !important; width:100% !important} #checkout .payment-option-wrapper{ display: flex !important; width: 100% !important; border: 1px solid #00000066 !important; max-height: 46px !important; padding: 1%; align-items: center !important; margin: 2% 0px; } #checkout .checkout-delivery-step content{ padding: 0px !important; } #checkout .payment-option-wrapper .additional-information{ display:none !important; } #checkout .payment-options label span{ font-size: 18px; } #checkout .payment-option-wrapper .payment-option { flex-wrap: nowrap !important; gap: 10px !important; } #checkout .payment-option-wrapper .payment-option label { flex: 1 !important; } /* -------------- FIX FULL WIDTH FOR ADDRESS FIELDS -------------- */ #checkout-addresses-step .col-md-8.js-input-column { width: 100% !important; max-width: 100% !important; flex: none !important; padding: 0 !important; } /* Form-floating no debe limitar el ancho */ #checkout-addresses-step .form-floating { width: 100% !important; } /* El input ocupa el ancho real */ #checkout-addresses-step .form-floating > .form-control { width: 100% !important; box-sizing: border-box !important; } /* Checkout secciones visuales */ .checkout-section { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 25px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .section-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 20px; padding-bottom: 15px; color: #333; letter-spacing: -0.01em; } .form-group { margin-bottom: 20px; } #authentication .form-control { padding: 12px 15px; height: auto; font-size: 0.95rem; transition: all 0.2s ease; } .form-control:focus { border-color: #000; box-shadow: 0 0 0 3px rgba(0,0,0,0.05); } .custom-checkbox { display: flex; align-items: center; gap: 10px; padding: 8px 0; } .custom-checkbox input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; } .custom-checkbox label { cursor: pointer; font-size: 0.95rem; color: #555; line-height: 1.4; } .custom-checkbox.required label::after { content: "*"; color: #dc3545; margin-left: 4px; } .btn-primary { background: #000; border: none; font-weight: 600; font-size: 1rem; padding: 16px 24px; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 8px; transition: all 0.2s ease; } .btn-primary:hover { background: #333; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } /* Checkout reachability */ .checkout-step.-unreachable { display: block !important; opacity: 1 !important; pointer-events: auto !important; } .checkout-step.-unreachable .step-title { cursor: pointer !important; } /* Responsive checkout */ @media (max-width: 768px) { .checkout-section { padding: 20px; } .section-title { font-size: 1.1rem; } } @media (max-width: 991px) { #checkout #main > .row { grid-template-columns: 1fr 1fr !important; } #checkout #main > .row > .col-md-8 { grid-column: 1 / -1 !important; } #checkout #main > .row > .col-md-4 { grid-column: 1 / -1 !important; } } @media (max-width: 767px) { #checkout #main > .row, #checkout #main > .row > .col-md-8 { grid-template-columns: 1fr !important; } #checkout #main > .row > .col-md-8 { grid-column: 1 !important; } } /* Formularios auth/cliente */ #authentication #field-password { padding: 1.5rem 0.8rem 0.5rem 0.8rem; } #authentication .form-floating label { color: rgba(var(--bs-body-color-rgb), .65) !important; transform: scale(.85) translateY(-.5rem) translateX(.15rem) !important; } #customer-form .form-group { margin-bottom: 20px; } .form-password-custom #customer-form input, .form-password-custom #customer-form select { height: 50px; border: 1px solid #ddd !important; } #customer-form input:focus { border-color: black !important; } #customer-form .col-md-6, #customer-form .col-md-12 { padding: 10px; } /* ========================================= CART / MINICART ========================================= */ .cart-buttons .btn.btn-primary { border-radius: 0 !important; font-weight: normal !important; } .cart-totals, .cart-subtotals { border-top: none !important; } .sticky-desktop-wrapper { display: none; } .cart-buttons .btn.btn-secondary { color: #000 !important; border: none !important; background: transparent !important; border-radius: 0 !important; font-weight: bold !important; text-decoration: underline; letter-spacing: 1% !important; } #mobile-cart-toogle i.mobile-bag-icon { background-image: url('/themes/warehouse_child/assets/img/custom_shopping_cart.png') !important; background-size: 22px 22px !important; background-repeat: no-repeat !important; background-position: center !important; width: 26px !important; height: 26px !important; display: inline-block !important; font-size: 0 !important; } #mobile-cart-toogle i.mobile-bag-icon::before { content: "" !important; display: none !important; } /* Touchspin (minicart + cart) */ .bootstrap-touchspin.input-group, #cart .cart-grid .bootstrap-touchspin.input-group { display: inline-flex !important; flex-direction: row !important; align-items: center !important; border: none !important; width: fit-content !important; flex-wrap: nowrap !important; } .bootstrap-touchspin-prefix, .bootstrap-touchspin-postfix, #cart .cart-grid .bootstrap-touchspin-prefix, #cart .cart-grid .bootstrap-touchspin-postfix { display: none !important; } .input-group-btn-vertical, #cart .cart-grid .input-group-btn-vertical { display: contents !important; } .bootstrap-touchspin-down, #cart .cart-grid .bootstrap-touchspin-down { order: 1 !important; width: 30px !important; height: 36px !important; background: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important; font-size: 16px !important; color: #1a1a1a !important; box-shadow: none !important; cursor: pointer; display: flex !important; align-items: center !important; justify-content: center !important; } .bootstrap-touchspin-up, #cart .cart-grid .bootstrap-touchspin-up { order: 3 !important; width: 30px !important; height: 36px !important; background: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important; font-size: 16px !important; color: #1a1a1a !important; box-shadow: none !important; cursor: pointer; display: flex !important; align-items: center !important; justify-content: center !important; } .bootstrap-touchspin-down:hover, .bootstrap-touchspin-up:hover, #cart .cart-grid .bootstrap-touchspin-down:hover, #cart .cart-grid .bootstrap-touchspin-up:hover { background: #f5f5f5 !important; } .input-group .bootstrap-touchspin, #cart .cart-grid .bootstrap-touchspin .btn-touchspin { border: none !important; width: 2rem !important; text-align: center !important; } .input-group .bootstrap-touchspin input, #cart .cart-grid .bootstrap-touchspin input { padding: 0 !important; display: flex !important; align-items: center !important; border: 0; } .input-group.bootstrap-touchspin input.js-cart-line-product-quantity { /* minicart input */ order: 2 !important; width: 44px !important; height: 36px !important; border: none !important; border-radius: 0 !important; text-align: center !important; font-size: 13px !important; padding: 0 !important; box-shadow: none !important; background: #fff !important; color: #1a1a1a !important; -moz-appearance: textfield !important; flex-shrink: 0 !important; font-weight: bold !important; } #cart .cart-grid input.block-cart-product-quantity { /* cart page input */ order: 2 !important; width: 44px !important; height: 36px !important; border: none !important; border-radius: 0 !important; text-align: center !important; font-size: 13px !important; padding: 0 !important; box-shadow: none !important; background: #fff !important; color: #1a1a1a !important; -moz-appearance: textfield !important; flex-shrink: 0 !important; font-weight: bold !important; } .block-cart-product-quantity::-webkit-outer-spin-button, .block-cart-product-quantity::-webkit-inner-spin-button, #cart .cart-grid .block-cart-product-quantity::-webkit-outer-spin-button, #cart .cart-grid .block-cart-product-quantity::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } i.fa-solid.fa-angle-up.touchspin-up, i.fa-solid.fa-angle-down.touchspin-down, #cart .cart-grid i.fa-solid.fa-angle-up.touchspin-up, #cart .cart-grid i.fa-solid.fa-angle-down.touchspin-down { position: static !important; } i.fa-solid.fa-angle-up.touchspin-up, #cart .cart-grid i.fa-solid.fa-angle-up.touchspin-up { font-size: small; } i.fa-solid.fa-angle-down.touchspin-down, #cart .cart-grid i.fa-solid.fa-angle-down.touchspin-down { font-size: x-large; transform: translateY(-4px); } i.fa-solid.fa-angle-up.touchspin-up::before, #cart .cart-grid i.fa-solid.fa-angle-up.touchspin-up::before { content: "+" !important; font-weight: bold !important; } i.fa-solid.fa-angle-down.touchspin-down::before, #cart .cart-grid i.fa-solid.fa-angle-down.touchspin-down::before { content: "-" !important; font-weight: bold !important; } #cart .cart-item { border: none !important; } .ps-shoppingcart.dropdown #blockcart-content .cart-title { display: block !important; } #js-cart-close { opacity: 1 !important; font-family: ui-serif; } .blockcart-content { min-width: 455px !important; padding: 2rem !important; } /* Modal minicart */ #blockcart-modal .modal-dialog.modal-cart-custom { position: fixed; top: 20px; right: 20px; margin: 0; width: 420px; max-width: 95vw; } #blockcart-modal.fade .modal-dialog.modal-cart-custom { transform: translateY(-30px); transition: transform 0.3s ease, opacity 0.3s ease; } #blockcart-modal.show .modal-dialog.modal-cart-custom { transform: translateY(0); } #blockcart-modal .modal-content { border: none; border-radius: 0; box-shadow: 0 4px 24px rgba(0,0,0,0.13); } #blockcart-modal .modal-header { border-bottom: none; padding: 24px 24px 0; } #blockcart-modal .modal-title { font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } #blockcart-modal .close { background: none; border: none; font-size: 20px; cursor: pointer; color: #111; } #blockcart-modal .modal-body { padding: 20px 24px; } #blockcart-modal .cart-modal-product { display: flex; gap: 16px; align-items: flex-start; } #blockcart-modal .cart-modal-img { width: 130px; flex-shrink: 0; } #blockcart-modal .cart-modal-img img { width: 100%; display: block; } #blockcart-modal .cart-modal-info { flex: 1; padding-top: 4px; } #blockcart-modal .cart-modal-name { font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 6px; } #blockcart-modal .cart-modal-attrs { font-size: 13px; color: #888; margin-bottom: 8px; line-height: 1.6; } #blockcart-modal .cart-modal-price { font-size: 14px; margin-top: 8px; } #blockcart-modal .modal-footer { border-top: none; padding: 0 24px 24px; flex-direction: column; gap: 12px; } #blockcart-modal .btn-cart-checkout { display: block; width: 100%; background: #111; color: #fff; text-align: center; padding: 20px; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; } #blockcart-modal .btn-cart-checkout:hover { background: #333; color: #fff; } #blockcart-modal .btn-cart-continue { display: block; width: 100%; background: none; border: none; text-align: center; font-size: 13px; color: #111; text-decoration: underline; cursor: pointer; padding: 4px 0; } .modal-footer .btn-secondary { color: black; text-decoration: underline; font-weight: bold; background: transparent !important; } /* ========================================= OTROS ========================================= */ #facets_search_center { display: block; background: none; } #facets_search_center_dropdown { display: flex; justify-content: flex-end; } .elementor-element.elementor-element-0lk8poy .il-item a { max-height: 333px !important; } .order-first { order: -1 !important; } #product-images-thumbs.swiper-container-vertical { margin-right: 0px; } #product-images-thumbs.swiper-container-vertical .thumb-container { height: auto; } #product-images-thumbs.swiper-container-vertical .img-fluid { height: auto; max-height: 100%; } .refundatt, #module-idxrefunds-refunds #content-order-details>.box { display: none; } #module-idxrefunds-refunds #order-return-form>.box header { margin: 2em 0; } #history .my-account-page-content h2 { text-decoration: underline !important; margin-bottom: 2rem; } /* Header desktop / horizontal menu */ #iqitmegamenu-horizontal { background: none; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { text-transform: initial; font-weight: 400; } .desktop { display: none; } .mobile { display: block; } @media (min-width: 768px) { .desktop { display: block; } .mobile { display: none; } #desktop_logo .logo { max-width: 70%; } #checkout-header img.logo.img-fluid { max-width: 30rem; } .iqitmegamenu-submenu-container .menu_row .menu-element-id-2 { padding-left: 15%; } .cbp-hrmenu .cbp-categories-row>div { margin-top: 1rem; } .cbp-hrmenu .cbp-column-title { margin-bottom: 0px; } .elementor-element-vz26vdc .elementor-column-wrap { padding: 0; } .cbp-hrmenu .cbp-categories-row { padding-left: 35%; } } /* Cabecera/controles varios */ #authentication .breadcrumb { display: none; } #content.page-content { border: none !important; } /* Wishlist button align on mobile cart */ #mobile-header .row-mobile-header .col-mobile-btn-cart { margin-left: 0 !important; } /* Notificarme (email alerts) */ #product .js-mailalert { display: none !important; } #product #emailalert-wrapper .js-mailalert { display: block !important; } #product #emailalert-wrapper .js-mailalert .alert-info { background-color: black !important; color: white !important; border-color: black !important; } #emailalert-wrapper .social-sharing, #emailalert-wrapper .loyalty-block.loyalty-block-product, #emailalert-wrapper #iqithtmlandbanners-block-1 { display: none !important; } #product #emailalert-wrapper .js-mailalert .btn-secondary { /*background-color: transparent !important;*/ background-color: rgba(179, 179, 179, 0.2) !important; color: #333 !important; font-weight: bold !important; font-size: 16px !important; } #product #emailalert-wrapper .js-mailalert .btn-secondary:hover { background-color: rgba(179, 179, 179, 0.5) !important; color: black !important; transform: scale(1.1); } /* Toggle animado en PDP */ .toggle-content { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.35s ease, opacity 0.2s ease; } .toggle-content.is-open { max-height: 100%; opacity: 1; } /* Otros fixes menores */ .tp-loader { display: none !important; } #js-product-list .product-functional-buttons-links { /* reservado */ } /* Botón maestro filtros */ #master-filters-button { text-decoration: underline; } /* Store locator */ .store-item-container li { list-style-type: none; } .store-item-container li i { padding-right: 10px; } .store-item-container iframe { width: 100%; } /*arregla header*/ #mobile-header, #mobile-header #mobile-header-sticky{ */background-color: transparent !important;*/ } /*pagina contacto borrar cuenta*/ #module-psgdpr-gdpr .psgdprinfo17{ background-color: transparent; padding: 0 !important; margin-bottom: 5rem; } #module-psgdpr-gdpr .container{ padding: 0 !important; } #module-psgdpr-gdpr h2{ margin-bottom: 2rem; } #id_contact,#id-order { height: 3.625rem !important; } /*module-loyaltyeditpoints-points page PAGINA PUNTOS */ #module-loyaltyeditpoints-points h2{ text-decoration: underline; } .alert-loyalty{ background-color: transparent !important; border: 0 !important; padding: 0; } .alert-loyalty img{ display: none !important; } .cart-summary-products a[data-bs-toggle="collapse"] { display: none !important; } /*products quitar bordes*/ #product .product_header_container{ border-bottom: none !important; } #product .product-additional-info{ border-top: none !important; } /*CSS PARA QUITAR ANIMACION AL CERRAR LI DEL MEGAMENU*/ .js-mobile-menu__submenu:not(.mobile-menu__submenu--active) { animation: none !important; transition: none !important; } /*FIN-CSS PARA QUITAR ANIMACION AL CERRAR LI DEL MEGAMENU-FIN*/ /* ========================================= CHECKOUT / CART VISIBILIDAD ========================================= */ #checkout #footer, #checkout #header, #checkout .mobile-main-bar .col-mobile-btn-menu, #checkout .mobile-main-bar #mobile-btn-search, #checkout .mobile-main-bar .col-mobile-btn, #checkout .header-nav, #cart #footer, #cart #header, #cart .mobile-main-bar .col-mobile-btn-menu, #cart .mobile-main-bar #mobile-btn-search, #cart .mobile-main-bar .col-mobile-btn, #cart .header-nav { display: block !important; } #checkout .page-title { display: none; } #checkout-header { display: none !important; } .tax-shipping-delivery-label { font-size: 12px !important; color: #00000066 !important; } .tax-label { font-size: 11px; color: #999; font-weight: 400; } /* ========================================= CHECKOUT - LAYOUT GRID ========================================= */ body#checkout #main > .row > .col-md-8 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1rem !important; align-items: start !important; } #checkout-personal-information-step { grid-column: 1; grid-row: 1 / 5; border-color: white !important; margin-bottom: 4%} #checkout-addresses-step{ grid-column: 2; grid-row: 1; border-color: white !important;} #checkout-delivery-step { grid-column: 2; grid-row: 2;border-color: white !important; margin-bottom: 4%} #checkout-payment-step { grid-column: 2; grid-row: 3; border-color: white !important;} #checkout #checkout-delivery-step .delivery-options .h6 { font-weight: 500; } body#checkout #main .col-md-8 > * { border: 0 !important; } body#checkout .checkout-step.-unreachable { display: block !important; opacity: 1 !important; pointer-events: auto !important; } /* ========================================= CHECKOUT - TÍTULOS DE SECCIÓN ========================================= */ body#checkout .checkout-step .step-title { display: none !important; } /* ========================================= CHECKOUT - CAMPOS GLOBALES ========================================= */ /* Fix form-control global */ body#checkout .form-control { height: auto !important; padding: 8px 10px !important; font-size: 13px !important; } /* Ocultar comentarios y texto extra */ body#checkout .form-control-comment { display: none !important; } #checkout #checkout-addresses-step .js-address-form p { display: none !important; } /* Columnas Bootstrap → full width body#checkout #customer-form .col-md-8, body#checkout #customer-form .col-md-6, body#checkout #customer-form .col-md-2, body#checkout #customer-form .col-md-3, body#checkout #checkout-addresses-step .col-md-8, body#checkout #checkout-addresses-step .col-md-6, body#checkout #checkout-addresses-step .col-md-2, body#checkout #fmm_advance_custom_field .col-md-6, body#checkout #fmm_advance_custom_field .col-md-3 { width: 100% !important; max-width: 100% !important; flex: none !important; padding: 0 !important; }*/ /* Inputs y selects */ body#checkout #customer-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body#checkout #customer-form select, body#checkout #checkout-addresses-step input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body#checkout #checkout-addresses-step select, body#checkout #fmm_advance_custom_field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body#checkout #fmm_advance_custom_field select { width: 100% !important; height: 50px !important; border: 1px solid #ccc !important; border-radius: 2px !important; font-size: 13px !important; padding: 1rem 0.75rem 0.25rem !important; box-sizing: border-box !important; background: #fff !important; color: #000 !important; } /* form-floating nativo Bootstrap 5 — NO tocar position ni transform */ body#checkout .form-floating { width: 100% !important; } body#checkout .form-floating > label { color: #00000066 !important; font-size: 13px !important; font-weight: 400 !important; text-transform: none !important; padding: 0.9rem 0.75rem !important; } /* Espaciado entre campos */ body#checkout #customer-form .form-group, body#checkout #checkout-addresses-step .form-group, body#checkout #fmm_advance_custom_field .input_wrapper { margin-bottom: 8px !important; padding: 0 !important; } /* ========================================= CHECKOUT - STEP 1: DATOS DEL USUARIO ========================================= */ /* Campos ocultos */ body#checkout #customer-form .form-group:has([name="id_gender"]), body#checkout #customer-form .form-group:has(#ff_optin), body#checkout #customer-form .form-group:has(#ff_newsletter), body#checkout #customer-form .form-group:has(#ff_customer_privacy) { display: none !important; } /* Botón ojo y barra de contraseña */ body#checkout #customer-form button[data-action="show-password"], body#checkout #customer-form .input-group-append, body#checkout #customer-form .password-strength-feedback { display: none !important; } /* ========================================= CHECKOUT - STEP 1: CUSTOM FIELDS (TELÉFONO) ========================================= */ body#checkout #fmm_advance_custom_field .input_wrapper { display: none !important; } body#checkout #fmm_advance_custom_field h3.page-subheading { display: none !important; } body#checkout #fmm_advance_custom_field section { padding: 0 !important; margin: 0 !important; } body#checkout #fmm_advance_custom_field fieldset { border: none !important; padding: 0 !important; margin: 0 !important; } /* Mostrar solo teléfono */ body#checkout #fmm_advance_custom_field .input_wrapper:has(input[data-validate="isInt"]) { display: flex !important; flex-direction: column !important; } body#checkout #fmm_advance_custom_field .input_label { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; color: #000 !important; margin-bottom: 4px !important; display: block !important; } body#checkout #fmm_advance_custom_field input { padding: 0.75rem !important; height: 50px !important; } /* ========================================= CHECKOUT - STEP 4: PAGO ========================================= */ body#checkout #checkout-payment-step .content { width: 100% !important; } body#checkout .payment-options > * { width: 100% !important; } body#checkout .payment-option-wrapper { display: flex !important; width: 100% !important; border: 1px solid #00000066 !important; min-height: 68px !important; padding: 1% !important; align-items: center !important; margin: 2% 0 !important; } body#checkout .payment-option-wrapper .additional-information { display: none !important; } body#checkout .payment-option-wrapper .payment-option { flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; } body#checkout .payment-option-wrapper .payment-option label { flex: 1 !important; min-width: 0 !important; white-space: normal !important; word-break: break-word !important; } body#checkout .payment-options label span { font-size: 14px !important; display: block !important; width: 100% !important; color: #000 !important; } /* ========================================= CHECKOUT - CARRITO RESUMEN ========================================= */ body#checkout .iqitfreedeliverycount { background-color: white !important; border: 0 !important; } body#checkout .iqitfreedeliverycount .iqitfreedeliverycount-title > * { font-size: 14px !important; color: #000 !important; font-weight: 500 !important; } #checkout .delivery-option{ background-color: white !important; border: 1px solid black !important; } /* ========================================= CHECKOUT - RESPONSIVE ========================================= */ @media (max-width: 991px) { body#checkout #main > .row > .col-md-8 { grid-template-columns: 1fr !important; } body#checkout #checkout-personal-information-step, body#checkout #checkout-addresses-step, body#checkout #checkout-delivery-step, body#checkout #checkout-payment-step { grid-column: 1 !important; grid-row: auto !important; } } @media (max-width: 767px) { body#checkout #main > .row > .col-md-8 { grid-template-columns: 1fr !important; gap: 0.5rem !important; } body#checkout #customer-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body#checkout #fmm_advance_custom_field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { height: 50px !important; font-size: 14px !important; } } body#checkout .checkout-step.-unreachable, body#checkout .checkout-step.-unreachable .content, body#checkout .checkout-step.-unreachable * { opacity: 1 !important; } /* ========================================= CHECKOUT - CUSTOM FIELDS: ESTILO UNIFICADO ========================================= */ /* Ocultar todos los custom fields excepto teléfono */ body#checkout #fmm_advance_custom_field .input_wrapper { display: none !important; } body#checkout #fmm_advance_custom_field h3.page-subheading { display: none !important; } body#checkout #fmm_advance_custom_field section { padding: 0 !important; margin: 0 !important; } body#checkout #fmm_advance_custom_field fieldset { border: none !important; padding: 0 !important; margin: 0 !important; } /* Mostrar solo el campo de teléfono (data-validate="isInt") */ body#checkout #fmm_advance_custom_field .input_wrapper:has(input[data-validate="isInt"]) { display: block !important; position: relative; margin-bottom: 8px !important; padding: 0 !important; } /* Ocultar la etiqueta original del custom field */ body#checkout #fmm_advance_custom_field .input_wrapper:has(input[data-validate="isInt"]) .input_label { display: none !important; } /* Ocultar la columna col-md-3 y col-md-6 wrapper */ body#checkout #fmm_advance_custom_field .col-md-3, body#checkout #fmm_advance_custom_field .col-md-6 { width: 100% !important; max-width: 100% !important; flex: none !important; } /* Aplicar form-floating nativo al input del teléfono */ body#checkout #fmm_advance_custom_field .input_wrapper:has(input[data-validate="isInt"]) .col-md-6 { position: relative !important; } /* El input en sí: mismo estilo que el resto */ body#checkout #fmm_advance_custom_field input[data-validate="isInt"] { width: 550.328px !important; height: 50px !important; border: 1px solid #ccc !important; border-radius: 2px !important; font-size: 13px !important; padding: 1rem 0.75rem 0.25rem !important; box-sizing: border-box !important; background: #fff !important; color: #000 !important; display: block !important; } /* Pseudo-label flotante mediante ::before en el wrapper */ body#checkout #fmm_advance_custom_field .input_wrapper:has(input[data-validate="isInt"]) .col-md-6::before { content: 'Teléfono'; position: absolute; top: 0.9rem; left: 0.75rem; font-size: 13px; color: #00000066; font-weight: 400; pointer-events: none; transform-origin: 0 0; transform: scale(0.85) translateY(-0.5rem); z-index: 1; } /* Foco */ body#checkout #fmm_advance_custom_field input[data-validate="isInt"]:focus { border-color: #000 !important; outline: none !important; box-shadow: none !important; } /*esto quita el buscador cuando es movil*/ /* pongo mas especifidad porque hay css que se pisan*/ @media (max-width: 767px) { #mobile-btn-search, #checkout .mobile-main-bar #mobile-btn-search, #cart .mobile-main-bar #mobile-btn-search { display: none !important; } #mobile-btn-search { display: none !important; } } #blockcart-content div.alert.alert-info.iqitfreedeliverycount{ background-color: transparent !important; color: black !important; border: 0 !important; } .card-body div.alert.alert-info.iqitfreedeliverycount{ background-color: transparent !important; color: black !important; border: 0 !important; } /*botton wishlist product*/ .btn-iqitwishlist-add.iqitwishlist-added .not-added { display: none !important; } .btn-iqitwishlist-add.iqitwishlist-added .added { display: inline-block; color: black; } #product #iqit-wishlist-product-btn.btn-secondary, #product #iqit-wishlist-product-btn.btn-secondary:active, #product #iqit-wishlist-product-btn.btn-secondary:focus, #product #iqit-wishlist-product-btn.btn-secondary:hover { background: transparent !important; color: inherit !important; } #product #iqit-wishlist-product-btn.btn-secondary:active, #product #iqit-wishlist-product-btn.btn-secondary:focus { background: transparent !important; box-shadow: none !important; outline: none !important; } /*FIN-botton wishlist product*/ #product .col-add-wishlist .btn-secondary:focus{ background: transparent !important; } #checkout #create-account label span{ text-wrap: nowrap; } #checkout .checkout-login-link{ min-width: auto; width: 587px; max-width: 100%; height: 61px; display:flex; align-items: center; border: 1px solid black; margin:2% 0; padding-left: 1%; } #checkout h1{ font-size: 24px; font-weight: 600; } body#checkout .checkout-step { padding: 0 !important; } body#checkout #customer-form > div { display: flex !important; flex-direction: column !important; } body#checkout #customer-form .form-group:has([name="firstname"]) { order: 1 !important; } body#checkout #customer-form .form-group:has([name="lastname"]) { order: 2 !important; } body#checkout #customer-form .form-group:has([name="email"]) { order: 3 !important; } body#checkout #customer-form .form-group:has([name="birthday"]) { order: 4 !important; } body#checkout #customer-form #create-account { order: 6 !important; } body#checkout #customer-form .field-password-policy { order: 7 !important; } body#checkout #customer-form .form-group:has([name="psgdpr"]) { order: 8 !important; } body#checkout #customer-form footer.form-footer { order: 9 !important; } body#checkout #fmm_advance_custom_field { display: none !important;} #checkout #checkout-delivery-step .content{ padding: 0px !important; } #checkout #checkout-delivery-step .content { padding: 0px !important; } body#checkout .delivery-option.js-delivery-option { border: 1px solid rgba(0, 0, 0, 0.4) !important; } #checkout #delivery-addresses{ margin-top: 0px !important; } #delivery-addresses .js-address-item { flex: 0 0 100% !important; max-width: 100% !important; border: 1px solid rgba(0,0,0,0.4) !important; } body#checkout .header-top, body#checkout .desktop-header-style-3, body#checkout #desktop-header { background-color: white !important; } #product #iqit-compare-product-btn{ display: none !important; } #product #mobile-header-sticky{ background-color: white !important; } /*arreglar header en home*/ #index #mobile-header #mobile-header-sticky, #index #mobile-header{ background-color: transparent !important; transition: 0.3s; } #index #mobile-header #mobile-header-sticky:hover{ background-color: white !important; } .header-nav { position: sticky; top: 0; z-index: 1000; } #mobile-header-sticky.stuck-down{ top: 2rem !important; } /*fix product campaing(nuevo) para ponerlo arriba izquierda*/ #category .product-description .product-campagains{ position: absolute; top: 1.1rem; left: 0; } #module-iqitwishlist-view .product-description .product-campagains { position: absolute; top: 1.1rem; left: 0; width: 3.5rem !important; } #category .product-description .product-campagains > .product-flags__flag, #module-iqitwishlist-view .product-description .product-campagains > .product-flags__flag{ border: 0; } /*a.ets_click_show { visibility: hidden; }*/ #iqithtmlandbanners-block-4 .block-content a.ets_click_show { visibility: visible; } #iqithtmlandbanners-block-4 { position: absolute; right: 0; /*width: 10%;*/ /*bottom: 0;*/ } #iqithtmlandbanners-block-4 > h5{ display: none !important; } /*fix z-index de languaje selector con header*/ #mobile-header{ z-index: 1; position: relative; } .attribute-not-in-stock{ opacity: 0.5; color: lightgrey; } .block-iqitlinksmanager-6 .block-title > span { display: none !important; } .ets_click_show{ display: none; } .block-title .ets_click_show{ display: block; } .modal-dialog .modal-content { border-radius: 1rem !important; } @media (max-width: 768px) { #index .elementor-col-25 .elementor-widget-image .elementor-widget-container { height: 950px !important; overflow: hidden !important; } #index .elementor-element-qhihwvf .elementor-widget-image .elementor-widget-container { height: 530px !important; overflow: hidden !important; } #index .elementor-element-qhihwvf .elementor-image { height: 100% !important; } #index .elementor-element-qhihwvf .elementor-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: top center !important; display: block !important; } } @media (max-width: 610px) { #index .elementor-col-25 .elementor-widget-image .elementor-widget-container { height: 900px !important; overflow: hidden !important; } #index .elementor-element-qhihwvf .elementor-widget-image .elementor-widget-container { height: 420px !important; overflow: hidden !important; } } @media (max-width: 560px) { #index .elementor-col-25 .elementor-widget-image .elementor-widget-container { height: 820px !important; overflow: hidden !important; } #index .elementor-element-qhihwvf .elementor-widget-image .elementor-widget-container { height: 420px !important; overflow: hidden !important; } } @media (max-width: 460px) { #index .elementor-col-25 .elementor-widget-image .elementor-widget-container { height: 675px !important; overflow: hidden !important; } #index .elementor-element-qhihwvf .elementor-widget-image .elementor-widget-container { height: 315px !important; overflow: hidden !important; } } @media (max-width: 390px) { #index .elementor-col-25 .elementor-widget-image .elementor-widget-container { height: 565px !important; overflow: hidden !important; } #index .elementor-element-qhihwvf .elementor-widget-image .elementor-widget-container { height: 260px !important; overflow: hidden !important; } } @media (max-width: 455px) { .ps-shoppingcart.dropdown #blockcart-content { min-width: 100vw !important; }