/** Shopify CDN: Minification failed
Line 1552:0 Unexpected "}"
Line 2315:13 Unexpected "{"
Line 2315:22 Expected ":"
Line 2326:13 Unexpected "{"
Line 2326:22 Expected ":"
**/
/* -- CUSTOM CSS -- */
/* -- code to use custom font-family in theme -- */
@font-face {
font-family: 'season-mix-medium';
src: url(/cdn/shop/files/SeasonMix-Medium.woff?v=1759758491) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'season-mix-bold';
src: url(/cdn/shop/files/SeasonMix-Bold.woff?v=1759758500) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'season-mix-semi-bold';
src: url(/cdn/shop/files/SeasonMix-SemiBold.woff?v=1759758514) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'season-sans-bold';
src: url(/cdn/shop/files/SeasonSans-Bold.woff?v=1759758581) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'season-sans-medium';
src: url(/cdn/shop/files/SeasonSans-Medium.woff?v=1759758637) format('woff');
font-weight: normal;
font-style: normal;
}
/* - end - */
body.collection-template #shopify-section-sections--25223810187643__ld_collection_navigation_h8TMjk,
body.product-template #shopify-section-sections--25223810187643__ld_collection_navigation_h8TMjk {
display: block
}
#shopify-section-sections--25223810187643__ld_collection_navigation_h8TMjk {
display: none;
}
html.hydrating .menu-drawer__navigation .accordionPanel,
html.hydrating .menu-drawer__navigation .menu-drawer__inner-submenu {
transition: none !important;
}
/* === HOMEPAGE === */
.homepage-template {
#announcement-bar {
position: fixed;
width: 100%;
}
.header-wrapper {
position: fixed;
width: 100%;
top: var(--announcement-bar-height_desktop)
}
}
/* Header */
.header {
grid-template-columns: 1fr 3fr 1fr;
}
@media screen and (max-width: 1079px) {
.vertical-menu #cart-icon-bubble.vertical-menu .cart-count-bubble .short {
font-family: season-mix-medium !important
}
}
@media screen and (min-width:990px) and (max-width:1079px) {
.header__search.panel {
display: none !important;
}
}
@media (max-width:989px) {
.header__icon--menu span {
width: 10px;
height: 20px;
overflow: hidden;
}
.header__search.panel {
display: none;
}
.icon.icon-cart {
opacity: 0;
}
.menu-drawer__menu-item,
li a.menu-drawer__menu-item,
.header__icon span,
.header__icon--account,
.header-localization:not(.menu-drawer__localization) localization-form:only-child .localization-form__select>span {
text-transform: uppercase;
font-family: 'season-mix-bold' !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
}
}
@media (max-width:1079px) {
.narrow-margins_mobile :is(.menu-drawer-container.menu-opening) .header__icon .icon.icon-close:not(img) {
left: unset !important;
right: var(--spacing_narrow);
top: 25px;
}
.menu-drawer {
padding-top: var(--spacing_narrow) !important;
min-width: 350px;
}
}
@media (max-width:1079px) {
.menu-drawer__navigation {
.menu-drawer__menu-item {
font-family: 'season-mix-semi-bold' !important;
font-size: 22px !important;
letter-spacing: 0.06em !important;
line-height: 0.5 !important;
color: rgba(var(--color-foreground),1);
.svg-wrapper {
display: none;
}
}
.menu-drawer__menu-item.active {
font-style: italic;
}
.menu-drawer__menu-item[href="#"],
.menu-drawer__menu-item[href="/en-us#"] {
font-family: 'season-sans-medium' !important;
font-size: 11px !important;
letter-spacing: 0.11em !important;
padding-top: var(--spacing_standard) !important;
}
.menu-drawer__menu.list-menu {
padding-bottom: var(--spacing_standard)
}
}
}
@media (min-width:750px) {
.header__heading-logo-wrapper {
/* align-self: flex-start;
padding-top: 40px */
}
.menu-drawer__menu-item,
li a.menu-drawer__menu-item,
.header__icon span,
.header__icon--account,
.header-localization:not(.menu-drawer__localization) localization-form:only-child .localization-form__select>span {
text-transform: uppercase;
font-family: 'season-mix-bold' !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
}
.menu-drawer__menu-item.link.link--text.list-menu__item {
}
.menu-drawer__inner-submenu li:has(.menu-drawer__menu-item[href="#"]),
.menu-drawer__inner-submenu li:has(.menu-drawer__menu-item[href="/en-us#"]) {
padding-top: var(--spacing_thin);
}
.vertical-menu .header__inline-menu .menu-drawer__navigation .accordionPanel[tabindex] > .menu-drawer__inner-submenu > .menu-drawer__menu {
padding-bottom: var(--spacing_narrow);
}
.menu-drawer__menu-item[href="#"],
.menu-drawer__menu-item[href="/en-us#"] {
font-family: 'season-sans-medium' !important;
font-size: 9px !important;
letter-spacing: 0.11em !important;
}
/* Top Nav Hover States */
.header__icon:hover,
span.for-vertical-menu:hover,
.cart-count-bubble:hover span,
.menu-drawer__menu-item.link.link--text.list-menu__item:hover {
font-style: italic !important
}
.menu-drawer__menu-item[href="#"].link.link--text.list-menu__item:hover,
.menu-drawer__menu-item[href="/en-us#"].link.link--text.list-menu__item:hover {
font-style: normal !important;
}
/* End */
.menu-drawer__menu-item.accordionHeader2 {
font-family: 'season-sans-medium' !important;
font-size: 9px !important;
letter-spacing: 0.11em !important;
}
.header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper {
left: calc((var(--spacing_wide_x2) * -1) + 10px) !important;
}
}
@media (min-width:750px) and (max-width: 9890px) {
.vertical-menu #cart-icon-bubble.vertical-menu .icon.icon-cart {
display: none;
}
}
/* CLP Hero */
.collection-hero__inner {
flex-direction: column-reverse !important
}
.collection-hero--with-image .collection-hero__text-wrapper {
flex-direction: column-reverse !important;
margin-top: var(--spacing_wide);
}
.collection-hero--with-image .collection-hero__title {
margin-top: var(--spacing_standard) !important;
}
.collection-hero.center .collection-hero__description {
text-wrap: balance;
}
.collection-hero__image-container {
align-self: center !important;
flex: unset !important;
margin-left: 0 !important;
aspect-ratio: 3 / 2;
min-width: 300px;
min-height: 25vw;
}
@media (max-width:749px) {
.collection-hero__image-container {
min-width: calc(100vw - var(--spacing_wide)*1.5);
}
h1.collection-hero__title {
font-size: clamp(24px, calc(100vw * 88 / 750), 180px) !important;
line-height: 1 !important;
}
.collection-hero__description {
font-size: clamp(17px, calc(100vw * 28 / 1400), 88px) !important;
}
.collection-hero--with-image .collection-hero__text-wrapper {
margin-top: var(--spacing_narrow);
}
}
@media (min-width:750px) {
h1.collection-hero__title {
font-size: clamp(24px, calc(100vw * 110 / 1400), 180px) !important;
}
.collection-hero__description {
font-size: clamp(24px, calc(100vw * 28 / 1400), 88px) !important;
}
.collection-hero--with-image .collection-hero__text-wrapper {
margin-top: var(--spacing_wide);
}
}
.collection-hero__description {
font-family: 'season-mix-medium' !important;
line-height: 1;
letter-spacing: 0.01em !important;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1)
}
h1.collection-hero__title {
font-family: 'season-mix-medium' !important;
letter-spacing: 0.26em !important;
text-transform: uppercase;
letter-spacing: 0.08em !important;
color: rgba(var(--color-foreground), 1);
line-height: 1 !important;
}
/* Footer */
.footer.page-width {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 85px;
background-repeat: no-repeat;
background-position: center bottom 295px;
background-attachment: local;
@media (max-width: 749px) {
padding-bottom: 20px !important;
background-size: 35px;
background-position: center bottom 175px;
.copyright__content {
position: absolute;
bottom: 10px;
width: -webkit-fill-available;
}
}
}
h3.quad__heading {
font-family: 'season-mix-bold' !important;
font-size: 10px !important;
letter-spacing: 0.14em !important;
}
.quad__text.rte p {
font-family: 'season-sans-medium' !important;
font-size: 12px !important;
letter-spacing: 0.03em !important;
line-height: 16px !important;
}
.footer-block .accordion .summary__title {
justify-content: center;
}
.footer-block__details-content .list-menu__item--link,
.footer .accordion .accordion__title,
.footer-block.grid__item.email_signup .footer-block__newsletter h5.footer-title,
.copyright__content a {
color: rgba(var(--color-foreground),1) !important;
}
a.quad__link {
font-family: 'season-sans-bold' !important;
text-decoration: none;
font-size: 12px;
}
.footer__blocks-wrapper {
justify-content: center;
}
.footer-block.grid__item.email_signup {
width: 100% !important;
margin-top: var(--spacing_wide);
margin-bottom: var(--spacing_wide);
.footer-block__newsletter {
flex-direction: row;
justify-content: space-between;
gap: var(--spacing_wide);
@media (max-width: 989px) {
flex-direction: column;
gap: var(--spacing_thin);
margin-top: var(--spacing_standard)
}
.field__input {
background-color: transparent !important;
position: relative;
bottom: 12px;
padding-left: 0;
}
.field__input:focus {
outline: none !important;
}
h5.footer-title {
font-family: 'season-mix-bold' !important;
letter-spacing: 0.14em;
text-transform: uppercase;
height: 40px;
display: none;
}
@media (max-width: 749px) {
h5.footer-title {
border-bottom: transparent;
text-align: center;
font-size: 12px !important;
width: auto;
}
}
@media (min-width: 750px) {
h5.footer-title {
border-bottom: 1px solid rgba(var(--color-foreground),.75);
text-align: left;
font-size: 19px;
width: 50%;
}
}
.newsletter-form {
width: 100% !important;
margin: 0;
height: 40px;
border-bottom: 1px solid rgba(var(--color-foreground),.75) ;
@media (min-width: 990px) {
width: 100% !important;
}
}
.newsletter-form__field-wrapper .field {
margin: 0;
}
.newsletter-form__field-wrapper label {
font-family: 'season-mix-bold' !important;
color: rgba(var(--color-foreground),.75) ;
padding-left: 0;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
top: 0;
}
@media (min-width: 750px) {
.newsletter-form__field-wrapper label {
font-size: 19px;
top: -6px !important;
}
}
.newsletter-form__button {
right: 0;
width: 20px;
.icon.icon-small.icon-arrow {
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
}
}
}
}
.footer .accordion .accordion__title {
font-family: 'season-sans-medium' !important;
text-transform: uppercase;
letter-spacing: 0.44em;
margin: 0 auto 0 0;
@media (max-width: 749px) {
font-size: 8px !important;
}
@media (min-width: 750px) {
font-size: 12px !important;
}
}
.footer .accordion .icon.icon-caret {
top: 48%;
}
.footer .link--text.footer-menu__item.list-menu__item--link {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 0.14em;
}
.footer-block.grid__item.link_list {
width: calc(50% - var(--spacing_wide)) !important;
}
.ld_message {
width: 100%;
margin: var(--spacing_wide_x2) 0 var(--spacing_wide) 0;
font-family: 'season-sans-bold' !important;
letter-spacing: 0.26em;
font-size: 12px !important;
text-align: center
}
.copyright__content {
position: static;
bottom: 10px;
left: 0;
width: 100%;
margin: var(--spacing_wide) 0 0 0 !important;
font-family: 'season-sans-medium' !important;
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: normal;
a {
color: rgba(var(--color-foreground),.75) !important;
}
}
/* Vertical Gallery */
.vg__eyebrow {
font-family: 'season-mix-medium' !important;
font-size: 10px !important;
letter-spacing: 0.11em !important;
}
.vg__caption {
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.14em !important;
line-height: 17px !important;
}
/* Image Panel */
@media (max-width: 749px) {
.image-menu:not(.bespoke-gallery) {
aspect-ratio: 9/16
}
}
.image-menu__outer {
.image-menu__headers h2 {
color: rgba(var(--color-foreground), 1) !important;
font-family: 'season-mix-medium' !important;
letter-spacing: 0.17em !important;
line-height: 1 !important;
@media (max-width: 749px) {
font-size: clamp(22px, 11vw, 56px) !important;
margin-bottom: var(--spacing_narrow)
}
@media (min-width: 750px) {
font-size: clamp(22px, 13vw, 76px) !important;
margin-bottom: var(--spacing_standard)
}
}
.image-menu__caption {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.14em !important;
line-height: 22px !important;
p {
color: rgba(var(--color-foreground), 1) !important;
line-height: 1.2;
max-width: 50ch;
}
}
li.image-menu__title p {
color: rgba(var(--color-foreground), 1) !important;
font-family: 'season-mix-bold' !important;
font-size: 16px;
letter-spacing: 0.06em !important;
line-height: 21px !important;
}
span.image-menu__text {
color: rgba(var(--color-foreground), 1) !important;
font-family: 'season-mix-medium' !important;
font-size: 16px;
letter-spacing: 0.06em !important;
line-height: 21px !important;
@media (min-width: 750px) {
padding-left: var(--spacing_narrow);
}
}
.image-menu__link {
display:block;
a {
color: rgba(var(--color-foreground), 1) !important;
font-family: 'season-sans-medium' !important;
text-transform: uppercase;
font-size: 10px !important;
letter-spacing: 0.12em;
}
}
}
/* Archetype Hero */
.archetype-hero {
.inner .top,
.inner .bottom {
font-family: 'season-mix-medium' !important;
font-size: clamp(24px, calc(100vw * 110 / 1400), 180px) !important;
letter-spacing: 0.26em !important;
line-height: 1 !important;
}
.inner .cta-wrap a.cta {
font-family: 'season-mix-medium' !important;
font-size: 12px !important;
letter-spacing: 0.1em !important;
}
}
.lfs__inner .lfs__text h2 {
font-family: 'season-mix-medium' !important;
font-size: clamp(24px, calc(100vw * 110 / 1400), 180px) !important;
letter-spacing: 0.26em !important;
line-height: 1 !important;
}
/* The Coven Homepage */
.coven-feature {
.coven-feature__left-label {
font-family: 'season-mix-medium' !important;
font-size: 10px !important;
letter-spacing: 0.11em !important;
}
.coven-feature__left-quote {
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.14em !important;
line-height: 17px !important;
}
.coven-feature__right .coven-feature__right-link {
font-family: 'season-sans-medium' !important;
text-transform: uppercase;
font-size: 10px !important;
letter-spacing: 0.1em;
}
}
/* Concierge */
.faq-heading {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 13px !important;
letter-spacing: 0.14em;
color: currentColor !important;
padding: 10px 0 2.5px 0;
}
.ch-image__caption p {
font-family: 'season-mix-medium' !important;
color: rgba(var(--color-foreground), 1);
letter-spacing: 0.14em;
font-size: 10px !important;
}
/* Concierge === Ring Size Guide */
.ring-guide-size {
width: 100%;
thead tr {
border-top: 1px solid red;
border-bottom: 1px solid red;
}
}
/* Concierge === Contact Form */
.ch-left {
div.contact-form {
margin-top: var(--spacing_wide);
h6.contact-form__heading {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 14px !important;
margin-bottom: var(--spacing_narrow);
color: rgba(var(--color-foreground), 1);
letter-spacing: .11em;
}
}
}
/* PLP */
.mobile-facets__open>*+* {
margin-left: 0 !important;
}
body.collection-template {
background: #ebe9da !important;
background-color: #ebe9da !important;
}
@media screen and (max-width: 749px) {
.product-grid {
row-gap: var(--spacing_standard) !important;
.card__information {
flex-direction: column !important;
row-gap: 3px !important;
height: max-content;
margin-top: 3px;
.price {
align-self: flex-start
}
}
.grid__item.banner-mobile.promo__item {
margin: var(--spacing_standard);
}
}
.mobile-facets__open svg {
display: none;
}
}
.card_finish-metafield {
font-family: 'season-sans-medium' !important;
text-transform: uppercase;
margin-bottom: 7px;
letter-spacing: 0.1em;
color: rgba(var(--color-foreground), 1);
width: 100%;
min-height: var(--spacing_thin);
display: flex;
justify-content: space-between;
gap: 5px;
text-wrap: balance;
.card_pre-order {
text-align: right
}
@media screen and (max-width: 749px) {
font-size: 8.5px !important;
line-height: 1;
height: 1lh;
}
@media screen and (min-width: 750px) {
font-size: 10px !important;
}
}
@media screen and (min-width: 750px) {
.card__information {
display: flex;
flex-direction: row;
gap: var(--spacing_narrow);
justify-content: space-between;
.price--on-sale {
display: flex;
flex-direction: column;
justify-content: flex-end
}
}
}
.card__media {
.cardSlider .swiper-button-next {
top: unset !important;
bottom: -1px !important;
right: 10px;
}
.cardSlider .swiper-button-prev {
top: unset !important;
bottom: -1px !important;
left: 10px;
}
}
img.match_media {
margin-top: calc(var(--spacing_thin) *3);
}
.grid__item.banner-desktop.promo__item {
margin-top: 23px;
}
ul#product-grid .grid__item.banner-desktop:not(:has(img, picture)) {
margin-top: 23px;
}
ul#product-grid .grid__item.banner-mobile:not(:has(img, picture)) span.banner__text,
ul#product-grid .grid__item.banner-desktop:not(:has(img, picture)) span.banner__text {
font-family: 'season-mix-medium' !important;
text-transform: uppercase;
font-size: 14px !important;
line-height: 17px !important;
letter-spacing: 0.14em !important;
text-wrap: balance;
aspect-ratio: 5/7;
display: flex;
justify-content: center;
}
.grid.grid--4-col-desktop.wide-spacing_desktop {
row-gap: 120px;
}
/* Cart */
.cart-drawer .cart-item__name,
.cart-drawer .cart-item__price-wrapper,
.cart-drawer .quantity__input,
.drawer__footer summary .summary__title {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 11px !important;
line-height: 14px !important;
letter-spacing: 0.09em !important
}
.drawer__footer summary .summary__title {
color: #987c57
}
.drawer__footer {
border-top-color: #987c57 !important;
}
.drawer__footer > details {
border-bottom-color: #987c57 !important;
}
.drawer__footer summary .icon.icon-small {
stroke: #987c57
}
.cart__note .text-area {
}
.cart-drawer .product-option {
font-family: 'season-mix-medium' !important;
text-transform: uppercase;
font-size: 11px !important;
line-height: 14px !important;
letter-spacing: 0.09em !important
}
.cart-drawer .cart-item__name:hover {
text-decoration: none !important
}
.cart-drawer .tax-note {
font-family: 'season-sans-medium' !important;
text-transform: uppercase;
font-size: 10px !important;
letter-spacing: 0.1em !important
}
.cart-drawer .totals__total {
font-family: 'season-sans-bold' !important;
text-transform: uppercase;
font-size: 10px !important;
letter-spacing: 0.1em !important
}
.cart-drawer .totals__total-value {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 13px !important;
letter-spacing: 0.17em !important
}
.cart-drawer .cart__checkout-button {
justify-content: flex-end;
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: 0.16em !important
}
.drawer__heading {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: 0.11em !important
}
.cart__empty-text {
font-family: 'season-mix-medium' !important;
text-transform: uppercase;
font-size: 12px !important;
letter-spacing: 0.11em !important
}
.cart__empty-text ~ a.button {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: 0.11em !important
}
@media screen and (min-width: 750px) {
/*
.cart-drawer__overlay {
background: transparent !important
}
*/
cart-drawer.drawer {
backdrop-filter: unset !important;
-webkit-backdrop-filter: unset !important;
}
cart-drawer-items,
.drawer__footer {
padding-right:0 !important;
margin-right: 0 !important;
}
.drawer__header {
padding-right:0 !important;
}
.drawer.active .drawer__inner {
padding-left: var(--spacing_narrow);
padding-right: var(--spacing_narrow);
}
}
@media screen and (min-width: 990px) {
#CartDrawer {
padding: 40px;
}
}
/* === SEARCH === */
.search-modal__header {
font-family: 'season-mix-bold' !important;
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: 0.11em !important
}
@media screen and (min-width: 750px) {
.search-modal__content {
margin: 40px !important;
height: calc(100vh - 120px) !important;
min-width: 485px;
}
}
.predictive-search__heading {
font-family: 'season-mix-medium' !important;
text-transform: uppercase;
font-size: 10px !important;
letter-spacing: 0.11em !important
}
.template-search__header {
h1 {
display: none;
}
}
/* === Diamonds Pagination === */
.vg__dot.is-active .vg__dot-shape {
background:
url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>')
!important ;
background-repeat: no-repeat !important;
background-position: center !important;
}
.image-menu__trigger.is-active::before {
background:
url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>')
!important ;
color: red;
background-repeat: no-repeat !important;
background-position: center !important;
}
.image-menu__item::before,
.image-menu__item::after {
color: #EBE9DA !important;
}
.image-menu__active-arrow {
background-color: #EBE9DA !important;
display: none !important
}
.newsletter-form__button .icon-arrow {
align-self: flex-start;
margin-top: 4px;
}
/* === ICON ARROW == */
.icon.icon-small.icon-arrow {
background-image: url('data:image/svg+xml,');
stroke: transparent;
background-repeat: no-repeat;
background-position: center;
}
h2.rich-text__heading {
animation: unset !important
}
product-complementary,
product-recommendations {
.card-wrapper {
height: max-content;
}
h2.title {
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.11em !important;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1);
padding-top: var(--spacing_standard);
}
.featured__description {
font-family: 'season-sans-medium' !important;
font-size: 10px !important;
letter-spacing: 0.1em !important;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1);
padding-top: 5px;
padding-bottom: var(--spacing_standard);
p {
color: rgba(var(--color-foreground), 1);
}
}
}
@media screen and (max-width: 749px) {
.grid__item.product__info-wrapper {
.product__text_wrapper p {
font-family: 'season-mix-medium' !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
text-transform: uppercase;
margin-bottom: var(--spacing_thin)
}
.product__finish {
font-size: 8px !important
}
.product__title {
float: left;
}
.product__title * {
font-family: 'season-mix-semi-bold' !important;
font-size: 18px !important;
letter-spacing: 0.17em !important;
text-transform: uppercase;
}
.product__price {
float: right;
padding: 0 0 var(--spacing_standard) 0;
margin-top: 5px;
}
.price {
font-family: 'season-mix-medium' !important;
font-size: 12px !important;
letter-spacing: 0.26em !important
}
}
}
@media screen and (min-width: 750px) {
.product.grid.product--medium {
max-width: unset !important;
.grid__item.product__info-wrapper {
max-width: 33.33% !important;
padding: 0 var(--spacing_narrow) 0 var(--spacing_standard);
display: flex;
align-self: center;
justify-content: center;
.product__info-container {
width: 100%
}
.product__text_wrapper p {
font-family: 'season-mix-medium' !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
text-transform: uppercase;
margin-bottom: var(--spacing_thin);
color: rgba(var(--color-foreground), 1)
}
.product__title>* {
font-family: 'season-mix-semi-bold' !important;
font-size: 22px !important;
letter-spacing: 0.17em !important;
text-transform: uppercase;
padding: 0;
color: rgba(var(--color-foreground), 1)
}
.price {
font-family: 'season-mix-medium' !important;
font-size: 15px !important;
letter-spacing: 0.26em !important;
color: rgba(var(--color-foreground), 1)
}
}
.grid__item.product__media-wrapper {
max-width: 66.66% !important;
padding: 0;
.product__media-list {
margin-bottom: 0;
}
.product__column-sticky {
display: flex;
flex-direction: row;
slider-component.thumbnail-slider {
width: 100%;
align-content: center;
.thumbnail-list {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: nowrap;
padding: var(--spacing_thin);
margin-top: -66px;
li {
width: 4rem
}
}
}
slider-component:not(.thumbnail-slider) {
min-width: 50%;
}
}
}
}
}
/* === RELATED PRODUCTS === */
h2.related-products__heading {
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.11em !important;
text-transform: uppercase
}
h2.related-products__heading ~ p {
font-family: 'season-sans-medium' !important;
font-size: 10px !important;
letter-spacing: 0.1em !important;
text-transform: uppercase;
margin-top: var(--spacing_thin);
margin-bottom: var(--spacing_wide)
}
/* === PRODUCT CARDS */
@media screen and (max-width: 749px) {
.card__information {
display: flex !important;
flex-direction: row !important;
gap: 5px !important !important;
justify-content: space-between !important;
text-align: left;
.card__heading {
font-family: 'season-mix-medium' !important;
font-size: 10px !important;
letter-spacing: 0.09em !important;
line-height: 11px;
text-transform: uppercase;
text-wrap: balance;
max-width: 100%;
display: flex;
a {
align-self: flex-end;
color: rgba(var(--color-foreground), 1)
}
}
.price {
display: flex;
flex-direction: row;
align-self: flex-end;
font-family: 'season-mix-medium' !important;
font-size: 10px !important;
letter-spacing: 0.09em !important;
line-height: 11px;
text-transform: uppercase;
}
.price__container {
text-align: right;
align-self: flex-start;
}
.price-item {
margin-right: 0 !important;
}
.price--on-sale {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
}
}
@media screen and (min-width: 750px) {
.card__information {
display: flex !important;
flex-direction: row !important;
gap: var(--spacing_narrow) !important;
justify-content: space-between !important;
text-align: left;
height: max-content;
margin-top: var(--spacing_narrow);
.card__heading {
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.14em !important;
line-height: 17px;
text-transform: uppercase;
text-wrap: balance;
max-width: 60%;
display: flex;
align-self: flex-end;
height: max-content;
a {
align-self: flex-end;
white-space: normal;
word-break: keep-all;
overflow-wrap: normal;
hyphens: none;
color: rgba(var(--color-foreground), 1);
text-align: left;
}
}
.price {
display: flex;
flex-direction: row;
align-self: flex-end;
font-family: 'season-mix-medium' !important;
font-size: 11px !important;
letter-spacing: 0.14em !important;
line-height: 17px;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1)
}
.price__container {
text-align: right;
align-self: flex-start;
}
.price-item {
margin-right: 0 !important;
}
.price--on-sale {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
}
}
/* === PDP === */
body.product-template .collection-nav__images .collection-card.is-active .brackets {
background: yellow;
}
.product__info-container {
max-height: unset !important;
}
.product__finish {
font-family: 'season-mix-medium' !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
line-height: 11px;
text-transform: uppercase;
padding-bottom: var(--spacing_thin);
color: rgba(var(--color-foreground), 1)
}
.product-form__input--pill input[type=radio]:checked+label::before {
content:"(";
}
.product-form__input--pill input[type=radio]:checked+label::after {
content:")";
}
input[value="O"] ~ input[type=radio]:checked::before,
input[value="O"] ~ input[type=radio]:checked::after {
color: rgba(var(--color-foreground), 0.4)
}
@media screen and (max-width: 749px) {
.product-media-modal__toggle {
}
.mobile-description {
padding: var(--spacing_thin) 0 0 ;
margin: 100px 0 var(--spacing_thin) 0 ;
display: block;
clear: both;
font-family: season-mix-medium;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.03em;
p,
p:last-of-type {
margin-bottom: 0 !important;
margin-block-end: 0;
}
}
.ld-main-product_right .accordion_wrapper .product__accordion:first-of-type {
display: none;
}
.product.ld-main-product {
.product__info-container {
flex-direction: column !important;
.product__accordion > div {
padding: 2px 0 0 1px;
}
.summary__title.accordionHeader {
justify-content: flex-start
}
.accordion__content.accordionPanel.rte,
.accordion__content.accordionPanel p {
font-size: 12px !important;
text-align: left;
line-height: 16px;
}
table.ring-size thead tr:first-child th {
padding: 10px;
text-align: left;
}
table.ring-size thead tr:first-child th:last-child {
padding: 10px;
text-align: right;
}
.ld-main-product_left {
width: 100% !important;
display: grid;
grid-template-areas: "a" "b" "c" "d";
border-top: unset !important;
.ld-main-product_left_top-row {
flex-direction:column;
border-left: unset;
margin-top: var(--spacing_standard);
color: rgba(var(--color-foreground), 0.75)
}
.pdp_collection_wrapper {
width: 100%;
display: flex;
flex-direction: row;
border-right: unset;
border-left: unset;
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground), 0.75) !important;
border-bottom: var(--borders_lineweight) solid rgba(var(--color-foreground), 0.75) !important;
max-width: 99%;
span.row-header {
border-bottom: unset;
color: rgba(var(--color-foreground), 1);
width: 50%;
min-width: 50%;
max-width: 50%;
font-size: 9px !important;
text-align: left;
}
span.row-content {
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground), 0.75) !important;
list-style: none;
width: 100%;
font-family: 'season-mix-medium' !important;
font-size: 9px !important;
letter-spacing: 0.26em !important;
text-transform: uppercase;
align-content: center;
line-height: 15px;
color: rgba(var(--color-foreground), 1);
}
p {
height: unset;
font-size: 9px !important;
padding: 0 17px;
text-align: center;
width: 100%;
color: rgba(var(--color-foreground), 1);
text-align: left;
}
}
.pdp_details_wrapper {
width: 100%;
max-width: 99%;
display: flex;
flex-direction: row;
box-sizing: border-box;
border-right: unset;
span.row-header {
width: 50%;
min-width: 50%;
max-width: 50%;
font-size: 9px !important;
text-align: left;
color: rgba(var(--color-foreground), 1);
}
ul {
line-height: 1.2;
overflow: visible;
box-sizing: border-box;
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground), 0.75) !important;
width: 100%;
color: rgba(var(--color-foreground), 1);
li {
font-size: 9px !important;
padding: 0 5px;
color: rgba(var(--color-foreground), 1);
line-height: 1.2;
text-align: left;
padding-left: 17px;
}
}
}
.pdp_price_wrapper {
display: none;
}
.accordion_engraving_wrapper {
grid-area: c;
border-right: unset !important;
border-left: unset !important;
.product__accordion {
border-left: unset !important;
}
}
.accordion_ring-size-guide_wrapper {
grid-area: b;
border-right: unset !important;
border-left: unset !important;
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
.product__accordion {
border-left: unset !important;
}
}
.variant_picker_wrapper {
grid-area: c;
border-right: unset;
border-left: unset !important;
min-height: unset;
padding: var(--spacing_thin) 0 calc(var(--spacing_thin) + 4px) 0;
.product-form__input .form__label {
margin-bottom: var(--spacing_thin);
}
.product-form__input--pill input[type=radio]+label {
min-width: unset;
padding: 0 6px;
}
.product-form__input .form__label {
width: 100%;
text-align: center;
padding-top: 5px;
}
.product-form__input--swatch.left_mobile, .product-form__input--pill.left_mobile {
justify-content: center;
}
}
.buy_buttons_wrapper {
grid-area: d;
margin-bottom: var(--spacing_standard);
.button.product-form__submit,
.button.product-form__submit:hover,
.button.product-form__submit:focus {
justify-content: center;
border-left: unset;
color:#ebe9da !important;
background: rgba(var(--color-foreground), 1) !important;
}
}
}
}
.ld-main-product_right {
width: 100% !important;
border-left: unset !important;
.accordion_wrapper {
border-right: unset !important;
border-left: unset !important;
}
}
.accordion_wrapper .product__accordion::first-of-type {
display: none;
}
}
}
product-recommendations {
.product-grid {
row-gap: var(--spacing_standard) !important;
}
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.product--right .product__media-wrapper {
order: 2
}
}
@media screen and (max-width: 989px) {
.ld-main-product .product__info-wrapper {
margin-top: 0 !important
}
}
.product.product--medium {
max-width: unset !important;
}
@media (min-width: 750px) {
.product .product__media-wrapper .swiper-pagination,
.product .product__media-wrapper .swiper-button-next,
.product .product__media-wrapper .swiper-button-prev {
display: none !important
}
.thumbnail-list .global-media-settings--no-shadow {
overflow: visible !important
}
.thumbnail-slider .thumbnail{
position: relative;
padding-top: 22px; /* space for the marker above the image */
display: block;
}
.thumbnail-slider .thumbnail::after{
content: "( )";
position: absolute;
bottom: -40px;
left: 55%;
width: 100%;
transform: translateX(-50%);
text-align: center;
font-size: 14px;
letter-spacing: 0.5em;
font-family: 'season-mix-medium';
color: rgba(var(--color-foreground), 0.5);
pointer-events: none; /* the button still receives the click */
}
.thumbnail-slider .thumbnail[aria-current="true"]::after{
content: "( )";
color: rgba(var(--color-foreground), 1);
background:
url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>')
!important ;
background-repeat: no-repeat !important;
background-position: 20px 2px !important;
background-size: 8px !important;
}
/* keep your existing image rules */
.thumbnail.global-media-settings img{
aspect-ratio: 4/5;
object-fit: cover;
}
}
.product.ld-main-product {
margin: 0 auto;
max-width: 1200px;
min-width: 80vw;
.product__info-container {
display: flex;
flex-direction: row;
max-width: unset;
justify-content: center;
.ld-main-product_left {
width: 50%;
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
}
.ld-main-product_right {
width: 50%;
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
}
}
}
.ld-main-product_left {
.ld-main-product_left_top-row {
display: flex;
flex-direction: row;
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
text-align: center;
span.row-header {
width: 100%;
border-bottom: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
display: block;
height: 40px;
min-height: 40px;
font-family: 'season-sans-bold' !important;
font-size: 10px !important;
letter-spacing: 0.26em !important;
line-height: 2;
text-transform: uppercase;
align-content: center;
}
.pdp_collection_wrapper {
width: 25%;
border-right: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
display: flex;
flex-direction: column;
min-width: 120px;
span.row-content {
height: 100%;
display: flex;
width: 100%;
font-family: 'season-mix-medium' !important;
font-size: 12px !important;
letter-spacing: 0.26em !important;
text-transform: uppercase;
align-content: center;
line-height: 15px;
align-items: center;
text-align: center;
@media (max-width: 749px) {
padding: 0 17px;
}
@media (min-width: 750px) {
padding: 0 3px;
justify-content: center;
}
}
p {
align-content: center;
font-family: 'season-mix-medium' !important;
font-size: 12px !important;
letter-spacing: 0.26em !important;
text-transform: uppercase;
line-height: 1.2
}
}
.pdp_details_wrapper {
width: 50%;
border-right: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
display: flex;
flex-direction: column;
ul {
padding: 0;
margin:0
}
li {
list-style: none;
width: 100%;
border-bottom: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
height: 40px;
font-family: 'season-mix-medium' !important;
font-size: 12px !important;
letter-spacing: 0.26em !important;
text-transform: uppercase;
align-content: center;
line-height: 15px
}
li:last-of-type {
border-bottom: unset;
height: 39px;
}
}
.pdp_price_wrapper {
width: 25%;
.price {
height: 119px;
align-content: center;
font-family: 'season-mix-semi-bold' !important;
font-size: 12px !important;
letter-spacing: 0.26em !important;
text-transform: uppercase;
}
}
}
.product__buy-buttons {
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
button {
text-align: right;
justify-content: flex-end;
padding-right: 12.5px;
text-transform: uppercase;
font-family: 'season-mix-bold' !important;
font-size: 13px !important;
letter-spacing: 0.2em !important;
border-right: unset;
border-left: unset;
}
button.product-form__submit {
background: #ebe9da;
color: rgba(var(--color-foreground), 1);
margin: 0;
box-sizing: content-box;
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
}
.button.product-form__submit:disabled:hover {
color: rgba(var(--color-foreground), 1) !important;
}
}
}
.accordion_engraving_wrapper {
.accordion:last-of-type,
.product__accordion:first-of-type,
.product__accordion:last-of-type {
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
}
}
.accordion_wrapper {
border-right: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
}
.accordion_wrapper {
.accordion:last-of-type {
border-bottom: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
}
}
.accordion_ring-size-guide_wrapper {
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground),1);
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground),1)
}
.accordion_ring-size-guide_wrapper,
.accordion_engraving_wrapper,
.accordion_wrapper {
text-align: center;
.product__accordion:first-of-type:has(.summary__title.active) {}
.product__accordion:has(.summary__title.active) {}
.product__accordion:has(.summary__title:not(.active)) {}
.product__accordion::first-of-type {}
.product__accordion,
.product__accordion:last-of-type {
border-bottom: var(--borders_lineweight) solid rgba(var(--color-foreground),1) ;
min-height: 40px;
padding-bottom: 5px;
> div {
padding: 0 10px;
}
.accordionHeader {
justify-content: center;
h2 {
font-family: 'season-sans-bold' !important;
font-size: 9px !important;
letter-spacing: 0.26em !important;
line-height: 2;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1)
}
}
.accordion__content,
.accordion__content p,
.accordion__content .rte li,
.accordion__content .rte li span {
font-family: 'season-mix-medium' !important;
font-size: 12px !important;
letter-spacing: 0.03em !important;
line-height: 1.5;
text-wrap: balance;
}
.active + div.accordionPanel {
margin: var(--spacing_narrow) 0 var(--spacing_narrow) 0 !important;
font-size: 12px !important
}
}
.icon.icon-small {
stroke: rgba(var(--color-foreground), 1)
}
}
/* === VARIANTS === */
.variant_picker_wrapper {
border-top: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
border-left: var(--borders_lineweight) solid rgba(var(--color-foreground),1) !important;
min-height: 121px;
}
.product-form__input--swatch.center_desktop,
.product-form__input--pill.center_desktop {
margin: 0 auto;
}
.product-form__input .form__label {
font-family: 'season-sans-bold' !important;
font-size: 10px !important;
letter-spacing: 0.26em !important;
line-height: 2;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1)
}
.product-form__input--pill input[type=radio]+label {
border: none !important;
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.2em !important;
line-height: 1;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1)
}
.product-form__input--pill input[type=radio]:checked+label {
background: transparent !important;
color: rgba(var(--color-foreground),1) !important;
font-family: 'season-mix-bold' !important;
}
.product-form__input--pill input[type=radio]:disabled+label,
.product-form__input--pill input[type=radio].disabled+label {
text-decoration: none !important;
color: rgba(var(--color-foreground),.4) !important;
}
/* === BUTTON ANIMATON === */
/* Base + sweep */
.product__buy-buttons .mainSubmitbutton {
position: relative;
overflow: hidden;
transition: color .25s ease;
}
.product__buy-buttons .mainSubmitbutton::before {
content: "";
position: absolute;
inset: 0;
background: #000;
transform: translateX(-100%);
transition: transform .45s cubic-bezier(.22,.61,.36,1);
z-index: 0;
}
/* Static label (no movement) */
.product__buy-buttons .mainSubmitbutton .btn-label {
position: relative;
z-index: 1; /* above sweep */
white-space: nowrap;
}
/* Hover/focus: sweep in + text/spinner turn white */
.product__buy-buttons .mainSubmitbutton:hover::before,
.product__buy-buttons .mainSubmitbutton:focus-visible::before {
transform: translateX(0);
}
.product__buy-buttons .mainSubmitbutton:hover,
.product__buy-buttons .mainSubmitbutton:focus-visible {
color: rgba(var(--color-background),1) !important; /* ensures text + spinner use white */
}
/* Hide spinner */
.product__buy-buttons .mainSubmitbutton .loading__spinner {
display: none;
}
.product__buy-buttons .mainSubmitbutton.is-loading .btn-label { opacity: 0; }
/* Disabled: no sweep */
.product__buy-buttons .mainSubmitbutton:disabled::before { transform: translateX(-100%); }
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
.product__buy-buttons .mainSubmitbutton,
.product__buy-buttons .mainSubmitbutton::before {
transition: none;
}
}
.summary__title ~ .accordion__content p {
opacity: 0;
transition: opacity 0.5s 0.05s ease-in-out
}
.summary__title.active ~ .accordion__content p {
opacity: 1
}
/* === PAGINATION === */
ul#product-grid .grid__item.pagination__grid__item {
height: auto;
align-content: center;
justify-items: flex-end;
display: flex;
}
.pagination__grid__item {
.pagination__list {
flex-direction: column;
font-family: 'season-mix-medium' !important;
letter-spacing: 0.06em !important;
line-height: 1;
text-transform: uppercase;
.pagination__item {
width: auto;
height: auto;
font-size: 14px !important;
}
.pagination__item.pagination__item--prev {
padding-top: var(--spacing_narrow)
}
>li {
max-width: max-content !important;
flex: 1 0 18px !important;
}
>li:not(:last-child) {
margin-right: 0 !important;
margin-left: -40px;
}
.pagination__item--current:after,
.pagination__item:hover:after {
bottom: unset !important;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>')
!important ;
background-repeat: no-repeat !important;
background: unset;
height: 10px;
width: 10px;
left: 14px !important;
}
}
}
.pagination__text_prev,
.pagination__text_next {
font-family: 'season-mix-bold' !important;
font-size: 16px !important;
letter-spacing: 0.06em !important;
line-height: 1;
text-transform: uppercase;
margin: var(--spacing_narrow) 0;
}
.pagination-wrapper {
margin-left: auto;
}
@media screen and (min-width: 990px) {
.pagination-wrapper {
margin-top: 0 !important
}
}
/* === FACETS === */
.mobile-facets__open-label {
font-family: 'season-mix-medium' !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
line-height: 1;
text-transform: uppercase;
color: rgba(var(--color-foreground), 1);
}
@media (max-width: 749px) {
.facets-wrapper {
z-index: 4;
position: sticky;
top: 0;
width: 100%;
.mobile-facets__wrapper {
background: rgb(var(--color-background));
height: max-content;
padding-top: var(--spacing_thin);
padding-bottom: var(--spacing_thin);
}
}
}
span.active-facets__button-inner {
font-family: 'season-mix-medium' !important;
color: rgba(var(--color-foreground), 1);
font-size: 11px !important;
letter-spacing: 0.06em !important;
line-height: 1;
text-transform: uppercase;
padding: 0 !important;
border: none
}
@media (min-width: 750px) {
.mobile-facets__wrapper {
height: 40px;
}
.facets-container-drawer {
column-gap: var(--spacing_wide) !important;
}
.mobile-facets__open>*+* {
margin-left: unset !important;
}
.mobile-facets__disclosure {
.icon-filter {
display: none
}
}
.facet-filters {}
.facet-filters__field .icon-caret {
display: none
}
.facet-filters__field select {
font-family: 'season-mix-medium' !important;
color: rgba(var(--color-foreground), 1);
font-size: 11px !important;
letter-spacing: 0.06em !important;
line-height: 1;
text-transform: uppercase;
text-align: right;
padding: 0;
}
}
@media screen and (max-width: 749px) {
.featured_products {
display: none;
}
}
@media screen and (min-width: 750px) {
.featured_products {
display: flex;
flex-direction: row;
flex-wrap: wrap;
.featured_products_image {
width: 100%;
img {
width: 100%;
height: auto
}
}
.featured_products_collection {
font-family: 'season-mix-medium' !important;
color: rgba(var(--color-foreground), 1);
font-size: 10px !important;
letter-spacing: 0.11em !important;
line-height: 1;
text-transform: uppercase;
padding-bottom: 3px;
}
.featured_products_title {
font-family: 'season-mix-medium' !important;
color: rgba(var(--color-foreground), 1);
font-size: 14px !important;
letter-spacing: 0.14em !important;
line-height: 17px;
text-transform: uppercase;
padding-bottom: var(--spacing_thin);
}
.featured_products_item:first-of-type {
width: 60%;
margin-right: auto;
margin-bottom: var(--spacing_wide);
.featured_products_collection {
display: inline-block
}
.featured_products_title {
display: inline-block;
float: right
}
}
.featured_products_item:nth-of-type(2) {
text-align: center;
width: 70%;
padding-left: 40%;
padding-right: 10%;
padding-top: var(--spacing_wide_x2);
.featured_products_image {
display: none;
}
}
.featured_products_item:nth-of-type(3) {
text-align: left;
width: 30%;
padding-left: 10%;
}
.featured_products_item:nth-of-type(4) {
text-align: left;
width: 30%;
padding-left: 0;
}
.featured_products_item:nth-of-type(5) {
text-align: left;
width: 20%;
padding-left: 0;
margin-left: 30%;
margin-top: calc(var(--spacing_wide_x4) + var(--spacing_wide_x4)) ;
}
}
}
/* === SEARCH === */
.search-modal__content {
padding-left: var(--spacing_narrow);
padding-right: var(--spacing_narrow);
}
#predictive-search-results-products-list > li:nth-child(n + 7) {
display: none;
}
.predictive-search__item--term {
text-transform: uppercase;
font-family: season-mix-bold !important;
font-size: 14px !important;
letter-spacing: 0.16em !important;
}
.predictive-search__item-heading {
font-family: season-mix-bold !important;
text-transform: uppercase;
font-size: 11px !important;
line-height: 14px !important;
letter-spacing: .09em !important;
}
.predictive-search__item-heading:hover {
text-decoration: none;
}
.predictive-search__item-content .price__regular .price-item--regular {
text-transform: uppercase;
font-family: season-mix-medium !important;
font-size: 11px !important;
line-height: 14px !important;
letter-spacing: 0.09em !important;
}
/* === FILTERS === */
.mobile-facets__heading {
text-transform: uppercase;
font-family: season-mix-bold !important;
font-size: 11px !important;
line-height: 16px !important;
letter-spacing: 0.065em !important;
}
.mobile-facets__count,
.mobile-facets__summary,
.mobile-facets__close-button,
.mobile-facets__label,
.mobile-facets__close-filters {
text-transform: uppercase;
font-family: season-mix-medium !important;
font-size: 11px !important;
line-height: 16px !important;
letter-spacing: 0.065em !important;
color: rgba(var(--color-foreground), 0.75);
}
.mobile-facets__clear-wrapper {
text-transform: uppercase;
font-family: season-mix-medium !important;
font-size: 11px !important;
line-height: 16px !important;
letter-spacing: 0.065em !important;
a {
text-decoration: none;
}
}
.mobile-facets__footer>*+* {
font-family: season-mix-bold !important;
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: .16em !important;
background: #ebe9da;
color: rgba(var(--color-foreground),1) !important;
}
.mobile-facets__main details {
border-bottom: 0.5px solid rgba(var(--color-foreground),1);
}
.mobile-facets__main details:last-of-type {
border-bottom: unset;
margin-bottom: var(--spacing_wide)
}
.mobile-facets__sort .select__select {
font-family: 'season-mix-medium' !important;
color: rgba(var(--color-foreground), 1);
font-size: 11px !important;
letter-spacing: 0.06em !important;
text-transform: uppercase;
}
.mobile-facets__sort .select__select {
padding-right: 30px !important;
}
/* === ANNOUNCEMENT BAR === */
.announcement-bar__message.h5 {
text-transform: uppercase;
font-family: season-mix-bold !important;
font-size: 10px !important;
line-height: 16px !important;
letter-spacing: 0.065em !important;
text-align: left;
}
.announcement-bar__link:hover {
text-decoration: none !important;
}
.announcement-bar .icon.icon-small.icon-arrow {
display: none;
}
/* === COVEN === */
#coven-hero-{{ section.id }} .coven-overlay {
font-family: season-mix-bold !important;
font-size: 14px !important;
line-height: 27px;
text-transform: uppercase;
text-align: justify !important;
text-align-last: justify !important;
text-wrap: balance;
letter-spacing: 0.21em
}
#coven-hero-{{ section.id }} .coven-reveal {
img {
max-width: 100%;
margin-bottom: var(--spacing_narrow);
}
p:has(img) {
margin-top: var(--spacing_wide);
}
p img {
margin-bottom: var(--spacing_wide);
}
p strong:has(> img) {
text-align: left;
width: 100%;
display: block;
font-size: 10px;
font-family: season-mix-medium !important;
margin-top: var(--spacing_standard);
@media (max-width: 749px){
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 750px){
padding-right: 80px;
padding-left: 80px;
}
}
p strong img {
margin-top: 5px;
}
p em img {
padding-left: 80px;
padding-right: 80px;
}
h3 {
font-family: season-mix-medium !important;
font-size: 23px !important;
text-transform: uppercase;
letter-spacing: 0.04em !important;
text-align: center;
margin-bottom: var(--spacing_standard);
}
h4 {
font-family: season-mix-medium !important;
font-size: 23px !important;
text-align: justify;
margin-bottom: var(--spacing_standard);
line-height: 29px;
}
h4 strong {
font-family: season-mix-bold !important;
}
p {
font-family: season-mix-medium !important;
margin-bottom: var(--spacing_narrow);
font-size: 14px;
line-height: 18px;
letter-spacing: 0.04em !important;
text-align: justify
}
p strong,
p b {
font-family: season-mix-bold !important;
}
blockquote,
blockquote p {
font-family: season-mix-bold !important;
margin-top: var(--spacing_standard);
margin-bottom: var(--spacing_standard);
font-size: 16px;
line-height: 22px;
text-align: center;
text-wrap: balance;
text-transform: uppercase;
letter-spacing: 0.14em !important;
}
}
@media screen and (max-width: 749px) {
.bespoke-gallery__outer {
padding: var(--spacing_wide) 0;
}
}
@media screen and (min-width: 750px) {
.bespoke-gallery__outer {
padding: var(--spacing_wide) 0;
}
}
@media screen and (min-width: 1080px) {
.bespoke-gallery__outer {
padding: var(--spacing_wide) 0;
width: 200%;
margin-left: -82.5%
}
}
.concierge-hub.join-the-coven {
.ch-image:first-of-type {
margin: var(--spacing_standard) 0 !important
}
}
/* === EDIT === */
@media only screen and (min-width: 750px) {
ul#product-grid .grid__item.product-span-2-desktop {
width: calc(50% - var(--spacing_wide) * 0.7)
}
}
.product__count {
font-family: season-mix-medium;
font-size: 10px;
letter-spacing: 0.11em
}
.product__title {
font-family: season-mix-medium;
font-size: 14px;
letter-spacing: 0.14em;
padding-bottom: 10px;
}
.card__information .caption {
font-family: season-mix-medium;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.03em;
padding-bottom: 10px;
}
/* === COVEN OPEN === */
@media only screen and (max-width: 750px) {
body:has(.coven-hero.is-open) {
.cart-count-bubble,
header .icons__type_icons span .icon.icon-menu {
color: rgba(var(--color-foreground), 0.75) !important
}
}
body:has(.coven-hero.is-open) header span.header__heading-logo svg {
color: !important !important
}
}
@media only screen and (min-width: 750px) {
body:has(.coven-hero.is-open) header span.header__heading-logo svg {
color: rgba(var(--color-foreground), 0.75) !important
}
}
/* === SEARCH RESULTS === */
@media only screen and (max-width: 749px) {
.template-search .template-search__search {
max-width: 100%;
}
}
@media only screen and (min-width: 750px) {
.template-search .template-search__search {
max-width: 66vw
}
}
.template-search__search .search {
margin: var(--spacing_wide_x2) 0;
}
#ProductCountDesktop {
display: none;
}
.template-search__search main-search form.search {
position: relative;
}
main-search form.search::before {
content:'( RESULTS )' !important;
position: absolute;
left: 0;
top: 14px;
font-family: season-mix-medium;
letter-spacing: 0.14em;
font-size: 10px;
color: rgba(var(--color-foreground),1)
}
.search__input.field__input {
border-bottom: 1px solid rgba(var(--color-foreground), 1);
background: none !important;
text-indent: 100px !important;
font-family: season-mix-medium;
padding-right: 0;
letter-spacing: 0.14em;
font-size: 16px;
outline: none !important
}
.search-modal__content .search__input.field__input {
text-indent: 0 !important;
padding-left: 0;
}
.header__icon .search-icon-text {
display: none;
}
predictive-search .search__button.field__button,
main-search .search__button.field__button {
right: 0;
padding-top: 3px;
font-family: season-mix-medium;
letter-spacing: 0.14em;
font-size: 10px;
color: rgba(var(--color-foreground),1);
}
.icon-no-stroke {
stroke: unset !important;
}
/* === MENU DRAWER TOOLBOX === */
.menu-drawer__utility-links {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
gap: var(--spacing_wide);
}
.menu-drawer__account,
.menu-drawer__localization .localization-selector.link,
#HeaderDrawer-search {
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.06em !important;
line-height: 0.5 !important;
color: rgba(var(--color-foreground), 1) !important;
text-transform: uppercase;
}
/* === Currency Selector === */
@media only screen and (max-width: 749px) {
.menu-drawer__localization.header-localization {
}
.country-selector__overlay {
background-color: transparent !important;
}
.menu-drawer__localization .localization-form__select {
padding-right: var(--spacing_narrow) !important
}
.header-localization .disclosure .localization-form__select {
background: rgb(var(--color-background));
}
.header-localization .localization-form__select.link:after,
.header-localization .localization-form__select.link:before {
display: none;
}
.disclosure__list-wrapper.country-selector {
height: auto!important;
left: unset !important;
.disclosure__link {
padding: var(--spacing_narrow) 0 0 0;
font-family: 'season-mix-medium' !important;
font-size: 14px !important;
letter-spacing: 0.06em !important;
.localization-form__currency {
text-align: left;
color: rgba(var(--color-foreground), 1) !important;
}
}
}
.popular-countries {
display: none !important;
}
.country-filter {
display: none !important;
}
li.disclosure__item {
display: none;
}
li.disclosure__item:has(a[data-value="GB"], a[data-value="FR"], a[data-value="US"]) {
display: block;
}
}
@media only screen and (min-width: 750px) {
.disclosure__list-wrapper {
background-color: transparent !important;
}
.popular-countries {
display: none !important;
}
.country-filter {
display: none !important;
}
.header-localization .disclosure .localization-form__select:hover {
text-decoration: none !important;
}
.disclosure__link {
display: flex !important;
flex-direction: row-reverse !important;
text-indent: 0 !important;
line-height: 1 !important;
padding: 5px 0 !important;
color: currentColor !important;
}
.disclosure__list {
text-align: right !important;
}
.list-unstyled.countries {
text-align: right !important;
padding-top: 3px;
li.disclosure__item {
display: none;
}
li.disclosure__item:has(a[data-value="GB"], a[data-value="FR"], a[data-value="US"]) {
opacity: 1;
visibility: visible;
display: block;
text-align: right !important;
text-transform: uppercase;
font-family: 'season-mix-bold' !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
span.country {
display: none;
}
.localization-form__currency {
opacity: 1;
text-align: right !important;
padding-right: 13px;
}
}
}
}
.ld-overlay-image {
position: absolute;
top: -5%;
z-index: 9;
mix-blend-mode: difference;
height: 110%;
left: 50%;
transform: translateX(-50%);
}
/* === COLLECTION ALT BANNER === */
@media only screen and (max-width: 749px) {
h1.collection-hero__title.alt {
font-size: 40px !important;
padding-bottom: 10px;
}
.collection-hero.center .collection-hero__description.alt {
font-size: 16px !important;
}
}
@media only screen and (min-width: 750px) {
h1.collection-hero__title.alt {
font-size: 60px !important;
}
.collection-hero.center .collection-hero__description.alt {
font-size: 24px !important;
}
}
/* === BACKGROUNDS === */
.shopify-section-group-footer-group {
background-image: url(/cdn/shop/files/LUCY_DELIUS_DESKTOP_TEXTURES2.jpg?v=1759328071);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.footer.page-width {
background-color: unset !important
}
/* === FIXES === */
@media only screen and (min-width: 990px) {
.vertical-menu .header__icons.vertical-menu .header__search.panel .modal-details .header__icon.modal__toggle {
height: 18px
}
.vertical-menu #cart-icon-bubble.vertical-menu,
.header__icon span, .header__icon--account, .header-localization:not(.menu-drawer__localization) localization-form:only-child .localization-form__select>span,
.vertical-menu .header__icons.vertical-menu .header__search.panel .modal-details {
height: 18px
}
}
@media screen and (min-width: 750px) {
body .menu-drawer {
width: 100% !important ;
}
}
.menu-drawer__inner-submenu {
padding-right: 5px !important
}
/* TOP NAV FIXES */
.desktop-localization-wrapper {
padding-top: 0.5px;
}
/* CART */
.cart-count-bubble span {
padding-top: 2.5px;
}
/* ACCOUNT */
.header__icon.header__icon--account {
height: 17px;
position: relative;
top: 1.5px
}
/* PRODUCT FORM ERRORS */
.product-form__error-message-wrapper:not([hidden]) {
padding-left: 20px;
justify-content: center;
align-items: center;
}
.product-form__error-message {
font-size: 12px;
font-family: season-season-medium;
padding-top: 2px;
}
.mobile-facets__close-button>.facets__and-helptext {
display: none;
}
/* KLAVIYO FORM ON JOIN THE NEWSLETTER */
.kl-private-reset-css-Xuajs1 button {
margin-left: 20px !important
}
.klaviyo-form input {
width: 200px !important
}
input#email_01K6X34BSMYX1ZR073QBRH6P9H {
padding-left:0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
min-width: 300px;
}
input#email_01K6X34BSMYX1ZR073QBRH6P9H:focus {
outline: none;
}