/** Shopify CDN: Minification failed Line 5216:69 Expected ":" **/ @font-face { font-family: 'futura_ptmedium'; src: url('https://cdn.shopify.com/s/files/1/0733/5382/2265/files/futuracyrillicmedium-webfont.woff2?v=1753420836') format('woff2'), url('https://cdn.shopify.com/s/files/1/0733/5382/2265/files/futuracyrillicmedium-webfont.woff2?v=1753420836') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'futura_ptlight'; src: url('https://cdn.shopify.com/s/files/1/0733/5382/2265/files/futuracyrilliclight-webfont.woff2?v=1753421126') format('woff2'), url('https://cdn.shopify.com/s/files/1/0733/5382/2265/files/futuracyrilliclight-webfont.woff?v=1753421126') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'futura_ptbold'; src: url('https://cdn.shopify.com/s/files/1/0733/5382/2265/files/futuracyrillicbold-webfont.woff2?v=1753421423') format('woff2'), url('https://cdn.shopify.com/s/files/1/0733/5382/2265/files/futuracyrillicbold-webfont.woff?v=1753421434') format('woff'); 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; 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; --custom-font-family: 'futura_ptlight', sans-serif; --custom-heading-family: 'futura_ptmedium', sans-serif; --custom-sub-family: 'futura_ptbold', sans-serif; } 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; } 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__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; } 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); */ outline:none; outline-offset:none; } @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: 15px; } } .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); */ padding-left:30px; padding-right:30px; } } /* 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: 767px) { .hidden--mobile, .mobile\:hidden { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } } @media screen and (min-width: 768px) { .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; } } .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; 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; } .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: #000; 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%; } /* Base text and heading styles */ body { /* font-family: var(--font-paragraph--family); */ font-family: var(--custom-font-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)); } .paragraph > small { font-size: smaller; } /* Typography presets */ h1, .h1.h1, .text-block.h1 > * { /* font-family: var(--font-h1--family); */ font-family: 'futura_ptmedium'; font-style: var(--font-h1--style); /* font-weight: var(--font-h1--weight); */ font-weight:normal; 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)); } h2, .h2.h2, .text-block.h2 > * { /* font-family: var(--font-h2--family); */ font-family: 'futura_ptmedium'; font-style: var(--font-h2--style); /* font-weight: var(--font-h2--weight); */ font-weight:normal; 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)); text-transform:uppercase; } h3, .h3, .h3.h3, .text-block.h3 > * { font-family: 'futura_ptmedium'; /* font-family: var(--font-h3--family); */ font-style: var(--font-h3--style); /* font-weight: var(--font-h3--weight); */ font-weight:normal; 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)); text-transform:uppercase; } h4, .h4.h4, .text-block.h4 > * { font-family: 'futura_ptmedium'; /* font-family: var(--font-h4--family); */ font-style: var(--font-h4--style); font-weight:normal; /* 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)); } h5, .h5.h5, .text-block.h5 > * { font-family: 'futura_ptmedium'; /* font-family: var(--font-h5--family); */ font-style: var(--font-h5--style); /* font-weight: var(--font-h5--weight); */ font-weight:normal; 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)); } h6, .h6.h6, .text-block.h6 > * { font-family: 'futura_ptmedium'; /* font-family: var(--font-h6--family); */ font-style: var(--font-h6--style); /* font-weight: var(--font-h6--weight); */ font-weight:normal; 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)); } :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; } /* 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 1fr; gap: var(--product-grid-gap); margin: auto; padding: 0; list-style: none; } @media screen and (min-width: 1200px) { .product-grid { grid-template-columns: 1fr 1fr 1fr 1fr; /* 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%; } /* 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); font-weight: var(--button-font-weight-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); font-weight: var(--button-font-weight-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); font-weight: var(--button-font-weight-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; } .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; 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; } zoom-dialog dialog { width: 100vw; height: 100vh; border: none; margin: 0; padding: 0; max-width: 100%; max-height: 100%; background: white; 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; opacity: 0; animation: elementSlideInBottom var(--animation-speed) var(--animation-easing) forwards; animation-delay: calc(var(--animation-speed) * 2); } .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: 20px; height: 20px; } /* Product media */ .product-media { display: flex; flex: 1; padding:22px 16px 6px 16px; } /* 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: 0.85em; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); } .compare-at-price { opacity: 1; text-decoration-line: line-through; text-decoration-thickness: 1px; } .product-details .compare-at-price{ font-size:18px; font-family:"futura_ptlight", sans-serif; color:#000005; } .product-details .price{ font-size:18px; font-family:'futura_ptmedium'; font-weight:normal; } .product-inventory__status{ color: #77BF04; font-family: 'futura_ptmedium'; font-size: 18px; font-style: normal; font-weight: 450; line-height: normal; } .product-inventory__text--out-of-stock{ font-family: "futura_ptmedium"; font-size: 18px; font-style: normal; font-weight: 450; line-height: normal; color:#F00; } .account-actions__nav li.account-actions__list-item:last-child .button-secondary:hover svg * { fill:#FFF; } .tax-note, .unit-price { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); } .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); } } .email-signup-block.size-style { width: 60%; height: var(--size-style-height-mobile, var(--size-style-height)); @media screen and (min-width: 1200px) { 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: 767px) { .mobile-column { flex-flow: column nowrap; align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment-mobile); gap:0; } .layout-panel-flex--row:not(.mobile-column) { .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; &: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: 8px; } &: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); align-items:center; } .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; font-size:14px; color:#000005; line-height: 130%; /* 23.4px */ 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; } /* Cart bubble */ .cart-bubble { --cart-padding: 0.2em; position: relative; width: 20px; aspect-ratio: 1; border-radius: 50%; border-width: 0; display: grid; line-height: normal; place-content: center; color: var(--color-primary-button-text); padding-inline: var(--cart-padding); } .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; font-family:'futura_ptmedium'; } .size-guide-no-selection-aoxmxykfvvtd4nys0naigenblockd2691fbbv9rjq{ font-family:'futura_ptmedium'; background: #efefef; padding: 40px 10px !important; font-size: 22px; opacity: 1; color: #000 !important; font-style: normal !important; line-height: 28px; } /* 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 #D8D8D8; /* 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; height:30px; width:30px; 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:14px; height:14px; /* 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; font-size:16px; font-family: 'futura_ptmedium'; min-width:52px; } /* 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: 1; --icon-stroke-width: 1px; color:#F00; /* color: var(--color-foreground); */ } .pills__pill--swatch { @media screen and (max-width: 749px) { padding-inline-start: var(--padding-sm); } } .facets__clear-all.active { color:#fff !important; background:#f00; font-size:13px; padding:6px 12px; font-family:"futura_ptmedium", sans-serif; font-weight:normal; } .pills__pill--swatch .swatch { margin-right: -4px; border:1px #fff solid; } .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 black; 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) { .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: 47rem; } } } 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; } } @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: 28px; } } 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; align-items:center; } } .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; padding: var(--padding-sm) var(--padding-lg); border-radius: 0; overflow: hidden; button { --size: 0.5rem; display: flex; align-items: center; justify-content: center; width: 12px; height:12px; margin: 0 5px; font-size: 0; border-radius: 0px; border:2px #fff solid; &::after { content: ''; display: block; background-color:transparent; height: 12px; width: 12px; /* This is at --size / 2 to remove a visual regression on subpixel rendering displays */ border-radius:0px; @supports not (view-timeline-axis: inline) { &[aria-selected='true'] { --color: var(--color-active); } } &:hover { --color: var(--color-hover); } } &[aria-selected='true'] { background: #D2D2D2; border-color: #D2D2D2; } } } .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 .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); border: 1px solid #ABADAF; background: #FFF; 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-component[disabled='true'] slideshow-arrows { display: none; } slideshow-arrows .slideshow-control { /* min-height: var(--minimum-touch-target); */ pointer-events: auto; opacity: 1; padding: 13px 13px 6px 13px; border: 1px #D0D0D0 solid; color: var(--color-white); background: transparent; } .product-grid slideshow-arrows .slideshow-control { padding:13px !important; } slideshow-arrows .slideshow-control:hover{ background: #D9D9D9; } 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; border:none; } :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: 991px) { .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: 992px) { .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: 11px; } button.ydpp.wishlist-button.home-and-collection { top: 7px !important; right: 13px !important; } .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); } .search-input { width: 100%; color: var(--color-foreground); padding-block: var(--padding-lg); padding-inline: calc(var(--margin-lg) + var(--icon-size-lg)) 0; background: transparent; text-overflow: ellipsis; overflow: hidden; outline: none; border: 0; &:focus-visible { outline: none; } } .search-input:focus { outline: none; } .search-input::placeholder { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); } 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; } } /* These are sections with placeholders that we don't want to have appear on the storefront when empty */ .shopify-section:has(.in-onboarding-state) { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } .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; } .collection-slider-full .resource-list__carousel { --slide-width: 24%; --slide-max-width: 390px; grid-column:1 / 4 } .collection-slider-full slideshow-slides[gutters*='start'] { /* padding-inline-start: 0; scroll-padding-inline-start: 0; */ } .collection-slider-full slideshow-slides[gutters*='end'] { /* padding-inline-end:0; */ } .tab-collection-col { margin-top: 7px; display: inline-block; } .tab-collection-nav-adnzjm01hy1uzyml2ztabcollectionaptryk { padding:0 24px !important; } .carousel-button-left-adnzjm01hy1uzyml2ztabcollectionaptryk[disabled], .carousel-button-right-adnzjm01hy1uzyml2ztabcollectionaptryk[disabled] { display:none !important; } .tab-shop-now-btn { position: absolute; right: 30px; top: 0px; box-shadow: none; height: 45px; padding: 0; line-height: 45px; color: #000; font-size: 16px; font-style: normal;font-family: 'futura_ptmedium'; opacity: 1; letter-spacing: 3.2px;text-transform: uppercase; } .tab-collection-col .tab-collection {color: #000005;font-size: 18px;font-family: 'futura_ptlight';font-style: normal;line-height: normal; padding: 0 7px; margin-right: 16px; } .tab-collection-col .tab-collection.active { font-family: 'futura_ptmedium'; } .tab-collection-col .tab-collection:last-child { margin-right:0; } .designer-collection .price-text > * { font-size: 14px; font-family: 'futura_ptmedium'; } .designer-collection .price-text .compare-at-price { font-family: 'futura_ptlight'; line-height: normal; color:#000005; } .designer-collection .description { color: #000005;font-size: 18px;font-style: normal;line-height: normal;font-family: 'futura_ptlight';} .designer-collection .media-img-bg .product-media { margin-bottom: 25px; background: #EFEFEF; } .designer-collection .product-title { color: #000005;font-size: 20px;font-family: 'futura_ptmedium';line-height: 100%; /* 20px */text-transform: uppercase;} .homepage-banner { position: relative; overflow: hidden; } .homepage-banner slideshow-slide:after{ position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 50%; border-radius: 1919px; background: rgba(0, 0, 0, 0.50); filter: blur(146.10000610351562px); } .homepage-banner .caption h2 { color: #FFF; text-align: center;font-size:40px;font-family: 'futura_ptmedium';font-style: normal;line-height:38px; /* 85% */text-transform: uppercase;} .homepage-banner .caption { padding-bottom: 127px; } .homepage-banner .caption h4 { color: #FFF;font-size: 30px;font-family: 'futura_ptlight';line-height: 38px; /* 97.143% */text-transform: uppercase;} .homepage-banner .button-secondary.icon-pause, .homepage-banner .button-secondary.icon-play{ display: none; } .divider__line { border-color: #000; } .showcase-box { position: relative; } .showcase-box .group-block-content { position: relative; z-index: 1; } .showcase-box:after { position: absolute; width: 100%; left: 0; bottom: 0; content: ''; background: linear-gradient(3deg, rgba(0, 0, 0, 0.77) 1.79%, rgba(255, 255, 255, 0.00) 69.5%); height: 141px; flex-shrink: 0; } .full-width-banner-content .hero__content-wrapper { display: flex; justify-content: space-between; padding: 0 27px; } .white-text .button-secondary{ color: #fff; border-color: #fff; } .showcase-text p {font-family: 'futura_ptmedium'; color: #FFF;font-size: 20px;font-style: normal;line-height: 100%; /* 20px */text-transform: uppercase;} .designer-collection .our-designer-block .image-block { margin-bottom: 20px; } .designer-collection .our-designer-block .collection-card__content { display: flex; justify-content: space-between; flex-direction: row; align-items: center; } .designer-collection .our-designer-block .collection-card__content p { color: #000005; font-size: 16px;font-style: normal;font-family: 'futura_ptmedium';line-height: 100%; /* 20px */text-transform: uppercase;} .designer-collection .designer-group > .group-block-content { display: flex; justify-content: space-between; flex-direction: row; } .button-primary, .button-primary a {transition: all 0.5s ease-in-out 0s; background: #FFF; height: 38px; line-height: 36px; padding: 0 25px; color: #000;font-family: 'futura_ptmedium'; font-size: 14px;font-style: normal;line-height: normal;letter-spacing: 1.2px;text-transform: uppercase; } .button-primary a { padding: 0; background: transparent; } .button-secondary{ box-shadow: none; border: 1px solid #D8D8D8; height: 38px; padding: 0 15px; line-height: 39px; color: #000; font-size: 14px; font-style: normal;font-family: 'futura_ptmedium'; opacity: 1; letter-spacing: 1.2px;text-transform: uppercase;} .button--secondary, .button--primary, .product-form-buttons .shop-the-look-button, .shopify-challenge__button.btn { background:#000000; border:1px #000 solid; height:38px; line-height:38px; text-transform:uppercase; color:#FFF; font-size:14px; padding:0 27px; letter-spacing: 3.2px; font-family: 'futura_ptmedium'; transition: all 0.5s ease-in-out 0s; } .sub-title{font-family: 'futura_ptlight';color: #000005;font-size: 22px;font-style: normal;line-height: normal; margin-bottom:5px;} predictive-search-component { margin-inline:0 !important; } .main-title{ color: #000005; font-family: 'futura_ptmedium';font-size: 40px;font-weight: 450;line-height: 100%; /* 40px */text-transform: uppercase;} .collection-decs-title{ font-family: 'futura_ptmedium'; color: #000005;font-size: 16px;font-style: normal;line-height: 100%; /* 20px */text-transform: uppercase;} .collection-description{ color: #000005;font-size: 16px;font-style: normal;line-height: normal; font-family: 'futura_ptlight';} .newsletter-section .section-content-wrapper { display: flex; flex-direction: row; justify-content: space-between; } .email-content-group .text-block p{ color: #000005;font-size: 22px;font-style: normal;font-weight: 300;line-height: normal; margin-bottom: 10px; } .email-content-group h2, .email-content-group p.title { color: #000005;font-family: "futura_ptmedium";font-size: 20px;font-style: normal;font-family: 'futura_ptmedium';line-height:32px; text-transform: uppercase;} .brand-slider .marquee-item { font-family: 'futura_ptmedium'; } .tab-block .tab-category-block { background:#EFEFEF; position:relative; margin:0 0 20px 0; } .tab-block .tab-collections span { color:#000005 !important; opacity:1 !important; font-size:14px; } .tab-block .tab-collections p { color:#000005 !important; opacity:1 !important; font-size:16px; } .tab-block .tab-category-block .add-to-wishlist { position:absolute; top:10px; right:12px; border:none; padding:0; } .carousel-button-adnzjm01hy1uzyml2ztabcollectionaptryk { top:42.6% !important; } footer .footer-bottom-content { color:#000; } footer .footer-bottom-content { background:#e2e2e2; padding-top:30px; } footer { background: #000; } footer ul li.paragraph a { color: #c9c6c6; } footer ul li.paragraph.list-menu__item--active a { color:#FFF; } footer .h4.menu__heading, footer h3, footer h4 { color: #FFF; padding:0 0 10px 0; text-transform:uppercase; } footer .customer-care-col ul { display: grid; align-items: start; justify-content: start; column-gap: 15px; grid-template-columns: 1fr 1fr; } footer .details-content ul li { margin-bottom:5px; } footer .details-content ul li a { line-height:16px; text-transform:uppercase; font-size:13px; } footer .footer-utilities__group .footer-utilities__text, footer .footer-utilities__group .footer-utilities__text a, footer .footer-utilities a, footer .footer__copyright { color:#000; } footer .footer-bottom-content h4 { color:#000; padding-bottom:10px; font-family: 'futura_ptmedium'; } footer .payment-icons__list svg * { fill:#000; } footer .footer-utilities { background:#e2e2e2; color:#000; padding-bottom:20px; } footer .contact-info-col span { display:block; line-height:12px;color: #c9c6c6; text-transform:uppercase; font-size:12px; } footer .contact-info-col a:hover { color:#c9c6c6 !important; } footer .footer-menu > .group-block-content{ gap: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } footer .payment-icons .svg-wrapper { height:24px; width:24px; } .pagination{ display: flex; margin-top: 30px; justify-content: space-between; align-content: center; align-items: center; } .pagination .showing-results{ color: #2F2B2A; font-family: 'futura_ptmedium'; font-size: 16px; font-style: normal; font-weight: normal; line-height: 130%; /* 20.8px */ } ul.pagination__list{ display: flex;gap: 10px;list-style: none;padding: 0;align-content: center;justify-content: center;align-items: center; } ul.pagination__list .pagination__item{ padding: 4px 8px; border-radius: 100%; font-size: 16px; font-family: 'futura_ptmedium'; border: 1px solid #ffffff; height: 28px; width: 28px; display: flex; align-items: center; justify-content: center; line-height: 28px; } ul.pagination__list .pagination__item.pagination__item--active{ background-color: transparent; color: #2F2B2A; border-color:#000005; } ul.pagination__list .disable-pagination .pagination__item.page-prev, ul.pagination__list .disable-pagination .pagination__item.page-next{ background:#D9D9D9; padding: 4px 8px; border-radius: 100%; height:30px; width:30px; line-height:30px; display: flex; align-items: center; justify-content: center; transition:all 0.5s ease-in-out 0s; } ul.pagination__list .pagination__item.page-prev, ul.pagination__list .pagination__item.page-next{ background:#000005; padding: 4px 8px; border-radius: 100%; height:30px; width:30px; line-height:30px; display: flex; align-items: center; justify-content: center; transition:all 0.5s ease-in-out 0s; } ul.pagination__list .pagination__item.page-prev svg *, ul.pagination__list .pagination__item.page-next svg * { stroke:#fff; } ul.pagination__list .disable-pagination .pagination__item.page-prev svg > *, ul.pagination__list .disable-pagination .pagination__item.page-next svg > *{ stroke:#2F2B2A; stroke-width:3px; transition:all 0.5s ease-in-out 0s; } ul.pagination__list .pagination__item.page-prev svg, ul.pagination__list .pagination__item.page-next svg{ height:11px; width:6px; } ul.pagination__list .pagination__item.page-prev svg > *, ul.pagination__list .pagination__item.page-next svg > *{ stroke:#fff; } .cart-page cart-discount-component { display:block !important;} .header__column--right .svg-wrapper > svg * { stroke-width: 1.5px; } .facets__summary .facets__status { font-size:14px; } .header__column--right .cart-count-bubble { position: absolute; top: 0px; right: -7px; color: #fff; background: rgb(0 0 0 / 1.0); border-radius: 100%; font-size:0.625rem; display:flex; align-items:center; justify-content:center; height:15px; font-family:"futura_ptmedium"; width:15px; } .facets-block-wrapper .pills__pill { border-radius:0 !important; background:#000005; color:#FFF; font-family: 'futura_ptmedium'; } .facets .ui-slider .ui-slider-range { background:#000005; } .wishlist-button { background:transparent !important; padding:0 !important; } button.ydpp.wishlist-button.home-and-collection svg { height: 27px !important; width: 23px !important; } .dropdown-localization__button { padding:0; gap:8px !important; } .header-section { background:#FFF; padding-bottom:10px;} .header-section .predictive-search-form .predictive-search__icon { left:auto; right:-1px; top:4px;} .header__column--right { margin:3px -2px 0 0;} .header-section .predictive-search-form { max-width:230px; } .header-section .predictive-search-form__header { border-bottom: 1px #000005 solid; border-radius:0px; padding:0 !important; } .header-section .predictive-search-form__header .search-input { color: #808080;font-size: 16px;font-style: normal;line-height: normal;letter-spacing: 0.32px;font-family: 'futura_ptmedium'; padding:7px 0 6px 0;} .header-section .header__row--top { padding-bottom:28px; } .mega-menu .mega-menu__image-column img { margin: 0 0px 9px 0 !important; border:1px rgba(0, 0, 0, 0.2) solid; padding:2px; } .mega-menu .mega-menu__image-column a:hover img { border-color:#000; } .header-section .account-button { width:24px; height:24px; } .header-section .cart-drawer{ margin-left:12px; margin-top:3px; } .header-section .cart-drawer .cart-drawer { margin:0; } .header-section .account-popover { margin:3px 16px 0 15px; } .drawer-localization__button .icon-flag, .dropdown-localization__button .icon-flag { margin-inline-end: 0 !important; } .swym-wishlist-collections-v2-container .swym-wishlist-collections-v2, .swym-wishlist-collections-v2-container .swym-wishlist-collections-v2 svg { padding: 0 !important; } .swym-wishlist-collections-v2-container .swym-wishlist-collections-v2 svg > * { stroke-width:1px; padding:6px 12px; } .social-connect .svg-wrapper { width:24px; height:24px; } .worldlilivant-section .world-lilivant { width:100%; margin:0 auto; } .designer-collection .our-designer-collection-title p { color: #000005;font-size: 20px;font-weight: normal;line-height: 100%; /* 20px */text-transform: uppercase;} .swym-header-launcher { color:#000 !important; width:24px !important; margin-left:16px; bottom:5px !important; } /* .category-group-title { max-width:1690px; width:100%; margin:0 auto; padding:0 20px; } */ .best-sale-collection .swym-wishlist-collections-v2-container { top: -37px !important; left: 34px !important; } /* .best-sale-collection .product-media-container img { object-fit:inherit; } */ .designer-collection .media-img-bg .product-media { padding:38px; } .instafeed-icon { position: absolute; left: 30px; right: 0; margin: 0 auto; height: 100px; width: 100px; border-radius: 100%; background: url('https://cdn.shopify.com/s/files/1/0733/5382/2265/files/insta-img.png?v=1753952777'); z-index: 1; top: 50%; transform: translate(0px, -50%); } #insta-feed .instafeed-new-layout-item-container .instafeed-hover-layer .instafeed-hover-icon img, .instafeed-shopify .instafeed-new-layout-item-container .instafeed-hover-layer .instafeed-hover-icon img { height:30px !important; width:30px !important; } .swym-wishlist-collections-v2-container .swym-wishlist-collections-v2, .swym-wishlist-collections-v2-container .swym-wishlist-collections-v2 svg { height:27px !important; width:27px !important; } .instafeed-icon svg { display:none; } .product-card__content .text-block { font-size:14px; } .cart-items__empty-button { text-transform:uppercase; font-family: 'futura_ptmedium';color: #fff; font-weight:normal;border:1px #000005 solid; } .cart-items__empty-button:hover { background:transparent; color:#000005; } .product-card__content .product-title { text-transform:uppercase; font-family: 'futura_ptmedium';color: #000005; padding-bottom:5px; } .product-card__content .description { margin-bottom:8px; } .product-card__content .product-title p { margin:0; text-transform:uppercase; font-family: 'futura_ptmedium';color: #000005; } .home-product.product-card__content .product-title p, .home-product.product-card__content .product-title { font-size:14px; } header .account-actions__list li { width: 100%;} .home-product.product-card__content .product-title p { margin-bottom:0px; } .home-product.product-card__content .description p, .home-product.product-card__content .description { font-size:16px; } .home-product.product-card__content .price { font-size:14px; } .product-card__content .compare-at-price { font-family: 'futura_ptlight'; color:#000005; } .product-card__content .price {font-family: 'futura_ptmedium'; font-size:14px; color:#000005; } .best-sale-collection .resource-list__carousel slideshow-arrows { padding-inline: 50px } .facets__filters-wrapper summary {padding: 15px 0 7px 0; margin-bottom: 0px;} .facets__filters-wrapper .facets__item:first-child summary { padding-top:22px; } .product-information__media .media-gallery--carousel{ background:#EFEFEF; padding:19px 31px 18px 23px; } .variant-option--equal-width-buttons.variant-option--equal-width-buttons { display:flex; } .variant-option--equal-width-buttons.variant-option--equal-width-buttons .variant-option__button-label svg { transform:rotate(25deg);} .variant-option--equal-width-buttons .variant-option__button-label { border-radius:0px; max-width:40px; min-width:40px !important; min-height:40px; border: 1px solid #7B7B7B; background: #EFEFEF; } .variant-option.variant-option--buttons.variant-option--swatches { color: #000005;font-size: 22px;font-style: normal;font-weight: normal;line-height: normal; font-family: 'futura_ptlight';} .variant-option.variant-option--buttons.variant-option--swatches .variant-option__swatch-value { font-family: 'futura_ptmedium'; } .antla-card .antla-card-body p { display:none; } .variant-option--equal-width-buttons.variant-option--size .variant-option__button-label { font-family: 'futura_ptlight'; font-size:14px; } .antla-card .antla-card-body .antla-button, .variant-option--equal-width-buttons .variant-option__button-label { text-transform:uppercase; font-family: 'futura_ptmedium'; font-size:14px;letter-spacing: 1.2px; padding:0 19px; margin-bottom:20px; line-height:38px; } .product-details .product-detail-main-title h3{ margin:0; color: #000005; font-size: 22px; font-style: normal; font-weight:normal; font-family: 'futura_ptmedium'; line-height: 100%; /* 22px */ text-transform: uppercase;} .swym-wishlist-collections-v2-container { padding:6px 12px !important; } .product-detail-content { display:flex; flex-direction:row; gap:132px; } .product-detail-content p { margin:0 !important; } .product-detail-content p strong { display:block; } .swym-header-launcher .swym-header-launcher-badge { top:0 !important; } .slideshow-controls__thumbnails-container .slideshow-control--large .svg-wrapper, .slideshow-controls__thumbnails-container .slideshow-control--large svg { width: 24px; height: 14px; } .slideshow-controls__thumbnails-container { mask-image:none !important; } .product-details .divider .divider__line { border-bottom-color: #988D8B; } .product-details .description p { margin:0; } .variant-option--buttons legend { color: #000005;font-size: 18px;font-style: normal;line-height: normal; font-family: 'futura_ptmedium';} .variant-option--swatches.variant-option--buttons legend { font-family: 'futura_ptlight'; font-size:18px;} .cart-drawer__summary .cart__ctas { display:flex; display: flex; align-items: center; justify-content: space-between; } .cart-drawer__summary .cart__ctas .cart-view-btn { width: 50%; font-family:'futura_ptmedium'; text-transform: uppercase; font-size: 14px; } .cart-drawer .cart-items__wrapper .cart-items__media-container{ aspect-ratio:auto; } .cart-drawer .cart-items__wrapper .cart-items__media-container img { height:100px; } .cart-drawer__summary .cart__ctas .cart__checkout-button { width: 50%; height: 38px; padding: 0 20px; font-family: 'futura_ptmedium'; text-transform: uppercase; font-size: 14px; } .cart-primary-typography.cart__total-label { /* font-size: var(--cart-font-size--sm); */ font-size: 18px; font-family: 'futura_ptmedium'; } .cart-secondary-typography.cart__total-value { /* font-size: var(--cart-font-size--2xl); */ font-family: 'futura_ptmedium'; font-size:16px; } .cart-items__wrapper .cart-items__remove { background-color: #000; color: #fff; /* width: var(--minimum-touch-target); height: var(--minimum-touch-target); */ justify-content: center; box-shadow: none; padding: 0; height:30px; width:30px; } .cart-items__wrapper .cart-items__media { grid-area: media; padding: 0; } .cart-items__wrapper .cart-items__price { grid-area: price; min-height: unset; min-width: var(--cart-item-price-width); text-align: end; display: block; font-size: var(--cart-font-size--md); font-family: 'futura_ptmedium' !important; } .cart-items__wrapper .cart-items__details{ opacity:1; color:#000005; } .cart-items__wrapper .cart-items__price-unit { font-size: var(--cart-font-size--xs); } .cart-items__wrapper .cart-items__details *, .cart-items__wrapper .cart-items__price { font-size: 14px; /* font-size: var(--cart-font-size--sm); */ } .cart-items__wrapper .cart-items__details .normal-price{ font-family: 'futura_ptmedium'; } .cart-items__wrapper .cart-items__details a { text-decoration: none; font-family: 'futura_ptmedium'; text-transform: uppercase; } .cart-page .cart-items__wrapper .cart-items__media-container{ aspect-ratio: auto; border: 1px #f0f0f0 solid; height: 120px; } .cart-items__wrapper .cart-items__media-container img { object-fit: contain; } .cart-page .cart-title .cart-bubble__background { background:#000; } .cart-page .cart-title .cart-bubble__text { color:#FFF; } .cart-page .cart__summary-item.tax-note { font-size: 1.1rem; } .cart-page .cart-title, .cart-page .cart-title .h3 { font-size:24px; } .cart-items__table thead th:first-child { text-align: left;} .tab-collection-title { font-weight:normal !important; line-height:normal !important; } .cart-items__wrapper .cart-items__table .caption-with-letter-spacing { text-align:left; } .worldlilivant-section { overflow:hidden; } .cart-page__summary .cart-actions { border-top:none; border-bottom:1px solid var(--color-border); margin-top:0; padding-top:0; } .cart-page__summary span.cart-discount__label.h6, .cart-page__summary .cart-primary-typography.cart__total-label { font-size:18px; } .cart-drawer__header .cart-drawer__close-button svg { height:40px; width:40px; } .cart-drawer__header .cart-drawer__heading { font-size:22px; } .cart-drawer__dialog .cart-drawer__items { padding-right:10px; } .cart-items__table thead th { font-family: 'futura_ptmedium'; text-transform: uppercase; font-weight:normal; } .cart-drawer__items tbody .cart-items__table-row:first-child { padding-top:15px; border-top: var(--style-border-width) solid var(--color-border); } .product-details .accordion .details__header {border-bottom:1px #988D8B solid; color: #000005; font-size: 18px;font-style: normal;font-weight: normal;font-family: 'futura_ptmedium';line-height: normal; padding:10px 0; } .accordion--dividers accordion-custom:first-child .details { border-block-start:none !important; } .accordion--dividers accordion-custom:last-child .details { border-block-end:calc(var(--style-border-width) * var(--show-fallback-borders)) solid #988D8B !important; } .product-details .accordion .details-content { padding:20px 0; border-bottom:1px #988D8B solid;} .accordion--dividers accordion-custom:first-child .details .details__header { padding-top:0; } .product-details .product-form-buttons { flex-direction:row; flex-wrap:nowrap; gap:15px; } .product-details .add-to-cart-icon svg, .product-details .add-to-cart-icon { display:none; } .product-details .accordion .details-content strong { font-family: 'futura_ptmedium'; font-weight:normal; color:#000005; font-size:15px;} .cart-items__table tbody tr.cart-items__table-row:first-child { border-top: 1px solid var(--color-border); padding-top: 20px;} .product-information { padding:50px 30px 0 30px; } .product-information__media .atw-button { padding:0; } .product-information__media .atw-button svg { width:26px; height:22px; } .product-information__media .atw-button svg * { stroke-width:1px; } .product-details .quantity-selector, .product-details .add-to-cart-button{ height: 48px; padding:0 18px; } .product-details .shop-the-look-button { height: 48px; padding:0 12px; background:#D3D3D3; color:#000; border-color:#D3D3D3; } .product-details .swym-atw-button-container.product_image_top_right { right:0; top:0;} .predictive-search-form .predictive-search__icon { top:15px; } .breadcrumb-cms { background-position: top center !important; height: 350px; } .breadcrumb-cms.about-us-class { height:550px; padding:410px 0 20px; } .breadcrumb-cms:after {content:''; position:absolute; left:0; bottom:0; background: rgba(0,0,0,0.3); width:100%; height:100%; } .breadcrumb-cms h1 { margin-bottom:10px;font-family: 'futura_ptmedium'; } .account-actions__link { font-family: 'futura_ptmedium'; font-weight:normal; } .account-actions__email { font-family: 'futura_ptmedium'; font-weight:normal; color: #000005 !important;} header .account-button__avatar { position: absolute; width: 20px; height:20px; top: -7px; right: -9px; font-size:10px; } .contact-form-cms { grid-template-columns: 1fr 1fr !important; } .contact-form-cms img { display:none; } .content-for-layout .page-width-content { width:100%; max-width:1020px; margin:45px auto 60px auto; display:flex; padding:0 20px; } .content-for-layout .shopify-policy__container { width:100%; max-width:1020px; margin:45px auto 60px auto; display:block; padding:0 20px; } .cms-content { font-size: 16px; line-height: 22px; letter-spacing: 0px; } .cms-content strong { font-family: 'futura_ptmedium'; font-weight:normal; font-size:18px; } .cms-content h3 { text-transform:uppercase; font-family: 'futura_ptmedium'; font-size:26px; border-bottom:1px #988D8B solid; padding-bottom: 10px; margin-bottom: 40px } .cms-content p { margin-bottom:15px; margin-top:0; color:#000; } .cms-content ul li { margin-bottom:15px; list-style: outside; color:#000; } .cms-content h4 { margin-bottom:10px; font-family: 'futura_ptmedium'; font-size:18px; line-height:20px; margin-top:0px; margin-bottom:0; color:#000; } .cms-content table { margin-top:30px; } .cms-content table thead { background:#000; } .cms-content table { border:1px #d9d8d8 solid; } .cms-content table tbody tr:nth-child(even) { background:#f1f1f1; } .cms-content table thead th { font-weight:normal; text-transform:none; font-family: 'futura_ptmedium'; border-right:1px #d9d8d8 solid; color:#000; font-size:20px; color:#FFF; } .cms-content table tbody td b { font-size:20px; font-family: futura_ptmedium; font-weight: normal;} .cms-content table tbody td { border-right:1px #d9d8d8 solid; } .cms-content table tbody td { color:#000; } .contact-form label { font-family: 'futura_ptmedium'; font-size:14px; } .contact-form button[type="submit"] { border-radius:0px; color: #FFF;font-size: 14px;font-family: 'futura_ptmedium';font-style: normal;font-weight: normal;line-height: normal;letter-spacing: 3.2px;text-transform: uppercase; background:#000005; border:1px #000005 solid; } .contact-form button[type="submit"]:hover { background:transparent; color:#000; } .contact-form-error-aefvov2ltzvfvyunwocustomcontactformwfluj4.show { display: block; position: absolute; bottom: -22px;} .contact-form-field-aefvov2ltzvfvyunwocustomcontactformwfluj4 { position:relative; margin-bottom:10px; } .cms-about-us { max-width: 1200px; margin: 0 auto; } .cms-content .paymeny-detail{ background:#EFEFEF; padding:0 5% 3.5rem 5%; margin-top:150px; } .cms-content ul.payment-box { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; padding:0; } .cms-content ul.payment-box li { list-style: none; margin: 0; border: 1px #e2e8f0 solid; padding: 20px; background:#FFF; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.1); margin-top:-75px; } .cms-content ul.payment-box li span { font-family: 'futura_ptmedium'; display: block; width: 100%; font-size: 20px; margin: 0 0 15px 0; } .cms-content ul.payment-box li .payment-icon { border: 2px #ddd solid; width: 60px; height: 60px; padding: .5rem; margin-bottom: 20px; } .cms-content ul.payment-box li .payment-icon svg{ height: 40px; width: 40px; } .cms-content .listing.shipping-listing{ grid-template-columns: 2fr 2fr 2fr; padding:0; } .size-chart{ max-width:1200px; margin:0 auto; } .size-chart-info .group-block-content { display: block; background: #FFF; padding:10px 10px; /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); border-radius: 8px; */ max-width:700px; margin:0 auto; } .cms-content .listing { padding: 0px 0 0 0; /* gap: 20px; grid-template-columns: 2fr 2fr; display:grid; */ } .cms-content .listing li { list-style: none; box-shadow: none; /* border: 1px solid #D8D8D8; */ padding:0 0 15px 0; line-height: 22px; color: #000; font-size: 16px; font-style: normal; font-family: futura_ptmedium; opacity: 1; letter-spacing: 3.2px; text-transform: uppercase; margin-bottom:0px; /* box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2) */ } .cms-content .listing li strong{ font-family: futura_ptmedium; color: #000005; font-size: 18px; font-style: normal; line-height: 100%; text-transform: none; letter-spacing:0; } .cms-content .listing li p{ color: #000005; font-size: 16px; font-style: normal; line-height: normal; font-family:'futura_ptlight'; text-transform: capitalize; letter-spacing: 0; margin:0; } .faq-section .faqpart_1 { min-width:330px; } .faq-section .faqpart_2 .faq-question { padding: 10px 10px; background-color: transparent; font-size: 16px; display: flex; justify-content: space-between; margin: 0; color: #000; font-style: normal; line-height: 100%; text-transform: none; border-bottom:1px #e2e2e2 solid; cursor:pointer; } .faq-section .faqpart_2 { border-top:1px #e2e2e2 solid; } .price-facet__highest-price { font-family: 'futura_ptmedium'; color: #000005; } .facets__panel .facets__inputs-wrapper.price-facet__inputs-wrapper{ margin:20px 0; } .facets__panel .ui-widget.ui-widget-content, .facets__panel .ui-state-default, .facets__panel .ui-widget-content .ui-state-default, .facets__panel .ui-widget-header .ui-state-default, .facets__panel .ui-button, html .ui-button.ui-state-disabled:hover, html .facets__panel .ui-button.ui-state-disabled:active { border: 1px solid #000000; } .faq-section .faqpart_2 { width:100%; } .faq-section .faqpart_2 div.faq-answer { padding: 10px; background-color: #ffffff; font-size: 16px; line-height:20px; margin-top: -7px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0px; border-bottom: 1px #E2E2E2 solid; color:#000; } .faq-section .faqsubmain { display: grid; gap: 30px; width: 100%; margin: 0 auto; grid-template-columns: 1fr 4fr; } .faq-section .faqpart_2 div.faq-answer li { color:#000; line-height:26px; } .faq-section .no-faq { font-style: normal; color: #000000; padding: 50px 10px; text-align: center; background: #e2e2e2; font-size: 20px; font-weight: bold; letter-spacing: 0.1rem; } .faq-section .faqpart_1 .faqgrp.active{ background-color: #e2e2e2; color:#000; font-size:16px; padding:8px 10px; } .faq-section .faqgrp { font-family:'futura_ptlight'; cursor: pointer; padding: 8px 10px; text-align: left; font-size: 16px; transition: background 0.3s; margin: 0; border:none; border-bottom: 1px solid #EFEFEF; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; text-transform:none; } .cms-content table thead th:first-child { min-width: 260px; } .faq-section #FaqMainDiv { margin-bottom:0;} .faqpart_2 .faq-question span svg { display:none; } .faqpart_2 .faq-question span { position:relative; height:15px; width:15px; } .faqpart_2 .faq-question span[data-arrow="plus"]{ width: 11px; height: 14px; display: inline-block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 11px 11px; margin-top:3px; } .faqpart_2 .faq-question span[data-arrow="minus"]{ width: 11px; height: 2px; display: inline-block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 11px 2px; margin-top:9px; } /* wishlist */ .swym-storefront-layout-root-component #swym-storefront-layout-container { max-width: 1650px; padding: 70px 0px; width: 100%; margin: 0 auto; } .swym-storefront-layout-root-component #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-add-to-cart-button, .swym-storefront-layout-root-component #swym-storefront-layout-container swym-storefront-layout-login-user .swym-storefront-layout-login-button, .swym-storefront-layout-root-component .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-control-centre.swym-share-wishlist-modal-dialog .swym-share-wishlist-email-btn, .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-control-centre.swym-share-wishlist-modal-dialog .swym-share-wishlist-email-btn.swym-disabled, .swym-inject.swym-ready .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-control-centre.swym-share-wishlist-modal-dialog .swym-share-wishlist-email-btn { color: var(--white-color); font-size: 16px; font-weight: 600; background: var(--primary-button); border-radius: 20px; } .swym-inject.swym-ready .swym-ui-components .swym-icon::before, .swym-inject.swym-ready .swym-ui-component .swym-icon::before { color: var(--primary-button); } .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-control-centre.swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-share-wishlist-note {resize: none;} .swym-storefront-layout-root-component #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-image-container, .swym-storefront-layout-root-component .swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-image-container {height: auto; overflow: hidden;} .swym-inject.swym-ready .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-control-centre.swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container input, .swym-inject.swym-ready .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-control-centre.swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-share-wishlist-note, .swym-inject.swym-ready .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-control-centre.swym-share-wishlist-modal-dialog .swym-share-wishlist-button { border-radius: var(--inputs-radius); padding: 10px; } #swym-wishlist-render-container.swym-storefront-layout-root-component .swym-storefront-layout-container {overflow-y: auto;} .swym-storefront-layout-root-component #swym-storefront-layout-section-container .swym-storefront-layout-grid-item {gap: 0;} .swym-storefront-layout-layout swym-storefront-layout-tab-content .swym-storefront-layout-header .swym-storefront-layout-title { color: var(--primary-button); font-size: 36px; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .swym-storefront-layout-root-component #swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-container .swym-storefront-layout-tab-container .swym-storefront-layout-body { width: 100%; max-width: 1650px; overflow: auto; } /* .swym-storefront-layout-root-component #swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-container .swym-storefront-layout-tab-container .swym-storefront-layout-body swym-storefront-layout-default-wishlist .swym-storefront-layout-default-list-container .swym-storefront-layout-items-container swym-storefront-layout-item {width: calc((100% - 0%)/ 4) } */ .swym-storefront-layout-root-component #swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-container .swym-storefront-layout-tab-container .swym-storefront-layout-body .swym-storefront-layout-default-list-container .swym-storefront-layout-items-container swym-storefront-layout-item .swym-storefront-layout-grid-item a img { transition: transform var(--duration-long) ease; } .swym-storefront-layout-root-component #swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-container .swym-storefront-layout-tab-container .swym-storefront-layout-body .swym-storefront-layout-default-list-container .swym-storefront-layout-items-container swym-storefront-layout-item:hover .swym-storefront-layout-grid-item a img { transform: scale(1.03);} #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-content, .swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-content { padding: 22px 20px 0;} .swym-storefront-layout-layout swym-storefront-layout-tab-content .swym-storefront-layout-body .swym-storefront-layout-default-list-container .swym-storefront-layout-items-container .swym-storefront-layout-grid-item-content .swym-storefront-layout-grid-item-title { text-decoration: none; text-transform:uppercase; text-align: center; font-size: 16px; font-weight: 600; line-height: 1.2; -webkit-line-clamp: 2; min-height: 40px; margin: 0 auto;} .swym-storefront-layout-layout swym-storefront-layout-tab-content .swym-storefront-layout-body .swym-storefront-layout-default-list-container .swym-storefront-layout-items-container .swym-storefront-layout-grid-item-content .swym-storefront-layout-grid-item-price-variant { width: 100%; justify-content: center; column-gap: 10px; } .swym-storefront-layout-layout swym-storefront-layout-tab-content .swym-storefront-layout-body .swym-storefront-layout-default-list-container .swym-storefront-layout-items-container .swym-storefront-layout-grid-item-content .swym-storefront-layout-grid-item-price-variant .swym-storefront-layout-grid-item-final-price { color: 000005; font-size: 16px; line-height: normal; } .swym-storefront-layout-layout swym-storefront-layout-tab-content .swym-storefront-layout-body .swym-storefront-layout-default-list-container .swym-storefront-layout-items-container .swym-storefront-layout-grid-item-content .swym-storefront-layout-grid-item-price-variant .swym-storefront-layout-grid-item-compare-price { color: #00000080; font-size: 18px; font-weight: 500; line-height: normal; } #swym-wishlist-render-container .swym-ui-component .swym-product-price .swym-product-final-price { color: var(--primary-color); order: 2; margin: 0 0 0 0.4em; font-size: 18px; font-weight: 700; } #swym-wishlist-render-container .swym-ui-component .swym-product-price .swym-product-original-price { font-size: 18px; color: #a7a6a6; font-weight: bold; } #swym-wishlist-render-container .swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-product-price { font-size: 1.2rem; } #swym-wishlist-render-container .swym-ui-component .swym-wishlist-context-menu .swym-wishlist-context-menu-content { padding: 10px; } #swym-wishlist-render-container .swym-ui-component .swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item { padding: 0; } #swym-wishlist-render-container #swym-storefront-layout-section-container .swym-storefront-layout-header {height: auto;} #swym-wishlist-render-container #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-option-button svg circle { fill: var(--black-color); } .swym-storefront-layout-root-component swym-storefront-layout-notification .swym-storefront-layout-notification-container .swym-storefront-layout-notification-action {color: #fff;} .swym-storefront-layout-root-component.swym-storefront-layout-as-section swym-storefront-layout-notification#swym-storefront-layout-notification.swym-storefront-layout-notification-position-center { left: 0; transform: translateX(0); right: auto; bottom: 20%; border-radius: 0 10px 10px 0; } #swym-wishlist-render-container .swym-storefront-layout-total-list-items-count { color: var(--black-color); } .facets .facets__filters-wrapper:hover .facets__summary, .facets .facets__filters-wrapper:has(.facets__panel[open]) .facets__summary { opacity:1;} .swym-storefront-layout-grid-item-price-variant:has(.swym-storefront-layout-grid-item-compare-price) .swym-storefront-layout-grid-item-final-price { color: #000005 !important; } .facets .price-facet__input { border: 1px #000 solid; box-shadow: none; } .facets .show-more__label { font-family:'futura_ptmedium'; color:#000005; } .facets .facets__inputs .show-more__button .icon-plus svg { width: 26px; height: 26px; } .facets__inputs-list input[type="radio"] { display: none; } .facets__inputs-list .radio label { position: relative; padding-left: 25px; cursor: pointer; color: #000005; font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; } .facets__inputs-list .radio label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border: 2px solid #B8B8B8; border-radius: 50%; background: transparent; transition: border-color 0.3s ease; } .facets__inputs-list input[type="radio"]:checked + label::after { content: ""; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: #fff; border-radius: 50%; } .facets__inputs-list input[type="radio"]:checked + label::before { border:2px #000 solid; background:#000; } .swym-storefront-layout-tab-container a.swym-storefront-layout-grid-item-image-container { height: 400px !important; } .swym-storefront-layout-tab-container a.swym-storefront-layout-grid-item-image-container img { object-fit:contain; } /*megaMenu CSS */ .menu-dropdown .mega-menu ul.mega-menu-list li a.mega-menu__link { line-height: 240%; } .mega-menu ul.mega-menu-list { padding: 0 0 0 35px; list-style: none; width: 18%; margin-top: 0; max-width: 272px; } .menu-new-coll .mega-menu ul.mega-menu-list { padding-left:15px; } .mega-menu ul.mega-menu-list li{ display: grid; grid-template-columns: 2fr 2fr; column-gap: 44px; } .mega-menu .mega-menu__link{ color: #000000a8; font-size: 16px; font-style: normal; font-weight: normal; line-height: 160%; /* 43.2px */ } .mega-menu .trending-now-coll h5{ margin-bottom:41px; } .mega-menu .mega-menu__link:hover, .mega-menu .mega-menu__link.active{ /* font-family:"futura_ptmedium", sans-serif; */ color:#000; } .mega-menu .trending-now-coll { width: 46.5%; padding: 0 90px; border-left: 1px #D8D8D8CC solid; border-right: 1px #D8D8D8CC solid; } .mega-menu .mega-menu__three-column-grid{ padding-left:15px; } .mega-menu .mega-menu__image-column { width: 14%; display: inline-block !important; flex: auto !important; max-width:352px; margin-top:8px; } .mega-menu { margin:0 auto; max-width:1650px; background:#fff; width:100%; } .mega-menu h5{ width:100%; color: #000005; font-size: 15px; font-style: normal; font-weight: normal; line-height: normal; text-transform: uppercase; font-family:"futura_ptmedium", sans-serif; padding-bottom:10px; border-bottom:1px #D8D8D8CC solid; margin-bottom:10px; margin-top:0; } .menu-dropdown .mega-menu { width: 98%; max-width: inherit; display: inline-block; } .menu-dropdown .mega-menu ul.mega-menu-list a.mega-menu__link { border-bottom: solid 1px #ccc; width: 100%; display: inline-block; padding: 0 20px; color:#000005; } .menu-dropdown .mega-menu ul.mega-menu-list a.mega-menu__link:hover { background:#000005; color:#FFF; } .menu-dropdown .mega-menu ul.mega-menu-list div:last-child a.mega-menu__link{ border-bottom:none; } .mega-menu .mega-menu__three-column-grid{ margin-top:0; } .mega-menu .mega-menu__grid { display:flex; gap:100px; padding:33px 0 28px 0; } .mega-menu .mega-menu__grid .brand-letters-list { flex-wrap:wrap; } .mega-menu .mega-menu__grid .brand-letters-list li a{ transition:all 0.5s ease-in-out 0s; min-width: 30px; background: #f1f1f1; text-align: center; height: 30px; vertical-align: middle; line-height: 12px; padding: 10px; color: #000; font-size: 14px; display:flex; justify-content:center; } .mega-menu .mega-menu__grid .brand-letters-list li:hover a { color:#FFF; background:#000005; } .mega-menu .mega-menu__item-with-image { display: grid; grid-template-columns: 2fr 2fr; column-gap: 30px; row-gap: 30px; } .menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu { background:transparent; top:calc(100% - -26px + var(--border-bottom-width))!important; } .mega-menu .mega-menu__item-with-image .menu-trending-img a { display: flex; align-items: center; flex-direction: row; } .mega-menu .mega-menu__item-with-image .menu-trending-img a img { height: 50px; width: 50px; margin-right: 20px; border: 1px rgba(0, 0, 0, 0.2) solid; padding: 2px; transition:0.3s ease-in-out 0s; } .mega-menu .mega-menu__item-with-image .menu-trending-img a:hover img{ border-color:#000; } .mega-menu .mega-menu__item-with-image .menu-trending-img a .title { color: #000000a8; font-size: 16px; font-style: normal; font-weight: normal; transition:0.3s ease-in-out 0s; line-height: 100%; /* 18px */ } .mega-menu .mega-menu__item-with-image .menu-trending-img a:hover .title{ color: #000; } .menu-dropdown { width: 250px !important; left: inherit !important; } .menu-dropdown .mega-menu ul.mega-menu-list { padding: 0; list-style: none; margin-top: 0; margin-bottom: 0; width:100%; } .menu-dropdown .mega-menu ul.mega-menu-list li { display:inline-block; width:100%; } .menu-dropdown .mega-menu { max-width: inherit; box-shadow:1px 1px 4px 0px rgba(0, 0, 0, 0.2); } .menu-dropdown .mega-menu .mega-menu__grid { display:block; padding: 0;} body.mega-menu-open .header:after { display:block; } .header:after { display:none; background:rgba(0,0,0,0.7); height:100vh; position:absolute; left:0; top:100%; width:100%; content:''; } header .overflow-menu:after { top:calc(100% - -27px + var(--border-bottom-width)); display:none; } .menu-new-coll { max-width:550px !important; left: inherit !important; } .menu-new-coll .mega-menu-list { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .menu-new-coll ul.mega-menu-list li { display:block; } .menu-new-coll .mega-menu .mega-menu__link { width:100%; line-height:180%; } .menu-new-coll .mega-menu ul.mega-menu-list { width:100%;max-width: 96%; gap: 80px; } .menu-new-col-designers.menu-new-coll .mega-menu ul.mega-menu-list { grid-template-columns:1fr; } .menu-new-col-designers.menu-new-coll { max-width:250px !important; } .menu-new-coll .mega-menu .mega-menu__grid { padding:30px 0 0 0; display:block; width:100%; } .menu-new-coll .mega-menu { display:block; padding:0 20px; width:100%; } .menu-new-coll .mega-menu__link-title { width: 100%; color: #000005; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; font-family: futura_ptmedium, sans-serif; padding-bottom: 10px; border-bottom: 1px #D8D8D8CC solid; margin-bottom: 0px; margin-top: 0;} .ydp-ui-component .ydp-wishlist-grid { display:grid !important; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:30px; padding:0 !important; margin:0 0 75px 0 !important;} .ydp-ui-component .ydp-wishlist-grid li { width:100% !important; margin:0 !important; } .ydp-ui-component.ydp-wishlist-page{max-width: 100% !important; width:100%; padding:0 30px !important;} .ydp-ui-component .ydp-wishlist-grid { max-width: 100% !important; width:100%; } .ydp-ui-component .ydp-wishlist-grid li{ border-radius: 0px; border:none; overflow: hidden;} .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item{ border: none 0px !important; } ydp-wishlist-page .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-title { margin: 0; text-align:center; font-size:16px; text-transform: uppercase; font-family: 'futura_ptmedium'; color: #000005} .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-title { color: #000 !important; font-style: normal; font-weight: 500 !important; line-height: normal !important;} .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-image-wrapper img { object-fit:contain; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-image-wrapper { background:#efefef; margin-bottom:20px;} ydp-wishlist-page .ydp-ui-component .ydp-product-price.ydp-has-sale .ydp-product-final-price {color: #000005; font-size: 16px; font-style: normal; font-weight:normal; font-family:'futura_ptmedium'; line-height: 16px; order: 2; margin: 0; } ydp-wishlist-page .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-product-price { justify-content: center;} ydp-wishlist-page .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-product-price .ydp-product-original-price {color: #3c3c3c; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; margin: 0 0.2rem 0 0; } .ydp-ui-component .ydp-wishlist-context-menu .ydp-wishlist-context-menu-item.ydp-delete { font-family:"futura_ptmedium", sans-serif; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-add-to-cart-btn{ box-shadow: none; border: 1px solid #D8D8D8; height: 45px; padding: 0 25px !important; font-weight:normal; background:transparent; line-height: 46px; color: #000; font-size: 16px; font-style: normal; font-family: futura_ptmedium; opacity: 1; letter-spacing: 3.2px; text-transform: uppercase;} .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-add-to-cart-btn:hover { background: #000005; color:#FFF; } .ydp-ui-component .ydp-product-price .ydp-product-final-price { font-size:16px; line-height:16px; } .ydp-ui-component.ydp-wishlist-page .ydp-wishlist-container-title-bar .ydp-wishlist-main-title{ color: #000005 !important;font-family: 'futura_ptmedium'; font-size: 24px !important;font-style: normal;font-weight: 450;line-height: 25px;text-transform: uppercase;} .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-delete-btn { border-radius: 0px !important; background: #d12e25 !important; width: 35px !important; height: 35px !important; line-height: 36px !important;} .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-delete-btn .ydp-icon::before{ color:#fff !important; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-delete-btn.sale { width: fit-content !important; background: transparent !important; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-delete-btn .ydp-sale-badge { word-break:none; background: #000005; text-transform:uppercase; border-radius:0; left:8px !important; } .ydp-ui-component .ydp-empty-wishlist-container{ border: solid 1px #ccc; margin-bottom: 50px;} .ydp-ui-component .ydp-empty-wishlist-container .ydp-empty-wishlist-title{ margin: 0 !important;} .ydp-ui-component .ydp-empty-wishlist-container .ydp-empty-wishlist-text{ max-width: 800px !important; text-align: center;} button#ydp-user-login-status-btn { box-shadow: none; border: 1px solid #000005; height: 45px; padding: 0 25px; line-height: 46px; background:#000005; color: #fff; font-size: 14px; font-style: normal;font-family: 'futura_ptmedium'; opacity: 1; letter-spacing: 3.2px;text-transform: uppercase;} button#ydp-user-login-status-btn:hover { background:transparent; color:#000; } header-drawer{ margin-left: 0 !important;} .pswp--zoom-allowed .pswp__img { background: #FFF; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background-color:#000; } .tab-inner-wrapper .accordion-icon { top: 61%; } .accordion-header.active .accordion-icon { top: 40%; } ydp-wishlist .ydp-modals-container .ydp-share-wishlist-modal .ydp-modal-content .ydp-share-wishlist-modal-dialog .ydp-share-wishlist-input-container, ydp-wishlist-page .ydp-ui-component .ydp-share-wishlist-modal .ydp-share-wishlist-modal-dialog .ydp-share-wishlist-input-container {padding-bottom: 0;} .ydp-ui-component .ydp-share-wishlist-modal .ydp-share-wishlist-modal-dialog .ydp-share-email-button-container {margin-top: 0;} .ydp-ui-component .ydp-share-wishlist-modal .ydp-share-wishlist-modal-dialog .ydp-share-email-button-container button { margin: 0; border-radius: 10px; } .ydp-ui-component .ydp-clear-wishlist-modal .ydp-clear-wishlist-modal-dialog .ydp-clear-wishlist-btn { border-radius: 10px; background: #003;} .ydp-ui-component .ydp-clear-wishlist-modal .ydp-clear-wishlist-modal-dialog .ydp-cancel-clear-wishlist-btn { border-radius: 10px; } .ydp-ui-component .ydp-share-wishlist-modal .ydp-share-wishlist-modal-dialog .ydp-share-email-button-container button:hover, .ydp-ui-component .ydp-clear-wishlist-modal .ydp-clear-wishlist-modal-dialog .ydp-clear-wishlist-btn:hover, .ydp-ui-component .ydp-clear-wishlist-modal .ydp-clear-wishlist-modal-dialog .ydp-cancel-clear-wishlist-btn:hover { background: #d12e25; } ydp-ui-component *, .ydp-ui-component .ydp-is-button, .ydp-ui-component .ydp-is-anchor, .ydp-ui-component .ydp-title, .ydp-ui-component .ydp-heading, .ydp-ui-component .ydp-label {font-family: var(--font-body-family);} .product__info-container .jdgm-widget.jdgm-widget .jdgm-prev-badge__text:hover {color: #d72027} .ydp-ui-component .ydp-share-wishlist-modal .ydp-share-wishlist-modal-dialog .ydp-close-btn { color: red; } .ydp-ui-component .ydp-share-wishlist-modal .ydp-share-wishlist-modal-dialog .ydp-share-wishlist-email-btn { background: #003; } .menu-list { --menu-horizontal-gap: 20px; } footer .menu__heading__accordion .svg-wrapper { color:#FFF; width:30px;} footer .menu__heading__accordion svg * { fill: #FFF; } .menu-list { --menu-horizontal-gap: 0px; } .menu-list__list-item { margin:0 12px;} div#ResultsList { width: 100%; } .cart-page__summary .cart__summary-inner { padding:0;} .menu-list__link { border-bottom:1px #fff solid; } .facets:not(.facets--drawer) .facets__actions { position:relative; z-index:-1;} .product-details { padding-left: 76px !important;} .tab-collection-section .section-resource-list__content { overflow-x:hidden; } .menu-drawer .mobile-logo { display:flex; align-items:center; justify-content:space-between; padding:10px 0 0 15px; } .menu-drawer .mobile-logo img { -webkit-filter: invert(100%); filter: invert(100%); width:90%; } .menu-drawer__close-button .svg-wrapper { height:20px !important; width:20px !important; color:#FFF; } .menu-drawer__close-button svg { height:20px !important; width:20px !important; } .header__column--right .ydp-header-launcher svg * { stroke-width:2px; } .header__column--right .ydp-header-launcher { margin-top: 2px; } .product-information__media .home-and-collection { right:-9px !important; top:4px !important; } .product-information__media .slideshow-controls__thumbnails .slideshow-control--large { height:auto; } .product-information__media slideshow-controls:not([controls-on-media]):is([pagination-position=left]) .slideshow-controls__thumbnails { padding-inline-start:2px !important; } .slideshow-controls__thumbnails .slideshow-control img { object-fit:contain; } .accordion--dividers accordion-custom:not(:first-child) .details { border-bottom:none !important; } footer .menu__heading__accordion .svg-wrapper.icon-plus { display:none; } .predictive-search__reset-button-icon { width:30px !important; } .predictive-search__reset-button { height:40px !important; width:40px !important; } .variant-option--equal-width-buttons.variant-option--material .variant-option__button-label { min-width:auto !important; max-width:inherit !important; line-height:38px; margin-bottom:0; flex:inherit; } .cart-discount__input, .contact-form-input-aefvov2ltzvfvyunwocustomcontactformwfluj4, .contact-form-textarea-aefvov2ltzvfvyunwocustomcontactformwfluj4, .field__input { border-radius:0px !important; } .email-signup__message.email-signup__message--error { color:#F00; } .cart-discount__pill-code { max-width:inherit !important; } .cart-discount__pill { width:100%; } .cart-discount__pill .cart-discount__pill-remove { --close-icon-opacity:1 !important; height:13px; width:13px; } .cart-discount__pill .cart-discount__pill-remove svg * { stroke:#F00; } .cart-discount__error { color:#F00; } .size-guide-link { font-family:"futura_ptmedium", sans-serif; color: #000005;font-size: 18px;font-style: normal;font-weight: normal;line-height: normal; } header .predictive-search__reset-button { height:33px !important; } .hero__container.full-showcase-box { min-height: 620px; height:620px; } .carousel-button-adnzjm01hy1uzyml2ztabcollectionaptryk[aria-label="Next products"] svg { position: relative; top: 8px; left: 12px; } .product-details .product-form-buttons { position:relative; } .product-details .product-form-buttons span.product-form-text__error{ position: absolute; bottom: -29px;} .email-signup__button:not(.button-unstyled) { letter-spacing: 1.2px; } .product-information__media .media-gallery--carousel .product-card__link { position: absolute; width: 55px; height: 27px; right: 0; left: inherit;} .product-information__media button.ydpp.wishlist-button.home-and-collection { top: 25px !important; right: 17px !important;} .contact-footer__link-as2nbuzzvyxnxkzy4ycontactinfomfljkb:hover { text-decoration:none !important; } footer a:hover { color:#fff !important; } footer .footer-bottom-content a:hover, footer .footer-utilities__group .footer-utilities__text, footer .footer-utilities__group .footer-utilities__text a:hover, footer .footer__copyright a:hover { color:#5a5858 !important; } .email-signup__message--success p { color: var(--color-success); margin-top:2px; } .email-signup__form {position:relative; } .email-signup__message { background: #9fd7ba; padding: 5px 10px; position: absolute; top: 70px; width: 100%; font-family: 'futura_ptmedium'; } .arrow-icon-custom button { z-index: 1;} .menu-list__link { color: #000005;} header .account-popover .account-actions { display:flex; flex-direction:column; position:relative; } header .account-actions__list { display: flex; flex-wrap:wrap; } header .account-popover__panel { max-width:200px; min-width:200px; } header .account-actions__header span.h5, .account-actions__header span {font-size: 14px;} .shadow-header .header-section { box-shadow:0 0 5px #00000080; } .ydp-header-launcher-icon span.svg-wrapper svg, .ydp-header-launcher-icon span.svg-wrapper { height: 22px; width: 22px; } .header__column--right .dropdown-localization__button .icon-caret { height: 19px; width: 19px;} .account-popover .account-popover__summary:after { opacity:0; opacity .3s ease-in-out,transform .3s ease-in-out} .account-popover[open] .account-popover__summary:after { opacity:1; content: ''; position: absolute; left: 0; top: 0; height: 0px; width: 0px; border-style: solid;border-width:0 10px 10px 10px;border-color: transparent transparent #00000080 transparent; top: 100%;} .instafeed-new-layout-wrapper { gap:10px !important; } .product-grid[data-product-card-size=medium] .product-card-gallery__title-placeholder {max-height: 290px; margin-bottom:20px; padding: 22px 16px !important; width:100%; } .placeholder-image { height:100%; width:100%; object-fit:contain; } .product-card button.ydpp.wishlist-button.home-and-collection svg, .product-information__media button.ydpp.wishlist-button.home-and-collection svg { width:20px !important; } .collection-wrapper .product-card button.ydpp.wishlist-button.home-and-collection svg { width:18px !important; } .email-signup__input, .email-signup__input:hover { background:transparent; } .email-signup__input, .email-signup__button--text { padding:13px 225px 12px 22px !important; } .email-signup__button:not(.button-unstyled) { min-height:39px !important; padding:13px 24px 12px 24px !important; } .email-signup__input::placeholder { color:#000005 !important;} .price-facet #slider-range { width:100% !important; } .facets .price-facet__input { font-size:14px; line-height:14px; padding:12px 10px 9px 24px; color:#000005; } .field__label.price-facet__label { padding:9px 7px 4px 7px !important; } #slider-range .ui-slider-range { top:0 !important; } .price-facet #slider-range:before { content: ""; background: #ddd; position: absolute; left: 0; right: 0px !important; top: 0; bottom: 0; } .showcase-box { position: relative; max-height: 820px; height: 820px; } .collection-card-box .collection-card__image { background:#efefef; margin-bottom:5px; } .collection-card-box .collection-inner-title { text-transform: uppercase; font-family: 'futura_ptmedium'; color: #000005; padding-bottom: 0px;} .main-collection-title-header { border-bottom:1px #988D8B solid; margin-bottom:50px; } .collection-card-box .collection-card__image .image-block__image { object-fit:contain; } .brand-button a, .snize-ac-results .snize-view-all-link { box-shadow: none; border: 1px solid #000005; height: 38px; padding: 0 27px; line-height: 38px; color: #fff; background:#000005; font-size: 16px; font-style: normal; font-family: 'futura_ptmedium'; opacity: 1; letter-spacing: 3.2px; text-transform: uppercase;} .brand-button:hover a, .snize-ac-results .snize-view-all-link:hover { background:transparent; border-color:#D8D8D8; color:#000005; } .snize-ac-results { width:100% !important; } .snize-ac-results .snize-label { font-family: 'futura_ptmedium'; text-transform:uppercase; color:#000005; } .jdgm-write-review-modal .jdgm-write-review-modal__checkbox-custom::after { top:0 !important; left:4px !important; } .product-badges__badge { color:#fff; font-size: 14px !important; letter-spacing: .1rem; line-height: 1; padding:.6rem 1.3rem .6rem !important; text-align: center; font-weight:bold !important; } .shopify-challenge__container { padding: 150px 0; } .shopify-challenge__message { font-family:'futura_ptmedium'; font-size:26px; line-height:30px; padding:0 20px; } .shopify-challenge__container .h-captcha iframe { height:77px !important; } .size-chart-img .image-block--height-fill .image-block__image { max-height:640px; min-height:640px; } .size-guide-table-container-aoxmxykfvvtd4nys0naigenblockd2691fbbv9rjq { max-height:530px; } .quick-add-modal { width:90%; max-width:1240px; } .quick-add-modal__content { max-width:100% !important; max-height:550px; } .quick-add-modal__content .product-details .variant-picker { overflow:visible !important; } .quick-add-modal__content .product-details { padding-bottom:50px; padding-top:50px; height:auto !important; } .quick-add-modal__close { right:20px !important; } dropdown-localization-component .localization-form__list-item .flag-icon img { border-radius: 100%; height: 20px; width: 20px; } .predictive-search .predictive-search-results__inner .resource-card__image { object-fit:contain; } .brands .page-width { width: 100%; max-width: 1440px; margin: 0 auto 0 auto; padding: 0 20px;} .shows-brand-list { width: 100%; max-width: 1440px; margin: 0 auto 0 auto; padding: 0 20px; display:flex; align-items:start; justify-content:start; gap:30px; } .shows-brand-list .search-brand { width: 25%; margin:0; } .shows-brand-list .main-brands { width:75%; } .shop-our-brands { width: 100%; max-width: 1440px; margin: 100px auto 0 auto; padding: 0 20px; text-align:center; } .shop-our-brands .brands .page-width { max-width:100%; padding:0; } .shop-our-brands .brands__filter { margin-top:30px; margin-bottom: 3em; padding-bottom: 2em; border-bottom: 1px solid #ccccd6; text-align: center;} .shop-our-brands .brands__filter a { display: inline-block; margin: 3px; min-width: 40px; background: #000005; border:1px #000005 solid; padding: 10px 3px; font-size: 18px; text-decoration: none; color: #fff; font-weight: 700; line-height: 20px; } .shop-our-brands .brands__filter a:hover { background:transparent; color:#000005; } .brands__list { margin-bottom: 3em; } .brands__featured--title, .brands__list--title { margin-bottom: 15px; color: #000005; letter-spacing: 0; } .brands-list:last-child .brands__list-wrap { margin-bottom: 0; padding-bottom: 0; border: 0; } .brands__list-wrap { border-bottom: 1px solid #ccccd6; padding-bottom: 20px; margin-bottom: 20px; } .brands h3, .brands .h3 { margin-bottom: 5px; margin-top: 10px; } .brands__list .brands__list-helper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; margin-left: -.5em; margin-right: -.5em; } .brands__list .brands__list-helper .brands__list-con { padding:.8em .5em; width: 50%; } .brands__list .brands__list-helper a { padding:.8em .5em; cursor: pointer; display: block; width: 100%; letter-spacing: 1px; background: #efefef; color: #000005; font-weight: normal; text-decoration: none; transition:all 0.5s ease-in-out 0s; font-size:14px; text-transform:uppercase; font-family:'futura_ptmedium', sans-serif; } .brands__list .brands__list-helper a:hover{ background:#000005; color:#FFF; } .search-brand .ltr-qfqbf .ltr-l2izer{ width:90%; background:transparent; } .search-brand button.ltr-1axaf8h { width: auto; max-width: max-content; background:transparent; border:none; } .ltr-qfqbf{ width: 100%; height: 2.5rem; border-bottom: 1px #000 solid; display: flex; justify-content:space-between; align-items: center; } .ltr-qfqbf .ltr-l2izer{ border:none; box-shadow:none; } .arrow-icon-custom [aria-label="Next products"] { transform: rotate(180deg); top:47%; } .blog-post-details time { font-size:16px; } table.table-format { border:1px solid #e9e9e9; } .blog-detail-main, body.blog-detail main .section.color-scheme-1 { display:block; } .blog-detail-main .blog-post-content { max-width:100%; padding:0 30px; } .blog-detail-main .ed-FlexGrid.ed-FlexGrid--gutterArticleImageGroup { display: flex; justify-content: space-between; gap: 30px;} .blog-detail-main .ed-FlexGrid.ed-FlexGrid--gutterArticleImageGroup figure { margin:30px 0; } .blog-detail-main .blog-sub-section { max-width:650px; width:100%; margin:0 auto; } .blog-detail-main .blog-main-section-content { max-width:650px; width:100%; margin:10px auto 0 auto; } .blog-post-content figure { margin-bottom:20px; } .blog-detail-main .blog-main-section-content p, .blog-detail-main .blog-sub-section p { margin: 10px 0; font-size:16px; line-height:22px; } footer .footer-cms-link ul li { position:relative; } footer .footer-cms-link ul li:after { position:absolute; right:-4px; top:15px; content:''; height:17px; width:1px; background:#5a5858; } footer .footer-cms-link ul li:last-child:after { display:none; } @media (min-width: 1025px) { .brands__list-wrap { padding-bottom: 25px; margin-bottom: 25px; } .brands__list .brands__list-helper .brands__list-con { width: 33%; } } @media(min-width:1652px){ .menu-list__list-item { margin:0 30px; } .showcase-box { min-height:820px; } .designer-collection .our-designer-block .image-block { min-height:698px; } .best-sale-collection.designer-collection .resource-list__carousel .resource-list__slide { min-width:472px; } .designer-collection .resource-list__carousel .resource-list__slide { min-width:532px;} :not(.dialog-zoomed-gallery) > .product-media-container { min-height: 467px; } .best-sale-collection.designer-collection .resource-list__carousel .resource-list__slide .media-img-bg slideshow-slides { min-height:740px; } .collection-occasion-card .collection-card__image { min-height:512px; /*max-width:390px;*/ max-width:100%;} .designer-collection slideshow-slides[gutters*=start] { padding-inline-start: 45px; } .product-grid[data-product-card-size=medium] .product-card-gallery__title-placeholder { min-height: 448px; width: 100%; margin-bottom:20px; } .recommended-custom-product .product-card-gallery__title-placeholder{ min-height: 491px; width: 100%; margin-bottom:20px; } .recommended-custom-product :not(.dialog-zoomed-gallery) > .product-media-container { min-height:510px; } .placeholder-image { aspect-ratio: initial !important;} .designer-collection slideshow-slides[gutters*=end] { padding-inline-end: 365px;} } @media (min-width:1200px){ .button-primary:hover { background: #000; color: #FFF; } .button-primary:hover a { color: #FFF; } .button-secondary:hover { background: #000; color: #FFF; border-color: #000; } .button--secondary:hover, .button--primary:hover, .shopify-challenge__button.btn:hover { background:transparent; color:#000; } .slideshow-controls__thumbnails .slideshow-control { height:159px; width:124px; } .product-details { padding-right: 99px; } .main-collection-details .collection-wrapper { display:flex; align-items:start; flex-direction:row; } .main-collection-details .facets-block-wrapper--vertical { min-width:249px; } .tab-collection-col .tab-block a { flex: 0 0 calc(80% / 3 - (30px * (4 - 1) / 5)); max-width: calc(80% / 3 - (30px * (4 - 1) / 5));} .You-may-also-like .resource-list__carousel .resource-list__slide, .recommended-custom-product .resource-list__carousel .resource-list__slide { min-width:308px; } .homepage-banner { height: 750px; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-image-wrapper{height: 360px !important;} .menu-list__list-item:hover .menu-list__link { border-color:#000; } } @media (min-width:1023px){ .header-section { padding:18px 0 26px 0; } } @media(min-width:992px){ .large-up-hide { font-size:0; width:10px; } .cart-page__summary .cart__summary-inner { padding:30px; } } :not(.dialog-zoomed-gallery) > .product-media-container { max-height:inherit; aspect-ratio:auto; } @media(min-width:768px){ .pl-30{ padding-left:30px !important; } .pr-30{ padding-right:30px !important;} .px-30, .cart-page-detail .cart-items-component{ padding-left:30px !important;padding-right:30px !important;} .search-brand { margin: 2.4rem; } } @media screen and (min-width: 750px) { .carousel-button-adnzjm01hy1uzyml2ztabcollectionaptryk svg { width:100% !important; height:100% !important; } .dialog-modal .predictive-search-form__header { padding:0 !important; } .dialog-modal .predictive-search-form .predictive-search__icon { top: 10px; } } @media(max-width:1750px){ footer .footer-menu>.group-block-content { gap: 70px;} footer .we-accept-col { min-width: 20%; } } @media(max-width:1699px){ .contact-form-field-aefvov2ltzvfvyunwocustomcontactformwfluj4 { margin-bottom:20px; } .showcase-box { position: relative; max-height: 600px; height: 600px; } footer .we-accept-col { min-width: 22%;} footer .details-content ul { column-gap: 20px; } .mega-menu ul.mega-menu-list { padding-left:0; width:20%; } .mega-menu .mega-menu__grid { gap:50px; } .mega-menu .trending-now-coll { padding:0 50px; width:53.5%; } .product-details .quantity-selector, .product-details .add-to-cart-button { letter-spacing:1px; } .recommended-custom-product .product-media { margin-bottom:0; } } @media(max-width:1399px){ .product-details { padding-left: 50px !important;} .product-details .product-form-buttons { flex-wrap:wrap; } .menu-list__link { font-size:14px !important; } footer .we-accept-col { min-width: 25%; } .payment-icons__list { gap:10px !important; } footer .footer-menu>.group-block-content { gap: 25px;} .collection-description, .collection-decs-title { font-size:16px; } .ydp-ui-component .ydp-wishlist-grid { display:grid !important; grid-template-columns:1fr 1fr 1fr 1fr; } .product-card__content .product-title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } } @media(max-width:1247px){ .cart-items__table thead th#quantity { display:none; } } @media(max-width:1199px){ .shows-brand-list { flex-wrap:wrap; } .shows-brand-list .search-brand { width:50%; } .brands__list { margin-bottom:0; } .header__column--right .ydp-header-launcher-icon .svg-wrapper, .header__column--right .ydp-header-launcher-icon .svg-wrapper svg { height:24px !important; width:24px !important; } .menu-dropdown { width:190px !important; } .size-chart .image-block__image { object-fit:contain; } .menu-list__list-item { margin:0 7px; } .product-detail-content { flex-direction:column; gap:20px;} .ydp-ui-component .ydp-wishlist-grid { display:grid !important; grid-template-columns:1fr 1fr 1fr; } .marquee-container .marquee-icon { height:22px; width:22px; } ydp-wishlist-page .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-title {font-size: 16px;} ydp-wishlist-page .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-image-wrapper { height: 310px;} .menu-list__link { font-size:14px !important; } footer .details-content ul { column-gap: 0; grid-template-columns: auto; } footer .we-accept-col { min-width: 29%; } footer .footer-menu>.group-block-content { gap:40px; } #FaqDivContent{padding: 0 !important;} .button-secondary { padding:0 16px; letter-spacing:0; font-size:14px; } .designer-collection .our-designer-block .collection-card__content p { font-size:16px; } .world-lilivant-arrows { width: 67px; display: flex; gap: 13px;} .facets-block-wrapper { margin-right:30px !important; } .email-signup-block.size-style { width:50%; } .email-content-group { text-align:center; } .marquee-container .marquee-content { gap:19px !important; } .email-content-group .text-block p { font-size:18px; } .mega-menu .mega-menu__three-column-grid { padding-left:0; } .recommended-custom-product .product-media { margin-bottom:0; } .collection-description, .collection-description p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } } @media(max-width:1024px){ .showcase-box { position: relative; max-height: 390px; height: 390px; } .marquee-container .marquee-content { gap:90px !important; } .tab-block .tab-collections p, .tab-block .tab-collections span { font-size:16px;} .hidden--desktop .button-secondary { margin:0 auto; } .designers-mobile-button { position:absolute; bottom:50px !important; left:0; right:0; } .header__column--right .ydp-header-launcher-icon .svg-wrapper svg * { fill:#FFF; } .header__column--left { gap:0 !important; } .mega-menu__image-column.usp-designer-mega-menu { display: inline-block; flex-wrap: wrap; width: 100%;} .mega-menu__image-column.usp-designer-mega-menu a{width: 49%;display: inline-block;} .hero__container.full-showcase-box { min-height: 367px; height:367px; } .card-gallery { margin-bottom: 13px; } .header-section .predictive-search-form__header .search-input { display:none; } footer .menu__heading__accordion .svg-wrapper.icon-plus { display:block; } .product-details { padding-left: 30px !important;} .full-width-banner-content .hero__content-wrapper { padding:0 20px; } .content-for-layout .page-width-content { margin:30px 0;} footer .layout-panel-flex { flex-direction:column; } /* footer .contact-info .layout-panel-flex { flex-direction:row; justify-content:space-between;} */ footer .footer-utilities { flex-direction:row; } footer .footer-menu>.group-block-content { gap:0; display:block; } footer .layout-panel-flex.spacing-style { padding-top:26px !important; } footer .h4.menu__heading, footer h3, footer h4 { padding:10px 0; } footer .menu__heading__default { display:none; } footer .menu__heading__accordion { display:flex; justify-content:space-between; } footer .details-content ul { display:block; } .cms-content .paymeny-detail { padding: 0 5% 0.5rem; margin-top: 95px;} .cms-content ul.payment-box { gap: 10px;} .cms-content ul.payment-box li { padding: 10px; font-size: 12px;} .cms-content ul.payment-box li .payment-icon { width: 32px; height: 32px; padding: .2rem; margin-bottom: 10px;} .cms-content ul.payment-box li .payment-icon svg { height: 20px; width: 20px;} .cms-content ul.payment-box li span{font-size: 14px; margin: 0 0 5px; line-height: normal;} .contact-form-container-aefvov2ltzvfvyunwocustomcontactformwfluj4 { display:block !important; } .contact-form-title-aefvov2ltzvfvyunwocustomcontactformwfluj4 { font-size:24px !important; } .contact-form-section-aefvov2ltzvfvyunwocustomcontactformwfluj4 { padding: 20px 15px !important; } .contact-form-field-aefvov2ltzvfvyunwocustomcontactformwfluj4, .contact-form-fields-aefvov2ltzvfvyunwocustomcontactformwfluj4 { gap:0 !important; } .content-for-layout .page-width-content { margin:20px 0;} .contact-form-image-section-aefvov2ltzvfvyunwocustomcontactformwfluj4 { min-height:50px !important; height:350px; } .contact-form-image-aefvov2ltzvfvyunwocustomcontactformwfluj4 { object-position:top; } .breadcrumb-cms.about-us-class { height:350px; padding-top:220px; } h2, h3, .h3, .h3.h3, .text-block.h3>* { font-size:30px;} body { font-size:16px; } .cms-about-us-section .layout-panel-flex { column-gap:50px; } .header-section .predictive-search-form .predictive-search__icon { left:0; right:auto; } .header-section .header__row--top { padding:20px 10px; background:#2d2d2d; } .header-section .header__row--top .header-logo__image{ -webkit-filter: invert(100%); filter: invert(100%); } .header-section svg * { fill:#fff; } .header__column--right .cart-count-bubble { background:#FFF; color:#000005; } .header__column--right .cart-bubble__background { background:#FFF; } .header-actions__cart-icon .cart-bubble__text { color:#000005; } .predictive-search-form__header-inner, .predictive-search-form__header{ background-color:#2d2d2d !important; } dialog-component .predictive-search-form__header-inner, dialog-component .predictive-search-form__header { background-color:#FFF !important; } .header-section .account-drawer { margin-left: 16px; margin-right:6px; } header-actions { align-items:center; } .header__column--right .ydp-header-launcher{ height: 30px; } .header-section { padding-bottom:0; padding-top:0; } .header-section .account-button { padding:0; position:relative; } predictive-search-component { background-color:#2d2d2d !important; } .header-section .predictive-search-form__header { border-bottom:none; } .menu-drawer-container .header__icon--summary { background:#2d2d2d; padding:10px 10px 10px 0 !important; } .header__icon--summary .header-drawer-icon { width:20px !important; } .header__icon--summary .header-drawer-icon { color:#FFF; } .dropdown-localization { display:none; } .header__drawer { display:inline-block !important; } .header__row--bottom { display:none; } .menu-drawer__menu .menu-drawer__menu-item--mainlist {font-size:14px; font-weight:normal; color:#000005; font-family:"futura_ptmedium", sans-serif; padding:20px 0; border-bottom:1px #D0D0D0 solid;} .menu-drawer__menu .menu-drawer__menu--childlist > li, .menu-drawer__menu .menu-drawer__menu--childlist > li ul li {border-bottom:1px #D0D0D0 solid; width:100%; display:block; min-height: auto; padding: 3px 0; } .menu-drawer__menu .menu-drawer__menu--childlist > li ul li:last-child { border-bottom:none; } .menu-drawer__menu .menu-drawer__menu--childlist > li ul { padding:0; } .menu-drawer__menu .menu-drawer__menu--childlist .menu-drawer__menu-item-text { font-size:18px; color:#fff; font-weight:normal; width:100%; line-height:30px; letter-spacing:1.1px; } .menu-drawer__menu .menu-drawer__menu-item>.svg-wrapper { padding:0 0 0 20px;} .menu-drawer__menu .menu-drawer__nav-buttons .menu-drawer__menu-item-text { font-weight:normal; font-family:"futura_ptmedium"; color:#FFF; } .menu-drawer__menu .menu-drawer__nav-buttons .menu-drawer__close-button { padding: 5px; margin-right: 20px; width:auto; } .menu-drawer__back-button>.svg-wrapper { height:20px !important; width:20px !important; color:#fff; } .header-section .menu-drawer__back-button svg * { fill:#000;} .menu-drawer svg { height:30px !important; width:30px !important; } .menu-drawer .menu-drawer__close-button { display: flex; justify-content: right; align-items: flex-end; width: 100%; } .menu-drawer__menu .menu-drawer__menu-item--mainlist svg { height:20px !important; } .menu-drawer__menu .menu-drawer__nav-buttons { border-bottom:1px #D0D0D0 solid; padding: 15px 0px; margin-bottom: 15px } .menu-drawer__menu .menu-drawer__back-button { padding:0 20px; line-height:normal; } .homepage-banner .caption h2 { font-size:40px; line-height:52px; } .homepage-banner .caption h4 { font-size:30px; line-height:48px; } .collection-wrapper .product-media { margin-bottom:0px; } .collection-wrapper .product-card__content .product-title { padding-bottom:5px; } .collection-wrapper .product-card__content .description { margin-bottom:3px; } .collection-wrapper .product-grid__item { margin-bottom:10px; } .marquee-container::before, .marquee-container::after { display:none !important; } .homepage-banner .caption {padding-bottom: 127px;position: relative; z-index: 9;} .menu-drawer__menu .menu-drawer__menu--childlist > li a#HeaderDrawer-new-noted-new span, .menu-drawer__menu .menu-drawer__menu--childlist > li a#HeaderDrawer-new-noted-noted span, .menu-drawer__menu .menu-drawer__menu--childlist > li a#HeaderDrawer-designers-a-z-designers { font-family:"futura_ptmedium"; font-size:20px;} .trending-now-coll .mega-menu__item-with-image { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-direction:column; width:100%; } .trending-now-coll .trending-text, .menu-drawer__menu h5{ margin:10px 0; font-size:20px; color:#FFF; } .trending-now-coll .mega-menu__item-with-image .menu-trending-img { display:block; width:100%; } .trending-now-coll .mega-menu__item-with-image .menu-trending-img a { display: flex; width: 100%; justify-content: flex-start; gap: 10px; align-items: center;} .trending-now-coll .mega-menu__item-with-image .menu-trending-img a img { height: 54px; width: 54px; } .trending-now-coll .mega-menu__item-with-image .menu-trending-img a .title { font-size: 18px; letter-spacing: 0.2px; color:#FFF; } .mega-menu__image-column img { margin-bottom:0 !important; } .designer-collection-mobile { padding-bottom: 70px !important; } } @media (max-width:900px){ .ydp-ui-component .ydp-simple-wishlist-container .ydp-wishlist-detail .ydp-wishlist-main-title { text-transform:uppercase; color:#000005 !important; } .ydp-ui-component .ydp-wishlist-grid { display:grid !important; grid-template-columns:1fr 1fr; margin-bottom:50px !important; } .ydp-ui-component .ydp-user-login-status .ydp-user-text { display:block !important; font-size:12px; letter-spacing:0; } .ydp-ui-component .ydp-simple-wishlist-container .ydp-wishlist-container-title-bar .ydp-user-login-status { top:-10px !important; right:0px !important; } button#ydp-user-login-status-btn { padding:0 10px; height:42px; line-height:42px; } .ydp-ui-component .ydp-simple-wishlist-container .ydp-wishlist-detail.ydp-show-share-option-on-top .ydp-wishlist-detail-header { margin-bottom:50px !important; } } @media(max-width:992px){ .footer-content p br { display:none; } .collection-decs-title { min-height:61px; } .product-details .accordion .details-content { padding:20px 0 ;} .product-details .quantity-selector, .product-details .add-to-cart-button, .product-details .shop-the-look-button { height:48px; } .product-details .product-detail-main-title h3 { font-size:16px;} .product-grid { grid-template-columns: 1fr 1fr; } .cart-items__table thead th#quantity { display:block; } .button-secondary { font-size:11px;} .home-product.product-card__content .product-title p, .home-product.product-card__content .product-title, .designer-collection .price-text .compare-at-price, .home-product.product-card__content .price { font-size:14px; line-height:14px; } .home-product.product-card__content .description p, .home-product.product-card__content .description { font-size:14px; } .newsletter-section .section-content-wrapper { flex-direction:column; row-gap:30px; } .email-signup-block.size-style { width:100%; } .product-card__content .product-title p { font-size:14px; } .newsletter-section .divider__line { height:15px !important; width:100% !important; background-image: url('data:image/svg+xml;utf8,') !important; background-repeat: no-repeat; background-position:center; background-size: contain; } .cms-about-us-section .layout-panel-flex { flex-direction:column; padding-top:15px; row-gap:0; } .cms-about-us-section .image-block img { width:100%; margin-top:20px; } .pagination { flex-direction:column; } .email-content-group .group-block-content.mobile-column { gap: 10px; align-items: center;} .newsletter-section h2 { text-align:center; } } @media(max-width:799px){ .cart-items__table thead th#quantity, .cart-items__table thead th.caption-with-letter-spacing { display:none; } .cart-items__table thead .cart-items__table-row { --cart-item-price-width: 0rem; column-gap:0; } } @media(max-width:767px){ footer .footer-cms-link ul li:after { height:13px; top:14px; } .blog-detail-main .blog-post-content { padding:0 20px; } .faq-section .faqpart_2 { border-top:none; width:100%; display:inline-block; } .ydp-ui-component.ydp-wishlist-page { padding:0 20px !important; } .email-content-group h2, .email-content-group p.title { font-size:16px; line-height:24px; } .tab-shop-now-btn { right:20px; } .pl-30{ padding-left:20px !important; } .pr-30{ padding-right:20px !important;} .px-30, .cart-page-detail .cart-items-component{ padding-left:20px !important; padding-right:20px !important;} .shows-brand-list .search-brand { width:100%; } .size-chart-img .image-block--height-fill .image-block__image { max-height:460px; min-height:460px; } slideshow-component slideshow-slide:not([aria-hidden='false']) { content-visibility: visible;} .main-collection-title-header { margin-bottom:30px; } .showcase-box { position: relative; max-height: 367px; height: 367px; } .designer-collection-mobile { padding-bottom: 100px !important; } .product-detail-app-block .spacing-style{ padding-top:0 !important; } .designer-collection .our-designer-block .collection-card__content p { font-size:14px; } .designer-collection.designer-collection-mobile { gap:0; } .designer-collection.designer-collection-mobile slideshow-arrows { margin:24px auto 14px auto; } .listing-breadcrumbs { display:none !important; } .brand-content p{ text-align:center !important; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-delete-btn { width: 25px !important; height: 25px !important; line-height: 26px !important;} .ydp-ui-component ul.ydp-wishlist-grid { padding:0 !important; } .ydp-sale-badge, .product-badges__badge { padding:5px 10px !important; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-delete-btn { top:8px !important; right:5px !important; } .ydp-delete-btn.ydp-nav.ydp-nav-1.ydp-is-button.sale { top:5px !important; left:5px !important; } .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-add-to-cart-btn { font-size:11px !important; letter-spacing:0.3px !important; } button.ydpp.wishlist-button.home-and-collection svg { height: 17px !important; width: 17px!important;} .product-card__content .price, .product-card__content .compare-at-price { font-size:14px; } .product-card__content .text-block { font-size:12px; } .image-gallery__navigation-aa3gws3nsbjywtnpisworldlilivantekinip { display:block !important; margin:0 !important; } .world-lilivant-arrows { margin:20px auto 0 auto; width: 67px; display:flex; gap:15px; justify-content:center; } .card-gallery { margin-bottom:10px; } .product-card__content .description { margin-bottom:12px; } .header-section .predictive-search-form .predictive-search__icon { left:0px; right:auto; } .designer-collection.best-sale-collection slideshow-arrows { margin-bottom:30px;} /* .product-information__grid { padding: 0 20px;} */ .product-information__media .media-gallery--carousel{ margin-bottom:30px; } .product-details { padding-left:0 !important; } .collection-decs-title { min-height: inherit; } .product-information__media slideshow-controls[controls-on-media] { bottom:0; } .product-information__media .slideshow-controls__dots button { border-color:#000; } .product-information__media .slideshow-controls__dots button[aria-selected=true] { background:#000; } .product-details .group-block-content.mobile-column { align-items:start; flex-direction:column; } .product-details .price, .product-details .compare-at-price { font-size:18px; } .facets .checkbox .icon-checkmark { height: 18px; width: 18px; border-radius: 3px; } .tab-collection-col .shop-now-button-adnzjm01hy1uzyml2ztabcollectionaptryk { margin:0 auto; } .carousel-button-right-adnzjm01hy1uzyml2ztabcollectionaptryk, .carousel-button-left-adnzjm01hy1uzyml2ztabcollectionaptryk { position:static !important; } .showcase-box.hero__container, .full-showcase-box { min-height:367px; } .collection-slider-full slideshow-arrows, .designer-collection slideshow-arrows { margin-bottom:0; } /* .collection-slider-full .collection-decs-title { font-size:12px; padding:10px 0 15px 0; } */ .collection-slider-full .collection-description { font-size:12px; padding-bottom:15px; } .collection-slider-full .collection-description p { margin-bottom:0; } .resource-list__carousel .slideshow-control[disabled] { display:flex; } .designer-collection { padding-top:0; } .resource-list.resource-list__carousel { margin-top: 24px; } .arrow-icon-custom{ position:relative;z-index:1; display: flex;justify-content: center; align-items: center; flex-direction: row; gap: 15px; margin:25px auto 30px auto; } .arrow-icon-custom button { padding:0; transform:none; height:26px; width:26px; } .tab-collection-section slideshow-arrows .slideshow-control.slideshow-control--style-none, .tab-collection-section slideshow-container, .tab-collection-section .resource-list__carousel .slideshow-control[disabled] { display: none;} slideshow-arrows .slideshow-control.slideshow-control--style-none { display: block;} .tab-collection-col .tab-collection { font-size:18px; padding:0; } .home-product.product-card__content .description p, .home-product.product-card__content .description { font-size:12px; } .sub-title { font-size:18px; } .best-sale-collection { padding:50px 0; gap:0; } .marquee-item { flex-direction:column; column-gap:9px; } .marquee-container .marquee-content { gap: 110px !important; } .mobile-center .text-block { padding-bottom:0; } .worldlilivant-section .world-lilivant { padding:0 0 23px 0; } .worldlilivant-section .spacing-style.layout-panel-flex.layout-panel-flex--column.section-content-wrapper.mobile-column { padding: 30px 0;} .tab-collection-col { margin-top:0; } .cms-about-us-section .image-block img { width:100%; } h2, h3, .h3, .h3.h3, .text-block.h3>* { font-size:22px; line-height:30px; } .contact-form-field-group-aefvov2ltzvfvyunwocustomcontactformwfluj4 { gap:0 !important; } .breadcrumb-cms.about-us-class { padding-top:280px; } .size-chart-info .group-block-content { margin-top:30px; } .cms-content table { margin-top:10px; } /* footer .details-content ul li a { font-size:12px; line-height:230%; } */ .email-signup__button:not(.button-unstyled) { min-height:35px !important; line-height:35px; } .email-signup__button--integrated { right: 7px !important; top: 7px !important;} .cms-content p, .cms-content li, .cms-content li a, .cms-content .listing li p{ font-size:14px; line-height:18px; } .cms-content ul, .cms-content ol { padding-left:15px; } body { font-size:14px; } .homepage-banner .caption h2 { font-size:36px; line-height:40px; } .homepage-banner .caption h4 { font-size:26px; line-height:36px; } .button-primary, .button-secondary, .designer-collection .our-designer-block .collection-card__content .button-secondary { font-size:11px !important; padding:0 20px; height:35px; line-height:35px; letter-spacing:1.2px; } .button-primary a { font-size:11px; height:35px; line-height:35px; padding:0 12px; } .homepage-banner slideshow-slide { min-height:590px; } .homepage-banner slideshow-slide img { object-fit:cover; } .designer-collection .designer-group>.group-block-content { flex-direction:column; } h2, .h2.h2, .text-block.h2>* { font-size:24px; line-height:24px; } .showcase-box .mobile-column { flex-flow: row; justify-content: space-between; align-items: flex-end; } .designer-collection .product-title { font-size:14px; } .designer-collection .description, .designer-collection .price-text>* { font-size:12px; } .designer-collection .media-img-bg .product-media { margin-bottom:10px; } .designer-collection .collection-card__link span { font-size:14px; } .showcase-text p { font-size:14px; line-height:35px; } .designer-collection .our-designer-block .collection-card__content { flex-direction:column; align-items:start; gap:15px; } .mobile-center .text-block p { width:100%; align-items:center; text-align:center; margin-bottom:0px; } .mobile-center .text-block { width:100%; align-items:center; text-align:center; } ydp-wishlist-page .ydp-ui-component .ydp-product-price.ydp-has-sale .ydp-product-final-price, ydp-wishlist-page .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-product-price .ydp-product-original-price, ydp-wishlist-page .ydp-ui-component .ydp-wishlist-grid .ydp-wishlist-item .ydp-title { font-size: 14px; } nav[aria-label="Breadcrumb"] { display:none; } .newsletter-section .section-content-wrapper { row-gap: 20px; } .email-signup__button:not(.button-unstyled) { font-size:11px !important; } /* footer .h4.menu__heading, footer h3, footer h4 { font-size:14px; line-height:14px; } */ /* footer .group-block--height-fit.spacing-style { padding-bottom:20px; } */ .faq-section .faqpart_1 { min-width: 100%; width:100%; margin-bottom: 50px;} .faq-section .faqsubmain, #shopify-block-AWDhFNkx0OUJJQmUvT__faq_faq_block_X848f3 {display: inline-block; width:100%;} .cms-content .listing { display: inline-block; width: 100%;} .cms-content .listing li{ margin-bottom: 15px;} .faq-group-name { font-size:22px !important; } .cms-content table thead th:first-child { min-width:auto; } .cms-content table tbody td b, .cms-content table thead th, .cms-content table tbody td { font-size:14px; } .instafeed-icon { height:58px; width:58px; background-size:100%;} .group-block-content.mobile-column { gap: 10px; align-items:center; } footer .group-block-content.mobile-column { align-items:start; gap:0; } footer .footer-bottom-content .group-block-content.mobile-column { align-items:center; } .email-content-group .text-block p { font-size:18px; text-align:center; } footer .contact-footer-as2nbuzzvyxnxkzy4ycontactinfomfljkb { max-width:100% !important; } #shopify-block-AS2NBUzZVYXNXKzY4Y__contact_info_MFLjkb { width:100%; } .contact-info-col .contact-footer__section-as2nbuzzvyxnxkzy4ycontactinfomfljkb { display:inline-block !important; width:100%; } .contact-info-col .contact-footer__item-as2nbuzzvyxnxkzy4ycontactinfomfljkb { width:49%; display:inline-block !important; } slideshow-arrows { display:flex; flex-direction:row; gap:15px; min-width: 67px; margin:23px auto 30px auto; position: static; } .product-card slideshow-arrows { position:absolute; } slideshow-container { display:flex; flex-direction: column-reverse; } slideshow-arrows .slideshow-control { padding:0; width: 26px; height: 26px;display: flex; align-items: center; justify-content: center;} slideshow-arrows .slideshow-control .icon-caret svg { height:15px; width:15px; } .showcase-box { min-height: 450px; } .showcase-box img { object-position:top; } .showcase-box .group-block-content.mobile-column { align-items: end; } .cart-drawer__summary .cart__ctas .cart-view-btn, .cart-drawer__summary .cart__ctas .cart__checkout-button { padding:0 12px; letter-spacing:0; } .best-sale-collection .resource-list.resource-list__carousel { margin-top:0; } .cart__summary-item.tax-note { font-size:1.4rem !important; } .cart-drawer__summary { gap:10px !important; } .facets-toggle__wrapper .facets-toggle__button, .facets-toggle span { font-family:"futura_ptmedium", sans-serif; } .tab-block .tab-category-block { margin-bottom:13px; } .email-signup__input, .email-signup__button--text { padding:10px 14px !important; font-size:18px; } .carousel-button-adnzjm01hy1uzyml2ztabcollectionaptryk[aria-label="Next products"] svg{ position: relative; top: 3px; left: 5px;} div#shopify-block-AUmVMOXVQOWpKS1FvM__faq_faq_block_X848f3 { display:block; width:100%;} } @media(max-width:750px){ /* .collection-wrapper { padding:0 20px; } */ .facets-toggle { padding:0 !important; } } @media(max-width:639px){ .blog-detail-main .ed-FlexGrid.ed-FlexGrid--gutterArticleImageGroup { flex-wrap:wrap; gap:0; } .blog-detail-main .ed-FlexGrid.ed-FlexGrid--gutterArticleImageGroup figure { margin:15px 0;} .brands__list .brands__list-helper .brands__list-con { width:100%; } .showcase-box { min-height: 367px; } .email-content-group .text-block p { margin:0 auto; } .cms-content ul.payment-box{ display: inline-block;} .cms-content ul.payment-box li{margin: 0px 0 15px;} .cms-content ul.payment-box{ margin-bottom: 0;} .cms-content .paymeny-detail{ padding: 1rem 5% 0.5rem; margin-top:0;} .header-section .cart-drawer, .header-section .account-drawer { margin-left: 6px;} .footer-utilities__group * { font-size: 12px; } } @media(max-width:480px){ .collection-decs-title { min-height: 61px; } } @media(max-width:400px){ .email-signup__button:not(.button-unstyled){ position:static; width:100%; font-size:16px; } .footer-utilities__group--right { justify-content:start !important; } } @media(max-width:375px){ .button-primary, .button-secondary { font-size:11px !important; padding:0 5px;} .ai-policies-link-awenprnrhn2fzedrvvaigenblockd41ef95v4zneh { font-size: 11px !important; padding:12.0px 5.0px !important; } .footer-content p { font-size:11px; } }