theme-featured-collection-tabs { display: contents; } .section-featured-collection { background-color: rgb(var(--color-background)); } .featured-collection__tabs-wrapper { width: 100%; } .featured-collection__tabs-header { display: flex; align-items: center; justify-content: space-between; margin-block-end: 40px; } .featured-collection__tabs-list { display: flex; gap: 20px; overflow-x: auto; } .featured-collection__tabs-content { position: relative; } .featured-collection__tabs-content-inner { animation: column-fade-in 0.8s ease; animation-fill-mode: forwards; } @media (max-width: 959px) { .featured-collection__tabs-content-inner.mobile-full-width { width: var(--body-container-width); margin-inline-start: calc(50% - calc(var(--body-container-width) / 2)); } .featured-collection__tabs-content-inner.mobile-full-width .product-card-border-shadow { border-radius: 0; } .featured-collection__tabs-content-inner.mobile-full-width .featured-collection__track { gap: 0; } } @media (min-width: 960px) { .featured-collection__tabs-content-inner.desktop-full-width .featured-collection__track { width: var(--body-container-width); padding-inline: var(--page-padding); margin-inline-start: calc(50% - calc(var(--body-container-width) / 2)); scroll-padding-inline: var(--page-padding); } } .featured-collection__tab { padding: 10px 20px; color: var(--tab-color); white-space: nowrap; cursor: pointer; background-color: var(--tab-background-color); border-color: var(--tab-border-color); border-style: solid; border-width: 1px; border-radius: 6px; } .featured-collection__tab.active { color: var(--tab-active-color); background-color: var(--tab-active-background-color); border-color: var(--tab-active-border-color); } .featured-collection__tabs-loading { display: flex; align-items: center; justify-content: center; width: 100%; height: 550px; } .featured-collection__tabs-loading svg { width: 40px; height: 40px; } .featured-collection__carousel .featured-collection__carousel-indicator-progress { max-width: 480px; height: 6px; } .featured-collection__carousel-view-more { background-color: #e1e4e8; } .featured-collection__carousel-view-more a { color: #000; } .featured-collection__carousel-view-more a::after { display: none; } .featured-collection__carousel-view-more-button { display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; width: 100%; height: 100%; } .featured-collection__carousel-view-more-button-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; } .featured-collection__button { position: absolute; inset-block-start: 50%; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; color: rgb(255 255 255 / 100%); background-color: rgb(0 0 0 / 100%); border: 0; border-radius: 2px; box-shadow: 0 4px 10px rgb(0 0 0 / 15%); } .featured-collection__button:disabled { display: none; } .featured-collection__button--previous { inset-inline-start: 0; } .featured-collection__button--previous svg { transform: rotate(180deg); } .featured-collection__button--next { inset-inline-end: 0; } .mr-featured-collection { --mr-featured-font: "Figtree", var(--font-body-family, Arial, sans-serif); } .mr-featured-collection>.page-width>div { row-gap: 30px !important; } .mr-featured-collection .block-heading { margin: 0; font-family: var(--mr-featured-font) !important; font-size: 10.8px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: 0.04em !important; } .mr-featured-collection .featured-collection__tabs-header { display: none; } .mr-featured-collection .featured-collection__track { column-gap: 22px; } .mr-featured-collection .block-product-card { row-gap: 13px !important; } .mr-featured-collection .block-product-card-info { display: flex; flex-direction: column; gap: 7px !important; align-items: center; width: 100%; padding: 0 8px !important; text-align: center; } .mr-featured-collection .block-product-title, .mr-featured-collection .block-product-price, .mr-featured-collection .block-product-price *, .mr-featured-collection .block-product-color-count { font-family: var(--mr-featured-font) !important; font-weight: 400 !important; letter-spacing: 0 !important; text-align: center !important; } .mr-featured-collection .block-product-title { width: 100% !important; padding: 0 !important; font-size: 13.167684px !important; line-height: 1.35 !important; } .mr-featured-collection .block-product-title span { display: block; overflow: visible; text-overflow: clip; -webkit-line-clamp: unset; } .mr-featured-collection .block-product-price { width: 100%; font-size: 12.012624px !important; line-height: 1.25 !important; } .mr-featured-collection .block-product-price * { font-size: inherit !important; line-height: inherit !important; } .mr-featured-collection .block-product-color-count { display: block !important; width: 100%; margin: 3px 0 0; color: rgb(var(--color-text) / 60%); font-size: 11px !important; line-height: 1.3 !important; } .mr-featured-collection .block-product-card__quick-add { opacity: 0; transition: opacity 180ms ease; } .mr-featured-collection .block-product-image__layer-image-wrapper:hover .block-product-card__quick-add, .mr-featured-collection .block-product-card__quick-add:focus-visible { opacity: 1; } .mr-featured-collection .featured-collection__button { inset-block-start: 42%; width: 48px; height: 48px; color: #171717; pointer-events: none; background: rgb(255 255 255 / 94%); border: 1px solid #d8d8d8; border-radius: 0; box-shadow: none; opacity: 0; transform: translateY(-50%); transition: opacity 160ms ease; } .mr-featured-collection .featured-collection__button svg { width: 21px; height: 21px; } .mr-featured-collection .featured-collection__button svg path { stroke-width: 1.56; } .mr-featured-collection .featured-collection__button--next { inset-inline-end: 16px; } .mr-featured-collection .featured-collection__button--previous { inset-inline-start: 16px; } .mr-featured-collection .featured-collection__carousel[data-mr-last-card-hover="true"] .featured-collection__button--next:not(:disabled) { pointer-events: auto; opacity: 1; } .mr-featured-collection .featured-collection__carousel[data-mr-first-card-hover="true"] .featured-collection__button--previous:not(:disabled) { pointer-events: auto; opacity: 1; } @media (max-width: 959px) { .mr-featured-collection>.page-width>div { row-gap: 20px !important; } .mr-featured-collection .block-heading { font-size: 9.9px !important; } .mr-featured-collection .featured-collection__track { column-gap: 12px; } .mr-featured-collection .block-product-card { row-gap: 9px !important; } .mr-featured-collection .block-product-card-info { gap: 5px !important; padding: 0 3px !important; } .mr-featured-collection .block-product-title { font-size: 12.070377px !important; } .mr-featured-collection .block-product-price { font-size: 11.088576px !important; } .mr-featured-collection .block-product-color-count { font-size: 10px !important; } .mr-featured-collection .block-product-card__quick-add { pointer-events: auto; opacity: 1; } }