/** Shopify CDN: Minification failed Line 444:2 Unexpected "=" Line 1045:0 Unexpected "}" **/ .two-side-widget-template--21962335813781__two_side_image_widget_giGwwE { background: #edf2f6 !important; } .two-side-widget-template--21962335813781__two_side_image_widget_8GLCeP { background: #edf2f6 !important; } .two-side-widget-template--21962335813781__two_side_image_widget_7Pzt7T { background: #edf2f6 !important; } .two-side-widget-template--21962335813781__two_side_image_widget_KUDUzY { background: #edf2f6 !important; } /* Normal header icons */ .ss-header__actions .header__icon, .ss-header__actions .header-color, .ss-header__actions a, .ss-header__actions button { color: #fff !important; } /* Sticky header icons black */ .shopify-section-header-sticky .ss-header__actions .header__icon, .shopify-section-header-sticky .ss-header__actions .header-color, .shopify-section-header-sticky .ss-header__actions a, .shopify-section-header-sticky .ss-header__actions button, .header-wrapper--border-bottom .ss-header__actions .header__icon, .header-wrapper--border-bottom .ss-header__actions .header-color, .header-wrapper--border-bottom .ss-header__actions a, .header-wrapper--border-bottom .ss-header__actions button { color: #000 !important; } /* If icons are SVG */ .shopify-section-header-sticky .ss-header__actions svg, .header-wrapper--border-bottom .ss-header__actions svg { color: #000 !important; fill: #000 !important; stroke: #000 !important; } /* Strong sticky cart icon fix */ .header-wrapper.sticky .ss-header__actions a[href*="/cart"], .header-wrapper--sticky .ss-header__actions a[href*="/cart"], .is-sticky .ss-header__actions a[href*="/cart"], .sticky .ss-header__actions a[href*="/cart"], .shopify-section-header-sticky .ss-header__actions a[href*="/cart"] { color: #000000 !important; } .header-wrapper.sticky .ss-header__actions a[href*="/cart"] svg, .header-wrapper--sticky .ss-header__actions a[href*="/cart"] svg, .is-sticky .ss-header__actions a[href*="/cart"] svg, .sticky .ss-header__actions a[href*="/cart"] svg, .shopify-section-header-sticky .ss-header__actions a[href*="/cart"] svg { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } .header-wrapper.sticky .ss-header__actions a[href*="/cart"] svg path, .header-wrapper--sticky .ss-header__actions a[href*="/cart"] svg path, .is-sticky .ss-header__actions a[href*="/cart"] svg path, .sticky .ss-header__actions a[href*="/cart"] svg path, .shopify-section-header-sticky .ss-header__actions a[href*="/cart"] svg path { fill: #000000 !important; stroke: #000000 !important; } .two-side-widget-template--21856214876309__two_side_image_widget_giGwwE { background: #edf2f6 !important; } .two-side-widget-template--21856214876309__two_side_image_widget_giGwwE { background: #edf2f6 !important; } .two-side-widget-template--21856214876309__two_side_image_widget_8GLCeP { background: #edf2f6 !important; } .two-side-widget-template--21856214876309__two_side_image_widget_7Pzt7T { background: #edf2f6 !important; } .two-side-widget-template--21856214876309__two_side_image_widget_KUDUzY { background: #edf2f6 !important; } .two-side-widget-template--21856214876309__two_side_image_widget_qQYQKb { background: #edf2f6 !important; } .collection-item__information .collection-item__name.btn, .collection-item__information .collection-item__name.btn-white, .collection-item__information a.collection-item__name { background: #0e2e47 !important; background-color: #0e2e47 !important; color: #ffffff !important; border-color: #0e2e47 !important; --color-button: #0e2e47 !important; --color-button-text: #ffffff !important; --btn-bg: #0e2e47 !important; --btn-color: #ffffff !important; } .collection-item__information .collection-item__name *, .collection-item__information .collection-item__name-inner { color: #ffffff !important; } .collection-item__information .collection-item__name.btn:hover, .collection-item__information .collection-item__name.btn-white:hover, .collection-item__information a.collection-item__name:hover { background: #0e2e47 !important; background-color: #0e2e47 !important; color: #ffffff !important; border-color: #0e2e47 !important; } form.search.search-modal__form.pb-0.mt-15.mt-1025-55 { display: none !important; } :where(.light-dark-grey) { color: #0e2e47; } .cart-recommend.cart-recommend-custom.pb-30.px-30.fixed-1025.inset-y-0.z-2.beside.invisible-1025.pointer-none-1025.cart-recommend-beside-mobile.color-default.open { display: none !important; } .cart-countdown-time.px-30.heading-style.color-default { display: none !important; } free-ship-progress-bar, .cart_shipping, .cart_threshold { display: none !important; } /* Sticky Add to Cart button border only */ sticky-add-cart .button_buy-now .product-form__submit, sticky-add-cart .button_buy-now .product-form__submit:hover, sticky-add-cart .button_buy-now .product-form__submit:focus, sticky-add-cart .button_buy-now .product-form__submit:active { background: transparent !important; background-color: transparent !important; color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; transform: none !important; } h1.heading-title.heading-letter-spacing.h2.mt-8.mb-0 { display: none !important; } /* Remove hover overlay */ sticky-add-cart .button_buy-now .product-form__submit::before, sticky-add-cart .button_buy-now .product-form__submit::after { display: none !important; } .ssearch__input, #Search-In-Page, .search__input { background: transparent !important; background-color: transparent !important; border: 1px solid #0e2e47 !important; color: #0e2e47 !important; box-shadow: none !important; } .contact_form input, .contact_form textarea { background: transparent !important; background-color: transparent !important; border: 1px solid #0e2e47 !important; color: #0e2e47 !important; box-shadow: none !important; } .contact_form input::placeholder, .contact_form textarea::placeholder { color: #0e2e47 !important; opacity: 0.7; } .contact_form label { color: #0e2e47 !important; } /* Product name one line with ... */ .product-item__name { display: block !important; width: 100% !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Keep size filter same on hover and selected */ .swatch-attribute.size .swatch-option.size, .swatch-attribute.size .swatch-option.size:hover, .swatch-attribute.size .swatch-option.size.current-filter { background: transparent !important; background-color: transparent !important; color: #0e2e47 !important; border: 1px solid #0e2e47 !important; border-radius: 3px !important; box-shadow: none !important; } .swatch-attribute.size .swatch-option.size span, .swatch-attribute.size .swatch-option.size:hover span, .swatch-attribute.size .swatch-option.size.current-filter span { color: #0e2e47 !important; } cart-items .cart-item__name, cart-items .cart-item__name a, .cart-page .cart-item__name, .cart-page .cart-item__name a, .cart__items .cart-item__name, .cart__items .cart-item__name a, cart-items td a[href*="/products/"] { font-size: 13px !important; line-height: 1.2 !important; font-weight: 500 !important; max-width: 420px !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Cart product name short without breaking columns */ .cart-item__details { min-width: 0 !important; } .cart-item__details .cart-item__name, .cart-item__details .cart-item__name a { max-width: 420px !important; display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 14px !important; line-height: 1.3 !important; } .cart-item__price, .cart-item__quantity, .cart-item__totals, .cart-item__price *, .cart-item__totals * { white-space: nowrap !important; } /* Mobile collapsible content line break fix */ @media screen and (max-width: 767px) { .collapsible-content_inner p, .collapsible-content_inner span, .metafield-multi_line_text_field { white-space: pre-line !important; line-height: 1.8 !important; display: block !important; } } /* Coupon code text only */ .discounts__discount { color: #0e2e47 !important; } .two-side-widget-template--20960265044117__two_side_image_widget_giGwwE { background: #edf2f654 !important; } .two-side-widget-template--20960265044117__two_side_image_widget_8GLCeP { background: #edf2f654 !important; } .two-side-widget-template--20960265044117__two_side_image_widget_7Pzt7T { background: #edf2f654 !important; } .two-side-widget-template--20960265044117__two_side_image_widget_KUDUzY { background: #edf2f654 !important; } .two-side-widget-template--20960265044117__two_side_image_widget_qQYQKb { background: #edf2f654 !important; } .collection-sidebar, .collection-sidebar .filter-blocks, .collection-sidebar .filter-item, .collection-sidebar collapsible-block, .collection-sidebar .collapsible-content { background-color: #edf2f6cc !important; } #shopify-section-template--20960265044117__collection_list_3CX8A3 .collection-item__name.btn-white { background-color: #0e2e47 !important; color: #ffffff !important; } #shopify-section-template--20960265044117__collection_list_3CX8A3 .collection-item__name.btn-white span { color: #ffffff !important; } #cookie, cookie-bar#cookie, .maxcookie { background-color: #edf2f6 !important; background-image: none !important; } countdown-timer.cart_page-countdown.heading-style.flex.flex-wrap.content-center.pt-17.pb-15.btn-rounded.mx-auto.w-full.max-w-custom.px-15 { display: none !important; } cart-item-edit.minicart__item-edit.pointer.relative.inline-flex.align-center { display: none !important; } minicart-item-edit.minicart__item-edit.pointer.relative.inline-flex.align-center { display: none !important; } .product-list-action select-option.product-item__select-options, .product-list-action select-option.product-item__select-options span, .product-list-action .bls-add-cart-list, .product-list-action .bls-add-cart-list span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } filter-sort[selected], filter-sort[selected="selected"], filter-sort[selected] *, filter-sort[selected="selected"] * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } filter-sort:hover, filter-sort:hover * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Mobile filter drawer background */ .collection-sidebar, .collection-sidebar .sidebar-header, .collection-sidebar .filter-blocks, .collection-sidebar .filter-item, .collection-sidebar collapsible-block, .collection-sidebar .collapsible-content, .collection-sidebar .filter-content { background-color: #edf2f6 !important; background-image: none !important; } /* Clear All bottom bar background */ div.filter-action-bottom.bg-white { background: #edf2f6 !important; background-color: #edf2f6 !important; } #swiper-cart-upsell .product-list-action select-option.product-item__select-options, #swiper-cart-upsell .product-list-action select-option.product-item__select-options span { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } .collection .product-item__name, .products-grid .product-item__name { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; } countdown-timer { color: #ffffff !important; /* or color: white; */ } /* Targets the "Your cart is currently empty" title */ .cart-empty .fs-18.h6 { color: #ffffff !important; } /* Targets the description text below it */ .cart-empty .empty.description { color: #ffffff !important; } .cart-empty .minicart-action.close-cart.btn-primary { background-color: #ffffff !important; color: #0e2e47 !important; border: 1px solid #0e2e47 !important; /* Optional: Adds a dark border so a white button doesn't disappear on white backgrounds */ } /* 1. Make the inner media container the anchor point */ .collection-item__media { position: relative !important; overflow: hidden !important; /* Forces the box to clip exactly at the image boundary */ } /* 2. Move the information box INSIDE the image container context */ .collection-item__wrapper .collection-item__information { position: absolute !important; bottom: 10px !important; /* Distance from bottom of the image */ left: 10px !important; /* Distance from left of the image */ right: 10px !important; /* Distance from right of the image */ width: auto !important; /* Let left and right constrain the width */ margin: 0 !important; padding: 0 !important; z-index: 5 !important; } #shopify-section-template--20960265076885__main .collection-item__name.btn-white { background-color: #0e2e47 !important; color: #ffffff !important; width: 67% !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 8px 5px !important; font-size: 14px !important; box-sizing: border-box !important; border-radius: 2px !important; } /* 4. Fix inner text rendering */ .collection-item__name-inner { color: #ffffff !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } * ========================================================================== SCOPED COOKIE CONSENT BANNER BACKGROUND RESET ========================================================================== */ /* Target the custom cookie-bar component tag specifically by its unique ID */ #cookie.maxcookie, cookie-bar#cookie { background: #edf2f6 !important; background-color: #edf2f6 !important; background-image: none !important; /* Strips away any theme utility gradients */ } /* Force the text inside the message to remain a readable dark color against the pale tint */ #cookie.maxcookie .cookie-message, #cookie.maxcookie .cookie-message p { color: #0e2e47 !important; /* Adjust this color if you want standard pure black (#000000) */ } /* ========================================================================== WISHLIST HEART BUTTON - PURE SOLID SVG CROSS-FILL FIX ========================================================================== */ /* 1. When active, hide the theme's transparent outline icon completely */ button-wishlist.active svg use, button-wishlist.added svg use, button-wishlist[active="true"] svg use, button-wishlist[selected] svg use { display: none !important; } /* 2. Inject a clean, modern, mathematically perfect solid red heart into the view */ button-wishlist.active svg, button-wishlist.added svg, button-wishlist[active="true"] svg, button-wishlist[selected] svg { background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; /* Clear out native transparent rendering rules */ fill: transparent !important; stroke: transparent !important; } /* 3. Keep the outer white button housing perfectly round and clean */ button-wishlist.active, button-wishlist.added, button-wishlist[active="true"], button-wishlist[selected] { border: 1px solid #e5e5e5 !important; background: #ffffff !important; background-color: #ffffff !important; box-shadow: none !important; } /* ========================================================================== WISHLIST HEART BUTTON - INCREASE ACTIVE SVG SIZE ========================================================================== */ button-wishlist.active svg, button-wishlist.added svg, button-wishlist[active="true"] svg, button-wishlist[selected] svg { /* Set the dynamic sizing bounds of the heart icon */ width: 22px !important; /* Increased from theme default (approx 14px) */ height: 22px !important; /* Increased from theme default (approx 13px) */ /* Center the larger icon perfectly inside the 50px white circular button box */ display: inline-block !important; vertical-align: middle !important; transition: width 0.15s ease, height 0.15s ease; } /* ========================================================================== NAVIGATION HOVER MINI-PRODUCT POPUP CARD FIX ========================================================================== */ /* 1. Force the product item title to a clear dark navy tone */ .product-item.absolute.z-3.bg-white a.product-item__name, .product-item.absolute.z-3.bg-white a { color: #0e2e47 !important; } /* 2. Force the retail price text string block to black */ .product-item.absolute.z-3.bg-white .price, .product-item.absolute.z-3.bg-white .price-same-style { color: #000000 !important; } /* 3. Keep the layout clean and readable during pointer hover clicks */ .product-item.absolute.z-3.bg-white a:hover { color: #0e2e47 !important; opacity: 0.85; } /* ========================================================================== SCOPED STICKY ADD TO CART BAR WHITE TEXT TRANSFORMATION ========================================================================== */ /* 1. Force the title name, wrapper elements, and general label styles to white */ sticky-add-cart, sticky-add-cart .product-item__name, sticky-add-cart .product-detail__variant-picker, sticky-add-cart .heading-color { color: #ffffff !important; } /* 2. Protect option text color visibility inside your drop-down selector */ sticky-add-cart select, sticky-add-cart select option { color: #333333 !important; background-color: #ffffff !important; } /* 3. Keep the name link white even during cursor link focus/hover interactions */ sticky-add-cart .product-item__name:hover { color: #ffffff !important; opacity: 0.85; } /* ========================================================================== SCOPED COLLECTION SIDEBAR DRAW ER BACKGROUND RESET ========================================================================== */ /* 1. Target the parent wrapper drawer structure */ #CollectionSidebar.collection-filter, #CollectionSidebar .collection-sidebar { background: #edf2f6 !important; background-color: #edf2f6 !important; } /* 2. Target the lower action bar layer block containing the Clear/Apply triggers */ #CollectionSidebar .filter-action-bottom { background: #edf2f6 !important; background-color: #edf2f6 !important; } /* 3. Handle explicit input field styling blocks inside the price range slider tool */ #CollectionSidebar .price-range .field input, #CollectionSidebar .range-slider { background: #ffffff !important; /* Kept clean white so entered numbers remain legible */ } #CollectionSidebar.collection-filter, #CollectionSidebar .collection-sidebar { z-index: 999 !important; } /* ========================================================================== SOLID FILTER ACTION BOTTOM FIXED BASE LAYOUT ========================================================================== */ /* Forces a completely solid background to block underlying scrolling text layout elements */ #CollectionSidebar .filter-action-bottom, .collection-filter .filter-action-bottom { background: #edf2f6 !important; background-color: #edf2f6 !important; opacity: 1 !important; z-index: 10 !important; position: relative !important; /* Ensures it acts as a solid layered cover over size blocks */ } /* Forces the 'Apply' custom component button text inside this section to turn white */ #CollectionSidebar .filter-action-bottom facet-apply-canvas, #CollectionSidebar .filter-action-bottom facet-apply-canvas span { color: #ffffff !important; } /* Adjusts the 'Clear All' action option text link appearance layout */ #CollectionSidebar .filter-action-bottom .facet-clear-all, #CollectionSidebar .filter-action-bottom facet-clear-all { color: #0e2e47 !important; /* Keeps clear link legible against the pale blue tint */ } /* ========================================================================== SHOPIFY TAXONOMY SWATCH COLOR FIXES ========================================================================== */ /* 1. Map real colors to your specific backend taxonomy identifier classes */ #CollectionSidebar .gid-shopify-taxonomyvalue-2, .collection-filter .gid-shopify-taxonomyvalue-2 { background-color: #0044cc !important; /* Rich Blue */ background-image: none !important; } #CollectionSidebar .gid-shopify-taxonomyvalue-9, .collection-filter .gid-shopify-taxonomyvalue-9 { background-color: #2b7a4b !important; /* Beautiful Kurti Green */ background-image: none !important; } /* 2. Optional: Style the active filter selection box border so it pops out */ #CollectionSidebar .swatch-option.current-filter { border: 2px solid #0e2e47 !important; border-radius: 50%; } /* ========================================================================== CLEAN COLOR SWATCH BORDER REMOVAL ========================================================================== */ /* 1. Remove the outer square borders, backgrounds, and shadows entirely */ #CollectionSidebar .swatch-option.color, .collection-filter .swatch-option.color { border: none !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; padding: 0 !important; } /* 2. Style the active selected color circle with a clean matching outline */ #CollectionSidebar .swatch-option.color.current-filter .product__color-swatch { outline-offset: 2px; } .ss-header { position: relative; width: 102%; } /* ========================================================================== CART COUNTDOWN TEXT RESET TO BLACK ========================================================================== */ /* Target the specific label inside the countdown-timer custom component container */ countdown-timer.cart_page-countdown .me-5 { color: #000000 !important; } /* ========================================================================== SELECT OPTIONS BUTTON & TAX NOTICE BLACK TEXT TRANSFORMATION ========================================================================== */ /* 1. Force the Select Options text inside the custom component block to black */ select-option.product-item__select-options, select-option.product-item__select-options .hidden-on-load { color: #000000 !important; } /* 2. Target the text block and the nested shipping link text inside the tax notice area */ .js-contents_discounts, .js-contents_discounts p, .js-contents_discounts a { color: #000000 !important; } /* 3. Adds an underline to the shipping policy link on hover so users know it's clickable */ .js-contents_discounts a:hover { text-decoration: underline !important; opacity: 0.8; } /* ========================================================================== SELECT OPTIONS BUTTON WHITE TEXT RESTORATION ========================================================================== */ /* Target the specific custom button component wrapper and force the internal text string to white */ select-option.product-item__select-options, select-option.product-item__select-options .hidden-on-load { color: #ffffff !important; } /* Ensures the text stays white during mouse hover interactions */ select-option.product-item__select-options:hover .hidden-on-load { color: #ffffff !important; opacity: 0.9; } /* ========================================================================== PRODUCT ITEM INTERACTION BLOCKS - SYSTEM COLOR BLACK RESET ========================================================================== */ /* 1. Force the Select Options text inside the custom component element to black */ select-option.product-item__select-options, select-option.product-item__select-options .hidden-on-load { color: #000000 !important; } /* 2. Target all link elements inside your product item grids and cart drawer blocks */ .product-item__information a, .minicart__product-info a, .cart-item a { color: #000000 !important; } /* 3. Safe-guard hover states so text strings stay black during layout interaction clicks */ select-option.product-item__select-options:hover .hidden-on-load, .product-item__information a:hover, .minicart__product-info a:hover, .cart-item a:hover { color: #000000 !important; opacity: 0.85; /* Soft opacity shift so users know it's interactive */ } /* ========================================================================== GLOBAL INPUT SURFACES - FORCE SOLID WHITE TEXT ========================================================================== */ html body input[type='search'], html body input[type='tel'], html body input[type='text'], html body input[type='date'], html body .dmp_discount-form input, html body input[type='email'], html body input[type='password'], html body select, html body textarea, html body .input-style { color: #ffffff !important; -webkit-text-fill-color: #000 !important; /* Force render rule for Safari iOS mobile browsers */ } /* Optional: Ensures form placeholder hint strings are legible */ html body ::placeholder { color: #ffffff !important; opacity: 0.6; } .ss-header__search input { width: 100%; height: 32px; border-radius: 4px; border: 1px solid #fff !important; } /* ========================================================================== SCOPED TYPE-LIST PRODUCT NAME WHITE COLOR FIX ========================================================================== */ /* Target the product name link strictly when it sits inside a list-type info container */ .product-item__information.type-list a.product-item__name { color: #ffffff !important; } /* Keeps the text cleanly white during interactive cursor hover/focus states */ .product-item__information.type-list a.product-item__name:hover { color: #ffffff !important; opacity: 0.85; /* Subtle opacity change so it still feels like a clickable link */ } .form-floating { position: static !important; } /* ========================================================================== FORCE INNER RECOMMENDATION TITLE TO BLACK ========================================================================== */ /* Target the anchor link text inside the cart page recommendation container directly */ .cart_page-recommend .product-item__information a.product-item__name, .cart_page-recommend a.product-item__name { color: #000000 !important; } /* Ensure it stays black when hovered */ .cart_page-recommend .product-item__information a.product-item__name:hover, .cart_page-recommend a.product-item__name:hover { color: #000000 !important; opacity: 0.8; } /* ========================================================================== MINICART SIDE-DRAWER & BESIDE UPSELL WHITE TEXT & ICON CONVERSION ========================================================================== */ /* 1. Target Header elements: Shopping Cart text, cart item counts, and main titles */ .minicart__header .minicart-heading, .minicart__header .minicart-heading .cart-count-drawer, .cart-recommend-custom .minicart-heading, .cart-recommend-custom .product-item__name { color: #ffffff !important; } /* 2. Target the price strings strictly inside this side recommendation panel */ .cart-recommend-custom .price, .cart-recommend-custom .price-same-style { color: #ffffff !important; } /* 3. Force both drawer top headers' close SVGs (X icons) to render white lines */ .minicart__header .close-cart-button svg, .cart-recommend-custom .button-close-beside svg { stroke: #ffffff !important; fill: #ffffff !important; } /* 4. Keep links fully readable and white when hovering with a mouse pointer */ .cart-recommend-custom .product-item__name:hover { color: #ffffff !important; opacity: 0.85; } /* ========================================================================== PRODUCT GRID ITEM NAME HOVER COLOR FIX ========================================================================== */ /* Target the grid item link title specifically during hover states */ .product-item__information a.product-item__name:hover { color: #0e2e47 !important; text-decoration: none !important; /* Removes underlines during hover */ opacity: 1 !important; /* Prevents any fade or opacity shifts */ } /* Scope the white text rule strictly to this specific grid section container */ #shopify-section-template--20960265044117__products_grid_fFd6GF .product-item__name { color: #0e2e47 !important; } /* Keeps the text color white even when hovering over a product in this section */ #shopify-section-template--20960265044117__products_grid_fFd6GF .product-item__name:hover { color: #0e2e47 !important; opacity: 0.85; } .cart-addons.flex.justify-center.border-top { display: none !important; } /* ========================================================================== SCOPED MINI-CART & UPSELL WHITE TEXT TRANSFORMATION ========================================================================== */ /* 1. Force all standard text strings, headers, and links to white inside Mini-Cart */ .custom-scrollbar #minicart, .custom-scrollbar #minicart a, .custom-scrollbar #minicart .heading-color, .custom-scrollbar #minicart .minicart__product-name a, .custom-scrollbar #minicart .product-option, .custom-scrollbar #minicart .minicart__item-price { color: #ffffff !important; } /* 2. Force all text elements inside the Upsell Recommendation Panel to white */ .cart-recommend-custom, .cart-recommend-custom .minicart-heading, .cart-recommend-custom .product-item__name, .cart-recommend-custom .price, .cart-recommend-custom .price-same-style { color: #ffffff !important; } /* 3. Handle specific hover states inside these panels so they remain visible */ .custom-scrollbar #minicart a:hover, .cart-recommend-custom .product-item__name:hover { color: #ffffff !important; opacity: 0.8; } /* 4. Ensure structural icon buttons (trash and edit) update cleanly to white */ .custom-scrollbar #minicart .remove-icon, .custom-scrollbar #minicart .edit-icon { color: #ffffff !important; fill: currentColor !important; } .btn-outline { --btn-bg: #0e2e47; --btn-color: var(--btn-outline-color); --btn-border-color: var(--btn-outline-border-color); } input[type='search'], input[type='tel'], input[type='text'], input[type='date'], input[type='number'], body .dmp_discount-form input, input[type='email'], input[type='password'], select, textarea, .input-style { color: #0e2e47 !important; } /* Target the specific countdown alert text block and update color to white */ .me-5 { color: #ffffff !important; } .global-theme-accordion-wrap.container { display: none !important; } body, .color-default, .color-scheme-4faf0e4d-27f4-4d02-bc51-617383bab1a9, .color-scheme-bb1431b0-be4a-4b03-a450-f572c07e3904, .color-scheme-3d10de96-a479-49bd-819c-e044746b4f3e, .color-scheme-2b5c6c91-201d-4fb1-aba3-e6d562656976, .color-scheme-accf3b11-ba40-4a3e-bafb-243ece6683ec, .color-scheme-c78bfb21-5aff-497b-be68-98f01962f564 { color: #000000 !important; background-color: var(--color-background); } :root, .color-default { --color-link-hover: #fff !important; } .page-title-breadcrumb .breadcrumb-link, .page-title-breadcrumb .breadcrumb-item, .page-title-breadcrumb a { color: #161823 !important; } .logo-position.relative.z-1025-16.section.pt-min.pb-min.grid.logo-center.gap-10.gap-xl-50.header-middle.align-center.hidden-sticky { padding-left: 15px; padding-right: 15px; } .header .header-icon svg, .header .header-icon { color: #F9F6EF !important; fill: #F9F6EF !important; } multi-content .section__block-inner { height: 75% !important; } :root, .color-default { --gradient-background: #cfd9e254 !important; --color-heading: #000 !important; } /* ONLY this section: template--20960265044117__multi_content_bgk9tP */ #shopify-section-template--20960265044117__multi_content_bgk9tP .color-scheme-bb1431b0-be4a-4b03-a450-f572c07e3904 { --color-background: #0e2e47 !important; } #shopify-section-template--20960265044117__multi_content_bgk9tP .text-below { --color-heading: #f9f6ef !important; } #shopify-section-template--20960265044117__multi_content_bgk9tP multi-content.multi-content-js.relative.flex.flex-col-custom.flex-wrap.row-gap { margin-bottom: -50px !important; } [data-section-id="template--20960265044117__product_with_banner_n87xQk"] .sec__content-heading { --color-heading: #ffffff !important; color: #ffffff !important; } /* Product With Banner - Make Subheading White */ [data-section-id="template--20960265044117__product_with_banner_n87xQk"] .sec__content-subheading { color: #ffffff !important; } /* Footer - Help Customers block text white */ .footer-block.store_info .footer__block-heading, .footer-block.store_info .footer__store-info a { color: #c0a472 !important; } footer .footer__block-heading.collapsible-heading { --color-heading: #c0a472 !important; color: #c0a472 !important; } /* Breadcrumb text white */ .page-title-breadcrumb .breadcrumb-link, .page-title-breadcrumb .breadcrumb-item, .page-title-breadcrumb a { color: #0e2e47 !important; } /* ============================= */ /* COLLECTION FILTER SIDEBAR */ /* ============================= */ /* Category UL links */ .filter-item .filter-content ul li a { color: #000000 !important; } /* Products Category heading */ .filter-item .collapsible-heading, .filter-item .collapsible-heading span { color: #000000 !important; } /* INR text */ .filter-item .filter-price, .filter-item .field-currency, .filter-item { color: #000000 !important; } /* Size text (XS, S, M, etc.) */ .filter-item .swatch-option, .filter-item .swatch-option span { color: #000000 !important; } /* Size box border */ .filter-item .swatch-option { border: 1px solid #000000 !important; } /* Price labels */ .filter-item .price-lable, .filter-item .price-lable span, .filter-item .price-lable .label { color: #000000 !important; } /* Change heading color only inside mobile navigation bar */ mobile-navigation-bar.color-default { --color-heading: #ffffff !important; } /* THEME MOBILE = < 1025px (based on hidden-1025 / block-1025) */ @media (max-width: 1024px) { /* ✅ Background: force header + sticky wrapper */ #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header, #shopify-section-sections--20960259014805__header_layout2_Kgnf4D #header-sticky, #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header__inner, #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .logo-position { background-color: #0E2E47 !important; background: #0E2E47 !important; } /* ✅ If theme uses CSS variables for background/gradient */ #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header { --gradient-background: #0E2E47 !important; --color-background: 14, 46, 71 !important; /* some themes use rgb vars */ } /* ONLY the hamburger icon (mobile nav toggle) to white */ #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header__inner [data-action="toggle-nav"], #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header__inner [data-action="toggle-nav"] *{ color: #fff !important; fill: #fff !important; } } /* ✅ Force SVG icons to follow currentColor */ #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header__inner svg, #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header__inner svg path, #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .header__inner svg use { fill: currentColor !important; } /* ✅ Cart count number */ #shopify-section-sections--20960259014805__header_layout2_Kgnf4D .cart-count { color: #fff !important; } } cookie-bar.maxcookie, cookie-bar.maxcookie *{ color:#000 !important; } /* Cookie bar "Allow Cookies" button only */ cookie-bar#cookie.maxcookie #cookie-dismiss{ background: #0E2E47 !important; border-color: #0E2E47 !important; color: #fff !important; } /* Hover / focus / active (keep same) */ cookie-bar#cookie.maxcookie #cookie-dismiss:hover, cookie-bar#cookie.maxcookie #cookie-dismiss:focus, cookie-bar#cookie.maxcookie #cookie-dismiss:active{ background: #0E2E47 !important; border-color: #0E2E47 !important; color: #fff !important; } /* If theme adds a pseudo overlay on hover */ cookie-bar#cookie.maxcookie #cookie-dismiss::before, cookie-bar#cookie.maxcookie #cookie-dismiss::after, cookie-bar#cookie.maxcookie #cookie-dismiss:hover::before, cookie-bar#cookie.maxcookie #cookie-dismiss:hover::after{ background: #0E2E47 !important; } /* Only the Filter button element */ btn-filter.btn-filter.btn-primary{ background: #f9f6ef !important; background-image: none !important; border: 1px solid #0E2E47 !important; color: #0E2E47 !important; } /* Icon inside this filter button only */ btn-filter.btn-filter.btn-primary svg path{ fill: #0E2E47 !important; } /* Hover stays same */ btn-filter.btn-filter.btn-primary:hover, btn-filter.btn-filter.btn-primary:focus{ background: #f9f6ef !important; border-color: #0E2E47 !important; color: #0E2E47 !important; } /* ================================ Collection Sidebar (Filter Panel) BG: #f9f6ef Text/Border/Divider/Icon: #0E2E47 Scope: ONLY #CollectionSidebar ================================== */ #CollectionSidebar, #CollectionSidebar .collection-sidebar{ background: #f9f6ef !important; background-color: #f9f6ef !important; background-image: none !important; } /* If theme adds overlay layers */ #CollectionSidebar::before, #CollectionSidebar::after, #CollectionSidebar .collection-sidebar::before, #CollectionSidebar .collection-sidebar::after{ background: #f9f6ef !important; background-image: none !important; opacity: 1 !important; } /* All text inside sidebar */ #CollectionSidebar, #CollectionSidebar *{ color: #0E2E47 !important; } /* Links */ #CollectionSidebar a{ color: #0E2E47 !important; } /* Borders + dividers */ #CollectionSidebar .border, #CollectionSidebar .border-top, #CollectionSidebar .border-bottom, #CollectionSidebar .border-left, #CollectionSidebar .border-right, #CollectionSidebar .sidebar-header, #CollectionSidebar .filter-action-bottom, #CollectionSidebar collapsible-block, #CollectionSidebar .filter-item, #CollectionSidebar .swatch-option, #CollectionSidebar .tooltip, #CollectionSidebar .field, #CollectionSidebar input{ border-color: #0E2E47 !important; } /* Any hr divider if present */ #CollectionSidebar hr{ border-color: #0E2E47 !important; background: #0E2E47 !important; } /* Icons (close / arrows / svg) */ #CollectionSidebar svg, #CollectionSidebar svg path, #CollectionSidebar svg use{ fill: #0E2E47 !important; color: #0E2E47 !important; } /* Price range dash icon in your markup (was #666) */ #CollectionSidebar .filter-price svg path{ fill: #0E2E47 !important; } /* Inputs look consistent */ #CollectionSidebar input, #CollectionSidebar select, #CollectionSidebar textarea{ background: #f9f6ef !important; color: #0E2E47 !important; } /* Sticky bottom bar bg */ #CollectionSidebar .filter-action-bottom{ background: #f9f6ef !important; } /* Remove the OVERALL border around the Size swatch group (all views) */ #CollectionSidebar .swatch-attribute.size, #CollectionSidebar .swatch-attribute.size.swatch-option, #CollectionSidebar .swatch-attribute.size.custom-scrollbar{ border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; } /* If the border is coming from the UL wrapper */ #CollectionSidebar .swatch-attribute.size ul.items{ border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; /* optional: removes extra frame spacing */ } /* Desktop only (>=1025px) — scoped ONLY to the toolbar amount + sorter text */ @media (min-width: 1025px){ /* "There are X results in total" */ #toolbar-amount.block-1025{ display: block !important; color: #0E2E47 !important; } /* Sorter selected text: "Best selling" */ select-sorter .heading-color.subheading_weight.inline-block-1025{ color: #0E2E47 !important; } /* Optional: "Sort by:" label text + arrow in the same control */ select-sorter label{ color: #0E2E47 !important; border-color: #0E2E47 !important; } select-sorter label svg, select-sorter label svg path, select-sorter label svg use{ fill: #0E2E47 !important; color: #0E2E47 !important; } } /* ONLY this related products section: BG = #f9f6ef ALL text/icons = #0E2E47 */ #shopify-section-template--20960265470101__related_products .sec__related-product{ background: #f9f6ef !important; background-color: #f9f6ef !important; background-image: none !important; --gradient-background: #f9f6ef !important; } /* If theme paints bg via overlay */ #shopify-section-template--20960265470101__related_products .sec__related-product::before, #shopify-section-template--20960265470101__related_products .sec__related-product::after{ background: #f9f6ef !important; background-image: none !important; opacity: 1 !important; } /* All text + links in this section only */ #shopify-section-template--20960265470101__related_products, #shopify-section-template--20960265470101__related_products *{ color: #0E2E47 !important; } /* SVG icons inside this section only */ #shopify-section-template--20960265470101__related_products svg, #shopify-section-template--20960265470101__related_products svg path, #shopify-section-template--20960265470101__related_products svg use{ fill: #0E2E47 !important; color: #0E2E47 !important; } /* ONLY Recently Viewed section: BG = #f9f6ef ALL text/icons/borders = #0E2E47 */ #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL .sec__related-product{ background: #f9f6ef !important; background-color: #f9f6ef !important; background-image: none !important; --gradient-background: #f9f6ef !important; } /* If theme uses overlay for bg */ #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL .sec__related-product::before, #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL .sec__related-product::after{ background: #f9f6ef !important; background-image: none !important; opacity: 1 !important; } /* All text in this section only */ #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL, #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL *{ color: #0E2E47 !important; } /* Icons + swiper arrows in this section only */ #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL svg, #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL svg path, #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL svg use{ fill: #0E2E47 !important; color: #0E2E47 !important; } /* Swiper arrow button borders/background inside this section only */ #shopify-section-template--20960265470101__products_recently_viewed_GdCNUL .swiper-arrow{ border-color: #0E2E47 !important; background: #f9f6ef !important; } /* Breadcrumbs section only: BG #0E2E47 + all content white */ section.breadcrumbs{ background: #0E2E47 !important; background-color: #0E2E47 !important; background-image: none !important; --gradient-background: #0E2E47 !important; } /* If theme adds overlay/pseudo background */ section.breadcrumbs::before, section.breadcrumbs::after{ background: #0E2E47 !important; background-image: none !important; opacity: 1 !important; } /* All text + links inside breadcrumbs */ section.breadcrumbs, section.breadcrumbs *{ color: #fff !important; } /* All icons (svg) inside breadcrumbs */ section.breadcrumbs svg, section.breadcrumbs svg path, section.breadcrumbs svg use{ fill: #fff !important; color: #fff !important; } /* If any divider uses border */ section.breadcrumbs .border, section.breadcrumbs .border-top, section.breadcrumbs .border-bottom{ border-color: rgba(255,255,255,0.35) !important; } /* ONLY "View All" buttons (class load-more) */ a.btn-primary.load-more{ background: #0E2E47 !important; background-color: #0E2E47 !important; border-color: #0E2E47 !important; color: #f9f6ef !important; font-weight: 700 !important; text-decoration: none !important; } /* Keep same on hover/focus */ a.btn-primary.load-more:hover, a.btn-primary.load-more:focus, a.btn-primary.load-more:active{ background: #0E2E47 !important; background-color: #0E2E47 !important; border-color: #0E2E47 !important; color: #f9f6ef !important; } /* If theme uses overlay/pseudo on buttons */ a.btn-primary.load-more::before, a.btn-primary.load-more::after, a.btn-primary.load-more:hover::before, a.btn-primary.load-more:hover::after{ background: #0E2E47 !important; } /* Only this color scheme: make link hover white */ .color-scheme-3d10de96-a479-49bd-819c-e044746b4f3e{ --color-link-hover: #fff !important; } /* Extra force (in case theme uses direct hover color rules) */ .color-scheme-3d10de96-a479-49bd-819c-e044746b4f3e a:hover, .color-scheme-3d10de96-a479-49bd-819c-e044746b4f3e a:focus{ color: #fff !important; } /* ========================================= MOBILE MENU ONLY (fix white text) - Title bar BG: #0E2E47, text white - Menu list BG: #f9f6ef, text/icons: #0E2E47 ========================================= */ /* Title bar */ .header__menu nav.navigation.mobile .menu-mobile-title{ background: #0E2E47 !important; background-image: none !important; --gradient-background: #0E2E47 !important; } .header__menu nav.navigation.mobile .menu-mobile-title, .header__menu nav.navigation.mobile .menu-mobile-title *{ color: #fff !important; } /* Menu panel + list BG */ .header__menu nav.navigation.mobile .navigation__menu-content-mobile{ background: #f9f6ef !important; background-image: none !important; /* 🔥 Override theme variables that are making text white */ --color-heading: #0E2E47 !important; --color-text: #0E2E47 !important; --color-link: #0E2E47 !important; --color-link-hover: #0E2E47 !important; } /* Force link/text colors inside the list */ .header__menu nav.navigation.mobile .navigation__menu-content-mobile ul.horizontal-list > li, .header__menu nav.navigation.mobile .navigation__menu-content-mobile ul.horizontal-list > li *{ color: #0E2E47 !important; } /* Specifically target the menu anchors (your HOME/ABOUT...) */ .header__menu nav.navigation.mobile .navigation__menu-content-mobile ul.horizontal-list > li a{ color: #0E2E47 !important; } /* Icons in the list (including login icon) */ .header__menu nav.navigation.mobile .navigation__menu-content-mobile svg, .header__menu nav.navigation.mobile .navigation__menu-content-mobile svg path, .header__menu nav.navigation.mobile .navigation__menu-content-mobile svg use{ fill: #0E2E47 !important; color: #0E2E47 !important; } /* Optional: divider line color */ .header__menu nav.navigation.mobile .navigation__menu-content-mobile .border-bottom{ border-color: rgba(14,46,71,0.25) !important; } @media (min-width: 768px){ /* ONLY this section */ #shopify-section-template--20960265044117__multi_content_bgk9tP{ --section-spacing: 8px !important; } } .two-side-widget-template--20960265044117__two_side_image_widget_giGwwE{ margin-top: -7px !important; margin-bottom: -1px !important; } .header__store-info.hidden.flex-1025.gap-custom { display: none !important; } .product-item__information, .product-item__information .product-item__name, .product-item__information .product-item__price, .product-item__information .price { font-family: "Jost", sans-serif !important; font-weight: 400 !important; } :root { --rounded-radius: 0px !important; --btn-radius: 0px !important; --input-border-radius: 0px !important; --bages-radius: 0px !important; } /* Hide all hover actions on product grid cards */ .product-item__action { display: none !important; } /* Hide Quickview buttons everywhere */ button-quickview, .product-item__button-quickview { display: none !important; } terms-conditions.w-full.terms-conditions.flex.mt-12.mb-10.skeleton-loading { display: none !important; } .logo-position.relative.z-1025-16.section.pt-min.pb-min.grid.logo-center.gap-10.gap-xl-50.header-middle.align-center.hidden-sticky { padding-left: 15px; padding-right: 15px; } /* Some css class in defined in critical css */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } :is( input[type='search'], input[type='tel'], input[type='text'], input[type='number'], input[type='email'], input[type='password'], select, textarea, .input-style ):focus { outline: 0; border-color: var(--color-heading); } input[type='checkbox'] { display: inline-block; margin-block-end: 0.5rem; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; /* Remove default styling */ position: relative; height: 15px; /* Size of your custom icon */ width: 15px; background: url('icon-close.png') no-repeat center center; background-size: 10px; cursor: pointer; transition: var(--duration-short); } .search-modal__form.loading input[type='search']::-webkit-search-cancel-button { opacity: 0; visibility: hidden; } /* Style the checkmark/indicator */ .checkmark:before { content: ''; display: inline-flex; width: 18px; height: 18px; border-radius: 2px; border: 1px solid var(--color-color, #ebebeb); background-color: var(--grey-color); position: relative; top: 2px; transition: var(--bls-transition); } .checkmark:after { content: ''; position: absolute; opacity: 0; left: 7px; top: 5px; width: 5px; height: 10px; border: solid var(--color-white); border-width: 0 2px 2px 0; transform: scale(2) rotate(45deg); transition: var(--transition); } /* Show the checkmark when checked */ input[type='checkbox']:checked + .checkmark:after { opacity: 1; transform: scale(1) rotate(45deg); } input[type='checkbox']:checked + .checkmark:before { background-color: var(--color-link); border-color: var(--color-link); } .overflow-auto { overflow: auto; } .overflow-scroll { overflow: scroll; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-scroll { overflow-y: scroll; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .flex-100 { flex: 100%; width: 100%; } .grow-0 { flex-grow: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .align-stretch { align-items: stretch; } .py-1 { padding-top: 1px; padding-bottom: 1px; } .py-4 { padding-top: 4px; padding-bottom: 4px; } .py-60 { padding-top: clamp(30px, calc(30px + 30 * var(--responsive-rate)), 60px); padding-bottom: clamp(30px, calc(30px + 30 * var(--responsive-rate)), 60px); } .w-0 { width: 0; } .w-15 { width: 15px; } .w-20 { width: 20px; } .w-55 { width: 5.5rem; } .w-100 { width: 10rem; } .min-w-10 { min-width: 10px; } .min-w-20 { min-width: 20px; } .min-w-30 { min-width: 30px; } .min-w-full { min-width: 100%; } .max-w-15 { max-width: 15px; } .max-w-30 { max-width: 30px; } .max-w-full { max-width: 100%; } .h-0 { height: 0; } .h-15 { height: 15px; } .h-20 { height: 2rem; } .h-30 { height: 30px; } .h-55 { height: 5.5rem; } .min-h-30 { min-height: 30px; } .min-h-50 { min-height: 50px; } .min-h-full { min-height: 100%; } .max-h-full { max-height: 100%; } .my-auto { margin-top: auto; margin-bottom: auto; } .user-select-none, .swiper-slide { user-select: none; -webkit-user-select: none; } .toolbar-sorter { text-wrap: nowrap; } /* Hover */ @media (min-width: 1025px) and (pointer: fine) and (prefers-reduced-motion: no-preference) { :is( .btn-hover, button.shopify-payment-button__more-options, .dmp_discount-form button ):hover { --btn-bg: var(--btn-primary-hover-bg-color); --btn-bg-gradient: var(--btn-primary-hover-bg-color-graident); --btn-color: var(--btn-primary-hover-color); --btn-border-color: var(--btn-primary-hover-bg-color); } .btn:not(.cart-discount-remove):hover, .btn-outline:hover, .btn-primary:hover { --btn-color: var(--btn-primary-hover-color); --btn-border-color: var(--btn-primary-hover-bg-color); --btn-bg: var(--btn-primary-hover-bg-color); --btn-bg-gradient: var(--btn-primary-hover-bg-color-graident); } .btn-hover:hover { color: var(--btn-color); background: var(--btn-bg); background: var(--btn-bg-gradient); border-color: var(--btn-border-color); } .btn-link:hover { color: var(--btn-link-hover-color); } .btn-link:hover::before { width: calc(100% - 3px); transition: var(--transition); animation: 1s infinite btnLinkAnimation; } .smooth-padding-hover:hover { padding-inline-start: 1rem; } .hover-effect { will-change: transform; } .hover-effect :is(img, .placeholder-image, picture) { transition: var(--transition); will-change: transform; } .hover_zoom .hover-effect:hover :is(img, .placeholder-image, picture) { transform: var(--zoom-transform, scale(1.05)); } .hover_fade .hover-effect:hover :is(img, .placeholder-image, picture) { opacity: 0.8; } .hover_fade .hover-effect:hover .secondary-image { opacity: 1; } .tooltip-content { background: var(--color-dark); color: var(--color-white); line-height: 1; max-width: 360px; z-index: 2; text-align: center; font-size: 1.2rem; white-space: nowrap; transition: all 0.3s; will-change: transform; padding: 7px 15px; transform: var(--tooltip-transform, translateY(-100%) translateX(-50%)); left: var(--left, 50%); right: var(--right, auto); top: var(--top, 0); } .tooltip-content:before { border: 5px solid transparent; content: ''; height: 0; width: 0; top: var(--tooltip-y, 100%); bottom: var(--tooltip-bottom, auto); margin-left: 0; -webkit-transform: var(--tooltip-before, translateX(-50%) translateZ(0)); transform: var(--tooltip-before, translateX(-50%) translateZ(0)); transform-origin: 0; border-top-color: var(--color-dark); position: absolute; left: var(--tooltip-left, 50%); right: var(--tooltip-right, auto); } .tooltip:not(.open):hover .tooltip-content { opacity: 1; visibility: visible; transform: var( --tooltip-hover-transform, translateY(calc(-100% - 10px)) translateX(-50%) ); } .tooltip-left { --tooltip-transform: translateY(-50%); --left: auto; --right: 100%; --top: 50%; --tooltip-hover-transform: translateX(-10px) translateY(-50%); --tooltip-left: 100%; --tooltip-y: 50%; --tooltip-before: rotate(-90deg) translateY(50%); } .tooltip-right { --tooltip-transform: translateY(-50%); --left: 100%; --top: 50%; --tooltip-hover-transform: translateX(10px) translateY(-50%); --tooltip-left: auto; --tooltip-right: 100%; --tooltip-y: 12%; --tooltip-before: rotate(90deg) translateY(-50%); } .tooltip-bottom { --tooltip-transform: translateY(100%) translateX(-50%); --top: auto; bottom: 0; --tooltip-hover-transform: translateY(calc(100% + 10px)) translateX(-50%); --tooltip-y: auto; --tooltip-bottom: 100%; } .tooltip-bottom::before { border-bottom-color: var(--color-dark); border-top-color: transparent; } .instagram-item__media--ratio .instagram-icon { transform: scale(0.8); will-change: transform; } .instagram-item__media--ratio:hover .instagram-icon { opacity: 1; visibility: visible; transform: scale(1); } @keyframes btnLinkAnimation { 0% { left: 0; width: 100%; } 33% { left: 100%; width: 0; } 66% { left: 0; width: 0; } 100% { right: 0; width: 100%; } } @keyframes progress { 0% { background-position: 0 0; } 100% { background-position: -60px -60px; } } .hover-svg-zoom:hover svg { transform: scale(1.1); -webkit-transform: scale(1.1); } } .button-close:not(:hover) { opacity: 0.7; color: var(--color-heading); } .btn-search-close { display: inline-flex; align-items: center; } :is( .custom-scrollbar, .tingle-modal .tingle-modal-box__content )::-webkit-scrollbar { width: 4px; } :is( .custom-scrollbar, .tingle-modal .tingle-modal-box__content )::-webkit-scrollbar-track { background: var(--border-color-base); } :is( .custom-scrollbar, .tingle-modal .tingle-modal-box__content )::-webkit-scrollbar-thumb { background: #c8c8c8; } :is( .custom-scrollbar, .tingle-modal .tingle-modal-box__content )::-webkit-scrollbar-thumb:hover { background: #555; width: 6px; } .translateY-100 { transform: translateY(-100%); } .transition-short { transition: var(--duration-short); -webkit-transition: var(--duration-short); } .transition { transition: var(--transition); -webkit-transition: var(--transition); } .transition-popup { transition: var(--transition-popup); -webkit-transition: var(--transition-popup); } /* Rounded */ .rounded-custom { border-radius: var(--rounded-custom); } .bottom-25 { bottom: 2.5rem; } .top-20 { top: 2rem; } .top-30 { top: 3rem; } .top-100 { top: 100%; } .right-45 { right: 4.5rem; } .right-50 { right: 5rem; } .icon-load { position: absolute; top: 50%; left: 50%; margin-top: calc(var(--loader-width, 1.4rem) / 2 * -1); margin-left: calc(var(--loader-height, 1.4rem) / 2 * -1); } :where( .btn-primary, .btn-outline, .btn, button-quickview, select-option ).loading { pointer-events: none; } :where( .btn-primary, .btn-outline, .btn, button-quickview, select-option ).loading .hidden-on-load { opacity: 0; } :where( .btn-primary, .btn-outline, .btn, button-quickview, select-option ).loading > .icon-load { opacity: 1; } @keyframes spin { 100% { -webkit-transform: rotate(360deg); } } .spin { -webkit-animation: 0.8s linear infinite spin; animation: 0.8s linear infinite spin; } /* Global style */ .w-custom-svg svg { height: auto; width: var(--custom-width); } .bls__spacing { height: var(--mobile-height); } @media (min-width: 768px) { .bls__spacing { height: var(--desktop-height); } } :is(.open-drawer,.open-popup) { overflow: hidden; } .overlayminicart::after, .overlay::after { content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; height: 100vh; background-color: var(--overlay-bg); pointer-events: none; opacity: 0; z-index: 12; cursor: url(cursor-close.png), pointer; transition: 0.6s cubic-bezier(0.7, 0, 0.2, 1); transition-property: opacity, visibility, background-color; } :is(.open-drawer, .nav-open, .open-sidebar) .open.overlay::after { opacity: 1; pointer-events: auto; visibility: visible; } :is(.open-minicart) cart-notification.open ~ .overlayminicart::after { opacity: 1; pointer-events: auto; visibility: visible; } .open-drawer .tingle-enabled { position: static; overflow: auto; } #search_mini_form.loading .loading-icon { opacity: 1; visibility: visible; } .localization-flags{ width: 2.2rem; height: 2.2rem; flex-shrink: 0; display: inline-block; border: 0; } footer .localization-flags{ transform: translateY(-1px); } .mobile-navigation__flag { width: 2rem; height: 2rem; } .mobile-navigation__button{ gap: 5px !important; } .localization-flags img{ object-fit: cover; width: 100%; height: 100%; border-radius: 50%; } @media (min-width: 1025px) { .footer__localization.lang__currency-desktop .disclosure__list { top: auto; left: 0; right: auto; bottom: calc(100% + 30px); } .footer__localization.lang__currency-desktop .button-localization.open + .disclosure__list { bottom: calc(100% + 10px); top: auto; } .lang__currency-desktop .disclosure__button::after, .minicart__action.show-overlay:after, .lang__currency-desktop .disclosure__list icon-close { display: none; } .lang__currency-desktop .disclosure__list { top: calc(100% + 30px); max-height: 60vh; padding: 1.5rem 1.5rem; left: auto; min-width: 25rem; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scroll-snap-type: y mandatory; scrollbar-width: none; transition: 0.4s cubic-bezier(0.6, 0, 0.4, 1); } .lang__currency-desktop .button-localization.open + .disclosure__list { top: 100%; opacity: 1; visibility: visible; } .button-localization > svg { transition: var(--transition); } .button-localization.open > svg { transform: scaleY(-1); } .topbar .lang__currency-desktop .button-localization.open + .disclosure__list { top: calc(100% + calc(var(--section-pb) * 1px)); } .rounded-style :is(.topbar, .section-header) .disclosure__list { border-radius: 0 0 5px 5px; } .rounded-style .footer__localization.lang__currency-desktop .disclosure__list { border-radius: 5px; } body:has(.shopify-section-header-sticky) .sticky.top-30 { top: calc(var(--height-header, 0px) + 30px); transition: var(--transition); } body:has(.layout-2.shopify-section-header-sticky) .sticky.top-30 { top: 80px; } body:has(.shopify-section-header-hidden) .sticky.top-30 { top: 30px; } .shopify-section-group-header-group:not(.section-header) { position: relative; z-index: 12; } /* announcement-bar, #topbar { position: relative; z-index: 10; } */ .shopify-section-group-header-group.section-announcement-bar:not(.section-header) { z-index: 11; } .shopify-section-group-header-group.section-header ~ .shopify-section-group-header-group:is(.section-top-bar, .section-announcement-bar) { z-index: 9; } .open-minicart .shopify-section-group-header-group:not(.section-header), .open-search .shopify-section-group-header-group:not(.section-header) { z-index: unset; } .section-header:not(.shopify-section-header-sticky) .transparent:hover { --color-background: #ffffff !important; --transparent-color: #111 !important; --header-background-opacity: 1; --header-logo-opacity: 1; --animation-nav-delay: 0s; } .section-header:not(.shopify-section-header-sticky) .transparent { --color-background: transparent; z-index: 11; } .header__menu:before { content: ""; display: none; } .section-header:not(.shopify-section-header-sticky) .transparent:hover .header__transparent-logo { display: none; } .section-header:not(.shopify-section-header-sticky) .transparent:hover .header__normal-logo { display: block; } } .header-icon:hover { color: var(--color-primary); } .disclosure__list .disclosure__item a{ padding: 7px 12px; border-radius: 5px; display: block; font-size: 1.4rem; } .disclosure__list .disclosure__item a:hover, .disclosure__list [aria-current="true"]{ background-color: #F5F5F5; } /* Sticky header */ .header { --header-background-opacity: 1; --animation-nav-delay: 0.1s; --animation-nav: 0.5s cubic-bezier(0.6, 0, 0.4, 1); } .header:not(.absolute-1025) { background: transparent; position: relative; z-index: 10; } .section-header .header:before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: var(--color-background); opacity: var(--header-background-opacity); transition: opacity var(--animation-nav) var(--animation-nav-delay); } .shopify-section-header-sticky { position: sticky; z-index: 11; top: 0; } .shopify-section-header-sticky header.header { box-shadow: var(--shadow); } .shopify-section-header-sticky .header__normal-logo { display: block; } .shopify-section-header-sticky .header__transparent-logo { display: none; } .shopify-section-header-hidden { top: calc(-1 * var(--height-header)); } .section-header.animate { transition: top 0.35s ease-in-out; } .header-sticky .gradient { background-attachment: unset; } .shopify-section-header-sticky.gradient { background-attachment: unset; } @media screen and (max-width: 1024.98px) { .redirect-to-link{ pointer-events: none; } [data-sticky-mobile='false'].shopify-section-header-sticky { position: unset; } header-search #search-form .search__button { color: var(--color-heading); } :where(.lang__currency-on-nav, .lang__currency-desktop, .popup_cart) icon-close { transform: translateY(calc(-100% - 15px)); } .section-header .transparent.header:before{ display: none; } } .fadeIn { animation: 0.3s fadeIn; } .fadeInForwards { animation: 0.3s fadeIn forwards; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .shopify-section-header-sticky.animate:not(.scroll-up) { animation: fadeInSticky 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s forwards; } @keyframes fadeInSticky { 0% { opacity: 0; top: calc(var(--height-header, 100%) * -1); } 100% { opacity: 1; top: 0; } } .fadeOut { animation: 0.3s fadeOut forwards; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } #header_size_guide { display: none; } .white-gradient:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 32px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); pointer-events: none; z-index: 1; } /* Fake order */ @keyframes progressbar { 0% { width: 100%; } to { width: 0; } } @keyframes fadeInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } .animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fake-order-progressbar { border-radius: 0 0 var(--rounded) var(--rounded); } .fake-order-progressbar span { height: 2px; display: block; width: 100%; } .success, .warning { padding: 1.2rem 2rem; position: relative; } .success, .message-success { --color-success: #137f24; --border-color-success: #b4deb0; --background-success: #dcf0d8; --color-link: var(--color-success); margin-bottom: 2rem; color: var(--color-success); background-color: var(--background-success); border: 1px solid var(--border-color-success); border-radius: 5px; gap: 0.5rem; font-weight: var(--subheading_weight, 500); line-height: 1.5; font-size: var(--body-font-size); } .errors, .error, .message-error, .dmp_error-message { --color-error: #d0473e; --border-color-error: #eabdbd; --background-error: #fadfdf; --color-link: var(--color-error); padding: 11px 2rem; background: var(--background-error); border: 1px solid var(--border-color-error); color: var(--color-error); text-align: left; border-radius: 5px; margin-bottom: 1rem; list-style: none; position: relative; gap: 0.5rem; font-weight: var(--subheading_weight, 500); line-height: 1.5; font-size: var(--body-font-size); } .dmp_error-message { display: block; margin-top: 1rem; } .text-overflow-ellipsis { text-overflow: ellipsis; } /* Message */ .message-info, .warning { color: #907341; --color-link: #907341; --btn-link-color: #907341; border: 1px solid #e9d7b8; background: #faf0df; padding: 1.5rem 2rem; font-weight: var(--subheading_weight, 500); border-radius: 5px; line-height: 1.5; font-size: var(--body-font-size); } :is(.message-info, .message-success, .message-error) a { color: currentColor; } :is( .message-info, .success, .message-success, .message-error, .warning, .errors, .error ) svg { width: 1.8rem; flex: 0 0 1.8rem; } @keyframes al-loading { 0% { width: 0; } to { width: 80%; } } @keyframes al-loading-finish { 0% { width: 80%; } to { width: 100%; } } .sec__collection-tab tab-items .section__header{ position: relative; z-index: 2; } .select-custom__content { top: calc(100% + 15px); z-index: 6; } .sec__collection-tab .select-custom__content { width: max-content; text-align: left; border-radius: 0 0 var(--rounded-radius) var(--rounded-radius); } .select-custom.active .select-custom__content { opacity: 1; visibility: visible; top: 100%; } .select-collection-tab.active .select-custom__content { top: calc(100% + 2px); } :is(.horizontal-filter collapsible-block, .select-custom).active .active-rotated { transform: rotate(-180deg); } .text-left .collection-tab-postion_horizontal_header, .text-right .collection-tab-postion_horizontal_header{ margin: 0; border: 0; } .text-left .collection-tab-postion_horizontal_header:not(.collection-tab-style_fill) .collection-tab__tab-item, .text-right .collection-tab-postion_horizontal_header:not(.collection-tab-style_fill) .collection-tab__tab-item{ color: #888; padding: 0 1.5rem; font-size: 1.5rem; background-image: none; } .text-left .collection-tab-postion_horizontal_header ~ .btn_view-all, .text-right .collection-tab-postion_horizontal_header ~ .btn_view-all{ color: #888; } .text-left .collection-tab-postion_horizontal_header ~ .btn_view-all::before, .text-right .collection-tab-postion_horizontal_header ~ .btn_view-all::before{ display: none; } .text-left .collection-tab-postion_horizontal_header ~ .btn_view-all:hover, .text-right .collection-tab-postion_horizontal_header ~ .btn_view-all:hover, .text-left .collection-tab-postion_horizontal_header .border-animation:is(:hover, .active), .text-right .collection-tab-postion_horizontal_header .border-animation:is(:hover, .active){ color: var(--color-primary); } @media (max-width: 1024.993px) { .tab-inner.text-left, .tab-inner.text-right{ flex-direction: column; gap: 2rem; } } .pagination__item--current { color: var(--btn-primary-color); background-color: var(--btn-primary-bg-color); border-color: var(--btn-primary-bg-color); } .loading .loading-overlay { --transition: all 0.4s; opacity: 0.7; visibility: visible; } body.loading::after { background: var(--color-primary); content: ''; height: 3px; left: 0; opacity: 1; position: absolute; top: 0; width: 0; z-index: 13; animation: al-loading 1s cubic-bezier(0.43, 0.27, 0.36, 0.83) forwards; transition: width 1s linear, opacity 0.35s linear 0.35s; } body.loading.finish::after { width: 100%; animation: al-loading-finish 0.3s cubic-bezier(0.43, 0.27, 0.36, 0.83) forwards; } .jdgm-review-widget .jdgm-paginate .jdgm-paginate__page{ height: 4.4rem; width: 4.4rem; border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; border: 1px solid var(--color-border); font-size: var(--body-font-size, 1.4rem); margin: 0 0.5rem; color: var(--color-link); } .jdgm-review-widget .jdgm-paginate .jdgm-paginate__page:hover, .jdgm-review-widget .jdgm-paginate .jdgm-paginate__page.jdgm-curt{ color: var(--btn-primary-color); background-color: var(--btn-primary-bg-color); border-color: var(--btn-primary-bg-color); font-weight: normal; opacity: 1; } /* Start customer style */ .customer-forgot#recover { display: none; } .customer-forgot#recover:target { display: block; } .customer-forgot#recover:target + .customer-login { display: none; } .form-group textarea, .form-group input { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .subtext { margin-bottom: 1rem; } .subtext.mb-20 { margin-bottom: 2rem; } .bls__tab-header > div, .bls-login-popup { display: none; } .bls__tab-header > div[aria-hidden='false'], .bls-login-popup[aria-hidden='false'] { display: block; } label.form-label { color: var(--color-link); } .title-customer { --font-h3: 2.4rem; font-size: clamp(2rem, 3vw, var(--font-h3)); margin-bottom: clamp(2rem, 3vw, 2.5rem); } .forget-password, .link-forgot { color: rgb(var(--base-color)); } @media (min-width: 1024px) { [class*='customer-'] .row { --bs-gutter-x: 8rem; } } .open-drawer .bls__drawer.open { /* transform: translate(0); */ opacity: 1; visibility: visible; } #search-form { z-index: 16; } .open-drawer .bls__drawer.open { --tw-translate-x: 0; } .open-drawer .bls__drawer.top.open { transform: translate(0); } .show-overlay::after { content: ''; background: var(--show-overlay-bg, rgba(255, 255, 255, 0.9)); opacity: 0; position: fixed; transition: var(--transition); visibility: hidden; bottom: 0; left: 0; right: 0; top: 0; z-index: 9; } .mini_cart_addon_btn.show-overlay::after{ display: block !important; } .open.show-overlay::after { opacity: 1; visibility: visible; } .mobile-navigation__button.open.show-overlay::after { top: -100vh; } .toast { min-width: 250px; margin-left: -125px; text-align: center; border-radius: 2px; position: fixed; z-index: 999999; top: 3rem; right: 3rem; font-size: 17px; white-space: nowrap; display: flex; justify-content: space-between; align-items: center; } .toast { will-change: transform, opacity; } @media (max-width: 767.98px) { #toast-container .toast{ white-space: normal; display: inline-flex; flex-wrap: wrap; margin: 0 auto; justify-content: center; } #toast-container .toast > div{ font-size: calc(var(--body-font-size) - 1px); } } .show-tooltip { overflow: visible; } .show-tooltip:not(.reveal_on_scroll) .swiper-slide:not(.swiper-slide-visible) { opacity: 0; pointer-events: none; } body .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled { pointer-events: auto; } .error-message a { color: red; text-decoration: none; } .icon_collection{ --color-text: #111; color: var(--color-text); } .collection-item__wrapper:hover .collection-item__information .icon_collection{ color: #fff; background-color: var(--btn-primary-hover-bg-color); } .cart-left .is-empty .cart__login-title{ margin-block-start: calc(var(--size)* 1); } /* idea product */ .products-idea-limit .sec__icon-switch-slide{ overflow: hidden; } .btn-idea:hover { transition: var(--transition); -webkit-transition: var(--transition); } .idea-product-list .close svg { color: var(--color-text); } @media (min-width: 1200px) { .products-idea-limit .idea-product-list { min-width: unset; right: 3rem; } } @media (max-width: 1199.98px) { .idea-product-list { right: 2rem; left: 2rem; bottom: 2rem; min-width: auto; } .newsletter-form__field-wrapper .newsletter-form__button{ --btn-padding-x: 3.5rem; } } @media (min-width: 768px) { .btn-idea { --btn-padding-x: 3rem; } } .idea-product .idea-product-list_header { padding: 0 2rem 1.7rem; margin-left: -2rem; margin-right: -2rem; line-height: 1; } .idea-product .close { transform: translateY(3px); } .idea-product .custom-scrollbar { max-height: 330px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding-inline-end: 0.2rem; } .idea-product .idea-product-list .custom-scrollbar > div:not(:last-child), .content-popup-mobile > div:not(:last-child) { border-bottom: 1px solid var(--color-border); padding-bottom: 1.5rem; margin-bottom: 1.5rem; } .idea-product .product-item__inner { max-width: 60px; } .idea-product .product-item__inner > a { border-radius: 5px; } .newsletter-form__field-wrapper .form-floating > label{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1024.98px) { .idea-product-list { padding: 1.5rem; } .idea-product .idea-product-list_header { margin-left: -1.5rem; margin-right: -1.5rem; } .idea-product .custom-scrollbar { max-height: 200px; } .outfit_idea countdown-timer { gap: 5px; } .outfit_idea .count-timer { font-size: 2rem; } } @media (max-width: 767.98px) { .outfit_idea .flex-cols > * { width: 100%; } .idea-product .view_idea_product { right: 0; margin: auto; margin-bottom: 3rem; } } @media (max-width: 575.98px) { .newsletter-inner{ display: grid; justify-content: stretch; } } @media (max-width: 479px) { .announcement__bar-message{ flex-direction: column; align-items: center; } .newsletter-inner .newsletter-form__field-wrapper > div{ display: grid; justify-content: stretch; } } .view_idea_product { transition: opacity 0.5s ease-in; width: max-content; } /* testimonial products style */ .testimonials_design-morden .testimonial_wraper { border: 0; } .testimonials_design-morden slide-section { width: 1000px; max-width: 100%; margin: auto; } .testimonials_design-morden .testimonial_info { width: 650px; max-width: 100%; margin: auto; } .testimonials_design-morden .testimonial_info .testimonials-quote { font-size: 1.8rem; font-weight: 500; line-height: 1.41; color: var(--color-heading); } .testimonials_design-morden .testimonial_info > div { padding: 0 1rem; } @media (min-width: 1024px) { .testimonials_design-morden .testimonial_info .testimonials-quote { font-size: 2.4rem; } } /* testimonial style */ .testimonials_morden slide-section { width: 1030px; max-width: 100%; margin: auto; } .testimonials_morden .testimonials-quote { font-family: var(--heading-font); color: var(--color-heading); font-size: 3rem; font-weight: 400; margin-bottom: 2rem; } .testimonials_morden .rate-info { display: flex; flex-direction: column-reverse; } .testimonials_morden .testimonial_wraper { gap: 0; } .testimonials_morden .testimonials-rating { margin: 0 0 5px; } .testimonials_morden .testimonials-group { margin: 0; } .testimonials_morden .author-infor { gap: 5px; } .testimonials_morden .icon-quote { margin-bottom: 5px; } .style-morden .testimonials-quote { color: var(--color-heading); font-family: var(--heading-font); font-size: 2.4rem; font-weight: 500; max-width: 800px; width: 100%; margin: 0 auto 3rem; } .style-morden .testimonials-group-info{ margin-top: 1rem; } @media (max-width: 767.98px) { .style-morden .testimonials-quote , .testimonials_morden .testimonials-quote { font-size: 2rem; } } /* products-grid banner */ .product-grid__banner-content { text-align: center; display: flex; flex-direction: column; justify-content: center; padding: 2rem; pointer-events: none; } .banner-content-inner { pointer-events: auto; } @media (min-width: 768px) { .product-grid__banner-content [class*='btn-'] { --btn-padding-x: 4.6rem; } } @media (min-width: 1200px) { .product-grid__banner-content .sec__content-heading { font-size: 4rem; } } /* comparison-slider */ .sec__image-comparison-slider .img-container .align-self-start { align-self: unset; display: flex; flex-direction: column; } .sec__image-comparison-slider .img-container .align-self-start .testimonial-product_comparison { margin-top: auto; } .sec__image-comparison-slider .testimonial-product_comparison .product-item__wrapper { background-color: var(--grey-color); border-radius: var(--rounded-radius); overflow: hidden; } .sec__image-comparison-slider .testimonial-product_comparison .product__media { border-radius: 0; aspect-ratio: 3/4 !important; } @media (min-width: 992px) { .sec__image-comparison-slider .col-md-w-custom { flex: 0 0 auto; width: var(--col-width, 50%); } } @media (max-width: 991.98px) { .sec__image-comparison-slider .col-md-w-custom { flex: 0 0 auto; width: 100%; } } #predictive-search.loading > :not(.search__loading-state) { display: none !important; } div#quick-search:has(+ div.loading) { display: none !important; } #predictive-search.loading + .search__loading-state { display: block !important; } .preload-screen-loading-bar { width: 13rem; height: 0.2rem; border-radius: 0.2rem; background-color: #ebebeb; overflow: hidden; position: relative; display: block; } .preload-screen-loading-bar::after { content: ''; height: 100%; width: 6.8rem; position: absolute; transform: translate(-3.4rem); background-color: #212326; border-radius: 0.2rem; animation: initial-loading 1s ease infinite; } @keyframes initial-loading { 0% { transform: translate(-6.8rem); } 100% { transform: translate(13rem); } } @keyframes pageTransitionSpinner { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 25% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } 50% { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } 75% { -webkit-transform: rotate3d(0, 0, 1, 270deg); transform: rotate3d(0, 0, 1, 270deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } .preload-screen-spinner { --loading-size: 80px; --loading-color: #bbbbbb; animation: pageTransitionSpinner 1.5s linear infinite; width: var(--loading-size); height: var(--loading-size); border-radius: 50%; box-shadow: 0 2px 0 0 var(--loading-color); transform-origin: calc(var(--loading-size) / 2) calc(var(--loading-size) / 2 + 1px); } .icon-rotator { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 14px; height: 14px; border: 2px solid var(--color-dark); border-left-color: transparent; border-radius: 50%; display: none; animation: spinicon 0.5s linear infinite; } @keyframes spinicon { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cart-discount-remove.loading .icon-rotator, cart-remove-button.loading .icon-rotator, minicart-wishlist-action.loading .icon-rotator, mini-cart-remove-button.loading .icon-rotator, cart-item-edit.loading .icon-rotator, minicart-item-edit.loading .icon-rotator { display: block; opacity: 1 !important; } minicart-wishlist-action.loading a, cart-remove-button.loading .remove-icon, mini-cart-remove-button.loading .remove-icon, cart-item-edit.loading .edit-icon, minicart-item-edit.loading .edit-icon { opacity: 0 !important; } .idea-product .product-item__wrapper{ display: flex; } .product-item__wrapper.flex{ display: flex; } /* icon box */ .show-background{ background: var(--background-color); padding: 1.5rem; border-radius: var(--rounded-radius); } .sec__icon-box-inner .border.radius-5{ border-radius: var(--rounded-radius); } .sec__icon-box-item .sec__icon-box-content-des a, .sec__icon-box-item .rich__text-m0 p:only-child{ text-decoration: none; } .sec__icon-box-content-icon svg{ color: var(--color-heading); } /* collection overview */ .wrapper-content-item.show-image{ gap: 10px; margin-bottom: 3rem; } .wrapper-content-item.show-image .sec__content-heading{ font-size: 1.5rem; text-transform: capitalize; padding: 1.5rem 0 0; } .show-image .sec__content-overview img{ height: 100%; object-fit: cover; } .show-image .w-custom{ max-width: 100%; } @media (min-width: 1200px) { .wrapper-content-item.show-image{ padding: 0 25px; gap: 20px; } } @media (max-width: 767.98px) { .sec__collection-overview .section__block-inner{ display: grid; } } @media (max-width: 478.98px) { .wrapper-content-item.show-image{ display: grid; grid-template-columns: 1fr 1fr; } } .cart-discount__item { padding: 0.9rem; background-color: hsl(0, 0%, 90%); border-radius: var(--btn-radius); } .icon-border{ border: 1px solid var(--color-border); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; padding: 1.3rem; } .title-placholder { --color-link: #000; } @media (prefers-reduced-motion: no-preference) { .animate--ambient > img,.animate--ambient > picture, .animate--ambient > .svg-wrapper { animation: animateAmbient 30s linear infinite; } @keyframes animateAmbient { 0% { transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); } 100% { transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); } } } .animate-fixed-parent { display: initial !important; } /* Fixed background */ .animate--fixed { clip-path: inset(0); } .animate--fixed > img:not(.zoom),.animate--fixed > picture:not(.zoom), .animate--fixed > svg:not(.zoom) { position: fixed; height: 100vh; }