/** Shopify CDN: Minification failed Line 4298:4 "border-bottom-ight-radius" is not a known CSS property Line 4828:0 Unexpected "}" Line 10416:0 Unexpected "}" **/ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tenor+Sans&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); @font-face { font-family: "Newaed"; src: url("/cdn/shop/files/symbol.ttf?v=1769090408") format("truetype"); font-weight: normal; font-style: normal; } * { box-sizing: border-box; } body { color: var(--color-foreground); background: var(--color-background); display: flex; flex-direction: column; margin: 0; min-height: 100svh; font-variation-settings: 'slnt' 0; font-family: 'Poppins'; } p { font-family: 'Poppins'; } html { overflow-x: hidden; } :root { --hover-lift-amount: 4px; --hover-scale-amount: 1.03; --hover-subtle-zoom-amount: 1.015; --hover-shadow-color: var(--color-shadow); --hover-transition-duration: 0.25s; --hover-transition-timing: ease-out; --surface-transition-duration: 0.3s; --surface-transition-timing: var(--ease-out-quad); } html { /* Firefox */ scrollbar-width: thin; scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background); scroll-behavior: smooth; } html[scroll-lock] { overflow: hidden; } .aed-font { font-family: "Newaed", sans-serif; margin-right:3px; font-size:84%; } .price-compare .aed-font { display:none; } .compare-at-price .aed-font { display:none; } .price-compare { font-size: 15px; } img, picture, video, canvas, svg { display: block; max-width: 100%; } img { width: 100%; height: auto; } input, textarea, select { font: inherit; border-radius: var(--style-border-radius-inputs); } input:hover { background-color: var(--color-input-hover-background); } /** override ios and firefox defaults */ select { background-color: var(--color-background); color: currentcolor; } .product-card, .collection-card, .resource-card, .predictive-search-results__card--product, .predictive-search-results__card { position: relative; transition: transform var(--hover-transition-duration) var(--hover-transition-timing), box-shadow var(--hover-transition-duration) var(--hover-transition-timing); will-change: transform, box-shadow; z-index: var(--layer-flat); } .product-card { padding: 0px !important; } .best-seller-section .product-card { padding: 10px !important; } .money { align-items: center; justify-content: center; } .product-info { padding-top: 10px; background: #ececec; } .product-card__link { position: absolute; inset: 0; } .product-card__content { position: relative; } .product-card__content { cursor: pointer; } .product-card__content slideshow-component { --cursor: pointer; } .predictive-search-results__card .product-card, .predictive-search-results__card .collection-card, .predictive-search-results__card .resource-card { transition: none; will-change: auto; } @media (any-pointer: fine) and (prefers-reduced-motion: no-preference) { .card-hover-effect-lift .product-card:hover, .card-hover-effect-lift .collection-card:hover, .card-hover-effect-lift .resource-card:hover, .card-hover-effect-lift .predictive-search-results__card:hover { transform: translateY(calc(-1 * var(--hover-lift-amount))); } .card-hover-effect-lift .header .product-card:hover, .card-hover-effect-lift .header .collection-card:hover, .card-hover-effect-lift .header .resource-card:hover, .card-hover-effect-lift .header-drawer .product-card:hover, .card-hover-effect-lift .header-drawer .collection-card:hover, .card-hover-effect-lift .header-drawer .resource-card:hover { transform: none; } .card-hover-effect-scale .product-card:hover, .card-hover-effect-scale .collection-card:hover, .card-hover-effect-scale .resource-card:hover, .card-hover-effect-scale .predictive-search-results__card:hover { transform: scale(var(--hover-scale-amount)); } .card-hover-effect-scale .header .product-card:hover, .card-hover-effect-scale .header .collection-card:hover, .card-hover-effect-scale .header .resource-card:hover, .card-hover-effect-scale .header-drawer .product-card:hover, .card-hover-effect-scale .header-drawer .collection-card:hover, .card-hover-effect-scale .header-drawer .resource-card:hover { transform: none; } .card-hover-effect-subtle-zoom .card-gallery, .card-hover-effect-subtle-zoom .collection-card__image, .card-hover-effect-subtle-zoom .product-card__image, .card-hover-effect-subtle-zoom .resource-card__image { overflow: hidden; transition: transform var(--hover-transition-duration) var(--hover-transition-timing); } .predictive-search-results__card .card-gallery, .predictive-search-results__card .collection-card__image, .predictive-search-results__card .product-card__image, .predictive-search-results__card .resource-card__image { transition: none; } .card-hover-effect-subtle-zoom .product-card:hover .card-gallery, .card-hover-effect-subtle-zoom .collection-card:hover .collection-card__image, .card-hover-effect-subtle-zoom .product-card:hover .product-card__image, .card-hover-effect-subtle-zoom .resource-card:hover .resource-card__image, .card-hover-effect-subtle-zoom .predictive-search-results__card:hover { transform: scale(var(--hover-subtle-zoom-amount)); } .card-hover-effect-subtle-zoom .header .product-card:hover .card-gallery, .card-hover-effect-subtle-zoom .header .collection-card:hover .collection-card__image, .card-hover-effect-subtle-zoom .header .product-card:hover .product-card__image, .card-hover-effect-subtle-zoom .header .resource-card:hover .resource-card__image, .card-hover-effect-subtle-zoom .header-drawer .product-card:hover .card-gallery, .card-hover-effect-subtle-zoom .header-drawer .collection-card:hover .collection-card__image, .card-hover-effect-subtle-zoom .header-drawer .product-card:hover .product-card__image, .card-hover-effect-subtle-zoom .header-drawer .resource-card:hover .resource-card__image { transform: none; } .predictive-search-results__card .product-card:hover, .predictive-search-results__card .collection-card:hover, .predictive-search-results__card .resource-card:hover, .header .product-card:hover, .header .collection-card:hover, .header .resource-card:hover, .header-drawer .product-card:hover, .header-drawer .collection-card:hover, .header-drawer .resource-card:hover { transform: none; box-shadow: none; } } dialog { /* the ::backdrop inherits from the originating element, custom properties must be set on the dialog element */ --backdrop-color-rgb: var(--color-shadow-rgb); background-color: var(--color-background); color: var(--color-foreground); } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } .wrap-text { overflow-wrap: break-word; word-break: break-word; hyphens: auto; } p:empty { display: none; } :first-child:is(p, h1, h2, h3, h4, h5, h6), :first-child:empty+ :where(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0; } /* Remove bottom margin from last text item, or previous to last if the last is empty */ :last-child:is(p, h1, h2, h3, h4, h5, h6), :where(p, h1, h2, h3, h4, h5, h6):nth-child(2):has(+ :last-child:empty) { margin-block-end: 0; } /* view transitions */ @media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } /* Keep page interactive while view transitions are running */ :root { view-transition-name: none; } /* Have the root transition during page navigation */ html:active-view-transition-type(page-navigation), html:active-view-transition-type(product-image-transition) { view-transition-name: root-custom; } ::view-transition { pointer-events: none; } html:active-view-transition-type(page-navigation) main[data-page-transition-enabled='true'] { view-transition-name: main-content; } html:active-view-transition-type(page-navigation) main[data-product-transition='true'][data-template*='product'] { view-transition-name: none; } ::view-transition-old(main-content) { animation: var(--view-transition-old-main-content); } ::view-transition-new(main-content) { animation: var(--view-transition-new-main-content); } html:active-view-transition-type(product-image-transition) { [data-view-transition-type='product-image-transition'] { view-transition-name: product-image-transition; } [data-view-transition-type='product-details'] { view-transition-name: product-details; } } ::view-transition-group(product-image-transition) { z-index: 1; } ::view-transition-group(product-image-transition), ::view-transition-group(product-details) { animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); } ::view-transition-old(product-image-transition), ::view-transition-new(product-image-transition) { block-size: 100%; overflow: hidden; object-fit: cover; animation-duration: 0.25s; animation-timing-function: var(--animation-easing); } ::view-transition-new(product-details) { animation: var(--view-transition-new-main-content); } } /* Focus */ *:focus-visible { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); } @supports not selector(:focus-visible) { *:focus { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); } } .focus-inset { outline-offset: calc(var(--focus-outline-width) * -1); } /* Layout */ .content-for-layout { flex: 1; } /* Set up page widths & margins */ .page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: 16px; } @media screen and (min-width: 750px) { .page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: 40px; } } .page-width-wide { /* NOTE: This results in a page width of 2400px because of how we set up margins with grid */ --page-content-width: var(--wide-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-normal { --page-content-width: var(--normal-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-narrow, .page-width-content { /* NOTE: This results in a page width of 1400px because of how we set up margins with grid */ --page-content-width: var(--narrow-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-content { --page-content-width: var(--normal-content-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } /* Section width full vs. page The reason we use a grid to contain the section is to allow for the section to have a full-width background image even if the section content is constrained by the page width. Do not try to rewrite this to max-width: --page-width; margin: 0 auto;, it doesn't work. */ .section { --full-page-grid-central-column-width: min(var(--page-width) - var(--page-margin) * 2, calc(100% - var(--page-margin) * 2)); --full-page-grid-margin: minmax(var(--page-margin), 1fr); --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width) var(--full-page-grid-margin); /* Utility variable gives the grid's first column width. Provides an offset width for components like carousels */ --util-page-margin-offset: max(var(--page-margin), calc((100% - min(var(--page-content-width), calc(100% - (var(--page-margin) * 2)))) / 2)); /* Offset for full-width sections to account for the page margin, used for Marquee — note that --util-page-margin-offset doesn't work here */ --full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1); width: 100%; /* This is required to make background images work, which are rendered absolutely */ position: relative; /* Set up the grid */ display: grid; grid-template-columns: var(--full-page-grid-with-margins); min-height: var(--section-min-height, 'auto'); } /* Place all direct children in the center column by default */ .section>* { grid-column: 2; } /* Make the actual section background transparent, and instead apply it to a separate sibling element to enable stacking with hero shadow */ .shopify-section:not(.header-section) :is(.section, .cart__summary-container) { background: transparent; } .shopify-section:not(.header-section):has(.section) { position: relative; } .shopify-section:not(.header-section) .section-background { content: ''; position: absolute; inset: 0; z-index: var(--layer-section-background); } /* For page-width sections, all content goes in the center column */ .section--page-width>* { grid-column: 2; } /* For full-width sections, content spans all columns */ .section--full-width>* { grid-column: 1 / -1; } /* Some page-width sections should still extend all the way to the right edge of the page, e.g. collection carousel */ .section--page-width.section--full-width-right>* { grid-column: 2 / 4; } /* For full-width sections with margin, content still spans full width but with space on the sides */ .section--full-width.section--full-width-margin>* { grid-column: 1 / -1; @media screen and (min-width: 750px) { padding-left: var(--page-margin); padding-right: var(--page-margin); } } /* Some section content break out to full width of the page */ .section>.force-full-width { grid-column: 1 / -1; } .section--height-small { --section-min-height: var(--section-height-small); } .section--height-medium { --section-min-height: var(--section-height-medium); } .section--height-large { --section-min-height: var(--section-height-large); } .section--height-full-screen { --section-min-height: 100svh; } .section-content-wrapper.section-content-wrapper { min-height: calc(var(--section-min-height, 'auto') - var(--section-height-offset, 0px)); position: relative; width: 100%; height: 100%; } /* Utility */ .hidden { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } @media screen and (max-width: 749px) { .hidden--mobile, .mobile\:hidden { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } } @media screen and (min-width: 750px) { .hidden--desktop, .desktop\:hidden { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } } .hide-when-empty:empty { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } .visually-hidden:not(:focus, :active) { /* stylelint-disable-next-line declaration-no-important */ position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); /* stylelint-disable-next-line declaration-no-important */ word-wrap: normal !important; } @media screen and (max-width: 749px) { .is-visually-hidden-mobile:not(:focus, :active) { /* stylelint-disable-next-line declaration-no-important */ position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); /* stylelint-disable-next-line declaration-no-important */ word-wrap: normal !important; } } .contents { display: contents; } .flex { display: flex; gap: var(--gap-md); } .grid { --centered-column-number: 12; --full-width-column-number: 14; --centered: column-1 / span var(--centered-column-number); --full-width: column-0 / span var(--full-width-column-number); display: flex; flex-direction: column; } @media screen and (min-width: 750px) { .grid { display: grid; gap: 0; grid-template-columns: var(--margin-4xl) repeat(var(--centered-column-number), minmax(0, 1fr)) var(--margin-4xl); grid-template-areas: 'column-0 column-1 column-2 column-3 column-4 column-5 column-6 column-7 column-8 column-9 column-10 column-11 column-12 column-13'; } } @media screen and (min-width: 1400px) { .grid { grid-template-columns: 1fr repeat(var(--centered-column-number), minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))) 1fr; } } .flex { display: flex; gap: var(--gap-md); } .flip-x { scale: -1 1; } .flip-y { scale: 1 -1; } .list-unstyled { margin: 0; padding: 0; list-style: none; } .skip-to-content-link { position: absolute; overflow: hidden; height: 1px; left: -99999px; /* stylelint-disable-next-line declaration-no-important */ word-wrap: normal !important; } .skip-to-content-link:focus { z-index: var(--layer-temporary); overflow: auto; width: auto; height: auto; padding: var(--padding-lg) var(--padding-4xl); left: var(--margin-lg); top: var(--margin-lg); box-shadow: 0 0 0 var(--focus-outline-offset) var(--color-background); } .text-left { --text-align: left; text-align: left; } .text-center { --text-align: center; text-align: center; } .text-right { --text-align: right; text-align: right; } .text-inherit { color: inherit; } .user-select-text { user-select: text; } .justify-left { justify-content: left; } .justify-center { justify-content: center; } .justify-right { justify-content: right; } .title--aligned-center { display: flex; align-items: center; gap: 1rem; } .background-image-container { overflow: hidden; position: absolute; inset: 0; opacity: var(--image-opacity); } .background-image-container img, .background-image-container svg { object-fit: cover; width: 100%; height: 100%; } .background-image-fit img, .background-image-fit svg { object-fit: contain; } .svg-wrapper { color: currentcolor; display: inline-flex; justify-content: center; align-items: center; width: var(--icon-size-sm); height: var(--icon-size-sm); pointer-events: none; } .svg-wrapper--smaller { width: var(--icon-size-2xs); height: var(--icon-size-2xs); } .svg-wrapper--small { width: var(--icon-size-xs); height: var(--icon-size-xs); } .svg-wrapper>svg { width: var(--icon-size-sm); height: var(--icon-size-sm); } .relative { position: relative; } /* Icons */ .icon-success, .icon-error { width: var(--icon-size-md); height: var(--icon-size-md); flex-shrink: 0; } .icon-success { color: var(--color-success); } .icon-error { fill: var(--color-error); } placeholder-image { display: block; height: 100%; aspect-ratio: var(--ratio); } placeholder-image[data-type='product'] { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-15)); width: 100%; } /** Placeholder background for the placeholder image, the dimensions are the same as the product images */ placeholder-image[data-type='product']:not(:has(> img)) { aspect-ratio: var(--ratio); height: 350px; } placeholder-image>img { object-fit: cover; aspect-ratio: var(--ratio); height: 100%; } [data-placeholder='true'] * { cursor: default; } slideshow-component [data-placeholder='true'] * { cursor: grab; } /* Base text and heading styles */ body, .paragraph:not(.button), .paragraph>* { font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); text-transform: var(--font-paragraph--case); -webkit-font-smoothing: antialiased; color: var(--color, var(--color-foreground)); } /* Ensure inputs with type presets maintain minimum 16px on mobile to prevent iOS zoom */ @media screen and (max-width: 1200px) { input.paragraph.paragraph, input.paragraph.paragraph:not([type]), textarea.paragraph.paragraph, select.paragraph.paragraph { font-size: max(1rem, var(--font-paragraph--size)); } } .paragraph>small { font-size: smaller; } /* Typography presets */ h1, .h1.h1, .text-block.h1>* { font-family: var(--font-h1--family); font-style: var(--font-h1--style); font-weight: var(--font-h1--weight); font-size: var(--font-h1--size); line-height: var(--font-h1--line-height); letter-spacing: var(--font-h1--letter-spacing); text-transform: var(--font-h1--case); color: var(--color, var(--font-h1-color)); } @media screen and (max-width: 1200px) { input.h1.h1, textarea.h1.h1, select.h1.h1 { font-size: max(1rem, var(--font-h1--size)); } } h2, .h2.h2, .text-block.h2>* { font-family: var(--font-h2--family); font-style: var(--font-h2--style); font-weight: var(--font-h2--weight); font-size: var(--font-h2--size); line-height: var(--font-h2--line-height); letter-spacing: var(--font-h2--letter-spacing); text-transform: var(--font-h2--case); color: var(--color, var(--font-h2-color)); } @media screen and (max-width: 1200px) { input.h2.h2, textarea.h2.h2, select.h2.h2 { font-size: max(1rem, var(--font-h2--size)); } } h3, .h3, .h3.h3, .text-block.h3>* { font-family: var(--font-h3--family); font-style: var(--font-h3--style); font-weight: var(--font-h3--weight); font-size: var(--font-h3--size); line-height: var(--font-h3--line-height); letter-spacing: var(--font-h3--letter-spacing); text-transform: var(--font-h3--case); color: var(--color, var(--font-h3-color)); } @media screen and (max-width: 1200px) { input.h3, textarea.h3, select.h3 { font-size: max(1rem, var(--font-h3--size)); } } h4, .h4.h4, .text-block.h4>* { font-family: var(--font-h4--family); font-style: var(--font-h4--style); font-weight: var(--font-h4--weight); font-size: var(--font-h4--size); line-height: var(--font-h4--line-height); letter-spacing: var(--font-h4--letter-spacing); text-transform: var(--font-h4--case); color: var(--color, var(--font-h4-color)); } @media screen and (max-width: 1200px) { input.h4.h4, textarea.h4.h4, select.h4.h4 { font-size: max(1rem, var(--font-h4--size)); } } h5, .h5.h5, .text-block.h5>* { font-family: var(--font-h5--family); font-style: var(--font-h5--style); font-weight: var(--font-h5--weight); font-size: var(--font-h5--size); line-height: var(--font-h5--line-height); letter-spacing: var(--font-h5--letter-spacing); text-transform: var(--font-h5--case); color: var(--color, var(--font-h5-color)); } @media screen and (max-width: 1200px) { input.h5.h5, textarea.h5.h5, select.h5.h5 { font-size: max(1rem, var(--font-h5--size)); } } h6, .h6.h6, .text-block.h6>* { font-family: var(--font-h6--family); font-style: var(--font-h6--style); font-weight: var(--font-h6--weight); font-size: var(--font-h6--size); line-height: var(--font-h6--line-height); letter-spacing: var(--font-h6--letter-spacing); text-transform: var(--font-h6--case); color: var(--color, var(--font-h6-color)); } @media screen and (max-width: 1200px) { input.h6.h6, textarea.h6.h6, select.h6.h6 { font-size: max(1rem, var(--font-h6--size)); } } :first-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-start: 0; } :last-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-end: 0; } /* Links */ a { --button-color: var(--color, var(--color-primary)); color: var(--button-color); text-decoration-color: transparent; text-decoration-thickness: 0.075em; text-underline-offset: 0.125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing), color var(--animation-speed) var(--animation-easing); } :is(h1, h2, h3, h4, h5, h6, p)>a:hover { --button-color: var(--color, var(--color-primary-hover)); } /* Add underline to text using our paragraph styles only. */ p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-primary, .button-secondary)), .rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-primary, .button-secondary)) { text-decoration-color: currentcolor; &:hover { text-decoration-color: transparent; color: var(--color-primary-hover); } } .container-background-image { background-repeat: no-repeat; background-size: cover; background-position: center center; } details[open] .summary-closed { display: none; } details:not([open]) .summary-open { display: none; } details[open]>summary .icon-animated>svg { transform: rotate(180deg); } /* iOS fix: hide the default arrow on the summary */ summary::-webkit-details-marker { display: none; } /* When header is transparent, pull the first main content section up to sit under the floating header */ body:has(.header[transparent]) .content-for-layout>.shopify-section:first-child { margin-top: calc(var(--header-group-height) * -1); } body:has(.header[transparent]) #header-group>*:not(.header-section) { z-index: 1; } body:has(.header[transparent]) #header-group>.header-section { z-index: var(--layer-sticky); } /* Featured collection block */ .featured-collection-block { width: 100%; } /* Product grid */ .product-grid-container { display: block; width: 100%; padding-block: var(--padding-block-start) var(--padding-block-end); @media screen and (min-width: 750px) { display: grid; } } .product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--product-grid-gap); margin: auto; padding: 0; list-style: none; } @media screen and (min-width: 750px) { .product-grid { grid-template-columns: var(--product-grid-columns-desktop); } } .product-grid :is(h3, p) { margin: 0; } .product-grid__item { border: var(--product-card-border-width) solid rgb(var(--color-border-rgb) / var(--product-card-border-opacity)); } .product-grid--organic[product-grid-view='default'] .product-grid__item { height: fit-content; } .product-grid__card.product-grid__card { display: flex; flex-flow: column nowrap; gap: var(--product-card-gap); align-items: var(--product-card-alignment); text-decoration: none; color: var(--color, var(--color-foreground)); padding-block: var(--padding-block-start) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); overflow: hidden; } [product-grid-view='zoom-out'] .product-grid__card { row-gap: var(--padding-xs); } [product-grid-view='default'] { --product-grid-gap: 16px; --padding-block-start: 24px; --padding-block-end: 24px; --padding-inline-start: 0px; --padding-inline-end: 0px; } [product-grid-view='default'] .product-grid__item { padding-block: 0; } [product-grid-view='mobile-single'], .product-grid-mobile--large { @media screen and (max-width: 749px) { grid-template-columns: 1fr; } } .product-grid__card .group-block>* { @media screen and (max-width: 749px) { flex-direction: column; } } ul[product-grid-view='zoom-out'] .product-grid__card>* { display: none; } ul[product-grid-view='zoom-out'] .product-grid__card .card-gallery { display: block; } [product-grid-view='zoom-out'] .card-gallery> :is(quick-add-component, .product-badges, slideshow-component > slideshow-controls) { display: none; } ul[product-grid-view='zoom-out'] .card-gallery>img { display: block; } [product-grid-view='zoom-out'] { --product-grid-columns-desktop: repeat(10, minmax(clamp(50px, calc(100% - 9 * var(--product-grid-gap)) / 10, 80px), 1fr)); } .product-grid-view-zoom-out--details { display: none; } .product-grid-view-zoom-out--details .h4, .product-grid-view-zoom-out--details span, .product-grid-view-zoom-out--details s { font-size: var(--font-size--xs); font-family: var(--font-paragraph--family); } .product-grid-view-zoom-out--details span { font-weight: 500; } .product-grid-view-zoom-out--details .h4 { line-height: 1.3; font-weight: 400; } .product-grid-view-zoom-out--details>span.h6, .product-grid-view-zoom-out--details>div.h6>product-price { display: inline-block; line-height: 0; margin-top: var(--margin-2xs); } .product-grid-view-zoom-out--details>span.h6>*, .product-grid-view-zoom-out--details>div.h6>*>* { line-height: 1.2; } @media (prefers-reduced-motion: no-preference) { :root:active-view-transition-type(product-grid) { details[open] floating-panel-component { view-transition-name: panel-content; .checkbox *, .facets__pill-label { transition: none; } .facets--vertical & { view-transition-name: none; } } .product-grid { view-transition-name: product-grid; } footer { view-transition-name: footer; } .product-grid__item, floating-panel-component { transition: none; } } } ::view-transition-group(panel-content) { z-index: 1; } ::view-transition-new(product-grid) { animation-delay: 150ms; animation-name: fadeInUp; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); } results-list[initialized] { .product-grid__item { transition: opacity var(--animation-speed) var(--animation-easing), transform var(--animation-speed) var(--animation-easing); @starting-style { opacity: 0; transform: translateY(10px); } } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* Collection and product list cards have equal heights */ :is(.product-grid__item, .resource-list__item) .product-card { display: grid; height: 100%; position: relative; } /* Video background */ .video-background, .video-background * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .video-background--cover * { object-fit: cover; } .video-background--contain * { object-fit: contain; } .text-block { width: 100%; } .text-block>*:first-child, .text-block>*:first-child:empty+* { margin-block-start: 0; } .text-block>*:last-child, .text-block>*:has(+ *:last-child:empty) { margin-block-end: 0; } /* This is to deal with the margin applied to the p when custom styles are enabled. The p isn't the first child anymore due to the style tag */ .text-block>style+* { margin-block-start: 0; } /* Dialog */ .dialog-modal { border: none; box-shadow: var(--shadow-popover); @media screen and (min-width: 750px) { border-radius: var(--style-border-radius-popover); max-width: var(--normal-content-width); } @media screen and (max-width: 749px) { max-width: 100%; max-height: 100%; height: 100dvh; width: 100dvw; padding: var(--padding-md); } } .dialog-modal::backdrop { transition: backdrop-filter var(--animation-speed) var(--animation-easing); backdrop-filter: brightness(1); background: rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity)); } .dialog-modal[open] { animation: elementSlideInTop var(--animation-speed) var(--animation-easing) forwards; &::backdrop { animation: backdropFilter var(--animation-speed) var(--animation-easing) forwards; transition: opacity var(--animation-speed) var(--animation-easing); } } .dialog-modal.dialog-closing { animation: elementSlideOutTop var(--animation-speed) var(--animation-easing) forwards; &::backdrop { opacity: 0; } } /* stylelint-disable value-keyword-case */ .dialog-drawer { --dialog-drawer-opening-animation: slideInLeft; --dialog-drawer-closing-animation: slideOutLeft; } .dialog-drawer--right { --dialog-drawer-opening-animation: slideInRight; --dialog-drawer-closing-animation: slideOutRight; } /* stylelint-enable value-keyword-case */ .dialog-drawer[open] { animation: var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards; } .dialog-drawer.dialog-closing { animation: var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing); } /* Buttons */ .button, .button-secondary, button.shopify-payment-button__button--unbranded { --text-align: center; display: grid; align-content: center; text-decoration: none; text-align: var(--text-align); color: var(--button-color); appearance: none; background-color: var(--button-background-color); border: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); margin-block: 0; transition: color var(--animation-speed) var(--animation-easing), box-shadow var(--animation-speed) var(--animation-easing), background-color var(--animation-speed) var(--animation-easing); cursor: pointer; width: fit-content; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); padding-block: var(--button-padding-block); padding-inline: var(--button-padding-inline); } .button { font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); border-radius: var(--style-border-radius-buttons-primary); } .button:not(.button-secondary, .button-unstyled) { outline-color: var(--button-background-color); } .button-secondary { font-family: var(--button-font-family-secondary); text-transform: var(--button-text-case-secondary); border-radius: var(--style-border-radius-buttons-secondary); } button.shopify-payment-button__button--unbranded { font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); } textarea, input { background-color: var(--color-input-background); border-color: var(--color-input-border); } textarea::placeholder, input::placeholder { color: var(--color-input-text); } textarea:not(:placeholder-shown)::placeholder, input:not(:placeholder-shown)::placeholder { opacity: 0; } /* The declaration above is messing with buttons that have an attribute of hidden as it overwrites the display value */ .button[hidden] { display: none; } .button[aria-disabled='true'], .button-secondary[aria-disabled='true'], .button:disabled { opacity: 0.5; cursor: not-allowed; } .button, button.shopify-payment-button__button--unbranded { --button-color: var(--color-primary-button-text); --button-background-color: var(--color-primary-button-background); --button-border-color: var(--color-primary-button-border); --button-border-width: var(--style-border-width-primary); } .button:hover, button.shopify-payment-button__button--unbranded:hover:not([disabled]) { --button-color: var(--color-primary-button-hover-text); --button-background-color: var(--color-primary-button-hover-background); --button-border-color: var(--color-primary-button-hover-border); } .button-secondary { --button-color: var(--color-secondary-button-text); --button-background-color: var(--color-secondary-button-background); --button-border-color: var(--color-secondary-button-border); --button-border-width: var(--style-border-width-secondary); } .button-secondary:hover { --button-color: var(--color-secondary-button-hover-text); --button-background-color: var(--color-secondary-button-hover-background); --button-border-color: var(--color-secondary-button-hover-border); } /* Needed to override the default Shopify styles */ button.shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: var(--button-background-color); } .button-unstyled { display: block; padding: 0; background-color: inherit; color: inherit; border: 0; border-radius: 0; overflow: hidden; box-shadow: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-size: var(--font-paragraph--size); } .button-unstyled:hover { background-color: inherit; } .button-unstyled--with-icon { color: var(--color-foreground); display: flex; gap: var(--gap-2xs); align-items: center; } .button-unstyled--transparent { background-color: transparent; box-shadow: none; } /* Show more */ .show-more__button { color: var(--color-primary); cursor: pointer; } .show-more__button:hover { @media screen and (min-width: 750px) { color: var(--color-primary-hover); } } .show-more__label { text-align: start; font-size: var(--font-size--body-md); font-family: var(--font-paragraph--family); } .show-more__button .svg-wrapper { width: var(--icon-size-xs); height: var(--icon-size-xs); } .show-more[data-expanded='true'] .show-more__label--more, .show-more[data-expanded='false'] .show-more__label--less { display: none; } .link { display: inline-block; text-align: center; } shopify-accelerated-checkout, shopify-accelerated-checkout-cart { --shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-primary); --shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons); } .product-form-buttons:has(.add-to-cart-button.button-secondary) :is(shopify-accelerated-checkout, shopify-accelerated-checkout-cart) { --shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-secondary); --shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons); } /* Collapsible row */ .icon-caret svg { transition: transform var(--animation-speed) var(--animation-easing); } .icon-caret--forward svg { transform: rotate(-90deg); } .icon-caret--backward svg { transform: rotate(90deg); } summary { display: flex; align-items: center; cursor: pointer; list-style: none; padding-block: var(--padding-sm); } summary:hover { color: var(--color-primary-hover); } summary .svg-wrapper { margin-inline-start: auto; height: var(--icon-size-xs); width: var(--icon-size-xs); transition: transform var(--animation-speed) var(--animation-easing); } /* Shared plus/minus icon animations */ summary .icon-plus :is(.horizontal, .vertical), .show-more__button .icon-plus :is(.horizontal, .vertical) { transition: transform var(--animation-speed) var(--animation-easing); transform: rotate(0deg); transform-origin: 50% 50%; opacity: 1; } details[open]>summary .icon-plus .horizontal, .details-open>summary .icon-plus .horizontal, .show-more:where([data-expanded='true']) .show-more__button .icon-plus .horizontal { transform: rotate(90deg); } details[open]>summary .icon-plus .vertical, .details-open>summary .icon-plus .vertical, .show-more:where([data-expanded='true']) .show-more__button .icon-plus .vertical { transform: rotate(90deg); opacity: 0; } /* Product Media */ media-gallery { display: block; width: 100%; } :where(media-gallery, .product-grid__item) { .media-gallery__grid { grid-template-columns: 1fr; gap: var(--image-gap); } } .product-media-gallery__slideshow--single-media slideshow-container { @media screen and (max-width: 749px) { grid-area: unset; } } :not(.dialog-zoomed-gallery)>.product-media-container { /* width and overflow forces children to shrink to parent width */ --slide-width: round(up, 100%, 1px); display: flex; aspect-ratio: var(--gallery-aspect-ratio, var(--media-preview-ratio)); max-height: var(--constrained-height); width: 100%; /* Relative position needed for video and 3d models */ position: relative; overflow: hidden; &:where(.constrain-height) { /* arbitrary offset value based on average theme spacing and header height */ --viewport-offset: 400px; --constrained-min-height: 300px; --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset))); margin-right: auto; margin-left: auto; } } media-gallery:where(.media-gallery--grid) .media-gallery__grid { display: none; } media-gallery.media-gallery--grid .media-gallery__grid .product-media-container { /* Needed for safari to stretch to full grid height */ height: 100%; } .product-media :is(deferred-media, product-model) { position: absolute; } @media screen and (max-width: 749px) { .product-media-container.constrain-height { max-height: none; } } @media screen and (min-width: 750px) { .product-media-container.constrain-height { --viewport-offset: var(--header-height, 100px); --constrained-min-height: 500px; } .media-gallery--two-column .media-gallery__grid { grid-template-columns: repeat(2, 1fr); } .media-gallery--large-first-image .product-media-container:first-child, .media-gallery--two-column .product-media-container:only-child { /* First child spans 2 columns */ grid-column: span 2; } /* Display grid view as a carousel on mobile, grid on desktop */ media-gallery:is(.media-gallery--grid) slideshow-component { display: none; } media-gallery:where(.media-gallery--grid) .media-gallery__grid { display: grid; } } .product-media-container--model { /* Usefull when view in your space is shown */ flex-direction: column; } .shopify-model-viewer-ui__controls-area { bottom: calc(var(--minimum-touch-target) + var(--padding-sm)); } .product-media-container img { aspect-ratio: inherit; object-fit: contain; } .product-media-container.media-fit-contain img { object-position: center center; } .product-media-container.media-fit { --product-media-fit: cover; img { object-fit: var(--product-media-fit); } } /* Media gallery zoom dialog */ .product-media-container__zoom-button { position: absolute; width: 100%; height: 100%; z-index: var(--layer-flat); cursor: zoom-in; background-color: transparent; &:hover { background-color: transparent; } } zoom-dialog dialog { width: 100vw; height: 100vh; border: none; margin: 0; padding: 0; max-width: 100%; max-height: 100%; background: #fff; opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing); scrollbar-width: none; &[open] { opacity: 1; } @media (prefers-reduced-motion: no-preference) { scroll-behavior: smooth; } &::backdrop { background: transparent; } } /* Animate the UI elements in only after the view transition is complete */ .close-button { position: fixed; top: var(--margin-lg); right: var(--margin-lg); width: var(--minimum-touch-target); height: var(--minimum-touch-target); z-index: var(--layer-flat); background-color: transparent; display: flex; align-items: center; justify-content: center; /* For the outline radius */ border-radius: 50%; } /* This triggers iOS < 16.4. The outline bug is not recognized as a lack of @supports */ @supports not (background-color: rgb(from red 150 g b / alpha)) { /** There is a bug in safari < 16.4 that causes the outline to not follow the elements border radius. This is a workaround. Using element selector to increase specificity. **/ .close-button:focus-visible { outline: none; overflow: visible; } .close-button:focus-visible::after { content: ''; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline-width) solid currentColor; border-radius: 50%; display: inherit; } } .dialog--closed .close-button { animation: elementSlideOutBottom calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards; } .dialog-thumbnails-list-container { position: fixed; width: 100%; bottom: 0; display: flex; z-index: var(--layer-raised); } .dialog-thumbnails-list { position: relative; display: inline-flex; flex-direction: row; gap: 8px; bottom: 0; overflow-x: auto; opacity: 0; padding: var(--padding-lg); margin-inline: auto; scrollbar-width: none; animation: thumbnailsSlideInBottom calc(var(--animation-speed) * 0.75) var(--animation-easing) forwards; animation-delay: calc(var(--animation-speed) * 1.5); } .dialog--closed .dialog-thumbnails-list { animation: thumbnailsSlideOutBottom var(--animation-speed) var(--animation-easing) forwards; } @media screen and (min-width: 750px) { .dialog-thumbnails-list { position: fixed; flex-direction: column; inset: 50% var(--margin-lg) auto auto; right: 0; max-height: calc(100vh - 200px); overflow-y: auto; animation: thumbnailsSlideInTop calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards; animation-delay: calc(var(--animation-speed) * 2); } .dialog--closed .dialog-thumbnails-list { animation: thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards; } } .dialog-thumbnails-list__thumbnail { width: var(--thumbnail-width); height: auto; transition: transform var(--animation-speed) var(--animation-easing); flex-shrink: 0; border-radius: var(--media-radius); img { height: 100%; object-fit: cover; border-radius: var(--media-radius); aspect-ratio: var(--aspect-ratio); } &:is([aria-selected='true']) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: calc(var(--focus-outline-offset) / 2); border: var(--style-border-width) solid rgb(var(--color-border-rgb) / var(--media-border-opacity)); } } .close-button:hover { background-color: transparent; opacity: 0.8; } .close-button svg { width: var(--icon-size-xs); height: var(--icon-size-xs); } /* Product media */ .product-media { display: flex; flex: 1; } /* If the product media is already providing an image cover, hide images provided by sibling deferred-media */ .product-media__image~* .deferred-media__poster-image { display: none; } /* If the product media is playing, hide the preview image */ .product-media-container:has(.deferred-media__playing) .product-media__image { opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing); } /* Deferred media & Product model */ :is(product-model, deferred-media) { /* Height needed to make sure when it's set to be stretched, it takes the full height */ height: 100%; width: 100%; position: relative; } product-model model-viewer, /* Media that have a poster button sibling providing the size should be absolute-positioned. Otherwise, it should be a block to rely on its own size */ :is(deferred-media, product-model)>.deferred-media__poster-button~*:not(template) { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; /* Required to make sure the absolute position respects the padding of the wrapper: */ padding: inherit; } slideshow-slide .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area { bottom: var(--padding-sm); right: var(--padding-sm); } .dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area { /* Move the controls above the thumbnails. Need to calculate the height of the thumbnails list */ bottom: calc(var(--thumbnail-width) / calc(var(--media-preview-ratio)) + var(--padding-lg) * 2); right: var(--padding-lg); } @media screen and (max-width: 749px) { slideshow-component:has(:not(.mobile\:hidden) :is(.slideshow-controls__dots, .slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area { /* Position the controls just above the counter */ bottom: calc(var(--minimum-touch-target) + var(--padding-sm)); } } @media screen and (min-width: 750px) { slideshow-component:has(:not(.desktop\:hidden) :is(.slideshow-controls__dots, .slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area { /* Position the controls just above the counter */ bottom: calc(var(--minimum-touch-target) + var(--padding-sm)); } .dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area { /* Move the controls up to match the padding on the thumbnails */ bottom: var(--padding-lg); /* Move the controls to the left of the thumbnails list on the right */ right: calc(var(--thumbnail-width) + var(--padding-lg) * 2); } } :is(deferred-media, .video-placeholder-wrapper).border-style { /* Apply the border radius to the video */ overflow: hidden; } deferred-media { /* The overflow hidden in the deferred-media won't let the button show the focus ring */ &:has(:focus-visible) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); } @supports not selector(:focus-visible) { &:has(:focus) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); } } } .deferred-media__poster-button { width: 100%; height: 100%; aspect-ratio: var(--video-aspect-ratio, auto); } .deferred-media__poster-button.deferred-media__playing { opacity: 0; transition: opacity 0.3s ease; } deferred-media img { height: 100%; object-fit: cover; transition: opacity 0.3s ease; } deferred-media iframe { width: 100%; height: 100%; border: none; aspect-ratio: var(--size-style-aspect-ratio, auto); } deferred-media[data-media-loaded] img { opacity: 0; } .deferred-media__poster-icon, .video-placeholder-wrapper__poster-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .deferred-media__poster-icon svg, .video-placeholder-wrapper__poster-icon svg { width: var(--button-size); height: var(--button-size); color: var(--color-white); filter: drop-shadow(var(--shadow-button)); &:hover { color: rgb(var(--color-white-rgb) / var(--opacity-80)); } @media screen and (min-width: 750px) { width: 4rem; height: 4rem; } } deferred-media[class] :is(.deferred-media__poster-button img, .deferred-media__poster-button ~ video) { /* only apply this on the video block not product media */ object-fit: cover; height: 100%; aspect-ratio: var(--size-style-aspect-ratio, auto); } .button-shopify-xr { width: 100%; display: flex; justify-content: center; align-items: center; padding: var(--padding-md); } .button-shopify-xr>svg { width: var(--icon-size-sm); height: var(--icon-size-sm); fill: currentcolor; margin-inline-end: var(--margin-md); } .button-shopify-xr[data-shopify-xr-hidden] { display: none; } /* Swatches */ .swatch { --color-border: rgb(var(--color-foreground-rgb) / var(--style-border-swatch-opacity)); --min-width-unitless: 15.9999; /* want to avoid division by 0 */ --min-height-unitless: 15.9999; /* want to avoid division by 0 */ --min-height: 16px; --min-width: 16px; /* mobile values */ --scaling-factor: 0.5; --max-swatch-size: 28px; --max-pill-size: 20px; --max-filter-size: 32px; /* From the settings */ --offset-swatch-width: calc(var(--variant-picker-swatch-width-unitless) - var(--min-width-unitless)); --offset-swatch-height: calc(var(--variant-picker-swatch-height-unitless) - var(--min-height-unitless)); /** Offset values are obtained from the following formulas: offset-width = width - min-width offset-height = height - min-height The offset-scaled-width and heigth are obtained by extending the line from [min,min] to [W,H] and taking the intersection with a square that starts at [min,min] and ends at [max,max]. The extending line forms right angle triangles with the [min,min]->[max,max] box that enable us to derive the following formulas We also want the result to always be smaller than the input (pdp > everywhere else) by some scaling factor. */ --offset-scaled-width: calc(var(--scaling-factor) * var(--offset-swatch-width) / var(--offset-swatch-height) * var(--offset-max-swatch-size)); --offset-scaled-height: calc(var(--scaling-factor) * var(--offset-swatch-height) / var(--offset-swatch-width) * var(--offset-max-swatch-size)); --offset-max-swatch-size: calc(var(--max-swatch-size) - var(--min-width)); /* width = min(m + sU, (m + s * W'/H' * M'), M) */ --swatch-width: min(calc(var(--min-width) + calc(var(--scaling-factor) * var(--offset-swatch-width) * 1px)), calc(var(--min-width) + var(--offset-scaled-width)), var(--max-swatch-size)); /* height = min(m + sV, (m + s * H'/W' * M'), M) */ --swatch-height: min(calc(var(--min-height) + calc(var(--scaling-factor) * var(--offset-swatch-height) * 1px)), calc(var(--min-height) + var(--offset-scaled-height)), var(--max-swatch-size)); display: block; background: var(--swatch-background); background-position: var(--swatch-focal-point, center); border-radius: var(--variant-picker-swatch-radius); border: var(--style-border-swatch-width) var(--style-border-swatch-style) var(--color-border); width: var(--swatch-width); height: var(--swatch-height); /* This is different than `background-size: cover` because we use `box-sizing: border-box`, * doing it like makes the background clip under the border without repeating. */ background-size: var(--swatch-width) var(--swatch-height); &.swatch--unavailable { border-style: dashed; } &.swatch--unscaled { /* for when you want fixed sizing (e.g. pdp) */ --swatch-width: var(--variant-picker-swatch-width); --swatch-height: var(--variant-picker-swatch-height); } &.swatch--filter { --swatch-width: var(--max-filter-size); --swatch-height: var(--max-filter-size); border-radius: var(--variant-picker-swatch-radius); } &.swatch--pill { --swatch-width: var(--max-pill-size); --swatch-height: var(--max-pill-size); border-radius: var(--variant-picker-swatch-radius); } /* swatches in filters and pills always have a border */ &.swatch--filter, &.swatch--pill { --style-border-swatch-width: var(--variant-picker-border-width); --style-border-swatch-style: var(--variant-picker-border-style); --color-border: rgb(var(--color-foreground-rgb) / var(--variant-picker-border-opacity)); } @media screen and (min-width: 750px) { /* desktop values */ --max-swatch-size: 32px; --max-pill-size: 16px; --max-filter-size: 28px; --scaling-factor: 0.65; } } .variant-picker .variant-option--buttons label:has(.swatch) { border-radius: var(--variant-picker-swatch-radius); } .sticky-content { position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat); } @media screen and (min-width: 750px) { .sticky-content--desktop, .sticky-content--desktop.full-height--desktop>.group-block { position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat); } } .price, .compare-at-price, .unit-price { white-space: nowrap; } .unit-price { display: block; font-size: min(0.85em, var(--font-paragraph--size)); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); } .tax-note.tax-note.tax-note { font-size: min(0.85em, var(--font-paragraph--size)); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); } product-price.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6)>*:not(.tax-note) { margin-block: 0; } .compare-at-price { opacity: 0.7; text-decoration-line: line-through; text-decoration-thickness: 1.5px; } .product-details .compare-at-price { color: #777; font-size: 19px !important; display: flex; align-items: center; } .product-details .aed-font { font-size: 84%; } .card-gallery { position: relative; } @media screen and (min-width: 750px) { product-card:focus-within .quick-add__button, .card-gallery:hover .quick-add__button { display: grid; will-change: margin, opacity; animation: elementSlideInTop var(--animation-speed) var(--animation-easing); } } @container (max-width: 70px) { .card-gallery:hover .quick-add__button { display: none; } } /* Drawer */ .drawer { background-color: var(--color-background); position: fixed; top: 0; left: 0; bottom: 0; width: var(--sidebar-width); z-index: var(--layer-raised); transform: translateX(-120%); transition: transform var(--animation-speed) var(--animation-easing); } .drawer[data-open='true'] { transform: translateX(0); } .drawer-toggle { display: flex; align-items: center; gap: 10px; cursor: pointer; } .drawer__header { display: flex; justify-content: space-between; align-items: center; padding: var(--drawer-header-block-padding) var(--drawer-inline-padding); } .drawer__title { font-size: var(--font-h2--size); margin: 0; } .drawer__close { width: var(--minimum-touch-target); height: var(--minimum-touch-target); } .drawer__content { display: block; padding: var(--drawer-content-block-padding) var(--drawer-inline-padding); width: 100%; } /* Background overlay */ .background-overlay { position: relative; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--background-overlay-color, rgb(0 0 0 / 15%)); } } /* Spacing style */ .spacing-style { --spacing-scale: var(--spacing-scale-md); @media screen and (min-width: 990px) { --spacing-scale: var(--spacing-scale-default); } /* Must disable this, when you use these with calc and another unit type, things break — see logo.liquid */ /* stylelint-disable length-zero-no-unit */ --padding-block: 0px; --padding-block-start: var(--padding-block, 0px); --padding-block-end: var(--padding-block, 0px); --padding-inline: 0px; --padding-inline-start: var(--padding-inline, 0px); --padding-inline-end: var(--padding-inline, 0px); --margin-block: 0px; --margin-block-start: var(--margin-block, 0px); --margin-block-end: var(--margin-block, 0px); --margin-inline: 0px; --margin-inline-start: var(--margin-inline, 0px); --margin-inline-end: var(--margin-inline, 0px); } .spacing-style, .inherit-spacing { padding-block: calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: var(--margin-inline-start) var(--margin-inline-end); } /* Size style */ .size-style { width: var(--size-style-width-mobile, var(--size-style-width)); height: var(--size-style-height-mobile, var(--size-style-height)); @media screen and (min-width: 750px) { width: var(--size-style-width); height: var(--size-style-height); } } /* Custom Typography style */ .custom-typography, .custom-typography>* { font-family: var(--font-family); font-weight: var(--font-weight); text-transform: var(--text-transform); text-wrap: var(--text-wrap); line-height: var(--line-height); letter-spacing: var(--letter-spacing); } .custom-typography { h1 { line-height: var(--line-height--display, var(--line-height)); } h2, h3, h4 { line-height: var(--line-height--heading, var(--line-height)); } p { line-height: var(--line-height--body, var(--line-height)); } } .custom-font-size, .custom-font-size>* { font-size: var(--font-size); } .custom-font-weight, .custom-font-weight>* { font-weight: var(--weight); } /* Border override style */ .border-style { border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); border-radius: var(--border-radius); } /* Gap scaling style */ .gap-style, .layout-panel-flex { --gap-scale: var(--spacing-scale-md); @media screen and (min-width: 990px) { --gap-scale: var(--spacing-scale-default); } } .layout-panel-flex { display: flex; gap: var(--gap); height: 100%; } .layout-panel-flex--row { flex-flow: row var(--flex-wrap); justify-content: var(--horizontal-alignment); align-items: var(--vertical-alignment); } .layout-panel-flex--column { flex-flow: column var(--flex-wrap); align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment); } @media screen and (max-width: 749px) { .mobile-column { flex-flow: column nowrap; align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment-mobile); } .layout-panel-flex--row:not(.mobile-column) { flex-wrap: var(--flex-wrap-mobile); >.text-block { flex: 1 1 var(--max-width--display-tight); } >.image-block { flex: 1 1 var(--size-style-width-mobile-min); } >.button { flex: 0 0 fit-content; } } } @media (min-width: 750px) { .layout-panel-flex { flex-direction: var(--flex-direction); } } /* Form fields */ .field { position: relative; width: 100%; display: flex; transition: box-shadow var(--animation-speed) ease; } .field__input { flex-grow: 1; text-align: left; border-radius: var(--style-border-radius-inputs); transition: box-shadow var(--animation-speed) ease, background-color var(--animation-speed) ease; padding: var(--input-padding); box-shadow: var(--input-box-shadow); background-color: var(--color-input-background); color: var(--color-input-text); border: none; outline: none; font-size: var(--font-paragraph--size); &:autofill { background-color: var(--color-input-background); color: var(--color-input-text); } } .field__input:is(:focus, :hover) { box-shadow: var(--input-box-shadow-focus); background-color: var(--color-input-hover-background); } .field__input--button-radius { border-radius: var(--style-border-radius-buttons-primary); } .field__input--button-padding { padding-inline: var(--padding-3xl); } .field__label { color: rgb(var(--color-input-text-rgb) / var(--opacity-80)); font-size: var(--font-paragraph--size); left: var(--input-padding-x); top: 50%; transform: translateY(-50%); margin-bottom: 0; pointer-events: none; position: absolute; transition: top var(--animation-speed) ease, font-size var(--animation-speed) ease; } /* RTE styles */ .rte, .shopify-policy__title { :is(h1, h2, h3, h4, h5, h6) { margin-block: clamp(1.5rem, 1em * 3.3, 2.5rem) clamp(1rem, 1em * 0.25, 2rem); } :first-child:is(p, h1, h2, h3, h4, h5, h6), :first-child:empty+ :is(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0; } ul, ol { margin-block-start: 0; padding-inline-start: 1.5em; } /* Only apply margin-block-end to the higher level list, not nested lists */ :is(ul, ol):not(:is(ul, ol) :is(ul, ol)) { margin-block-end: 1em; } blockquote { margin-inline: 1.5em 2.3em; margin-block: 3.8em; padding-inline-start: 0.8em; border-inline-start: 1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-25)); font-style: italic; font-weight: 500; } .rte-table-wrapper { overflow-x: auto; } table { /* stylelint-disable-next-line declaration-no-important */ width: 100% !important; border-collapse: collapse; } tr:not(:has(td)), thead { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); font-weight: bold; text-transform: uppercase; } tr:has(td) { border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10)); } th, td { text-align: start; padding-inline: var(--padding-md); padding-block: var(--padding-sm); } } .shopify-policy__container { padding-block: var(--padding-xl); } .checkbox { --checkbox-size: 22px; --checkbox-top: 50%; --checkbox-left: 1.5px; --checkbox-offset: 3px; --checkbox-border-radius: 7px; --checkbox-label-padding: 8px; --checkbox-path-opacity: 0; --checkbox-cursor: pointer; --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); position: relative; display: flex; align-items: center; @media screen and (min-width: 750px) { --checkbox-size: 16px; --checkbox-border-radius: 5px; --checkbox-label-padding: 6px; } &:has(.checkbox__input:checked) { --checkbox-path-opacity: 1; } &:has(.checkbox__input:disabled) { --checkbox-cursor: not-allowed; } } .checkbox__input { position: absolute; opacity: 0; margin: 0; width: var(--checkbox-size); height: var(--checkbox-size); /* Outline is on the SVG instead, to allow it to have border-radius */ &:focus-visible { outline: none; } &:focus-visible+.checkbox__label .icon-checkmark { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); } &:checked+.checkbox__label .icon-checkmark { background-color: var(--color-foreground); border-color: var(--color-foreground); } &:disabled+.checkbox__label .icon-checkmark { background-color: var(--input-disabled-background-color); border-color: var(--input-disabled-border-color); } } .checkbox__label { position: relative; display: inline-flex; cursor: var(--checkbox-cursor); line-height: var(--checkbox-size); min-width: var(--minimum-touch-target); } .checkbox .icon-checkmark { height: var(--checkbox-size); width: var(--checkbox-size); flex-shrink: 0; border: var(--checkbox-border); border-radius: var(--checkbox-border-radius); background-color: var(--color-background); } .checkbox__label-text { padding-inline-start: var(--checkbox-label-padding); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .checkbox .icon-checkmark path { stroke: var(--color-background); opacity: var(--checkbox-path-opacity); transition: opacity var(--animation-speed) var(--animation-easing); } .checkbox__input:disabled+.checkbox__label { color: var(--input-disabled-text-color); } /* Add to cart button */ .button[id^='BuyButtons-ProductSubmitButton-'] { position: relative; overflow: hidden; font-weight: 700; } /* Cart bubble */ .cart-bubble { --cart-padding: 0.2em; position: relative; width: 20px; aspect-ratio: 1; border-radius: 50%; border-width: 0; display: flex; line-height: normal; align-items: center; justify-content: center; color: var(--color-primary-button-text); padding-inline: var(--cart-padding); background:#000; } .cart-bubble__background { position: absolute; inset: 0; background-color: var(--color-primary-button-background); border-radius: var(--style-border-radius-lg); } .cart-bubble__text { font-size: var(--font-size--2xs); z-index: var(--layer-flat); line-height: 1; display: flex; align-items: center; justify-content: center; } /* Quantity selector */ .quantity-selector { --quantity-selector-width: 124px; display: flex; justify-content: space-between; align-items: center; color: var(--color-input-text); background-color: var(--color-input-background); border: var(--style-border-width-inputs) solid var(--color-input-border); border-radius: var(--style-border-radius-inputs); flex: 1 1 var(--quantity-selector-width); align-self: stretch; transition: background-color var(--animation-speed) var(--animation-easing); &:hover { background-color: var(--color-input-hover-background); } } .product-form-buttons:has(.add-to-cart-button.button-secondary) .quantity-selector { border-radius: var(--style-border-radius-buttons-secondary); } .quantity-selector :is(.quantity-minus, .quantity-plus) { /* Unset button styles */ padding: 0; background: transparent; box-shadow: none; display: flex; justify-content: center; align-items: center; cursor: pointer; width: var(--minimum-touch-target); height: var(--minimum-touch-target); flex-shrink: 0; color: var(--color-input-text); } .quantity-selector .quantity-minus { border-start-start-radius: var(--style-border-radius-inputs); border-end-start-radius: var(--style-border-radius-inputs); } .quantity-selector .quantity-plus { border-start-end-radius: var(--style-border-radius-inputs); border-end-end-radius: var(--style-border-radius-inputs); } .product-details .quantity-selector { border-radius: var(--style-border-radius-buttons-primary); } .product-details .quantity-selector .quantity-minus { border-start-start-radius: var(--style-border-radius-buttons-primary); border-end-start-radius: var(--style-border-radius-buttons-primary); } .product-details .quantity-selector .quantity-plus { border-start-end-radius: var(--style-border-radius-buttons-primary); border-end-end-radius: var(--style-border-radius-buttons-primary); } .quantity-selector .svg-wrapper { transition: transform var(--animation-speed) var(--animation-easing); } .quantity-selector svg { width: var(--icon-size-xs); height: var(--icon-size-xs); } :is(.quantity-minus, .quantity-plus):active .svg-wrapper { transform: scale(0.9); } .quantity-selector input[type='number'] { margin: 0; text-align: center; border: none; appearance: none; max-width: calc(var(--quantity-selector-width) - var(--minimum-touch-target) * 2); border-radius: var(--style-border-radius-buttons); color: var(--color-input-text); background-color: transparent; } /* Chrome, Safari, Edge, Opera */ .quantity-selector input[type='number']::-webkit-inner-spin-button, .quantity-selector input[type='number']::-webkit-outer-spin-button { appearance: none; } /* Firefox */ .quantity-selector input[type='number'] { appearance: textfield; } /* Pills (used in facets and predictive search) */ .pills__pill { --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); color: var(--color-foreground); display: flex; justify-content: space-between; align-items: center; gap: var(--gap-sm); min-width: 48px; padding: 6px 12px; border-radius: var(--style-border-radius-pills); cursor: pointer; background-color: var(--pills-pill-background-color); transition: background-color var(--animation-speed) var(--animation-easing); &:hover { --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); } @media screen and (max-width: 749px) { padding: var(--padding-xs) var(--padding-md); } } .pills__pill>.svg-wrapper { --close-icon-opacity: 0.4; --icon-stroke-width: 1px; color: var(--color-foreground); } .pills__pill--swatch { @media screen and (max-width: 749px) { padding-inline-start: var(--padding-sm); } } .pills__pill--swatch .swatch { margin-right: -4px; } .pills__pill--desktop-small { @media screen and (min-width: 750px) { font-size: var(--font-size--xs); } } /* Fly to cart animation */ fly-to-cart { position: fixed; width: 40px; height: 40px; left: 0; top: 0; border-radius: 50%; z-index: calc(infinity); pointer-events: none; opacity: 0; overflow: hidden; box-shadow: 0 4px 8px rgb(0 0 0 / 20%); transition: opacity 0.3s ease; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: var(--color-foreground); transform: translate(var(--x, 0), var(--y, 0)) scale(var(--scale, 1)); } /* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */ /* Animation declarations - to be kept at the bottom of the file for ease of find */ @keyframes grow { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes slideInLeft { from { transform: translateX(var(--custom-transform-from, 100%)); } to { transform: translateX(var(--custom-transform-to, 0)); } } @keyframes slideInLeftViewTransition { from { transform: translateX(100px); } } @keyframes slideOutRight { from { transform: translateX(0); } to { transform: translateX(var(--custom-transform-to, -100%)); } } @keyframes slideInRight { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes slideOutLeft { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes slideInTop { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes slideInTopViewTransition { from { transform: translateY(100px); } } @keyframes slideOutBottom { from { transform: translateY(0); } to { transform: translateY(100%); } } @keyframes slideInBottom { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes slideOutTop { from { transform: translateY(0); } to { transform: translateY(-100%); } } @keyframes cartBubbleSlideIn { from { transform: translateY(-1em); } to { transform: translateY(0); } } @keyframes elementSlideInTop { from { margin-top: var(--padding-sm); opacity: 0; } to { margin-top: 0; opacity: 1; } } @keyframes elementSlideOutTop { from { transform: translateY(0); opacity: 1; } to { transform: translateY(var(--padding-sm)); opacity: 0; } } @keyframes elementSlideInBottom { from { transform: translateY(calc(-1 * var(--padding-sm))); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes elementSlideOutBottom { from { transform: translateY(0); opacity: 1; } to { transform: translateY(calc(-1 * var(--padding-sm))); opacity: 0; } } @keyframes thumbnailsSlideInTop { from { transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0; } to { transform: translateY(-50%); opacity: 1; } } @keyframes thumbnailsSlideOutTop { from { transform: translateY(-50%); opacity: 1; } to { transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0; } } @keyframes thumbnailsSlideInBottom { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes thumbnailsSlideOutBottom { from { transform: translateY(0); opacity: 1; } to { transform: translateY(100%); opacity: 0; } } @keyframes search-element-slide-in-bottom { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes search-element-slide-out-bottom { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(20px); opacity: 0; } } @keyframes dialogZoom { from { opacity: 1; transform: scale(1) translateY(0); } to { opacity: 0; transform: scale(0.95) translateY(1em); } } @keyframes thumbnail-selected { 0%, 100% { box-shadow: 0 0 0 2px transparent; scale: 0.9; } 50% { box-shadow: 0 0 0 2px #000; scale: 1; } } @keyframes backdropFilter { from { backdrop-filter: brightness(1); } to { backdrop-filter: brightness(0.75); } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes modalSlideInTop { from { transform: translateY(var(--padding-sm)); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes modalSlideOutTop { from { transform: translateY(0); opacity: 1; } to { transform: translateY(var(--padding-sm)); opacity: 0; } } .bubble { display: inline-flex; height: calc(var(--variant-picker-swatch-height) / 1.5); font-size: var(--font-size--xs); border-radius: 20px; min-width: 20px; padding: 0 6px; background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); color: var(--color-foreground); align-items: center; justify-content: center; } .bubble svg { width: 12px; height: 12px; } .top-shadow::before { content: ''; box-shadow: 0 0 10px var(--color-shadow); position: absolute; z-index: var(--layer-lowest); inset: 0; clip-path: inset(-50px 0 0 0); /* stylelint-disable-line */ } @media (min-width: 750px) { .newslett { margin-top:30px; } .top-shadow--mobile::before { display: none; } } .bottom-shadow::before { content: ''; box-shadow: 0 0 10px var(--color-shadow); position: absolute; z-index: var(--layer-lowest); inset: 0; clip-path: inset(0 0 -50px 0); /* stylelint-disable-line */ } @media (min-width: 750px) { .bottom-shadow--mobile::before { display: none; } } .video-placeholder-wrapper { position: relative; width: 100%; height: 100%; aspect-ratio: var(--size-style-aspect-ratio, auto); } :not(deferred-media)>.video-placeholder-wrapper { width: var(--video-placeholder-width); } .video-placeholder-wrapper>* { width: 100%; height: 100%; object-fit: cover; object-position: center; } /* * Slideshow Component */ slideshow-component { --cursor: grab; position: relative; display: flex; flex-direction: column; timeline-scope: var(--slideshow-timeline); } .slideshow--single-media { --cursor: default; } a slideshow-component { --cursor: pointer; } /* * Slideshow Slides */ slideshow-slides { width: 100%; position: relative; display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-color: transparent transparent; scrollbar-width: none; gap: var(--slideshow-gap, 0); cursor: var(--cursor); @media (prefers-reduced-motion) { scroll-behavior: auto; } &::-webkit-scrollbar { width: 0; } &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar-thumb { background: transparent; border: none; } &[size='small'] { min-height: 17.5rem; } &[size='medium'] { min-height: 21.25rem; } &[size='large'] { min-height: 25rem; } @media screen and (min-width: 750px) { &[size='small'] { min-height: 26.25rem; } &[size='medium'] { min-height: 35rem; } &[size='large'] { min-height: 45rem; } } } slideshow-component[disabled='true'] slideshow-slides { overflow: hidden; } slideshow-component[mobile-disabled] slideshow-slides { @media screen and (max-width: 749px) { overflow: hidden; } } slideshow-slide { position: relative; scroll-snap-align: start; width: var(--slide-width, 100%); max-height: 100%; flex-shrink: 0; view-timeline-axis: inline; content-visibility: auto; contain-intrinsic-size: auto none; slideshow-component[actioned] &, &[aria-hidden='false'] { content-visibility: visible; } slideshow-component slideshow-slide:not([aria-hidden='false']) { content-visibility: hidden; } &[hidden]:not([reveal]) { display: none; } } slideshow-slide.product-media-container--tallest { content-visibility: visible; } @media screen and (max-width: 749px) { /* Media gallery has a peeking slide on the right side always, and on the left side when the current slide is the last one */ .media-gallery--hint :is(slideshow-slide:has(+ slideshow-slide[aria-hidden='false']:last-of-type), slideshow-slide[aria-hidden='false'] + slideshow-slide) { content-visibility: auto; slideshow-component[actioned] & { content-visibility: visible; } } } /* * Collection and Resource list carousels have peeking slides on both sides. * Card galleries preview the next or previous images on 'pointerenter', so we * try to kick load them beforehand (they are lazy loaded otherwise). */ :is(.resource-list__carousel, .card-gallery) :is(slideshow-slide:has(+ slideshow-slide[aria-hidden='false']), slideshow-slide[aria-hidden='false'] + slideshow-slide) { content-visibility: auto; slideshow-component[actioned] & { content-visibility: visible; } } /* * Be specific about HTML children structure to avoid targeting nested slideshows. * Ensure that the content is 'visible' while scrolling instead of 'auto' to avoid issues in Safari. */ slideshow-component:is([dragging], [transitioning], :hover)>slideshow-container>slideshow-slides>slideshow-slide { content-visibility: visible; } slideshow-slides[gutters*='start'] { padding-inline-start: var(--gutter-slide-width, 0); scroll-padding-inline-start: var(--gutter-slide-width, 0); } slideshow-slides[gutters*='end'] { padding-inline-end: var(--gutter-slide-width, 0); } slideshow-component[dragging] { --cursor: grabbing; * { pointer-events: none; } } slideshow-component[dragging] slideshow-arrows { display: none; } slideshow-container { width: 100%; display: block; position: relative; grid-area: container; container-type: inline-size; } /* * Slideshow Controls */ slideshow-controls { flex-shrink: 0; display: flex; justify-content: space-between; scrollbar-width: none; min-height: var(--minimum-touch-target); grid-area: controls; &[controls-on-media] { position: absolute; bottom: 0; } } slideshow-controls::-webkit-scrollbar { display: none; } slideshow-controls button { --color: rgb(var(--color-foreground-rgb) / var(--opacity-30)); --color-active: var(--color-foreground); --color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50)); display: inline-block; height: var(--minimum-touch-target); width: var(--minimum-touch-target); cursor: pointer; } slideshow-controls .icon { width: var(--icon-size-sm); height: var(--icon-size-xs); } slideshow-controls[pagination-position='center'] { align-items: center; justify-content: center; } slideshow-controls[pagination-position='center'][thumbnails] { width: 100%; } slideshow-controls[pagination-position='center']:not([controls-on-media], [thumbnails], [icons-on-media]) { justify-content: space-between; } slideshow-component:has(slideshow-controls[thumbnails]) { &:has(slideshow-controls[pagination-position='right']) { display: grid; grid-template: 'container controls' auto 'arrows controls' min-content / 1fr auto; } &:has(slideshow-controls[pagination-position='left']) { display: grid; grid-template: 'controls container' auto 'controls arrows' min-content / auto 1fr; } slideshow-controls[pagination-position='left'] { order: -1; } } slideshow-controls[thumbnails]:is([pagination-position='right'], [pagination-position='left']) { display: flex; flex-direction: column; height: 0; min-height: 100%; .slideshow-controls__thumbnails-container { overflow: hidden auto; } &:not([controls-on-media]) { .slideshow-controls__thumbnails-container { position: sticky; top: var(--sticky-header-offset, 0); } .slideshow-controls__thumbnails { padding-block-start: var(--focus-outline-offset); } } } slideshow-controls:not([controls-on-media])[icons-on-media] { &[pagination-position='right'] { justify-content: flex-end; } &[pagination-position='left'] { justify-content: flex-start; } } slideshow-controls:not([controls-on-media]):is([pagination-position='left'], [pagination-position='right']) .slideshow-controls__thumbnails { padding-block: var(--padding-2xs); } slideshow-controls:not([controls-on-media]) { &:is([pagination-position='right']) { .slideshow-controls__thumbnails { padding-inline-end: var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset)); } } &:is([pagination-position='left']) { .slideshow-controls__thumbnails { padding-inline-start: var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset)); } } } slideshow-controls[controls-on-media] { z-index: var(--layer-raised); &:has(.slideshow-controls__dots, .slideshow-controls__counter) { --color-foreground: #fff; --color-foreground-rgb: var(--color-white-rgb); } &[pagination-position='right'] { right: 0; } &[pagination-position='left'] { left: 0; } &[pagination-position='center'] { width: 100%; } &:not([thumbnails])[pagination-position='left'] { width: fit-content; align-self: flex-start; } &:not([thumbnails])[pagination-position='right'] { width: fit-content; align-self: flex-end; } } slideshow-controls:is([pagination-position='right'], [pagination-position='left']) { .slideshow-controls__thumbnails { flex-direction: column; } } .slideshow-controls__arrows { display: flex; justify-content: space-between; height: var(--minimum-touch-target); grid-area: arrows; button { padding: 0 var(--padding-xs); } } .slideshow-controls__dots, .slideshow-controls__counter { display: inline-flex; justify-content: center; align-items: center; margin: 0; list-style: none; button { --color: rgb(var(--color-foreground-rgb) / var(--opacity-30)); --color-active: var(--color-foreground); --color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50)); } } slideshow-controls:has(.slideshow-controls__dots), slideshow-component[autoplay] slideshow-controls { mix-blend-mode: difference; } .slideshow-controls__dots { gap: 0.6rem; padding: var(--padding-sm) var(--padding-lg); border-radius: 3rem; overflow: hidden; button { --size: 0.5rem; display: flex; align-items: center; justify-content: center; width: calc(var(--size) * 2); height: calc(var(--size) * 2); margin: calc(var(--size) / -2); font-size: 0; border-radius: calc(var(--size)); &::after { content: ''; display: block; background-color: var(--color); height: var(--size); width: var(--size); /* This is at --size / 2 to remove a visual regression on subpixel rendering displays */ border-radius: calc(var(--size) / 2); @supports not (view-timeline-axis: inline) { &[aria-selected='true'] { --color: var(--color-active); } } &:hover { --color: var(--color-hover); } } &[aria-selected='true'] { --color: var(--color-active); } } } .slideshow-controls__dots, .slideshow-controls__counter { &:only-child { margin-inline: auto; } } .slideshow-controls__counter { color: var(--color-foreground); background-color: rgb(0 0 0 / 40%); width: auto; border-radius: 2rem; padding: 0.3rem var(--padding-sm); margin-inline: var(--margin-sm); backdrop-filter: blur(10px); font-variant-numeric: tabular-nums; font-size: var(--font-size--xs); .slash { color: rgb(var(--color-foreground-rgb) / var(--opacity-40)); padding-inline: var(--padding-2xs); margin-block-start: -0.1rem; } } .slideshow-control[disabled] { opacity: 0.5; cursor: not-allowed; } .slideshow-control--large { .icon-caret { --icon-stroke-width: 1px; } .icon-caret { --icon-stroke-width: 1px; } .svg-wrapper, svg { width: var(--slideshow-controls-icon); height: var(--slideshow-controls-icon); } } /* Slideshow control shape styles */ .button-unstyled.slideshow-control.slideshow-control--shape-square, .button-unstyled.slideshow-control.slideshow-control--shape-circle { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; background-color: var(--color-primary-button-background); color: var(--color-primary-button-text); } .button-unstyled.slideshow-control.slideshow-control--shape-circle { border-radius: 50%; } .button-unstyled.slideshow-control.slideshow-control--shape-square { border-radius: 0; } .slideshow-control .icon-caret { rotate: -90deg; } /* Slideshow Thumbnails */ .slideshow-controls__thumbnails-container { display: flex; width: 100%; max-height: 100%; overflow-x: scroll; scrollbar-width: none; } .slideshow-controls__thumbnails { display: inline-flex; padding-inline: var(--slideshow-thumbnails-padding-inline, var(--padding-sm)); padding-block: var(--slideshow-thumbnails-padding-block, var(--padding-sm)); gap: var(--gap-xs); margin-inline: auto; height: fit-content; .slideshow-control { border-radius: var(--media-radius); width: clamp(44px, 7vw, var(--thumbnail-width)); height: auto; aspect-ratio: var(--aspect-ratio); img { height: 100%; object-fit: cover; border-radius: var(--media-radius); } &:is([aria-selected='true']) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: calc(var(--focus-outline-offset) / 2); border: var(--style-border-width) solid rgb(var(--color-border-rgb) / var(--media-border-opacity)); } } } .slideshow-controls__thumbnail { position: relative; } .slideshow-controls__thumbnail-badge { position: absolute; top: var(--padding-2xs); right: var(--padding-2xs); width: clamp(16px, 10%, 20px); height: clamp(16px, 10%, 20px); background-color: var(--color-background); border-radius: var(--style-border-radius-xs); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px rgb(var(--color-foreground-rgb) / var(--opacity-5)); } .slideshow-controls__thumbnail-badge svg { width: 60%; height: 60%; fill: var(--color-foreground); opacity: 0.6; } /* Slideshow Play/Pause */ .slideshow-control:is(.icon-pause, .icon-play) { color: var(--color-active); &:hover { color: var(--color-hover); } svg { display: none; } } slideshow-component:is([autoplay]) { &:is([paused]) { .icon-play>svg { display: block; } } &:not([paused]) { .icon-pause>svg { display: block; } } } /* Slideshow Arrows */ slideshow-arrows { --cursor-previous: w-resize; --cursor-next: e-resize; position: absolute; inset: 0; display: flex; z-index: var(--layer-heightened); pointer-events: none; mix-blend-mode: difference; align-items: flex-end; &[position='left'] { justify-content: flex-start; padding-inline: var(--padding-xs); } &[position='right'] { justify-content: flex-end; padding-inline: var(--padding-xs); } &[position='center'] { justify-content: space-between; align-items: center; } } slideshow-arrows:has(.slideshow-control--shape-square), slideshow-arrows:has(.slideshow-control--shape-circle) { mix-blend-mode: normal; } slideshow-component[disabled='true'] slideshow-arrows { display: none; } slideshow-arrows .slideshow-control { pointer-events: auto; opacity: 0; min-height: var(--minimum-touch-target); padding: 0 var(--padding-xs); color: var(--color-white); } slideshow-arrows .slideshow-control.slideshow-control--style-none { display: none; } .media-gallery--carousel slideshow-arrows .slideshow-control { padding-inline: 0 var(--padding-md); } .card-gallery slideshow-arrows .slideshow-control { /* Align icons with quick-add button */ padding-inline: var(--padding-xl); @container (max-width: 249px) { padding-inline: 0 var(--padding-sm); } } .media-gallery--carousel slideshow-arrows .slideshow-control { opacity: 1; } :not(.media-gallery--carousel)> :is(slideshow-component:hover, slideshow-component:focus-within):not(:has(slideshow-controls:hover))>slideshow-container>slideshow-arrows .slideshow-control { animation: arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards; } @keyframes arrowsSlideIn { from { transform: translate(var(--padding-sm), 0); opacity: 0; } to { opacity: 1; } } .block-resource-list { display: flex; flex-direction: column; row-gap: var(--gap); min-width: 0; min-height: 0; container-type: inline-size; container-name: resource-list; } .section-resource-list { row-gap: var(--gap); } .section-resource-list__content { display: flex; flex-direction: column; align-items: var(--horizontal-alignment); gap: var(--gap); width: 100%; } .section-resource-list__content:empty { display: none; } .section-resource-list__header:is(:empty, :has(.group-block-content:empty)), .section-resource-list__content:empty { display: none; } .section-resource-list.section--full-width product-card-link>.group-block { @media screen and (max-width: 749px) { padding-inline: max(var(--padding-xs), var(--padding-inline-start)) max(var(--padding-xs), var(--padding-inline-end)); } } .resource-list--carousel-mobile { display: block; @media screen and (min-width: 750px) { display: none; } } .resource-list { --resource-list-mobile-gap-max: 9999px; --resource-list-column-gap: min(var(--resource-list-column-gap-desktop), var(--resource-list-mobile-gap-max)); --resource-list-row-gap: min(var(--resource-list-row-gap-desktop), var(--resource-list-mobile-gap-max)); width: 100%; @media screen and (max-width: 749px) { --resource-list-mobile-gap-max: 12px; } @container resource-list (max-width: 749px) { --resource-list-mobile-gap-max: 12px; } } .resource-list--grid { display: grid; gap: var(--resource-list-row-gap) var(--resource-list-column-gap); grid-template-columns: var(--resource-list-columns-mobile); @media screen and (min-width: 750px) { grid-template-columns: var(--resource-list-columns); } @container resource-list (max-width: 449px) { grid-template-columns: var(--resource-list-columns-mobile); } @container resource-list(min-width: 450px) and (max-width: 749px) { --resource-list-columns-per-row: 3; grid-template-columns: repeat(var(--resource-list-columns-per-row), 1fr); /* Avoid orphan in last row when there are 4, 7, or 10 items */ &:has(.resource-list__item:first-child:nth-last-child(3n + 1)), /* Clean two full rows when there are 8 items */ &:has(.resource-list__item:first-child:nth-last-child(8n)) { --resource-list-columns-per-row: 4; } } @container resource-list (min-width: 750px) { grid-template-columns: repeat(var(--resource-list-columns-per-row), 1fr); &:has(.resource-list__item:first-child:nth-last-child(n + 9)) { --resource-list-columns-per-row: 5; } &:has(.resource-list__item:first-child:nth-last-child(n + 7):nth-last-child(-n + 8)) { --resource-list-columns-per-row: 4; } &:has(.resource-list__item:first-child:nth-last-child(6)) { --resource-list-columns-per-row: 3; } &:has(.resource-list__item:first-child:nth-last-child(5)) { --resource-list-columns-per-row: 5; } &:has(.resource-list__item:first-child:nth-last-child(-n + 4)) { --resource-list-columns-per-row: 4; } } @container resource-list (min-width: 1200px) { &:has(.resource-list__item:first-child:nth-last-child(6)) { --resource-list-columns-per-row: 6; } } } .resource-list__item { height: 100%; color: var(--color-foreground); text-decoration: none; } .resource-list__carousel { --slide-width: 60vw; width: 100%; position: relative; container-type: inline-size; container-name: resource-list-carousel; .slideshow-control[disabled] { display: none; } .slideshow-control--next { margin-inline-start: auto; } } @container resource-list-carousel (max-width: 749px) { .resource-list__carousel .resource-list__slide { --slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max)); } } @container resource-list-carousel (min-width: 750px) { .resource-list__carousel .resource-list__slide { --section-slide-width: calc((100% - (var(--resource-list-column-gap) * (var(--column-count) - 1)) - var(--peek-next-slide-size)) / var(--column-count)); --fallback-slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max)); --slide-width: var(--section-slide-width, var(--fallback-slide-width)); } } .resource-list__carousel slideshow-slides { gap: var(--resource-list-column-gap); /* Add padding to prevent hover animations from being clipped in slideshow 15px accommodates: - Scale effect (9px on each side from 1.03 scale) - Lift effect (4px upward movement) - Shadow (15px spread with -5px offset) Using 16px for better alignment with our spacing scale */ margin-block: -16px; padding-block: 16px; } .resource-list__carousel slideshow-arrows { padding-inline: var(--util-page-margin-offset); } .resource-list__carousel .resource-list__slide { width: var(--slide-width); flex: 0 0 auto; scroll-snap-align: start; min-width: 0; } /* Base styles */ .group-block, .group-block-content { position: relative; } .group-block:has(> video-background-component), .group-block:has(> .background-image-container) { overflow: hidden; } .group-block-content { height: 100%; width: 100%; } /* Container styles */ .section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill { flex: 1; } /* Flex behavior for width variants */ .layout-panel-flex--row>.group-block--width-fit { flex: 0; } .layout-panel-flex--row>.group-block--width-fill { flex: 1; } .layout-panel-flex--row>.group-block--width-custom { flex-basis: var(--size-style-width); } /* Dimension utilities - Height */ .group-block--height-fit { height: auto; } .group-block--height-custom, .group-block--height-fill { height: var(--size-style-height); } /* Flex behavior for height variants */ .layout-panel-flex--column>.group-block--height-fit { flex: 0 1 auto; } .layout-panel-flex--column>.group-block--height-fill { flex: 1; } .layout-panel-flex--column>.group-block--height-custom { flex-basis: var(--size-style-height); } accordion-custom { details { &::details-content, .details-content { block-size: 0; overflow-y: clip; opacity: 0; interpolate-size: allow-keywords; transition: content-visibility var(--animation-speed-slow) allow-discrete, padding-block var(--animation-speed-slow) var(--animation-easing), opacity var(--animation-speed-slow) var(--animation-easing), block-size var(--animation-speed-slow) var(--animation-easing); } &:not([open]) { &::details-content, .details-content { padding-block: 0; } } &[open] { &::details-content, .details-content { opacity: 1; block-size: auto; @starting-style { block-size: 0; opacity: 0; overflow-y: clip; } &:focus-within { overflow-y: visible; } } } } } accordion-custom[data-disable-on-mobile='true'] summary { @media screen and (max-width: 749px) { cursor: auto; } } accordion-custom[data-disable-on-desktop='true'] summary { @media screen and (min-width: 750px) { cursor: auto; } } text-component { --shimmer-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --shimmer-color-light: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --shimmer-speed: 1.25s; display: inline-block; position: relative; transition: color var(--animation-speed-slow) ease; line-height: 1; &::after { content: attr(value); position: absolute; inset: 0; color: transparent; opacity: 0; transition: opacity var(--animation-speed-slow) var(--animation-easing); pointer-events: none; background-image: linear-gradient(-85deg, var(--shimmer-text-color) 10%, var(--shimmer-color-light) 50%, var(--shimmer-text-color) 90%); background-clip: text; background-size: 200% 100%; background-position: 100% 0; place-content: center; } &[shimmer] { color: transparent; &::after { opacity: 1; animation: text-shimmer var(--shimmer-speed) infinite linear; } } } @keyframes text-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } /* Animation transitions */ .transition-background-color { transition: background-color var(--animation-speed-medium) ease-in-out; } .transition-transform { transition: transform var(--animation-speed-medium) var(--animation-timing-bounce); } .transition-border-color { transition: border-color var(--animation-speed-medium) var(--animation-timing-hover); } /* Global scrollbar styles */ /* Webkit browsers */ ::-webkit-scrollbar { width: 20px; } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)); border-radius: 20px; border: 6px solid transparent; background-clip: content-box; transition: background-color 0.2s; } ::-webkit-scrollbar-thumb:hover { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-60)); } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } /* Product card title truncation - applied only to zoom-out view */ [product-grid-view='zoom-out'] :is(.product-card, .product-grid__card) :is(h4, .h4) { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; } /* Product card title truncation - applied on mobile regardless of view */ @media screen and (max-width: 749px) { :is(.product-card, .product-grid__card) :is(h4, .h4) { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; } } .product-card:hover, .collection-card:hover, .resource-card:hover, .predictive-search-results__card--product:hover, .predictive-search-results__card:hover { position: relative; z-index: var(--layer-raised); transition: transform var(--hover-transition-duration) var(--hover-transition-timing), box-shadow var(--hover-transition-duration) var(--hover-transition-timing); } .header .product-card:hover, .header .collection-card:hover, .header .resource-card:hover, .header-drawer .product-card:hover, .header-drawer .collection-card:hover, .header-drawer .resource-card:hover { z-index: auto; transform: none; box-shadow: none; } /* Prevent iOS zoom on input focus by ensuring minimum 16px font size on mobile */ @media screen and (max-width: 1200px) { input, textarea, select, /* Higher specificity to override type preset classes like .paragraph, .h1, etc. */ .paragraph.paragraph input, .paragraph.paragraph textarea, .paragraph.paragraph select, .h1.h1 input, .h1.h1 textarea, .h1.h1 select, .h2.h2 input, .h2.h2 textarea, .h2.h2 select, .h3.h3 input, .h3.h3 textarea, .h3.h3 select, .h4.h4 input, .h4.h4 textarea, .h4.h4 select, .h5.h5 input, .h5.h5 textarea, .h5.h5 select, .h6.h6 input, .h6.h6 textarea, .h6.h6 select { font-size: max(1rem, 100%); } } header {} .collection-card__content .text-block { margin-top: -62px; width: 100%; color: #fff; border-bottom-left-radius: 10px; border-bottom-ight-radius: 10px; background: linear-gradient(179.87deg, rgba(255, 255, 255, 0) 17.91%, #000 96.46%); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .collection-card__content .text-block p { text-align: center; width: 100%; background: linear-gradient(179.87deg, #0000 11.91%, #000 96.46%); height: 60px; padding-top: 22px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; font-size: 17px; font-weight: 500; } .group-block-content rte-formatter { margin: 0px auto; } .group-block-content rte-formatter p { margin: 0px auto; } .header__row--bottom .header__columns { margin-top: 10px; padding-top: 10px; } #shopify-block-AODdvL1VBL3l0MkxvR__revhope_countdown_timer_bar_app_block_PUB7Jf { width: 100%; } #shopify-section-template--19481241649325__section_PncWxc .group-block-content rte-formatter { margin-left: 0px; } #shopify-section-template--19481241649325__section_rmUjUz .custom-section-content { color: #fff; background-image: url(/cdn/shop/files/greeen.jpg?v=1761732325); background-position: center; background-size: cover; } #shopify-section-template--19481241649325__section_rmUjUz .custom-section-content p, #shopify-section-template--19481241649325__section_rmUjUz h3 { color: #fff; } .spacing-style .h3 { margin-left: 0px; } div#shopify-section-template--19481241649325__section_TdNyLW rte-formatter.spacing-style.text-block.text-block--AQnVDSExCRk5UbVhPb__text_B4H7Bg.rte.rte p { max-width: 100%; width: 100%; } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p strong { font-family: var(--font-h3--family); font-style: var(--font-h3--style); font-weight: 500; font-size: 40px; line-height: var(--font-h3--line-height); letter-spacing: var(--font-h3--letter-spacing); text-transform: capitalize; color: var(--color, var(--font-h3-color)); font-family: 'Tenor Sans', sans-serif; } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p { color: #000000; text-align: center; line-height: 38px; font-style:normal; } div#shopify-section-template--19481241649325__section_TdNyLW a.size-style.button.button--AbjMveVZTQ1JrazVIa__button_td4gBt { display: none; } div#shopify-section-template--19481241649325__section_TdNyLW img.image-block__image.border-style { border-radius: 15px; } div#shopify-section-template--19481241649325__section_TdNyLW rte-formatter.spacing-style.text-block.text-block--AMUxoZ3UxWWhNckFFb__text_nXwJbR.rte.rte { margin: inherit; } div#shopify-section-template--19481241649325__section_TdNyLW h4 { font-family: 'Poppins'; color: #000; } div#shopify-section-template--19481241649325__custom_liquid_HrMB6b { padding-top: 60px; } div#shopify-section-template--19481241649325__section_H9hpQp a.size-style.button.button--AS3dLNXRKYzJMVW1Fa__button_N6gVKm { display: none; } div#shopify-section-template--19481241649325__section_H9hpQp rte-formatter.spacing-style.text-block.text-block--AMitlVForQmVlaDNzZ__text_mwmTee.rte.rte { max-width: 100%; width: 100%; } div#shopify-section-template--19481241649325__section_H9hpQp rte-formatter.spacing-style.text-block.text-block--AbU0rZDJHQktXRVdZL__text_BjRLKt.rte.rte p { max-width: 100%; width: 100%; } div#shopify-section-template--19481241649325__section_JDzBh4 .spacing-style.text-block.text-block--AeHJmUnNWWUlOZDhBd__text_4BGq3M.h4.text-block--align-center p { font-family: Tenor Sans, sans-serif; } div#shopify-section-template--19481241649325__section_JDzBh4 a.size-style.button.button--AQU5wS3ZzQTBwZXVNR__button_PfNec6 { margin: auto; } div#shopify-section-template--19481241649325__section_JDzBh4 a.size-style.button.button--AQU5wS3ZzQTBwZXVNR__button_PfNec6 { height: 45px; border-radius: 7px; } div#shopify-section-template--19481241649325__section_JDzBh4 .spacing-style.layout-panel-flex.layout-panel-flex--row.section-content-wrapper.mobile-column { display: flex; align-items: center; } div#shopify-section-template--19481241649325__collection_list_mbUGwL .collection-card__content .text-block p { background: transparent; } div#shopify-section-template--19481241649325__collection_list_mbUGwL .collection-card__content .text-block { background: #00000000; } div#shopify-section-template--19481241649325__collection_list_mbUGwL .collection-card__content .text-block p { color: #000000; } div#shopify-section-template--19481241649325__collection_list_mbUGwL .collection-card__content { padding-top: 15px !important; } div#shopify-section-template--19481241649325__section_TdNyLW h3 { font-family: Tenor Sans, sans-serif; font-size: 24px; position: relative; text-align: left; } div#shopify-section-template--19481241649325__section_TdNyLW rte-formatter.spacing-style.text-block.text-block--AcWhYSTFsRjREcUhrZ__text_RYP4xi.rte.rte { } #shopify-section-template--19481241649325__collection_list_mbUGwL .spacing-style { margin: 0px auto; } #shopify-section-template--19481241649325__collection_list_4TBWi6 .group-block-content rte-formatter p { margin-left: 0; } @media(min-width:900px) { div#shopify-section-template--19481241649325__section_TdNyLW .image-block.image-block--AQWdLL3JWaFVuM0xzb__image_9irD7d.image-block--height-fill.spacing-style.size-style { width: 40%; } div#shopify-section-template--19481241649325__section_TdNyLW .group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style { width: 60%; margin-top: 50px; } } div#shopify-section-template--19481241649325__section_TdNyLW rte-formatter.spacing-style.text-block.text-block--ARDJFK3N1dVRIUitCS__text_iGWx4D.rte.rte { margin: inherit; } section#shopify-section-template--19481241649325__hero_CQVhHN .overlay.overlay--gradient { background-image: url(/cdn/shop/files/Methodology-Edits_Option-1.jpg?v=1761626848); background-position: center; background-repeat: no-repeat; background-size: contain; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .spacing-style .h3 { margin-left: 0; font-family: Inter; text-transform: uppercase; font-size: 20px; padding: 2px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG li.menu__item.paragraph { font-family: 'Inter'; text-transform: capitalize; } footer#shopify-section-sections--19481242009773__footer_m9NzUG { background-color: #DCDDDC; } div#shopify-section-template--19481241649325__custom_liquid_pa3qrt { padding-top: 50px; } div#shopify-section-template--19481241649325__custom_liquid_YaExT6 { padding-top: 50px; } div#shopify-section-template--19481240928429__section p { font-family: Tenor Sans, sans-serif !important; font-size: 30px !important; } div#shopify-section-template--19481241911469__main .spacing-style.text-block.text-block--Ab3lVNE9VekgwaVhqQ__text_xrnftG.h3.text-block--align-left { margin: 0; } div#shopify-section-template--19481241911469__main h1 { font-family: Tenor Sans, sans-serif !important; } p.announcement-bar__text { color: #fff; font-family: 'Poppins'; } div#shopify-section-sections--19481242108077__header_announcements_9jGBFp { background-color: #000000; } div#shopify-section-template--19481241649325__collection_list_4TBWi6 h3 { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } div#shopify-section-template--19481241649325__product_list_fa6P9H h3 { font-weight: 500; font-family: Tenor Sans, sans-serif !important; } div#shopify-section-template--19481241649325__section_qUrqqW h3 { font-weight: 500; font-family: Tenor Sans, sans-serif; font-size: 40px; } div#shopify-section-template--19481241649325__product_list_UNctQw h3 { font-weight: 500; font-family: Tenor Sans, sans-serif !important; } div#shopify-section-template--19481241649325__section_PncWxc h3 { font-weight: 500; font-family: Tenor Sans, sans-serif; text-transform: uppercase; font-size: 40px; } div#shopify-section-template--19481241649325__product_list_UPepc3 h3 { font-weight: 500; font-family: Tenor Sans, sans-serif !important; } div#shopify-section-template--19481241649325__section_GrkYyX h3 { font-weight: 500; font-family: Tenor Sans, sans-serif; } div#shopify-section-template--19481241649325__product_list_NU3BmU h3 { font-weight: 500; font-family: Tenor Sans, sans-serif !important; } div#shopify-section-template--19481241649325__section_TdNyLW h4 { font-weight: 400; font-size: 40px; } div#shopify-section-template--19481241649325__section_GrkYyX h2.video-slider-heading { font-weight: 500; font-family: Tenor Sans, sans-serif !important; } div#shopify-section-template--19481241649325__section_GrkYyX h2.video-slider-heading { margin-bottom: 0; } .header__column--right { gap: var(--gap-xl); justify-content: space-around; width: 90%; } .header__column { display: flex; align-items: center; } search-bar.search-action.mobile\:hidden { width: 50%; margin-right: 20%; margin-left: 0%; } .header__columns.spacing-style { display: flex; justify-content:center; } .header__column--right { gap: var(--gap-xl); justify-content: space-evenly; grid-area: right; } .header__column--right { gap: var(--gap-xl); grid-area: right; } div#shopify-section-template--19481241649325__section_rmUjUz h4 { text-align: right !important; font-size: 24px !important; color: #fff !important; } div#shopify-section-template--19619213934765__main h2 { font-weight: 500; font-family: Tenor Sans, sans-serif !important; font-size: 30px; } .product-details .text-block.paragraph p { text-align: left !important; text-transform: uppercase; color: #4B7517; font-size: 16px; } .product-details .group-block-content .rte .h4 p {} .group-block-content rte-formatter { margin: 0; } /* .group-block-content { gap: 10px; } */ .variant-option--equal-width-buttons { display: flex !important; } .product-details .variant-option__button-label { border-radius: 5px; min-height: 32px; } .product-details .variant-option__button-label:has(:checked) { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-color: #000000; } .variant-option__button-label:has(:checked):hover { color: rgb(0, 0, 0) !important; background-color: rgb(255, 255, 255) !important; border-color: #000000 !important; } .product-details .add-to-cart-text { text-transform: uppercase; } .money { vertical-align: middle; font-family: var(--product-price-font); font-size: var(--product-price-font-size); font-weight: var(--product-price-font-weight); letter-spacing: var(--product-price-letter-spacing); line-height: var(--product-price-line-height); color: #000; display: flex; } .money {} /* .price-co .currency-img { width: 15px !important; height: 13px; margin-left: 3px; margin-top: 4px; } */ .slideshow-controls__thumbnail { border: 1px solid #ccc; } .xb-wishlist-button__add-style-5 svg, .xb-wishlist-button__loading-icon-style-5 svg, .xb-wishlist-button__remove-style-5 svg { fill: #77bd20 !important; } .product-form-buttons button { background: #76BC21; margin: 10px; } .add-to-cart-button { border-radius: 5px; min-height: 40px; height: 40px !important; } product-form-component .quantity-selector { height: 42px !important; border-radius: 5px !important; margin: 10px 0; } .product-details .accordion { background: #f4ffe8; padding: 10px 20px; } .product-details .accordion details { border-top: none !important; } .product-card__content price .currency-img { width: 15px !important; height: 12px; margin-left: 3px; margin-top: 2px; } .product-card__content .money { font-size: 16px; display: flex; align-items: center; } #shopify-section-template--19481241911469__blocks_TzTwnc .shopify-block { width: 100%; } #shopify-section-template--19481241911469__blocks_TzTwnc .button { padding: 10px 20px; } #shopify-section-template--19481241911469__blocks_TzTwnc .text-block { width: 100%; } #shopify-section-template--19481241911469__section_8fy6hH .text-block { max-width: 100%; } .product-details h6 { display: block; max-width: 100%; } .icon.instagram { background: #833ab4; background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045); } .icon.whatsapp { background: #25D366 !important; } .icon.linkedin { background: #0077B5 !important; } .icon.linkedin { background: #0077B5 !important; } .icon.facebook { background: #0077B5 !important; } .group-block-content p { max-width: 100% !important; } .ezrv-widget_header h2 { font-size: 30px; } body { overflow-x: hidden; } .refer-out { display: flex; gap: 10px; } .search-bar__button { position: absolute; } .search-bar__input { margin-left: 30px; max-width: 100%; width: 800px; border: 1px solid #ddd; padding: 6px; border-radius: 8px; } /* .text-block { width: 100%; margin: 0px auto !important; */ } .text-block h3 { width: 100%; } .section-resource-list__content {} .collection-card__content { position: absolute !important; height: auto !important; width: 100% !important; max-width: 100% !important; bottom: 0px !important; padding: 0 !important; } .featured-carousel-section h2 { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } .swiper-button-next, .swiper-button-prev { color: var(--swiper-navigation-color, #171717); } .swiper-button-next::after, .swiper-button-prev::after { font-size: 21px !important; color: #000; background: #fff; width: 45px; padding: 5px 10px; border-radius: 50%; border: 1px solid #ccc; } .shop-gift-btn { display: flex !important; background: #3f6212; border-radius: 0 !important; margin-top: 10px; text-decoration: none; justify-content: center; gap: 10px; } .delivery-info span { display: flex; justify-content: center; align-items: center; } #shopify-section-sections--19481242108077__countdown_offer_h4BNwq { background: #4b7517; } .caption-text { font-size: 14px; color: #555; margin-top: -10px; margin-bottom: 25px; } .product-title { display: flex } .product-title span { display: flex } .product-card .price { display: flex; align-items: center; } .product-card .delivery { display: flex; gap: 10px; align-items: center; } .product-card p { margin: 0px; } /* .product-grid__card.product-grid__card { box-shadow: none; background: #F8F8F8; padding: 10px; } */ #shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .product-card { background: #F8F8F8; border-radius: 15px; padding: 15px; box-shadow: none; text-align: left; padding: 15px !important; } #shopify-section-template--19481241649325__section_qq6gng .group-block-content p strong { display: block; } #shopify-section-template--19481241649325__section_qq6gng .group-block-content p { text-transform: capitalize; } .featured-carousel-section .product-card .price { justify-content: center; } .featured-carousel-section .product-card { background: #ecece; } .featured-carousel-section .product-image img { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .featured-carousel-section .product-title { font-weight: normal; justify-content: center; display: flex; line-height: 21px; } .section-subtitle { margin-top: 0; } .swiper-button-next::after, .swiper-button-prev::after { padding: 6px 10px; font-size: 15px !important; } #shopify-section-template--19481241649325__section_qUrqqW .section-content-wrapper { gap: 5px; } #shopify-section-template--19481241649325__section_QUm8RT { padding-top: 10px; } #shopify-section-template--19481241649325__section_qUrqqW p { text-transform: capitalize; } #shopify-section-template--19481241649325__discover_brands_bKUGCC .swiper { padding-bottom: 0px; } .product-card p.price { margin: 0; } #shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .price .money { align-items: center; } #shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .currency-img { width: 13px !important; height: 12px; margin-right: 3px; margin-top: 0px; } #shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .price .money { padding-left: 3px; } #shopify-section-template--19481241649325__section_PncWxc .button.button--AMFdPZ3ZhWEVDNHpzU__button_XNm7qA { background: #76BC21; padding: 10px 20px; color: #000; } #shopify-section-template--19481241649325__section_PncWxc .button-secondary{ background: #76BC21; padding: 10px 20px; --button-border-color: transparent; color: #000; margin: auto; display: none; margin-top: 20px; } @media(max-width:767px){ #shopify-section-template--19481241649325__section_PncWxc .button-secondary{display: block;} #shopify-section-template--19481241649325__section_PncWxc .button.button--AMFdPZ3ZhWEVDNHpzU__button_XNm7qA { display: none; } } #shopify-section-template--19481241649325__section_PncWxc .custom-section-content { margin: 0px auto; } #shopify-section-template--19481241649325__section_PncWxc deferred-media { border-radius: 10px; } #shopify-section-template--19481241649325__product_list_UPepc3 .section-resource-list__content { flex-direction: row; width: 100%; justify-content: center; } #shopify-section-template--19481241649325__product_list_UPepc3 .button { padding: 12px 30px; background: #76BC21; } #best-seller-carousel-2 .product-card { box-shadow: none; } #best-seller-carousel-2 .product-title { justify-content: flex-start !important; } #best-seller-carousel-2 .product-card p.price { justify-content: center; } #best-seller-carousel-2 .product-card .delivery { justify-content: center; } #best-seller-carousel-2 .caption-text { text-transform: capitalize; } #best-seller-carousel-2 .best-seller-section .product-title { text-align: center !important; line-height: 22px; } #best-seller-carousel-2 .product-title, #best-seller-carousel-2 .product-card p.price, #best-seller-carousel-2 .product-card .delivery { justify-content: center; text-align: center; line-height: 22px; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:first-child { padding-left: 75px; padding-top: 2px; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:first-child h4 { text-align: left !important; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:nth-child(2) { margin-left: -110px; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block .group-block-content { border-right: 1px solid #fff; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:first-child .group-block-content { border-right: none; } #shopify-section-template--19481241649325__section_GrkYyX .video-slider-info h4 { width: 75%; line-height: 18px; font-size: 14px; } #shopify-section-template--19481241649325__section_GrkYyX .video-slider-info { padding-bottom: 0px; display: flex; align-items: baseline; } #shopify-section-template--19481241649325__section_GrkYyX img.bottle { width: 26px; } #shopify-section-template--19481241649325__section_GrkYyX .video-slider-container { } #shopify-section-template--19481241649325__new_arrivals_Bjb6eU .badge { display: none } #shopify-section-template--19481241649325__collection_list_mbUGwL .collection-card__content { position: relative !important; } #shopify-section-template--19481241649325__collection_list_mbUGwL .collection-card__content .text-block p { padding-top: 5px; } #shopify-section-template--19481241649325__collection_list_x4QDqV .resource-list__item { border-radius: 15px !important; overflow: hidden; } #shopify-section-template--19481241649325__collection_list_x4QDqV .collection-card__content { display: none; } #shopify-section-template--19481241649325__section_TdNyLW .group-block h4 { line-height: 40px; } #shopify-section-template--19481241649325__collage_perfume_WbzNfn { padding-top: 40px; } footer .page-title { display: none; } .contact-info p { display: flex; justify-content: flex-start; gap: 10px; align-items: baseline; } .header { text-align: center; margin-bottom: 20px; } .contact-info { line-height: 1.8; } .contact-info h2 { color: #4CAF50; } .contact-info p { font-size: 1.1em; } .footer { text-align: left; margin-top: 20px; } .footer img { margin: 10px; max-width: 280px; } .logo-block__image { width: auto !important; margin-bottom: 20px; } footer .group-block-content .group-block.group-block--height-fit .group-block-content { display: flex; flex-direction: row; } footer .menu__heading.h3 { font-size: 16px !important; } footer .footer-content .group-block:nth-child(2) { width: 600px; min-width: 100%; max-width: 100%; } footer .footer-content .group-block:nth-child(1) { width: 370px; min-width: 100%; max-width: 100%; } footer .footer-content .group-block:nth-child(1) .group-block-content:nth-child(2) div { width: 100%; max-width: 100%; } footer .group-block:last-child .image-block__image { width: 160px; margin-top: 100px; } footer .social-icons { } #shopify-section-template--19619213934765__section_wj6JDw .h2 p { max-width: 100%; font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } #shopify-section-template--19619213934765__section_wj6JDw .h4.text-block p { max-width: 100%; font-size: 18px; } #shopify-section-template--19619213934765__multicolumn_carousel_7Jz7J3 .page-width { width: 90%; margin: 0px auto; } #shopify-section-template--19619213934765__section_DFphMf .button { background: #76BC21; padding: 8px 20px; margin-left: 50px; } #shopify-section-template--19619213934765__section_DFphMf .group-block .group-block .group-block-content { display: flex; flex-direction: row; padding: 0px; } #shopify-section-template--19619213934765__section_DFphMf .text-block .h4 { margin-top: 20px; } #shopify-section-template--19619213934765__section_DFphMf .group-block .group-block-content { gap: 20px; background: #F5F5F5; padding: 20px; border-radius: 15px; } #shopify-section-template--19619213934765__section_DFphMf .layout-panel-flex--row { padding-bottom: 10px; } #shopify-section-template--19619213934765__section_tYMNa7 .button { background: #76BC21; padding: 8px 20px; margin-left: 50px; } #shopify-section-template--19619213934765__section_tYMNa7 .group-block .group-block .group-block-content { display: flex; flex-direction: row; padding: 0px; } #shopify-section-template--19619213934765__section_tYMNa7 .text-block .h4 { margin-top: 20px; } #shopify-section-template--19619213934765__section_tYMNa7 .group-block .group-block-content { gap: 20px; background: #F5F5F5; padding: 20px; border-radius: 15px; } #shopify-section-template--19619213934765__section_tYMNa7 .group-block:nth-child(2) .group-block-content { background: #ffffff; } #shopify-section-template--19619213934765__section_DFphMf .section-content-wrapper.mobile-column { gap: 20px; } #shopify-section-template--19619213934765__section_tYMNa7 .section-content-wrapper.mobile-column { gap: 20px; } #shopify-section-template--19619213934765__section_tqpFgW .h2 p { font-size: 40px !important; font-weight: 500; font-family: Tenor Sans, sans-serif; } #shopify-section-template--19619213934765__multicolumn_carousel_pLJxLP h2.mc-title { font-size: 40px !important; font-weight: 500; font-family: Tenor Sans, sans-serif; margin-bottom: 0px; } #shopify-section-template--19619213934765__multicolumn_carousel_pLJxLP img { object-fit: contain; } #shopify-section-template--19619213934765__multicolumn_carousel_pLJxLP .mc-heading { display: none; } #shopify-section-template--19619213934765__refer_friends_HdX3qz .refer-left { flex: 1 1 38%; } #shopify-section-template--19619213934765__multicolumn_carousel_pLJxLP .page-width { width: 90%; margin: 0px auto; } #shopify-section-template--19619213934765__rewards_carousel_nkkRQG .rewards-section { padding-bottom: 80px; } #shopify-section-template--19844589060269__section_qbzeiN .custom-section-content { min-height: auto; height: auto; } #shopify-section-template--19844589060269__section_qbzeiN .section-content-wrapper { min-height: auto; height: auto; } #shopify-section-template--19844589060269__section_qbzeiN .section { min-height: auto; height: auto; } .featured-carousel-section h2 { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } #shopify-section-template--19844589060269__section_qbzeiN .h2 p { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } #shopify-section-template--19844589060269__section_E86zJE .button { background: #76BC21; padding: 8px 20px; color: #000; } #shopify-section-template--19844589060269__section_NzY6PK .group-block-content { display: block; } #shopify-section-template--19844589060269__section_NzY6PK .group-block-content img { display: inline-block; margin-bottom: 10px; } #shopify-section-template--19844589060269__section_NzY6PK .icon-block { justify-content: center; } #shopify-section-template--19844589060269__section_NzY6PK .text-block p { text-align: center; line-height: 20px; margin: 0px auto; } #shopify-section-template--19844589060269__section_NzY6PK .h4 p { font-size: 20px; margin-bottom: 10px; } #shopify-section-template--19844589060269__section_NzY6PK .group-block { border-right: 1px dashed #888; } #shopify-section-template--19844589060269__section_NzY6PK .group-block:last-child { border-right: none; } #multicolumn-carousel-template--19844589060269__multicolumn_carousel_rzGFcy .mySwiper-template--19844589060269__multicolumn_carousel_rzGFcy img { height: auto; } #multicolumn-carousel-template--19844589060269__multicolumn_carousel_rzGFcy .page-width { width: 90%; margin: 0px auto; } #shopify-section-template--19844589060269__section_YjaAcN .icon-block { display: flex; justify-content: center; width: 100%; } #shopify-section-template--19844589060269__section_YjaAcN .custom-section-content div { width: 100%; } #shopify-section-template--19844589060269__testimonials_carousel_R8nPKX .tc-card { display: flex; gap: 16px; padding: 16px; border: 1px solid #eee; border-radius: 10px; background: #fff; align-items: flex-start; box-shadow: 2px 4px 10px #0000002b; } #shopify-section-template--19844589060269__testimonials_carousel_R8nPKX .tc-inner.page-width { width: 90%; margin: 0px auto; } #shopify-section-template--19844589060269__testimonials_carousel_R8nPKX .tc-avatar { width: 90px; } #shopify-section-template--19844589060269__testimonials_carousel_R8nPKX .tc-heading { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; margin-bottom: 20px; } #shopify-section-template--19844589060269__testimonials_carousel_R8nPKX .tc-heading small { font-size: 20px; } #shopify-section-template--19844589060269__section_DFphMf .button { background: #76BC21; padding: 8px 20px; margin-left: 50px; } #shopify-section-template--19844589060269__section_DFphMf .group-block .group-block .group-block-content { display: flex; flex-direction: row; padding: 0px; } #shopify-section-template--19844589060269__section_DFphMf .text-block .h4 { margin-top: 20px; } #shopify-section-template--19844589060269__section_DFphMf .group-block .group-block-content { gap: 20px; background: #F5F5F5; padding: 20px; border-radius: 15px; } #shopify-section-template--19844589060269__section_DFphMf .layout-panel-flex--row { padding-bottom: 10px; } #shopify-section-template--19844589060269__section_DFphMf .button { background: #76BC21; padding: 8px 20px; margin-left: 50px; } #shopify-section-template--19848067088557__section_tWyEAx .custom-section-content { min-height: auto; height: auto; } #shopify-section-template--19848067088557__section_tWyEAx .section-content-wrapper { min-height: auto; height: auto; } #shopify-section-template--19848067088557__section_tWyEAx .section { min-height: auto; height: auto; } #shopify-section-template--19844589060269__section_tWyEAx .custom-section-content { min-height: auto; height: auto; } #shopify-section-template--19844589060269__section_tWyEAx .section-content-wrapper { min-height: auto; height: auto; } #shopify-section-template--19844589060269__section_tWyEAx .section { min-height: auto; height: auto; } #shopify-section-template--19848067088557__section_tWyEAx .h2 p { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; margin-bottom: 20px; } #shopify-section-template--19844589060269__section_tWyEAx .section .h2 p { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; margin-bottom: 20px; } #multicolumn-carousel-template--19844589060269__multicolumn_carousel_rzGFcy .mc-title { text-align: center; margin-bottom: 18px; font-size: 34px !important; } #shopify-section-template--19848067088557__section_NcRMVg .group-block-content {} #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block:nth-child(1) .group-block-content { display: flex; flex-direction: row; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block:nth-child(1) .group-block-content .group-block .group-block-content { flex-direction: column; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block:nth-child(1) .group-block-content:nth-child(1) .group-block:nth-child(1) { display: none; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block:nth-child(1) .group-block-content:nth-child(1) .group-block:nth-child(1) .group-block { display: flex; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content { display: flex; flex-direction: row; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content rte-formatter { justify-content: flex-start; text-align: left; width: 100%; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content .group-block .group-block-content rte-formatter p { width: 100%; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block .group-block-content .group-block .group-block-content .button-secondary { padding: 6px 20px !important; } #shopify-section-template--19848067088557__section_NcRMVg .layout-panel-flex .group-block .group-block-content .image-block { max-width: 200px } #shopify-section-template--19848067088557__section_NcRMVg .group-block:nth-child(2) .group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column { max-width: 100%; width: 100%; } .contact-line a { margin-right: 15px; } #shopify-section-template--19848067088557__section_pPmVpz .group-block-content .group-block-content { display: flex; flex-direction: row; justify-content: center; align-items: center; } #shopify-section-template--19848067088557__section_pPmVpz .group-block-content { background: #F7F7F7; padding: 8px 10px; gap: 0px; } #shopify-section-template--19848067088557__section_pPmVpz .h4 p { font-size: 16px; } #shopify-section-template--19848067088557__section_AHgLRw .spacing-style.layout-panel-flex { display: flex; flex-direction: row; } #shopify-section-template--19848067088557__section_AHgLRw .layout-panel-flex--column>.group-block--height-fit { flex: 0 1 auto; } #shopify-section-template--19848067088557__section_AHgLRw .contact-form__form, .contact-form__form-row { display: block !important; } #shopify-section-template--19848067088557__section_AHgLRw .contact-form__input--textarea { height: 115px; } #shopify-section-template--19848067088557__section_AHgLRw .contact-form__input { padding: 10px 20px; margin-bottom: 10px; } #shopify-section-template--19848067088557__section_AHgLRw .submit-button { background: #76BC21; color: #000; padding: 10px 20px; font-weight: 500; } #shopify-section-template--19848067088557__section_AHgLRw .h3 p { font-weight: 500; font-family: Tenor Sans, sans-serif; } #shopify-section-template--19848067088557__section_DFphMf .button { background: #76BC21; padding: 8px 20px; margin-left: 50px; color: #000; } #shopify-section-template--19848067088557__section_DFphMf .group-block .group-block .group-block-content { display: flex; flex-direction: row; padding: 0px; } #shopify-section-template--19848067088557__section_DFphMf .text-block .h4 { margin-top: 20px; } #shopify-section-template--19848067088557__section_DFphMf .group-block .group-block-content { gap: 20px; background: #F5F5F5; padding: 20px; border-radius: 15px; } #shopify-section-template--19848067088557__section_DFphMf .layout-panel-flex--row { padding-bottom: 10px; } #shopify-section-template--19854687010989__section_nnD7eR { margin-top: -150px; padding-top: 100px; } #shopify-section-template--19854687010989__section_nnD7eR .group-block a { margin: 0px auto; } #shopify-section-template--19854687010989__section_DkwxHn .group-block { margin-top: -200px; background: #fff; padding: 40px 40px; box-shadow: 0px 5px 5px #00000061; padding-bottom: 80px; } #shopify-section-template--19854687010989__section_nnD7eR .custom-section-content { width: 700px; margin: 0px auto; } #shopify-section-template--19854687010989__section_nnD7eR .custom-section-content .h4 p { font-weight: 500; font-style: Medium; font-size: 20px; letter-spacing: 0%; text-align: center; } #shopify-section-template--19854687010989__section_UMMkM9 .group-block .group-block-content .group-block .group-block-content { display: flex; flex-direction: row; } #shopify-section-template--19854687010989__section_UMMkM9 .group-block .group-block-content .group-block .group-block-content .group-block-content { display: flex; flex-direction: column; padding-top: 30px; } #shopify-section-template--19854687010989__section_DkwxHn .rte p { font-size: 16px; line-height: 28px; } #shopify-section-template--19854687010989__section_DkwxHn .h2 p { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; margin-bottom: 20px; } #shopify-section-template--19854687010989__multicolumn_carousel_pLJxLP .mySwiper-template--19854687010989__multicolumn_carousel_pLJxLP img { object-fit: contain; } #shopify-section-template--19854687010989__multicolumn_carousel_pLJxLP .page-width { width: 90%; margin: 0px auto; } #shopify-section-template--19854687010989__multicolumn_carousel_pLJxLP .mc-title { font-size: 40px !important; font-weight: 500; font-family: Tenor Sans, sans-serif; margin-bottom: 20px; } #shopify-section-template--19854687010989__multicolumn_carousel_pLJxLP .mc-title span { display: block; font-size: 16px; max-width: 500px; margin: 0px auto; margin-top: 10px; line-height: 24px; } .button-secondary { padding: 9px 20px; border-radius: 6px; background: #76BC21; font-size: 15px; color: #000; } #shopify-section-template--19873417101485__slideshow_tDGhtD .h2 p { font-family: Tenor Sans; font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: 0%; text-transform: capitalize; } #shopify-section-template--19873417101485__slideshow_tDGhtD .button { padding: 9px 20px; border-radius: 6px; background: #fff; font-size: 15px; } #shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content .group-block .group-block-content .group-block-content { display: flex; flex-direction: row; justify-content: flex-start; } #shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content .group-block img { width: auto; } #shopify-section-template--19873417101485__section_PNehpr .group-block-content .h2 { margin-left: 0px !important; } #shopify-section-template--19873417101485__section_PNehpr .group-block-content rte-formatter p { margin: 0 auto; font-size: 15px; line-height: 26px; } #shopify-section-template--19873417101485__section_PNehpr .group-block-content rte-formatter p { margin: 0 auto; font-size: 15px; line-height: 26px; } .enq-btn { position: fixed; right: -40px; top: 40%; background: #76bc21; font-size: 15px; color: #000; rotate: -90deg; padding: 10px 20px; } #shopify-section-template--19873417101485__section_HapxJE .group-block .group-block-content .group-block .group-block-content { display: flex; flex-direction: row; justify-content: flex-start; } #shopify-section-template--19873417101485__section_HapxJE .layout-panel-flex .group-block { border: 1px solid #ddd; padding: 15px 20px 10px 20px; box-shadow: 0px 5px 5px #00000069; border-radius: 10px; background: #F7FFED; } #shopify-section-template--19873417101485__section_HapxJE .layout-panel-flex .text-block.h4 p { text-align: left; font-family: Tenor Sans; font-weight: 400; font-size: 20px; line-height: 25px; letter-spacing: 0%; min-height: 50px; } #shopify-section-template--19873417101485__section_HapxJE .layout-panel-flex .group-block div { border: none !important; padding: 0px; box-shadow: none; border-radius: 0px; } #shopify-section-template--19873417101485__section_HapxJE .icon-block__media { width: 35px !important; } #shopify-section-template--19873417101485__section_PNehpr .group-block-content .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 48px; letter-spacing: 0%; text-transform: capitalize; text-align: left; } #shopify-section-template--19873417101485__section_HapxJE .rte p { text-align: justify; font-size: 15px; min-height: 130px; } #shopify-section-template--19873417101485__multicolumn_carousel_DLAiNY .swiper-slide { box-shadow: none; } #shopify-section-template--19873417101485__multicolumn_carousel_DLAiNY .swiper-slide img { background: url(/cdn/shop/files/Rectangle_205.png?v=1764598117) center no-repeat; background-size: contain; padding: 23px 28px; height: auto; } #shopify-section-template--19873417101485__multicolumn_carousel_DLAiNY .swiper-slide:nth-child(2n+1) img { background: url(/cdn/shop/files/Rectangle_205_1.png?v=1764598117) center top no-repeat; background-size: contain; padding: 23px 28px; height: auto; } #shopify-section-template--19873417101485__multicolumn_carousel_DLAiNY .page-width { max-width: 90%; margin: 0px auto; } #shopify-section-template--19873417101485__section_tRWBhU .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 50px; letter-spacing: 0%; text-align: center; } #shopify-section-template--19873417101485__section_tRWBhU .section-content-wrapper { min-height: auto; } #shopify-section-template--19873417101485__section_tRWBhU .custom-section-background { display: none; } #shopify-section-template--19873417101485__section_tRWBhU .section { min-height: auto; } #shopify-section-template--19873417101485__section_tRWBhU .swiper-pagination { bottom: -5px !important; } #shopify-section-template--19873417101485__section_fzjfPG .section { min-height: auto; } #shopify-section-template--19873417101485__section_fzjfPG .section-content-wrapper { min-height: auto; } #shopify-section-template--19873417101485__section_P9jB9A .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 24.53px; letter-spacing: 0%; text-align: right; vertical-align: middle; color: #4B7517; } #shopify-section-template--19873417101485__section_WqPhkF .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 24.53px; letter-spacing: 0%; vertical-align: middle; color: #4B7517; } #shopify-section-template--19873417101485__section_p9XgEY .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 24.53px; letter-spacing: 0%; text-align: right; vertical-align: middle; color: #4B7517; } #shopify-section-template--19873417101485__section_UMFHbp .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 24.53px; letter-spacing: 0%; vertical-align: middle; color: #4B7517; } #shopify-section-template--19873417101485__section_EEqhge .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 48px; letter-spacing: 0%; text-transform: capitalize; text-align: left; } #shopify-section-template--19873417101485__section_Hgdttp .video-slider-info { display: none; } #shopify-section-template--19873417101485__section_piMhdQ .h2 p { font-family: Tenor Sans; font-weight: 400; font-size: 40px; margin-bottom: 30px; line-height: 24.53px; letter-spacing: 0%; vertical-align: top; } #shopify-section-template--19873417101485__section_piMhdQ .h4 p { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0%; text-align: center; text-transform: capitalize; display: inline-block; background: #000; color: #fff; padding: 5px 20px; width: auto; border-radius: 4px; margin-top: -35px; } #shopify-section-template--19873417101485__section_piMhdQ .group-block-content .group-block-content { border: 1px solid #ddd; margin-top: 10px; padding: 20px 10px 30px 10px; } #shopify-section-template--19873417101485__section_AHgLRw .section-content-wrapper { flex-direction: row !important; } #shopify-section-template--19873417101485__section_AHgLRw .section-content-wrapper div { flex-direction: column !important; } #shopify-section-template--19873417101485__section_AHgLRw .contact-form__input--textarea { min-height: 100px; height: 120px; } #shopify-section-template--19873417101485__blocks_HHfLBK h3 strong { width: 20px; height: 20px; display: inline-block; background: #000; color: #fff; padding: 3px 5px; border-radius: 50%; margin-right: 6px; } #shopify-section-template--19873417101485__blocks_HHfLBK .spacing-style { width: 100% !important; } #shopify-section-template--19873417101485__blocks_HHfLBK .h2 p { font-family: Poppins; font-weight: 500; font-style: Medium; font-size: 24px; leading-trim: NONE; line-height: 100%; letter-spacing: 0%; } #shopify-section-template--19873417101485__section_piMhdQ .section { max-width: 95%; margin: 0px auto; } #shopify-section-template--19873417101485__blocks_HHfLBK .section { max-width: 95%; margin: 0px auto; } #shopify-section-template--19873417101485__section_AHgLRw .section { max-width: 95%; margin: 0px auto; } #shopify-section-template--19873417101485__section_AHgLRw #ContactForm-name { margin-bottom: 15px !important; } #shopify-section-template--19873417101485__section_AHgLRw .contact-form__input { padding: 10px 20px; } #shopify-section-template--19873417101485__section_AHgLRw .h3 p { font-family: Tenor Sans; font-weight: 400; font-size: 40px; line-height: 50px; letter-spacing: 0%; text-transform: capitalize; } .image-block--AOFo5dXU0RkVtVXFuO__image_bPAMAB { margin-right: 200px; } .image-block--AUFloSjNwa2RBZGh4Q__image_bc6jCj { width: 300px; margin-right: -50px; margin-left: 150px; margin-top: -150px; } .image-block--AMWs2S1hKRlREUjZEO__image_rRk8Pj { width: 300px; margin-left: -50px; margin-right: 150px; margin-top: -150px; } .image-block--Ac0VoM1NhaEpxeFVwY__image_wf8YLg { width: 300px; margin-right: -50px; margin-left: 150px; margin-top: -150px; } #shopify-section-template--19873417101485__section_HapxJE .spacing-style { gap: 30px; } #shopify-section-template--19912930066605__section_yhB8VQ .image-block { margin-top: -60px; background: transparent !important; } #shopify-section-template--19912930066605__section_yhB8VQ .image-block__image { background: #fff; padding: 10px; border-radius: 10px; border: 1px solid #666; } #shopify-section-template--19912930066605__section_yhB8VQ .group-block .group-block { padding-bottom: 10px; border-bottom: 1px solid #666; } #shopify-section-template--19912930066605__section_PTBpCq .button { padding: 8px 26px; background: transparent; border: 1px solid #444; color: #444; } .featured-product-card { display: flex; align-items: center; gap: 40px; } .featured-left img { width: 360px; border-radius: 10px; } .featured-right { max-width: 460px; } .featured-right h2 { font-size: 26px; margin-bottom: 10px; } .desc { margin: 15px 0; } .price { margin-bottom: 15px; } .compare { text-decoration: line-through; margin-left: 10px; color: #888; } .discount { margin-left: 10px; color: #36c636; } .atc-btn { background: #4CAF50; color: #fff; padding: 14px 28px; border-radius: 8px; cursor: pointer; border: none; transition: .3s; } .atc-btn:hover { opacity: .8; } .sku { margin-bottom: 10px; font-size: 15px; color: #555; } .desc { margin: 15px 0 20px; font-size: 16px; line-height: 1.6; color: #222; } .main-price { font-size: 32px; font-weight: 700; } .compare { margin-left: 12px; text-decoration: line-through; color: #888; } .discount { margin-left: 8px; color: #3fc23f; font-weight: 600; } .featured-product-swiper { max-width: 95%; margin: 0px auto; } .featured-product-card { max-width: 900px; margin: 0px auto; } #shopify-section-template--19912930066605__multiple_product_carousel_qUPhHg .price .money { font-weight: 700; color: #2b8a3e; padding-left: 10px; font-size: 20px; } #shopify-section-template--19912930066605__multiple_product_carousel_qUPhHg .currency-img { width: 15px !important; height: 15px; margin-left: 3px; } #shopify-section-template--19912930066605__multiple_product_carousel_qUPhHg .money { justify-content: flex-start; } #shopify-section-template--19912930066605__multiple_product_carousel_qUPhHg svg { display: inline-block; max-width: 100%; } #shopify-section-template--19912930066605__multiple_product_carousel_qUPhHg .price { display: flex; gap: 10px; align-items: center; } .freedeliv { font-size: 14px; } .featured-product-swiper { margin-bottom: 60px; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -5px; } #shopify-section-template--19912930066605__section_yhB8VQ .group-block-content { gap: 0px; } #shopify-section-template--19912930066605__section_yhB8VQ .image-block { margin-right: 20px; } #shopify-section-template--19912930066605__multiple_product_carousel_qUPhHg .swiper-pagination { bottom: -15px !important; } #shopify-section-template--19912930066605__new_arrivals_3fJVAb .badge { display: none } #shopify-section-template--19912930066605__new_arrivals_agV4GD .badge { display: none } #shopify-section-template--19912930066605__section_PTBpCq .section { height: auto; min-height: auto; } #shopify-section-template--19912930066605__section_PTBpCq .spacing-style { height: auto; min-height: auto; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content .text-block p { background: transparent; color: #000; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content .text-block { background: none; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .resource-image .image-block__image { object-fit: contain; height: auto; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content .text-block p { height: 40px; padding-top: 5px; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card--image-bg .collection-card__inner { border: 1px solid #eee; border-radius: 10px; min-height: 250px; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .resource-list--grid .resource-list__item { box-shadow: 0px 20px 10px #0003; border-radius: 10px; display: flex; align-items: center; padding: 10px; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .resource-list--grid { gap: 20px; } #shopify-section-template--19950419804333__slideshow_bjetHK .h2 p { color: #000; font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; margin-bottom: 20px; } #shopify-section-template--19950419804333__slideshow_bjetHK .rte p { color: #000; font-size: 15px; } #shopify-section-template--19947290984621__main .spacing-style { display: none; } #shopify-section-template--19950419804333__slideshow_bjetHK .button { padding: 9px 20px; border-radius: 6px; background: #fff; color: #000; font-size: 15px; } #shopify-section-template--19950419804333__section_EWXhpc h4 strong { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: CAP_HEIGHT; line-height: 24.53px; letter-spacing: 0%; text-align: right; vertical-align: middle; color: #4B7517; } #shopify-section-template--19950419804333__section_EWXhpc h4 a { padding: 5px 20px; border-radius: 20px; font-size: 15px; border: 1px solid #000; } #shopify-section-template--19950419804333__section_EWXhpc .h3 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 32px; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; text-transform: capitalize; } #shopify-section-template--19950419804333__section_EWXhpc .h4 p { font-family: Poppins; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: CAP_HEIGHT; line-height: 22px; letter-spacing: 0%; text-align: justify; vertical-align: middle; text-transform: capitalize; } #shopify-section-template--19950419804333__section_KcKwxi h4 strong { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: CAP_HEIGHT; line-height: 24.53px; letter-spacing: 0%; text-align: right; vertical-align: middle; color: #4B7517; } #shopify-section-template--19950419804333__section_KcKwxi h4 a { padding: 5px 20px; border-radius: 20px; font-size: 15px; border: 1px solid #000; } #shopify-section-template--19950419804333__section_KcKwxi .h3 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 32px; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; text-transform: capitalize; } #shopify-section-template--19950419804333__section_KcKwxi .h4 p { font-family: Poppins; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: CAP_HEIGHT; line-height: 22px; letter-spacing: 0%; text-align: justify; vertical-align: middle; text-transform: capitalize; } #shopify-section-template--19950419804333__section_wA3iKE h4 strong { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: CAP_HEIGHT; line-height: 24.53px; letter-spacing: 0%; text-align: right; vertical-align: middle; color: #4B7517; } #shopify-section-template--19950419804333__section_wA3iKE h4 a { padding: 5px 20px; border-radius: 20px; font-size: 15px; border: 1px solid #000; } #shopify-section-template--19950419804333__section_wA3iKE .h3 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 32px; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; text-transform: capitalize; } #shopify-section-template--19950419804333__section_wA3iKE .h4 p { font-family: Poppins; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: CAP_HEIGHT; line-height: 22px; letter-spacing: 0%; text-align: justify; vertical-align: middle; text-transform: capitalize; } results-list .collection-wrapper .product-card p { max-width: 100%; } results-list .spacing-style { margin-left: 0px !important; margin-right: 5px; } .results-list .product-card product-price.text-block div .off { margin-top: 3px; } #ProductInformation-template--19955773669549__main .price-co { display: flex !important; align-items: baseline; gap: 5px; } #shopify-section-template--19481241911469__main .layout-panel-flex { gap: 10px 0px; } #shopify-section-template--19481241911469__section_8fy6hH .button:hover { background: #55c62b; color: #000; } .facets__label { font-size: 16px; } .facets .price-facet__highest-price { display: flex; gap: 10px; } .product-grid .product-media-container { border: 1px solid #eee; border-radius: 15px; } #shopify-section-template--19481240928429__section .spacing-style.text-block { margin: 0px auto; } .facets--filters-title { font-size: 20px; } #shopify-section-template--19481241649325__collection_list_4TBWi6 .group-block-content.layout-panel-flex { flex-direction: row; } #shopify-section-template--19481241649325__collection_list_4TBWi6 .group-block-content.layout-panel-flex p { margin-left: auto; color:#555; } .quick-add__product-form-component .product-wish { display:none; } .quick-add__product-form-component .product-share { display:none; } .slideshow--single-media .product-media { border: 1px solid #ddd !important; border-radius: 15px; overflow: hidden; } .product-details .shopify-product-form .money { color: #fff; } .product-details .shopify-product-form .money img { filter: brightness(0) invert(1); } .product-media-constraint-wrapper { border-radius: 15px; overflow:hidden; } .product-information__media { position: relative; } .media-out { width: 100%; } @media screen and (min-width: 990px) { #shopify-section-template--19481241649325__collection_list_mbUGwL slideshow-slides { justify-content: center; } .footer-content { } #shopify-section-template--19873417101485__multicolumn_carousel_DLAiNY .swiper-slide {} #shopify-section-template--19481241649325__section_JDzBh4 .group-block:nth-child(4) { width: 40% !important; flex: 0 0 auto; } .timeline-wrapper { width: 100%; } .timeline-outer { width: 50%; } .timeline-line { width: 56% !important; } .timeline-wrapper { margin-top: -80px !important; } #shopify-section-template--19481241649325__section_TdNyLW .group-block-content { height: 60px; } #best-seller-carousel-2 { margin: 0px auto; } #shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .best-seller-section { margin: 0px auto; } .featured-carousel-section { } .menu-list__link { padding-left: 15px !important; padding-right: 15px !important; } .menu-list__link-title { font-size: 16px; color: #000; font-weight: 500; } } .collection-wrapper .product-card p { text-align: center; text-transform: capitalize; max-width: 80%; margin: auto; } .collection-wrapper .product-card product-price.text-block div { display: flex; align-items: center; gap: 8px; } .collection-wrapper .product-card product-price.text-block .price { margin: 0; } .collection-wrapper .product-card product-price.text-block div .off { font-weight: 700; font-size: 12px; text-transform: uppercase; color: #76BC21; } .product-badges--top-right { left: calc(var(--badge-inset) + var(--padding-inline-start)); right: unset !important; } .store-section { max-width: 100% !important; } @media (max-width: 768px) { .product-details .h4 p { font-size: 24px !important; } div#shopify-section-template--19481240928429__section p { font-size: 24px !important; } #shopify-section-template--19481241649325__section_qDEXza .text-block.h2 p { font-size: 24px !important; } #shopify-block-AUmFKRy9GOFFBTWNJZ__ot_instagram_feed_ot_easy_instagram_feed_ngbyYp #bss-instagram-feed .title-text { font-size: 24px !important; } .footer-content { display: unset !important; } .store-section { margin: 0 !important; } #shopify-section-template--19481241649325__section_qq6gng .group-block-content p { text-transform: capitalize; text-align: center; } div#shopify-section-template--19481241649325__section_TdNyLW h3 { position: relative; inset: 0; } #shopify-section-sections--19481242108077__countdown_offer_h4BNwq { } #shopify-section-template--19481241649325__section_qq6gng .spacing-style .group-block-content { display: flex; flex-direction: row; } #shopify-section-template--19481241649325__section_qq6gng .spacing-style .group-block-content .group-block { width: 50%; } #shopify-section-sections--19481242108077__header_announcements_9jGBFp .announcement-icon-link { display: flex; flex-direction: row; } #shopify-section-sections--19481242108077__header_announcements_9jGBFp .announcement-icon-link span { font-size: 10px; } } #shopify-section-template--19972707352749__section_wj6JDw .group-block .group-block:first-child { border-right: 2px dashed #ddd; } #shopify-section-template--19972707352749__section_wj6JDw .group-block .group-block { padding-top: 30px; } #shopify-section-template--19972707352749__section_wj6JDw .group-block .group-block .size-style { background: #000; padding: 5px 10px; color: #fff; border-radius: 5px; } #shopify-section-template--19972707352749__section_wj6JDw .h4 p { text-transform: uppercase; } #shopify-section-template--19972707352749__section_wj6JDw .h2 p { font-family: Tenor Sans; font-weight: 400; font-style: Regular; font-size: 40px; leading-trim: NONE; line-height: 24px; letter-spacing: 0%; text-align: center; text-transform: uppercase; } #shopify-section-template--19972707352749__section_wj6JDw .group-block .group-block .h4 p { text-transform: none; } .page-container { width: 100%; max-width: 1200px; margin: auto; display: flex; gap: 20px; } .locations-list { flex-grow: 1; width: 60%; } .map-section { width: 40%; height: 600px; position: sticky; top: 150px; } .office-card { display: flex; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; } .office-card:last-child { border-bottom: none; margin-bottom: 0; } .office-image-container { flex-shrink: 0; height: 120px; margin-right: 15px; overflow: hidden; border-radius: 4px; } .office-image { width: 180px; height: 100%; object-fit: cover; background-color: #ddd; border: 1px solid #ccc; } .office-details { flex-grow: 1; } .country-name { font-size: 1.1em; font-weight: bold; color: #333; margin-bottom: 5px; } .address-text { font-size: 0.9em; color: #333; line-height: 1.4; margin-bottom: 8px; font-family: Poppins; font-weight: 500; font-size: 16px; text-transform: capitalize; } .contact-line { display: flex; align-items: center; font-size: 0.9em; color: #555; margin-bottom: 3px; } .contact-line a { font-family: Poppins; font-weight: 400; font-size: 16px; } .contact-icon { margin-right: 5px; color: #000; } .locate-button { display: inline-block; text-decoration: none; color: #000; background-color: #fff; cursor: pointer; flex-shrink: 0; align-self: flex-end; line-height: 24px; text-transform: capitalize; border: 1px solid; padding: 5px 20px; border-radius: 80px; } .map-placeholder { width: 100%; height: 100%; background-color: #f0f0f0; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-image: url('data:image/svg+xml;utf8,Map PlaceholderCoral Perfumes'); background-repeat: no-repeat; background-size: cover; } .uae-card .country-name { display: none; } .uae-card .address-text:first-child { font-weight: bold; margin-bottom: 0; } @media (max-width: 900px) { .page-container { flex-direction: column; gap: 30px; } .locations-list, .map-section { width: 100%; } .map-section { height: 350px; position: relative; top: auto; order: -1; } .office-card { flex-wrap: wrap; } .locate-button { order: 1; width: 100%; margin-top: 10px; align-self: baseline; text-align: center; } .office-image-container { width: 80px; height: 60px; } .office-details { flex-basis: 0; } } .cart-drawer__dialog { width: 30rem !important; text-align: left; } .cart-drawer__dialog h1.sb_nme, .cart-drawer__dialog .cart-item-description { display: none; } .cart-drawer__dialog .cart-items__media-container { /* aspect-ratio: unset !important; */ width: 160px; height: auto; } .cart-drawer__dialog span.money { display: flex; align-items: center; } .cart-drawer__dialog .discount-percent { color: #76BC21 !important; } .cart-drawer__dialog .custom-check { background: none; border: 1px solid; border-color: #666666; width: 20px; height: 20px; } .cart-drawer__dialog .gift-wrap-static { margin: 10px 0; } .cart-drawer__dialog .gift-wrap-label input:checked+.custom-check:after { content: "\2714"; color: #fff; font-weight: 700; font-size: 12px; position: absolute; top: 0px; left: 5px; } .cart-drawer__dialog .delivery-info { display: none; } @media (max-width: 767px) { .header__columns.spacing-style { display: flex; justify-content: space-between; flex-direction: row-reverse } } @media (max-width: 480px) { div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U { padding-bottom: 40px; } .header-logo__image-container { width: 60px !important; margin-left: 10px; } .appstore-icons { max-width: 94%; } .header-logo { } .search-bar__form { border-bottom: none !important; } .search-bar__input { padding-left: 22px !important; } .newsletter-input-wrapper { flex-direction: row; } .newsletter-input { color: #fff; width: 100% !important; } #shopify-section-template--19481241059501__product_list_NNFgcy { .price-co { display: flex; align-items: center; gap: 10px; } .price { margin: 0; } } } div#shopify-section-template--19481241649325__discover_brands_bKUGCC .brand-logo { display: none; } /* Default: hide both */ #shopify-section-template--19481241649325__hero_J36q37, #shopify-section-template--19481241649325__hero_DphH6W { display: none; } div#shopify-section-sections--19481242009773__section_9BB3Fh a.size-style.button.button--AcXQycURxaW1oZ1FoR__button_CmHiQM { margin: auto; } .cart-drawer__dialog .cart-items__media-container { width: 100%; } .slideshow-control { background: transparent; } .product-card .product-price { height: 34px; font-size: 17px; } .price .money { font-size: 17px !important; } .compare-at-price { font-size: 15px !important; display: flex; align-items: center; } product-card .price-co { font-size: 16px !important; font-weight: 600 !important; } product-card .price-co .off { font-size: 14px !important; } .price-sale { display: flex; align-items: center; } .price-compare { margin-left: 3px; display: flex; align-items: center; } .cart-drawer__dialog .final-price .money, .cart-drawer__dialog .gift-icon { font-size: 14px !important; } .cart-drawer__inner .currency-img { width: 12px; } .cart-drawer__inner .cart-items__quantity .quantity-selector { height: 30px; } .cart-drawer__inner .cart-items__remove { height: 30px; } .account-actions .button { --button-background-color: rgb(118, 188, 33); } #shopify-section-template--19947290984621__collection_list_tAKWb8 .resource-list--grid .resource-list__item:hover { box-shadow: 0 20px 10px #47df5833; border-radius: 10px; } .mega-menu__link--parent .mega-menu__link-title { font-size: 16px; } .mega-menu__link-title { color:#000; font-size: 14px; } /* Desktop (above 768px) show desktop section */ @media screen and (min-width: 769px) { .payment-icons img { width: 23% !important; max-height: 30px !important; object-fit: contain; } #shopify-section-template--19481241649325__custom_liquid_P3QTwd { display:none; } .mega-menu__column { text-align: left; padding-top:0px; padding-bottom:20px; } #shopify-section-template--19481241649325__hero_J36q37 { display: block; } } #ProductInformation-template--19481241911469__main add-to-cart-component { display: flex; gap: 8px; } #ProductInformation-template--19481241911469__main add-to-cart-component a { border: 1px solid #ddd; padding: 11px 14px; border-radius: 5px; } #ProductInformation-template--19481241911469__main .price-co { display: flex !important; align-items: baseline; } .product-information .xb-wishlist-button__add-style-5 { border: none; } .announcement-bar__slides { max-width: 100% !important; width: 100% !important; } div#ProductInformation-template--19481241911469__main .image-block--AUmZZQVBhTEFNWmRpV__image_qP7WqM.size-style { width: auto !important; height: 54px !important; } /* Mobile (768px and below) show mobile section */ @media screen and (max-width: 768px) { .featured-carousel-section .product-title { justify-content: flex-start; text-align: left; } .bestSellerSwiper2 .product-price { justify-content: flex-start; } #best-seller-carousel-2 .product-title, #best-seller-carousel-2 .product-card p.price, #best-seller-carousel-2 .product-card .delivery { text-align: left; } .best-seller-section .product-card .product-price { font-size: 14px !important; } .best-seller-section .price-compare { font-size: 14px; } .best-seller-section .discount { font-size: 13px; } .featured-carousel-section .product-card .product-price { font-size: 14px !important; } .featured-carousel-section .price-compare { font-size: 14px; } .best-seller-section .product-title { font-size: 13px !important; } div#ProductInformation-template--19481241911469__main .image-block--AUmZZQVBhTEFNWmRpV__image_qP7WqM.size-style { width: auto !important; height: 44px !important; } div#ProductInformation-template--19481241911469__main .text-block--ANFNpRTExMlE4eEl4O__text_Batwby p { text-align: center !important; height: 50px; line-height: 15px !important; align-items: initial; font-size: 13px; } div#ProductInformation-template--19481241911469__main .group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column .size-style { width: auto !important; height: 46px !important; } div#ProductInformation-template--19481241911469__main .group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column p { text-align: center !important; height: 50px; line-height: 15px !important; align-items: initial; font-size: 13px; } .bottom-nav .nav-item { text-align: center; display: flex; align-items: center; } .nav-item p { font-size:12px; } .product-info h3 { font-size: .8rem !important; margin-bottom: 5px !important; margin-right: 10px !important; margin-left: 5px !important; } .delivery-info svg { stroke: none; } .word-mask { margin-top: 2px; } .search-bar__input { padding: 5px 12px; } .animated-placeholder { font-size: 14px !important; } .menu-drawer__menu--grid:has(.menu-drawer__link-image) .menu-drawer__menu-item:not(:has(> .menu-drawer__link-image))::before { border-radius: 6px; overflow:hidden; } #shopify-section-template--19950419804333__section_EWXhpc .h3 p { font-size: 28px; line-height: 31px; } #shopify-section-template--19972707352749__section_wj6JDw .h4 p { text-align: center; } #shopify-section-template--19950419804333__section_EWXhpc h4 a { display: block; margin-top: 10px; } .cart-items__media { width: 100px; } #shopify-section-template--19912930066605__section_yhB8VQ .image-block { width: 80px; } [data-option-id="template-19955773669549__main-8444350267565-quantity"] { --variant-ch: 7ch !important; } .product-details .group-block .group-block .group-block-content { flex-direction: row; } .product-details .group-block .group-block .group-block-content { flex-direction: row; } .product-details .group-block .group-block .group-block-content .group-block-content { flex-direction: column; } .bundle-grid { gap: 10px 10px !important } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card--image-bg .collection-card__inner { min-height: 150px; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content .text-block p { height: 35px; padding-top: 5px; line-height: 17px; font-size: 12px; } .product-details .h4 p { font-size: 26px; line-height: 30px; } #ProductInformation-template--19955773669549__main .money { font-size: 21.69px; } #ProductInformation-template--19955773669549__main .currency-img { width: 20px !important; } #shopify-section-template--19848067088557__section_AHgLRw .spacing-style.layout-panel-flex { flex-direction: column; } .refer-container { flex-direction: inherit !important; } .refer-heading { font-size: 24px !important; } #shopify-section-template--19873417101485__section_EEqhge .h2 p { font-size: 26px; } #shopify-section-template--19848067088557__section_pPmVpz .group-block-content { max-width: 100%; } .image-block--AMTZHQ1RZU1JGVE5sU__image_P8QztX { width: 150px; margin: 0px auto !important } #shopify-section-template--19873417101485__slideshow_tDGhtD .h2 p { font-size: 26px; } #shopify-section-template--19873417101485__slideshow_tDGhtD .group-block { padding-left: 0px; } #shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content .group-block .group-block-content .group-block-content { flex-direction: column; } #shopify-section-template--19873417101485__section_PNehpr .group-block-content .h2 p { line-height: 26px; font-size: 26px; } #shopify-section-template--19873417101485__section_tRWBhU .h2 p { font-family: Tenor Sans; font-size: 26px; line-height: 26px; } #shopify-section-template--19854687010989__section_nnD7eR .custom-section-content { width: auto; } .image-block--AUFloSjNwa2RBZGh4Q__image_bc6jCj { display: none !important; } .image-block--AMWs2S1hKRlREUjZEO__image_rRk8Pj { display: none !important; } .image-block--Ac0VoM1NhaEpxeFVwY__image_wf8YLg { display: none !important; } #shopify-section-template--19873417101485__section_AHgLRw .section-content-wrapper { flex-direction: column !important; } .rewards-container { flex-wrap: inherit !important; } #shopify-section-template--19481241649325__section_rmUjUz .group-block:first-child { display: block; width: 100%; } #shopify-section-template--19481241649325__section_rmUjUz .group-block { display: inline-block; } #shopify-section-template--19481241649325__section_qq6gng { display: none; } .menu-drawer__menu--grid .menu-drawer__menu-item-text { font-size: 14px; } .menu-drawer__menu-item--parent { font-weight:bold; } .menu-drawer__menu-item-text { font-size: 16px; } .menu-drawer__menu > .menu-drawer__list-item { min-height: calc(1 * var(--padding-lg) + var(--icon-size-xs)); } .menu-drawer__menu .menu-drawer__list-item--flat { margin-bottom: 0 !important; } #shopify-section-template--19481241649325__hero_DphH6W { display: block; } .announcement-bar__slides { width: calc(100% - var(--button-size) * 1) !important; } .announcement-icon-link { display: flex; align-items: center; flex-direction: column; } h2.lan { color: #fff; font-size: 16px; text-align: center; margin: auto; } .cout-block { flex: unset; min-width: 50px !important; } .hed-text { font-size: 14px !important; } p.announcement-bar__text { margin: auto !important; } .disc-text { font-size: 13px !important; margin: 0; } .header__row.header__row--top.color-scheme-1.section.section--full-width-margin.section--page-width.divider--page-width { border-bottom: solid 1px #0000002b !important; border-top: solid 1px #0000002b !important; } div#shopify-section-template--19481241649325__collection_list_4TBWi6 h3 { font-size: 24px; font-weight: 500; font-family: Tenor Sans, sans-serif; } div#shopify-section-template--19481241649325__featured_products_carousel_bHtfKY .featured-carousel-section h2, #shopify-section-template--19844589060269__section_qbzeiN .h2 p { font-size: 22px; font-weight: 500; font-family: Tenor Sans, sans-serif; } .best-seller-section .title { font-size: 24px !important; } div#shopify-section-template--19481241649325__section_PncWxc h3 { font-size: 22px; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:first-child h4 { text-align: center !important; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:first-child { padding-left: 0px; padding-top: 2px; } .video-slider-heading { font-size: 20px !important; margin-top: 20px; font-weight: 600; } /* slider video*/ div#shopify-section-template--19481241649325__section_GrkYyX { display: none; } /* slider */ .section-title { font-size: 23px !important; } #shopify-section-template--19481241649325__collage_perfume_WbzNfn { padding-top: 0 !important; } .product-section { padding: 0px 0; background-color: #fff; display: flex; justify-content: space-between; width: 92%; margin: 0px auto; } .full-height-product .product-info { position: relative; background-color: #ffffffa3; color: white; width: 100%; padding: 15px; visibility: visible; opacity: 1; display: flex; justify-content: space-around; align-items: baseline; flex-direction: column; } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p strong { font-size: 23px; } #shopify-section-template--19481241649325__section_TdNyLW .group-block h4 { font-size: 22px; line-height: 30px; font-weight: 600; margin-top: 0; padding-top: 0; } div#shopify-section-template--19481241649325__timeline_section_ygmGzn .timeline-wrapper { background: none !important; padding-top: 0px; min-height: unset; } div#shopify-section-template--19481241649325__timeline_section_ygmGzn .timeline-steps { flex-direction: column; gap: 15px; display: none; } div#shopify-section-template--19481241649325__timeline_section_ygmGzn .timeline-wrapper { text-align: center; margin: 25px auto 25px auto; } div#shopify-section-template--19481241649325__custom_liquid_pa3qrt .store-section h2 { font-size: 23px; } div#shopify-section-template--19481241649325__custom_liquid_pa3qrt .slider-card p { padding: 10px 15px 20px; font-size: 10px; } .tabs { display: flex; justify-content: center; gap: 10px !important; font-weight: 600; margin-bottom: 15px; flex-wrap: wrap; } .tabs button { font-size: 20px; } div#shopify-section-sections--19481242009773__section_9BB3Fh a.size-style.button.button--AcXQycURxaW1oZ1FoR__button_CmHiQM { margin: auto; } footer .group-block:last-child .image-block__image { width: 160px; margin-top: 15px; } footer .group-block-content .group-block.group-block--height-fit .group-block-content { display: flex; flex-direction: column; } footer .social-icons { margin-top: 0px; margin-bottom: 20px; } .utilities { gap: 0 !important; } div#shopify-section-template--19481241649325__discover_brands_bKUGCC .brand-logo { display: none; } div#shopify-section-template--19481241649325__featured_products_carousel_bHtfKY .section-subtitle { color: #555; margin-bottom: 20px; font-size: 12px; } div#shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .caption-text { font-size: 13px; color: #555; margin-top: -5px; margin-bottom: 15px; } div#shopify-section-template--19481241649325__new_arrivals_mmj3aD .caption-text { font-size: 14px; color: #555; margin-top: -10px; margin-bottom: 18px; } div#shopify-section-template--19481241649325__new_arrivals_mmj3aD .swiper { padding-bottom: 0; } div#shopify-section-template--19481241649325__new_arrivals_Bjb6eU .caption-text { font-size: 13px; color: #555; margin-top: -5px; margin-bottom: 25px; } div#shopify-section-sections--19481242009773__section_r8cAMg .spacing-style.layout-panel-flex.layout-panel-flex--row.section-content-wrapper.mobile-column { padding-top: 25px; } div#shopify-section-template--19481241649325__custom_liquid_pa3qrt, div#shopify-section-template--19481241649325__custom_liquid_YaExT6 { padding-top: 20px; } div#shopify-section-template--19481241649325__collection_list_mbUGwL .section.section--page-width.color-scheme-1.section-resource-list.spacing-style.gap-style { padding-bottom: 0; padding-top: 0; } div#shopify-section-template--19481241649325__new_arrivals_Bjb6eU .swiper { padding-bottom: 10px; } div#shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .swiper { padding-bottom: 0; } div#shopify-section-template--19481241649325__collection_list_x4QDqV .section.section--page-width.color-scheme-1.section-resource-list.spacing-style.gap-style { padding-bottom: 0; padding-top: 0; } } #shopify-section-template--19481241714861__section_G4mnkB .h3 p { font-family: Tenor Sans; font-size: 40px; } #shopify-section-template--19481241714861__section_G4mnkB .rte p { font-size: 16px; text-align: justify; text-transform: capitalize; } #shopify-section-template--19481241714861__section_G4mnkB .button, #shopify-section-template--19999280496813__section_UbQNkx .button { background: #76BC21; color: #000; font-weight: 500; font-size: 16px; padding: 10px 24px; text-transform: capitalize; } #shopify-section-template--19999280496813__section_UbQNkx .h3 p { font-family: Tenor Sans; font-size: 40px; color: #000000; text-transform: capitalize; } #shopify-section-template--19999280496813__section_UbQNkx .rte p { font-size: 16px; text-align: justify; color: #000000; text-transform: capitalize; } #shopify-section-template--19481241714861__section_yNJ8wb h2 { font-family: Tenor Sans; font-weight: 400; font-size: 40px; margin: 3px 0; color: #000000; text-transform: capitalize; } #shopify-section-template--19481241714861__section_yNJ8wb .rte p { font-weight: 400; font-size: 16px; text-align: justify; color: #000000; text-transform: capitalize; } #shopify-section-template--19999280496813__section_KacydA .rte:has(h3) { border-width: thin; border-bottom: 1px solid #666; padding-bottom: 10px; } #shopify-section-template--19481241714861__section_aMeeFG, #shopify-section-template--19481241714861__section_jfjg64 { ul { list-style: none; padding-left: 0; } ul li { position: relative; padding-left: 28px; margin-bottom: 10px; } ul li::before { content: ""; position: absolute; left: 0; top: 6px; width: 18px; height: 18px; background-image: url("/cdn/shop/files/game-icons_perfume-bottle.png?v=1765787615"); background-size: contain; background-repeat: no-repeat; } } @media (max-width: 576px) { #shopify-section-template--19999280496813__section_UbQNkx .h3 p, #shopify-section-template--19481241714861__section_yNJ8wb h2, #shopify-section-template--19481241714861__section_G4mnkB .h3 p, .form-heading { font-size: 26px !important; } #shopify-section-template--19999280496813__section_UbQNkx .rte p, #shopify-section-template--19481241714861__section_yNJ8wb .rte p, #shopify-section-template--19481241714861__section_G4mnkB .rte p { font-size: 14px; text-align: left; } #shopify-section-template--19481241714861__section_jfjg64, #shopify-section-template--19481241714861__section_aMeeFG { h4 { font-size: 22px; } } .form-group label { font-size: 15px !important; } #shopify-section-template--19481241714861__section_G4mnkB { .background-image-container { background: url('/cdn/shop/files/Android_Medium_-_1.jpg?v=1765791575') no-repeat; background-size: cover; } .background-image-container img, .background-image-container svg { display: none; } } } #shopify-section-template--19999280496813__section_yDhtJt { .h4 { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 10px; } .h4 h3 { margin: 0; font-family: Tenor Sans; font-size: 24px; text-align: center; text-transform: capitalize; } .h4 h3:first-child { font-family: Tenor Sans; font-size: 40px; color: #4B7517; } .custom-section-content { max-width: 1100px; margin: 0 auto; } .group-block { border-left: 1px solid #76BC21; height: 100%; } } #shopify-section-template--19999280496813__section_KRJJ4M { .h3 p { color: white; font-family: Tenor Sans; font-weight: 400; font-size: 40px; text-transform: capitalize; } .rte p { color: white; font-size: 16px; } .button:nth-of-type(1) { background: white; color: black; font-weight: 500; } .button:nth-of-type(2) { background: #76BC21; color: black; font-weight: 500; } @media (max-width: 576px) { .h3 p { font-size: 28px; } } } #shopify-section-template--19999280496813__section_KVyGFg { .group-block { background: #F7FFED; box-shadow: 0px 0px 6px 0px #00000040; } h4 { font-family: Tenor Sans; font-weight: 400; color: #000000; font-size: 22px; text-align: center; text-transform: capitalize; } p { color: #000; line-height: 24px; text-align: center; text-transform: capitalize; } } .mega-menu__content--category-image { display: flex; align-items: stretch; } .mega-menu__category-image-link { position: relative; display: block; width: 100%; overflow: hidden; border-radius: var(--menu-image-border-radius); } .mega-menu__category-image { max-width: 100%; height: 100%; object-fit: cover; width: 250px; border-radius: 20px; max-height: 300px; } .menu-list__link-title:hover { color:#4b7517 } .mega-menu__category-title { position: absolute; bottom: 12px; left: 12px; right: 12px; color: #fff; font-weight: 600; z-index: 2; } #shopify-block-AVHExRkFid2RKRzYvd__surecust_forms_lock_custom_form_Q9hxGd { margin:0px auto; } .shopable-video-section .product-info { background:none; } .video-product { border:1px solid #ccc; } .video-product .product-info a { float: right; } .shopable-video-swiper .video-product { background: #fff; padding: 10px; border-radius: 0px !important; margin-top: 0 !important } .shopable-video-swiper .video-product img { height: 35px; width: 25px; } .shopable-video-swiper .video-media { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .custom-product-badge { position: absolute; top: 12px; left: 12px; padding: 6px 12px; font-size: 12px; font-weight: 600; color: #fff; border-radius: 20px; z-index: 10; text-transform: uppercase; line-height: 1; } .bestSellerSwiper .custom-product-badge { top: 22px; left: 22px; } #shopify-section-template--19844589060269__section_NzY6PK .text-block { width:100%; } #shopify-section-template--19481241649325__new_arrivals_Bjb6eU .best-seller-section { padding: 10px 0 50px 0px; } #shopify-section-template--19481241649325__section_rmUjUz a { color:#fff; } .bottom-nav { position: fixed; bottom: 0; width: 100%; display: none; justify-content: space-around; background-color: #fff; padding: 8px 0; box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1); z-index: 100; height: 60px; } .bottom-nav .nav-item { text-align: center; } .bottom-nav .nav-item img { width: 20px; height: 20px; } .store-icon { width: 24px; height: 24px; stroke: #000; stroke-width: 2; fill: none; display: block; margin: 0 auto 4px; } .nav-item svg { max-width: 28px; margin: 0px auto; } @media (max-width: 768px) { .footer-cirtify { display:none; } .bottom-nav { display: flex; } } .bottom-nav img { display: inline-block; } .store-locator { padding: 60px 0; } .country-list { display:flex; gap:20px; flex-wrap:wrap; } .country-btn { background:none; border:0; cursor:pointer; text-align:center; } .country-btn.active { border-bottom:2px solid #000; } .store-card { border:1px solid #eee; padding:15px; } .store-card img { width:100%; } .btn { display:inline-block; margin-top:10px; padding:10px 20px; background:#000; color:#fff; } #shopify-section-template--19844589060269__section_E86zJE .metafield-rich_text_field { width: 100%; max-width: 100%; } .store-map-section { margin: 60px 0; } .store-map-heading { font-size: 28px; font-weight: 500; margin-bottom: 20px; } .store-map { border-radius: 16px; overflow: hidden; } .store-map-actions { margin-top: 20px; } .store-map-button { display: inline-block; padding: 12px 24px; background: #000; color: #fff; text-decoration: none; border-radius: 6px; } #shopify-section-template--19619213934765__section_DFphMf .image-block { height: 190px; } #shopify-section-template--20097578041517__1766986242a9234798 .spacing-style { flex-direction: row; } .shopify-policy__container { max-width: 90% !important; padding:50px 20px; } .shopify-policy__title h1 { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } #shopify-section-sections--19481242009773__footer_utilities_jLGE8U .utilities { padding-bottom: 20px; } .product-badges.product-badges--top-right { display:none; } .cart-drawer__heading--empty img { width: 20px; } .mega-menu__link-image { max-height: 100px; } .mega-menu__grid:has(.mega-menu__link-image) .mega-menu__column > div > .mega-menu__link:not(:has(.mega-menu__link-image))::before { max-height: 100px; border-radius: 10px !important; } .search-modal__content { max-width: 100%; width: 1000px !important; } .search-modal__content { --modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 0rem) !important; --modal-width: 90dvw !important; } .predictive-search { } .search-placeholder-wrapper { position: relative; flex: 1; } /* Whole placeholder */ .animated-placeholder { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); display: flex; gap: 6px; font-size: 17px; color: #999; pointer-events: none; white-space: nowrap; } /* Fixed part */ .fixed-text { flex-shrink: 0; } /* Mask area */ .word-mask { height: 20px; overflow: hidden; margin-top: 5px; text-align: left; } /* Scrolling words */ .word-track { display: block; animation: wordScroll 6s infinite; } .word-track span { display: block; height: 20px; line-height: 20px; } /* Vertical scroll */ @keyframes wordScroll { 0% { transform: translateY(0); } 25% { transform: translateY(-20px); } 50% { transform: translateY(-40px); } 75% { transform: translateY(-60px); } 100% { transform: translateY(0); } } /* Hide placeholder on typing */ .search-bar__input:focus + .animated-placeholder { display: none; } .search-bar__button .svg-wrapper { width: 24px !important; height: 24px !important; } .search-bar__button .svg-wrapper svg { width: 25px !important; height: 25px !important; } #sticky-cart-portal .money { color: #fff; } #sticky-cart-portal .money img { filter: brightness(0) invert(1); } #shopify-section-template--19481241649325__section_qDEXza .section-content-wrapper { height: inherit !important; min-height: inherit !important; } #shopify-section-template--19481241649325__section_qDEXza .custom-section-content { height: inherit !important; min-height: inherit !important; } #shopify-section-template--19481241649325__section_qDEXza .section--page-width { height: inherit !important; min-height: inherit !important; } .product-details .price-co .off { margin-top: 5px; } .product-details .money { font-size: 17px !important; } .delivery-timeline { padding: 20px 0px; } .product-brand .brand-link { text-align: left !important; text-transform: uppercase; color: #4B7517; font-size: 16px; } .product-brand .brand-label { text-align: left !important; text-transform: uppercase; color: #4B7517; font-size: 16px; } .payment-icons { width: 100%; display: block; } .payment-icons img { width: 60px; display: inline-block; } footer .group-block-content h4 { display: contents; font-size: 16px; text-transform: uppercase; } footer .group-block-content .menu:nth-child(2) { min-width: 240px; } .footer-content h5 { font-size: 18px; text-transform: uppercase; color: #fff; margin-bottom: 10px; } .newsletter-form { margin: 15px 0 10px 0 !important; } .payment-icons { display: flex; gap: 5px; margin-top: 15px; margin-bottom: 20px; flex-wrap: wrap; } .social-icons { margin-top: 15px; } footer .group-block .group-block-content { --horizontal-alignment: flex-start !important; --vertical-alignment: top !important; } .product-details .layout-panel-flex { gap: 7px 0px; } .product-details .h4 p { font-size: 32px; } div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U { background-color: #000; } div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U button.policy-list-trigger.button-unstyled { color: #fff; } div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U .utilities a { color: rgb(255 255 255); } div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U span.footer-utilities__text { color: #fff; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .help-support { padding-bottom: 20px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .help-support h4 { text-transform: capitalize !important;font-size: 1.1em !important; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .help-support { padding-bottom: 20px; padding-top: 10px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG { background-color: #000; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .logo-block__image { object-fit: contain; width: 100%; background-color: #fff; border-radius: 10px; padding: 10px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .contact-info p { color: #fff; } footer#shopify-section-sections--19481242009773__footer_m9NzUG img, picture, video, canvas, svg { max-width: 100%; stroke: #fff; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .contact-info a { color: #fff; text-decoration: none; } footer#shopify-section-sections--19481242009773__footer_m9NzUG li.menu__item.paragraph a { color: #fff !important; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .spacing-style .h3 { color: #fff; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .help-support { color: #fff; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .group-block-content h4 { color: #fff !important; } div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U .utilities.spacing-style { border-top: solid 1px #fff !important; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .payment-icons img { display: inline-block; max-height: 20px; height: 36px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .down-app { display: block !important; margin-top: 30px; margin-bottom: 18px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG p.support { display: flex; flex-direction: column; } div#shopify-section-template--19481241649325__slideshow_YAqKDf img.slide__image { border-radius: 20px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG p { margin: 0; } footer#shopify-section-sections--19481242009773__footer_m9NzUG p.support { margin: 0; } footer#shopify-section-sections--19481242009773__footer_m9NzUG h5.help { color: #fff;font-weight: 500; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .contact-info { margin-bottom: 12px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .contact-info p { font-size: 15px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG img, picture, video, canvas, svg { max-width: 100% !important; stroke: #fff; } footer#shopify-section-sections--19481242009773__footer_m9NzUG img { max-width: 100% !important; width: 230px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .logo-block__image-wrapper img { width: 115px !important; margin: 5px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG button.policy-list-trigger.button-unstyled { display: none; } /* readmore */ div#shopify-section-sections--19481242009773__section_HMMRAY .spacing-style.layout-panel-flex.layout-panel-flex--column.section-content-wrapper.mobile-column { margin: 0; padding: 0; } div#shopify-section-sections--19481242009773__section_HMMRAY { background-color: #000; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .image-block.image-block--AYkZucCs5NjYxV09Pc__image_f76KHj.image-block--height-fit.spacing-style.size-style img { width: 80px; } div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U anchored-popover-component.footer-utilities__policy-list.footer-utilities__text button.policy-list-trigger.button-unstyled { display: none; } div#shopify-section-sections--19481242009773__section_TTyFB9 { background-color: #F3F3F3; padding: 30px 0px 20px 0px; } div#shopify-section-sections--19481242009773__section_TTyFB9 strong { font-family: 'Poppins'; color: #000; font-weight: 400; font-size: 23px; } div#shopify-section-sections--19481242009773__section_TTyFB9 .group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column { gap: 0; } div#shopify-section-sections--19481242009773__section_TTyFB9 .spacing-style.layout-panel-flex.layout-panel-flex--row.section-content-wrapper.mobile-column { padding-top: 15px; padding-bottom: 10px; } div#shopify-section-sections--19481242009773__section_TTyFB9 { margin-top: 15px; } div#shopify-section-sections--19481242009773__section_TTyFB9 rte-formatter.spacing-style.text-block.text-block--ARUZiSE1Ja2cyNVJ6N__text_9jLUi7.rte.rte p { line-height: 27px; } .brand-slider-page { margin-top: 30px; } #shopify-section-template--19912930066605__section_yhB8VQ .group-block .group-block .group-block-content div { height:35px; } #shopify-section-template--19912930066605__section_yhB8VQ .group-block .group-block .group-block-content div a { font-weight:500; } essential-upsell-frequently-bought-together-app-block button .money { color: #FFF; } essential-upsell-frequently-bought-together-app-block .money .currency-img { filter: brightness(0) invert(1); } .predictive-search .ps-group { margin-bottom: 10px; max-height: 300px; overflow-y: scroll; } results-list .currency-img { margin-right:5px; } .product-info h3 { height: 40px; } #best-seller-carousel .price .money { font-size: 16px; } #best-seller-carousel .delivery svg { stroke: inherit; } #best-seller-carousel-2 .price .money { font-size: 16px; } #best-seller-carousel-2 .delivery svg { stroke: inherit; } .best-seller-section .brand-slider-page .product-title { height: 34px; overflow: hidden; } .product-title span svg { width: 34px; height: 15px; } .featured-product-swiper .swiper-pagination { margin-bottom: -10px; } .bestSellerSwiper .image-wrapper img { max-height: 300px; } .powered-wrapper { display:none !important; } .multi-collection-carousel .swiper-slide { box-shadow: none !important; } .globo-accordion button { color: #000000; font-size: 16px; font-weight: 500; font-family: var(--font-h3--family); } .globo-accordion button strong { color: #000000; font-size: 16px; font-weight: 600; font-family: 'Poppins'; } .product-brand-out { display: grid; gap: 12px; } @media (min-width: 480px) and (max-width: 768px) { .newsletter-input { width: 200px !important; } } /* 3 columns – above 1000px */ @media (min-width: 1000px) { .product-brand-out:has(.product-brand) { grid-template-columns: repeat(3, 1fr); } } /* 2 columns – 769px to 999px */ @media (min-width: 769px) and (max-width: 999px) { .product-brand-out:has(.product-brand) { grid-template-columns: repeat(2, 1fr); } } /* 1 column – below 768px */ @media (max-width: 768px) { slideshow-slides { &[size="small"] { min-height: 9rem; } } .desc { font-size: 14px; } .essential-preorder-extra-add-to-cart-button { margin-right: 8px !important; } .product-brand-out { grid-template-columns: 1fr; } .brandpage-menu li { display: inline-block; padding: 3px 10px; border: 1px solid #ddd; text-align: center; font-size: 13px; margin: 1px 0px; } .brandpage-menu { display: block; padding-left: 10px; } #shopify-section-template--19912930066605__section_yhB8VQ .group-block .group-block .group-block-content div { height: auto; } } .product-brand { font-size: 14px; line-height: 1.6; } .accordion-template--19481241911469__accordion_custom_FGxeMA > .accordion-item-template--19481241911469__accordion_custom_FGxeMA:first-child > .accordion-content-template--19481241911469__accordion_custom_FGxeMA.product-brand-out { display: block !important; } .product-brand-out p { margin-bottom:20px; } .search-bar__input { max-width: 100%; width: 800px; } .search-bar__form :focus-visible { outline: none; } @media (min-width: 769px) { .search-action.is-sticky .animated-placeholder { margin-left:16%; } .predictive-search-form { padding: 20px; } .search-modal__content { margin-block-start: var(--modal-top-margin); overflow: hidden; height: 100vh !important; margin: auto; margin-top: 0 !important; background: #fff; border-radius: 0px !important; } .predictive-search-results__wrapper-products { } } .search-modal { position: relative; } .search-modal__close { position: absolute; top: 16px; right: 16px; z-index: 20; background: none; border: none; padding: 0; cursor: pointer; color: currentColor; } button[xb-icon-animation="none"].xb-wishlist-button__add-style svg { fill: #2b2b2b !important; } /* Sticky search bar on mobile */ @media (max-width: 768px) { .xb-wishlist-header-auto-container { position: absolute !important; right: 40px; top: 10px; } .payment-icons { justify-content: center; } .menu-drawer__menu-item--parent { font-weight: 600 !important; border-bottom: 1px solid #75bc1f; margin-bottom: 10px; margin-top: 10px; } .footer-mobile-certification { margin: 10px auto 0px auto; display:none } .appstore-icons .app-icon { width: 50%; border: 1px solid #999; border-radius: 8px; margin-left: 20px; } .xb-wishlist-header-auto-container { margin-left: 10px; } .search-placeholder-wrapper { min-width: 200px; } .animated-placeholder { left: 10px; } .search-bar__input { border: none; } .search-action button { display:none !important; } .announcement-icons { display:none !important; } .search-bar__form { background: #fff; } .search-bar__input { max-width: 100%; width: 800px; margin-left: 0; } body { } /* HARD OVERRIDE Horizon Multicolumn layout */ #shopify-section-template--19481241649325__section_rmUjUz [data-testid="section-content"] { display: grid !important; grid-template-columns: 1fr !important; gap: 16px; } /* First two: full width */ #shopify-section-template--19481241649325__section_rmUjUz [data-testid="section-content"] > .group-block:nth-of-type(-n+2) { grid-column: 1 / -1; } /* 3rd–6th: two columns */ #shopify-section-template--19481241649325__section_rmUjUz [data-testid="section-content"] { grid-template-columns: repeat(2, 1fr) !important; } #shopify-section-template--19481241649325__section_rmUjUz [data-testid="section-content"] > .group-block:nth-of-type(-n+2) { grid-column: 1 / -1; background: none; padding: 4px 4px; box-shadow: none; border-radius: 10px; } #shopify-section-template--19481241649325__section_rmUjUz .group-block { background: #4d7518; padding: 10px 10px; box-shadow: 0px 5px 5px #0000003b; border-radius: 10px; } #shopify-section-template--19481241649325__section_rmUjUz .custom-section-content { background: none; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block .group-block-content { border-right: none; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:first-child h4 { color: #4d7518 !important; font-family: Tenor Sans,sans-serif; } .appstore-icons { } } @media (max-width: 478px) { .xb-wishlist-header-auto-container { right: 38px; } .menu-drawer-container .header__icon--summary { padding: var(--padding-lg) 5px !important; } .header__column .search-action { margin-left: -15px; } .animated-placeholder { left: 10px; } } .brand-slider-page .product-title { text-align: left !important; } .best-seller-section .brand-slider-page .product-title { margin: 10px 0px 5px; } @media (max-width: 768px) { #shopify-section-template--19999502467245__slideshow_idGhQV .group-block-content { background: #ffffff78; padding: 10px; } #shopify-section-template--19912930066605__section_DkwxHn .text-block.rte p { text-align: justify; } .featured-product-swiper .featured-right { max-width: 100%; } .featured-product-swiper .freedeliv { display:none; } .featured-product-swiper .featured-product-card { align-items: center; gap: 20px; flex-direction: column; } #shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .product-card { padding: 10px !important; } .featured-carousel .product-price { justify-content: flex-start; margin-left: 7px; } .price-co .off { font-size: 14px; } #sticky-cart-portal div[data-essential-cart-element="container-mobile"] { --bottom: 60px !important; } #sticky-cart-portal div[data-essential-cart-element="content-container-mobile"] { display: flex !important; flex-direction: row !important; } #sticky-cart-portal div[data-essential-cart-element="add-to-cart-mobile-button-text"] { margin-right:10px; } #shopify-section-template--19481241649325__section_rmUjUz .section-content-wrapper .group-block:first-child h4 {padding: 0;} div#shopify-section-template--19481241649325__section_rmUjUz .spacing-style.layout-panel-flex.layout-panel-flex--row.section-content-wrapper {padding: 0;} header-drawer { } header-actions .account-drawer { display: none !important; } header-actions .cart-drawer button.header-actions__action { display: none; } .search-modal__close { display: none; } .header__icon--summary .header-drawer-icon { width: 30px !important; } .header__column .search-action { grid-area: leftB-end !important; } .search-action.is-sticky { padding: 5px 20px !important; } .header__column .search-action.is-sticky { grid-area: leftB-end !important; margin-top:0px } .search-bar__input { width: auto !important; } div#shopify-section-template--19481241649325__slideshow_YAqKDf { padding-top: 15px; } .product-info h3 { padding: 4px; height: 44px; overflow: hidden; } div#shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .swiper.bestSellerSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden { padding-bottom: 0 !important; } .brands-slider.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden { padding-bottom: 0 !important; } div#shopify-section-template--19481241649325__section_TdNyLW rte-formatter.spacing-style.text-block.text-block--ARDJFK3N1dVRIUitCS__text_iGWx4D.rte.text-block--align-left.text-block--full-width.rte { } h4 { padding-top: 30px; } .refer-out { display: flex; flex-direction: column; } div#shopify-section-sections--19481242009773__section_TTyFB9 strong { font-size: 18px; } div#shopify-section-sections--19481242009773__section_TTyFB9 p:has(strong) { line-height: 18px; text-align: left; } div#shopify-section-sections--19481242009773__section_TTyFB9 rte-formatter.spacing-style.text-block.text-block--ARUZiSE1Ja2cyNVJ6N__text_9jLUi7.rte.rte p { line-height: 27px; padding-top: 20px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .payment-icons img { display: inline-block; width: auto; max-height: 22px; height: 40px; } .newsletter-form { width: 80%; } div#shopify-section-template--19481241649325__store_locations_e4gNmW h2 { font-size: 27px; } div#shopify-section-template--19481241649325__collage_perfume_WbzNfn .higinfo { text-align: center !important; width: 100%; } div#shopify-section-template--19481241649325__collage_perfume_WbzNfn .full-height-product .price .money { padding-left: 0px; float: none !important; } div#shopify-section-template--19481241649325__collage_perfume_WbzNfn .product-info .cta-button { margin: auto; } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p { color: #000000; text-align: center; padding-top: 20px; } .spacing-style.text-block.text-block--AYUttbjhsOFQ5N0xXY__text_L4DBRR.h3 p { font-size: 23px; } #shopify-section-template--19854687010989__section_DkwxHn .h2 p { font-size: 27px; margin-bottom: 5px; } div#shopify-section-template--19619213934765__main .section.page-width-content.color-scheme-1 { display: none; } #shopify-section-template--19619213934765__section_wj6JDw .h2 p { font-size: 28px;} div#shopify-section-template--19619213934765__section_wj6JDw .spacing-style.layout-panel-flex.layout-panel-flex--column.section-content-wrapper.mobile-column { padding-bottom: 0; } #shopify-section-template--19619213934765__multicolumn_carousel_pLJxLP h2.mc-title { font-size: 30px !important;} div#shopify-section-template--19481241551021__main .spacing-style.text-block.text-block--ARXlreElrc1A1aVIvS__heading.h4.text-block--align-left { font-size: 22px; line-height: 28px; } } .locate-button.active { background:#000 !important; color:#fff; } .account-actions__main-menu .account-actions__link { background: transparent !important; color: #000 !important; padding: 5px; } .account-actions__main-menu .account-actions__list { display: block; font-size: 13px; } .account-actions__header { padding: 5px !important; } .account-actions__title.h5 { font-size: 16px; } .account-actions__main-menu .button-secondary { --button-border-color: #fff; font-size: 14px; } .account-actions__main-menu svg { display:none; } .account-popover__panel { justify-content: flex-end; display: flex; } .account-actions__link { justify-content: flex-end !important; } .account-actions__sign-ins { padding-bottom: 0 !important; } .account-popover__panel { min-width: 200px !important; padding-top: 0; } .country-with-thumb img { width:120px; } .country-with-thumb .country-tab { padding: 10px 10px; } .country-with-thumb .swiper-slide { justify-content: center; align-items: center; flex-direction: column; } .menu-drawer__link-image { border: 1px solid #ddd; border-radius: 8px !important; } #shopify-block-AMTRKQmI5OHRrdk5sT__ot_instagram_feed_ot_easy_instagram_feed_cG7a3L #bss-instagram-feed .title-text { font-family: "Tenor Sans", sans-serif; } @media screen and (min-width: 1400px) { } @media (max-width: 768px) { #shopify-block-AMTRKQmI5OHRrdk5sT__ot_instagram_feed_ot_easy_instagram_feed_cG7a3L #bss-instagram-feed .title-text { font-size:24px !important; } .refer-left, .refer-right { flex: 100% 1 100% !important; } .refer-container { flex-direction: column-reverse !important; flex-wrap: inherit !important; } .collection-wrapper .product-card product-price.text-block div { gap: 4px; } .product-grid__item .compare-at-price { font-size: 11px !important; } .product-grid__item .price { font-size: 12px; } .product-grid__item .price-co .off { font-size: 10px !important; letter-spacing: 0px; } .store-locator .slider-wrap { padding: 0 0px; } .country-tab { padding: 5px 20px; } #storeCountry { font-size:24px; } .discover { font-size: 24px !important; margin-bottom: 0px !important; } .footer { margin-top: 35px !important; } .footer { margin-top: 35px !important; } .footer-content h4 { padding-top: 0px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .container2 img { width: 65%; margin: 0px auto; text-align: center; } .cart-drawer__inner { overflow-y: scroll !important; } .cart-drawer__heading { font-size: 20px !important; margin-top: 5px; } .cart-drawer__inner { } .cart-items-component .close-button { top: 2rem !important; } .collection-wrapper .product-card p { text-align: left; font-size: 12px !important; line-height: 17px; } .discover-brands-section .section-title { margin-bottom: 10px !important; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content .text-block p { padding-top: 10px; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content { bottom: -10px !important; } .alphabet-filter button { padding: 4px 1px !important; } product-form-component .shopify-product-form { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .BuyButtons-ProductForm-template--19481241911469__main { } #shopify-section-template--19481241649325__section_qDEXza .text-block.h2 p { font-size: 30px; } footer#shopify-section-sections--19481242009773__footer_m9NzUG .down-app { margin-top: 0 !important; } div#shopify-section-sections--19481242009773__section_TTyFB9 rte-formatter.spacing-style.text-block.text-block--ARUZiSE1Ja2cyNVJ6N__text_9jLUi7.rte.rte p { display: none; } .footer-content h5 { display: block; font-size: 18px; text-align: center; } .footer { margin-block: 20px; } [id^=bss-ins] .splide__pagination { bottom: -2em !important; } .refer-section { padding: 0 !important; } #shopify-block-Ad0ZUQ2poYmdWd2dVc__ot_instagram_feed_ot_easy_instagram_feed_YWyXXC #bss-instagram-feed .title-text { font-size: 24px !important; } .search-placeholder-wrapper { max-width: 95%; border: 1px solid #aaa; margin-block: 10px; margin-inline: auto; border-radius: 8px; overflow: hidden; } .menu-drawer-container .header__icon--summary { padding: 20px 6px; } } @media (max-width: 1164px) { .search-bar__input { width: 500px; } .header-logo__image-container { margin-left: 20px; } } @media (max-width: 395px) { .search-placeholder-wrapper { max-width: 70%; } } @media (max-width: 880px) { .search-bar__form { background: transparent; margin-right: 8px; } .search-bar__input { width: 300px; } } .cart-items__table .cart-item-description { display:none; } .section-subtitle { font-size: 14px !important; } .discount { font-size: 14px; } .countdown-container .btn { display: flex; align-items: center; justify-content: center; } .newarri { padding-top:60px !important; } @media (min-width: 768px) { #best-seller-carousel-2 .product-title { height: 45px; overflow: hidden; } .footer-mobile-certification { display:none; } .account-actions__icon { display:none !important; } .account-actions__link { justify-content: flex-start !important; } .account-actions__nav { padding-bottom: 10px !important; padding: 0; } .account-button { width: 130px !important; } search-button { display:none !important; } .search-action { margin-right: auto !important; margin-left: auto !important; } .alphabet-filter button { font-size: 17px !important; } .mobile-clamp-text { display: none; } } div#swiper-wrapper-a76c0fb9045842da { padding-bottom: 40px; } .kaching-bundles__bars { font-family: Tenor Sans !important; } xb-wishlist-button { float: right; min-width: 45px; } .product-share { float: right; min-width: 40px; margin: 10px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border: 1px solid #ddd; border-radius: 5px; } .xb-wishlist-button__add-style, .xb-wishlist-button__loading-style, .xb-wishlist-button__remove-style { border: 1px solid #ddd !important; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content .text-block { margin-top: 0px; } #shopify-section-template--19947290984621__collection_list_tAKWb8 .collection-card__content p { font-size:14px; } .account-actions__sign-ins { padding: 0 !important; } @media(max-width: 480px) { .search-placeholder-wrapper { max-width: 70%; } .pdp-detailpage .discount { font-size: 11px; } .pdp-detailpage .product-card .product-price { font-size: 13px !important; } .pdp-detailpage .price-compare { font-size: 12px; } .pdp-detailpage .product-card .product-price { font-size: 13px; } .pdp-detailpage .product-card .product-title { padding: 0; } .pdp-detailpage .product-card { padding: 6px !important; } .pdp-detailpage .product-card .product-price { font-size: 13px; } .pdp-detailpage .tab-btn { font-size: 12px !important; padding: 10px 0px !important; } .pdp-detailpage .tabs-nav { display: flex; justify-content: center; gap: 10px !important; margin-left: -20px; margin-right: -20px; } #shopify-block-AckRyN1pDbURQTmJiV__ot_instagram_feed_ot_easy_instagram_feed_NzfhmR #bss-instagram-feed .title-text { font-size: 24px !important; font-family: Tenor Sans !important; } .pdp-detailpage .tab-btn { font-size: 12px !important; padding: 10px 0px !important; } div#shopify-section-template--19873417101485__section_Hgdttp { display: none; } xb-wishlist-button { position: absolute; right: 50px; top: -10px; } .product-share { float: left; margin: 0 10px 0; max-width: 44px; position: absolute; right: 0; top: 0; } button#BuyButtons-ProductSubmitButton-AOU5qakpjbDBIWWtaM__add-to-cart { margin-inline: 0; } #ProductInformation-template--19955773669549__main .product-share { float: left; margin: 10px 10px 0; max-width: 44px; } .product-form-buttons , product-form-component .quantity-selector {margin: 0;} #shopify-section-template--19481241649325__featured_products_carousel_bHtfKY .featured-carousel-section , div#shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .best-seller-section { padding-bottom: 20px; } #shopify-section-template--19481241649325__best_seller_carousel_RGMNYr .best-seller-section , #shopify-section-template--19481241649325__new_arrivals_mmj3aD .best-seller-section { padding-top: 20px; } div#shopify-section-template--19481241649325__multi_collection_carousel_LaWyBg .discover-brands-section { padding-bottom: 0; } #shopify-section-template--19972707352749__section_wj6JDw .h2 p , #shopify-block-AaXp6YVpnMzF0T3lFV__ot_instagram_feed_ot_easy_instagram_feed_X6r9hj #bss-instagram-feed .title-text { font-size: 24px !important; } .office-card { flex-wrap: wrap; flex-direction: column; } .office-image-container { width: 100%; height: auto; margin-bottom: 20px; } } .AmBooster-modal--items-text-wrapper { justify-content: center !important; } h2.AmBooster-modal--items-item-name, .AmBooster-modal--title, span.kaching-bundles__choose-product__product-title, .kaching-bundles .kaching-bundles__choose-product__product, .kaching-bundles .kaching-bundles__choose-product__heading { font-family: Tenor Sans !important; } .kaching-bundles .kaching-bundles__choose-product__product-button { font-size: 12px !important; } .AmBooster-modal--content { background: white !important; } .AmBooster-modal--items-te { justify-content: center !important; } section#multicolumn-carousel-template--19873417101485__multicolumn_carousel_DLAiNY .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; top: var(--swiper-pagination-top, auto); left: 0; width: 100%; z-index: 99999 !important; position: initial; } div#ProductInformation-template--19481241911469__main p.delivery-title, .product-card .delivery { display: none !important; } .newsletter-input:hover { color: #fff; } .product-details .price { font-size: 25px !important; font-weight:700; display: flex; align-items: center } .product-card .price { justify-content: center; } h3.product-title { font-family: 'Poppins'; } product-card .aed-font { font-size: 84%; } /* Ensure the parent doesn't clip the sticky element */ .search-action { transition: all 0.3s ease; } /* Sticky State */ .search-action.is-sticky { position: fixed; top: 0; left: 0; width: 100% !important; z-index: 9999; background: #ffffff; padding: 10px 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); display: flex !important; /* Forces it to show if theme hidden it */ justify-content: center; margin-inline: auto !important; border-bottom: 1px solid #76bc21; } /* Expand the form inside the sticky container */ .search-action.is-sticky .search-bar__form { width: 100%; max-width: 1200px; /* Limits width on ultra-wide screens for readability */ margin: 0 auto; } /* Ensure the input keeps its styling */ .search-action.is-sticky .search-placeholder-wrapper { position: relative; width: 100%; } .alphabet-filter { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; justify-content: center; } .alphabet-filter button { background: none; border: none; cursor: pointer; font-size: 14px; font-weight: 500; padding: 4px 6px; color: #000; } .alphabet-filter button.active { font-weight: 700; text-decoration: underline; } .no-brands-message { text-align: center; font-size: 16px; margin: 40px 0; display: none; } .alphabet-filter { padding: 5px; background-color: #eee; } #shopify-section-template--19481241649325__section_qDEXza .text-block.h2 p { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } .text-block.rte p { font-size:14px; } #shopify-block-AUmFKRy9GOFFBTWNJZ__ot_instagram_feed_ot_easy_instagram_feed_ngbyYp #bss-instagram-feed .title-text { font-size: 40px; font-weight: 500; font-family: Tenor Sans, sans-serif; } .account-button__icon { font-size: 14px; } header .account-actions__title { display:none; } .account-popover__panel { justify-content: flex-start; } .discover-brands-section .section-title { margin-bottom:20px; } .announcement-icons .icon { background: transparent !important; color: #FFF !important; } .countdown-container .btn { margin-top:0px; } .product-card .aed-font { font-size: 80%; } .gift-popup { display: none; position: fixed; inset: 0; z-index: 9999; } .gift-popup.is-open { display: block; } .gift-popup__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); } .gift-popup__content { position: relative; background: #fff; max-width: 420px; width: 90%; margin: auto; top: 50%; transform: translateY(-50%); padding: 20px; border-radius: 6px; text-align: center; } .gift-popup__close { position: absolute; top: 8px; right: 10px; background: none; border: 0; font-size: 22px; cursor: pointer; } .menu-drawer { overflow-y: scroll !important; padding-bottom:100px !important; } .bottom-nav .cart-bubble__text-count { background: #000; color: #fff; padding: 2px; border-radius: 50%; position: absolute; top: 2px; min-width: 20px; margin-left: -10px !important; } .store-track { touch-action: pan-y; } #storeCount { display:none; } .logouts { font-size:14px; } .header-actions__action { align-items: center; } .logouts { font-size: 13px; margin-left: 5px; } #storeCountry { display: none; } .announcement-icon-link .icon { height: 28px !important; } .resource-card__image { object-fit: contain !important; } .resource-card__image { } .resource-card__media { --resource-card-aspect-ratio: 5 / 5 !important; } #ResultsList .card-gallery{ --gallery-aspect-ratio: 5 / 5 !important; } .account-button { flex-wrap: inherit !important; } .account-popover__panel { padding: 10px; } .account-actions__nav { padding: 0 !important; } .pdp-detailpage .tab-btn { font-size: 15px; font-family: 'Poppins'; } .pdp-detailpage .product-card .product-price { font-size: 17px; display: flex; align-items: center; } .pdp-detailpage .product-card .price-compare { text-decoration: line-through; } .pdp-detailpage .product-card .product-title { justify-content: flex-start; text-align: left; font-family: 'Poppins'; line-height: 20px; height: 40px; overflow:hidden; } .pdp-detailpage .product-card { padding: 10px !important; } .pdp-detailpage .product-card img { aspect-ratio: 1 / 1; } .product-bottom-banner { position: relative; width: 100%; overflow: hidden; background: #f6efe9; } .product-bottom-banner__image { width: 100%; height: auto; display: block; } .product-bottom-banner__content { position: absolute; top: 40px; right: 5%; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 30px; max-width: 520px; bottom: 40px; display: flex; align-items: center; } .product-bottom-banner__content h3 { margin-bottom:0px } .product-bottom-banner__content h1, .product-bottom-banner__content h2 { font-size: 34px; font-weight: 700; margin-bottom: 16px; line-height: 1.2; } .product-bottom-banner__content p { font-size: 16px; margin-bottom: 24px; line-height: 1.6; } .product-bottom-banner__content a:hover { color: #F0ED23 !important; } @media (max-width: 768px) { .product-bottom-banner__content { padding: 20px !important; } .product-bottom-banner__content { position: static; } .collection-wrapper .product-card product-price.text-block div { justify-content: flex-start; } #shopify-section-template--20290970026157__section_qbzeiN .h2 p { font-size: 24px !important; } .shopify-policy__title h1 { font-size: 24px; } .menu-drawer__back-button > .svg-wrapper { margin-right: var(--padding-md); width: 30px; height: 30px; } margin-right: var(--padding-md); width: 30px; height: 30px !important; } & .button:nth-of-type(2) { } #shopify-section-template--19999502467245__slideshow_idGhQV .group-block-content { } .refer-card { gap: 0px !important; } .text-block.rte p { } #bss-instagram-feed .title-text { font-size: 24px !important; } #multicolumn-carousel-template--19854687010989__multicolumn_carousel_pLJxLP .mc-title { font-size: 24px !important; } #shopify-section-template--19854687010989__section_DkwxHn .rte p { font-size: 14px; line-height: 24px; text-align: justify; } .menu-drawer__submenu { height: 101vh !important; } .menu-drawer__menu--grid { padding-right: 0 !important; } .menu-drawer__menu--grid:has(.menu-drawer__link-image) .menu-drawer__menu-item:not(:has(> .menu-drawer__link-image))::before { aspect-ratio: 16 / 16 !important; } .menu-drawer__link-image { aspect-ratio: 16 / 16 !important; } .menu-drawer__menu--grid:has(.menu-drawer__link-image) .menu-drawer__menu-item:not(:has(> .menu-drawer__link-image))::before { border-radius: 8px !important; } .menu-drawer__menu--grid { width: 100%; } .product-bottom-banner__content { transform: none; padding: 30px 40px; } .product-bottom-banner { background: #000; } .product-bottom-banner__content h1, .product-bottom-banner__content h2 { font-size: 24px; } #shopify-section-template--20380250701997__hero_UaJWHg .text-block h3 { font-size: 25px !important; } #shopify-section-template--20380250701997__hero_UaJWHg .hero { min-height: auto; } } .product-bottom-banner .metafield-rich_text_field { margin-bottom:10px; } #shopify-section-template--20380250701997__hero_UaJWHg { margin-top:20px !important; } .product-bottom-banner__content a { display: inline-block; margin-top: 0px; padding: 0px 0px; color: #94F023; text-decoration: none; text-decoration-color: currentcolor; text-decoration-color: currentcolor; font-size: 15px; letter-spacing: 1px; } #shopify-section-template--20380250701997__hero_UaJWHg .text-block h3 { background: #00000085; padding: 10px 20px; border-radius: 8px; font-size: 45px; } #shopify-section-template--20380250701997__hero_UaJWHg .hero__container { border-radius: 10px; } #shopify-section-template--19972707352749__section_wj6JDw .h4 { margin: 0px auto; } .store-locator .arrow { z-index: 5; } .newsletter-form { display: flex; justify-content: center; width: 100%; } /* pill container */ .newsletter-input-wrapper { display: flex; align-items: center; width: 100%; max-width: 420px; background: transparent; border-radius: 999px; border: 1px solid #addf70; } /* input */ .newsletter-input { flex: 1; border: none !important; outline: none; font-size: 14px; padding: 8px 14px; background: transparent; border-radius: 30px; } .newsletter-input::placeholder { color: #ddd !important; opacity: 0.9; } /* subscribe button inside pill */ footer .newsletter-button { padding: 13px 30px; background: #76BC21; color: #fff; border-radius: 30px; cursor: pointer; transition: .3s; border: none; font-size: 14px; white-space: nowrap; } .newsletter-button:hover { background: #538c0c !important; } .rite-icon { margin-top: -100px; width: 500px; margin-left: 167px; } .timeline-wrapper { display: grid; justify-content: center; align-items: flex-start; } @media screen and (min-width: 990px) { .facets-block-wrapper--vertical.is-stuck { position: fixed !important; bottom: 0px; z-index: 100; height: 90vh; overflow-y: scroll; overflow-x: hidden; background: #fff; } div#shopify-section-sections--19481242009773__section_TTyFB9 { } footer { } } @media screen and (min-width: 990px) { #shopify-section-template--19848067088557__section_pPmVpz .icon-block__media { width: 36px !important; } #shopify-section-template--19999502467245__slideshow_idGhQV slideshow-slides img { min-height: 35rem !important; } .mega-menu__grid { width: 89% !important; margin: 0px auto !important; } /* Prevent sidebar from stretching to the height of products */ .collection-wrapper.grid { align-items: flex-start !important; } /* When we hit the stop section, we hide it or stop the stickiness */ .facets-block-wrapper--vertical.is-stopped { position: absolute !important; bottom: 0 !important; top: auto !important; } } .buy-buttons-block--ARnJ2REJnSXp5MXBQK__buy_buttons_eYQEYi .product-share { display:none !important; } .buy-buttons-block--ARnJ2REJnSXp5MXBQK__buy_buttons_eYQEYi .product-form-buttons { width:100%; } #sticky-cart-portal { position: fixed; /* or sticky if your theme uses it */ bottom: 0; left: 0; width: 100%; z-index: 999; transition: transform 0.3s ease, opacity 0.3s ease; } #sticky-cart-portal.is-hidden { transform: translateY(100%); opacity: 0; pointer-events: none; } .mega-menu { box-shadow:0px 10px 10px #00000059; background:#f5f5f5; padding-bottom:15px; padding-top:15px; } .header__row--bottom { border-bottom:1px solid #eee !important; } .mega-menu__category-title { display:none; } .menu-list__submenu-inner, .overflow-menu::part(overflow-list) { padding-block-end: 0 !important; } .cart-popup{ position:fixed; bottom:30px; left:50%; transform:translateX(-50%) translateY(20px); background:#000; color:#fff; padding:14px 26px; border-radius:8px; font-weight:600; opacity:0; pointer-events:none; transition:all .4s ease; z-index:9999; } .cart-popup.show{ opacity:1; transform:translateX(-50%) translateY(0); } @media (max-width: 768px) { .map-section { width: 100% !important; } .locations-list { width: 100% !important; } #shopify-section-template--19873417101485__section_AHgLRw .section-content-wrapper div { padding-left: 0; } #shopify-section-template--19873417101485__slideshow_tDGhtD .h2 p { font-size: 19px !important; margin-top: 15px !important; } #shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content .group-block-content .group-block-content { background: none; padding:10px 0px; } div#shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content { gap: 0px !important; } div#shopify-section-template--19873417101485__slideshow_tDGhtD .layout-panel-flex--column > .group-block--height-fit { width: 66%; background: #000; padding: 0px 20px; } div#shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content .image-block { display:none } div#shopify-section-template--19873417101485__slideshow_tDGhtD .layout-panel-flex--column > .group-block--height-fit .group-block--height-fit { padding-left: 0 !important; } div#shopify-section-template--19873417101485__slideshow_tDGhtD .text-block:not(.text-block--full-width).rte, .text-block:not(.text-block--full-width).paragraph { padding-bottom: 0; } div#shopify-section-template--19873417101485__slideshow_tDGhtD p { line-height: 15px; } div#shopify-section-template--19873417101485__slideshow_tDGhtD .layout-panel-flex--column .mobile-column { display: flex; } div#shopify-section-template--19873417101485__slideshow_tDGhtD .slide__content { display: flex; } div#shopify-section-template--19873417101485__slideshow_tDGhtD h4 { padding-top: 0; font-size: 18px !important; font-style: bold; font-weight: 400; line-height: 18px; } #shopify-section-template--19873417101485__slideshow_tDGhtD p { font-size: 12px; line-height: 14px; } #shopify-section-template--19873417101485__slideshow_tDGhtD .button-secondary { padding: 5px 20px; font-size: 13px; width: 200px; padding: 5px 5px; } #shopify-section-template--19873417101485__slideshow_tDGhtD .button--AeDcyZlpkd3pNT0tla__button_X8mHez{ } div#shopify-section-template--19999502467245__section_NerAwz h4 { padding-top: 0; margin-bottom: 8px !important; } #shopify-section-template--19999502467245__slideshow_idGhQV .group-block-content .group-block-content .group-block-content { background: none; padding:10px 0px; } div#shopify-section-template--19999502467245__slideshow_idGhQV .group-block-content { gap: 0px !important; } div#shopify-section-template--19999502467245__section_NerAwz .layout-panel-flex { padding-top: 0px !important; } div#shopify-section-template--19999502467245__slideshow_idGhQV .layout-panel-flex--column > .group-block--height-fit { padding: 0; width: 70%; } div#shopify-section-template--19999502467245__slideshow_idGhQV .text-block:not(.text-block--full-width).rte, .text-block:not(.text-block--full-width).paragraph { padding-bottom: 0; } div#shopify-section-template--19999502467245__slideshow_idGhQV p { line-height: 15px; } div#shopify-section-template--19999502467245__slideshow_idGhQV .layout-panel-flex--column .mobile-column { display: flex; } div#shopify-section-template--19999502467245__slideshow_idGhQV .slide__content { display: flex; } div#shopify-section-template--19999502467245__slideshow_idGhQV h4 { padding-top: 0; font-size: 18px !important; font-style: bold; font-weight: 400; line-height: 18px; } #shopify-section-template--19999502467245__slideshow_idGhQV p { font-size: 12px; line-height: 14px; } #shopify-section-template--19999502467245__slideshow_idGhQV .button-secondary { padding: 5px 20px; font-size: 13px; width: 163px; padding: 5px 5px; } .product-details .layout-panel-flex--column .mobile-column { display: flex; } .featured-product-swiper { padding:0px 15px; } #configForm { padding: 10px 20px; } .wiz-btn { padding: 14px 10px !important; } .wizard-nav { gap: 10px !important; margin: 20px 0; } .step-progress { gap: 10px !important; } .xb-wishlist-button__add-style, .xb-wishlist-button__loading-style, .xb-wishlist-button__remove-style { width: 40px !important; } #BuyButtons-ProductForm-template--19955773669549__main { display: ruby !important; } .wiz-btn { padding: 14px 12px; } .step-progress { gap: 10px; } .product-details .price-co .off { font-size: 18px !important; } } .predictive-search-dropdown .price-co .off { font-size: 14px; } slideshow-controls { display:none; } #shopify-section-template--19873417101485__slideshow_tDGhtD .button:hover { background: #ccc; color: #222; } #form-container-ref button { background: #7BCB32 !important; color: #222 !important; } #form-container-ref button:hover { background: #9BE146 !important; color: #222 !important; } #shopify-section-template--19873417101485__section_PNehpr .button-secondary:hover { background: #9BE146; color: #222; } #shopify-section-template--19873417101485__section_fzjfPG .button-secondary:hover { background: #9BE146; color: #222; } #shopify-section-template--19873417101485__section_AHgLRw .contact-form .submit-button { align-self: flex-end; } .store-locator div[data-target="qatar"] { display: none !important; } .store-locator div[data-target="ksa"] { display: none !important; } .cart-drawer__heading .cart-bubble__text { color: #fff !important; } .image-upload-field-filepond-container { display: none; } .account-popover__panel { border-radius: 6px !important; padding-top: 0px !important; } .image-upload-field-container { width: 100% !important; float: left !important; } .custom-contact-form .send-btn { margin-left: 64%; } .collection-card__inner { border-radius: 15px; } .explore-btn { font-weight: 600; } #shopify-section-template--19481241649325__section_PncWxc .button-secondary { font-weight: 600; } .cart-drawer__header { padding-bottom: 8px; padding-top: 8px; } @media (max-width: 767px) { #shopify-section-template--19873417101485__slideshow_tDGhtD { } #shopify-section-template--19481241649325__featured_products_carousel_bHtfKY .featured-carousel-section { padding-top: 30px; } #shopify-section-template--19481241649325__section_PncWxc p { text-align:justify; } #best-seller-carousel-2 { padding-bottom:20px; } .explore-more-wrapper { margin-top: 20px; margin-bottom: 20px; } .explore-wrapper { margin-top: 20px; margin-bottom: 20px; } #best-seller-carousel-2 { padding-top:20px !important; } .menu-drawer__list-item .menu-drawer__menu-item--parent { border-bottom: none; } .menu-drawer__menu--grid { padding-right: 10px !important; } .menu-drawer__menu { padding-bottom: 50px; } #shopify-section-template--19848067088557__section_pPmVpz p { text-align:left; padding-left:10px; } .mob-hides-foot { color: #fff; font-weight: 600; font-size: 16px; } .contact-info { display: none; } footer .menu--accordion { border: 1px solid #fff; padding: 7px 10px; } .layout-panel-flex--column .mobile-column { } footer#shopify-section-sections--19481242009773__footer_m9NzUG .container2 .foot-logo { max-width: 150px !important; } } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p em { font-style: normal; width: 800px; margin: 0px auto; margin-bottom: 30px; max-width:100%; display: inline-block; line-height: 20px; } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p { } @media (min-width: 768px) { .oth-map{ display: flex; flex-wrap: wrap; gap: 20px; margin-top:40px; margin-left: 3%; } .oth-map .cad2{ width: calc(50% - 10px); box-sizing: border-box; } .footer-utilities .social-icons__wrapper{ display: none; } #shopify-section-template--19481241288877__product_list_iA96Tq h2 { font-size: 25px; font-weight: 600; } .best-seller-section .caption-text { width: 800px; margin: 0px auto; margin-bottom: 30px; max-width:100%; } .discover-brands-section .section-subtitle { width: 800px; margin: 0px auto; margin-bottom: 30px; max-width:100%; } .mobile-social-footer { display:none !important; } .mobile-social-footer { display: } .mob-hides-foot { display:none; } #Hero-template--20380250701997__hero_UaJWHg.hero { min-height: 450px !important; } .foot-logo { display:none; } } @media screen and (max-width: 749px) { product-form-component .quantity-selector :is(.quantity-minus, .quantity-plus) { max-width: 22px; padding: 0px !important; } product-form-component .quantity-selector { max-width: 80px; } product-form-component .button { padding: 5px 15px !important; } .product-details .product-form-buttons button { margin: 0px; } #shopify-section-template--19873417101485__section_P9jB9A .image-block { --padding-inline-end: 0 !important; } #shopify-section-template--19873417101485__section_P9jB9A .group-block.group-block--height-fit { --padding-inline-end: 0 !important; } #shopify-section-template--19873417101485__section_p9XgEY .image-block { --padding-inline-end: 0 !important; } #shopify-section-template--19873417101485__section_p9XgEY .group-block.group-block--height-fit { --padding-inline-end: 0 !important; } #shopify-section-template--19873417101485__section_WqPhkF .image-block { --padding-inline-start: 0 !important; } #shopify-section-template--19873417101485__section_WqPhkF .group-block.group-block--height-fit { --padding-inline-start: 0 !important; } #shopify-section-template--19873417101485__section_UMFHbp .image-block { --padding-inline-start: 0 !important; } #shopify-section-template--19873417101485__section_UMFHbp .group-block.group-block--height-fit { --padding-inline-start: 0 !important; } #shopify-section-template--19873417101485__slideshow_tDGhtD picture .slide__image { min-height:230px; } div#shopify-section-template--19873417101485__slideshow_tDGhtD .button--AeDcyZlpkd3pNT0tla__button_X8mHez { font-size: 13px; width: 200px; padding: 5px 5px; margin-bottom: 5px; } div#shopify-section-template--19873417101485__slideshow_tDGhtD rte-formatter p { display:none; } footer .group-block-content h4 { display: block; text-align: center; width: 100%; margin-top: 10px; margin-bottom: 5px; } footer .group-block-content h4 { text-align: center; } .mobile-social-footer { display:none !important; } .newslett { display:none; } .mobile-social-footer svg { fill: #fff; } #shopify-section-template--19481241649325__collection_list_4TBWi6 .section--page-width { padding-top: 10px; } slideshow-container slideshow-slide, slideshow-container .slide__image-container { aspect-ratio: 16 / 7; height: auto; } slideshow-container .slide__image-container > .slide__image { object-fit: contain; } .slide__content { display:none; } slideshow-slides { &[size="medium"] { min-height: auto; } } } .best-seller-section .product-title { height: 47px; overflow-y: hidden; } #shopify-section-template--19481241649325__section_rmUjUz .group-block.group-block--height-fit.group-block--width-fill.border-style { } .footer-utilities anchored-popover-component { display: none; } .cart-drawer__summary h5 { font-size:16px; font-weight:500; } .cart-drawer__summary h5 b { display: inline-block; width: 150px; } @media screen and (max-width: 749px) { .mob-hides-foot { display:none; } .social-icons__wrapper { display:none !important; } .hed-text { line-height: 16px; } .disc-text { line-height: 14px; } .countdown-container { gap: 5px !important; } .countdown-container .btn { padding: 10px 10px !important; width: auto !important; } .countdown-timer { display: flex !important; flex-wrap: initial !important; flex-direction: row !important; gap: 7px !important; } .cout-block { padding: 3px 5px !important; min-width: 40px !important; } #zoko-8aec0844-b70f-11ec-b909-0242ac120002 .reset23947hdfjue8934 { bottom: 80px !important; } #shopify-section-template--19481241288877__product_list_iA96Tq .price-co .price { font-size: 12px; } #shopify-section-template--19481241288877__product_list_iA96Tq product-card .price-co .off { font-size: 12px !important; } #shopify-section-template--19481241288877__product_list_iA96Tq .compare-at-price { font-size: 13px !important; } #shopify-section-template--19481241649325__section_rmUjUz { padding-bottom:20px; } #shopify-section-template--19481241649325__section_rmUjUz .group-block:nth-child(2) { display: none; } header .cart-items-component .close-button { top: -.5rem !important; } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p { line-height: 24px; } div#shopify-section-template--19481241649325__collection_list_mbUGwL rte-formatter.spacing-style.text-block.text-block--AaldCbVdXaS90Tyt2c__text_xEATjY.rte.rte p em { display:none; } #shopify-section-template--19481241649325__collection_list_mbUGwL .resource-list__item { height: auto; } #shopify-section-template--19848067088557__section_pPmVpz .icon-block__media { width: 36px !important; background: #fff; padding: 6px; border-radius: 50%; } .hero__media-wrapper { position: relative; } .hero__image { height: auto; object-fit: contain; } .hero__media-wrapper picture { display: block; aspect-ratio: 3 / 4; } footer .footer-content .group-block:nth-child(1) { } .footer-mobile-certification { } div#shopify-section-sections--19481242009773__footer_utilities_jLGE8U span.footer-utilities__text { } } #shopify-section-template--19999280496813__section_KVyGFg h3 { font-size: 24px; } #shopify-section-template--19999280496813__section_KVyGFg .group-block-content { min-height: 270px; } slideshow-slide>.slide__image-container { display: block !important; height: 100% !important; } .cart-items-component .close-button { top: 1rem !important; } #shopify-section-template--19873417101485__slideshow_tDGhtD slideshow-component picture img { aspect-ratio: 16 / 6 !important; } #shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content { justify-content: center; } #shopify-section-template--19873417101485__slideshow_tDGhtD .group-block-content .group-block img { width: 70% !important; } .bottom-nav { border-top: 1px solid #76bc21; } .best-seller-section .title { margin-bottom: 16px !important; } .accordion-content-template--19481241911469__accordion_custom_FGxeMA.product-brand-out ul { padding-left: 20px; } .accordion-content-template--19481241911469__accordion_custom_FGxeMA.product-brand-out h5 { font-weight: 600; font-size: 16px; } #shopify-section-template--19848067088557__section_NcRMVg .custom-section-content { width: 100%; max-width: 1200px; margin: auto; } .product-brand.for-mob { display: none; } .cart-items__media { max-width: 60px; } table .cart-items__table-row { display:flex; } @media (max-width: 476px) { product-form-component .shopify-product-form { justify-content: start; flex-wrap: wrap; position: relative; } .product-brand.for-mob { display: block; } .product-brand.for-mob span.product-title { font-family: Tenor Sans; font-size: 22px; text-transform: capitalize; font-weight: 600; line-height: 24px; } .product-details .h4 p { display: none; } #ProductInformation-template--19481241911469__main { .product-brand { display: none; } } } .sold-out-badge{ background:#ccc; color:#4b4b4b; border-radius: 8px; font-size:12px; padding:4px 8px; position:absolute; top:10px; left:10px; z-index: 10; text-transform:uppercase; } #MainContent[data-template="page.remote-locations"] .page-width-content { .remote_table { border-collapse: collapse; width: 100%; table-layout: auto; } .remote_table th, .remote_table td { border: 1px solid #ddd; padding: 16px; text-align: left; font-size: 16px; } .remote_table th { background-color: #f2f2f2; font-weight: 600; } .remote_table tr:nth-child(even) { background-color: #f9f9f9; } .remote_table tr:hover { background-color: #f1f1f1; } /* Make table responsive on mobile */ .table-wrapper { width: 100%; overflow-x: auto; } /* Optional: better spacing */ .remote_table th:first-child, .remote_table td:first-child { padding-left: 20px; } .remote_table th:last-child, .remote_table td:last-child { padding-right: 20px; } } #MainContent[data-template="page.remote-locations"] .page-width-content { --page-content-width: 88%; } #ProductInformation-template--19481241911469__main .details__header { font-size: 16px !important; font-weight: 600; } #CustomContactForm { scroll-margin-top: 180px; } #shopify-section-template--19481241288877__product_list_iA96Tq .price-co { display: flex; align-items: center; gap: 8px; justify-content: center; } #shopify-section-template--19481241288877__product_list_iA96Tq .price-co .price { margin-bottom: 0; } #shopify-section-template--19481241288877__product_list_iA96Tq .card-gallery { border: 1px solid #eee; border-radius: 15px; } #shopify-section-template--19481241288877__product_list_iA96Tq .product-card__content .rte.text-block--align-left p { min-height: 39px; text-transform: uppercase; text-align: center; } .social-icons { display: flex; gap: 15px; justify-content: center; margin-top: 20px; } .social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: black; /* optional circle background */ border-radius: 50%; transition: transform 0.3s ease, background-color 0.3s ease; } .social-icons a svg { width: 24px; height: 24px; fill: white; /* ensure SVG is white */ } .social-icons a:hover { transform: scale(1.1); background-color: #555; /* hover background color */ } /* Optional: brand-colored hover */ .social-icons a.facebook:hover { background-color: #1877F2; } .social-icons a.instagram:hover { background: #E1306C; } .social-icons a.linkedin:hover { background-color: #0A66C2; } .main-collection-grid .product-card__content .price-co { justify-content: center; } #shopify-section-template--19848067088557__section_pPmVpz p { text-align: left; margin-left: 5px; } .locations-list h4 { background:#f5f5f5; padding:5px; } .page-container{ display:flex; gap:40px; align-items:flex-start; } .locations-list{ width:60%; } .map-section{ width:40%; position:sticky; top:80px; /* space from top */ } #locationMap{ width:100%; height:500px; border:1px solid #ddd; } .office-card { box-shadow:0px 5px 10px #eee; padding: 15px !important; border-radius: 10px !important; } #shopify-section-template--19481241649325__slideshow_YAqKDf .slide__content { display:none; } #shopify-section-template--19481241649325__slideshow_YAqKDf .slide__image-container a { display:block; height:100%; } #shopify-section-template--19481241649325__slideshow_YAqKDf picture { height:100%; } #shopify-section-template--19481241649325__slideshow_YAqKDf picture img { height:100%; } .quizify { width: 100% !important; } .action-buttons.bottom { margin-top: 20px; }