.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #777777; } 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 { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 2.5rem; padding-bottom: 2.5rem; } #mobile-header .m-nav-btn { color: #777777; } #mobile-header .m-nav-btn:hover { color: #333333; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 8px; } @media (max-width: 767px) { html { font-size: 8px; } } body { line-height: 1rem; } body { font-family: ROBOTO, GOOGLE FONTS; } #blockcart-content { background: #ffffff; color: black; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } #blockcart-content a:not(.btn) { color: black; } #blockcart-content a:not(.btn):hover { color: black; } /*** 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: #333333; 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: #dedede; color: #2e2e2e; } .btn-secondary:not(:disabled):not(.disabled):active { background: #dedede; color: #2e2e2e; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f8f8f8; color: #333333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #dedede; color: #2e2e2e; 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: #333333; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #333333; color: #ffffff; } #wrapper .breadcrumb { padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; margin-top: -1.875rem; margin-bottom: 1.875rem; font-size: 0.875rem; font-style: normal; font-weight: normal; text-transform: uppercase; color: rgba(8, 8, 8, 0.51); } #wrapper .breadcrumb li:after { color: rgba(8, 8, 8, 0.51); } #wrapper .breadcrumb a { color: rgba(8, 8, 8, 0.51); } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #777777; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #777777; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #777777; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #777777; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control::-moz-placeholder { color: #777777; } .form-control:-ms-input-placeholder { color: #777777; } .form-control:-moz-placeholder { color: #777777; } .form-control:focus { color: #777777; border-color: #8a8a8a; } /*** 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-content { border: none 1px; } /*** Notifications ***/ .ns-box { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); border: none 1px; } .product-price { color: black; } .iqit-review-star { color: rgba(0, 0, 0, 0); } .product-flags .product-flag { font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); } .product-flags .new { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); } .discount { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); } .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: rgba(0, 0, 0, 0); border-top: none 1px; border-left: none 1px; border-right: none 1px; } #iqitcompare-floating a { color: rgba(0, 0, 0, 0); } #page-preloader { background: #ffffff; } #back-to-top { background: #000000; color: #ffffff; display: none; } #back-to-top:hover { background: #333333; color: #ffffff; } ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.27); } ::-webkit-scrollbar-track { background: #ffffff; } body { scrollbar-face-color: rgba(0, 0, 0, 0.27); scrollbar-track-color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px; } #header .header-nav { color: #000000; background: #f8f8f8; border-bottom: none 1px; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.5rem; display: none !important; } #header .header-nav a { color: #777777; } #header .header-nav a:hover { color: #333333; } .header-top { padding-top: 1.75rem; padding-bottom: 1.75rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #121212; } .header-top a:not(.btn):not(.nav-link):hover { color: #333333; } .header-top .form-search-control { background: #000000; color: #ffffff; border: solid 1px #ffffff; } .header-top input.form-search-control::-webkit-input-placeholder { color: #ffffff; } .header-top input.form-search-control:-moz-placeholder { color: #ffffff; } .header-top input.form-search-control:-ms-input-placeholder { color: #ffffff; } .header-top input.form-search-control:-moz-placeholder { color: #ffffff; } .header-top .search-btn { color: #ffffff; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.5rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: black; padding: 1.125rem 1.125rem; } .header-top .header-cart-default a.cart-toogle:hover { color: black; } .header-top a.header-cart-btn:not(:hover) { color: black; } .stuck-header .header-top { padding-top: 0.625rem; padding-bottom: 0.625rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: white; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: white; color: black; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: rgba(0, 0, 0, 0); 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: 2.5rem; max-width: 25rem; color: #000000; padding-left: 1.25rem; padding-right: 1.25rem; border-left: none 1px rgba(255, 253, 253, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.25rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.5rem !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: #ffffff; color: black; } .cbp-horizontal .cbp-tab-title { font-size: 1.25rem; letter-spacing: 0.1rem; font-style: normal; font-weight: normal; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ffffff; color: #ffffff; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1.25rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 1.25rem; padding-right: 1.25rem; } } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 2.25rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 6.25rem; } #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: 1rem; padding-bottom: 1rem; 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: 3rem; max-height: 3rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: rgba(0, 0, 0, 0); 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: 1.25rem; letter-spacing: 0.1rem; font-style: normal; font-weight: normal; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: rgba(0, 0, 0, 0); border: none 1px #37a625; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #000000 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: rgba(0, 0, 0, 0.63) !important; } .cbp-hrmenu .tabs-links { background: rgba(0, 0, 0, 0); } .cbp-hrmenu .cbp-tabs-names li a { color: !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { color: !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: #040404 !important; border-bottom: none 3px #c2bc29; font-size: 1.25rem; letter-spacing: 0.1rem; font-style: normal; font-weight: normal; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: rgba(5, 5, 5, 0.74) !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: 6.75rem; } #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: 2rem; padding-bottom: 2rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 2rem; padding-bottom: 2rem; font-size: 2.25rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 7.75rem; } .mobile-menu__link { color: #595050 !important; padding-top: 2.5rem; padding-bottom: 2.5rem; font-size: 2.75rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 2.5rem; padding-bottom: 2.5rem; color: #595050; font-size: 2.75rem; } .mobile-menu__tab-icon { font-size: 2.75rem; } .mobile-menu__tab-icon--img { max-height: 2.75rem; } .mobile-menu__legend { font-size: 1.5rem; 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: 2.75rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 2.75rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #595050 !important; } .mobile-menu__column { font-size: 2rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 5rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 5rem; } .mobile-menu__column-title { margin-bottom: 1rem; } .mobile-menu__links-list-li { padding-top: 0.75rem; padding-bottom: 0.75rem; } .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: white; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .products.swiper-container .swiper-button-next, .products.swiper-container .swiper-button-prev { display: none; } .swiper-pagination-bullet { background: #333333; } .swiper-pagination-product { display: none !important; } /*** Product miniature ***/ .products.row { margin: -0.75rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.75rem; } .swiper-container-wrapper { margin: -0.75rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.75rem; } .swiper-container-wrapper .product-carousel { padding: 0.75rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.75rem; } .product-miniature { border: none 1px; outline: 1px none transparent; background: rgba(0, 0, 0, 0); color: #080808; } .product-miniature a:link:not(.nav-link):not(.btn), .product-miniature a:visited:not(.nav-link):not(.btn) { color: #080808; } .product-miniature .product-price { color: #060606; } .product-miniature .iqit-review-star { color: #ffffff; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: uppercase; } .product-miniature-grid .product-price { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: uppercase; } .product-miniature-grid .product-title { overflow: hidden; height: 1rem; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; background: rgba(0, 0, 0, 0); color: rgba(7, 7, 7, 0.81); } .product-miniature:hover a:link:not(.nav-link):not(.btn), .product-miniature:hover a:visited:not(.nav-link):not(.btn) { color: rgba(7, 7, 7, 0.81); } .product-miniature:hover .product-price { color: #070707; } .product-miniature:hover .iqit-review-star { color: #000000; } } .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-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: 0rem 0rem; background: #291212; color: white; border: none 1px; } .btn-product-list:hover { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); } .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; } .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: 0.875rem; font-style: normal; font-weight: normal; text-transform: uppercase; } #product .images-container .product-cover { border: none 1px rgba(10, 10, 10, 0.1); } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: rgba(0, 0, 0, 0); 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; } #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 { color: rgba(0, 0, 0, 0); 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-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 1.875rem; padding-bottom: 1.875rem; color: #777777; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 2.5rem; padding-bottom: 2.5rem; } #content-wrapper .page-title { color: #333333; font-size: 1rem; font-style: normal; font-weight: normal; text-transform: uppercase; 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: #333333; } #content-wrapper .section-title { color: #333333; font-size: 1.25rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } .nav-tabs .nav-link { color: white; font-size: 0.125rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: white; 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: white; border-bottom: none 3px #ca5058; } #wrapper .block-title { color: white; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px white; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: white; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: white; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #e3e3e3; background: white; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: white; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: white; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: white; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: white; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: white; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: white; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: white; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 3.25rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #e42c8c !important; } #footer .block-title, #checkout-footer .block-title { color: #333333; font-size: 1.75rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #333333; } #footer-container-first { border-top: none 1px; padding-top: 3.75rem; padding-bottom: 3.75rem; background: white; color: white; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: solid 1px black; padding-top: 3.75rem; padding-bottom: 2.75rem; color: #343030; } #footer-container-main a, #checkout-footer a { color: #343030; } #footer-container-main a:hover, #checkout-footer a:hover { color: #e42c8c; } #footer-copyrights { border-top: none 1px; background: #ffffff; padding-top: 1.875rem; padding-bottom: 1.875rem; } .footer-style-inline .block-title { display: none !important; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: ""; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; } /* ========================================================= BNRD — CLEAN CUSTOM CSS Warehouse / PrestaShop Header + submenu + product page + filter rail Menu font/color controlled by IqitThemeEditor ========================================================= */ /* ========================================================= 1. HEADER / STICKY HEADER / LOGO SAFETY ========================================================= */ #header, #desktop-header, #desktop-header-container,c #header .header-top, #header .header-nav, #desktop-header .header-top, #desktop-header .header-nav, .stuck-header-element, .sticky-desktop-wrapper { background: transparent !important; box-shadow: none !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } #header::before, #header::after, #desktop-header::before, #desktop-header::after, #desktop-header-container::before, #desktop-header-container::after, .sticky-desktop-wrapper::before, .sticky-desktop-wrapper::after { display: none !important; content: none !important; } /* Logo size + click safety */ #desktop_logo, #desktop_logo a, #desktop_logo img { position: relative !important; z-index: 1000100 !important; pointer-events: auto !important; } #desktop_logo a { display: inline-block !important; } #header img, #desktop-header img, #desktop-header-container img { max-height: 68px !important; max-width: 140px !important; width: auto !important; height: auto !important; object-fit: contain !important; } /* Header menu safety + left menu typography only */ /* Restore real 3-column header balance: left menu / centered logo / right menu */ #desktop-header .desktop-header-container > .row, #desktop-header-container > .row, #desktop-header .header-top > .container > .row, #desktop-header-container .header-top > .container > .row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; align-items: start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Left column: menu lower, logo untouched */ #desktop-header .col-header-left, #desktop-header-container .col-header-left { grid-column: 1 !important; justify-self: start !important; width: auto !important; max-width: none !important; flex: none !important; overflow: visible !important; position: relative !important; top: 18px !important; } /* Logo column: stays centered and closer to the top edge */ #desktop-header .col-header-center, #desktop-header-container .col-header-center { grid-column: 2 !important; justify-self: center !important; width: auto !important; max-width: none !important; flex: none !important; position: relative !important; top: 0 !important; } /* Right column: menu lower, logo untouched */ #desktop-header .col-header-right, #desktop-header-container .col-header-right { grid-column: 3 !important; justify-self: end !important; width: auto !important; max-width: none !important; flex: none !important; overflow: visible !important; position: relative !important; top: 18px !important; } /* Left desktop menu font: WHAT'S NEW / SHOP / INFO */ #desktop-header .col-header-left, #desktop-header .col-header-left a, #desktop-header .col-header-left span, #desktop-header-container .col-header-left, #desktop-header-container .col-header-left a, #desktop-header-container .col-header-left span, /* Iqit/Warehouse main menu */ #iqitmegamenu-horizontal, #iqitmegamenu-horizontal a, #iqitmegamenu-horizontal span, .cbp-horizontal, .cbp-horizontal a, .cbp-horizontal span, /* Submenu: VIEW ALL / FOOTWEAR / APPAREL / NICE STUFF / SALES */ .cbp-hrsub, .cbp-hrsub a, .cbp-hrsub span, .cbp-hrsub li { font-family: Calibri, Arial, sans-serif !important; } /* Safe link cleanup, only for menu areas */ #desktop-header .col-header-left a, #desktop-header-container .col-header-left a, #iqitmegamenu-horizontal a, .cbp-horizontal a, .cbp-hrsub a { background: none !important; background-image: none !important; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; } /* Keep left menu compact without pushing the logo */ #desktop-header .col-header-left .cbp-horizontal > ul, #desktop-header-container .col-header-left .cbp-horizontal > ul, #iqitmegamenu-horizontal > ul { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 24px !important; margin: 0 !important; padding: 0 !important; } /* Prevent Spanish labels from creating weird widths */ #desktop-header .col-header-left a, #desktop-header-container .col-header-left a, #iqitmegamenu-horizontal a, .cbp-horizontal a { white-space: nowrap !important; width: auto !important; max-width: none !important; } /* ========================================================= 2. MEGA MENU SUBMENU — STRUCTURE + TRANSPARENT BACKGROUND ========================================================= */ #iqitmegamenu-horizontal .cbp-hrsub, .cbp-horizontal .cbp-hrsub { background: transparent !important; box-shadow: none !important; border: none !important; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 28px !important; min-height: 42px !important; overflow: visible !important; } #iqitmegamenu-horizontal .cbp-hrsub-inner, .cbp-horizontal .cbp-hrsub-inner { transform: translateY(28px) !important; background: transparent !important; box-shadow: none !important; border: none !important; padding-top: 0 !important; padding-bottom: 12px !important; padding-left: 0 !important; margin-left: 0 !important; overflow: visible !important; pointer-events: auto !important; } .cbp-hrsub .container { margin-left: 0 !important; padding-left: 15px !important; max-width: 100% !important; width: 100% !important; } .cbp-hrsub .row { display: flex !important; justify-content: flex-start !important; align-items: flex-start !important; flex-wrap: nowrap !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .cbp-hrsub .row > [class*="col-"] { width: auto !important; max-width: none !important; flex: 0 0 auto !important; padding: 0 55px 0 0 !important; margin: 0 !important; } .cbp-hrsub ul, .cbp-hrsub li { list-style: none !important; margin: 0 !important; padding: 0 !important; } .cbp-hrsub a { display: inline-block !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; } /* ========================================================= 8. CATEGORY / LISTING PAGE CLEANUP + FLOATING TITLE ========================================================= */ /* Hide native listing controls */ #js-product-list-top, .products-selection { display: none !important; } #js-product-list { margin-top: 0 !important; } /* Floating category title: FOOTWEAR / APPAREL / NICE STUFF */ body.page-category #js-product-list-header { position: fixed !important; top: 96px !important; left: 10px !important; z-index: 1000004 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; pointer-events: none !important; } body.page-category #js-product-list-header .page-title, body.page-category #js-product-list-header h1 { display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.page-category #js-product-list-header .page-title span, body.page-category #js-product-list-header h1 span { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #111111 !important; opacity: 1 !important; text-shadow: none !important; } /* ========================================================= 9. BNRD HEADER — FINAL CLEAN HEADER Left menu + right menu + ES / EN + account + bag ========================================================= */ /* --------------------------------------------------------- 9.1 Hide old language selector layer The real ES / EN is created by JS as #bnrd-lang-switcher inside the real right header row. --------------------------------------------------------- */ #header .header-nav, #header .header-nav #language_selector { display: none !important; } /* --------------------------------------------------------- 9.2 Left menu stability Prevent Spanish labels from expanding/pushing the header. --------------------------------------------------------- */ #desktop-header .col-header-left, #desktop-header-container .col-header-left { width: 260px !important; max-width: 260px !important; flex: 0 0 260px !important; overflow: visible !important; } #desktop-header .col-header-left .cbp-horizontal > ul, #desktop-header-container .col-header-left .cbp-horizontal > ul, #iqitmegamenu-horizontal > ul { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 24px !important; margin: 0 !important; padding: 0 !important; } #desktop-header .col-header-left a, #desktop-header-container .col-header-left a, #iqitmegamenu-horizontal a, .cbp-horizontal a { white-space: nowrap !important; width: auto !important; max-width: none !important; } /* --------------------------------------------------------- 9.3 Real right header row ES / EN, SEARCH, SIGN IN / ACCOUNT, BAG --------------------------------------------------------- */ #desktop-header .col-header-right, #desktop-header-container .col-header-right { width: 360px !important; max-width: 360px !important; flex: 0 0 360px !important; } #desktop-header .col-header-right .row, #desktop-header-container .col-header-right .row { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 28px !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- 9.4 Right header item wrappers --------------------------------------------------------- */ #bnrd-lang-switcher, #header-search-btn, #header-user-btn, #ps-shoppingcart-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 12px !important; min-height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 12px !important; flex: 0 0 auto !important; position: relative !important; top: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- 9.5 Header clickable elements --------------------------------------------------------- */ #header-search-btn > a, #header-user-btn .header-user-btn, #cart-toogle, #ps-shoppingcart-wrapper .header-cart-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 12px !important; min-height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 12px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; position: relative !important; top: 0 !important; } /* --------------------------------------------------------- 9.6 Hide native icons and cart internals --------------------------------------------------------- */ #header-search-btn .icon, #header-search-btn i, #header-user-btn .icon, #header-user-btn i, #cart-toogle .icon, #cart-toogle i, #ps-shoppingcart-wrapper .header-cart-btn .icon, #ps-shoppingcart-wrapper .header-cart-btn i { display: none !important; } #ps-shoppingcart-wrapper .info-wrapper, #ps-shoppingcart-wrapper .cart-toggle-details, #ps-shoppingcart-wrapper .cart-products-count, #ps-shoppingcart-wrapper .cart-products-count-btn, #ps-shoppingcart-wrapper .cart-separator, #ps-shoppingcart-wrapper .value { display: none !important; } /* --------------------------------------------------------- 9.7 Shared visible header text --------------------------------------------------------- */ #bnrd-lang-switcher, #bnrd-lang-switcher a, #bnrd-lang-switcher span, #header-search-btn .title, #header-user-btn .title, #cart-toogle::after, #ps-shoppingcart-wrapper .header-cart-btn::after { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 12px !important; min-height: 12px !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 12px !important; font-weight: 400 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #111111 !important; text-decoration: none !important; white-space: nowrap !important; background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; position: relative !important; top: 0 !important; } /* --------------------------------------------------------- 9.8 Clean JS language switcher --------------------------------------------------------- */ #bnrd-lang-switcher a { color: #111111 !important; -webkit-text-fill-color: #111111 !important; } #bnrd-lang-switcher a.is-current { font-weight: 700 !important; } #bnrd-lang-switcher .bnrd-lang-separator { margin: 0 5px !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* --------------------------------------------------------- 9.9 Account color logic Default logged-out text is black. Only real account/customer URLs become pink. This fixes Spanish "INICIAR SESIÓN". --------------------------------------------------------- */ #desktop-header #header-user-btn .title, #desktop-header-container #header-user-btn .title { color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* Logged-in account name only */ #desktop-header #header-user-btn a[href*="my-account"] .title, #desktop-header-container #header-user-btn a[href*="my-account"] .title, #desktop-header #header-user-btn a[href*="mi-cuenta"] .title, #desktop-header-container #header-user-btn a[href*="mi-cuenta"] .title, #desktop-header #header-user-btn a[href*="identity"] .title, #desktop-header-container #header-user-btn a[href*="identity"] .title, #desktop-header #header-user-btn a[href*="datos-personales"] .title, #desktop-header-container #header-user-btn a[href*="datos-personales"] .title, #desktop-header #header-user-btn a[href*="addresses"] .title, #desktop-header-container #header-user-btn a[href*="addresses"] .title, #desktop-header #header-user-btn a[href*="direcciones"] .title, #desktop-header-container #header-user-btn a[href*="direcciones"] .title { color: #ff55d8 !important; -webkit-text-fill-color: #ff55d8 !important; } /* --------------------------------------------------------- 9.10 BAG text --------------------------------------------------------- */ #cart-toogle::after, #ps-shoppingcart-wrapper .header-cart-btn::after { content: "BAG" !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* --------------------------------------------------------- 9.11 Hover --------------------------------------------------------- */ #bnrd-lang-switcher a:hover, #header-search-btn > a:hover .title, #header-user-btn .header-user-btn:hover .title, #cart-toogle:hover::after, #ps-shoppingcart-wrapper .header-cart-btn:hover::after { opacity: 0.65 !important; } /* --------------------------------------------------------- 9.12 Account dropdown --------------------------------------------------------- */ #header-user-btn { position: relative !important; } #header-user-btn .dropdown-menu, #header-user-btn .dropdown-menu.show, #header-user-btn .dropdown-menu-end { min-width: 190px !important; margin-top: 14px !important; padding: 18px 10px !important; background: rgba(0, 0, 0, 0.45) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; } #header-user-btn .dropdown-menu a, #header-user-btn .dropdown-menu .dropdown-item, #header-user-btn .dropdown-menu li a { display: block !important; margin: 0 !important; padding: 6px 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #ffffff !important; text-decoration: none !important; white-space: nowrap !important; transition: font-size 0.16s ease, opacity 0.16s ease, transform 0.16s ease !important; } #header-user-btn .dropdown-menu i, #header-user-btn .dropdown-menu .fa, #header-user-btn .dropdown-menu svg { display: none !important; } #header-user-btn .dropdown-menu li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; } #header-user-btn .dropdown-menu a:hover, #header-user-btn .dropdown-menu .dropdown-item:hover, #header-user-btn .dropdown-menu li a:hover { background: transparent !important; color: #ffffff !important; font-size: 12px !important; opacity: 1 !important; transform: translateX(2px) !important; } #header-user-btn .dropdown-menu a:focus, #header-user-btn .dropdown-menu .dropdown-item:focus, #header-user-btn .dropdown-menu a:active, #header-user-btn .dropdown-menu .dropdown-item:active { background: transparent !important; color: #ffffff !important; outline: none !important; box-shadow: none !important; } /* --------------------------------------------------------- 9.13 Mobile safety --------------------------------------------------------- */ @media (max-width: 767px) { #bnrd-lang-switcher { display: none !important; } #desktop-header .col-header-left, #desktop-header-container .col-header-left, #desktop-header .col-header-right, #desktop-header-container .col-header-right { width: auto !important; max-width: none !important; flex: 0 1 auto !important; } } /* ========================================================= 10. FILTER RAIL — STABLE BNRD VERSION Desktop behavior + minimal mobile width improvement only ========================================================= */ /* Hide breadcrumb only — keep category title like APPAREL visible */ #category .breadcrumb, #category #wrapper .breadcrumb { display: none !important; } /* Hide native Warehouse/PrestaShop filter buttons and active filter blocks */ #search_filter_toggler, .search_filter_toggler, #search_filters_trigger, #search_center_filter_toggler, .active_filters, #js-active-search-filters, .filter-block, .js-search-filters-clear-all, #search_filters .active_filters, #search_filters #js-active-search-filters, #search_filters .filter-block, #search_filters .js-search-filters-clear-all { display: none !important; } /* ========================================================= FILTER BUTTON ========================================================= */ #bnrd-filter-toggle { position: fixed !important; top: 98px !important; right: 24px !important; z-index: 1000005 !important; display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, sans-serif !important; font-size: 0 !important; line-height: 1 !important; color: transparent !important; cursor: pointer !important; pointer-events: auto !important; } #bnrd-filter-toggle::after { content: "FILTER +" !important; display: inline-block !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: #111111 !important; opacity: 1 !important; text-shadow: none !important; } body.bnrd-filter-open #bnrd-filter-toggle::after { content: "FILTER −" !important; } /* ========================================================= RIGHT FILTER RAIL ========================================================= */ #search_filters.bnrd-filter-panel { display: block !important; position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; width: 255px !important; min-width: 255px !important; max-width: 255px !important; height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; padding: 132px 34px 54px 34px !important; background: rgba(4, 4, 4, 0.65) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; z-index: 1000001 !important; overflow-y: auto !important; overflow-x: hidden !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateX(100%) !important; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s !important; border: 0 !important; box-shadow: none !important; text-align: right !important; } body.bnrd-filter-open #search_filters.bnrd-filter-panel { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(0) !important; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s !important; } body.bnrd-filter-open { overflow: auto !important; } /* ========================================================= GLOBAL FILTER RESET ========================================================= */ #search_filters.bnrd-filter-panel, #search_filters.bnrd-filter-panel * { font-family: Calibri, Arial, Helvetica, sans-serif !important; box-sizing: border-box !important; text-shadow: none !important; box-shadow: none !important; float: none !important; } /* Hide native clutter */ #search_filters.bnrd-filter-panel .navbar-toggler, #search_filters.bnrd-filter-panel .collapse-icons, #search_filters.bnrd-filter-panel .faceted-overlay, #search_filters.bnrd-filter-panel .custom-checkbox, #search_filters.bnrd-filter-panel input[type="checkbox"], #search_filters.bnrd-filter-panel .checkbox, #search_filters.bnrd-filter-panel .facet-title::before, #search_filters.bnrd-filter-panel .facet-title::after { display: none !important; content: none !important; } /* Hide product counts */ #search_filters.bnrd-filter-panel .magnitude, #search_filters.bnrd-filter-panel .facet-label .magnitude, #search_filters.bnrd-filter-panel .facet-label .count, #search_filters.bnrd-filter-panel .facet-label .facet-count, #search_filters.bnrd-filter-panel .js-search-link .magnitude { display: none !important; visibility: hidden !important; font-size: 0 !important; line-height: 0 !important; } /* ========================================================= FILTER GROUPS ========================================================= */ #search_filters.bnrd-filter-panel .facet { display: block !important; width: 150px !important; max-width: 150px !important; margin: 0 0 25px auto !important; padding: 0 !important; border: 0 !important; text-align: right !important; } #search_filters.bnrd-filter-panel .facet .collapse, #search_filters.bnrd-filter-panel .facet .facet-dropdown, #search_filters.bnrd-filter-panel .facet .facet-content, #search_filters.bnrd-filter-panel .facet ul { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; } /* ========================================================= SECTION TITLES ========================================================= */ #search_filters.bnrd-filter-panel .facet .facet-title, #search_filters.bnrd-filter-panel .facet .h6 { display: block !important; width: 100% !important; margin: 0 0 7px 0 !important; padding: 0 0 3px 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #ffffff !important; opacity: 1 !important; text-align: left !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.9) !important; text-shadow: none !important; } #search_filters.bnrd-filter-panel .facet .facet-title span, #search_filters.bnrd-filter-panel .facet .facet-title a, #search_filters.bnrd-filter-panel .facet .facet-title button { border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; color: #ffffff !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; } /* ========================================================= FILTER OPTIONS ========================================================= */ #search_filters.bnrd-filter-panel .facet ul { margin: 0 !important; padding: 0 !important; list-style: none !important; text-align: right !important; } #search_filters.bnrd-filter-panel .facet li, #search_filters.bnrd-filter-panel .facet .facet-label { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 4px 0 !important; padding: 0 !important; text-align: right !important; white-space: normal !important; list-style: none !important; } #search_filters.bnrd-filter-panel .facet .facet-label a, #search_filters.bnrd-filter-panel .facet .facet-label span:not(.custom-checkbox):not(.magnitude):not(.count):not(.facet-count) { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.04 !important; font-weight: 600 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; color: #ffffff !important; opacity: 1 !important; text-decoration: none !important; text-shadow: none !important; cursor: pointer !important; transition: color 0.18s ease, font-size 0.18s ease, opacity 0.18s ease !important; } #search_filters.bnrd-filter-panel .facet .facet-label a:hover { color: #ffffff !important; opacity: 0.78 !important; text-shadow: none !important; } /* ========================================================= SELECTED FILTER OPTION This was the working selected behavior: selected = pink + bigger ========================================================= */ #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected { margin: 2px 0 5px 0 !important; } #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected a, #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected span:not(.custom-checkbox):not(.magnitude):not(.count):not(.facet-count), #search_filters.bnrd-filter-panel .facet .facet-label.active a, #search_filters.bnrd-filter-panel .facet .facet-label.active span:not(.custom-checkbox):not(.magnitude):not(.count):not(.facet-count), #search_filters.bnrd-filter-panel .facet .facet-label a.active, #search_filters.bnrd-filter-panel .facet .facet-label a.selected, #search_filters.bnrd-filter-panel .facet .facet-label a[aria-checked="true"] { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 15px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.055em !important; text-transform: uppercase !important; color: #f4b6d2 !important; opacity: 1 !important; text-shadow: none !important; } /* ========================================================= RESET LINK ========================================================= */ #bnrd-filter-reset { display: block !important; width: 150px !important; max-width: 150px !important; margin: 18px 0 0 auto !important; padding: 8px 0 0 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.78) !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #ffffff !important; opacity: 1 !important; text-align: left !important; text-decoration: none !important; text-shadow: none !important; } #bnrd-filter-reset:hover { color: #f4b6d2 !important; } /* ========================================================= PRICE SLIDER SAFETY ========================================================= */ #search_filters.bnrd-filter-panel .faceted-slider, #search_filters.bnrd-filter-panel .slider, #search_filters.bnrd-filter-panel .ui-slider { max-width: 100% !important; color: #ffffff !important; } #search_filters.bnrd-filter-panel .ui-slider-horizontal { height: 2px !important; background: rgba(255, 255, 255, 0.45) !important; border: 0 !important; } #search_filters.bnrd-filter-panel .ui-slider-range { background: #ffffff !important; } #search_filters.bnrd-filter-panel .ui-slider-handle { width: 10px !important; height: 10px !important; top: -4px !important; border-radius: 50% !important; background: #ffffff !important; border: 0 !important; } /* ========================================================= 10B. MOBILE FILTER — WIDTH + BIGGER MOBILE TYPOGRAPHY Must be the LAST part of Section 10 ========================================================= */ @media (max-width: 767.98px) { #search_filters.bnrd-filter-panel { width: 82vw !important; min-width: 82vw !important; max-width: 82vw !important; padding-left: 34px !important; padding-right: 30px !important; } #search_filters.bnrd-filter-panel .facet, #bnrd-filter-reset { width: 215px !important; max-width: 215px !important; } #search_filters.bnrd-filter-panel .facet { margin-bottom: 28px !important; } #search_filters.bnrd-filter-panel .facet .facet-title, #search_filters.bnrd-filter-panel .facet .h6 { font-size: 12px !important; margin-bottom: 10px !important; padding-bottom: 5px !important; } /* Normal mobile options */ body #search_filters.bnrd-filter-panel .facet .facet-label a.search-link, body #search_filters.bnrd-filter-panel .facet .facet-label a.js-search-link { font-size: 15px !important; line-height: 1.18 !important; font-weight: 700 !important; letter-spacing: 0.055em !important; padding: 3px 0 !important; color: #ffffff !important; } #search_filters.bnrd-filter-panel .facet li, #search_filters.bnrd-filter-panel .facet .facet-label { margin-bottom: 5px !important; } /* Selected mobile options — real HTML selector */ body #search_filters.bnrd-filter-panel .facet .facet-label.active.bnrd-selected a.search-link, body #search_filters.bnrd-filter-panel .facet .facet-label.active.bnrd-selected a.js-search-link, body #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected a.search-link, body #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected a.js-search-link, body #search_filters.bnrd-filter-panel .facet .facet-label.active a.search-link, body #search_filters.bnrd-filter-panel .facet .facet-label.active a.js-search-link { font-size: 22px !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: 0.045em !important; color: #f4b6d2 !important; } } /* ========================================================= 11. BNRD FOOTER — EDMMOND-STYLE REAL LAYOUT Left links + right contact + centered social ========================================================= */ #footer #footer-container-main { border-top: 1px solid #111 !important; background: #fff !important; padding: 42px 0 68px !important; } /* Main footer row */ #footer #footer-container-main .container > .row { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; margin: 0 !important; padding: 0 7vw !important; } /* Hide duplicated Link List titles */ #footer #footer-container-main .container > .row > h3 { display: none !important; } /* Footer link blocks */ #footer #footer-container-main .container > .row > ul { display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; list-style: none !important; margin: 0 30px 0 0 !important; padding: 0 !important; } /* Footer link items */ #footer #footer-container-main .container > .row > ul > li { margin: 0 !important; padding: 0 !important; } #footer #footer-container-main .container > .row > ul > li > a { font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #111 !important; text-decoration: none !important; font-weight: 400 !important; } #footer #footer-container-main .container > .row > ul > li > a:hover { color: #e42c8c !important; } /* Contact block on the right */ #footer #footer-container-main .block-iqithtmlandbanners-html { flex: 0 0 auto !important; width: auto !important; max-width: 380px !important; margin: 0 0 0 auto !important; padding: 0 !important; text-align: left !important; } /* Hide module title */ #footer #footer-container-main .block-iqithtmlandbanners-html .block-title { display: none !important; } /* Contact design */ #footer .bnrd-footer-contact { max-width: 380px !important; margin: 0 !important; text-align: left !important; color: #111 !important; } #footer .bnrd-footer-contact-title { margin: 0 0 12px 0 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; } #footer .bnrd-footer-contact-line { margin: 0 !important; font-size: 10px !important; line-height: 1.45 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; } #footer .bnrd-footer-contact-line span { display: inline-block !important; margin-right: 6px !important; font-weight: 400 !important; } #footer .bnrd-footer-contact-line a { font-weight: 700 !important; text-decoration: none !important; } #footer .bnrd-footer-email { color: #e42c8c !important; } #footer .bnrd-footer-phone { color: #111 !important; } /* Center social/copyright area */ #footer #footer-copyrights { background: #fff !important; padding: 0 0 34px !important; margin: 0 !important; text-align: center !important; } #footer #footer-copyrights .block-social-links { text-align: center !important; margin: 0 !important; } /* Mobile */ @media (max-width: 767px) { #footer #footer-container-main { padding: 34px 0 36px !important; } #footer #footer-container-main .container > .row { flex-direction: column !important; align-items: center !important; gap: 12px !important; padding: 0 20px !important; text-align: center !important; } #footer #footer-container-main .container > .row > ul { margin: 0 !important; } #footer #footer-container-main .block-iqithtmlandbanners-html { margin: 22px 0 0 0 !important; text-align: center !important; } #footer .bnrd-footer-contact { text-align: center !important; } #footer .bnrd-footer-contact-line span, #footer .bnrd-footer-contact-line a { display: block !important; margin-right: 0 !important; } } /* ========================================================= BNRD — STICK FOOTER TO PAGE BOTTOM Keeps footer grounded on short pages ========================================================= */ html, body { min-height: 100%; } body { min-height: 100vh; } /* Main page becomes a vertical layout */ #main-page-content { min-height: 100vh; display: flex; flex-direction: column; } /* Header and wrapper keep their natural size */ #header { flex: 0 0 auto; } /* Main content takes available space */ #wrapper { flex: 1 0 auto; } /* Footer stays at the bottom */ #footer { flex: 0 0 auto; } /* Footer social block */ #footer .bnrd-footer-social { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; text-align: center !important; } #footer .bnrd-footer-social a { font-family: Calibri, Arial, sans-serif !important; font-size: 13px !important; line-height: 1 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; text-decoration: none !important; font-weight: 400 !important; } #footer .bnrd-footer-social a:first-child { color: #ff7ae5 !important; } #footer .bnrd-footer-social a:last-child { color: #00c853 !important; } /* ========================================================= BNRD FOOTER — PLACE SOCIAL CENTER / CONTACT RIGHT ========================================================= */ /* Make footer row a positioning area */ #footer #footer-container-main .container > .row { position: relative !important; min-height: 96px !important; } /* Footer links stay left */ #footer #footer-container-main .container > .row > ul { order: 1 !important; } /* Contact block goes right */ #footer #footer-container-main .block-iqithtmlandbanners-html:has(.bnrd-footer-contact) { order: 3 !important; margin-left: auto !important; margin-right: 0 !important; align-self: flex-start !important; } /* Social block goes dead center */ #footer #footer-container-main .block-iqithtmlandbanners-html:has(.bnrd-footer-social) { position: absolute !important; left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Social links vertical */ #footer .bnrd-footer-social { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 7px !important; text-align: center !important; } #footer .bnrd-footer-social a { font-family: Calibri, Arial, sans-serif !important; font-size: 13px !important; line-height: 1 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; text-decoration: none !important; font-weight: 400 !important; } #footer .bnrd-footer-social a:first-child { color: #ff7ae5 !important; } #footer .bnrd-footer-social a:last-child { color: #00c853 !important; } /* Mobile: no absolute positioning */ @media (max-width: 767px) { #footer #footer-container-main .container > .row { min-height: 0 !important; } #footer #footer-container-main .block-iqithtmlandbanners-html:has(.bnrd-footer-social) { position: static !important; transform: none !important; order: 2 !important; margin: 18px 0 !important; } #footer #footer-container-main .block-iqithtmlandbanners-html:has(.bnrd-footer-contact) { order: 3 !important; margin: 18px 0 0 0 !important; } } /* ========================================================= BNRD FOOTER — SOFTEN SOCIAL BLOCK ========================================================= */ #footer .bnrd-footer-social { gap: 4px !important; } #footer .bnrd-footer-social a { font-size: 11px !important; line-height: 1 !important; letter-spacing: 0.03em !important; font-weight: 400 !important; opacity: 0.82 !important; } #footer .bnrd-footer-social a:hover { opacity: 1 !important; } /* ========================================================= BNRD — FILTER TOGGLE WHITE TEXT WHEN OPEN No duplicate text when closed ========================================================= */ /* Default / closed state: normal button, no fake text */ #bnrd-filter-toggle { font-size: 11px !important; color: #111 !important; -webkit-text-fill-color: #111 !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; } #bnrd-filter-toggle::after { content: none !important; display: none !important; } /* Open state: hide original text */ #bnrd-filter-toggle[aria-expanded="true"] { font-size: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* Open state: show clean white FILTER - */ #bnrd-filter-toggle[aria-expanded="true"]::after { content: "FILTER -" !important; display: inline-block !important; font-family: Calibri, Arial, sans-serif !important; font-size: 11px !important; line-height: 1 !important; letter-spacing: 0.04em !important; font-weight: 400 !important; text-transform: uppercase !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } /* ========================================================= 12. PRODUCT LIST / CAROUSEL — PRODUCT TEXT COLORS Homepage + category product cards ========================================================= */ /* Product name */ .products-grid .product-miniature .product-title, .products-grid .product-miniature .product-title a, .product-miniature .product-title, .product-miniature .product-title a { color: #111111 !important; opacity: 1 !important; } /* Brand name */ .products-grid .product-miniature .product-brand, .products-grid .product-miniature .product-brand.text-muted, .product-miniature .product-brand, .product-miniature .product-brand.text-muted { color: #111111 !important; opacity: 1 !important; } /* Price */ .products-grid .product-miniature .product-price-and-shipping, .products-grid .product-miniature .price, .product-miniature .product-price-and-shipping, .product-miniature .price { color: #111111 !important; opacity: 1 !important; } /* Hover: keep it clean, no strange grey fade */ .products-grid .product-miniature .product-title a:hover, .product-miniature .product-title a:hover { color: #000000 !important; opacity: 0.75 !important; } /* ========================================================= BNRD — NEW STUFF HOMEPAGE BLOCK Title locked to real product image edge ========================================================= */ /* Space from hero */ .bnrd-newstuff-block { padding-top: 85px !important; } /* Clean internal Elementor spacing */ .bnrd-newstuff-block .elementor-column-wrap, .bnrd-newstuff-block .elementor-widget-wrap { margin: 0 !important; padding: 0 !important; } /* Product widget horizontal margin */ .bnrd-newstuff-block .elementor-widget-prestashop-widget-ProductsList > .elementor-widget-container { margin-left: 25px !important; margin-right: 25px !important; padding-left: 0 !important; padding-right: 0 !important; } /* Title widget uses same margin + product grid inner gutter */ .bnrd-newstuff-block .bnrd-newstuff-title-widget > .elementor-widget-container { margin-left: 25px !important; margin-right: 25px !important; padding-left: 15px !important; padding-right: 15px !important; } /* Title styling */ .bnrd-newstuff-block .bnrd-newstuff-title-widget, .bnrd-newstuff-block .bnrd-newstuff-title-widget .elementor-widget-container, .bnrd-newstuff-block .bnrd-newstuff-title-widget .bnrd-newstuff-title, .bnrd-newstuff-block .bnrd-newstuff-title-widget .elementor-heading-title { margin-top: 0 !important; margin-bottom: 6px !important; font-size: 11px !important; line-height: 1 !important; text-transform: uppercase; color: #111 !important; font-weight: 400 !important; } .bnrd-newstuff-block .bnrd-newstuff-title-widget strong { font-weight: 700 !important; } /* Narrower screens */ @media (max-width: 991px) { .bnrd-newstuff-block { padding-top: 60px !important; } .bnrd-newstuff-block .elementor-widget-prestashop-widget-ProductsList > .elementor-widget-container { margin-left: 15px !important; margin-right: 15px !important; } .bnrd-newstuff-block .bnrd-newstuff-title-widget > .elementor-widget-container { margin-left: 15px !important; margin-right: 15px !important; padding-left: 15px !important; padding-right: 15px !important; } } /* ========================================================= BNRD — LOGIN PAGE MINIMAL REDESIGN V2 Page: /login / iniciar-sesion Safe scope: authentication page only ========================================================= */ body#authentication.page-authentication { background: #ffffff; } /* Keep only useful elements; remove PrestaShop/Warehouse noise */ body#authentication.page-authentication .breadcrumb, body#authentication.page-authentication #content hr, body#authentication.page-authentication .form-control-comment { display: none !important; } /* Remove unwanted borders/boxes everywhere in the login content area */ body#authentication.page-authentication #wrapper, body#authentication.page-authentication #inner-wrapper, body#authentication.page-authentication #content-wrapper, body#authentication.page-authentication #main, body#authentication.page-authentication #content, body#authentication.page-authentication .page-content, body#authentication.page-authentication .login-form, body#authentication.page-authentication #login-form { border: 0 !important; box-shadow: none !important; outline: 0 !important; background: #ffffff !important; } /* Main white area between header and footer */ body#authentication.page-authentication #wrapper { position: relative; background: #ffffff; min-height: 520px; padding: 0 0 130px; } /* Keep the default page title position from the theme */ body#authentication.page-authentication .page-header { display: block !important; position: static !important; margin: 0; padding: 0; } /* Left title: small, clean, theme-positioned */ body#authentication.page-authentication .page-header .page-title { margin: 0; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; color: #222222; text-transform: uppercase; } body#authentication.page-authentication .page-header .page-title span { font-size: inherit; font-weight: inherit; } /* Keep the login area clean and centered */ body#authentication.page-authentication #inner-wrapper, body#authentication.page-authentication #content-wrapper, body#authentication.page-authentication #main, body#authentication.page-authentication #content { width: 100%; max-width: none; margin: 0; } /* Login form block */ body#authentication.page-authentication .login-form { width: 100%; max-width: 420px; margin: 95px auto 0; padding: 0; } /* No fake centered title — avoids duplicated INICIAR SESIÓN */ body#authentication.page-authentication .login-form::before { content: none !important; display: none !important; } /* Form itself */ body#authentication.page-authentication #login-form { width: 100%; margin: 0 auto; } /* Each form row: label left, input right */ body#authentication.page-authentication #login-form .form-group { display: grid; grid-template-columns: 125px 1fr; align-items: center; column-gap: 8px; margin: 0 0 9px; } /* Labels */ body#authentication.page-authentication #login-form .col-form-label { width: auto; max-width: none; flex: none; padding: 0; margin: 0; text-align: right; font-size: 10px; line-height: 1; font-weight: 400; color: #222222; text-transform: uppercase; } /* Input column */ body#authentication.page-authentication #login-form .js-input-column { width: auto; max-width: none; flex: none; padding: 0; } /* Underline inputs only */ body#authentication.page-authentication #login-form .form-control { height: 15px; min-height: 15px; padding: 0 3px; border: 0 !important; border-bottom: 1px solid #777777 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 10px; line-height: 15px; color: #222222; } /* Remove Chrome/Safari autofill blue background */ body#authentication.page-authentication #login-form input:-webkit-autofill, body#authentication.page-authentication #login-form input:-webkit-autofill:hover, body#authentication.page-authentication #login-form input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; -webkit-text-fill-color: #222222 !important; transition: background-color 9999s ease-in-out 0s; } /* Remove default focus background */ body#authentication.page-authentication #login-form input:focus { background: transparent !important; outline: none !important; box-shadow: none !important; } /* Password input group */ body#authentication.page-authentication #login-form .input-group { display: flex; align-items: center; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* Password field inside input group */ body#authentication.page-authentication #login-form .input-group .form-control { flex: 1 1 auto; } /* Hide/show password button — keep it minimal */ body#authentication.page-authentication #login-form .input-group-append { display: none !important; } /* Forgot password link */ body#authentication.page-authentication .forgot-password { width: 100%; max-width: 420px; margin: -2px auto 28px; padding-left: 133px; text-align: right; } body#authentication.page-authentication .forgot-password a { font-size: 10px; line-height: 1; color: #222222; text-transform: lowercase; text-decoration: none; } body#authentication.page-authentication .forgot-password a:hover { color: #000000; text-decoration: none; } /* Submit area */ body#authentication.page-authentication #login-form .form-footer { width: 100%; margin: 0; padding: 0; border: 0 !important; } /* Login button */ body#authentication.page-authentication #submit-login { display: block; width: 100%; height: 20px; padding: 0; margin: 0 auto; border: 0 !important; border-radius: 0 !important; background: #fff0fb !important; color: #111111 !important; box-shadow: none !important; font-size: 10px; line-height: 20px; font-weight: 700; text-transform: uppercase; } body#authentication.page-authentication #submit-login:hover { background: #ffe3f8 !important; color: #000000 !important; } /* Create account link */ body#authentication.page-authentication .no-account { width: 100%; max-width: 420px; margin: 14px auto 0; text-align: center; border: 0 !important; } body#authentication.page-authentication .no-account a { font-size: 10px; line-height: 1; color: #222222; text-decoration: none; text-transform: lowercase; } body#authentication.page-authentication .no-account a:hover { color: #000000; text-decoration: none; } body#authentication.page-authentication .no-account i { display: none; } /* Top-left desktop menu font: Calibri */ body#authentication.page-authentication #desktop-header .col-header-left, body#authentication.page-authentication #desktop-header .col-header-left a, body#authentication.page-authentication #desktop-header .col-header-left span, body#authentication.page-authentication #iqitmegamenu-horizontal, body#authentication.page-authentication #iqitmegamenu-horizontal a, body#authentication.page-authentication #iqitmegamenu-horizontal span { font-family: Calibri, Arial, sans-serif !important; } /* Footer separation line — the only strong border on the page */ body#authentication.page-authentication #footer { border-top: 1px solid #000000 !important; border-right: 0 !important; border-left: 0 !important; border-bottom: 0 !important; background: #ffffff; } /* Make footer breathe like mockup */ body#authentication.page-authentication #footer-container-main { padding-top: 55px; padding-bottom: 140px; border: 0 !important; box-shadow: none !important; } /* Footer base typography */ body#authentication.page-authentication #footer, body#authentication.page-authentication #footer a, body#authentication.page-authentication #footer p, body#authentication.page-authentication #footer li, body#authentication.page-authentication #footer h3, body#authentication.page-authentication #footer h5 { font-size: 11px; line-height: 1.35; letter-spacing: 0.02em; } /* Hide module titles from custom HTML blocks */ body#authentication.page-authentication #footer .block-title { display: none !important; } /* Mobile / tablet */ @media (max-width: 767px) { body#authentication.page-authentication #wrapper { padding: 0 20px 80px; min-height: 380px; } body#authentication.page-authentication .page-header { margin: 0 0 45px; padding: 0; } body#authentication.page-authentication .login-form, body#authentication.page-authentication .forgot-password, body#authentication.page-authentication .no-account { max-width: 360px; } body#authentication.page-authentication .login-form { margin-top: 65px; } body#authentication.page-authentication #login-form .form-group { grid-template-columns: 95px 1fr; column-gap: 7px; } body#authentication.page-authentication #login-form .col-form-label { font-size: 10px; } body#authentication.page-authentication #login-form .form-control, body#authentication.page-authentication .forgot-password a, body#authentication.page-authentication .no-account a, body#authentication.page-authentication #submit-login { font-size: 10px; } body#authentication.page-authentication .forgot-password { padding-left: 102px; } } /* ========================================================= BNRD — MY ACCOUNT DASHBOARD Smaller version aligned with account inner pages Page: body#my-account ========================================================= */ body#my-account { font-family: Calibri, Arial, Helvetica, sans-serif !important; background: #ffffff !important; } /* Hide default title */ body#my-account #main .page-header, body#my-account #main .page-title { display: none !important; } /* Breadcrumb — higher and subtle */ body#my-account .breadcrumb { margin: 0 !important; padding: 0 0 0 8px !important; background: transparent !important; border: 0 !important; } body#my-account .breadcrumb, body#my-account .breadcrumb a, body#my-account .breadcrumb span { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 7px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #8a8a8a !important; } /* Base cleanup */ body#my-account #wrapper { background: #ffffff !important; padding-top: 18px !important; } body#my-account #inner-wrapper, body#my-account #content-wrapper, body#my-account #main, body#my-account #content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body#my-account .my-account-page-content-wrapper { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 768px) { body#my-account .my-account-page-content-wrapper > .row { display: grid !important; grid-template-columns: 190px 1px 235px !important; grid-template-rows: auto auto !important; column-gap: 22px !important; justify-content: center !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 70px 0 118px 0 !important; } /* Intro sentence */ body#my-account .my-account-page-content { grid-column: 1 / 4 !important; grid-row: 1 !important; width: 100% !important; max-width: none !important; margin: 0 0 54px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-align: center !important; color: #111111 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Main account links block */ body#my-account .my-account-side-links { grid-column: 1 / 4 !important; grid-row: 2 !important; display: grid !important; grid-template-columns: 190px 1px 235px !important; column-gap: 22px !important; width: auto !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Left title */ body#my-account .my-account-side-links::before { content: "YOUR BNRD ACCOUNT" !important; grid-column: 1 !important; grid-row: 1 / 20 !important; display: block !important; padding: 1px 0 0 0 !important; margin: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 15px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; text-align: right !important; color: #111111 !important; } /* Divider */ body#my-account .my-account-side-links::after { content: "" !important; grid-column: 2 !important; grid-row: 1 / 20 !important; display: block !important; width: 1px !important; min-height: 190px !important; background: #d8d8d8 !important; } body#my-account .my-account-side-links > a { grid-column: 3 !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; } body#my-account .my-account-side-links .link-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 0 6px 0 !important; border: 0 !important; border-bottom: 1px solid #d8d8d8 !important; background: transparent !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.05 !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; text-align: left !important; color: #111111 !important; } body#my-account .my-account-side-links > a + a .link-item { padding-top: 7px !important; } body#my-account .my-account-side-links .link-item i { display: none !important; } body#my-account .my-account-side-links > a:hover .link-item { font-weight: 700 !important; } /* Sign out */ body#my-account .my-account-side-links > a[href*="mylogout"] { margin-top: 32px !important; } body#my-account .my-account-side-links > a[href*="mylogout"] .link-item { padding: 0 !important; border: 0 !important; font-size: 14px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; color: #ff3be4 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767.98px) { body#my-account #wrapper { padding-top: 10px !important; } body#my-account .breadcrumb { padding-left: 7px !important; margin-top: 0 !important; } body#my-account .my-account-page-content-wrapper > .row { display: grid !important; grid-template-columns: 88px 1px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 14px !important; width: 100% !important; max-width: 286px !important; margin: 0 auto !important; padding: 32px 0 82px 0 !important; } /* Intro sentence */ body#my-account .my-account-page-content { grid-column: 1 / 4 !important; grid-row: 1 !important; width: 100% !important; margin: 0 0 28px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 8px !important; line-height: 1.25 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-align: center !important; color: #ff3be4 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body#my-account .my-account-side-links { grid-column: 1 / 4 !important; grid-row: 2 !important; display: grid !important; grid-template-columns: 88px 1px minmax(0, 1fr) !important; column-gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body#my-account .my-account-side-links::before { content: "YOUR ACCOUNT" !important; grid-column: 1 !important; grid-row: 1 / 20 !important; display: block !important; padding: 1px 0 0 0 !important; margin: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; text-align: right !important; color: #111111 !important; } body#my-account .my-account-side-links::after { content: "" !important; grid-column: 2 !important; grid-row: 1 / 20 !important; display: block !important; width: 1px !important; min-height: 170px !important; background: #d8d8d8 !important; } body#my-account .my-account-side-links > a { grid-column: 3 !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; } body#my-account .my-account-side-links .link-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 0 5px 0 !important; border: 0 !important; border-bottom: 1px solid #d8d8d8 !important; background: transparent !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1.05 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; text-align: left !important; color: #111111 !important; } body#my-account .my-account-side-links > a + a .link-item { padding-top: 6px !important; } body#my-account .my-account-side-links .link-item i { display: none !important; } body#my-account .my-account-side-links > a:hover .link-item { font-weight: 700 !important; } body#my-account .my-account-side-links > a[href*="mylogout"] { margin-top: 24px !important; } body#my-account .my-account-side-links > a[href*="mylogout"] .link-item { padding: 0 !important; border: 0 !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; color: #ff3be4 !important; } } /* ========================================================= 13. BNRD — CUSTOMER ACCOUNT INNER PAGES Clean unified layout: identity / address / addresses / order history / credit slips wishlist / alerts / GDPR ========================================================= */ /* --------------------------------------------------------- 13.1 Account page scope + main layout --------------------------------------------------------- */ body#identity #content.my-account-page-content-wrapper, body#identity #content.page-content.my-account-page-content-wrapper, body#address #content.my-account-page-content-wrapper, body#address #content.page-content.my-account-page-content-wrapper, body#addresses #content.my-account-page-content-wrapper, body#addresses #content.page-content.my-account-page-content-wrapper, body#history #content.my-account-page-content-wrapper, body#history #content.page-content.my-account-page-content-wrapper, body#order-slip #content.my-account-page-content-wrapper, body#order-slip #content.page-content.my-account-page-content-wrapper, body#module-iqitwishlist-view #content.my-account-page-content-wrapper, body#module-iqitwishlist-view #content.page-content.my-account-page-content-wrapper, body#module-ps_emailalerts-account #content.my-account-page-content-wrapper, body#module-ps_emailalerts-account #content.page-content.my-account-page-content-wrapper { max-width: 720px !important; margin: 72px auto 96px auto !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } body#identity #content.my-account-page-content-wrapper > .row, body#identity #content.page-content.my-account-page-content-wrapper > .row, body#address #content.my-account-page-content-wrapper > .row, body#address #content.page-content.my-account-page-content-wrapper > .row, body#addresses #content.my-account-page-content-wrapper > .row, body#addresses #content.page-content.my-account-page-content-wrapper > .row, body#history #content.my-account-page-content-wrapper > .row, body#history #content.page-content.my-account-page-content-wrapper > .row, body#order-slip #content.my-account-page-content-wrapper > .row, body#order-slip #content.page-content.my-account-page-content-wrapper > .row, body#module-iqitwishlist-view #content.my-account-page-content-wrapper > .row, body#module-iqitwishlist-view #content.page-content.my-account-page-content-wrapper > .row, body#module-ps_emailalerts-account #content.my-account-page-content-wrapper > .row, body#module-ps_emailalerts-account #content.page-content.my-account-page-content-wrapper > .row { display: flex !important; align-items: flex-start !important; justify-content: center !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } /* Left account menu */ body#identity .my-account-side-links, body#address .my-account-side-links, body#addresses .my-account-side-links, body#history .my-account-side-links, body#order-slip .my-account-side-links, body#module-iqitwishlist-view .my-account-side-links, body#module-ps_emailalerts-account .my-account-side-links { width: 245px !important; flex: 0 0 245px !important; max-width: 245px !important; min-height: 390px !important; padding: 0 12px 0 0 !important; margin: 0 !important; border-right: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: none !important; background: transparent !important; } /* Right content */ body#identity .my-account-page-content, body#address .my-account-page-content, body#addresses .my-account-page-content, body#history .my-account-page-content, body#order-slip .my-account-page-content, body#module-iqitwishlist-view .my-account-page-content, body#module-ps_emailalerts-account .my-account-page-content { width: 390px !important; flex: 0 0 390px !important; max-width: 390px !important; padding: 0 0 0 22px !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Remove default boxes */ body#identity .my-account-page-content, body#address .my-account-page-content, body#addresses .my-account-page-content, body#history .my-account-page-content, body#order-slip .my-account-page-content, body#module-iqitwishlist-view .my-account-page-content, body#module-ps_emailalerts-account .my-account-page-content, body#identity .my-account-page-content section, body#address .my-account-page-content section, body#addresses .my-account-page-content section, body#history .my-account-page-content section, body#order-slip .my-account-page-content section, body#module-iqitwishlist-view .my-account-page-content section, body#module-ps_emailalerts-account .my-account-page-content section, body#identity .my-account-page-content article, body#address .my-account-page-content article, body#addresses .my-account-page-content article, body#history .my-account-page-content article, body#order-slip .my-account-page-content article, body#module-iqitwishlist-view .my-account-page-content article, body#module-ps_emailalerts-account .my-account-page-content article, body#identity .my-account-page-content .card, body#address .my-account-page-content .card, body#addresses .my-account-page-content .card, body#history .my-account-page-content .card, body#order-slip .my-account-page-content .card, body#module-iqitwishlist-view .my-account-page-content .card, body#module-ps_emailalerts-account .my-account-page-content .card { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Hide native titles inside right content */ body#identity .my-account-page-content h1, body#identity .my-account-page-content h2, body#identity .my-account-page-content .page-title, body#identity .my-account-page-content .page-header, body#address .my-account-page-content h1, body#address .my-account-page-content h2, body#address .my-account-page-content .page-title, body#address .my-account-page-content .page-header, body#addresses .my-account-page-content h1, body#addresses .my-account-page-content h2, body#addresses .my-account-page-content .page-title, body#addresses .my-account-page-content .page-header, body#history .my-account-page-content h1, body#history .my-account-page-content h2, body#history .my-account-page-content .page-title, body#history .my-account-page-content .page-header, body#order-slip .my-account-page-content h1, body#order-slip .my-account-page-content h2, body#order-slip .my-account-page-content .page-title, body#order-slip .my-account-page-content .page-header, body#module-iqitwishlist-view .my-account-page-content h1, body#module-iqitwishlist-view .my-account-page-content h2, body#module-iqitwishlist-view .my-account-page-content .page-title, body#module-iqitwishlist-view .my-account-page-content .page-header, body#module-ps_emailalerts-account .my-account-page-content h1, body#module-ps_emailalerts-account .my-account-page-content h2, body#module-ps_emailalerts-account .my-account-page-content .page-title, body#module-ps_emailalerts-account .my-account-page-content .page-header { display: none !important; } /* --------------------------------------------------------- 13.2 Left account menu --------------------------------------------------------- */ body#identity .my-account-side-links a, body#address .my-account-side-links a, body#addresses .my-account-side-links a, body#history .my-account-side-links a, body#order-slip .my-account-side-links a, body#module-iqitwishlist-view .my-account-side-links a, body#module-ps_emailalerts-account .my-account-side-links a { display: block !important; float: none !important; width: 100% !important; padding: 4px 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; text-align: right !important; text-decoration: none !important; background: transparent !important; color: #444 !important; } body#identity .my-account-side-links a .link-item, body#address .my-account-side-links a .link-item, body#addresses .my-account-side-links a .link-item, body#history .my-account-side-links a .link-item, body#order-slip .my-account-side-links a .link-item, body#module-iqitwishlist-view .my-account-side-links a .link-item, body#module-ps_emailalerts-account .my-account-side-links a .link-item { display: block !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.1 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; color: #444 !important; transition: all 0.15s ease !important; } body#identity .my-account-side-links a i, body#address .my-account-side-links a i, body#addresses .my-account-side-links a i, body#history .my-account-side-links a i, body#order-slip .my-account-side-links a i, body#module-iqitwishlist-view .my-account-side-links a i, body#module-ps_emailalerts-account .my-account-side-links a i { display: none !important; } body#identity .my-account-side-links a:hover .link-item, body#address .my-account-side-links a:hover .link-item, body#addresses .my-account-side-links a:hover .link-item, body#history .my-account-side-links a:hover .link-item, body#order-slip .my-account-side-links a:hover .link-item, body#module-iqitwishlist-view .my-account-side-links a:hover .link-item, body#module-ps_emailalerts-account .my-account-side-links a:hover .link-item { font-size: 10px !important; font-weight: 700 !important; color: #111 !important; } /* Selected menu item */ body#identity .my-account-side-links a[href*="/identity"] .link-item, body#identity .my-account-side-links a[href*="/datos-personales"] .link-item, body#address .my-account-side-links a[href*="/addresses"] .link-item, body#address .my-account-side-links a[href*="/direcciones"] .link-item, body#addresses .my-account-side-links a[href*="/addresses"] .link-item, body#addresses .my-account-side-links a[href*="/direcciones"] .link-item, body#history .my-account-side-links a[href*="/order-history"] .link-item, body#order-slip .my-account-side-links a[href*="/order-slip"] .link-item, body#module-iqitwishlist-view .my-account-side-links a[href*="iqitwishlist"] .link-item, body#module-ps_emailalerts-account .my-account-side-links a[href*="emailalerts"] .link-item { font-size: 10px !important; font-weight: 700 !important; color: #111 !important; } /* Sign out */ body#identity .my-account-side-links a[href*="mylogout"], body#address .my-account-side-links a[href*="mylogout"], body#addresses .my-account-side-links a[href*="mylogout"], body#history .my-account-side-links a[href*="mylogout"], body#order-slip .my-account-side-links a[href*="mylogout"], body#module-iqitwishlist-view .my-account-side-links a[href*="mylogout"], body#module-ps_emailalerts-account .my-account-side-links a[href*="mylogout"] { margin-top: 12px !important; border-bottom: 0 !important; } body#identity .my-account-side-links a[href*="mylogout"] .link-item, body#address .my-account-side-links a[href*="mylogout"] .link-item, body#addresses .my-account-side-links a[href*="mylogout"] .link-item, body#history .my-account-side-links a[href*="mylogout"] .link-item, body#order-slip .my-account-side-links a[href*="mylogout"] .link-item, body#module-iqitwishlist-view .my-account-side-links a[href*="mylogout"] .link-item, body#module-ps_emailalerts-account .my-account-side-links a[href*="mylogout"] .link-item { font-size: 11px !important; font-weight: 700 !important; color: #ff8fdf !important; } /* --------------------------------------------------------- 13.3 Forms: identity + address --------------------------------------------------------- */ body#identity #customer-form .form-group, body#address #address-form .form-group, body#address .address-form .form-group { margin: 0 0 8px 0 !important; padding: 0 !important; } body#identity #customer-form .form-group.row, body#address #address-form .form-group.row, body#address .address-form .form-group.row { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; margin-left: 0 !important; margin-right: 0 !important; } /* Identity labels */ body#identity #customer-form label.col-form-label { width: 58px !important; flex: 0 0 58px !important; max-width: 58px !important; padding: 0 6px 0 0 !important; margin: 0 !important; white-space: nowrap !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.05 !important; font-weight: 400 !important; text-transform: uppercase !important; color: #111 !important; } body#identity #customer-form .js-input-column { width: 332px !important; flex: 0 0 332px !important; max-width: 332px !important; padding: 0 !important; } /* Address form labels */ body#address #content.my-account-page-content-wrapper, body#address #content.page-content.my-account-page-content-wrapper { max-width: 780px !important; } body#address .my-account-page-content { width: 455px !important; flex: 0 0 455px !important; max-width: 455px !important; padding-left: 22px !important; } body#address #address-form label.col-form-label, body#address .address-form label.col-form-label { width: 118px !important; flex: 0 0 118px !important; max-width: 118px !important; padding: 0 8px 0 0 !important; margin: 0 !important; white-space: nowrap !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 400 !important; text-transform: uppercase !important; color: #111 !important; } body#address #address-form .js-input-column, body#address .address-form .js-input-column { width: 337px !important; flex: 0 0 337px !important; max-width: 337px !important; padding: 0 !important; } /* Hide optional comments */ body#identity #customer-form .form-control-comment, body#address #address-form .form-control-comment, body#address .address-form .form-control-comment { display: none !important; } /* Hide Mr / Ms */ body#identity #customer-form .form-group:has(input[name="id_gender"]), body#identity #customer-form .form-group:has(input[type="radio"]) { display: none !important; } /* Inputs */ body#identity #customer-form .form-control, body#address #address-form .form-control, body#address .address-form .form-control { width: 100% !important; height: 20px !important; min-height: 20px !important; padding: 0 0 2px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.1 !important; color: #111 !important; } body#identity #customer-form .form-control:focus, body#address #address-form .form-control:focus, body#address .address-form .form-control:focus { border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important; box-shadow: none !important; outline: none !important; } /* Password field */ body#identity #customer-form .input-group { display: flex !important; align-items: flex-end !important; width: 100% !important; } body#identity #customer-form .input-group .form-control { flex: 1 1 auto !important; width: auto !important; border-right: 0 !important; } body#identity #customer-form .input-group .input-group-btn, body#identity #customer-form .input-group .input-group-append { width: 24px !important; flex: 0 0 24px !important; } body#identity #customer-form .input-group .btn { width: 24px !important; height: 20px !important; min-height: 20px !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* Save buttons */ body#identity #customer-form .form-footer, body#address #address-form .form-footer, body#address .address-form .form-footer { margin-top: 34px !important; padding: 0 !important; text-align: left !important; } body#identity #customer-form .form-control-submit, body#address #address-form .form-control-submit, body#address .address-form .form-control-submit { width: 100% !important; height: 22px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #ffd6f5 !important; color: #111 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 22px !important; font-weight: 700 !important; text-transform: uppercase !important; } /* --------------------------------------------------------- 13.4 Identity legal checkboxes --------------------------------------------------------- */ body#identity #customer-form .form-group:has(input[name="optin"]), body#identity #customer-form .form-group:has(#ff_optin) { display: none !important; } body#identity #customer-form .form-group:has(input[type="checkbox"]) { margin-top: 10px !important; margin-bottom: 6px !important; align-items: flex-start !important; } body#identity #customer-form .form-group:has(input[type="checkbox"]) > label.col-form-label { width: 58px !important; flex: 0 0 58px !important; max-width: 58px !important; } body#identity #customer-form .custom-checkbox { position: relative !important; display: flex !important; align-items: flex-start !important; gap: 6px !important; width: 100% !important; min-height: 13px !important; margin: 0 !important; padding: 0 !important; } body#identity #customer-form .custom-checkbox input[type="checkbox"] { position: absolute !important; left: 0 !important; top: 1px !important; width: 12px !important; height: 12px !important; margin: 0 !important; opacity: 0 !important; z-index: 3 !important; cursor: pointer !important; } body#identity #customer-form .custom-checkbox input[type="checkbox"] + span { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; height: 12px !important; flex: 0 0 12px !important; margin-top: 1px !important; background: #ffd6f5 !important; border: 1px solid #ffd6f5 !important; box-sizing: border-box !important; pointer-events: none !important; } body#identity #customer-form .custom-checkbox input[type="checkbox"] + span i { display: none !important; font-size: 8px !important; color: #111 !important; line-height: 1 !important; } body#identity #customer-form .custom-checkbox input[type="checkbox"]:checked + span i { display: inline-block !important; } body#identity #customer-form .custom-checkbox label { display: block !important; width: auto !important; max-width: 245px !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.05 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #444 !important; cursor: pointer !important; } body#identity #customer-form .custom-checkbox label em { display: block !important; margin-top: 3px !important; font-size: 8px !important; line-height: 1.15 !important; color: #777 !important; } /* --------------------------------------------------------- 13.5 Saved addresses page --------------------------------------------------------- */ body#addresses .addresses, body#addresses .address, body#addresses .address-body, body#addresses .address-footer, body#addresses .addresses-footer { background: transparent !important; border: 0 !important; box-shadow: none !important; } body#addresses .address, body#addresses article.address, body#addresses .addresses .address { width: 148px !important; max-width: 148px !important; margin: 0 !important; padding: 0 !important; } body#addresses .address-body { padding: 8px 0 12px 0 !important; margin: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.2) !important; } body#addresses .address-body, body#addresses .address-body address, body#addresses .address-body p, body#addresses .address-body div { font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1.18 !important; font-weight: 400 !important; color: #111 !important; text-transform: none !important; } body#addresses .address-body h4, body#addresses .address-body .h4, body#addresses .address-body .address-alias, body#addresses .address-body strong:first-child { display: block !important; margin: 0 0 8px 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; } body#addresses .address-footer { display: flex !important; align-items: center !important; gap: 18px !important; padding: 0 0 12px 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; } body#addresses .address-footer a { font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 400 !important; text-transform: lowercase !important; text-decoration: none !important; color: #111 !important; } body#addresses .address-footer a:first-child, body#addresses .address-footer a[href*="id_address"], body#addresses .address-footer a[href*="update"] { color: #ff55d8 !important; } body#addresses .address-footer a:last-child, body#addresses .address-footer a[href*="delete"] { color: #111 !important; } body#addresses .address-footer a:hover { font-weight: 700 !important; } body#addresses .address-footer i { display: none !important; } /* Create new address button — final balanced version */ body#addresses .addresses-footer { width: 148px !important; max-width: 148px !important; margin: 13px 0 0 0 !important; padding: 0 !important; } body#addresses .addresses-footer a, body#addresses a[data-link-action="add-address"] { display: flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; width: 148px !important; max-width: 148px !important; height: 15px !important; min-height: 15px !important; padding: 0 !important; margin: 0 !important; background: #fdebf9 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, sans-serif !important; font-size: 8px !important; line-height: 15px !important; font-weight: 400 !important; text-align: center !important; text-transform: uppercase !important; color: #111 !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; } body#addresses .addresses-footer a::before, body#addresses a[data-link-action="add-address"]::before { content: "+" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 3px 0 0 !important; padding: 0 !important; font-size: 9px !important; line-height: 15px !important; font-weight: 400 !important; color: #111 !important; } body#addresses .addresses-footer a:hover, body#addresses a[data-link-action="add-address"]:hover { background: #ffd6f5 !important; color: #111 !important; font-weight: 700 !important; } body#addresses .addresses-footer a:hover::before, body#addresses a[data-link-action="add-address"]:hover::before { font-weight: 700 !important; } body#addresses .addresses-footer i, body#addresses a[data-link-action="add-address"] i { display: none !important; } /* --------------------------------------------------------- 13.6 Generic account pages Wishlist / alerts / credit slips / order history --------------------------------------------------------- */ body#module-iqitwishlist-view .alert, body#module-ps_emailalerts-account .alert, body#history .alert, body#order-slip .alert { width: auto !important; max-width: 260px !important; margin: 0 !important; padding: 8px 0 0 0 !important; border: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.2) !important; background: transparent !important; box-shadow: none !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 400 !important; color: #111 !important; } body#module-iqitwishlist-view .my-account-page-content p, body#module-ps_emailalerts-account .my-account-page-content p, body#history .my-account-page-content p, body#order-slip .my-account-page-content p { max-width: 260px !important; margin: 0 !important; padding: 8px 0 0 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.2) !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 400 !important; color: #111 !important; } /* Tables if data appears */ body#history .my-account-page-content table, body#order-slip .my-account-page-content table { width: 390px !important; border-collapse: collapse !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; } body#history .my-account-page-content table th, body#history .my-account-page-content table td, body#order-slip .my-account-page-content table th, body#order-slip .my-account-page-content table td { padding: 5px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; background: transparent !important; font-size: 9px !important; color: #111 !important; } /* --------------------------------------------------------- 13.7 Footer line --------------------------------------------------------- */ body#identity #footer, body#address #footer, body#addresses #footer, body#history #footer, body#order-slip #footer, body#module-iqitwishlist-view #footer, body#module-ps_emailalerts-account #footer { border-top: 1px solid #111 !important; } /* --------------------------------------------------------- 13.8 Responsive --------------------------------------------------------- */ @media (max-width: 767px) { body#identity #content.my-account-page-content-wrapper, body#identity #content.page-content.my-account-page-content-wrapper, body#address #content.my-account-page-content-wrapper, body#address #content.page-content.my-account-page-content-wrapper, body#addresses #content.my-account-page-content-wrapper, body#addresses #content.page-content.my-account-page-content-wrapper, body#history #content.my-account-page-content-wrapper, body#history #content.page-content.my-account-page-content-wrapper, body#order-slip #content.my-account-page-content-wrapper, body#order-slip #content.page-content.my-account-page-content-wrapper, body#module-iqitwishlist-view #content.my-account-page-content-wrapper, body#module-iqitwishlist-view #content.page-content.my-account-page-content-wrapper, body#module-ps_emailalerts-account #content.my-account-page-content-wrapper, body#module-ps_emailalerts-account #content.page-content.my-account-page-content-wrapper { max-width: 92% !important; margin: 48px auto 72px auto !important; } body#identity #content.my-account-page-content-wrapper > .row, body#identity #content.page-content.my-account-page-content-wrapper > .row, body#address #content.my-account-page-content-wrapper > .row, body#address #content.page-content.my-account-page-content-wrapper > .row, body#addresses #content.my-account-page-content-wrapper > .row, body#addresses #content.page-content.my-account-page-content-wrapper > .row, body#history #content.my-account-page-content-wrapper > .row, body#history #content.page-content.my-account-page-content-wrapper > .row, body#order-slip #content.my-account-page-content-wrapper > .row, body#order-slip #content.page-content.my-account-page-content-wrapper > .row, body#module-iqitwishlist-view #content.my-account-page-content-wrapper > .row, body#module-iqitwishlist-view #content.page-content.my-account-page-content-wrapper > .row, body#module-ps_emailalerts-account #content.my-account-page-content-wrapper > .row, body#module-ps_emailalerts-account #content.page-content.my-account-page-content-wrapper > .row { display: block !important; } body#identity .my-account-side-links, body#address .my-account-side-links, body#addresses .my-account-side-links, body#history .my-account-side-links, body#order-slip .my-account-side-links, body#module-iqitwishlist-view .my-account-side-links, body#module-ps_emailalerts-account .my-account-side-links { width: 100% !important; flex: none !important; max-width: 100% !important; min-height: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; padding-right: 0 !important; padding-bottom: 16px !important; margin-bottom: 28px !important; } body#identity .my-account-page-content, body#address .my-account-page-content, body#addresses .my-account-page-content, body#history .my-account-page-content, body#order-slip .my-account-page-content, body#module-iqitwishlist-view .my-account-page-content, body#module-ps_emailalerts-account .my-account-page-content { width: 100% !important; flex: none !important; max-width: 100% !important; padding-left: 0 !important; } } /* ========================================================= 13.9 GDPR PERSONAL DATA — FORCE SAME ACCOUNT STRUCTURE Use existing Section 13 visual system ========================================================= */ /* Same main wrapper as the other account pages */ body#module-psgdpr-gdpr #content.my-account-page-content-wrapper, body#module-psgdpr-gdpr #content.page-content.my-account-page-content-wrapper { max-width: 720px !important; margin: 72px auto 96px auto !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Same row behaviour */ body#module-psgdpr-gdpr #content.my-account-page-content-wrapper > .row, body#module-psgdpr-gdpr #content.page-content.my-account-page-content-wrapper > .row { display: flex !important; align-items: flex-start !important; justify-content: center !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } /* Same left menu */ body#module-psgdpr-gdpr .my-account-side-links { width: 245px !important; flex: 0 0 245px !important; max-width: 245px !important; min-height: 390px !important; padding: 0 12px 0 0 !important; margin: 0 !important; border-right: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: none !important; background: transparent !important; } /* Same right content position */ body#module-psgdpr-gdpr .my-account-page-content { width: 390px !important; flex: 0 0 390px !important; max-width: 390px !important; padding: 0 0 0 22px !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Same left menu typography */ body#module-psgdpr-gdpr .my-account-side-links a { display: block !important; float: none !important; width: 100% !important; padding: 4px 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; text-align: right !important; text-decoration: none !important; background: transparent !important; color: #444 !important; } body#module-psgdpr-gdpr .my-account-side-links a .link-item { display: block !important; font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.1 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; color: #444 !important; transition: all 0.15s ease !important; } body#module-psgdpr-gdpr .my-account-side-links a i { display: none !important; } body#module-psgdpr-gdpr .my-account-side-links a:hover .link-item, body#module-psgdpr-gdpr .my-account-side-links a[href*="psgdpr"] .link-item, body#module-psgdpr-gdpr .my-account-side-links a[href*="gdpr"] .link-item, body#module-psgdpr-gdpr .my-account-side-links a[href*="personal-data"] .link-item, body#module-psgdpr-gdpr .my-account-side-links a[href*="datos-personales"] .link-item { font-size: 10px !important; font-weight: 700 !important; color: #111 !important; } /* Same sign out */ body#module-psgdpr-gdpr .my-account-side-links a[href*="mylogout"] { margin-top: 12px !important; border-bottom: 0 !important; } body#module-psgdpr-gdpr .my-account-side-links a[href*="mylogout"] .link-item { font-size: 11px !important; font-weight: 700 !important; color: #ff8fdf !important; } /* Clean GDPR right content only — no layout changes */ body#module-psgdpr-gdpr .my-account-page-content, body#module-psgdpr-gdpr .my-account-page-content section, body#module-psgdpr-gdpr .my-account-page-content article, body#module-psgdpr-gdpr .my-account-page-content .card, body#module-psgdpr-gdpr .my-account-page-content .block, body#module-psgdpr-gdpr .my-account-page-content .box { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Hide GDPR page title if it creates a different visual rhythm */ body#module-psgdpr-gdpr .my-account-page-content h1, body#module-psgdpr-gdpr .my-account-page-content h2, body#module-psgdpr-gdpr .my-account-page-content .page-title, body#module-psgdpr-gdpr .my-account-page-content .page-header { display: none !important; } /* GDPR text like the other account pages */ body#module-psgdpr-gdpr .my-account-page-content h3, body#module-psgdpr-gdpr .my-account-page-content h4, body#module-psgdpr-gdpr .my-account-page-content p, body#module-psgdpr-gdpr .my-account-page-content div, body#module-psgdpr-gdpr .my-account-page-content span { font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 400 !important; color: #111 !important; } body#module-psgdpr-gdpr .my-account-page-content h3, body#module-psgdpr-gdpr .my-account-page-content h4 { font-weight: 700 !important; margin: 0 0 10px 0 !important; } /* GDPR buttons like the account pink buttons */ body#module-psgdpr-gdpr .my-account-page-content .btn, body#module-psgdpr-gdpr .my-account-page-content button, body#module-psgdpr-gdpr .my-account-page-content .btn-primary { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 148px !important; height: 15px !important; min-height: 15px !important; margin: 10px 10px 18px 0 !important; padding: 0 !important; background: #fdebf9 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, sans-serif !important; font-size: 8px !important; line-height: 15px !important; font-weight: 700 !important; text-align: center !important; text-transform: uppercase !important; color: #111 !important; text-decoration: none !important; } body#module-psgdpr-gdpr .my-account-page-content .btn:hover, body#module-psgdpr-gdpr .my-account-page-content button:hover, body#module-psgdpr-gdpr .my-account-page-content .btn-primary:hover { background: #ffd6f5 !important; } /* Footer line */ body#module-psgdpr-gdpr #footer { border-top: 1px solid #111 !important; } /* Fix Credit Slips selected state */ body#order-slip .my-account-side-links a[href*="/order-slip"] .link-item, body#order-slip .my-account-side-links a[href*="/credit-slip"] .link-item, body#order-slip .my-account-side-links a[href*="/credit-slips"] .link-item, body#order-slip .my-account-side-links a[href*="/abonos"] .link-item { font-size: 10px !important; font-weight: 700 !important; color: #111 !important; } /* Mobile */ @media (max-width: 767px) { body#module-psgdpr-gdpr #content.my-account-page-content-wrapper, body#module-psgdpr-gdpr #content.page-content.my-account-page-content-wrapper { max-width: 92% !important; margin: 48px auto 72px auto !important; } body#module-psgdpr-gdpr #content.my-account-page-content-wrapper > .row, body#module-psgdpr-gdpr #content.page-content.my-account-page-content-wrapper > .row { display: block !important; } body#module-psgdpr-gdpr .my-account-side-links { width: 100% !important; flex: none !important; max-width: 100% !important; min-height: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; padding-right: 0 !important; padding-bottom: 16px !important; margin-bottom: 28px !important; } body#module-psgdpr-gdpr .my-account-page-content { width: 100% !important; flex: none !important; max-width: 100% !important; padding-left: 0 !important; } } /* ========================================================= BNRD — GDPR PERSONAL DATA FINAL POLISH Closer to account-page mockup ========================================================= */ /* Make GDPR right content cleaner and closer to the account style */ body#module-psgdpr-gdpr .my-account-page-content { padding-left: 24px !important; } /* Remove any remaining visual card feeling */ body#module-psgdpr-gdpr .my-account-page-content .card, body#module-psgdpr-gdpr .my-account-page-content .block, body#module-psgdpr-gdpr .my-account-page-content section, body#module-psgdpr-gdpr .my-account-page-content article, body#module-psgdpr-gdpr .my-account-page-content .box { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 26px 0 !important; } /* Restore readable text size */ body#module-psgdpr-gdpr .my-account-page-content, body#module-psgdpr-gdpr .my-account-page-content p, body#module-psgdpr-gdpr .my-account-page-content div, body#module-psgdpr-gdpr .my-account-page-content span { font-size: 10px !important; line-height: 1.45 !important; font-weight: 400 !important; color: #111111 !important; } /* Titles / links */ body#module-psgdpr-gdpr .my-account-page-content h3, body#module-psgdpr-gdpr .my-account-page-content h4, body#module-psgdpr-gdpr .my-account-page-content strong, body#module-psgdpr-gdpr .my-account-page-content b { font-size: 10px !important; line-height: 1.35 !important; font-weight: 700 !important; color: #111111 !important; } /* Hide the native GDPR title if it makes the layout feel different */ body#module-psgdpr-gdpr .my-account-page-content h2 { display: none !important; } /* Buttons more like the account mockup */ body#module-psgdpr-gdpr .my-account-page-content .btn, body#module-psgdpr-gdpr .my-account-page-content button, body#module-psgdpr-gdpr .my-account-page-content .btn-primary { width: 150px !important; height: 16px !important; min-height: 16px !important; margin: 14px 12px 26px 0 !important; padding: 0 !important; background: #fdf2f7 !important; border: 0 !important; border-radius: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 8.5px !important; line-height: 16px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #111111 !important; } /* Slight hover */ body#module-psgdpr-gdpr .my-account-page-content .btn:hover, body#module-psgdpr-gdpr .my-account-page-content button:hover, body#module-psgdpr-gdpr .my-account-page-content .btn-primary:hover { background: #fbe6f0 !important; } /* Remove underlines unless needed */ body#module-psgdpr-gdpr .my-account-page-content a { color: #111111 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* ========================================================= 14. BNRD — PURCHASE INFO / STATIC CMS PAGES cms-id-6 More refined / smaller typography ========================================================= */ /* Kill default CMS boxes/noise only on CMS pages */ body#cms.page-cms .breadcrumb, body#cms.page-cms .page-header { display: none !important; } body#cms.page-cms #wrapper, body#cms.page-cms #inner-wrapper, body#cms.page-cms #content-wrapper, body#cms.page-cms #main, body#cms.page-cms #content, body#cms.page-cms .page-content, body#cms.page-cms .rte-content { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Purchase Info page main layout */ body#cms.cms-id-6 .bnrd-static-page { width: 1000px !important; max-width: calc(100vw - 80px) !important; margin: 82px auto 150px auto !important; padding: 0 !important; display: grid !important; grid-template-columns: 205px 1fr !important; column-gap: 24px !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; } /* Left menu */ body#cms.cms-id-6 .bnrd-static-menu { display: block !important; width: 205px !important; min-height: 420px !important; padding: 0 12px 0 0 !important; margin: 0 !important; border-right: 1px solid rgba(0, 0, 0, 0.22) !important; text-align: right !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; } /* Menu links */ body#cms.cms-id-6 .bnrd-static-menu a { display: block !important; width: 100% !important; margin: 0 !important; padding: 4px 0 4px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important; background: transparent !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.05 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: uppercase !important; color: #111111 !important; text-decoration: none !important; transition: font-size 0.14s ease, font-weight 0.14s ease !important; } /* Hover: quieter, less jumpy */ body#cms.cms-id-6 .bnrd-static-menu a:hover { font-size: 11.5px !important; line-height: 1.05 !important; font-weight: 700 !important; color: #111111 !important; } /* Default active state: CONTACT when no hash is selected */ body#cms.cms-id-6 .bnrd-static-page:not(:has(.bnrd-static-section:target)) .bnrd-static-menu a[href="#contact"] { font-size: 11.5px !important; line-height: 1.05 !important; font-weight: 700 !important; color: #111111 !important; } /* Active states depending on selected section */ body#cms.cms-id-6 .bnrd-static-page:has(#contact:target) .bnrd-static-menu a[href="#contact"], body#cms.cms-id-6 .bnrd-static-page:has(#shipping:target) .bnrd-static-menu a[href="#shipping"], body#cms.cms-id-6 .bnrd-static-page:has(#returns:target) .bnrd-static-menu a[href="#returns"], body#cms.cms-id-6 .bnrd-static-page:has(#payments:target) .bnrd-static-menu a[href="#payments"] { font-size: 11.5px !important; line-height: 1.05 !important; font-weight: 700 !important; color: #111111 !important; } /* Right content column */ body#cms.cms-id-6 .bnrd-static-content { display: block !important; width: 100% !important; max-width: 690px !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; } /* Sections */ body#cms.cms-id-6 .bnrd-static-section { display: none !important; margin: 0 !important; padding: 0 !important; scroll-margin-top: 240px !important; } /* Show only the section linked by URL hash */ body#cms.cms-id-6 .bnrd-static-section:target { display: block !important; } /* Default visible section: CONTACT */ body#cms.cms-id-6 .bnrd-static-section:first-child { display: block !important; } /* When another section is targeted, hide first CONTACT section */ body#cms.cms-id-6 .bnrd-static-content:has(.bnrd-static-section:target) .bnrd-static-section:first-child { display: none !important; } /* But if CONTACT itself is targeted, show it */ body#cms.cms-id-6 .bnrd-static-content:has(#contact:target) #contact { display: block !important; } /* Content title */ body#cms.cms-id-6 .bnrd-static-section h2 { margin: 0 0 13px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 1.12 !important; font-weight: 700 !important; color: #111111 !important; text-decoration: underline !important; } /* Text */ body#cms.cms-id-6 .bnrd-static-section p { margin: 0 0 12px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11.5px !important; line-height: 1.28 !important; font-weight: 400 !important; color: #111111 !important; } /* Strong text */ body#cms.cms-id-6 .bnrd-static-section strong { font-weight: 700 !important; color: inherit !important; } /* Pink highlight */ body#cms.cms-id-6 .bnrd-static-section .bnrd-pink, body#cms.cms-id-6 .bnrd-pink { color: #ff55d8 !important; font-weight: 700 !important; } /* Footer separation line on CMS pages */ body#cms.page-cms #footer { border-top: 1px solid #111111 !important; } /* Mobile */ @media (max-width: 767px) { body#cms.cms-id-6 .bnrd-static-page { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; margin: 56px auto 90px auto !important; display: block !important; } body#cms.cms-id-6 .bnrd-static-menu { width: 100% !important; min-height: 0 !important; padding: 0 0 18px 0 !important; margin: 0 0 28px 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.22) !important; text-align: left !important; } body#cms.cms-id-6 .bnrd-static-menu a { text-align: left !important; font-size: 10px !important; } body#cms.cms-id-6 .bnrd-static-menu a:hover, body#cms.cms-id-6 .bnrd-static-menu a.is-active { font-size: 11.5px !important; } body#cms.cms-id-6 .bnrd-static-content { max-width: 100% !important; } body#cms.cms-id-6 .bnrd-static-section { scroll-margin-top: 150px !important; } body#cms.cms-id-6 .bnrd-static-section h2 { font-size: 12px !important; } body#cms.cms-id-6 .bnrd-static-section p { font-size: 11.5px !important; line-height: 1.35 !important; } } /* ========================================================= 15. BNRD — ABOUT US CMS PAGE cms-id-4 ========================================================= */ /* Hide default CMS clutter only on About Us */ body#cms.cms-id-4 .breadcrumb, body#cms.cms-id-4 .page-header { display: none !important; } body#cms.cms-id-4 #wrapper, body#cms.cms-id-4 #inner-wrapper, body#cms.cms-id-4 #content-wrapper, body#cms.cms-id-4 #main, body#cms.cms-id-4 #content, body#cms.cms-id-4 .page-content, body#cms.cms-id-4 .rte-content { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Main About layout */ body#cms.cms-id-4 .bnrd-about-page { width: 1040px !important; max-width: calc(100vw - 80px) !important; margin: 82px auto 150px auto !important; padding: 0 !important; display: grid !important; grid-template-columns: 230px 1fr !important; column-gap: 42px !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; } /* Left title column */ body#cms.cms-id-4 .bnrd-about-title { padding: 0 18px 0 0 !important; margin: 0 !important; border-right: 1px solid rgba(0, 0, 0, 0.18) !important; min-height: 410px !important; display: flex !important; align-items: flex-start !important; justify-content: flex-end !important; } body#cms.cms-id-4 .bnrd-about-title h2 { width: 100% !important; margin: 0 !important; padding: 2px 0 0 0 !important; text-align: right !important; line-height: 1.05 !important; } body#cms.cms-id-4 .bnrd-about-title-strong, body#cms.cms-id-4 .bnrd-about-title-light { display: block !important; text-transform: uppercase !important; color: #111111 !important; letter-spacing: 0 !important; } body#cms.cms-id-4 .bnrd-about-title-strong { font-size: 13px !important; font-weight: 700 !important; margin-bottom: 2px !important; } body#cms.cms-id-4 .bnrd-about-title-light { font-size: 13px !important; font-weight: 400 !important; } /* Right content column */ body#cms.cms-id-4 .bnrd-about-content { width: 100% !important; max-width: 700px !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; } body#cms.cms-id-4 .bnrd-about-content p { margin: 0 0 18px 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #111111 !important; } /* Gallery */ body#cms.cms-id-4 .bnrd-about-gallery { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; margin-top: 18px !important; width: 100% !important; } body#cms.cms-id-4 .bnrd-about-gallery img { display: block !important; width: 100% !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important; border: 0 !important; box-shadow: none !important; filter: saturate(0.88) brightness(1.01) !important; } /* Footer separation line */ body#cms.cms-id-4 #footer { border-top: 1px solid #111111 !important; } /* Mobile */ @media (max-width: 767px) { body#cms.cms-id-4 .bnrd-about-page { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; margin: 56px auto 90px auto !important; display: block !important; } body#cms.cms-id-4 .bnrd-about-title { min-height: 0 !important; padding: 0 0 18px 0 !important; margin: 0 0 28px 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.18) !important; display: block !important; } body#cms.cms-id-4 .bnrd-about-title h2 { text-align: left !important; } body#cms.cms-id-4 .bnrd-about-title-strong, body#cms.cms-id-4 .bnrd-about-title-light { font-size: 13px !important; } body#cms.cms-id-4 .bnrd-about-content { max-width: 100% !important; } body#cms.cms-id-4 .bnrd-about-content p { font-size: 13px !important; line-height: 1.42 !important; } body#cms.cms-id-4 .bnrd-about-gallery { grid-template-columns: 1fr !important; gap: 12px !important; } } /* ========================================================= 16. BNRD — OUR STORES CMS PAGE cms-id-7 Content editable directly in CMS page ========================================================= */ /* Hide default CMS clutter only on Our Stores */ body#cms.cms-id-7 .breadcrumb, body#cms.cms-id-7 .page-header { display: none !important; } body#cms.cms-id-7 #wrapper, body#cms.cms-id-7 #inner-wrapper, body#cms.cms-id-7 #content-wrapper, body#cms.cms-id-7 #main, body#cms.cms-id-7 #content, body#cms.cms-id-7 .page-content, body#cms.cms-id-7 .rte-content { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Main Our Stores layout */ body#cms.cms-id-7 .bnrd-ourstores-cms-page { width: 1040px !important; max-width: calc(100vw - 80px) !important; margin: 82px auto 150px auto !important; padding: 0 !important; display: grid !important; grid-template-columns: 180px 1px 700px !important; column-gap: 18px !important; align-items: start !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; } /* Left title column */ body#cms.cms-id-7 .bnrd-static-title { padding: 0 !important; margin: 0 !important; display: block !important; text-align: right !important; } body#cms.cms-id-7 .bnrd-static-title h1 { width: 100% !important; margin: 0 !important; padding: 2px 0 0 0 !important; text-align: right !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: uppercase !important; color: #111111 !important; } /* Vertical divider */ body#cms.cms-id-7 .bnrd-static-divider { width: 1px !important; min-height: 560px !important; margin: 0 !important; padding: 0 !important; background: rgba(0, 0, 0, 0.18) !important; } /* Right content column */ body#cms.cms-id-7 .bnrd-ourstores-content { width: 100% !important; max-width: 700px !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; line-height: 1.22 !important; font-weight: 400 !important; color: #111111 !important; } /* Store text blocks */ body#cms.cms-id-7 .bnrd-store-compact-block { margin: 0 0 18px 0 !important; padding: 0 !important; border-bottom: 0 !important; } body#cms.cms-id-7 .bnrd-store-compact-block:last-of-type { margin-bottom: 28px !important; } /* Store title + title divider line */ body#cms.cms-id-7 .bnrd-store-compact-block h2 { margin: 0 0 9px 0 !important; padding: 0 0 5px 0 !important; border-bottom: 1px solid #d8d8d8 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; line-height: 1.1 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111111 !important; } body#cms.cms-id-7 .bnrd-store-compact-block h2 strong { font-weight: 700 !important; text-transform: uppercase !important; color: #111111 !important; } body#cms.cms-id-7 .bnrd-store-compact-block h2 span { margin: 0 4px !important; color: #3f3f3f !important; font-weight: 400 !important; } body#cms.cms-id-7 .bnrd-store-compact-block p { margin: 0 0 9px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; line-height: 1.22 !important; font-weight: 400 !important; color: #111111 !important; } /* Labels: Address / Contact / Open Hours */ body#cms.cms-id-7 .bnrd-store-compact-block p > strong, body#cms.cms-id-7 .bnrd-store-hours-block > strong { font-weight: 700 !important; color: #4a4a4a !important; } /* Address / contact information */ body#cms.cms-id-7 .bnrd-store-address { font-weight: 400 !important; color: #111111 !important; } /* Hours block */ body#cms.cms-id-7 .bnrd-store-hours-block { margin: 12px 0 0 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; line-height: 1.22 !important; font-weight: 400 !important; color: #111111 !important; } /* Opening hours aligned rows */ body#cms.cms-id-7 .bnrd-hours-row { display: grid !important; grid-template-columns: 120px 110px 110px !important; column-gap: 14px !important; margin: 1px 0 0 0 !important; padding: 0 !important; align-items: baseline !important; } body#cms.cms-id-7 .bnrd-hours-day, body#cms.cms-id-7 .bnrd-hours-time { display: block !important; margin: 0 !important; padding: 0 !important; font-weight: 400 !important; color: #111111 !important; } /* Image grid */ body#cms.cms-id-7 .bnrd-ourstores-gallery { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px 36px !important; width: 100% !important; max-width: 640px !important; margin: 34px 0 0 8px !important; padding: 0 !important; } body#cms.cms-id-7 .bnrd-ourstores-gallery img { display: block !important; width: 100% !important; height: 145px !important; object-fit: cover !important; object-position: center !important; opacity: 0.55 !important; filter: saturate(0.82) contrast(0.96) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Footer separation line */ body#cms.cms-id-7 #footer { border-top: 1px solid #111111 !important; } /* Mobile */ @media (max-width: 767px) { body#cms.cms-id-7 .bnrd-ourstores-cms-page { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; margin: 56px auto 90px auto !important; display: block !important; } body#cms.cms-id-7 .bnrd-static-title { padding: 0 0 18px 0 !important; margin: 0 0 28px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.18) !important; display: block !important; } body#cms.cms-id-7 .bnrd-static-title h1 { text-align: left !important; font-size: 13px !important; } body#cms.cms-id-7 .bnrd-static-divider { display: none !important; } body#cms.cms-id-7 .bnrd-ourstores-content { max-width: 100% !important; font-size: 11px !important; line-height: 1.35 !important; } body#cms.cms-id-7 .bnrd-store-compact-block p, body#cms.cms-id-7 .bnrd-store-compact-block h2, body#cms.cms-id-7 .bnrd-store-hours-block { font-size: 11px !important; line-height: 1.35 !important; } body#cms.cms-id-7 .bnrd-hours-row { display: grid !important; grid-template-columns: 1fr !important; row-gap: 2px !important; margin: 4px 0 8px 0 !important; } body#cms.cms-id-7 .bnrd-ourstores-gallery { grid-template-columns: 1fr !important; gap: 12px !important; max-width: 100% !important; margin: 24px 0 0 0 !important; } body#cms.cms-id-7 .bnrd-ourstores-gallery img { height: auto !important; max-height: none !important; } } /* ========================================================= BNRD — SIDE CART MICRO FIXES 1. Show real size 2. Restore totals values 3. Replace trash icon with X + separate from price Safe: only affects open cart drawer ========================================================= */ /* --------------------------------------------------------- 1. PRODUCT SIZE Hide APPAREL / US/EUR labels, show the real value --------------------------------------------------------- */ #_desktop_blockcart-content.show #blockcart-content .cart-products .product-attributes .label { display: none !important; } #_desktop_blockcart-content.show #blockcart-content .cart-products .product-attributes .value { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 7px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #777777 !important; } /* --------------------------------------------------------- 2. TOTALS VALUES Restore hidden prices in subtotal / shipping / total --------------------------------------------------------- */ #_desktop_blockcart-content.show #blockcart-content .cart-summary-line .value, #_desktop_blockcart-content.show #blockcart-content .cart-subtotals .value, #_desktop_blockcart-content.show #blockcart-content .cart-totals .value { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; text-align: right !important; } /* --------------------------------------------------------- 3. REMOVE ICON Replace trash icon with X Add separation between X and price --------------------------------------------------------- */ /* Give the price/remove column more breathing room */ #_desktop_blockcart-content.show #blockcart-content .cart-products .col-p-0:has(.remove-from-cart), #_desktop_blockcart-content.show #blockcart-content .cart-products .col-auto:has(.remove-from-cart) { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; min-width: 86px !important; } /* Hide the native trash icon */ #_desktop_blockcart-content.show #blockcart-content .remove-from-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 12px 0 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 1 !important; color: transparent !important; text-decoration: none !important; } #_desktop_blockcart-content.show #blockcart-content .remove-from-cart i, #_desktop_blockcart-content.show #blockcart-content .remove-from-cart svg, #_desktop_blockcart-content.show #blockcart-content .remove-from-cart .fa, #_desktop_blockcart-content.show #blockcart-content .remove-from-cart .material-icons { display: none !important; } /* Show X instead */ #_desktop_blockcart-content.show #blockcart-content .remove-from-cart::after { content: "X" !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; color: #111111 !important; } #_desktop_blockcart-content.show #blockcart-content .remove-from-cart:hover::after { opacity: 0.55 !important; } /* ========================================================= BNRD — SIDE CART TOTALS + FONT POLISH Safe: only affects open cart drawer ========================================================= */ /* --------------------------------------------------------- 1. FORCE CALIBRI IN THE WHOLE OPEN CART --------------------------------------------------------- */ #_desktop_blockcart-content.show, #_desktop_blockcart-content.show *, #_desktop_blockcart-content.show #blockcart-content, #_desktop_blockcart-content.show #blockcart-content * { font-family: Calibri, Arial, Helvetica, sans-serif !important; } /* --------------------------------------------------------- 2. SUBTOTALS: 2 ITEMS / SHIPPING --------------------------------------------------------- */ #_desktop_blockcart-content.show #blockcart-content .cart-subtotals { border-top: 1px solid rgba(0, 0, 0, 0.28) !important; padding-top: 10px !important; } #_desktop_blockcart-content.show #blockcart-content .cart-subtotals .cart-summary-line, #_desktop_blockcart-content.show #blockcart-content .cart-subtotals .cart-summary-line .label, #_desktop_blockcart-content.show #blockcart-content .cart-subtotals .cart-summary-line .value { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 8px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; color: #111111 !important; } #_desktop_blockcart-content.show #blockcart-content .cart-subtotals .cart-summary-line .value { display: inline-block !important; visibility: visible !important; opacity: 1 !important; text-align: right !important; } /* --------------------------------------------------------- 3. TOTAL LINE: TOTAL (TAX INCL.) --------------------------------------------------------- */ #_desktop_blockcart-content.show #blockcart-content .cart-totals { border-top: 1px solid rgba(0, 0, 0, 0.28) !important; padding-top: 10px !important; margin-top: 9px !important; } #_desktop_blockcart-content.show #blockcart-content .cart-totals, #_desktop_blockcart-content.show #blockcart-content .cart-totals *, #_desktop_blockcart-content.show #blockcart-content .cart-total, #_desktop_blockcart-content.show #blockcart-content .cart-total *, #_desktop_blockcart-content.show #blockcart-content [class*="cart-total"], #_desktop_blockcart-content.show #blockcart-content [class*="cart-total"] * { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; color: #111111 !important; } #_desktop_blockcart-content.show #blockcart-content .cart-totals .cart-summary-line, #_desktop_blockcart-content.show #blockcart-content .cart-total { display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #_desktop_blockcart-content.show #blockcart-content .cart-totals .value, #_desktop_blockcart-content.show #blockcart-content .cart-total .value { display: inline-block !important; visibility: visible !important; opacity: 1 !important; text-align: right !important; } /* ========================================================= BNRD — SIDE CART TOTAL + QUANTITY SOFTENING Safe: open cart only ========================================================= */ /* --------------------------------------------------------- 1. TOTAL LINE — reduce weight, cleaner look --------------------------------------------------------- */ #_desktop_blockcart-content.show #blockcart-content .cart-totals, #_desktop_blockcart-content.show #blockcart-content .cart-totals *, #_desktop_blockcart-content.show #blockcart-content .cart-total, #_desktop_blockcart-content.show #blockcart-content .cart-total *, #_desktop_blockcart-content.show #blockcart-content [class*="cart-total"], #_desktop_blockcart-content.show #blockcart-content [class*="cart-total"] * { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; color: #111111 !important; } #_desktop_blockcart-content.show #blockcart-content .cart-totals .value, #_desktop_blockcart-content.show #blockcart-content .cart-total .value { font-weight: 400 !important; text-align: right !important; } /* --------------------------------------------------------- 2. QUANTITY CONTROL — remove heavy box look Keep native functionality --------------------------------------------------------- */ #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin, #_desktop_blockcart-content.show #blockcart-content .input-group.bootstrap-touchspin, #_desktop_blockcart-content.show #blockcart-content .block-cart-product-quantity { box-shadow: none !important; border: 0 !important; background: transparent !important; } /* Quantity number input */ #_desktop_blockcart-content.show #blockcart-content input.block-cart-product-quantity, #_desktop_blockcart-content.show #blockcart-content .block-cart-product-quantity input, #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin input { width: 26px !important; min-width: 26px !important; max-width: 26px !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 24px !important; font-weight: 400 !important; text-align: center !important; color: #111111 !important; } /* Up/down buttons wrapper */ #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin .input-group-btn-vertical, #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin .input-group-btn { width: 14px !important; min-width: 14px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* Up/down buttons */ #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin .btn, #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-up, #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-down { width: 14px !important; min-width: 14px !important; height: 12px !important; min-height: 12px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; color: #111111 !important; opacity: 0.55 !important; } /* Hide button text/icons if theme outputs messy glyphs */ #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-up::before { content: "⌃" !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1 !important; } #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-down::before { content: "⌄" !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1 !important; } #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-up i, #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-down i, #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-up span, #_desktop_blockcart-content.show #blockcart-content .bootstrap-touchspin-down span { display: none !important; } /* ========================================================= BNRD — SHOPPING CART PAGE / CLEAN FINAL BLOCK Replace every previous cart-page block with this one only. Does NOT touch side cart drawer. ========================================================= */ /* --------------------------------------------------------- 1. PAGE BASE --------------------------------------------------------- */ body#cart, body#cart #main-page-content, body#cart #wrapper, body#cart #content-wrapper, body#cart #main, body#cart #content { font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; background: #ffffff !important; } /* Hide default page title / breadcrumb */ body#cart h1.page-title, body#cart .page-title, body#cart .page-header, body#cart .breadcrumb, body#cart nav.breadcrumb, body#cart .breadcrumbs { display: none !important; } /* --------------------------------------------------------- 2. MAIN CART LAYOUT --------------------------------------------------------- */ body#cart #content-wrapper { max-width: 980px !important; margin: 108px auto 120px auto !important; padding: 0 !important; } body#cart .cart-grid { display: grid !important; grid-template-columns: minmax(0, 1.7fr) minmax(250px, 0.9fr) !important; column-gap: 48px !important; align-items: start !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; } body#cart .cart-grid-body, body#cart .cart-grid-right { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; } /* --------------------------------------------------------- 3. YOUR BAG + DIVIDER --------------------------------------------------------- */ body#cart .cart-grid-body { position: relative !important; padding-left: 22px !important; border-left: 1px solid rgba(0, 0, 0, 0.22) !important; } body#cart .cart-grid-body::before { content: "YOUR BAG" !important; position: absolute !important; left: -78px !important; top: 0 !important; width: 68px !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; text-align: right !important; white-space: nowrap !important; color: #111111 !important; } /* --------------------------------------------------------- 4. REMOVE DEFAULT CARDS / BOXES --------------------------------------------------------- */ body#cart .card, body#cart .cart-container, body#cart .cart-overview, body#cart .cart-summary { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } body#cart .card-body { padding: 0 !important; } /* --------------------------------------------------------- 5. PRODUCT LIST --------------------------------------------------------- */ body#cart .cart-items { margin: 0 !important; padding: 0 !important; list-style: none !important; } body#cart .cart-item { margin: 0 !important; padding: 0 !important; border: 0 !important; } body#cart .product-line-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 205px !important; column-gap: 22px !important; align-items: start !important; margin: 0 !important; padding: 0 0 16px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.22) !important; } body#cart .cart-item + .cart-item .product-line-grid { padding-top: 16px !important; } /* --------------------------------------------------------- 6. PRODUCT IMAGE + INFO --------------------------------------------------------- */ body#cart .product-line-grid-body { width: auto !important; max-width: none !important; padding: 0 !important; } body#cart .product-line-grid-body > .row { display: grid !important; grid-template-columns: 72px minmax(220px, 1fr) !important; column-gap: 12px !important; align-items: start !important; margin: 0 !important; } body#cart .product-line-grid-body .product-image { width: 72px !important; min-width: 72px !important; max-width: 72px !important; margin: 0 !important; padding: 0 !important; flex: none !important; } body#cart .product-line-grid-body .product-image a, body#cart .product-line-grid-body .product-image picture, body#cart .product-line-grid-body .product-image img { display: block !important; width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: auto !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; } body#cart .product-line-grid-body .col.col-9 { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; } /* --------------------------------------------------------- 7. BRAND / PRODUCT NAME / SIZE --------------------------------------------------------- */ body#cart .product-line-info { margin: 0 0 3px 0 !important; } body#cart .bnrd-cart-brand { display: block !important; margin: 0 0 2px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1.08 !important; font-weight: 400 !important; letter-spacing: 0.055em !important; text-transform: uppercase !important; color: #111111 !important; } body#cart .product-line-info a.label { display: block !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.12 !important; font-weight: 400 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; color: #111111 !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } body#cart .product-line-info-secondary, body#cart .product-line-info-secondary .label, body#cart .product-line-info-secondary .value { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; color: #666666 !important; } /* Hide APPAREL: / US/EUR: labels, keep value */ body#cart .product-line-info-secondary .label { display: none !important; } body#cart .product-line-info-secondary .value { display: inline-block !important; } /* --------------------------------------------------------- 8. PRODUCT ACTIONS Native quantity only. No custom - 1 +. qty ........ price ........ X --------------------------------------------------------- */ body#cart .product-line-grid-right { width: auto !important; max-width: none !important; padding: 0 !important; } body#cart .product-line-grid-right > .row { display: grid !important; grid-template-columns: 36px 84px 14px !important; column-gap: 30px !important; align-items: center !important; justify-content: end !important; margin: 0 !important; } /* Hide duplicated unit price */ body#cart .product-line-grid-right .unit-price { display: none !important; } /* --------------------------------------------------------- 9. NATIVE QUANTITY — QUIET STYLE --------------------------------------------------------- */ body#cart .product-line-grid-right .qty, body#cart .product-line-grid-right .qty * { box-shadow: none !important; text-shadow: none !important; } body#cart .product-line-grid-right .qty { width: 36px !important; min-width: 36px !important; max-width: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } body#cart .product-line-grid-right input.js-cart-line-product-quantity { display: inline-block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; position: static !important; width: 24px !important; min-width: 24px !important; max-width: 24px !important; height: 18px !important; min-height: 18px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0 !important; appearance: textfield !important; -webkit-appearance: none !important; -moz-appearance: textfield !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: 400 !important; text-align: center !important; color: #111111 !important; } /* Hide browser native number arrows */ body#cart input.js-cart-line-product-quantity::-webkit-outer-spin-button, body#cart input.js-cart-line-product-quantity::-webkit-inner-spin-button { -webkit-appearance: none !important; appearance: none !important; margin: 0 !important; display: none !important; } /* If Warehouse/Touchspin exists, remove borders and make arrows quiet */ body#cart .qty .bootstrap-touchspin, body#cart .qty .input-group, body#cart .qty .input-group.bootstrap-touchspin { border: 0 !important; background: transparent !important; box-shadow: none !important; } body#cart .qty .bootstrap-touchspin .btn, body#cart .qty .bootstrap-touchspin-up, body#cart .qty .bootstrap-touchspin-down, body#cart .qty button.bootstrap-touchspin-up, body#cart .qty button.bootstrap-touchspin-down { border: 0 !important; background: transparent !important; box-shadow: none !important; color: #111111 !important; opacity: 0.22 !important; padding: 0 !important; } /* --------------------------------------------------------- 10. PRICE + REMOVE X --------------------------------------------------------- */ body#cart .product-line-grid-right .price, body#cart .product-line-grid-right .product-price, body#cart .product-line-grid-right .product-price strong { width: 84px !important; min-width: 84px !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: 400 !important; text-align: right !important; color: #111111 !important; } body#cart .cart-line-product-actions .remove-from-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; } body#cart .cart-line-product-actions .remove-from-cart i, body#cart .cart-line-product-actions .remove-from-cart svg, body#cart .cart-line-product-actions .remove-from-cart .fa, body#cart .cart-line-product-actions .remove-from-cart .material-icons { display: none !important; } body#cart .cart-line-product-actions .remove-from-cart::after { content: "X" !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: 400 !important; letter-spacing: 0.03em !important; color: #111111 !important; } body#cart .cart-line-product-actions .remove-from-cart:hover::after { opacity: 0.55 !important; } /* --------------------------------------------------------- 11. SUMMARY --------------------------------------------------------- */ body#cart .cart-grid-right { padding-top: 0 !important; } body#cart .cart-summary { padding: 0 !important; } body#cart .cart-summary::before { content: "SUMMARY" !important; display: block !important; margin: 0 0 7px 0 !important; padding: 0 0 5px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; color: #111111 !important; } body#cart .cart-detailed-subtotals, body#cart .cart-summary-totals { padding: 0 !important; } body#cart .cart-summary-line { display: grid !important; grid-template-columns: 1fr auto !important; column-gap: 18px !important; margin: 0 !important; padding: 0 0 4px 0 !important; border: 0 !important; } body#cart .cart-summary-line .label, body#cart .cart-summary-line .value { float: none !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.12 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; color: #111111 !important; } body#cart .cart-summary-line .value { text-align: right !important; } body#cart .cart-summary-line.cart-total { margin-top: 5px !important; padding-top: 7px !important; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; } body#cart .cart-summary-line.cart-total .label { text-transform: uppercase !important; } body#cart .cart-summary-line.cart-total .label, body#cart .cart-summary-line.cart-total .value { font-size: 11px !important; font-weight: 400 !important; } body#cart .cart-summary hr { display: none !important; } body#cart .iqitfreedeliverycount, body#cart .alert-info.iqitfreedeliverycount { display: none !important; } /* --------------------------------------------------------- 12. CHECKOUT BUTTON No border, light pink, bigger text. --------------------------------------------------------- */ body#cart .cart-detailed-actions { padding-top: 9px !important; } body#cart .cart-detailed-actions .btn, body#cart .cart-detailed-actions .btn-primary, body#cart .cart-detailed-actions a[href*="checkout"] { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 21px !important; min-height: 21px !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 0 !important; background: #fdeef6 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9.5px !important; line-height: 21px !important; font-weight: 700 !important; letter-spacing: 0.045em !important; text-transform: uppercase !important; text-decoration: none !important; color: #111111 !important; } body#cart .cart-detailed-actions .btn:hover, body#cart .cart-detailed-actions .btn-primary:hover, body#cart .cart-detailed-actions a[href*="checkout"]:hover { background: #f9e2ef !important; border: 0 !important; color: #111111 !important; } /* --------------------------------------------------------- 13. CONTINUE SHOPPING --------------------------------------------------------- */ body#cart .cart-grid-body > a.btn-secondary { display: inline-flex !important; align-items: center !important; margin: 16px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; color: #111111 !important; text-decoration: none !important; } /* --------------------------------------------------------- 14. MOBILE SAFETY --------------------------------------------------------- */ @media (max-width: 991px) { body#cart #content-wrapper { max-width: 92vw !important; margin: 70px auto 80px auto !important; } body#cart .cart-grid { grid-template-columns: 1fr !important; row-gap: 30px !important; } body#cart .cart-grid-body { padding-left: 0 !important; border-left: 0 !important; } body#cart .cart-grid-body::before { position: static !important; display: block !important; width: auto !important; margin: 0 0 20px 0 !important; text-align: left !important; } body#cart .product-line-grid { grid-template-columns: 1fr !important; row-gap: 12px !important; } body#cart .product-line-grid-body > .row { grid-template-columns: 70px minmax(0, 1fr) !important; } body#cart .product-line-grid-body .product-image, body#cart .product-line-grid-body .product-image a, body#cart .product-line-grid-body .product-image picture, body#cart .product-line-grid-body .product-image img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; } body#cart .product-line-grid-right > .row { justify-content: start !important; } } /* ========================================================= BNRD — CART PAGE / REMOVE BROKEN QTY SELECTOR Keep quantity number only. No arrows / no selector box. ========================================================= */ /* Quantity column: show only the number */ body#cart .product-line-grid-right .qty { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; min-width: 24px !important; max-width: 24px !important; margin: 0 !important; padding: 0 !important; } /* Keep the input visible but make it look like plain text */ body#cart .product-line-grid-right input.js-cart-line-product-quantity { display: inline-block !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important; width: 18px !important; min-width: 18px !important; max-width: 18px !important; height: 18px !important; min-height: 18px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0 !important; appearance: textfield !important; -webkit-appearance: none !important; -moz-appearance: textfield !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: 400 !important; text-align: center !important; color: #111111 !important; } /* Kill browser arrows */ body#cart input.js-cart-line-product-quantity::-webkit-outer-spin-button, body#cart input.js-cart-line-product-quantity::-webkit-inner-spin-button { -webkit-appearance: none !important; appearance: none !important; display: none !important; margin: 0 !important; } /* Kill Warehouse / Touchspin arrows completely */ body#cart .qty .bootstrap-touchspin .btn, body#cart .qty .bootstrap-touchspin-up, body#cart .qty .bootstrap-touchspin-down, body#cart .qty button.bootstrap-touchspin-up, body#cart .qty button.bootstrap-touchspin-down, body#cart .qty .input-group-btn, body#cart .qty .input-group-btn-vertical { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } /* Flatten quantity wrappers */ body#cart .qty .bootstrap-touchspin, body#cart .qty .input-group, body#cart .qty .input-group.bootstrap-touchspin { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* Rebalance action row after removing selector arrows */ body#cart .product-line-grid { grid-template-columns: minmax(0, 1fr) 180px !important; } body#cart .product-line-grid-right > .row { display: grid !important; grid-template-columns: 24px 84px 14px !important; column-gap: 28px !important; align-items: center !important; justify-content: end !important; margin: 0 !important; } /* Price */ body#cart .product-line-grid-right .price, body#cart .product-line-grid-right .product-price, body#cart .product-line-grid-right .product-price strong { width: 84px !important; min-width: 84px !important; line-height: 18px !important; text-align: right !important; } /* X */ body#cart .cart-line-product-actions .remove-from-cart { width: 14px !important; height: 18px !important; } body#cart .cart-line-product-actions .remove-from-cart::after { line-height: 18px !important; } /* ========================================================= 14B. BNRD — CREATE ACCOUNT PAGE / FINAL REAL HTML VERSION Based on real /registration HTML: body#registration / section.register-form / form#customer-form ========================================================= */ /* ------------------------------ GENERAL WRAPPER ------------------------------ */ body#registration .page-header, body#registration h1.page-title, body#registration .page-title { display: none !important; } body#registration section.register-form { position: relative !important; width: 100% !important; max-width: 720px !important; margin: 92px auto 118px auto !important; padding: 0 0 0 165px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Left title */ body#registration section.register-form::before { content: "CREATE A BNRD ACCOUNT" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 140px !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; text-align: right !important; color: #111111 !important; } /* Divider */ body#registration section.register-form::after { content: "" !important; position: absolute !important; left: 152px !important; top: 0 !important; bottom: 0 !important; width: 1px !important; background: rgba(0, 0, 0, 0.10) !important; } /* ------------------------------ FORM BASE ------------------------------ */ body#registration form#customer-form { width: 560px !important; max-width: 560px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Already have an account line */ body#registration section.register-form > p { margin: 0 0 26px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; color: #777777 !important; text-align: left !important; } body#registration section.register-form > p a { color: #ff55d8 !important; text-decoration: none !important; } /* ------------------------------ REMOVE UNWANTED ROWS ------------------------------ */ /* Social title / Mr / Mrs */ body#registration form#customer-form .form-group:has(input[name="id_gender"]), body#registration form#customer-form .form-group:has(input[id*="id_gender"]) { display: none !important; } /* Receive offers from our partners */ body#registration form#customer-form .form-group:has(input[name="optin"]), body#registration form#customer-form .form-group:has(input#ff_optin), body#registration form#customer-form .form-group:has(label[for="ff_optin"]) { display: none !important; } /* ------------------------------ NORMAL FIELD ROWS ------------------------------ */ body#registration form#customer-form .form-group.row.align-items-center { display: grid !important; grid-template-columns: 125px 421px !important; column-gap: 14px !important; align-items: center !important; width: 560px !important; max-width: 560px !important; margin: 0 0 9px 0 !important; padding: 0 !important; } /* Labels */ body#registration form#customer-form label.col-md-2, body#registration form#customer-form label.form-control-label, body#registration form#customer-form .form-control-label { grid-column: 1 !important; width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; text-align: right !important; white-space: nowrap !important; color: #111111 !important; } /* Input column */ body#registration form#customer-form .col-md-8.js-input-column, body#registration form#customer-form .js-input-column { grid-column: 2 !important; width: 421px !important; max-width: 421px !important; flex: none !important; margin: 0 !important; padding: 0 !important; } /* Hide comments / optional text */ body#registration form#customer-form .col-md-2.form-control-comment, body#registration form#customer-form .form-control-comment, body#registration form#customer-form .help-block, body#registration form#customer-form .text-muted { display: none !important; } /* Inputs */ body#registration form#customer-form .form-control, body#registration form#customer-form input[type="text"], body#registration form#customer-form input[type="email"], body#registration form#customer-form input[type="password"] { width: 100% !important; height: 17px !important; min-height: 17px !important; margin: 0 !important; padding: 0 4px !important; border: 0 !important; border-bottom: 1px solid #777777 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 17px !important; color: #111111 !important; } /* Remove blue focus */ body#registration form#customer-form .form-control:focus, body#registration form#customer-form input:focus { background: transparent !important; box-shadow: none !important; outline: 0 !important; border-color: transparent !important; border-bottom: 1px solid #111111 !important; } /* Remove Chrome/Safari autofill blue */ body#registration form#customer-form input:-webkit-autofill, body#registration form#customer-form input:-webkit-autofill:hover, body#registration form#customer-form input:-webkit-autofill:focus { -webkit-text-fill-color: #111111 !important; caret-color: #111111 !important; -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; box-shadow: 0 0 0 1000px #ffffff inset !important; background: #ffffff !important; transition: background-color 9999s ease-out 0s !important; } /* Hide password eye */ body#registration form#customer-form .input-group-append { display: none !important; } /* ------------------------------ CHECKBOX ROWS ------------------------------ */ body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) { display: grid !important; grid-template-columns: 125px 421px !important; column-gap: 14px !important; align-items: center !important; width: 560px !important; max-width: 560px !important; margin: 8px 0 0 0 !important; padding: 0 !important; } /* Keep checkbox content in the same right column as inputs */ body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) .col-md-8, body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) .js-input-column { grid-column: 2 !important; width: 421px !important; max-width: 421px !important; margin: 0 !important; padding: 0 !important; } /* Checkbox visual row */ body#registration form#customer-form .custom-checkbox { display: flex !important; align-items: center !important; gap: 10px !important; width: 421px !important; max-width: 421px !important; margin: 0 0 7px 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } body#registration form#customer-form input[type="checkbox"] { width: 14px !important; height: 14px !important; min-width: 14px !important; min-height: 14px !important; margin: 0 !important; padding: 0 !important; accent-color: #fdeef6 !important; } /* Checkbox text */ body#registration form#customer-form .custom-checkbox label, body#registration form#customer-form .custom-checkbox span { display: block !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; color: #111111 !important; } /* Hide long privacy paragraph */ body#registration form#customer-form .custom-checkbox em, body#registration form#customer-form .custom-checkbox small, body#registration form#customer-form .custom-checkbox p, body#registration form#customer-form .custom-checkbox .text-muted { display: none !important; } /* ------------------------------ SAVE BUTTON ------------------------------ */ body#registration form#customer-form footer.form-footer, body#registration form#customer-form .form-footer { width: 421px !important; max-width: 421px !important; margin: 14px 0 0 139px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left !important; } body#registration form#customer-form button.form-control-submit, body#registration form#customer-form button[data-link-action="save-customer"], body#registration form#customer-form .btn.btn-primary.form-control-submit { display: flex !important; align-items: center !important; justify-content: center !important; width: 421px !important; height: 20px !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fdeef6 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 20px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #111111 !important; } body#registration form#customer-form button.form-control-submit:hover, body#registration form#customer-form button[data-link-action="save-customer"]:hover, body#registration form#customer-form .btn.btn-primary.form-control-submit:hover { background: #f9e2ef !important; color: #111111 !important; } /* ========================================================= BNRD — REGISTRATION FINAL MICRO-FIX Current-state fix only ========================================================= */ /* 1. Bring the form block closer to the divider */ body#registration form#customer-form { width: 520px !important; max-width: 520px !important; } /* 2. Make the rows tighter: label closer to divider, input still wide */ body#registration form#customer-form .form-group.row.align-items-center { grid-template-columns: 88px 421px !important; column-gap: 12px !important; width: 520px !important; max-width: 520px !important; margin: 0 0 8px 0 !important; } /* 3. Labels: one line, closer, clean */ body#registration form#customer-form label.col-md-2, body#registration form#customer-form label.form-control-label, body#registration form#customer-form .form-control-label { text-align: right !important; white-space: nowrap !important; } /* 4. Input column keeps same width */ body#registration form#customer-form .col-md-8.js-input-column, body#registration form#customer-form .js-input-column { width: 421px !important; max-width: 421px !important; } /* 5. Already have an account aligned with the form content, not floating left */ body#registration section.register-form > p { margin: 0 0 24px 100px !important; padding: 0 !important; width: 421px !important; max-width: 421px !important; } /* 6. Force-hide Social Title row visually as backup */ body#registration form#customer-form .form-group.row.align-items-center:first-child, body#registration form#customer-form .form-group:has(input[name="id_gender"]), body#registration form#customer-form .form-group:has(input[type="radio"]) { display: none !important; } /* 7. Checkbox rows: align with input column and reduce vertical spacing */ body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) { grid-template-columns: 88px 421px !important; column-gap: 12px !important; width: 520px !important; max-width: 520px !important; margin: 3px 0 0 0 !important; padding: 0 !important; } body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) .col-md-8, body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) .js-input-column { grid-column: 2 !important; width: 421px !important; max-width: 421px !important; margin: 0 !important; padding: 0 !important; } body#registration form#customer-form .custom-checkbox { margin: 0 0 4px 0 !important; padding: 0 !important; gap: 8px !important; align-items: center !important; } /* 8. Save button aligned with the input column */ body#registration form#customer-form footer.form-footer, body#registration form#customer-form .form-footer { width: 421px !important; max-width: 421px !important; margin: 10px 0 0 100px !important; padding: 0 !important; } body#registration form#customer-form button.form-control-submit, body#registration form#customer-form button[data-link-action="save-customer"], body#registration form#customer-form .btn.btn-primary.form-control-submit { width: 421px !important; height: 20px !important; min-height: 20px !important; background: #fdeef6 !important; color: #111111 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; } /* ========================================================= BNRD — REGISTRATION FINAL 3 FIXES 1. remove page border 2. recover First Name + Password 3. bring right block closer to divider ========================================================= */ /* 1) Remove the light border around the registration page */ body#registration #content, body#registration .page-content, body#registration section.register-form, body#registration #wrapper, body#registration #inner-wrapper { border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* 2) Recover FIRST NAME and PASSWORD rows */ body#registration form#customer-form .form-group:has(input[name="firstname"]), body#registration form#customer-form .form-group:has(input[name="password"]), body#registration form#customer-form .form-group:has(input[name="new_password"]), body#registration form#customer-form .form-group:has(input[type="password"]) { display: grid !important; grid-template-columns: 78px 421px !important; column-gap: 10px !important; align-items: center !important; width: 509px !important; max-width: 509px !important; margin: 0 0 8px 0 !important; padding: 0 !important; } /* 3) Bring the whole right block closer to the vertical divider */ body#registration form#customer-form { width: 509px !important; max-width: 509px !important; } body#registration form#customer-form .form-group.row.align-items-center { grid-template-columns: 78px 421px !important; column-gap: 10px !important; width: 509px !important; max-width: 509px !important; } /* Already have an account aligned with the same visual column */ body#registration section.register-form > p { margin-left: 88px !important; width: 421px !important; max-width: 421px !important; } /* Input column */ body#registration form#customer-form .col-md-8.js-input-column, body#registration form#customer-form .js-input-column { width: 421px !important; max-width: 421px !important; } /* Labels closer to divider */ body#registration form#customer-form label.col-md-2, body#registration form#customer-form label.form-control-label, body#registration form#customer-form .form-control-label { text-align: right !important; white-space: nowrap !important; } /* Checkbox rows: same tighter structure */ body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) { grid-template-columns: 78px 421px !important; column-gap: 10px !important; width: 509px !important; max-width: 509px !important; margin: 3px 0 0 0 !important; } /* Save button aligned with input column */ body#registration form#customer-form footer.form-footer, body#registration form#customer-form .form-footer { margin-left: 88px !important; width: 421px !important; max-width: 421px !important; } /* ========================================================= BNRD — REGISTRATION RECOVERY + FINAL ALIGNMENT Recovers First Name / Password after Social Title JS removal Removes remaining border Brings form closer to divider ========================================================= */ /* 1) Remove page border */ body#registration #content, body#registration .page-content, body#registration section.register-form, body#registration #wrapper, body#registration #inner-wrapper, body#registration .container, body#registration .js-content-wrapper { border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* 2) IMPORTANT: undo any old rule hiding the first form row */ body#registration form#customer-form .form-group.row.align-items-center:first-child, body#registration form#customer-form .form-group:first-child { display: grid !important; } /* 3) Recover First Name row explicitly */ body#registration form#customer-form .form-group:has(input[name="firstname"]), body#registration form#customer-form .form-group:has(input#field-firstname) { display: grid !important; } /* 4) Recover Password row explicitly */ body#registration form#customer-form .form-group:has(input[name="password"]), body#registration form#customer-form .form-group:has(input#field-password), body#registration form#customer-form .form-group:has(input[type="password"]) { display: grid !important; } /* 5) But keep Social Title hidden if CSS sees it before JS removes it */ body#registration form#customer-form .form-group:has(input[name="id_gender"]) { display: none !important; } /* 6) Keep Receive offers hidden */ body#registration form#customer-form .form-group:has(input#ff_optin), body#registration form#customer-form .form-group:has(input[name="optin"]) { display: none !important; } /* 7) Bring whole right block closer to divider */ body#registration section.register-form { max-width: 670px !important; padding-left: 150px !important; } body#registration section.register-form::before { width: 130px !important; } body#registration section.register-form::after { left: 140px !important; } /* 8) Form width and rows */ body#registration form#customer-form { width: 500px !important; max-width: 500px !important; } body#registration form#customer-form .form-group.row.align-items-center, body#registration form#customer-form .form-group { grid-template-columns: 78px 410px !important; column-gap: 12px !important; width: 500px !important; max-width: 500px !important; margin: 0 0 8px 0 !important; padding: 0 !important; align-items: center !important; } /* 9) Login line aligned with form content */ body#registration section.register-form > p { margin: 0 0 24px 90px !important; width: 410px !important; max-width: 410px !important; } /* 10) Input column */ body#registration form#customer-form .col-md-8.js-input-column, body#registration form#customer-form .js-input-column, body#registration form#customer-form .col-md-8 { width: 410px !important; max-width: 410px !important; padding: 0 !important; margin: 0 !important; } /* 11) Inputs */ body#registration form#customer-form .form-control, body#registration form#customer-form input[type="text"], body#registration form#customer-form input[type="email"], body#registration form#customer-form input[type="password"] { width: 100% !important; background: transparent !important; box-shadow: none !important; outline: 0 !important; } /* 12) Checkbox rows aligned and compact */ body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) { grid-template-columns: 78px 410px !important; column-gap: 12px !important; width: 500px !important; max-width: 500px !important; margin: 3px 0 0 0 !important; } body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) .col-md-8, body#registration form#customer-form .form-group.row.align-items-center:has(input[type="checkbox"]) .js-input-column { grid-column: 2 !important; width: 410px !important; max-width: 410px !important; } /* 13) Save button aligned with input column */ body#registration form#customer-form footer.form-footer, body#registration form#customer-form .form-footer { margin: 10px 0 0 90px !important; width: 410px !important; max-width: 410px !important; } body#registration form#customer-form button.form-control-submit, body#registration form#customer-form button[data-link-action="save-customer"], body#registration form#customer-form .btn.btn-primary.form-control-submit { width: 410px !important; } /* ========================================================= 17. BNRD — CHECKOUT REDESIGN / CLEAN RECOVERY Personal Information step Scoped only to body#checkout ========================================================= */ body#checkout { font-family: Calibri, Arial, sans-serif !important; color: #111 !important; } /* --------------------------------------------------------- MAIN CHECKOUT LAYOUT --------------------------------------------------------- */ body#checkout #main > .page-title { font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: .04em !important; color: #111 !important; margin: 0 0 20px 0 !important; } body#checkout #main > .row { display: grid !important; grid-template-columns: 760px 320px !important; column-gap: 120px !important; align-items: start !important; width: fit-content !important; max-width: 100% !important; margin: 0 auto !important; } body#checkout #main > .row > .col-md-8, body#checkout #main > .row > .col-md-4, body#checkout #main > .row > .cart-grid-right { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; } /* --------------------------------------------------------- BNRD — CHECKOUT SUMMARY CLEAN VERSION Safe version: no fake duplicated show-details links --------------------------------------------------------- */ /* Right column wrapper */ body#checkout #main > .row > .col-md-4, body#checkout #main > .row > .cart-grid-right { width: 320px !important; max-width: 320px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Remove card/box look */ body#checkout #main > .row > .col-md-4 .cart-summary, body#checkout #main > .row > .col-md-4 #js-checkout-summary, body#checkout #main > .row > .col-md-4 .card, body#checkout #main > .row > .cart-grid-right .cart-summary, body#checkout #main > .row > .cart-grid-right #js-checkout-summary, body#checkout #main > .row > .cart-grid-right .card { position: relative !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Inner spacing reset */ body#checkout #main > .row > .col-md-4 .card-block, body#checkout #main > .row > .col-md-4 .card-body, body#checkout #main > .row > .col-md-4 #js-checkout-summary, body#checkout #main > .row > .cart-grid-right .card-block, body#checkout #main > .row > .cart-grid-right .card-body, body#checkout #main > .row > .cart-grid-right #js-checkout-summary { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* SUMMARY title + divider */ body#checkout #main > .row > .col-md-4 #js-checkout-summary::before, body#checkout #main > .row > .cart-grid-right #js-checkout-summary::before, body#checkout #main > .row > .col-md-4 .cart-summary::before, body#checkout #main > .row > .cart-grid-right .cart-summary::before { content: "SUMMARY" !important; display: block !important; margin: 0 0 16px 0 !important; padding: 0 0 7px 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; color: #111 !important; border-bottom: 1px solid #d9d9d9 !important; } /* Base typography */ body#checkout #main > .row > .col-md-4, body#checkout #main > .row > .cart-grid-right, body#checkout #main > .row > .col-md-4 *, body#checkout #main > .row > .cart-grid-right * { font-family: Calibri, Arial, sans-serif !important; font-size: 11px !important; line-height: 1.25 !important; letter-spacing: 0 !important; color: #111 !important; box-shadow: none !important; } /* Main summary products block */ body#checkout #js-checkout-summary .cart-summary-products { display: block !important; width: 100% !important; margin: 0 0 18px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* First line: 1 item | show details */ body#checkout #js-checkout-summary .cart-summary-products > div:first-child { display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; column-gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Real show details trigger — no fake text */ body#checkout #js-checkout-summary .cart-summary-products > div:first-child > a { display: inline-block !important; justify-self: end !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 400 !important; text-transform: none !important; color: #111 !important; text-decoration: underline !important; text-underline-offset: 2px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Hide only the arrow icon inside show details */ body#checkout #js-checkout-summary .cart-summary-products > div:first-child > a i { display: none !important; } /* IMPORTANT: no fake ::after show details */ body#checkout #js-checkout-summary .cart-summary-products a::before, body#checkout #js-checkout-summary .cart-summary-products a::after { content: none !important; display: none !important; } /* Expanded product details wrapper */ body#checkout #cart-summary-product-list { width: 100% !important; margin: 12px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* Product list reset */ body#checkout #cart-summary-product-list .media-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } /* One product row */ body#checkout #cart-summary-product-list .media-cart-summary-product { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) !important; column-gap: 10px !important; align-items: center !important; margin: 0 0 12px 0 !important; padding: 0 !important; border: 0 !important; } /* Product image */ body#checkout #cart-summary-product-list .media-left { width: 46px !important; min-width: 46px !important; margin: 0 !important; padding: 0 !important; } body#checkout #cart-summary-product-list .media-left img { display: block !important; width: 46px !important; height: auto !important; } /* Product content */ body#checkout #cart-summary-product-list .media-body { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "name price" "attr price" !important; column-gap: 10px !important; align-items: center !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Product name */ body#checkout #cart-summary-product-list .media-body > a { grid-area: name !important; display: block !important; min-width: 0 !important; color: #111 !important; text-decoration: none !important; background: transparent !important; border: 0 !important; } body#checkout #cart-summary-product-list .product-name { display: block !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; text-transform: uppercase !important; color: #111 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Product attributes */ body#checkout #cart-summary-product-list .product-line-info { grid-area: attr !important; display: block !important; margin: 2px 0 0 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; color: #111 !important; text-transform: none !important; } /* Qty + price */ body#checkout #cart-summary-product-list .media-body > .pull-right { grid-area: price !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; color: #111 !important; white-space: nowrap !important; text-align: right !important; } /* Hide edit/cart link under expanded product details */ body#checkout #cart-summary-product-list > .text-right { display: none !important; } /* Native hr inside summary */ body#checkout #js-checkout-summary > hr { margin: 12px 0 !important; border: 0 !important; border-top: 1px solid #eeeeee !important; } /* Regular subtotal/shipping rows */ body#checkout #main > .row > .col-md-4 .cart-summary-line, body#checkout #main > .row > .cart-grid-right .cart-summary-line { display: grid !important; grid-template-columns: 1fr auto !important; align-items: start !important; column-gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 0 3px 0 !important; border: 0 !important; background: transparent !important; } /* All non-total rows regular */ body#checkout #main > .row > .col-md-4 .cart-summary-line:not(.cart-total), body#checkout #main > .row > .col-md-4 .cart-summary-line:not(.cart-total) *, body#checkout #main > .row > .cart-grid-right .cart-summary-line:not(.cart-total), body#checkout #main > .row > .cart-grid-right .cart-summary-line:not(.cart-total) *, body#checkout #cart-subtotal-products, body#checkout #cart-subtotal-products *, body#checkout #cart-subtotal-shipping, body#checkout #cart-subtotal-shipping *, body#checkout .cart-summary-subtotals, body#checkout .cart-summary-subtotals * { font-size: 11px !important; line-height: 1.25 !important; font-weight: 400 !important; text-transform: none !important; color: #111 !important; } /* Values aligned right */ body#checkout #main > .row > .col-md-4 .cart-summary-line .value, body#checkout #main > .row > .cart-grid-right .cart-summary-line .value { text-align: right !important; } /* TOTAL row only */ body#checkout #main > .row > .col-md-4 .cart-summary-line.cart-total, body#checkout #main > .row > .cart-grid-right .cart-summary-line.cart-total { display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; column-gap: 20px !important; margin: 18px 0 0 0 !important; padding: 0 0 12px 0 !important; border: 0 !important; border-bottom: 1px solid #d9d9d9 !important; background: transparent !important; } /* TOTAL text only bold uppercase */ body#checkout #main > .row > .col-md-4 .cart-summary-line.cart-total, body#checkout #main > .row > .col-md-4 .cart-summary-line.cart-total *, body#checkout #main > .row > .cart-grid-right .cart-summary-line.cart-total, body#checkout #main > .row > .cart-grid-right .cart-summary-line.cart-total * { font-size: 12px !important; line-height: 1.15 !important; font-weight: 700 !important; text-transform: uppercase !important; color: #111 !important; } /* Remove accidental lines from non-total rows */ body#checkout #main > .row > .col-md-4 .cart-summary-line:not(.cart-total), body#checkout #main > .row > .cart-grid-right .cart-summary-line:not(.cart-total) { border-top: 0 !important; border-bottom: 0 !important; } /* Toggle text: show details / hide details */ body#checkout #js-checkout-summary .cart-summary-products > div:first-child > a { font-size: 0 !important; } /* Closed state */ body#checkout #js-checkout-summary .cart-summary-products > div:first-child > a::after { content: "show details" !important; display: inline-block !important; font-family: Calibri, Arial, sans-serif !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 400 !important; text-transform: none !important; color: #111 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* Open state */ body#checkout #js-checkout-summary .cart-summary-products > div:first-child > a[aria-expanded="true"]::after { content: "hide details" !important; } /* --------------------------------------------------------- CHECKOUT STEPS — STRUCTURE --------------------------------------------------------- */ body#checkout section.checkout-step, body#checkout .checkout-step { background: transparent !important; box-shadow: none !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; margin: 0 !important; padding: 0 !important; } /* Collapsed steps get only one clean separator */ body#checkout section.checkout-step:not(.-current):not(.js-current-step) { border-top: 1px solid #d9d9d9 !important; } /* Current/open step: absolutely no weird top/bottom borders */ body#checkout section.checkout-step.-current, body#checkout section.checkout-step.js-current-step { border-top: 0 !important; border-bottom: 0 !important; } /* No extra line directly after the open step */ body#checkout section.checkout-step.-current + section.checkout-step, body#checkout section.checkout-step.js-current-step + section.checkout-step { border-top: 0 !important; } /* Step title base: future = black regular */ body#checkout section.checkout-step > h1.step-title, body#checkout section.checkout-step > h1.step-title.h3, body#checkout section.checkout-step > .step-title, body#checkout section.checkout-step > .step-title.h3 { margin: 0 !important; padding: 7px 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 11px !important; line-height: 1.05 !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 0 !important; color: #111 !important; opacity: 1 !important; background: transparent !important; border: 0 !important; } /* Inner step title elements inherit exactly */ body#checkout section.checkout-step > h1.step-title *, body#checkout section.checkout-step > h1.step-title.h3 *, body#checkout section.checkout-step > .step-title *, body#checkout section.checkout-step > .step-title.h3 * { font-family: Calibri, Arial, sans-serif !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; text-transform: inherit !important; letter-spacing: inherit !important; color: inherit !important; opacity: 1 !important; } /* Current step = black bold */ body#checkout section.checkout-step.-current > h1.step-title, body#checkout section.checkout-step.js-current-step > h1.step-title, body#checkout section.checkout-step.-current > .step-title, body#checkout section.checkout-step.js-current-step > .step-title, body#checkout section.checkout-step.-current > h1.step-title *, body#checkout section.checkout-step.js-current-step > h1.step-title *, body#checkout section.checkout-step.-current > .step-title *, body#checkout section.checkout-step.js-current-step > .step-title * { font-weight: 700 !important; color: #111 !important; } /* Completed step = black bold */ body#checkout section.checkout-step.-complete > h1.step-title, body#checkout section.checkout-step.complete > h1.step-title, body#checkout section.checkout-step.-complete > .step-title, body#checkout section.checkout-step.complete > .step-title, body#checkout section.checkout-step.-complete > h1.step-title *, body#checkout section.checkout-step.complete > h1.step-title *, body#checkout section.checkout-step.-complete > .step-title *, body#checkout section.checkout-step.complete > .step-title * { font-weight: 700 !important; color: #111 !important; } /* Future / unreachable = black regular */ body#checkout section.checkout-step.-unreachable > h1.step-title, body#checkout section.checkout-step.-unreachable > .step-title, body#checkout section.checkout-step.-unreachable > h1.step-title *, body#checkout section.checkout-step.-unreachable > .step-title * { font-weight: 400 !important; color: #111 !important; } /* Step number spacing */ body#checkout section.checkout-step .step-number { margin-right: 4px !important; } /* Hide default completed/edit icons */ body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit { display: none !important; } /* --------------------------------------------------------- PERSONAL INFORMATION LAYOUT --------------------------------------------------------- */ body#checkout #checkout-personal-information-step { display: grid !important; grid-template-columns: 185px minmax(0, 1fr) !important; column-gap: 10px !important; align-items: start !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; padding: 0 0 12px 0 !important; margin: 0 0 10px 0 !important; } body#checkout #checkout-personal-information-step > .step-title, body#checkout #checkout-personal-information-step > h1.step-title { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; padding: 3px 0 0 0 !important; font-size: 12px !important; line-height: 1.15 !important; font-weight: 700 !important; color: #111 !important; text-transform: uppercase !important; background: transparent !important; border: 0 !important; } body#checkout #checkout-personal-information-step > .content { grid-column: 2 !important; grid-row: 1 !important; border-left: 1px solid #dddddd !important; border-top: 0 !important; border-bottom: 0 !important; padding: 0 0 0 14px !important; background: transparent !important; } /* Login line */ body#checkout #checkout-personal-information-step > .content > p:first-child { margin: 0 0 12px 0 !important; font-size: 10px !important; line-height: 1.25 !important; color: #777 !important; text-transform: none !important; } body#checkout #checkout-personal-information-step > .content > p:first-child a { color: #777 !important; text-decoration: underline !important; } /* Hide "Create an account optional" text block */ body#checkout #checkout-personal-information-step #customer-form > div > p { display: none !important; } /* --------------------------------------------------------- FORM ROWS --------------------------------------------------------- */ body#checkout #checkout-personal-information-step #customer-form .form-group { display: grid !important; grid-template-columns: 78px minmax(0, 1fr) 52px !important; column-gap: 10px !important; align-items: center !important; margin: 0 0 8px 0 !important; } body#checkout #checkout-personal-information-step #customer-form .form-group > label, body#checkout #checkout-personal-information-step #customer-form .form-group > .col-md-2, body#checkout #checkout-personal-information-step #customer-form .form-group > .col-md-8, body#checkout #checkout-personal-information-step #customer-form .form-group > .form-control-comment, body#checkout #checkout-personal-information-step #customer-form .form-group > .col-md-2.form-control-comment { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; } body#checkout #checkout-personal-information-step #customer-form .col-form-label, body#checkout #checkout-personal-information-step #customer-form .form-group > label, body#checkout #checkout-personal-information-step #customer-form label.form-control-label { font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.1 !important; font-weight: 700 !important; text-transform: uppercase !important; color: #555 !important; letter-spacing: 0 !important; } body#checkout #checkout-personal-information-step #customer-form .js-input-column { max-width: none !important; } /* --------------------------------------------------------- INPUTS --------------------------------------------------------- */ body#checkout #checkout-personal-information-step #customer-form input.form-control, body#checkout #checkout-personal-information-step #customer-form select.form-control, body#checkout #checkout-personal-information-step #customer-form textarea.form-control { height: auto !important; min-height: 24px !important; padding: 0 0 2px 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 11px !important; line-height: 1.15 !important; color: #111 !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #cdcdcd !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; } body#checkout #checkout-personal-information-step #customer-form input.form-control:focus, body#checkout #checkout-personal-information-step #customer-form select.form-control:focus, body#checkout #checkout-personal-information-step #customer-form textarea.form-control:focus { border-bottom-color: #999 !important; background: #fff !important; box-shadow: none !important; outline: none !important; } /* Remove blue autofill/shadows */ body#checkout #checkout-personal-information-step input.form-control, body#checkout #checkout-personal-information-step textarea.form-control, body#checkout #checkout-personal-information-step select.form-control, body#checkout #checkout-personal-information-step .js-visible-password { background: #fff !important; box-shadow: none !important; } body#checkout #checkout-personal-information-step input:-webkit-autofill, body#checkout #checkout-personal-information-step input:-webkit-autofill:hover, body#checkout #checkout-personal-information-step input:-webkit-autofill:focus, body#checkout #checkout-personal-information-step textarea:-webkit-autofill, body#checkout #checkout-personal-information-step select:-webkit-autofill { -webkit-text-fill-color: #111 !important; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; transition: background-color 9999s ease-out 0s !important; background-color: #fff !important; caret-color: #111 !important; } /* Hide helper comments under inputs */ body#checkout #checkout-personal-information-step #customer-form .js-input-column > .form-control-comment { display: none !important; } /* Optional text */ body#checkout #checkout-personal-information-step #customer-form .form-group > .form-control-comment, body#checkout #checkout-personal-information-step #customer-form .form-group > .col-md-2.form-control-comment { font-size: 9px !important; line-height: 1.1 !important; color: #999 !important; text-align: left !important; } /* --------------------------------------------------------- PASSWORD GROUP --------------------------------------------------------- */ body#checkout #checkout-personal-information-step .input-group { display: flex !important; align-items: stretch !important; width: 100% !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#checkout #checkout-personal-information-step .input-group .form-control { border-right: 0 !important; } body#checkout #checkout-personal-information-step .input-group-append { display: flex !important; } body#checkout #checkout-personal-information-step .input-group-append .btn, body#checkout #checkout-personal-information-step button[data-action="show-password"] { min-width: 24px !important; padding: 0 5px !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #cdcdcd !important; border-radius: 0 !important; color: #777 !important; box-shadow: none !important; font-size: 10px !important; } body#checkout #checkout-personal-information-step .field-password-policy { margin: 0 !important; } /* --------------------------------------------------------- CHECKBOXES — NORMAL TEXT, LOWERCASE, REGULAR --------------------------------------------------------- */ body#checkout #checkout-personal-information-step #customer-form .custom-checkbox { display: flex !important; align-items: flex-start !important; gap: 6px !important; margin: 0 0 7px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Force checkbox text to stay normal, not uppercase */ body#checkout #checkout-personal-information-step #customer-form .custom-checkbox, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox *, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox label, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox label span, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox span, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox em, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox small, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox p { font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: #555 !important; } /* Long privacy text */ body#checkout #checkout-personal-information-step #customer-form .custom-checkbox em, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox small, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox p { font-size: 9px !important; line-height: 1.25 !important; font-style: italic !important; color: #777 !important; } /* Checkbox square */ body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"] + span { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 13px !important; height: 13px !important; min-width: 13px !important; margin-top: 1px !important; background: #fff !important; border: 1px solid #cfcfcf !important; box-shadow: none !important; } /* Hide icon when unchecked */ body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"] + span .checkbox-checked, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"] + span .fa-check { display: none !important; } /* Show real Warehouse/FontAwesome check when checked */ body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"]:checked + span .fa-check { display: inline-block !important; font-family: "Font Awesome 6 Free", "FontAwesome", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; color: #111 !important; } /* Kill fake marks only */ body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"] + span::before, body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"] + span::after { content: none !important; display: none !important; } body#checkout #checkout-personal-information-step #customer-form .custom-checkbox input[type="checkbox"]:checked + span { background: #fff !important; border-color: #bdbdbd !important; } /* --------------------------------------------------------- CONTINUE BUTTON --------------------------------------------------------- */ body#checkout #checkout-personal-information-step .form-footer { width: 100% !important; margin: 12px 0 0 0 !important; padding: 0 !important; text-align: left !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#checkout #checkout-personal-information-step .continue, body#checkout #checkout-personal-information-step .btn-primary { display: block !important; width: 100% !important; max-width: none !important; min-height: 20px !important; margin: 0 !important; padding: 3px 16px !important; font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 700 !important; text-transform: uppercase !important; color: #111 !important; background: #f7eaf0 !important; border: 1px solid #f7eaf0 !important; border-radius: 0 !important; box-shadow: none !important; } body#checkout #checkout-personal-information-step .continue:hover, body#checkout #checkout-personal-information-step .btn-primary:hover { background: #f2e1e9 !important; border-color: #f2e1e9 !important; color: #111 !important; } /* --------------------------------------------------------- RESPONSIVE SAFETY --------------------------------------------------------- */ @media (max-width: 1400px) { body#checkout #main > .row { grid-template-columns: minmax(620px, 740px) 300px !important; column-gap: 70px !important; } } @media (max-width: 1199px) { body#checkout #main > .row { grid-template-columns: 1fr 300px !important; width: 100% !important; } body#checkout #checkout-personal-information-step { grid-template-columns: 160px minmax(0, 1fr) !important; } body#checkout #checkout-personal-information-step #customer-form .form-group { grid-template-columns: 72px minmax(0, 1fr) 50px !important; } } @media (max-width: 991px) { body#checkout #main > .row { display: block !important; } body#checkout #main > .row > .col-md-4, body#checkout #main > .row > .cart-grid-right { margin-top: 24px !important; } body#checkout #checkout-personal-information-step { display: block !important; } body#checkout #checkout-personal-information-step > .step-title { margin-bottom: 12px !important; } body#checkout #checkout-personal-information-step > .content { border-left: 0 !important; padding-left: 0 !important; } body#checkout #checkout-personal-information-step #customer-form .form-group { grid-template-columns: 1fr !important; row-gap: 4px !important; } } /* --------------------------------------------------------- ADDRESSES STEP — BNRD CLEAN VERSION Scoped only to checkout addresses step --------------------------------------------------------- */ body#checkout #checkout-addresses-step { display: grid !important; grid-template-columns: 185px minmax(0, 1fr) !important; column-gap: 10px !important; align-items: start !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; padding: 0 0 12px 0 !important; margin: 0 0 10px 0 !important; background: transparent !important; box-shadow: none !important; } /* Addresses title on the left */ body#checkout #checkout-addresses-step > .step-title, body#checkout #checkout-addresses-step > h1.step-title { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; padding: 3px 0 0 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 12px !important; line-height: 1.15 !important; font-weight: 700 !important; text-transform: uppercase !important; color: #111 !important; background: transparent !important; border: 0 !important; } /* Addresses content on the right */ body#checkout #checkout-addresses-step > .content { grid-column: 2 !important; grid-row: 1 !important; border-left: 1px solid #dddddd !important; border-top: 0 !important; border-bottom: 0 !important; padding: 0 0 0 14px !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; } /* Remove PrestaShop explanatory sentence */ body#checkout #checkout-addresses-step > .content > p, body#checkout #checkout-addresses-step .address-selector, body#checkout #checkout-addresses-step .js-address-selector { display: none !important; } /* Address form wrapper */ body#checkout #checkout-addresses-step .js-address-form, body#checkout #checkout-addresses-step form { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Form rows */ body#checkout #checkout-addresses-step .form-group { display: grid !important; grid-template-columns: 105px minmax(0, 1fr) 52px !important; column-gap: 10px !important; align-items: center !important; margin: 0 0 8px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Reset Bootstrap columns */ body#checkout #checkout-addresses-step .form-group > label, body#checkout #checkout-addresses-step .form-group > .col-md-2, body#checkout #checkout-addresses-step .form-group > .col-md-6, body#checkout #checkout-addresses-step .form-group > .col-md-8, body#checkout #checkout-addresses-step .form-group > .form-control-comment, body#checkout #checkout-addresses-step .form-group > .col-md-2.form-control-comment { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; } /* Labels */ body#checkout #checkout-addresses-step .col-form-label, body#checkout #checkout-addresses-step .form-control-label, body#checkout #checkout-addresses-step .form-group > label { font-family: Calibri, Arial, sans-serif !important; font-size: 9px !important; line-height: 1.1 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0 !important; color: #555 !important; } /* Input column */ body#checkout #checkout-addresses-step .js-input-column, body#checkout #checkout-addresses-step .col-md-6, body#checkout #checkout-addresses-step .col-md-8 { max-width: none !important; } /* Inputs underline only */ body#checkout #checkout-addresses-step input.form-control, body#checkout #checkout-addresses-step select.form-control, body#checkout #checkout-addresses-step textarea.form-control { height: auto !important; min-height: 24px !important; padding: 0 0 2px 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 11px !important; line-height: 1.15 !important; color: #111 !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #cdcdcd !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; } body#checkout #checkout-addresses-step input.form-control:focus, body#checkout #checkout-addresses-step select.form-control:focus, body#checkout #checkout-addresses-step textarea.form-control:focus { border-bottom-color: #999 !important; background: #fff !important; box-shadow: none !important; outline: none !important; } /* Remove autofill blue */ body#checkout #checkout-addresses-step input:-webkit-autofill, body#checkout #checkout-addresses-step input:-webkit-autofill:hover, body#checkout #checkout-addresses-step input:-webkit-autofill:focus, body#checkout #checkout-addresses-step textarea:-webkit-autofill, body#checkout #checkout-addresses-step select:-webkit-autofill { -webkit-text-fill-color: #111 !important; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; transition: background-color 9999s ease-out 0s !important; background-color: #fff !important; caret-color: #111 !important; } /* Optional text */ body#checkout #checkout-addresses-step .form-control-comment, body#checkout #checkout-addresses-step .col-md-2.form-control-comment { font-size: 9px !important; line-height: 1.1 !important; color: #999 !important; text-align: left !important; text-transform: none !important; font-weight: 400 !important; } /* Checkbox row: invoice too */ body#checkout #checkout-addresses-step .custom-checkbox { display: flex !important; align-items: center !important; gap: 6px !important; margin: 8px 0 10px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body#checkout #checkout-addresses-step .custom-checkbox, body#checkout #checkout-addresses-step .custom-checkbox *, body#checkout #checkout-addresses-step .custom-checkbox label, body#checkout #checkout-addresses-step .custom-checkbox label span { font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: #555 !important; } /* Checkbox square */ body#checkout #checkout-addresses-step .custom-checkbox input[type="checkbox"] + span { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 13px !important; height: 13px !important; min-width: 13px !important; margin-top: 0 !important; background: #fff !important; border: 1px solid #cfcfcf !important; box-shadow: none !important; } /* Normal Warehouse check */ body#checkout #checkout-addresses-step .custom-checkbox input[type="checkbox"] + span .checkbox-checked, body#checkout #checkout-addresses-step .custom-checkbox input[type="checkbox"] + span .fa-check { display: none !important; } body#checkout #checkout-addresses-step .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked, body#checkout #checkout-addresses-step .custom-checkbox input[type="checkbox"]:checked + span .fa-check { display: inline-block !important; font-family: "Font Awesome 6 Free", "FontAwesome", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; color: #111 !important; } body#checkout #checkout-addresses-step .custom-checkbox input[type="checkbox"] + span::before, body#checkout #checkout-addresses-step .custom-checkbox input[type="checkbox"] + span::after { content: none !important; display: none !important; } /* Continue button */ body#checkout #checkout-addresses-step .form-footer { width: 100% !important; margin: 12px 0 0 0 !important; padding: 0 !important; text-align: left !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#checkout #checkout-addresses-step .continue, body#checkout #checkout-addresses-step .btn-primary { display: block !important; width: 100% !important; max-width: none !important; min-height: 20px !important; margin: 0 !important; padding: 3px 16px !important; font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 700 !important; text-transform: uppercase !important; color: #111 !important; background: #f7eaf0 !important; border: 1px solid #f7eaf0 !important; border-radius: 0 !important; box-shadow: none !important; } body#checkout #checkout-addresses-step .continue:hover, body#checkout #checkout-addresses-step .btn-primary:hover { background: #f2e1e9 !important; border-color: #f2e1e9 !important; color: #111 !important; } /* Addresses checkbox — keep invoice text in one single row */ body#checkout #checkout-addresses-step .custom-checkbox { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; width: 100% !important; max-width: none !important; margin: 8px 0 10px 0 !important; padding: 0 !important; white-space: nowrap !important; } /* Checkbox label: one line */ body#checkout #checkout-addresses-step .custom-checkbox label, body#checkout #checkout-addresses-step .custom-checkbox label span, body#checkout #checkout-addresses-step .custom-checkbox .custom-control-label { display: inline-block !important; width: auto !important; max-width: none !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 10px !important; line-height: 13px !important; font-weight: 400 !important; text-transform: none !important; color: #555 !important; } /* Prevent Bootstrap column/grid behavior from squeezing the checkbox row */ body#checkout #checkout-addresses-step .custom-checkbox, body#checkout #checkout-addresses-step .custom-checkbox * { flex-wrap: nowrap !important; } /* ========================================================= BNRD — CHECKOUT STEP LOGIC FINAL OVERRIDE V2 Strong ID-based override Completed steps stacked / current step open ========================================================= */ /* NON-CURRENT STEPS: force them back to native stacked rows */ body#checkout #checkout-personal-information-step:not(.-current):not(.js-current-step), body#checkout #checkout-addresses-step:not(.-current):not(.js-current-step), body#checkout #checkout-delivery-step:not(.-current):not(.js-current-step), body#checkout #checkout-payment-step:not(.-current):not(.js-current-step) { display: block !important; grid-template-columns: none !important; column-gap: 0 !important; align-items: initial !important; background: transparent !important; box-shadow: none !important; border: 0 !important; border-top: 1px solid #e1e1e1 !important; border-bottom: 0 !important; margin: 0 !important; padding: 0 !important; } /* Hide content of completed/future steps so nothing floats */ body#checkout #checkout-personal-information-step:not(.-current):not(.js-current-step) > .content, body#checkout #checkout-addresses-step:not(.-current):not(.js-current-step) > .content, body#checkout #checkout-delivery-step:not(.-current):not(.js-current-step) > .content, body#checkout #checkout-payment-step:not(.-current):not(.js-current-step) > .content { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Base title row for all steps */ body#checkout #checkout-personal-information-step > .step-title, body#checkout #checkout-personal-information-step > h1.step-title, body#checkout #checkout-addresses-step > .step-title, body#checkout #checkout-addresses-step > h1.step-title, body#checkout #checkout-delivery-step > .step-title, body#checkout #checkout-delivery-step > h1.step-title, body#checkout #checkout-payment-step > .step-title, body#checkout #checkout-payment-step > h1.step-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 7px 0 !important; font-family: Calibri, Arial, sans-serif !important; font-size: 12px !important; line-height: 1.15 !important; text-transform: uppercase !important; letter-spacing: 0 !important; background: transparent !important; border: 0 !important; opacity: 1 !important; } /* Inner elements inherit */ body#checkout #checkout-personal-information-step > .step-title *, body#checkout #checkout-personal-information-step > h1.step-title *, body#checkout #checkout-addresses-step > .step-title *, body#checkout #checkout-addresses-step > h1.step-title *, body#checkout #checkout-delivery-step > .step-title *, body#checkout #checkout-delivery-step > h1.step-title *, body#checkout #checkout-payment-step > .step-title *, body#checkout #checkout-payment-step > h1.step-title * { font-family: Calibri, Arial, sans-serif !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; text-transform: inherit !important; opacity: 1 !important; } /* Completed steps: black + bold */ body#checkout #checkout-personal-information-step.-complete:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-personal-information-step.-complete:not(.-current):not(.js-current-step) > h1.step-title, body#checkout #checkout-addresses-step.-complete:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-addresses-step.-complete:not(.-current):not(.js-current-step) > h1.step-title, body#checkout #checkout-delivery-step.-complete:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-delivery-step.-complete:not(.-current):not(.js-current-step) > h1.step-title, body#checkout #checkout-payment-step.-complete:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-payment-step.-complete:not(.-current):not(.js-current-step) > h1.step-title { font-weight: 700 !important; color: #111 !important; } /* Completed inner text bold too */ body#checkout #checkout-personal-information-step.-complete:not(.-current):not(.js-current-step) > .step-title *, body#checkout #checkout-personal-information-step.-complete:not(.-current):not(.js-current-step) > h1.step-title *, body#checkout #checkout-addresses-step.-complete:not(.-current):not(.js-current-step) > .step-title *, body#checkout #checkout-addresses-step.-complete:not(.-current):not(.js-current-step) > h1.step-title *, body#checkout #checkout-delivery-step.-complete:not(.-current):not(.js-current-step) > .step-title *, body#checkout #checkout-delivery-step.-complete:not(.-current):not(.js-current-step) > h1.step-title *, body#checkout #checkout-payment-step.-complete:not(.-current):not(.js-current-step) > .step-title *, body#checkout #checkout-payment-step.-complete:not(.-current):not(.js-current-step) > h1.step-title * { font-weight: 700 !important; color: #111 !important; } /* Current/open step title: black + bold */ body#checkout #checkout-personal-information-step.-current > .step-title, body#checkout #checkout-personal-information-step.js-current-step > .step-title, body#checkout #checkout-personal-information-step.-current > h1.step-title, body#checkout #checkout-personal-information-step.js-current-step > h1.step-title, body#checkout #checkout-addresses-step.-current > .step-title, body#checkout #checkout-addresses-step.js-current-step > .step-title, body#checkout #checkout-addresses-step.-current > h1.step-title, body#checkout #checkout-addresses-step.js-current-step > h1.step-title, body#checkout #checkout-delivery-step.-current > .step-title, body#checkout #checkout-delivery-step.js-current-step > .step-title, body#checkout #checkout-delivery-step.-current > h1.step-title, body#checkout #checkout-delivery-step.js-current-step > h1.step-title, body#checkout #checkout-payment-step.-current > .step-title, body#checkout #checkout-payment-step.js-current-step > .step-title, body#checkout #checkout-payment-step.-current > h1.step-title, body#checkout #checkout-payment-step.js-current-step > h1.step-title { font-weight: 700 !important; color: #111 !important; } /* Future/unreachable steps: black regular */ body#checkout #checkout-personal-information-step.-unreachable:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-personal-information-step.-unreachable:not(.-current):not(.js-current-step) > h1.step-title, body#checkout #checkout-addresses-step.-unreachable:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-addresses-step.-unreachable:not(.-current):not(.js-current-step) > h1.step-title, body#checkout #checkout-delivery-step.-unreachable:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-delivery-step.-unreachable:not(.-current):not(.js-current-step) > h1.step-title, body#checkout #checkout-payment-step.-unreachable:not(.-current):not(.js-current-step) > .step-title, body#checkout #checkout-payment-step.-unreachable:not(.-current):not(.js-current-step) > h1.step-title { font-weight: 400 !important; color: #111 !important; } /* Hide native check/edit icons but keep PrestaShop logic */ body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit { display: none !important; } /* Step number spacing */ body#checkout section.checkout-step .step-number { margin-right: 4px !important; } /* ========================================================= BNRD — ADDRESSES RETURNED TEXT FINAL CLEAN V2 Black text / only real add-new-address underlined ========================================================= */ /* Kill accidental title background/shadow/selection-like effects */ body#checkout #checkout-addresses-step > .step-title, body#checkout #checkout-addresses-step > h1.step-title, body#checkout #checkout-addresses-step > .step-title *, body#checkout #checkout-addresses-step > h1.step-title * { background: transparent !important; background-color: transparent !important; box-shadow: none !important; text-shadow: none !important; } /* Returned Addresses content: visible, black */ body#checkout #checkout-addresses-step .content, body#checkout #checkout-addresses-step .content p, body#checkout #checkout-addresses-step .content span, body#checkout #checkout-addresses-step .content div, body#checkout #checkout-addresses-step .content label, body#checkout #checkout-addresses-step .content li { font-size: 12px !important; line-height: 1.55 !important; color: #111 !important; font-weight: 400 !important; text-decoration: none !important; } /* All links inside Addresses: black, no underline by default */ body#checkout #checkout-addresses-step .content a, body#checkout #checkout-addresses-step .content a:link, body#checkout #checkout-addresses-step .content a:visited, body#checkout #checkout-addresses-step .content a:hover, body#checkout #checkout-addresses-step .content a:active, body#checkout #checkout-addresses-step .content a:focus { font-size: 12px !important; line-height: 1.55 !important; color: #111 !important; font-weight: 400 !important; text-decoration: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; } /* ONLY add new address underlined — exact common PrestaShop selectors */ body#checkout #checkout-addresses-step .content a[data-link-action="add-address"], body#checkout #checkout-addresses-step .content a[data-link-action="add-new-address"], body#checkout #checkout-addresses-step .content a[href*="newAddress"], body#checkout #checkout-addresses-step .content a[href*="new-address"], body#checkout #checkout-addresses-step .content a[href*="add-address"], body#checkout #checkout-addresses-step .content .add-address a, body#checkout #checkout-addresses-step .content .js-address-form a[data-link-action="add-address"] { color: #111 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* Billing address differs must NEVER be underlined */ body#checkout #checkout-addresses-step .content a[data-link-action*="different"], body#checkout #checkout-addresses-step .content a[href*="different"], body#checkout #checkout-addresses-step .content a[href*="invoice"], body#checkout #checkout-addresses-step .content a[href*="billing"] { color: #111 !important; text-decoration: none !important; } /* ========================================================= BNRD — FILTER PANEL HOVER STATE Pink + slightly bigger on hover ========================================================= */ #search_filters.bnrd-filter-panel .facet .facet-label a, #search_filters.bnrd-filter-panel .facet .facet-label span, #search_filters.bnrd-filter-panel .facet .facet-label label { transition: color 0.18s ease, font-size 0.18s ease, font-weight 0.18s ease !important; } /* Hover: pink + bigger */ #search_filters.bnrd-filter-panel .facet .facet-label:hover a, #search_filters.bnrd-filter-panel .facet .facet-label:hover span, #search_filters.bnrd-filter-panel .facet .facet-label:hover label { color: #f4b6d2 !important; font-size: 15px !important; font-weight: 700 !important; opacity: 1 !important; } /* Selected state: keep pink + bigger */ #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected a, #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected span, #search_filters.bnrd-filter-panel .facet .facet-label.bnrd-selected label { color: #f4b6d2 !important; font-size: 15px !important; font-weight: 700 !important; opacity: 1 !important; } /* ========================================================= BNRD — CATEGORY TITLE / LEFT EDGE FIX ========================================================= */ body#category #wrapper .breadcrumb, body#category .breadcrumb, body#category h1, body#category .h1, body#category .page-title, body#category #js-product-list-header { padding-left: 18px !important; font-family: Calibri, Arial, sans-serif !important; } /* ========================================================= BNRD — PRODUCT PAGE STEP 1 Safe layout + sticky product info only ========================================================= */ @media (min-width: 992px) { body#product #main-product-wrapper.product-container, body#product #main-product-wrapper { width: 100% !important; max-width: none !important; padding-left: 30px !important; padding-right: 30px !important; overflow: visible !important; } body#product .row.product-info-row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; overflow: visible !important; } body#product .col-md-8.col-product-image, body#product .col-product-image { flex: 0 0 72% !important; max-width: 72% !important; width: 72% !important; padding-left: 0 !important; padding-right: 28px !important; } body#product .col-md-4.col-product-info, body#product .col-product-info { flex: 0 0 28% !important; max-width: 28% !important; width: 28% !important; padding-left: 28px !important; padding-right: 34px !important; overflow: visible !important; } body#product #col-product-info { position: sticky !important; top: 126px !important; width: 100% !important; max-width: 390px !important; min-width: 0 !important; margin-left: 0 !important; margin-right: auto !important; z-index: 5 !important; } } /* ========================================================= BNRD — PRODUCT PAGE STEP 2 Clean product info: typography, sizes, button, accordions ========================================================= */ /* 1. FORCE CALIBRI ON PRODUCT PAGE */ body#product, body#product * { font-family: Calibri, Arial, Helvetica, sans-serif !important; } /* 2. HIDE UNWANTED NATIVE ELEMENTS */ body#product .tax-shipping-delivery-label, body#product .product-additional-info, body#product .social-sharing, body#product .product-discounts, body#product .product-minimal-quantity, body#product .col-add-qty, body#product .qty, body#product .bootstrap-touchspin, body#product #quantity_wanted, body#product input[name="qty"], body#product .col-add-wishlist, body#product #iqit-wishlist-product-btn, body#product [class*="wishlist"], body#product [id*="wishlist"], body#product #product-details-tab-card, body#product .empty-product-details, body#product .product-reference, body#product .product-out-of-stock, body#product .product-flags, body#product .product-flag, body#product .swiper-button-prev, body#product .swiper-button-next, body#product .swiper-pagination, body#product .expander { display: none !important; } /* 3. PRODUCT HEADER — BRAND / TITLE / PRICE */ body#product .product_header_container { display: flex !important; flex-direction: column !important; margin: 0 0 24px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#product .product_header_container label.label { display: none !important; } body#product .product_header_container label.label + span { order: 1 !important; display: block !important; margin: 0 0 4px 0 !important; } body#product .product_header_container label.label + span, body#product .product_header_container label.label + span a { font-size: 9px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #555555 !important; text-decoration: none !important; } body#product h1.page-title, body#product h1.h1 { order: 2 !important; display: block !important; margin: 0 0 14px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#product h1.page-title, body#product h1.page-title span, body#product h1.h1, body#product h1.h1 span { font-size: 10px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #333333 !important; } body#product .product-prices { order: 3 !important; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#product .current-price, body#product .product-price, body#product .current-price-value { font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; color: #333333 !important; } /* 4. SHORT DESCRIPTION */ body#product .product-information { margin: 0 !important; padding: 0 !important; } body#product [id^="product-description-short"], body#product .product-information > .product-description { margin: 0 0 24px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 10px !important; line-height: 1.45 !important; font-weight: 400 !important; color: #333333 !important; } /* 5. SIZES — TEXT ONLY, NO BOXES */ body#product .product-variants, body#product .product-variants-item { margin: 0 0 24px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#product .product-variants .form-control-label, body#product .product-variants .control-label, body#product .product-variants-item .form-control-label, body#product .product-variants-item .control-label { display: none !important; } body#product .product-variants ul, body#product .product-variants-item ul { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px 15px !important; margin: 0 !important; padding: 0 !important; } body#product .product-variants li, body#product .product-variants-item li, body#product .input-container { list-style: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body#product .product-variants input.input-radio { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } body#product .product-variants .radio-label { display: inline-block !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 9px !important; line-height: 1.15 !important; font-weight: 400 !important; letter-spacing: 0.02em !important; color: #111111 !important; text-decoration: none !important; cursor: pointer !important; } body#product .product-variants li:hover .radio-label { font-weight: 700 !important; } body#product .product-variants input.input-radio:checked + .radio-label { font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 3px !important; text-decoration-thickness: 1px !important; } /* 6. ADD TO BAG BUTTON */ body#product .product-actions, body#product .product-add-to-cart, body#product .product-quantity, body#product .col-add-btn, body#product .product-add-to-cart .add { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#product .product-add-to-cart { margin-bottom: 30px !important; } body#product button.add-to-cart, body#product .btn-primary.add-to-cart, body#product .product-add-to-cart button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; height: 16px !important; min-height: 16px !important; max-height: 16px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fdf2f7 !important; box-shadow: none !important; font-size: 0 !important; line-height: 16px !important; color: transparent !important; text-align: center !important; } body#product button.add-to-cart::after, body#product .btn-primary.add-to-cart::after, body#product .product-add-to-cart button::after { content: "ADD TO BAG" !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 16px !important; font-weight: 700 !important; letter-spacing: 0.11em !important; text-transform: uppercase !important; color: #111111 !important; } body#product button.add-to-cart i, body#product button.add-to-cart span { display: none !important; } /* 7. ACCORDIONS — DESCRIPTION + SHIPPING AND RETURNS */ body#product #products-tab-anchor { display: none !important; } body#product #productdaas-accordion { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#product #productdaas-accordion .card { margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.06) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body#product #productdaas-accordion .card:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; } body#product #productdaas-accordion .title { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body#product #productdaas-accordion .title a { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 5px 18px 5px 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 9px !important; line-height: 1.05 !important; font-weight: 400 !important; letter-spacing: 0.13em !important; text-transform: uppercase !important; text-decoration: none !important; color: #555555 !important; } body#product #productdaas-accordion .title a i { display: none !important; } body#product #productdaas-accordion .title a::after { content: "−" !important; position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 12px !important; line-height: 1 !important; font-weight: 400 !important; color: #555555 !important; } body#product #productdaas-accordion .title a.collapsed::after { content: "+" !important; } body#product #productdaas-accordion .content, body#product #productdaas-accordion .product-description, body#product #productdaas-accordion .rte-content, body#product #productdaas-accordion .bnrd-product-tab-content { margin: 0 !important; padding: 8px 0 12px 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 10px !important; line-height: 1.45 !important; font-weight: 400 !important; color: #111111 !important; } body#product #productdaas-accordion p { margin: 0 0 7px 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 1.45 !important; color: #111111 !important; } body#product #productdaas-accordion p:last-child { margin-bottom: 0 !important; } /* ========================================================= BNRD — PRODUCT PAGE STEP 3 Micro visual refinement only ========================================================= */ /* Softer accordion lines + tighter rows */ body#product #productdaas-accordion .card { border-top: 1px solid rgba(0, 0, 0, 0.045) !important; } body#product #productdaas-accordion .card:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.045) !important; } body#product #productdaas-accordion .title a { padding: 4px 18px 4px 0 !important; font-size: 8.8px !important; line-height: 1 !important; letter-spacing: 0.13em !important; color: #444444 !important; } body#product #productdaas-accordion .title a::after { font-size: 11px !important; color: #444444 !important; } /* Slightly more subtle ADD TO BAG */ body#product button.add-to-cart, body#product .btn-primary.add-to-cart, body#product .product-add-to-cart button { height: 15px !important; min-height: 15px !important; max-height: 15px !important; line-height: 15px !important; background: #fdf4f8 !important; } body#product button.add-to-cart::after, body#product .btn-primary.add-to-cart::after, body#product .product-add-to-cart button::after { font-size: 8.8px !important; line-height: 15px !important; letter-spacing: 0.105em !important; font-weight: 700 !important; } /* Slightly calmer product info spacing */ body#product .product-add-to-cart { margin-bottom: 26px !important; } body#product .product-variants, body#product .product-variants-item { margin-bottom: 22px !important; } /* ========================================================= BNRD — PRODUCT PAGE STEP 4 Fixed info block + interactive sizes/button ========================================================= */ /* --------------------------------------------------------- 1. RIGHT PRODUCT INFO — STICKY COLUMN, STOPS BEFORE RELATED PRODUCTS --------------------------------------------------------- */ @media (min-width: 992px) { body#product #wrapper, body#product #inner-wrapper, body#product #content-wrapper, body#product #main, body#product #main-product-wrapper, body#product .product-container, body#product .row.product-info-row { overflow: visible !important; } body#product .row.product-info-row { align-items: flex-start !important; } body#product .col-md-4.col-product-info, body#product .col-product-info { position: sticky !important; top: 142px !important; align-self: flex-start !important; height: auto !important; overflow: visible !important; z-index: 20 !important; } body#product #col-product-info { position: static !important; width: 100% !important; max-width: 390px !important; min-width: 0 !important; margin-left: 8px !important; margin-right: auto !important; padding: 0 !important; background: transparent !important; } } /* --------------------------------------------------------- 2. SIZES — MAKE HOVER / CLICK SAFE --------------------------------------------------------- */ body#product .product-variants, body#product .product-variants *, body#product .product-variants-item, body#product .product-variants-item * { pointer-events: auto !important; } body#product .product-variants ul, body#product .product-variants-item ul { position: relative !important; z-index: 30 !important; } body#product .product-variants li, body#product .product-variants-item li, body#product .input-container { position: relative !important; z-index: 31 !important; cursor: pointer !important; } body#product .product-variants input.input-radio { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; pointer-events: auto !important; z-index: 32 !important; } body#product .product-variants .radio-label { position: relative !important; z-index: 33 !important; pointer-events: none !important; transition: font-weight 0.12s ease, color 0.12s ease !important; } body#product .product-variants li:hover .radio-label, body#product .product-variants .input-container:hover .radio-label { font-weight: 700 !important; color: #111111 !important; } body#product .product-variants input.input-radio:checked + .radio-label { font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 3px !important; text-decoration-thickness: 1px !important; } /* --------------------------------------------------------- 3. ADD TO BAG — SUBTLE HOVER --------------------------------------------------------- */ body#product button.add-to-cart, body#product .btn-primary.add-to-cart, body#product .product-add-to-cart button { transition: background-color 0.18s ease !important; } body#product button.add-to-cart:hover, body#product .btn-primary.add-to-cart:hover, body#product .product-add-to-cart button:hover { background: #fbe6f0 !important; } /* ========================================================= BNRD — LEGAL NOTICE PAGE Match footer CMS editorial layout ========================================================= */ body#cms.cms-id-2, body#cms.cms-id-2 * { font-family: Calibri, Arial, Helvetica, sans-serif !important; } /* Main page wrapper */ body#cms.cms-id-2 #wrapper, body#cms.cms-id-2 #inner-wrapper, body#cms.cms-id-2 #content-wrapper, body#cms.cms-id-2 #main { background: #ffffff !important; } /* Hide default page header title */ body#cms.cms-id-2 .page-header, body#cms.cms-id-2 header.page-header, body#cms.cms-id-2 h1.page-title { display: none !important; } /* Main content area */ body#cms.cms-id-2 #content.page-content, body#cms.cms-id-2 section#content, body#cms.cms-id-2 .rte-content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Create centered editorial block */ body#cms.cms-id-2 .rte-content { position: relative !important; display: grid !important; grid-template-columns: 170px minmax(0, 760px) !important; column-gap: 34px !important; width: 100% !important; max-width: 1030px !important; margin: 118px auto 140px auto !important; padding: 0 28px !important; color: #111111 !important; } /* Left title */ body#cms.cms-id-2 .rte-content::before { content: "LEGAL NOTICE" !important; display: block !important; grid-column: 1 !important; grid-row: 1 / span 999 !important; padding-top: 0 !important; padding-right: 28px !important; border-right: 1px solid rgba(0, 0, 0, 0.18) !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #111111 !important; text-align: right !important; } /* Move all real content to right column */ body#cms.cms-id-2 .rte-content > * { grid-column: 2 !important; max-width: 760px !important; } /* Typography */ body#cms.cms-id-2 .rte-content h1, body#cms.cms-id-2 .rte-content h2, body#cms.cms-id-2 .rte-content h3 { margin: 0 0 14px 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: 0.01em !important; color: #111111 !important; } body#cms.cms-id-2 .rte-content p, body#cms.cms-id-2 .rte-content li, body#cms.cms-id-2 .rte-content div { font-size: 11px !important; line-height: 1.45 !important; font-weight: 400 !important; color: #111111 !important; } body#cms.cms-id-2 .rte-content p { margin: 0 0 14px 0 !important; } body#cms.cms-id-2 .rte-content ul, body#cms.cms-id-2 .rte-content ol { margin: 0 0 16px 16px !important; padding: 0 !important; } body#cms.cms-id-2 .rte-content a { color: #111111 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* Remove unwanted default borders/backgrounds */ body#cms.cms-id-2 .rte-content, body#cms.cms-id-2 .rte-content * { box-shadow: none !important; } /* Mobile safety */ @media (max-width: 767px) { body#cms.cms-id-2 .rte-content { display: block !important; max-width: none !important; margin: 70px auto 90px auto !important; padding: 0 22px !important; } body#cms.cms-id-2 .rte-content::before { display: block !important; margin: 0 0 28px 0 !important; padding: 0 0 14px 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important; text-align: left !important; } body#cms.cms-id-2 .rte-content > * { max-width: none !important; } } /* ========================================================= BNRD — PRODUCT LIST / CAROUSEL TYPOGRAPHY Force Calibri instead of Roboto ========================================================= */ body .product-miniature, body .product-miniature *, body .js-product-miniature, body .js-product-miniature *, body .product_list, body .product_list *, body .products, body .products *, body .featured-products, body .featured-products *, body .category-products, body .category-products *, body .viewed-products, body .viewed-products *, body .swiper-slide, body .swiper-slide * { font-family: Calibri, Arial, Helvetica, sans-serif !important; } /* Product name / brand / price */ body .product-miniature .product-title, body .product-miniature .product-title a, body .product-miniature .product-brand, body .product-miniature .product-price-and-shipping, body .product-miniature .price, body .js-product-miniature .product-title, body .js-product-miniature .product-title a, body .js-product-miniature .product-brand, body .js-product-miniature .product-price-and-shipping, body .js-product-miniature .price { font-family: Calibri, Arial, Helvetica, sans-serif !important; color: #111111 !important; } /* ========================================================= BNRD — BRANDS PAGE FINAL CLEAN BLOCK Centered list + Bootstrap row/column spacing fixed ========================================================= */ body#manufacturer { font-family: Calibri, Arial, Helvetica, sans-serif !important; } /* Page cleanup */ body#manufacturer #content-wrapper, body#manufacturer section#main, body#manufacturer .ms-alphabetical, body#manufacturer .ms-letter-lists, body#manufacturer .ms-letter-list, body#manufacturer .ms-letter-brands, body#manufacturer .ms-letter-brands > .row, body#manufacturer .ms-letter-brands > .row > [class*="col"] { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Hide native page title */ body#manufacturer h1.page-title, body#manufacturer .page-title { display: none !important; } /* Main centered brands block */ body#manufacturer .ms-alphabetical { width: 100% !important; max-width: 780px !important; margin: 44px auto 120px auto !important; padding: 0 !important; } /* Hide upper alphabet selector */ body#manufacturer .ms-letter-selector { display: none !important; } /* Reset lists */ body#manufacturer .ms-alphabetical ul, body#manufacturer .ms-alphabetical li { list-style: none !important; margin: 0 !important; padding: 0 !important; } /* Each letter section */ body#manufacturer .ms-letter-list { display: block !important; width: 100% !important; margin: 0 0 16px 0 !important; padding: 0 !important; } /* Letter + divider directly underneath */ body#manufacturer .ms-letter { display: block !important; width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 0 8px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 15px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #111111 !important; } body#manufacturer .ms-letter-brands > .row { display: grid !important; grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; column-gap: 34px !important; row-gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Override Bootstrap columns */ body#manufacturer .ms-letter-brands > .row > .col, body#manufacturer .ms-letter-brands > .row > .col-sm-3, body#manufacturer .ms-letter-brands > .row > [class*="col"] { display: block !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: none !important; padding: 0 !important; margin: 0 !important; } /* Brand links */ body#manufacturer .ms-letter-brands > .row > [class*="col"] a, body#manufacturer .ms-letter-brands a { display: block !important; width: 180px !important; min-width: 180px !important; max-width: 180px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; overflow: visible !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #333333 !important; text-decoration: none !important; background: transparent !important; border: 0 !important; } /* Hide invisible jump anchors */ body#manufacturer .ms-letter-list > a[name], body#manufacturer .ms-letter-list > a[id], body#manufacturer .ms-letter-list > a:empty { display: none !important; } /* Hover */ body#manufacturer .ms-letter-brands a:hover { color: #ff8fdf !important; font-weight: 700 !important; } /* Breadcrumb */ body#manufacturer .breadcrumb { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 8px !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #777777 !important; } /* Mobile */ @media (max-width: 767px) { body#manufacturer .ms-alphabetical { max-width: 86% !important; margin: 44px auto 90px auto !important; } body#manufacturer .ms-letter-brands > .row { grid-template-columns: repeat(2, minmax(130px, 1fr)) !important; column-gap: 28px !important; row-gap: 8px !important; } body#manufacturer .ms-letter-brands > .row > [class*="col"] a, body#manufacturer .ms-letter-brands a { width: 130px !important; min-width: 130px !important; max-width: 130px !important; } body#manufacturer .ms-letter { font-size: 14px !important; } } /* ========================================================= BNRD — BRANDS PAGE TRUE COLUMN BYPASS Kill Bootstrap column spacing inside brand rows ========================================================= */ /* The row becomes the real horizontal layout */ body#manufacturer .ms-letter-brands > .row { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: flex-start !important; column-gap: 5px !important; row-gap: 6px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Make Bootstrap columns disappear from the visual layout */ body#manufacturer .ms-letter-brands > .row > .col, body#manufacturer .ms-letter-brands > .row > .col-sm-3, body#manufacturer .ms-letter-brands > .row > [class*="col"] { display: contents !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: none !important; padding: 0 !important; margin: 0 !important; } /* Make UL/LI stop behaving like separate blocks */ body#manufacturer .ms-letter-brands ul { display: contents !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } body#manufacturer .ms-letter-brands li { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } /* Brand names */ body#manufacturer .ms-letter-brands li a { display: inline-block !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #333333 !important; text-decoration: none !important; } /* Hover */ body#manufacturer .ms-letter-brands li a:hover { color: #ff8fdf !important; font-weight: 700 !important; } /* ========================================================= BNRD — BRANDS PAGE FINAL DISTANCE FIX Remove old fixed brand widths + compact brand spacing ========================================================= */ /* Keep the row as natural flex */ body#manufacturer .ms-letter-brands > .row { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: flex-start !important; gap: 7px 28px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Remove Bootstrap column boxes from spacing */ body#manufacturer .ms-letter-brands > .row > .col, body#manufacturer .ms-letter-brands > .row > .col-sm-3, body#manufacturer .ms-letter-brands > .row > [class*="col"] { display: contents !important; width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; } /* Remove UL/LI box spacing too */ body#manufacturer .ms-letter-brands > .row > [class*="col"] ul, body#manufacturer .ms-letter-brands ul, body#manufacturer .ms-letter-brands li { display: contents !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* This is the key: kill the old 150/180px width on brand links */ body#manufacturer .ms-letter-brands > .row > [class*="col"] ul li a, body#manufacturer .ms-letter-brands > .row > [class*="col"] a, body#manufacturer .ms-letter-brands li a, body#manufacturer .ms-letter-brands a { display: inline-block !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #333333 !important; text-decoration: none !important; } /* ========================================================= BNRD — BRANDS PAGE HOVER COLOR ========================================================= */ body#manufacturer .ms-letter-brands li a:hover, body#manufacturer .ms-letter-brands a:hover, body#manufacturer .ms-letter-list a:hover { color: #ff8fdf !important; font-weight: 700 !important; text-decoration: none !important; } /* ========================================================= BNRD — BRANDS PAGE DEFINITIVE HOVER FIX Force visible brand text to pink on hover ========================================================= */ body#manufacturer .ms-letter-brands > .row > [class*="col"] a:hover, body#manufacturer .ms-letter-brands > .row > [class*="col"] a:hover *, body#manufacturer .ms-letter-brands li a:hover, body#manufacturer .ms-letter-brands li a:hover *, body#manufacturer .ms-letter-brands a:hover, body#manufacturer .ms-letter-brands a:hover *, body#manufacturer .ms-letter-list a:hover, body#manufacturer .ms-letter-list a:hover * { color: #ff8fdf !important; font-weight: 700 !important; text-decoration: none !important; } /* ========================================================= BNRD — FREE SHIPPING MESSAGE CLEAN STYLE Restyle IQIT free delivery count box ========================================================= */ body#checkout .iqitfreedeliverycount, body#cart .iqitfreedeliverycount, #blockcart-content .iqitfreedeliverycount, .cart-summary .iqitfreedeliverycount, #js-checkout-summary .iqitfreedeliverycount, .alert.iqitfreedeliverycount, .alert-info.iqitfreedeliverycount { display: block !important; background: transparent !important; border: 1px solid #e5e5e5 !important; border-radius: 0 !important; box-shadow: none !important; padding: 12px 14px !important; margin: 18px 0 0 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 8px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #111 !important; } /* Text inside */ body#checkout .iqitfreedeliverycount *, body#cart .iqitfreedeliverycount *, #blockcart-content .iqitfreedeliverycount *, .cart-summary .iqitfreedeliverycount *, #js-checkout-summary .iqitfreedeliverycount *, .alert.iqitfreedeliverycount *, .alert-info.iqitfreedeliverycount * { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #111 !important; } /* First sentence stronger */ body#checkout .iqitfreedeliverycount strong, body#cart .iqitfreedeliverycount strong, #blockcart-content .iqitfreedeliverycount strong, .cart-summary .iqitfreedeliverycount strong, #js-checkout-summary .iqitfreedeliverycount strong { font-weight: 700 !important; } /* ========================================================= BNRD — CHECKOUT SHIPPING METHOD FINAL STRUCTURE Uses real PrestaShop / Packlink-safe HTML ========================================================= */ /* Current shipping step: title left / content right */ body#checkout #checkout-delivery-step.-current { display: grid !important; grid-template-columns: 170px minmax(0, 760px) !important; column-gap: 28px !important; align-items: start !important; } /* Step title stays left */ body#checkout #checkout-delivery-step.-current > .step-title { grid-column: 1 !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; color: #111 !important; } /* Content column with vertical divider */ body#checkout #checkout-delivery-step.-current > .content { grid-column: 2 !important; width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 0 18px 28px !important; border-left: 1px solid #d9d9d9 !important; background: transparent !important; box-shadow: none !important; } /* Remove Packlink visible noise unless it becomes useful later */ body#checkout #checkout-delivery-step #hook-display-before-carrier, body#checkout #checkout-delivery-step #hook-display-after-carrier, body#checkout #checkout-delivery-step #extra_carrier { display: none !important; } /* Main delivery form */ body#checkout #checkout-delivery-step #js-delivery, body#checkout #checkout-delivery-step .delivery-options-list, body#checkout #checkout-delivery-step .form-fields { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Delivery options wrapper */ body#checkout #checkout-delivery-step .delivery-options { width: 100% !important; max-width: 760px !important; margin: 0 0 12px 0 !important; padding: 0 !important; } /* One carrier row */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #eeeeee !important; box-shadow: none !important; } /* Hide visual radio column but keep real radio alive */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option > .col-sm-1 { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } /* Carrier label becomes the visible row */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option > label.delivery-option-2 { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 5px 0 !important; cursor: pointer !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Real inner row becomes 3 clean columns */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option > label.delivery-option-2 > .row { display: grid !important; grid-template-columns: 220px 220px 1fr !important; column-gap: 34px !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Remove Bootstrap column behavior inside carrier row */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option .col-sm-5, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option .col-sm-4, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option .col-sm-3, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option .col-xs-12, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option .row, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option .carriere-name-container { width: auto !important; max-width: none !important; flex: unset !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Shipping text base */ body#checkout #checkout-delivery-step .carrier-name, body#checkout #checkout-delivery-step .carrier-delay, body#checkout #checkout-delivery-step .carrier-price { display: block !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } /* Price right */ body#checkout #checkout-delivery-step .carrier-price { text-align: right !important; } /* Hover state */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option:hover .carrier-name, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option:hover .carrier-delay, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option:hover .carrier-price { font-size: 12px !important; font-weight: 700 !important; } /* Selected state — added by JS */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option.bnrd-shipping-selected .carrier-name, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option.bnrd-shipping-selected .carrier-delay, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option.bnrd-shipping-selected .carrier-price { font-size: 12px !important; font-weight: 700 !important; } /* Remove selected gray background */ body#checkout #checkout-delivery-step .delivery-option.js-delivery-option, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option:hover, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option.selected, body#checkout #checkout-delivery-step .delivery-option.js-delivery-option.bnrd-shipping-selected { background: transparent !important; } /* Comment area */ body#checkout #checkout-delivery-step .order-options, body#checkout #checkout-delivery-step #delivery { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Comment label */ body#checkout #checkout-delivery-step label[for="delivery_message"] { display: block !important; margin: 10px 0 5px 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 400 !important; color: #111 !important; text-transform: none !important; } /* Clean comment box — no diagonal resize handle */ body#checkout #delivery_message, body#checkout textarea[name="delivery_message"] { display: block !important; width: 100% !important; max-width: 760px !important; height: 42px !important; min-height: 42px !important; margin: 0 0 12px 0 !important; padding: 6px 8px !important; resize: none !important; overflow: auto !important; border: 1px solid #d9d9d9 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; background: #fff !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 400 !important; color: #111 !important; } body#checkout #delivery_message:focus, body#checkout textarea[name="delivery_message"]:focus { border-color: #111 !important; box-shadow: none !important; } /* Continue button — thinner and contained */ body#checkout #checkout-delivery-step button[name="confirmDeliveryOption"], body#checkout #checkout-delivery-step .continue.btn-primary { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 760px !important; height: 21px !important; min-height: 21px !important; margin: 0 0 16px 0 !important; padding: 0 !important; background: #fdeef6 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9.5px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; color: #111 !important; } body#checkout #checkout-delivery-step button[name="confirmDeliveryOption"]:hover, body#checkout #checkout-delivery-step .continue.btn-primary:hover { background: #f8d7e8 !important; color: #111 !important; } /* Breathing room before next step */ body#checkout #checkout-delivery-step + .checkout-step { margin-top: 10px !important; } /* ========================================================= BNRD — IQIT FREE SHIPPING MESSAGE MINIMAL LINE Show only the useful free-shipping message, no box ========================================================= */ /* Main IQIT free-shipping container */ body#checkout .iqitfreedeliverycount, body#cart .iqitfreedeliverycount, #blockcart-content .iqitfreedeliverycount, .cart-summary .iqitfreedeliverycount, #js-checkout-summary .iqitfreedeliverycount, .alert.iqitfreedeliverycount, .alert-info.iqitfreedeliverycount { display: block !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 12px 0 0 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 0 !important; line-height: 1 !important; font-weight: 400 !important; color: transparent !important; } /* Hide everything inside by default */ body#checkout .iqitfreedeliverycount *, body#cart .iqitfreedeliverycount *, #blockcart-content .iqitfreedeliverycount *, .cart-summary .iqitfreedeliverycount *, #js-checkout-summary .iqitfreedeliverycount *, .alert.iqitfreedeliverycount *, .alert-info.iqitfreedeliverycount * { font-size: 0 !important; line-height: 0 !important; color: transparent !important; display: none !important; } /* Show only the useful first message */ body#checkout .iqitfreedeliverycount strong, body#cart .iqitfreedeliverycount strong, #blockcart-content .iqitfreedeliverycount strong, .cart-summary .iqitfreedeliverycount strong, #js-checkout-summary .iqitfreedeliverycount strong, .alert.iqitfreedeliverycount strong, .alert-info.iqitfreedeliverycount strong { display: block !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #111 !important; margin: 0 !important; padding: 0 !important; } /* Remove line breaks from the original module output */ body#checkout .iqitfreedeliverycount br, body#cart .iqitfreedeliverycount br, #blockcart-content .iqitfreedeliverycount br, .cart-summary .iqitfreedeliverycount br, #js-checkout-summary .iqitfreedeliverycount br, .alert.iqitfreedeliverycount br, .alert-info.iqitfreedeliverycount br { display: none !important; } /* ========================================================= BNRD — CHECKOUT PAYMENT STEP FINAL CLEAN Match checkout structure + clean Stripe wrapper ========================================================= */ /* Payment step layout: left title / vertical divider / right content */ body#checkout #checkout-payment-step.-current { display: grid !important; grid-template-columns: 170px minmax(0, 760px) !important; column-gap: 28px !important; align-items: start !important; } /* Step title */ body#checkout #checkout-payment-step.-current > .step-title { grid-column: 1 !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; color: #111 !important; } /* Content column with vertical divider */ body#checkout #checkout-payment-step.-current > .content { grid-column: 2 !important; width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 0 18px 28px !important; border-left: 1px solid #d9d9d9 !important; background: transparent !important; box-shadow: none !important; } /* Payment options wrapper */ body#checkout #checkout-payment-step .payment-options { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Stripe payment form wrapper */ body#checkout #js-stripe-payment-form { width: 100% !important; max-width: 760px !important; margin: 0 0 14px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Stripe element outer box */ body#checkout #js-stripe-payment-element { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Remove card-like styling around hidden/Stripe containers */ body#checkout #checkout-payment-step .js-payment-option-form, body#checkout #checkout-payment-step #pay-with-payment-option-1-form, body#checkout #checkout-payment-step .payment-option { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* If normal PrestaShop payment rows appear later: PayPal / Card / Wire */ body#checkout #checkout-payment-step .payment-option { width: 100% !important; max-width: 760px !important; padding: 6px 0 !important; border-bottom: 1px solid #eeeeee !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 400 !important; color: #111 !important; } /* Payment option labels */ body#checkout #checkout-payment-step .payment-option label { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 400 !important; color: #111 !important; text-transform: none !important; cursor: pointer !important; } /* Hover payment rows if they appear */ body#checkout #checkout-payment-step .payment-option:hover label { font-size: 12px !important; font-weight: 700 !important; } /* Hide visual radio style if normal payment options appear */ body#checkout #checkout-payment-step .payment-option .custom-radio { display: none !important; } /* Terms block */ body#checkout #conditions-to-approve { width: 100% !important; max-width: 760px !important; margin: 12px 0 14px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Terms list */ body#checkout #conditions-to-approve ul, body#checkout #conditions-to-approve li { list-style: none !important; margin: 0 !important; padding: 0 !important; } /* Terms checkbox row */ body#checkout #conditions-to-approve .custom-checkbox { display: flex !important; align-items: flex-start !important; gap: 10px !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #111 !important; } /* Terms checkbox */ body#checkout #conditions-to-approve input[type="checkbox"] { width: 13px !important; height: 13px !important; margin: 1px 0 0 0 !important; accent-color: #111 !important; } /* Terms label + links */ body#checkout #conditions-to-approve label, body#checkout #conditions-to-approve label a { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #111 !important; text-transform: none !important; } body#checkout #conditions-to-approve label a { text-decoration: underline !important; text-underline-offset: 2px !important; } /* Payment confirmation wrapper */ body#checkout #payment-confirmation { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Place order button */ body#checkout #payment-confirmation .btn-primary, body#checkout #payment-confirmation button[type="submit"] { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 760px !important; height: 22px !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; background: #fdeef6 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9.5px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; color: #111 !important; } /* Disabled state */ body#checkout #payment-confirmation .btn-primary.disabled, body#checkout #payment-confirmation .btn-primary:disabled, body#checkout #payment-confirmation button[type="submit"]:disabled { background: #eeeeee !important; color: #777 !important; opacity: 1 !important; cursor: not-allowed !important; } /* Enabled hover */ body#checkout #payment-confirmation .btn-primary:not(:disabled):hover, body#checkout #payment-confirmation button[type="submit"]:not(:disabled):hover { background: #f8d7e8 !important; color: #111 !important; } /* Breathing room before footer divider */ body#checkout #checkout-payment-step { margin-bottom: 18px !important; } /* ========================================================= BNRD — CHECKOUT PAYMENT OPTIONS FINAL Card / PayPal / COD as clean rows Stripe form only opens when Card is selected Hide PayPal logo/info mark ========================================================= */ /* Payment options wrapper */ body#checkout #checkout-payment-step .payment-options { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; } /* Show all payment rows as clean text rows */ body#checkout #checkout-payment-step .payment-option { display: block !important; width: 100% !important; margin: 0 !important; padding: 7px 0 !important; border-bottom: 1px solid #eeeeee !important; background: transparent !important; box-shadow: none !important; } /* Hide radios */ body#checkout #checkout-payment-step .payment-option .custom-radio { display: none !important; } /* Labels */ body#checkout #checkout-payment-step .payment-option label { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111 !important; cursor: pointer !important; } /* Label span */ body#checkout #checkout-payment-step .payment-option label span { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; color: inherit !important; } /* Hover */ body#checkout #checkout-payment-step .payment-option:hover label, body#checkout #checkout-payment-step .payment-option:hover label span { font-size: 12px !important; font-weight: 700 !important; } /* Selected */ body#checkout #checkout-payment-step .payment-option.bnrd-payment-selected label, body#checkout #checkout-payment-step .payment-option.bnrd-payment-selected label span { font-size: 12px !important; font-weight: 700 !important; } /* Hide PayPal info icon + PayPal logo mark */ body#checkout #checkout-payment-step [data-paypal-info], body#checkout #checkout-payment-step [paypal-mark-container], body#checkout #checkout-payment-step .paypal-mark, body#checkout #checkout-payment-step .paypal-marks { display: none !important; } /* Stripe form is controlled by JS */ body#checkout #checkout-payment-step #js-stripe-payment-form { width: 100% !important; max-width: 760px !important; margin: 14px 0 18px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Stripe element outer wrapper */ body#checkout #checkout-payment-step #js-stripe-payment-element { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; } /* Payment option forms */ body#checkout #checkout-payment-step .js-payment-option-form { width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Additional information blocks */ body#checkout #checkout-payment-step .js-additional-information, body#checkout #checkout-payment-step .additional-information { width: 100% !important; max-width: 760px !important; margin: 8px 0 12px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; line-height: 1.35 !important; color: #111 !important; } /* PayPal button area: only appears when PayPal is selected */ body#checkout #checkout-payment-step [data-container-express-checkout] { margin: 10px 0 14px 0 !important; width: 220px !important; } /* Terms block */ body#checkout #conditions-to-approve { width: 100% !important; max-width: 760px !important; margin: 14px 0 14px 0 !important; padding: 0 !important; } /* Terms row */ body#checkout #conditions-to-approve .custom-checkbox { display: flex !important; align-items: flex-start !important; gap: 10px !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #111 !important; } /* Terms checkbox */ body#checkout #conditions-to-approve input[type="checkbox"] { width: 13px !important; height: 13px !important; margin: 1px 0 0 0 !important; accent-color: #111 !important; } /* Place order button */ body#checkout #payment-confirmation .btn-primary, body#checkout #payment-confirmation button[type="submit"] { width: 100% !important; max-width: 760px !important; height: 22px !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; background: #fdeef6 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9.5px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; color: #111 !important; } /* Disabled place order */ body#checkout #payment-confirmation .btn-primary.disabled, body#checkout #payment-confirmation .btn-primary:disabled, body#checkout #payment-confirmation button[type="submit"]:disabled { background: #eeeeee !important; color: #777 !important; opacity: 1 !important; } /* Hover place order */ body#checkout #payment-confirmation .btn-primary:not(:disabled):hover, body#checkout #payment-confirmation button[type="submit"]:not(:disabled):hover { background: #f8d7e8 !important; color: #111 !important; } /* ========================================================= BNRD — KILL STRIPE "CARD..." BLINKING LABEL Force clean Card label ========================================================= */ body#checkout #checkout-payment-step #payment-option-1-container label[for="payment-option-1"] { position: relative !important; display: block !important; font-size: 0 !important; line-height: 1 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; } /* Hide any real text/span injected by Stripe */ body#checkout #checkout-payment-step #payment-option-1-container label[for="payment-option-1"] *, body#checkout #checkout-payment-step #payment-option-1-container label[for="payment-option-1"] span { font-size: 0 !important; line-height: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; } /* Remove fake dots/pseudo elements */ body#checkout #checkout-payment-step #payment-option-1-container label[for="payment-option-1"]::after, body#checkout #checkout-payment-step #payment-option-1-container label[for="payment-option-1"] span::after { content: none !important; display: none !important; } /* Print our clean label */ body#checkout #checkout-payment-step #payment-option-1-container label[for="payment-option-1"]::before { content: "Card" !important; display: inline-block !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111 !important; -webkit-text-fill-color: #111 !important; } /* Hover */ body#checkout #checkout-payment-step #payment-option-1-container:hover label[for="payment-option-1"]::before { font-size: 12px !important; font-weight: 700 !important; } /* Selected */ body#checkout #checkout-payment-step #payment-option-1-container.bnrd-payment-selected label[for="payment-option-1"]::before { font-size: 12px !important; font-weight: 700 !important; } /* ========================================================= BNRD — PRODUCT PAGE BLOCK TITLES FINAL Viewed products / Same category titles only ========================================================= */ body#product section.viewed-products.block-section > h4.section-title, body#product section.category-products.block-section > h4.section-title { margin: 0 0 14px 0 !important; padding: 0 0 8px 0 !important; border-bottom: 1px solid #e5e5e5 !important; background: transparent !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: none !important; color: #111 !important; } body#product section.viewed-products.block-section > h4.section-title span, body#product section.category-products.block-section > h4.section-title span { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: none !important; color: #111 !important; } body#product section.viewed-products.block-section > h4.section-title strong, body#product section.category-products.block-section > h4.section-title strong { font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; color: #111 !important; } /* ========================================================= BNRD — MOBILE HEADER FINAL CLEAN VERSION v7 Bigger visual icons + wider spacing + centered bag counter ========================================================= */ @media (max-width: 767px) { /* ========================================================= 1. BASE ========================================================= */ #mobile-header, #mobile-header * { font-family: Calibri, Arial, Helvetica, sans-serif !important; } #mobile-header { background: #fff !important; border-bottom: 1px solid #e5e5e5 !important; } #mobile-header .mobile-main-bar { background: #fff !important; } #mobile-header .row-mobile-header { min-height: 92px !important; height: 92px !important; display: grid !important; align-items: center !important; /* Wider spacing: menu close left / search pushed right / logo centered / account and bag separated */ grid-template-columns: 28px 108px 1fr 92px 56px !important; padding-left: 4px !important; padding-right: 10px !important; margin: 0 !important; } #mobile-header .row-mobile-header > .col, #mobile-header .row-mobile-header > [class*="col-"] { flex: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } /* ========================================================= 2. COLUMN PLACEMENT ========================================================= */ #mobile-header .col-mobile-btn-menu { grid-column: 1 !important; justify-self: start !important; } #mobile-header #mobile-btn-search { grid-column: 2 !important; justify-self: center !important; } #mobile-header .col-mobile-logo { grid-column: 3 !important; justify-self: center !important; text-align: center !important; } #mobile-header .col-mobile-btn-account { grid-column: 4 !important; justify-self: center !important; } #mobile-header .col-mobile-btn-cart { grid-column: 5 !important; justify-self: end !important; } /* ========================================================= 3. TAP AREAS ========================================================= */ #mobile-header .col-mobile-btn, #mobile-header .m-nav-btn, #mobile-header #mobile-cart-toogle, #mobile-header .cart-toogle { width: 48px !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; } /* Menu tap area close to left edge */ #mobile-header .col-mobile-btn-menu, #mobile-header .col-mobile-btn-menu .m-nav-btn, #mobile-header .col-mobile-btn-menu .js-m-nav-btn-menu { width: 28px !important; min-width: 28px !important; } /* Hide labels */ #mobile-header .m-nav-btn > span:not(#mobile-cart-products-count), #mobile-header #mobile-cart-toogle > span:not(#mobile-cart-products-count) { display: none !important; } /* Hide default FontAwesome icons */ #mobile-header .col-mobile-btn i.fa::before, #mobile-header #mobile-cart-toogle i.fa::before { content: none !important; display: none !important; } #mobile-header .col-mobile-btn i.fa, #mobile-header #mobile-cart-toogle i.fa { font-size: 0 !important; line-height: 0 !important; color: transparent !important; } /* ========================================================= 4. HANDMADE ICONS ========================================================= */ #mobile-header .js-m-nav-btn-menu::before, #mobile-header #mobile-btn-search .m-nav-btn::before, #mobile-header .col-mobile-btn-account .m-nav-btn::before, #mobile-header #mobile-cart-toogle::before { content: "" !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* MENU — visually enlarged because source PNG has too much internal padding */ #mobile-header .js-m-nav-btn-menu::before { width: 42px !important; height: 42px !important; background-image: url("/themes/warehouse/assets/img/menu.png") !important; transform: scale(1.28) !important; transform-origin: center center !important; } /* SEARCH */ #mobile-header #mobile-btn-search .m-nav-btn::before { width: 40px !important; height: 40px !important; background-image: url("/themes/warehouse/assets/img/search.png") !important; } /* ACCOUNT */ #mobile-header .col-mobile-btn-account .m-nav-btn::before { width: 40px !important; height: 40px !important; background-image: url("/themes/warehouse/assets/img/account.png") !important; } /* BAG */ #mobile-header .col-mobile-btn-cart, #mobile-header #mobile-cart-wrapper, #mobile-header #mobile-cart-toogle { position: relative !important; } #mobile-header #mobile-cart-toogle::before { width: 43px !important; height: 43px !important; background-image: url("/themes/warehouse/assets/img/bag.png") !important; } /* ========================================================= 5. BAG COUNTER — CENTERED INSIDE THE BAG ========================================================= */ #mobile-header #mobile-cart-toogle i.mobile-bag-icon { position: static !important; width: 0 !important; height: 0 !important; overflow: visible !important; display: block !important; pointer-events: none !important; } #mobile-header #mobile-cart-toogle #mobile-cart-products-count { position: absolute !important; left: 50% !important; top: 52% !important; transform: translate(-50%, -50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; min-width: 12px !important; height: 12px !important; padding: 0 !important; margin: 0 !important; font-size: 8px !important; line-height: 12px !important; font-weight: 400 !important; text-align: center !important; color: #111 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; z-index: 5 !important; } /* ========================================================= 6. LOGO ========================================================= */ #mobile-header .col-mobile-logo img, #mobile-header .col-mobile-logo .logo, #mobile-header .col-mobile-logo a img { max-height: 76px !important; width: auto !important; margin: 0 auto !important; } /* ========================================================= 7. MOBILE MENU CLOSE ICON ========================================================= */ #mobile-header .mobile-menu__close { width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; background: #fff !important; border: 0 !important; box-shadow: none !important; } #mobile-header .mobile-menu__close i, #mobile-header .mobile-menu__close span.fa-times, #mobile-header .mobile-menu__close .fa { display: none !important; } #mobile-header .mobile-menu__close::before { content: "" !important; display: block !important; width: 40px !important; height: 40px !important; background-image: url("/themes/warehouse/assets/img/close.png") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: #fff !important; border: 0 !important; box-shadow: none !important; } } /* ========================================================= BNRD — MOBILE MENU OVERLAY CLEAN FINAL BLOCK v5 Bigger hierarchy + VIEW ALL visible ========================================================= */ @media (max-width: 767.98px) { :root { --bnrd-mobile-overlay-top: 108px; } /* ========================================================= 1. OVERLAY BELOW FULL HEADER / LOGO ========================================================= */ #_mobile_iqitmegamenu-mobile.dropdown-menu, #_mobile_iqitmegamenu-mobile.dropdown-menu-custom { position: fixed !important; top: var(--bnrd-mobile-overlay-top) !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; max-width: 100vw !important; height: calc(100vh - var(--bnrd-mobile-overlay-top)) !important; max-height: calc(100vh - var(--bnrd-mobile-overlay-top)) !important; margin: 0 !important; padding: 0 !important; background: rgba(20, 20, 20, 0.55) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; overflow: hidden !important; z-index: 9998 !important; } #_mobile_iqitmegamenu-mobile:not(.show) { display: none !important; } #_mobile_iqitmegamenu-mobile.show { display: block !important; } /* Header always above overlay */ #mobile-header, #mobile-header-sticky, #mobile-header .mobile-main-bar, #mobile-header .row-mobile-header, #mobile-header .container { position: relative !important; z-index: 9999 !important; background: #ffffff !important; } /* ========================================================= 2. REMOVE DRAWER STRUCTURE ========================================================= */ #iqitmegamenu-mobile, #iqitmegamenu-mobile.mobile-menu, #_mobile_iqitmegamenu-mobile .mobile-menu { width: 100% !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: #ffffff !important; border: 0 !important; box-shadow: none !important; } #iqitmegamenu-mobile .mobile-menu__header-wrapper, #iqitmegamenu-mobile .mm-panel__header, #iqitmegamenu-mobile .mobile-menu__footer, #iqitmegamenu-mobile .js-top-menu-bottom, #iqitmegamenu-mobile .mobile-menu__above-content, #iqitmegamenu-mobile .mobile-menu__below-content, #iqitmegamenu-mobile .mobile-menu__back-btn, #iqitmegamenu-mobile .mobile-menu__close { display: none !important; } #iqitmegamenu-mobile .mobile-menu__content { position: relative !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 18px 0 0 !important; background: transparent !important; overflow: hidden !important; } #iqitmegamenu-mobile .mobile-menu__scroller { position: relative !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 28px 30px !important; overflow: visible !important; background: transparent !important; } /* ========================================================= 3. GLOBAL RESET ========================================================= */ #iqitmegamenu-mobile ul, #iqitmegamenu-mobile li, #iqitmegamenu-mobile .mobile-menu__tab, #iqitmegamenu-mobile .mobile-menu__row, #iqitmegamenu-mobile .mobile-menu__column, #iqitmegamenu-mobile .mobile-menu__submenu { list-style: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #iqitmegamenu-mobile a, #iqitmegamenu-mobile a:hover, #iqitmegamenu-mobile a:focus, #iqitmegamenu-mobile a:active { color: #ffffff !important; text-decoration: none !important; background: transparent !important; box-shadow: none !important; } #iqitmegamenu-mobile .mobile-menu__arrow, #iqitmegamenu-mobile .expand-icon, #iqitmegamenu-mobile .fa-angle-right { display: none !important; } /* ========================================================= 4. TOP LEVEL MENU TEXT ========================================================= */ #iqitmegamenu-mobile .mobile-menu__tab { display: block !important; width: 100% !important; } #iqitmegamenu-mobile .mobile-menu__tab > .mobile-menu__link { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } #iqitmegamenu-mobile .mobile-menu__tab > .mobile-menu__link > .js-mobile-menu__tab-title, #iqitmegamenu-mobile .mobile-menu__tab > .mobile-menu__link > span { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-weight: 700 !important; letter-spacing: -0.025em !important; text-transform: lowercase !important; text-align: left !important; } /* ========================================================= 5. WHAT'S NEW — BIGGER + LIGHT PINK + LOWER ========================================================= */ #iqitmegamenu-mobile .mobile-menu__tab--id-3 { margin: 0 0 0 0 !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-3 > .mobile-menu__link > .js-mobile-menu__tab-title, #iqitmegamenu-mobile .mobile-menu__tab--id-3 > .mobile-menu__link > span { font-size: 44px !important; line-height: 0.86 !important; color: #fdeef6 !important; /* visually lowers only WHAT'S NEW, without raising SHOP */ transform: translateY(7px) !important; } /* ========================================================= 6. SHOP — BIGGEST + CLOSE TO WHAT'S NEW ========================================================= */ #iqitmegamenu-mobile .mobile-menu__tab--id-4 { margin: 0 0 0 0 !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-4 > .mobile-menu__link > .js-mobile-menu__tab-title, #iqitmegamenu-mobile .mobile-menu__tab--id-4 > .mobile-menu__link > span { font-size: 74px !important; line-height: 0.84 !important; color: #ffffff !important; } /* ========================================================= 7. SHOP SUBMENU — ALWAYS VISIBLE + VIEW ALL INCLUDED ========================================================= */ #iqitmegamenu-mobile .mobile-menu__tab--id-4 > .mobile-menu__submenu { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; width: auto !important; height: auto !important; margin: 8px 0 0 126px !important; padding: 0 !important; transform: none !important; background: transparent !important; } /* VIEW ALL visible again */ #iqitmegamenu-mobile .mobile-menu__tab--id-4 .mobile-menu__column:first-child, #iqitmegamenu-mobile .mobile-menu__tab--id-4 .mobile-menu__column--id-6 { display: block !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-4 .mobile-menu__column { display: block !important; width: auto !important; margin: 0 0 12px 0 !important; padding: 0 !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-4 .mobile-menu__column-title { display: block !important; width: auto !important; margin: 0 !important; padding: 4px 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 24px !important; line-height: 1.08 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: uppercase !important; color: #ffffff !important; text-align: left !important; } /* ========================================================= 8. INFO — SAME IDEA, SMALLER ========================================================= */ #iqitmegamenu-mobile .mobile-menu__tab--id-5 { margin: 12px 0 0 0 !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-5 > .mobile-menu__link > .js-mobile-menu__tab-title, #iqitmegamenu-mobile .mobile-menu__tab--id-5 > .mobile-menu__link > span { font-size: 30px !important; line-height: 0.95 !important; color: #ffffff !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-5 > .mobile-menu__link > .js-mobile-menu__tab-title::after, #iqitmegamenu-mobile .mobile-menu__tab--id-5 > .mobile-menu__link > span::after { content: " +" !important; display: inline-block !important; margin-left: 8px !important; font-size: 27px !important; font-weight: 700 !important; vertical-align: 1px !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-5.bnrd-info-open > .mobile-menu__link > .js-mobile-menu__tab-title::after, #iqitmegamenu-mobile .mobile-menu__tab--id-5.bnrd-info-open > .mobile-menu__link > span::after { content: " -" !important; } /* ========================================================= 9. INFO SUBMENU — CLOSED BY DEFAULT ========================================================= */ #iqitmegamenu-mobile .mobile-menu__tab--id-5 > .mobile-menu__submenu { display: none !important; position: relative !important; width: auto !important; height: auto !important; margin: 12px 0 0 84px !important; padding: 0 !important; transform: none !important; background: transparent !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-5.bnrd-info-open > .mobile-menu__submenu { display: block !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-5 .mobile-menu__column { display: block !important; width: auto !important; margin: 0 0 10px 0 !important; padding: 0 !important; } #iqitmegamenu-mobile .mobile-menu__tab--id-5 .mobile-menu__column-title { display: block !important; width: auto !important; margin: 0 !important; padding: 3px 0 !important; font-family: Calibri, Arial, Helvetica, sans-serif !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: uppercase !important; color: #ffffff !important; text-align: left !important; } /* ========================================================= 10. CLEAN UNUSED PARTS ========================================================= */ #iqitmegamenu-mobile .mobile-menu__tab--id-3 .mobile-menu__submenu, #iqitmegamenu-mobile .mobile-menu__tab--id-3 .mobile-menu__arrow { display: none !important; } /* ========================================================= 11. HAMBURGER BECOMES X ========================================================= */ .js-m-nav-btn-menu[aria-expanded="true"]::before, .js-m-nav-btn-menu.show::before { background-image: url("/themes/warehouse/assets/img/close.png") !important; width: 32px !important; height: 32px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } } /* ========================================================= BNRD — MOBILE HEADER MENU ICON OPEN STATE Hamburger becomes X when mobile menu is open ========================================================= */ @media (max-width: 767.98px) { #mobile-header .col-mobile-btn-menu .js-m-nav-btn-menu[aria-expanded="true"]::before, #mobile-header .col-mobile-btn-menu .js-m-nav-btn-menu.show::before, #mobile-header:has(#_mobile_iqitmegamenu-mobile.show) .col-mobile-btn-menu .js-m-nav-btn-menu::before { background-image: url("/themes/warehouse/assets/img/close.png") !important; width: 34px !important; height: 34px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transform: none !important; } } /* ========================================================= BNRD — ORDER CONFIRMATION PAGE Clean final base — scoped only to order confirmation page ========================================================= */ body#order-confirmation { font-family: Calibri, Arial, sans-serif; background: #fff; color: #111; } /* Page container */ body#order-confirmation #inner-wrapper.container { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } body#order-confirmation #content-wrapper { width: 100%; } /* Main confirmation block */ body#order-confirmation #content-hook_order_confirmation { max-width: 900px; margin: 92px auto 0; padding: 0 0 115px; } /* Two-column structure */ body#order-confirmation #content-hook_order_confirmation > .row { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr); column-gap: 46px; align-items: flex-start; margin-left: 0 !important; margin-right: 0 !important; } /* Kill Bootstrap column behavior only here */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-title-payment, body#order-confirmation #content-hook_order_confirmation .order-confirmation-details { width: auto !important; max-width: none !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; } /* LEFT COLUMN ========================================================= */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-title-payment { padding-top: 8px; padding-right: 30px !important; } body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-message { max-width: 475px; } /* Bold line 1 */ body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-message .page-title { margin: 0 0 24px !important; padding: 0 !important; font-family: Calibri, Arial, sans-serif; font-size: 15px !important; line-height: 1.15; font-weight: 700 !important; letter-spacing: 0.02em; text-transform: uppercase; color: #111 !important; } body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-message .page-title i { display: none !important; } /* Left text */ body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-message p { margin: 0 0 17px !important; padding: 0 !important; font-family: Calibri, Arial, sans-serif; font-size: 14px !important; line-height: 1.42 !important; font-weight: 400 !important; color: #111 !important; } body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-message p:last-child { margin-top: 8px !important; margin-bottom: 0 !important; } /* “We’re on it!” */ body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-final { font-size: 17px !important; line-height: 1.3 !important; font-weight: 400 !important; } /* Pink link only inside message */ body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-message a { color: #f3a6d7 !important; text-decoration: none !important; font-weight: 700 !important; } body#order-confirmation #content-hook_order_confirmation .bnrd-confirmation-message a:hover { color: #111 !important; } /* RIGHT COLUMN ========================================================= */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-details { border-left: 1px solid #dedede !important; padding-left: 30px !important; min-height: 330px; } /* Order details block */ body#order-confirmation #content-hook_order_confirmation #order-details { margin: 0 0 28px !important; padding: 0 !important; } /* ORDER DETAILS — not bold */ body#order-confirmation #content-hook_order_confirmation #order-details .card-title { margin: 0 0 11px !important; padding: 0 0 6px !important; border-bottom: 1px solid #e5e5e5 !important; font-family: Calibri, Arial, sans-serif; font-size: 13px !important; line-height: 1.15; font-weight: 400 !important; letter-spacing: 0.01em; text-transform: uppercase; color: #111 !important; } body#order-confirmation #content-hook_order_confirmation #order-details ul { margin: 0 !important; padding: 0 0 21px !important; list-style: none !important; border-bottom: 1px solid #e5e5e5 !important; } body#order-confirmation #content-hook_order_confirmation #order-details li { margin: 0 0 6px !important; padding: 0 !important; font-family: Calibri, Arial, sans-serif; font-size: 12px !important; line-height: 1.32 !important; font-weight: 400 !important; color: #111 !important; } body#order-confirmation #content-hook_order_confirmation #order-details li em { display: inline !important; margin-left: 5px !important; font-size: 10px !important; line-height: 1.2; font-style: italic; color: #999 !important; } /* Bold line 2 */ body#order-confirmation #content-hook_order_confirmation #order-items .card-title { margin: 0 0 15px !important; padding: 0 !important; border: 0 !important; font-family: Calibri, Arial, sans-serif; font-size: 13px !important; line-height: 1.15; font-weight: 700 !important; letter-spacing: 0.02em; text-transform: uppercase; color: #111 !important; } /* PRODUCT SUMMARY ========================================================= */ body#order-confirmation #content-hook_order_confirmation #order-items, body#order-confirmation #content-hook_order_confirmation .order-confirmation-table { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* Product row */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line { display: grid !important; grid-template-columns: 105px minmax(0, 1fr) 26px 62px !important; column-gap: 12px !important; align-items: start !important; margin: 0 0 16px !important; padding: 0 0 16px !important; border-bottom: 1px solid #e5e5e5 !important; } /* Kill Bootstrap inside product row */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line > div { width: auto !important; max-width: none !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; } /* Image */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line .image { display: block !important; width: 105px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line img { width: 105px !important; height: 105px !important; object-fit: cover !important; display: block !important; } /* Product name */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .details { padding-top: 2px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .details span { display: block !important; font-family: Calibri, Arial, sans-serif; font-size: 11px !important; line-height: 1.18 !important; font-weight: 400 !important; color: #111 !important; text-transform: none !important; } body#order-confirmation #content-hook_order_confirmation .product-line-info { margin-top: 3px !important; font-size: 10px !important; line-height: 1.2 !important; color: #888 !important; } body#order-confirmation #content-hook_order_confirmation .product-line-info .label, body#order-confirmation #content-hook_order_confirmation .product-line-info .value { font-weight: 400 !important; color: #888 !important; } /* Qty and price area */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty { grid-column: 3 / 5 !important; padding-top: 2px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty > .row { display: grid !important; grid-template-columns: 26px 62px !important; column-gap: 10px !important; margin: 0 !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty > .row > div { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; font-family: Calibri, Arial, sans-serif; font-size: 11px !important; line-height: 1.18 !important; font-weight: 400 !important; color: #111 !important; white-space: nowrap !important; } /* Hide unit price in product row */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty > .row > div:first-child { display: none !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty > .row > div:nth-child(2) { text-align: center !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty > .row > div:nth-child(3) { text-align: right !important; font-weight: 400 !important; } /* TOTALS ========================================================= */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table hr { display: none !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; font-family: Calibri, Arial, sans-serif; color: #111 !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table td { padding: 4px 0 !important; border: 0 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 400 !important; color: #111 !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table td:last-child { text-align: right !important; } /* Bold line 3 only */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table .total-value td, body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table .font-weight-bold td { padding-top: 9px !important; padding-bottom: 8px !important; border-top: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; font-size: 13px !important; line-height: 1.25 !important; font-weight: 700 !important; text-transform: uppercase !important; color: #111 !important; } /* Tax line quieter */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table .taxes td { padding-top: 5px !important; font-size: 10px !important; color: #888 !important; } /* MOBILE */ @media (max-width: 767px) { body#order-confirmation #content-hook_order_confirmation { max-width: 100%; margin: 48px auto 0; padding: 0 22px 80px; } body#order-confirmation #content-hook_order_confirmation > .row { display: block; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-title-payment { padding-right: 0 !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-details { margin-top: 36px; padding-left: 0 !important; border-left: 0 !important; border-top: 1px solid #dedede !important; padding-top: 28px !important; min-height: 0; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line { grid-template-columns: 86px minmax(0, 1fr) 24px 60px !important; column-gap: 10px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line .image { width: 86px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line img { width: 86px !important; height: 86px !important; } } /* ========================================================= BNRD — ORDER CONFIRMATION / FINAL MICRO FIXES ========================================================= */ /* 1) Kill every possible extra vertical divider */ body#order-confirmation #content-hook_order_confirmation > .row::before, body#order-confirmation #content-hook_order_confirmation > .row::after, body#order-confirmation #content-hook_order_confirmation .order-confirmation-title-payment::before, body#order-confirmation #content-hook_order_confirmation .order-confirmation-title-payment::after, body#order-confirmation #content-hook_order_confirmation .order-confirmation-details::before, body#order-confirmation #content-hook_order_confirmation .order-confirmation-details::after { display: none !important; content: none !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-title-payment { border-left: 0 !important; border-right: 0 !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-details { border-left: 1px solid #dedede !important; border-right: 0 !important; } /* 2) Make right column slightly more compact and mockup-like */ body#order-confirmation #content-hook_order_confirmation { max-width: 860px !important; } body#order-confirmation #content-hook_order_confirmation > .row { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important; column-gap: 42px !important; } /* Product row proportions */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line { grid-template-columns: 96px minmax(0, 1fr) 22px 58px !important; column-gap: 10px !important; margin-bottom: 14px !important; padding-bottom: 14px !important; } /* Product image: a little bigger, not huge */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line .image { width: 96px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .order-line img { width: 96px !important; height: 96px !important; object-fit: cover !important; } /* Product text and price slightly smaller */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .details span { font-size: 10px !important; line-height: 1.18 !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty > .row { grid-template-columns: 22px 58px !important; column-gap: 8px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table .qty > .row > div { font-size: 10px !important; line-height: 1.18 !important; } /* Totals: smaller, but total still bold */ body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table td { font-size: 11px !important; } body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table .total-value td, body#order-confirmation #content-hook_order_confirmation .order-confirmation-table table .font-weight-bold td { font-size: 12px !important; }