html[data-faut-core] {
--faut-site-primary: #24262B;
--faut-site-primary-strong: #121418;
--faut-site-primary-fg: #FFFFFF;
--faut-site-surface-alt: #F1F2F3;
--faut-site-border: #C8CBD0;
}
html[data-faut-core] {
--faut-cro-surface: var(--faut-site-surface, var(--bs-body-bg, Canvas));
--faut-cro-text: var(--faut-site-text, var(--bs-body-color, currentColor));
--faut-cro-primary: var(--faut-site-primary, var(--bs-success, currentColor));
--faut-cro-primary-fg: var(--faut-site-primary-fg, var(--bs-body-bg, Canvas));
--faut-cro-border: var(--faut-site-border, color-mix(in srgb, var(--faut-cro-text) 16%, transparent));
--faut-cro-muted: var(--faut-site-text-secondary, color-mix(in srgb, var(--faut-cro-text) 68%, transparent));
--faut-cro-soft: var(--faut-site-surface-alt, color-mix(in srgb, var(--faut-cro-text) 5%, transparent));
--faut-cro-radius: var(--site-radius, var(--bs-border-radius-lg, 1rem));
}
html[data-faut-core] [data-faut-offer-modal][hidden],
html[data-faut-core] [data-faut-recent-purchase][hidden],
html[data-faut-core] [data-faut-recent-purchase-image][hidden],
html[data-faut-core] [data-faut-welcome-bar][hidden],
html[data-faut-core] [data-faut-pdp-savings][hidden],
html[data-faut-core] [data-faut-mini-cart-panel][hidden],
html[data-faut-core] [data-faut-mini-cart-overlay][hidden],
html[data-faut-core] [data-faut-cart-upsell][hidden],
html[data-faut-core] [data-faut-pdp-variant-prompt][hidden] {
display: none !important;
}
html[data-faut-core] [data-faut-shipping-bar] {
position: sticky;
top: 0;
z-index: 10050;
display: grid !important;
place-items: center;
gap: 0;
width: 100%;
min-height: 4.2rem;
margin: 0;
padding: 0.7rem max(1.6rem, calc((100% - 118rem) / 2)) 1rem;
border: 0;
border-bottom: 1px solid color-mix(in srgb, currentColor 24%, transparent);
background: var(--faut-cro-primary);
color: var(--faut-cro-primary-fg);
font: inherit;
font-size: 1.3rem;
line-height: 1.25;
text-align: center;
}
html[data-faut-core] [data-faut-shipping-message] {
display: block;
min-width: 0;
font-weight: 700;
}
html[data-faut-core] .faut-shipping-progress-track {
position: absolute;
right: max(1.6rem, calc((100% - 118rem) / 2));
bottom: 0.4rem;
left: max(1.6rem, calc((100% - 118rem) / 2));
display: block;
height: 0.3rem;
overflow: hidden;
border-radius: 999px;
background: color-mix(in srgb, currentColor 24%, transparent);
}
html[data-faut-core] [data-faut-shipping-progress] {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: currentColor;
transition: width 0.3s ease;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] {
align-items: stretch;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] > [data-faut-listing-item] {
min-width: 0;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] {
height: 34rem !important;
min-height: 0 !important;
padding-bottom: 1rem !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] .product-img {
flex: 0 0 18rem;
height: 18rem !important;
aspect-ratio: auto !important;
margin-bottom: 0 !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] .product-info {
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 0.8rem !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] .ratings,
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] .price {
margin-block: 0.3rem !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] .price {
gap: 0.5rem !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] [data-faut-add-to-cart] {
min-height: 3.8rem;
padding: 0.6rem 0.8rem !important;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section {
align-items: flex-start;
gap: 2.4rem;
margin-bottom: 1.6rem;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section h1 {
margin-bottom: 1.2rem;
font-size: clamp(2.6rem, 2.4vw, 3.6rem);
line-height: 1.2;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-intro] p {
margin-bottom: 0.8rem;
font-size: 1.5rem;
line-height: 1.6;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] {
min-width: 20rem;
}
html[data-faut-core] [data-faut-listing-load-more-wrap] {
display: grid;
justify-items: center;
gap: 0.7rem;
margin-block: 2.4rem 4rem;
text-align: center;
}
html[data-faut-core] [data-faut-listing-load-more] {
display: flex;
justify-content: center;
}
html[data-faut-core] [data-faut-listing-load-more] button {
min-width: 16rem;
}
html[data-faut-core] [data-faut-listing-load-more-wrap] p {
margin: 0;
color: var(--faut-cro-muted);
font-size: 1.2rem;
line-height: 1.3;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-root] {
padding-block: 1.6rem 2.5rem !important;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-root] .product-info-section {
--bs-gutter-y: 2.4rem;
align-items: start;
margin-top: 1rem !important;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top,
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top img {
max-height: min(56rem, 58vh);
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top img {
width: 100%;
object-fit: contain;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-top .swiper-slide {
box-sizing: border-box;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content {
padding-top: 0;
opacity: 1 !important;
transform: none !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content [data-faut-pdp-title] {
margin-bottom: 1rem !important;
font-size: clamp(2.6rem, 2.45vw, 3.6rem) !important;
line-height: 1.08;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .ratings,
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .price {
margin-block: 0.8rem !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content > .content-paragraph,
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content > hr:first-of-type,
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .product-availability {
display: none !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content > hr {
margin-block: 1.3rem !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .product-quantity {
gap: 1rem;
margin-top: 0.8rem !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .product-quantity > button {
margin-block: 0 !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] {
display: grid;
gap: 1.15rem;
margin-top: 1rem;
padding: 0;
color: var(--faut-cro-text);
}
html[data-faut-core] [data-faut-delivery] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25rem 0.7rem;
color: var(--faut-cro-muted);
font-size: 1.1rem;
line-height: 1.35;
}
html[data-faut-core] [data-faut-delivery-estimate] {
color: var(--faut-cro-text);
font-size: 1.3rem;
font-weight: 700;
}
html[data-faut-core] [data-faut-dispatch-countdown] {
font-variant-numeric: tabular-nums;
}
html[data-faut-core] [data-faut-proof-rail] {
min-height: 3rem;
padding-block: 0.7rem;
border-block: 1px solid var(--faut-cro-border);
color: var(--faut-cro-muted);
font-size: 1.05rem;
line-height: 1.35;
}
html[data-faut-core] [data-faut-proof-item] {
display: none;
text-align: left;
}
html[data-faut-core] [data-faut-proof-item] strong {
margin-inline: 0.25rem;
color: var(--faut-cro-text);
font-size: 1.15rem;
}
html[data-faut-core] [data-faut-proof-item]:not([hidden]) {
display: block;
}
html[data-faut-core] [data-faut-quantity-tiers-root] {
display: grid;
gap: 0.75rem;
min-width: 0;
}
html[data-faut-core] [data-faut-quantity-tiers-root] h2 {
margin: 0;
color: inherit;
font: inherit;
font-size: 1.25rem;
font-weight: 700;
}
html[data-faut-core] [data-faut-quantity-tiers] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.65rem;
}
html[data-faut-core] [data-faut-quantity-tier] {
position: relative;
display: flex;
min-width: 0;
min-height: 6.2rem;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 0.25rem;
padding: 0.7rem 0.85rem;
border: 1px solid var(--faut-cro-border);
border-radius: calc(var(--faut-cro-radius) * 0.7);
background: var(--faut-cro-soft);
color: var(--faut-cro-text);
font: inherit;
text-align: left;
}
html[data-faut-core] [data-faut-quantity-tier] > strong {
margin: 0;
font-size: 1.2rem;
line-height: 1.1;
}
html[data-faut-core] [data-faut-quantity-tier] > span {
margin: 0;
min-width: 0;
font-size: 1rem;
line-height: 1.2;
}
html[data-faut-core] [data-faut-quantity-tier] > span:first-of-type {
color: var(--faut-cro-primary);
font-weight: 700;
}
html[data-faut-core] [data-faut-quantity-tier-subtotal] {
color: var(--faut-cro-text);
font-size: 1.1rem !important;
font-weight: 650;
}
html[data-faut-core] [data-faut-quantity-tier-savings] {
color: var(--faut-cro-muted);
font-size: 0.9rem !important;
}
html[data-faut-core] [data-faut-quantity-tier] > small {
position: absolute;
top: 0.45rem;
right: 0.55rem;
max-width: calc(100% - 3.2rem);
overflow: hidden;
color: var(--faut-cro-primary);
font-size: 0.82rem;
font-weight: 700;
line-height: 1.1;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-faut-core] [data-faut-quantity-tier][aria-pressed="true"] {
border-color: var(--faut-cro-primary);
box-shadow: inset 0 0 0 1px var(--faut-cro-primary);
}
html[data-faut-core] [data-faut-pair-offer],
html[data-faut-core] [data-faut-cart-upsell] {
display: grid;
grid-template-columns: 5.6rem minmax(0, 1fr) auto;
align-items: center;
gap: 1rem;
min-width: 0;
padding-top: 0.9rem;
border-top: 1px solid var(--faut-cro-border);
}
html[data-faut-core] [data-faut-pair-offer] img,
html[data-faut-core] [data-faut-cart-upsell] img {
width: 5.6rem;
height: 5.6rem;
border-radius: calc(var(--faut-cro-radius) * 0.4);
background: var(--faut-cro-soft);
object-fit: contain;
}
html[data-faut-core] [data-faut-pair-offer] > span,
html[data-faut-core] [data-faut-cart-upsell] > span {
display: grid;
gap: 0.15rem;
min-width: 0;
}
html[data-faut-core] [data-faut-pair-offer] small,
html[data-faut-core] [data-faut-cart-upsell] small {
color: var(--faut-cro-muted);
font-size: 1rem;
}
html[data-faut-core] [data-faut-pair-offer] a,
html[data-faut-core] [data-faut-cart-upsell-name] {
display: -webkit-box;
min-width: 0;
overflow: hidden;
color: inherit;
font-size: 1.15rem;
font-weight: 650;
line-height: 1.25;
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html[data-faut-core] [data-faut-pair-offer] strong,
html[data-faut-core] [data-faut-cart-upsell-price] {
color: var(--faut-cro-text);
font-size: 1.1rem;
font-weight: 700;
}
html[data-faut-core] [data-faut-pair-offer] button,
html[data-faut-core] [data-faut-cart-upsell] button {
min-width: 7rem;
min-height: 3.8rem;
padding: 0.6rem 1rem;
}
html[data-faut-core] [data-faut-pdp-variant-attention="true"] {
border-radius: var(--faut-cro-radius);
outline: 2px solid var(--faut-cro-primary);
outline-offset: 0.6rem;
}
html[data-faut-core] [data-faut-pdp-variant-option][aria-disabled="true"] {
opacity: 0.5;
text-decoration: line-through;
}
html[data-faut-core] [data-faut-pdp-variant-prompt] {
margin: 0.8rem 0 0;
color: var(--faut-cro-primary);
font-size: 1.4rem;
font-weight: 600;
}
html[data-faut-core] .product-info-content .product-size[data-faut-pdp-variant-group][data-faut-pdp-variant-layout="buttons"] .size-section {
display: none !important;
}
html[data-faut-core] .product-info-content .product-size[data-faut-pdp-variant-group][data-faut-pdp-variant-layout="buttons"] .size-option {
position: static !important;
display: flex !important;
flex-wrap: wrap !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
}
html[data-faut-core] .product-info-content .product-size[data-faut-pdp-variant-group][data-faut-pdp-variant-layout="buttons"] .size-option .option {
display: inline-flex !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: 100% !important;
justify-content: center !important;
align-items: center !important;
text-align: center;
}
html[data-faut-core] [data-faut-pdp-variant-layout="buttons"] .size-option {
gap: 0.8rem;
margin: 1rem 0 0;
padding: 0;
}
html[data-faut-core] [data-faut-pdp-variant-layout="buttons"] .size-option .option {
gap: 0.6rem;
border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
cursor: pointer;
}
html[data-faut-core] [data-faut-pdp-variant-layout="buttons"] .size-option .option-measure:empty {
display: none;
}
html[data-faut-core][data-faut-route-family="cart"] [data-faut-cart-root] {
padding-bottom: 7rem !important;
}
html[data-faut-core] [data-faut-cart-root] > .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(32rem, 39rem);
align-items: start;
gap: 1.2rem 3.2rem;
}
html[data-faut-core] [data-faut-cart-main] {
grid-column: 1;
grid-row: 1 / span 2;
min-width: 0;
margin: 0 !important;
}
html[data-faut-core] [data-faut-cart-main] table {
table-layout: fixed;
}
html[data-faut-core] [data-faut-cart-main] .wrapper-product {
width: 44%;
}
html[data-faut-core] [data-faut-cart-actions] {
grid-column: 2;
grid-row: 2;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 1rem !important;
width: 100%;
margin: 0 !important;
}
html[data-faut-core] [data-faut-cart-actions] .shop-btn {
order: -1;
display: grid;
place-items: center;
width: 100%;
min-height: 5rem;
margin: 0 !important;
font-size: 1.5rem;
}
html[data-faut-core] [data-faut-cart-actions] .clean-btn {
justify-self: center;
color: var(--faut-cro-muted);
font-size: 1.2rem;
text-decoration: underline;
text-underline-offset: 0.3rem;
}
html[data-faut-core] [data-faut-cart-summary] {
position: sticky;
top: 6.4rem;
grid-column: 2;
grid-row: 1;
display: grid;
gap: 1.2rem;
width: 100%;
min-width: 0;
padding: 2.2rem;
border: 1px solid var(--faut-cro-border);
border-radius: var(--faut-cro-radius);
background: var(--faut-cro-surface);
color: var(--faut-cro-text);
box-shadow: 0 1.2rem 3.4rem color-mix(in srgb, var(--faut-cro-text) 8%, transparent);
font-size: 1.4rem;
}
html[data-faut-core] [data-faut-order-benefits] {
display: grid;
gap: 0.9rem;
}
html[data-faut-core] [data-faut-order-benefits] > div {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1.8rem;
margin: 0;
font-size: 1.35rem;
line-height: 1.4;
}
html[data-faut-core] [data-faut-order-benefits] > div > strong {
flex: none;
font-family: inherit;
white-space: nowrap;
}
html[data-faut-core] [data-faut-order-benefits] > div:last-child {
padding-top: 1.2rem;
border-top: 1px solid var(--faut-cro-border);
font-size: 1.7rem;
}
html[data-faut-core] [data-faut-gift-status] {
padding: 0.8rem 1rem;
border-radius: calc(var(--faut-cro-radius) * 0.55);
background: var(--faut-cro-soft);
color: var(--faut-cro-muted);
font-size: 1.15rem !important;
}
html[data-faut-core] [data-faut-cart-reservation] {
margin: 0;
padding: 0.8rem 1rem;
border-radius: calc(var(--faut-cro-radius) * 0.55);
background: var(--faut-cro-soft);
color: var(--faut-cro-muted);
font-size: 1.2rem;
text-align: center;
}
html[data-faut-core] [data-faut-cart-reservation] strong {
color: var(--faut-cro-primary);
font-variant-numeric: tabular-nums;
}
html[data-faut-core] [data-faut-coupon-form] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.8rem;
margin-top: 0.2rem;
}
html[data-faut-core] [data-faut-coupon-input] {
width: 100%;
min-width: 0;
height: 4.4rem;
padding-inline: 1.2rem;
border: 1px solid var(--faut-cro-border);
border-radius: calc(var(--faut-cro-radius) * 0.65);
background: var(--faut-cro-surface);
color: var(--faut-cro-text);
font: inherit;
}
html[data-faut-core] [data-faut-coupon-form] > .shop-btn {
min-height: 4.4rem;
padding: 0.7rem 1.4rem;
}
html[data-faut-core] [data-faut-coupon-remove] {
grid-column: 1 / -1;
justify-self: start;
border: 0;
background: transparent;
color: var(--faut-cro-muted);
font: inherit;
font-size: 1.15rem;
text-decoration: underline;
}
html[data-faut-core] [data-faut-coupon-status] {
grid-column: 1 / -1;
min-height: 1.6rem;
margin: 0;
color: var(--faut-cro-muted);
font-size: 1.15rem;
line-height: 1.3;
}
html[data-faut-core] [data-faut-cart-summary] [data-faut-cart-upsell] {
grid-template-columns: 4rem minmax(0, 1fr) auto;
padding-top: 1.2rem;
}
html[data-faut-core] [data-faut-cart-summary] [data-faut-cart-upsell] img {
width: 4rem;
height: 4rem;
}
html[data-faut-core] [data-faut-cart-summary] [data-faut-cart-upsell] button {
min-width: auto;
min-height: 3.6rem;
padding-inline: 1rem;
}
html[data-faut-core] [data-faut-mini-cart-overlay] {
position: fixed;
inset: 0;
z-index: 10054;
width: 100vw;
height: 100dvh;
border: 0;
background: color-mix(in srgb, var(--faut-cro-text) 28%, transparent);
}
html[data-faut-core] [data-faut-mini-cart-panel] {
position: fixed !important;
inset: 1.2rem 1.2rem 1.2rem auto !important;
z-index: 10055 !important;
display: flex !important;
width: min(42rem, calc(100vw - 2.4rem)) !important;
height: calc(100dvh - 2.4rem) !important;
max-height: none !important;
flex-direction: column;
margin: 0 !important;
padding: 5.8rem 1.8rem 1.8rem !important;
overflow: hidden !important;
border: 1px solid var(--faut-cro-border) !important;
border-radius: var(--faut-cro-radius) !important;
background: var(--faut-cro-surface) !important;
color: var(--faut-cro-text) !important;
box-shadow: 0 2.2rem 5.6rem color-mix(in srgb, var(--faut-cro-text) 20%, transparent) !important;
font-family: inherit;
}
html[data-faut-core] [data-faut-mini-cart-root][data-faut-mini-cart-state="open"] > [data-faut-mini-cart-panel] {
opacity: 1 !important;
visibility: visible !important;
}
html[data-faut-core] [data-faut-mini-cart-panel] [data-faut-mini-cart-close] {
position: absolute;
top: 1.4rem;
right: 1.4rem;
z-index: 2;
display: grid;
place-items: center;
width: 3.6rem;
height: 3.6rem;
padding: 0;
overflow: hidden;
border: 1px solid var(--faut-cro-border);
border-radius: 999px;
background: var(--faut-cro-surface);
color: var(--faut-cro-text);
font: inherit;
font-size: 0;
cursor: pointer;
}
html[data-faut-core] [data-faut-mini-cart-panel] [data-faut-mini-cart-close]::before,
html[data-faut-core] [data-faut-mini-cart-panel] [data-faut-mini-cart-close]::after {
position: absolute;
width: 1.4rem;
height: 0.2rem;
background: currentColor;
content: "";
transform: rotate(45deg);
}
html[data-faut-core] [data-faut-mini-cart-panel] [data-faut-mini-cart-close]::after {
transform: rotate(-45deg);
}
html[data-faut-core] [data-faut-mini-cart-items] {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
html[data-faut-core] [data-faut-mini-cart-items] > .wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) 3rem;
gap: 1.2rem;
width: 100%;
padding: 1.4rem 0;
border-bottom: 1px solid var(--faut-cro-border);
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-item {
display: grid;
grid-template-columns: 7.2rem minmax(0, 1fr);
align-items: center;
gap: 1.2rem;
min-width: 0;
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-img,
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-img img {
width: 7.2rem;
height: 7.2rem;
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-img img {
object-fit: contain;
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-content {
min-width: 0;
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-title {
display: -webkit-box;
margin: 0;
overflow: hidden;
color: inherit;
font-family: inherit;
font-size: 1.35rem;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html[data-faut-core] [data-faut-mini-cart-items] .new-price,
html[data-faut-core] [data-faut-mini-cart-items] .paragraph {
margin: 0.4rem 0 0;
color: var(--faut-cro-muted);
font-size: 1.2rem;
}
html[data-faut-core] [data-faut-mini-cart-items] .faut-mini-cart-quantity {
display: inline-grid;
grid-template-columns: repeat(3, 2.8rem);
align-items: center;
margin-top: 0.8rem;
overflow: hidden;
border: 1px solid var(--faut-cro-border);
border-radius: 999px;
}
html[data-faut-core] [data-faut-mini-cart-items] .faut-mini-cart-quantity > button,
html[data-faut-core] [data-faut-mini-cart-items] .faut-mini-cart-quantity > [data-faut-cart-quantity-value] {
display: grid;
place-items: center;
min-height: 2.8rem;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
}
html[data-faut-core] [data-faut-mini-cart-items] [data-faut-cart-remove] {
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
margin: 0;
border: 0;
border-radius: 999px;
cursor: pointer;
}
html[data-faut-core] [data-faut-mini-cart-summary] {
flex: none;
display: grid;
gap: 1rem;
margin-top: auto;
padding-top: 1.6rem;
border-top: 1px solid var(--faut-cro-border);
}
html[data-faut-core] [data-faut-mini-cart-summary] .wrapper-subtotal {
display: flex;
justify-content: space-between;
gap: 1rem;
margin: 0;
}
html[data-faut-core] [data-faut-mini-cart-summary] .cart-btn {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.8rem;
margin: 0;
}
html[data-faut-core] [data-faut-mini-cart-summary] .cart-btn a {
display: grid;
place-items: center;
min-height: 4.6rem;
margin: 0;
text-align: center;
}
html[data-faut-core] [data-faut-mini-cart-summary] [data-faut-order-benefits] {
padding-block: 0.4rem;
}
html[data-faut-core] [data-faut-mini-cart-summary] [data-faut-order-benefits] > div {
font-size: 1.2rem;
}
html[data-faut-core] [data-faut-mini-cart-summary] [data-faut-order-benefits] > div:last-child {
padding-top: 0.8rem;
font-size: 1.4rem;
}
html[data-faut-core][data-faut-route-family="checkout"] [data-faut-checkout-root] {
padding-block: 4rem 7rem !important;
}
html[data-faut-core] [data-faut-checkout-root] > .container {
max-width: 104rem;
}
html[data-faut-core] .faut-checkout-sdk-shell {
display: grid;
gap: 1.3rem;
width: min(72rem, 100%);
margin: 0 auto;
padding: 3.2rem;
border: 1px solid var(--faut-cro-border);
border-radius: calc(var(--faut-cro-radius) * 1.15);
background: var(--faut-cro-surface);
color: var(--faut-cro-text);
box-shadow: 0 1.6rem 4rem color-mix(in srgb, var(--faut-cro-text) 8%, transparent);
}
html[data-faut-core] .faut-checkout-sdk-shell > .heading {
margin: 0;
font-size: clamp(2.6rem, 4vw, 3.6rem);
line-height: 1.1;
}
html[data-faut-core] .faut-checkout-sdk-shell > .wrapper-heading {
margin: 0.7rem 0 0;
font-size: 1.5rem;
}
html[data-faut-core] .faut-checkout-sdk-shell > .paragraph {
margin: 0;
color: var(--faut-cro-muted);
font-size: 1.3rem;
line-height: 1.45;
}
html[data-faut-core] [data-faut-checkout-delivery] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.3rem 1rem;
margin-top: 0.7rem;
padding: 1.4rem;
border: 1px solid var(--faut-cro-border);
border-radius: calc(var(--faut-cro-radius) * 0.75);
background: var(--faut-cro-soft);
}
html[data-faut-core] [data-faut-checkout-delivery] > strong {
grid-row: 1 / span 2;
font-size: 1.3rem;
}
html[data-faut-core] [data-faut-checkout-delivery] > span {
color: var(--faut-cro-muted);
font-size: 1.2rem;
}
html[data-faut-core] .faut-checkout-sdk-shell > [data-faut-order-benefits] {
padding: 1.6rem;
border: 1px solid var(--faut-cro-border);
border-radius: calc(var(--faut-cro-radius) * 0.75);
}
html[data-faut-core] [data-faut-footer] .footer-service-section {
margin-top: 0;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2rem;
margin: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > * {
width: auto;
min-width: 0;
padding: 0;
}
html[data-faut-core] [data-faut-recent-purchase] {
position: fixed;
left: 1.6rem;
bottom: 1.6rem;
z-index: 10040;
display: grid;
grid-template-columns: 4.4rem minmax(0, 1fr);
align-items: center;
gap: 1rem;
width: min(30rem, calc(100vw - 3.2rem));
padding: 0.8rem;
border: 1px solid var(--faut-cro-border);
border-radius: var(--faut-cro-radius);
background: var(--faut-cro-surface);
color: var(--faut-cro-text);
box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--faut-cro-text) 14%, transparent);
pointer-events: none;
}
html[data-faut-core] [data-faut-recent-purchase]:not(:has(img:not([hidden])[src])) {
grid-template-columns: minmax(0, 1fr);
}
html[data-faut-core] [data-faut-recent-purchase-image] {
width: 4.4rem;
height: 4.4rem;
border-radius: calc(var(--faut-cro-radius) * 0.7);
background: var(--faut-cro-soft);
object-fit: contain;
}
html[data-faut-core] [data-faut-recent-purchase] > span {
display: grid;
gap: 0.2rem;
min-width: 0;
}
html[data-faut-core] [data-faut-recent-purchase] > span > small {
color: var(--faut-cro-muted);
font-size: 1.1rem;
line-height: 1.25;
}
html[data-faut-core] [data-faut-recent-purchase] > span > span {
display: -webkit-box;
overflow: hidden;
font-size: 1.2rem;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html[data-faut-core] [data-faut-welcome-bar] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
padding: 0.6rem 1.2rem;
border-bottom: 1px solid var(--faut-cro-border);
background: var(--faut-cro-soft);
color: var(--faut-cro-text);
font-size: 1.2rem;
line-height: 1.3;
}
html[data-faut-core] [data-faut-welcome-bar] > span {
min-width: 0;
}
@media (hover: hover) and (pointer: fine) {
html[data-faut-core] [data-faut-welcome-bar] {
display: none !important;
}
}
html[data-faut-core] [data-faut-welcome-bar] > button {
flex: 0 0 auto;
min-height: 3.2rem;
padding: 0 0.6rem;
border: 0;
background: none;
color: inherit;
font: inherit;
font-weight: 700;
text-decoration: underline;
cursor: pointer;
}
html[data-faut-core] [data-faut-welcome-bar] > [data-faut-welcome-bar-close] {
font-size: 1.8rem;
font-weight: 400;
text-decoration: none;
}
html[data-faut-core] [data-faut-pdp-savings] {
margin: 0.4rem 0 0;
color: var(--faut-cro-text);
font-size: 1.3rem;
font-weight: 600;
}
html[data-faut-core] [data-faut-delivery] [data-faut-coupon-hint] {
flex-basis: 100%;
color: var(--faut-cro-primary);
font-size: 1.3rem;
font-weight: 600;
line-height: 1.4;
}
html[data-faut-core] [data-faut-delivery] [data-faut-delivery-terms] {
flex-basis: 100%;
color: inherit;
opacity: 0.85;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.4;
}
html[data-faut-core] [data-faut-delivery] [data-faut-delivery-terms] [data-faut-delivery-estimate] {
color: inherit;
font: inherit;
text-transform: none;
letter-spacing: normal;
}
html[data-faut-core] [data-faut-delivery] [data-faut-delivery-terms] [data-faut-email-text] span {
color: inherit;
}
html[data-faut-core] [data-faut-offer-modal] {
position: fixed !important;
inset: 0 !important;
z-index: 10060 !important;
display: grid !important;
place-items: center;
padding: 2rem;
background: color-mix(in srgb, var(--faut-cro-text) 48%, transparent);
}
html[data-faut-core] [data-faut-offer-card] {
position: relative;
display: grid;
width: min(48rem, 100%);
max-height: calc(100dvh - 4rem);
overflow: auto;
border: 1px solid var(--faut-cro-border);
border-radius: calc(var(--faut-cro-radius) * 1.5);
background: var(--faut-cro-surface);
color: var(--faut-cro-text);
box-shadow: 0 3rem 8rem color-mix(in srgb, var(--faut-cro-text) 24%, transparent);
}
html[data-faut-core] [data-faut-offer-content] {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: 3.6rem;
}
html[data-faut-core] [data-faut-offer-content] > small {
color: var(--faut-cro-primary);
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-offer-content] > h2 {
margin: 1.2rem 0 0;
color: inherit;
font-size: clamp(2.8rem, 4vw, 3.8rem);
font-weight: 800;
letter-spacing: -0.045em;
line-height: 0.98;
overflow-wrap: anywhere;
}
html[data-faut-core] [data-faut-offer-content] > p {
margin: 2rem 0 0;
color: var(--faut-cro-muted);
font-size: 1.6rem;
line-height: 1.55;
}
html[data-faut-core] [data-faut-offer-content] > [data-faut-offer-close] {
position: absolute;
top: 1.5rem;
right: 1.5rem;
display: grid;
place-items: center;
width: 3.6rem;
height: 3.6rem;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: inherit;
font: inherit;
font-size: 2.4rem;
}
html[data-faut-core] [data-faut-offer-actions] {
display: grid;
gap: 1rem;
margin-top: 2.2rem;
}
html[data-faut-core] [data-faut-offer-actions] > button {
min-height: 4.8rem;
border-radius: var(--faut-cro-radius);
font: inherit;
font-weight: 700;
}
html[data-faut-core] [data-faut-offer-actions] > [data-faut-offer-close] {
border: 0;
background: transparent;
color: var(--faut-cro-muted);
}
@media (max-width: 1023px) {
html[data-faut-core] [data-faut-cart-root] > .container {
grid-template-columns: 1fr;
gap: 2rem;
}
html[data-faut-core] [data-faut-cart-main],
html[data-faut-core] [data-faut-cart-actions],
html[data-faut-core] [data-faut-cart-summary] {
position: static;
grid-column: 1;
grid-row: auto;
}
html[data-faut-core] [data-faut-cart-main] {
order: 1;
}
html[data-faut-core] [data-faut-cart-summary] {
order: 2;
}
html[data-faut-core] [data-faut-cart-actions] {
order: 3;
}
}
@media (max-width: 767px) {
html[data-faut-core] [data-faut-recent-purchase] {
left: 1rem;
bottom: 8.4rem;
grid-template-columns: minmax(0, 1fr);
width: min(26rem, calc(100vw - 2rem));
padding: 0.6rem 0.9rem;
}
html[data-faut-core] [data-faut-recent-purchase] [data-faut-recent-purchase-image] {
display: none;
}
html[data-faut-core] [data-faut-shipping-bar] {
min-height: 4.4rem;
padding: 0.6rem 1rem 1rem;
font-size: 1.2rem;
line-height: 1.2;
}
html[data-faut-core] .faut-shipping-progress-track {
right: 1rem;
left: 1rem;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] {
height: 100% !important;
min-height: 30rem;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-card] .product-img {
flex-basis: 14rem;
height: 14rem !important;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sidebar-section > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-root] > .container > .row {
gap: 1.2rem;
}
html[data-faut-core][data-faut-route-family="listing"] .sidebar-section {
margin-bottom: 1rem;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section {
display: grid;
gap: 1rem;
margin-bottom: 1.2rem;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] {
width: 100%;
min-width: 0;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-root] {
padding-block: 2.4rem 2.5rem !important;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-root] .blog-bradcrum {
margin-bottom: 1rem;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top,
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top img {
max-height: 42rem;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content [data-faut-pdp-title] {
font-size: clamp(2.5rem, 8vw, 3.4rem) !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content > .content-paragraph {
display: -webkit-box !important;
margin-block: 1rem !important;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html[data-faut-core] [data-faut-pdp-conversion-root] {
gap: 1.05rem;
}
html[data-faut-core] [data-faut-quantity-tier] {
min-height: 6rem;
padding: 0.65rem;
}
html[data-faut-core] [data-faut-quantity-tier] > strong {
font-size: 1.1rem;
}
html[data-faut-core] [data-faut-quantity-tier] > span,
html[data-faut-core] [data-faut-quantity-tier-subtotal] {
font-size: 0.95rem !important;
}
html[data-faut-core] [data-faut-quantity-tier-savings],
html[data-faut-core] [data-faut-quantity-tier] > small {
font-size: 0.8rem !important;
}
html[data-faut-core] [data-faut-pair-offer] {
grid-template-columns: 4.8rem minmax(0, 1fr) auto;
gap: 0.8rem;
}
html[data-faut-core] [data-faut-pair-offer] img {
width: 4.8rem;
height: 4.8rem;
}
html[data-faut-core] [data-faut-pair-offer] button {
min-width: auto;
min-height: 3.6rem;
padding-inline: 0.8rem;
}
html[data-faut-core] [data-faut-cart-root] .container,
html[data-faut-core] [data-faut-cart-root] [data-faut-cart-main],
html[data-faut-core] [data-faut-cart-root] table,
html[data-faut-core] [data-faut-cart-root] tbody,
html[data-faut-core] [data-faut-cart-root] tr,
html[data-faut-core] [data-faut-cart-root] td {
box-sizing: border-box !important;
min-width: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
html[data-faut-core] [data-faut-cart-main] {
overflow: visible !important;
}
html[data-faut-core] [data-faut-cart-root] table,
html[data-faut-core] [data-faut-cart-root] tbody,
html[data-faut-core] [data-faut-cart-root] tr,
html[data-faut-core] [data-faut-cart-root] td {
display: block;
}
html[data-faut-core] [data-faut-cart-root] table > tbody:first-child {
display: none;
}
html[data-faut-core] [data-faut-cart-items] {
display: grid;
gap: 1.4rem;
}
html[data-faut-core] [data-faut-cart-line] {
display: grid !important;
gap: 1.2rem;
padding: 1.6rem;
border: 1px solid var(--faut-cro-border);
border-radius: var(--faut-cro-radius);
background: var(--faut-cro-surface);
box-shadow: 0 1rem 2.8rem color-mix(in srgb, var(--faut-cro-text) 7%, transparent);
}
html[data-faut-core] [data-faut-cart-line] td {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 1.4rem;
padding: 0 !important;
}
html[data-faut-core] [data-faut-cart-line] td::before {
content: attr(data-faut-cart-cell-label);
flex: none;
color: var(--faut-cro-muted);
font-size: 1.2rem;
font-weight: 700;
}
html[data-faut-core] [data-faut-cart-line] td.wrapper-product::before {
content: none;
}
html[data-faut-core] [data-faut-cart-line] .wrapper-product .wrapper {
display: grid !important;
grid-template-columns: 7.2rem minmax(0, 1fr);
align-items: center;
gap: 1.4rem;
width: 100% !important;
}
html[data-faut-core] [data-faut-cart-line] .wrapper-img,
html[data-faut-core] [data-faut-cart-line] .wrapper-img img {
width: 7.2rem !important;
height: 7.2rem !important;
}
html[data-faut-core] [data-faut-cart-line] .wrapper-img img {
object-fit: contain;
}
html[data-faut-core] [data-faut-cart-line] .wrapper-content,
html[data-faut-core] [data-faut-cart-line] .table-wrapper-center {
min-width: 0;
}
html[data-faut-core] [data-faut-cart-line] .wrapper-content .heading {
overflow-wrap: anywhere;
white-space: normal !important;
}
html[data-faut-core] [data-faut-cart-summary] {
gap: 1rem;
padding: 1.8rem;
}
html[data-faut-core] [data-faut-mini-cart-panel] {
inset: 0.8rem !important;
width: calc(100vw - 1.6rem) !important;
height: calc(100dvh - 1.6rem) !important;
padding: 5.4rem 1.6rem 1.6rem !important;
}
html[data-faut-core] [data-faut-mini-cart-summary] .cart-btn {
grid-template-columns: 1fr;
}
html[data-faut-core][data-faut-route-family="checkout"] [data-faut-checkout-root] {
padding-block: 2rem 5rem !important;
}
html[data-faut-core] .faut-checkout-sdk-shell {
gap: 1rem;
padding: 2rem;
}
html[data-faut-core] [data-faut-checkout-delivery] {
grid-template-columns: 1fr;
padding: 1.2rem;
}
html[data-faut-core] [data-faut-checkout-delivery] > strong {
grid-row: auto;
}
html[data-faut-core] [data-faut-offer-modal] {
align-items: end;
padding: 1rem;
}
html[data-faut-core] [data-faut-offer-card] {
width: 100%;
max-height: calc(100dvh - 2rem);
border-radius: calc(var(--faut-cro-radius) * 1.35);
}
html[data-faut-core] [data-faut-offer-content] {
padding: 3rem 2rem 2.2rem;
}
html[data-faut-core] [data-faut-offer-content] > h2 {
font-size: 3.2rem;
}
html[data-faut-core] [data-faut-offer-content] > p {
margin-top: 1.2rem;
font-size: 1.45rem;
}
html[data-faut-core] [data-faut-offer-actions] {
margin-top: 1.6rem;
}
html[data-faut-core] [data-faut-footer] .footer-service-section {
padding: 1.6rem;
overflow: visible;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row {
grid-template-columns: 1fr;
gap: 1.6rem;
margin: 0;
overflow: visible;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > * {
width: 100%;
min-width: 0;
padding: 0;
}
html[data-faut-core] [data-faut-footer] .footer-section > .row {
margin-inline: 0;
}
html[data-faut-core] [data-faut-footer] .footer-section > .row > * {
width: 100%;
min-width: 0;
padding-inline: 0;
}
}
@media (max-width: 390px) {
html[data-faut-core] [data-faut-quantity-tiers] {
gap: 0.4rem;
}
html[data-faut-core] [data-faut-quantity-tier] {
padding-inline: 0.45rem;
}
html[data-faut-core] [data-faut-pair-offer] {
grid-template-columns: 4.2rem minmax(0, 1fr) auto;
gap: 0.6rem;
}
html[data-faut-core] [data-faut-pair-offer] img {
width: 4.2rem;
height: 4.2rem;
}
html[data-faut-core] [data-faut-coupon-form] {
grid-template-columns: 1fr;
}
html[data-faut-core] [data-faut-coupon-form] > .shop-btn {
width: 100%;
}
html[data-faut-core] [data-faut-offer-content] {
padding-inline: 1.6rem;
}
}
html[data-faut-core] [hidden] {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
html[data-faut-core] *,
html[data-faut-core] *::before,
html[data-faut-core] *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
html[data-faut-core] [data-faut-mobile-brand-menu] > summary {
font-family: "Inter", sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3;
}
html[data-faut-core] .category-menu-section #subMenu.open-dropdown {
max-height: min(60vh, calc(100dvh - 20rem));
overflow-y: auto;
}
@media (min-width: 992px) {
html[data-faut-core] .category-menu-section #subMenu {
min-width: min(28rem, calc(100vw - 4rem));
}
html[data-faut-core] #header .category-dropdown .category-list-item:has(> details),
html[data-faut-core] #header .category-dropdown .category-list-item:has(> details):hover,
html[data-faut-core] #header .category-dropdown .category-list-item:has(> details):focus-within {
background: var(--faut-cro-surface);
color: var(--faut-cro-text);
}
html[data-faut-core] #header [data-faut-mobile-brand-menu] > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
cursor: pointer;
color: var(--faut-cro-text);
list-style: none;
}
html[data-faut-core] #header [data-faut-mobile-brand-menu] > summary::-webkit-details-marker {
display: none;
}
html[data-faut-core] #header [data-faut-mobile-brand-menu] > summary::after {
content: "+";
flex: 0 0 auto;
font-size: 1.8rem;
font-weight: 400;
}
html[data-faut-core] #header [data-faut-mobile-brand-menu][open] > summary::after {
content: "\2212";
}
html[data-faut-core] #header [data-faut-mobile-brand-menu] > summary:focus-visible {
outline: 2px solid var(--faut-cro-primary);
outline-offset: 2px;
}
html[data-faut-core] #header [data-faut-mobile-series-list] {
max-height: none;
margin: 1.2rem 0 0;
overflow: visible;
padding-left: 1.6rem;
}
html[data-faut-core] #header [data-faut-mobile-series-list] li + li {
margin-top: 1.2rem;
}
html[data-faut-core] #header [data-faut-mobile-series-list] a {
display: block;
color: var(--faut-cro-text);
line-height: 1.35;
overflow-wrap: anywhere;
}
html[data-faut-core] #header [data-faut-mobile-series-list] a:hover,
html[data-faut-core] #header [data-faut-mobile-series-list] a:focus-visible {
color: var(--faut-cro-primary);
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > li > .header-sub-menu {
top: calc(100% - 1px);
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > li[data-faut-sub-menu-flip] > .header-sub-menu {
right: 0;
left: auto !important;
transform: none !important;
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > li:focus-within > .header-sub-menu,
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > li:hover > .header-sub-menu {
visibility: visible;
opacity: 1;
}
}
@media (min-width: 992px) {
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > [data-faut-header-series-menu="expanded"] {
position: relative;
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > [data-faut-header-series-menu="expanded"] > [data-faut-header-series-list] {
display: grid;
align-content: start;
justify-content: stretch;
gap: 1.2rem 2rem;
width: min(72rem, calc(100vw - 4rem));
max-height: 65vh;
overflow-y: auto;
left: 50%;
transform: translateX(-50%);
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > [data-faut-header-series-columns="3"] > [data-faut-header-series-list] {
grid-template-columns: repeat(3, minmax(0, 1fr));
width: min(56rem, calc(100vw - 4rem));
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > [data-faut-header-series-columns="4"] > [data-faut-header-series-list] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > [data-faut-header-series-menu="expanded"] > [data-faut-header-series-list] li,
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > [data-faut-header-series-menu="expanded"] > [data-faut-header-series-list] a {
min-width: 0;
}
html[data-faut-core] .header-nav .header-nav-menu > .menu-list > [data-faut-header-series-menu="expanded"] > [data-faut-header-series-list] a {
display: block;
overflow-wrap: anywhere;
}
html[data-faut-core] [data-faut-series-sidebar-summary] {
display: none;
}
html[data-faut-core] [data-faut-series-sidebar] > [data-faut-series-sidebar-content] {
display: block;
}
html[data-faut-core] [data-faut-series-sidebar-scroll] {
max-height: 44rem;
overflow-y: auto;
}
}
@media (max-width: 991px) {
html[data-faut-core] [data-faut-mobile-series-list] {
max-height: 60vh;
margin-top: 1.6rem;
overflow-y: auto;
}
html[data-faut-core] [data-faut-mobile-series-list] li + li {
margin-top: 1.2rem;
}
html[data-faut-core] [data-faut-series-sidebar-summary] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 1.2rem;
cursor: pointer;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
list-style: none;
}
html[data-faut-core] [data-faut-series-sidebar-summary]::after {
content: "+";
grid-column: 2;
grid-row: 1;
font-size: 2rem;
font-weight: 400;
}
html[data-faut-core] [data-faut-series-sidebar-toggle]:checked + [data-faut-series-sidebar-summary]::after {
content: "\2212";
}
html[data-faut-core] [data-faut-series-sidebar] > [data-faut-series-sidebar-content] {
display: none;
}
html[data-faut-core] [data-faut-series-sidebar-toggle]:checked ~ [data-faut-series-sidebar-content] {
display: block;
}
html[data-faut-core] [data-faut-series-sidebar-current] {
grid-column: 1 / -1;
font-size: 1.3rem;
font-weight: 400;
}
html[data-faut-core] [data-faut-series-sidebar-content] > .wrapper-heading {
display: none;
}
html[data-faut-core] [data-faut-series-sidebar-scroll] {
max-height: 60vh;
margin-top: 2rem;
overflow-y: auto;
}
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] {
font-size: 1.3rem;
line-height: 1.45;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery-estimate] {
font-size: 1.4rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-proof-rail] {
font-size: 1.25rem;
line-height: 1.45;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-proof-item] strong {
font-size: 1.3rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > strong,
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > span,
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier-subtotal] {
font-size: 1.2rem !important;
line-height: 1.3;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > small {
font-size: 1.1rem !important;
line-height: 1.25;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] small {
font-size: 1.2rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] a {
font-size: 1.3rem;
line-height: 1.35;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] strong {
font-size: 1.2rem;
}
html[data-faut-core] {
--faut-r26-paper: #e0dfd9;
--faut-r26-paper-deep: #d6d5ce;
--faut-r26-sheet: #f4f3ef;
--faut-r26-plate: #d2d1ca;
--faut-r26-bib: #fbfbf8;
--faut-r26-coal: #1c1d1f;
--faut-r26-coal-2: #252629;
--faut-r26-coal-3: #303135;
--faut-r26-on-coal: #eeede8;
--faut-r26-on-coal-mute: #aaa9a3;
--faut-r26-ink: #151618;
--faut-r26-text: #303135;
--faut-r26-mute: #56575b;
--faut-r26-line: #b8b6af;
--faut-r26-line-soft: #d2d0c9;
--faut-r26-head: "Oswald", sans-serif;
--faut-r26-body: "Inter", sans-serif;
--faut-r26-band: var(--faut-site-primary);
--faut-r26-band-dark: color-mix(in srgb, var(--faut-site-primary) 62%, var(--faut-r26-on-coal));
--faut-r26-armband: linear-gradient(180deg, var(--faut-r26-band) 0 36%, var(--faut-r26-bib) 36% 64%, var(--faut-r26-band) 64% 100%);
--faut-r26-armband-dark: linear-gradient(180deg, var(--faut-r26-band-dark) 0 36%, var(--faut-r26-coal) 36% 64%, var(--faut-r26-band-dark) 64% 100%);
--faut-r26-pins: radial-gradient(circle at .55rem .55rem, var(--faut-r26-mute) 0 .2rem, transparent .24rem), radial-gradient(circle at calc(100% - .55rem) .55rem, var(--faut-r26-mute) 0 .2rem, transparent .24rem), radial-gradient(circle at .55rem calc(100% - .55rem), var(--faut-r26-mute) 0 .2rem, transparent .24rem), radial-gradient(circle at calc(100% - .55rem) calc(100% - .55rem), var(--faut-r26-mute) 0 .2rem, transparent .24rem);
--faut-r26-gutter: clamp(1.6rem, 3.2vw, 4.8rem);
--faut-r26-max: 144rem;
--faut-r26-section: clamp(5.6rem, 7.2vw, 10.4rem);
--faut-r26-r: .2rem;
--faut-r26-lift: 0 2.4rem 4.8rem -2.4rem color-mix(in srgb, var(--faut-r26-coal) 55%, transparent);
--faut-r26-ease: cubic-bezier(.2, .8, .2, 1);
--faut-r26-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M3 12h17M14 6l6 6-6 6'/%3E%3C/svg%3E");
--faut-r26-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='square'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
--faut-r26-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M2.5 6.5h11v9h-11z'/%3E%3Cpath d='M13.5 9.5h4l3 3.2v2.8h-7z'/%3E%3Ccircle cx='6.5' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E");
--faut-cro-surface: var(--faut-r26-sheet);
--faut-cro-text: var(--faut-r26-ink);
--faut-cro-muted: var(--faut-r26-mute);
--faut-cro-border: var(--faut-r26-line);
--faut-cro-soft: var(--faut-r26-paper-deep);
--faut-cro-radius: var(--faut-r26-r);
background: var(--faut-r26-paper);
}
html[data-faut-core] body {
counter-reset: faut-r26-km;
background: var(--faut-r26-paper);
color: var(--faut-r26-text);
font-family: var(--faut-r26-body);
font-size: 1.6rem;
font-weight: 400;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html[data-faut-core] body,
html[data-faut-core] body * {
font-synthesis: none;
}
html[data-faut-core] body :is(p, a, li, label, input, select, textarea, button, td, th, summary, span, small, strong) {
font-family: inherit;
}
html[data-faut-core] :is(.footer, .about-details, .offcanvas) {
font-family: var(--faut-r26-body);
}
html[data-faut-core] body a {
font-weight: inherit;
}
html[data-faut-core] body :is(h1, h2, h3, h4, h5, h6) {
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-weight: 600;
letter-spacing: 0;
}
html[data-faut-core] body :is(strong, b) {
font-weight: 600;
}
html[data-faut-core] body ::selection {
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal);
}
html[data-faut-core] body hr {
border: 0;
border-top: 1px solid var(--faut-r26-line);
opacity: 1;
}
html[data-faut-core] #header .container,
html[data-faut-core] section.product > .container,
html[data-faut-core] section.blog > .container,
html[data-faut-core] section.about > .container,
html[data-faut-core] section.product-cart > .container,
html[data-faut-core] section.checkout > .container,
html[data-faut-core] .faut-buying-guide > .container,
html[data-faut-core] .product.footer > .container {
width: 100%;
max-width: var(--faut-r26-max);
padding-inline: var(--faut-r26-gutter) !important;
}
html[data-faut-core] .shop-btn,
html[data-faut-core] .product-btn,
html[data-faut-core] button.shop-btn {
--faut-r26-btn-bg: var(--faut-r26-coal);
--faut-r26-btn-fg: var(--faut-r26-on-coal);
--faut-r26-btn-bd: var(--faut-r26-coal);
--faut-r26-btn-mark: var(--faut-r26-armband-dark);
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 1.2rem;
min-height: 5.2rem;
padding: 1.2rem 2.8rem;
overflow: visible;
border: 1.5px solid var(--faut-r26-btn-bd) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-btn-bg) !important;
box-shadow: none;
color: var(--faut-r26-btn-fg) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.5rem;
font-weight: 500 !important;
letter-spacing: .14em;
line-height: 1.15;
text-transform: uppercase;
text-decoration: none;
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
html[data-faut-core] .shop-btn::after {
display: none !important;
}
html[data-faut-core] .shop-btn::before {
width: 2rem;
height: .7rem;
flex: 0 0 auto;
background: var(--faut-r26-btn-mark);
content: "";
transition: width .25s var(--faut-r26-ease);
}
html[data-faut-core] .shop-btn:hover::before {
width: 3rem;
}
html[data-faut-core] .shop-btn span {
margin: 0;
color: inherit !important;
font-size: inherit;
}
html[data-faut-core] .shop-btn:hover,
html[data-faut-core] .product-btn:hover {
--faut-r26-btn-bg: var(--faut-r26-coal-3);
--faut-r26-btn-bd: var(--faut-r26-coal-3);
}
html[data-faut-core] :is(.shop-btn, .product-btn):active {
transform: translateY(1px);
}
html[data-faut-core] :is(
.product-info-content .product-quantity > .faut-buy-now-button,
[data-faut-mini-cart-summary] .cart-btn .view-btn,
[data-faut-listing-load-more] .shop-btn,
[data-faut-listing-load-more] button,
[data-faut-pair-offer] .shop-btn,
[data-faut-cart-upsell] .shop-btn,
[data-faut-cart-upsell] button,
.product-wrapper[data-faut-product] .product-btn
) {
--faut-r26-btn-bg: transparent;
--faut-r26-btn-fg: var(--faut-r26-ink);
--faut-r26-btn-bd: var(--faut-r26-coal);
--faut-r26-btn-mark: transparent;
}
html[data-faut-core] :is(
.product-info-content .product-quantity > .faut-buy-now-button,
[data-faut-mini-cart-summary] .cart-btn .view-btn,
[data-faut-listing-load-more] .shop-btn,
[data-faut-listing-load-more] button,
[data-faut-pair-offer] .shop-btn,
[data-faut-cart-upsell] .shop-btn,
[data-faut-cart-upsell] button,
.product-wrapper[data-faut-product] .product-btn
):is(:hover, :focus-visible) {
--faut-r26-btn-bg: var(--faut-r26-coal);
--faut-r26-btn-fg: var(--faut-r26-on-coal);
--faut-r26-btn-bd: var(--faut-r26-coal);
--faut-r26-btn-mark: var(--faut-r26-armband-dark);
}
html[data-faut-core] .product-info-content .product-quantity > .faut-buy-now-button::before,
html[data-faut-core] [data-faut-mini-cart-summary] .cart-btn .view-btn::before,
html[data-faut-core] [data-faut-pair-offer] .shop-btn::before,
html[data-faut-core] [data-faut-cart-upsell] .shop-btn::before,
html[data-faut-core] [data-faut-listing-pagination] .shop-btn::before,
html[data-faut-core] .header-search .search-section .shop-btn::before,
html[data-faut-core] .offcanvas-body .header-top .shop-btn::before {
display: none;
}
html[data-faut-core] :is(
.product-info-content .product-quantity > .shop-btn,
.faut-buy-now-bar .shop-btn,
[data-faut-cart-actions] .shop-btn,
[data-faut-mini-cart-summary] .cart-btn .checkout-btn,
[data-faut-offer-actions] > .shop-btn,
.faut-cart-empty .shop-btn
) {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
text-align: center;
}
html[data-faut-core] :is(.shop-btn, .product-btn, a, button, summary, input, select, [role="button"]):focus-visible {
outline: 3px solid var(--faut-site-primary);
outline-offset: 2px;
}
html[data-faut-core] .product-info-content .product-quantity .shop-btn:disabled[data-faut-variant-missing="true"],
html[data-faut-core] .faut-buy-now-bar .shop-btn:disabled[data-faut-variant-missing="true"] {
opacity: 1 !important;
cursor: pointer;
}
html[data-faut-core] [data-faut-shipping-bar] {
min-height: 3.8rem;
padding-block: .9rem 1rem;
border: 0 !important;
background: var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.3rem;
font-weight: 400 !important;
letter-spacing: .14em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-shipping-message] {
display: inline-flex;
align-items: center;
gap: 1.2rem;
color: var(--faut-r26-on-coal) !important;
font-weight: 400 !important;
}
html[data-faut-core] [data-faut-shipping-message] strong,
html[data-faut-core] [data-faut-shipping-remaining] {
color: var(--faut-r26-on-coal) !important;
font-weight: 700 !important;
}
html[data-faut-core] [data-faut-shipping-message]::before {
width: 1.8rem;
height: .6rem;
flex: 0 0 auto;
background: var(--faut-r26-armband-dark);
content: "";
}
html[data-faut-core] .faut-shipping-progress-track {
bottom: 0;
height: .3rem;
background: var(--faut-r26-coal-3) !important;
}
html[data-faut-core] [data-faut-shipping-progress] {
background: var(--faut-r26-band-dark) !important;
}
html[data-faut-core] [data-faut-welcome-bar] {
gap: 1rem;
padding: .8rem var(--faut-r26-gutter);
border: 0;
background: var(--faut-r26-coal-2);
color: var(--faut-r26-on-coal);
font-family: var(--faut-r26-body);
font-size: 1.3rem;
font-weight: 400;
}
html[data-faut-core] [data-faut-welcome-bar] > span,
html[data-faut-core] [data-faut-welcome-bar] > span * {
color: var(--faut-r26-on-coal);
}
html[data-faut-core] [data-faut-welcome-bar] > button {
min-height: 3.4rem;
padding: 0 1.2rem;
border: 0;
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-on-coal);
font-family: var(--faut-r26-head);
font-weight: 500;
letter-spacing: .12em;
text-decoration: none;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-welcome-bar] > [data-faut-offer-accept] {
background: var(--faut-r26-on-coal);
color: var(--faut-r26-ink);
font-size: 1.25rem;
}
html[data-faut-core] [data-faut-welcome-bar] > [data-faut-welcome-bar-close] {
min-width: 3.4rem;
padding: 0;
font-family: var(--faut-r26-body);
font-size: 2rem;
font-weight: 300;
}
html[data-faut-core] #header {
position: relative;
background: var(--faut-r26-paper) !important;
border: 0 !important;
box-shadow: none !important;
}
html[data-faut-core] .header-top-section {
background: var(--faut-r26-paper) !important;
border: 0 !important;
}
html[data-faut-core] .header-top-section .header-top {
min-height: 3.6rem;
border-bottom: 1px solid var(--faut-r26-line-soft);
}
html[data-faut-core] .header-contact {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.2rem;
font-weight: 400;
letter-spacing: .14em;
text-transform: uppercase;
}
html[data-faut-core] .header-contact .contact-number,
html[data-faut-core] .header-contact a,
html[data-faut-core] .header-contact [data-faut-email-text] span {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-weight: 500;
letter-spacing: 0;
text-transform: none;
}
html[data-faut-core] .header-contact .contact-number {
margin-left: .8rem;
}
html[data-faut-core] .header-center-section {
background: var(--faut-r26-paper) !important;
}
html[data-faut-core] .header-center-section .header-center {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2.4rem;
min-height: 9.2rem;
padding: 1.6rem 0;
}
html[data-faut-core] .header-center .logo {
min-width: 0;
flex: 0 1 auto;
height: auto;
margin: 0;
}
html[data-faut-core] .header-center .logo a {
display: inline-flex;
align-items: center;
max-width: 100%;
text-decoration: none;
}
html[data-faut-core] .header-center .logo .wrapper-heading,
html[data-faut-core] .header-center .logo .faut-wordmark,
html[data-faut-core] .header-center .logo .faut-site-wordmark {
display: block;
min-width: 0;
max-width: none;
overflow: visible;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: clamp(2.6rem, 2.5vw, 3.6rem);
font-weight: 700 !important;
letter-spacing: .01em;
line-height: .95;
text-overflow: clip;
text-transform: uppercase;
white-space: normal;
overflow-wrap: break-word;
}
html[data-faut-core] .header-center .header-cart-items {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-end;
gap: .8rem;
}
html[data-faut-core] .header-center .header-search {
width: auto;
height: auto;
border: 0 !important;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] .header-center .header-user:empty,
html[data-faut-core] .header-vendor-btn:empty {
display: none;
}
html[data-faut-core] .header-center .header-search-btn,
html[data-faut-core] .header-center .header-favourite .cart-item {
position: relative;
display: inline-grid;
place-items: center;
width: 4.8rem;
height: 4.8rem;
padding: 0;
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r);
background: transparent !important;
color: var(--faut-r26-ink) !important;
transition: background-color .2s ease;
}
html[data-faut-core] .header-center .header-search-btn:hover,
html[data-faut-core] .header-center .header-favourite .cart-item:hover {
background: var(--faut-r26-sheet) !important;
}
html[data-faut-core] .header-center .header-search-btn > span,
html[data-faut-core] .header-center .header-favourite .cart-item > span:first-child {
display: grid;
place-items: center;
}
html[data-faut-core] .header-center .header-search-btn svg {
width: 1.8rem;
height: 1.8rem;
}
html[data-faut-core] .header-center .header-search-btn svg path,
html[data-faut-core] .header-center .header-favourite svg path {
fill: var(--faut-r26-ink) !important;
}
html[data-faut-core] .header-center .header-favourite .cart-item .cart-text:not(:has(:not(:empty))) {
display: none;
}
html[data-faut-core] .header-center .header-favourite [data-faut-wishlist-badge]:not(:empty) {
position: absolute;
top: -.8rem;
right: -.8rem;
display: inline-grid;
place-items: center;
min-width: 2.2rem;
height: 2.2rem;
padding: 0 .5rem;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-bib) !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.2rem !important;
font-weight: 700;
line-height: 1;
}
html[data-faut-core] .header-center .header-cart .cart-item {
position: relative;
display: inline-flex;
align-items: center;
gap: 1rem;
height: 4.8rem;
padding: 0 1.8rem 0 1.5rem;
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r);
background: var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem;
font-weight: 500 !important;
letter-spacing: .14em;
text-decoration: none;
text-transform: uppercase;
transition: background-color .2s ease;
}
html[data-faut-core] .header-center .header-cart .cart-item:hover {
background: var(--faut-r26-coal-3) !important;
}
html[data-faut-core] .header-center .header-cart .cart-item > span:first-child {
display: grid;
place-items: center;
}
html[data-faut-core] .header-center .header-cart .cart-item .cart-text,
html[data-faut-core] .header-center .header-cart .cart-item span {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .header-center .header-cart svg path {
fill: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .header-center .header-cart .cart-item [data-faut-cart-badge]:not(:empty),
html[data-faut-core] .mobile-menu-header [data-faut-cart-badge]:not(:empty) {
display: inline-grid;
place-items: center;
min-width: 2.4rem;
height: 2.4rem;
margin: 0 0 0 .6rem;
padding: 0 .6rem;
border-radius: var(--faut-r26-r);
background: var(--faut-r26-bib) !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.3rem !important;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
}
html[data-faut-core] .header-search .modal-wrapper.search {
z-index: 10056;
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main {
border-bottom: 0;
border-radius: 0;
background: var(--faut-r26-paper);
box-shadow: var(--faut-r26-lift);
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: .8rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .wrapper-main {
max-width: calc(100vw - 3.2rem);
overflow: hidden;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-sheet);
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .search-section input {
color: var(--faut-r26-ink);
font-family: var(--faut-r26-body);
font-size: 1.8rem;
font-weight: 400;
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .search-section input::placeholder {
color: var(--faut-r26-mute);
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .search-section button {
color: var(--faut-r26-text);
font-family: var(--faut-r26-head);
font-size: 1.35rem;
font-weight: 500;
letter-spacing: .12em;
text-transform: uppercase;
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .search-section .divider {
background: var(--faut-r26-line);
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .search-section .shop-btn {
min-height: 100%;
margin: 0 !important;
border-width: 0 0 0 1.5px !important;
border-radius: 0 !important;
color: var(--faut-r26-on-coal) !important;
transform: none;
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .wrapper-close-btn {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-sheet);
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .wrapper-close-btn svg {
width: 1.6rem;
height: 1.6rem;
}
html[data-faut-core] .header-center .header-cart-items .header-search .modal-main .wrapper-close-btn svg path {
fill: var(--faut-r26-ink) !important;
stroke: var(--faut-r26-ink);
}
html[data-faut-core] .header-bottom {
position: relative;
padding: 0 0 .8rem !important;
border: 0 !important;
background: var(--faut-r26-coal) !important;
}
html[data-faut-core] .header-bottom::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: .8rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
}
html[data-faut-core] .header-bottom .header-nav {
min-height: 5.8rem;
gap: clamp(1.6rem, 2.4vw, 3.2rem);
}
html[data-faut-core] .header-nav .category-menu-section {
width: auto;
flex: 0 0 auto;
}
html[data-faut-core] .dropdown-btn {
display: inline-flex;
align-items: center;
gap: 1rem;
min-height: 4rem;
padding: 0 1.6rem 0 1.2rem;
border: 0 !important;
border-radius: var(--faut-r26-r);
background: var(--faut-r26-on-coal) !important;
color: var(--faut-r26-ink) !important;
transition: background-color .2s ease;
}
html[data-faut-core] .dropdown-btn:hover {
background: var(--faut-r26-bib) !important;
}
html[data-faut-core] .dropdown-btn .dropdown-icon {
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
background: transparent !important;
}
html[data-faut-core] .dropdown-btn .dropdown-icon svg {
width: 1.5rem;
height: 1.5rem;
}
html[data-faut-core] .dropdown-btn .dropdown-icon svg rect,
html[data-faut-core] .dropdown-btn .dropdown-icon svg path {
fill: var(--faut-r26-ink) !important;
}
html[data-faut-core] .dropdown-btn .list-text {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem;
font-weight: 500 !important;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
}
html[data-faut-core] .header-nav-menu {
flex: 1 1 auto;
min-width: 0;
}
html[data-faut-core] .header-nav-menu .menu-list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: .2rem clamp(1.8rem, 2.6vw, 3.6rem);
margin: 0;
padding: 0;
}
html[data-faut-core] .header-nav-menu .menu-list > li > a {
position: relative;
display: inline-flex;
align-items: center;
min-height: 5.2rem;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.5rem;
font-weight: 500 !important;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
transition: color .2s ease;
}
html[data-faut-core] .header-nav-menu .menu-list > li > a .list-text {
color: inherit !important;
}
html[data-faut-core] .header-nav-menu .menu-list > li > a::after {
position: absolute;
right: 100%;
bottom: 1.2rem;
left: 0;
height: 2px;
background: var(--faut-r26-on-coal);
content: "";
transition: right .25s var(--faut-r26-ease);
}
html[data-faut-core] .header-nav-menu .menu-list > li:hover > a::after,
html[data-faut-core] .header-nav-menu .menu-list > li > a:focus-visible::after {
right: 0;
}
html[data-faut-core] .header-nav-menu .menu-list .header-sub-menu {
z-index: 30;
padding: .8rem;
border: 1.5px solid var(--faut-r26-coal);
border-top: .6rem solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-sheet);
box-shadow: var(--faut-r26-lift);
}
html[data-faut-core] .header-nav-menu .menu-list .header-sub-menu a {
border-radius: var(--faut-r26-r);
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem;
font-weight: 400;
overflow-wrap: normal;
word-break: normal;
}
html[data-faut-core] .header-nav-menu .menu-list .header-sub-menu a:hover {
background: var(--faut-r26-paper-deep);
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown {
top: calc(100% + .8rem);
z-index: 30;
border: 0;
border-radius: var(--faut-r26-r);
box-shadow: none;
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown.open-dropdown {
border: 1.5px solid var(--faut-r26-coal);
border-top: .6rem solid var(--faut-r26-coal);
background: var(--faut-r26-sheet);
box-shadow: var(--faut-r26-lift);
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown .category-list-item {
border-bottom: 1px solid var(--faut-r26-line-soft);
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown .category-list-item:last-child {
border-bottom: 0;
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown .category-list-item > a,
html[data-faut-core] .header-nav .category-menu-section .category-dropdown summary,
html[data-faut-core] .header-nav .category-menu-section .category-dropdown .dropdown-text {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .06em;
text-transform: uppercase;
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown .category-list-item > a {
display: block;
padding: 1.4rem 2.2rem;
text-decoration: none;
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown .category-list-item > a .dropdown-item {
padding: 0;
background: transparent;
}
html[data-faut-core] .header-nav .category-menu-section .category-dropdown .category-list-item:hover {
background: var(--faut-r26-paper-deep);
}
html[data-faut-core] #header [data-faut-mobile-series-list] a {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem;
}
html[data-faut-core] .mobile-menu {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
html[data-faut-core] .mobile-menu::after {
display: block;
height: .7rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
}
html[data-faut-core] .mobile-menu-header {
display: grid !important;
grid-template-columns: 4.4rem minmax(0, 1fr) 4.4rem;
align-items: center;
gap: 1.2rem;
min-height: 6.6rem;
padding: .9rem var(--faut-r26-gutter);
border-bottom: 1px solid var(--faut-r26-coal);
background: var(--faut-r26-paper);
}
html[data-faut-core] .mobile-menu-header > .btn,
html[data-faut-core] .mobile-menu-header > .header-cart {
position: relative;
display: inline-grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
padding: 0;
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r);
background: transparent !important;
}
html[data-faut-core] .mobile-menu-header > .btn {
grid-column: 1;
grid-row: 1;
}
html[data-faut-core] .mobile-menu-header > .header-cart {
grid-column: 3;
grid-row: 1;
background: var(--faut-r26-coal) !important;
}
html[data-faut-core] .mobile-menu-header > .header-cart [data-faut-cart-badge]:not(:empty) {
position: absolute;
top: -.9rem;
right: -.9rem;
margin: 0;
border: 1px solid var(--faut-r26-coal);
}
html[data-faut-core] .mobile-menu-header svg path,
html[data-faut-core] .mobile-menu-header svg rect {
fill: var(--faut-r26-ink) !important;
}
html[data-faut-core] .mobile-menu-header > .header-cart svg path,
html[data-faut-core] .mobile-menu-header > .header-cart svg rect {
fill: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .mobile-header-logo {
grid-column: 2;
grid-row: 1;
min-width: 0;
text-align: center;
text-decoration: none;
}
html[data-faut-core] .mobile-menu-header .mobile-header-logo .wrapper-heading,
html[data-faut-core] .mobile-menu-header .mobile-header-logo .faut-wordmark,
html[data-faut-core] .mobile-menu-header .mobile-header-logo .faut-site-wordmark {
display: block;
max-width: none;
overflow: visible;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: clamp(2rem, 6vw, 2.6rem);
font-weight: 700 !important;
letter-spacing: .01em;
line-height: 1;
text-align: center;
text-overflow: clip;
text-transform: uppercase;
white-space: normal;
overflow-wrap: break-word;
}
html[data-faut-core] .offcanvas.offcanvas-start {
z-index: 10057;
width: min(36rem, 90vw);
border-right: 0;
background: var(--faut-r26-paper);
}
html[data-faut-core] .offcanvas-backdrop {
z-index: 10056;
}
html[data-faut-core] .offcanvas-backdrop.show {
background: var(--faut-r26-coal);
opacity: .6;
}
html[data-faut-core] .offcanvas-body {
padding: 0 1.8rem 2.4rem;
}
html[data-faut-core] .offcanvas-body .header-top {
align-items: center;
margin: 0 -1.8rem 2rem;
padding: 1.2rem 1.8rem 2rem;
background: var(--faut-r26-armband) 0 100% / 100% .7rem no-repeat, var(--faut-r26-coal);
}
html[data-faut-core] .offcanvas-body .header-top .shop-btn {
width: 4.4rem;
min-width: 0;
height: 4.4rem;
min-height: 0;
margin: 0 !important;
padding: 0;
border-color: var(--faut-r26-on-coal-mute) !important;
background: transparent !important;
}
html[data-faut-core] .offcanvas-body .header-top .shop-btn .btn-close {
opacity: 1;
filter: none;
}
html[data-faut-core] .offcanvas-body .header-top .header-favourite .cart-item {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border: 1.5px solid var(--faut-r26-on-coal-mute);
border-radius: var(--faut-r26-r);
}
html[data-faut-core] .offcanvas-body .header-top .header-favourite svg path {
fill: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .offcanvas-body .header-input {
padding: .4rem .6rem .4rem 1.6rem;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-sheet);
}
html[data-faut-core] .offcanvas-body .header-input input {
min-width: 0;
flex: 1 1 auto;
border: 0;
background: transparent;
color: var(--faut-r26-ink);
font-size: 1.7rem;
}
html[data-faut-core] .offcanvas-body .header-input input::placeholder {
color: var(--faut-r26-mute);
}
html[data-faut-core] .offcanvas-body .category-dropdown {
margin-top: 1.6rem;
}
html[data-faut-core] .offcanvas-body .category-dropdown .category-list {
gap: 0 !important;
border-top: 2px solid var(--faut-r26-coal);
}
html[data-faut-core] .offcanvas-body .category-dropdown .category-list .category-list-item {
border-bottom: 1px solid var(--faut-r26-line);
background: transparent;
}
html[data-faut-core] .offcanvas-body .category-dropdown .category-list .category-list-item > a,
html[data-faut-core] .offcanvas-body .category-dropdown summary.dropdown-item {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
padding: 1.5rem 0;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.8rem;
font-weight: 500 !important;
letter-spacing: .06em;
text-decoration: none;
text-transform: uppercase;
}
html[data-faut-core] .offcanvas-body .category-dropdown a > .dropdown-item {
width: 100%;
padding: 0;
background: transparent;
}
html[data-faut-core] .offcanvas-body .category-dropdown .dropdown-text {
font: inherit;
}
html[data-faut-core] .offcanvas-body [data-faut-mobile-brand-menu] > summary {
list-style: none;
cursor: pointer;
}
html[data-faut-core] .offcanvas-body [data-faut-mobile-brand-menu] > summary::-webkit-details-marker {
display: none;
}
html[data-faut-core] .offcanvas-body [data-faut-mobile-brand-menu] > summary::after {
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
color: var(--faut-r26-ink);
content: "+";
font-family: var(--faut-r26-body);
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1;
visibility: visible;
}
html[data-faut-core] .offcanvas-body [data-faut-mobile-brand-menu][open] > summary::after {
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal);
content: "\2212";
}
html[data-faut-core] .offcanvas-body [data-faut-mobile-series-list] {
margin: 0 0 1.4rem;
padding: 0 0 0 1.4rem;
border-left: 2px solid var(--faut-r26-coal);
}
html[data-faut-core] .offcanvas-body [data-faut-mobile-series-list] a {
display: block;
padding: .6rem 0;
color: var(--faut-r26-text) !important;
font-size: 1.6rem;
text-decoration: none;
}
html[data-faut-core] section.product .section-title {
counter-increment: faut-r26-km;
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: end;
gap: 1.2rem 2rem;
margin: 0 0 clamp(3.2rem, 3.6vw, 4.8rem) !important;
padding: 0 0 1.8rem;
border: 0;
border-bottom: 1px solid var(--faut-r26-coal);
text-align: left;
}
html[data-faut-core] section.product .section-title::before {
align-self: end;
color: var(--faut-r26-mute);
content: counter(faut-r26-km, decimal-leading-zero) "\2009\2013";
font-family: var(--faut-r26-head);
font-size: clamp(3rem, 3.4vw, 5rem);
font-weight: 200;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
line-height: .9;
}
html[data-faut-core] section.product .section-title::after {
position: absolute;
bottom: -.45rem;
left: 0;
width: clamp(6.4rem, 7vw, 9.6rem);
height: .8rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
}
html[data-faut-core] section.product .section-title h5 {
min-width: 0;
max-width: 100%;
margin: 0;
padding: 0;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(3.2rem, 3.4vw, 5rem);
font-weight: 600 !important;
letter-spacing: 0;
line-height: .95;
text-transform: uppercase;
text-wrap: balance;
overflow-wrap: break-word;
}
html[data-faut-core] section.product .section-title .view {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 1rem;
min-height: 4.4rem;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem;
font-weight: 500 !important;
letter-spacing: .14em;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: .5em;
text-transform: uppercase;
}
html[data-faut-core] section.product .section-title .view::after {
width: 1.8rem;
height: 1.8rem;
background: currentColor;
content: "";
-webkit-mask: var(--faut-r26-arrow) center / contain no-repeat;
mask: var(--faut-r26-arrow) center / contain no-repeat;
transition: transform .25s var(--faut-r26-ease);
}
html[data-faut-core] section.product .section-title .view:hover::after {
transform: translateX(.4rem);
}
html[data-faut-core] [data-faut-home-hero] {
position: relative;
width: 100%;
max-width: none;
height: auto !important;
margin: 0;
padding: clamp(2.4rem, 3.2vw, 4.4rem) max(var(--faut-r26-gutter), calc(50% - var(--faut-r26-max) / 2 + var(--faut-r26-gutter))) clamp(1.8rem, 2.2vw, 2.6rem);
background: var(--faut-r26-coal);
}
html[data-faut-core] [data-faut-home-hero] .hero-swiper {
position: relative;
height: auto;
overflow: hidden;
border-radius: var(--faut-r26-r);
}
html[data-faut-core] [data-faut-home-hero] .swiper-pagination {
position: static !important;
display: flex;
align-items: center;
justify-content: flex-start;
gap: .6rem;
width: auto !important;
margin: 0;
padding: 2rem 0 0;
transform: none !important;
}
html[data-faut-core] [data-faut-home-hero] .swiper-pagination-bullet {
width: 4.8rem !important;
height: .4rem !important;
margin: 0 !important;
border-radius: 0 !important;
background: var(--faut-r26-coal-3) !important;
opacity: 1 !important;
transition: background-color .2s ease, width .3s var(--faut-r26-ease);
}
html[data-faut-core] [data-faut-home-hero] .swiper-pagination-bullet::before {
display: none !important;
}
html[data-faut-core] [data-faut-home-hero] .swiper-pagination-bullet-active {
width: 9.6rem !important;
background: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .faut-topic-intro {
padding: clamp(5.2rem, 6.8vw, 9.6rem) var(--faut-r26-gutter) clamp(5.2rem, 6.4vw, 8.8rem) !important;
border: 0 !important;
background: transparent !important;
}
html[data-faut-core] .faut-topic-intro__inner {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
align-items: end;
gap: 2.4rem clamp(3.2rem, 5vw, 8rem);
max-width: calc(var(--faut-r26-max) - 2 * var(--faut-r26-gutter)) !important;
margin: 0 auto;
padding: 0 0 clamp(3.2rem, 3.6vw, 4.4rem) !important;
border-bottom: 1px solid var(--faut-r26-coal);
text-align: left;
}
html[data-faut-core] .faut-topic-intro__eyebrow {
grid-column: 1 / -1;
display: inline-flex;
align-items: center;
gap: 1.2rem;
justify-self: start;
margin: 0 !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem;
font-weight: 500 !important;
letter-spacing: .16em;
line-height: 1.4;
text-transform: uppercase;
}
html[data-faut-core] .faut-topic-intro__eyebrow::before {
width: 4.8rem;
height: .8rem;
flex: 0 0 auto;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] .faut-topic-intro h1 {
max-width: 18ch;
margin: 0 !important;
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-size: clamp(4.4rem, 5.4vw, 8rem);
font-weight: 600 !important;
letter-spacing: -.005em;
line-height: .92;
text-transform: uppercase;
text-wrap: balance;
overflow-wrap: break-word;
}
html[data-faut-core] .faut-topic-intro h1 + p {
max-width: 58rem;
margin: 0 !important;
color: var(--faut-r26-text);
font-family: var(--faut-r26-body);
font-size: clamp(1.7rem, 1.3vw, 1.9rem);
font-weight: 400;
line-height: 1.65;
text-wrap: pretty;
}
html[data-faut-core] section.product.fashion-style {
padding: 0 0 var(--faut-r26-section) !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-style-section] .row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(1.6rem, 2vw, 2.8rem);
margin: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-faut-core] [data-faut-style-section] .row > [class*="col-"] {
width: auto;
max-width: none;
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core] [data-faut-style-section] .product-wrapper {
position: relative;
width: 100%;
height: auto !important;
padding: 0 !important;
overflow: hidden;
border: 0 !important;
border-radius: var(--faut-r26-r) !important;
box-shadow: none !important;
}
html[data-faut-core] section.product.weekly-sale [data-faut-style-section] {
margin-top: var(--faut-r26-section);
}
html[data-faut-core] :is(.wrapper-one, .product-deal-section, .newsletter, .header-vendor-btn) .shop-btn {
--faut-r26-btn-bg: var(--faut-r26-coal);
--faut-r26-btn-bd: var(--faut-r26-coal);
--faut-r26-btn-fg: var(--faut-r26-on-coal);
}
html[data-faut-core] section.product.brand {
padding: 0 0 var(--faut-r26-section) !important;
background: transparent !important;
border: 0 !important;
}
html[data-faut-core] .product.brand .brand-section {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
gap: clamp(1rem, 1.2vw, 1.6rem);
margin: 0 !important;
border: 0;
}
html[data-faut-core] .product.brand .brand-section .product-wrapper {
position: relative;
container-type: inline-size;
width: auto;
height: auto !important;
min-height: 0;
margin: 0 !important;
padding: 0 !important;
overflow: visible;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] .product.brand .brand-section .wrapper-img {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
filter: none !important;
}
html[data-faut-core] .product.brand .brand-section a {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 2.4rem;
width: 100%;
height: 100%;
min-height: 15rem;
padding: 3.2rem 2.2rem 2rem;
border-top: 2px solid var(--faut-r26-coal);
border-radius: 0;
background: var(--faut-r26-sheet) !important;
color: var(--faut-r26-ink) !important;
text-align: left;
text-decoration: none;
transition: background-color .25s ease;
}
html[data-faut-core] .product.brand .brand-section a::before {
position: absolute;
top: 0;
left: 0;
width: 4.8rem;
height: .8rem;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] .product.brand .brand-section a::after {
align-self: flex-end;
width: 2.4rem;
height: 2.4rem;
background: var(--faut-r26-ink);
content: "";
-webkit-mask: var(--faut-r26-arrow) center / contain no-repeat;
mask: var(--faut-r26-arrow) center / contain no-repeat;
transition: transform .25s var(--faut-r26-ease);
}
html[data-faut-core] .product.brand .brand-section .product-wrapper:hover a {
background: var(--faut-r26-coal) !important;
}
html[data-faut-core] .product.brand .brand-section .product-wrapper:hover a::before {
background: var(--faut-r26-armband-dark);
}
html[data-faut-core] .product.brand .brand-section .product-wrapper:hover a::after {
background: var(--faut-r26-on-coal);
transform: translateX(.4rem);
}
html[data-faut-core] .product.brand .faut-brand-name {
min-width: 0;
max-width: 100%;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(1.3rem, 7.4cqi, 2.8rem);
font-weight: 600 !important;
letter-spacing: .01em;
line-height: 1.02;
text-transform: uppercase;
overflow-wrap: break-word;
transition: color .25s ease;
}
html[data-faut-core] .product.brand .brand-section .product-wrapper:hover .faut-brand-name {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] section.product.arrival,
html[data-faut-core] section.product.flash-sale,
html[data-faut-core] section.product.top-selling,
html[data-faut-core] section.product.weekly-sale,
html[data-faut-core] section.product.best-product {
padding: 0 0 var(--faut-r26-section) !important;
background: transparent !important;
border: 0 !important;
}
html[data-faut-core] .faut-editorial-knowledge + section.product {
padding-top: 0 !important;
}
html[data-faut-core] section.product.flash-sale {
margin-bottom: var(--faut-r26-section);
padding: var(--faut-r26-section) 0 !important;
background: var(--faut-r26-coal) !important;
}
html[data-faut-core] section.product.flash-sale .section-title {
border-bottom-color: var(--faut-r26-on-coal-mute);
}
html[data-faut-core] section.product.flash-sale .section-title::before {
color: var(--faut-r26-on-coal-mute);
}
html[data-faut-core] section.product.flash-sale .section-title::after {
background: var(--faut-r26-armband-dark);
}
html[data-faut-core] section.product.flash-sale .section-title h5,
html[data-faut-core] section.product.flash-sale .section-title .view {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] section.product.flash-sale :is(p, span, small, time, div):not(.product-wrapper *, .section-title *) {
color: var(--faut-r26-on-coal);
}
html[data-faut-core] section.product.flash-sale .product-wrapper[data-faut-product] {
padding: 1.2rem 1.2rem 1.4rem !important;
background: var(--faut-r26-sheet) !important;
}
html[data-faut-core] section.product .row.g-5,
html[data-faut-core] section.product .row.g-4 {
margin: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-faut-core] section.product .row.g-5 > .row.g-5,
html[data-faut-core] section.product .row.g-5 > [class*="col-"] {
padding: 0 !important;
}
html[data-faut-core] section.product [data-faut-listing-grid] {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(3.2rem, 3.6vw, 4.8rem) clamp(1.4rem, 1.8vw, 2.4rem) !important;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core] section.product [data-faut-listing-grid] > [data-faut-listing-item] {
width: auto !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core] .product-wrapper[data-faut-product],
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] [data-faut-listing-card] {
position: relative;
display: flex;
flex-direction: column;
height: 100% !important;
min-height: 0 !important;
padding: 0 !important;
overflow: visible;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-family: var(--faut-r26-body);
cursor: default;
}
html[data-faut-core] .product-wrapper[data-faut-product]:hover {
border: 0 !important;
box-shadow: none !important;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img,
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] [data-faut-listing-card] .product-img {
position: relative;
flex: 0 0 auto !important;
width: 100%;
height: auto !important;
aspect-ratio: 1 / 1 !important;
margin: 0 0 1.6rem !important;
padding: 0 !important;
overflow: hidden;
border: 0;
border-top: 2px solid var(--faut-r26-coal);
border-radius: 0;
background: var(--faut-r26-plate);
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img::after {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 4rem;
height: .7rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
transition: width .3s var(--faut-r26-ease);
}
html[data-faut-core] .product-wrapper[data-faut-product]:hover .product-img::after {
width: 100%;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img[data-faut-discount]::before {
position: absolute;
top: 1.8rem;
left: 1.2rem;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 6rem;
min-height: 4rem;
padding: .4rem 1.1rem;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-pins), var(--faut-r26-bib);
color: var(--faut-r26-ink);
content: attr(data-faut-discount);
font-family: var(--faut-r26-head);
font-size: 1.9rem;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
line-height: 1;
pointer-events: none;
}
html[data-faut-core] .product-wrapper[data-faut-product] .faut-product-image-link {
display: block;
width: 100%;
height: 100%;
padding: 1.8rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .faut-product-image-link img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
color: transparent;
mix-blend-mode: multiply;
transition: transform .4s var(--faut-r26-ease);
}
html[data-faut-core] .product-wrapper[data-faut-product]:hover .faut-product-image-link img {
transform: scale(1.03);
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items {
top: 1.6rem;
right: 1.2rem;
bottom: auto !important;
left: auto;
z-index: 3;
flex-direction: column;
gap: .6rem;
transform: none;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items .cart-item {
display: grid;
place-items: center;
width: 3.6rem;
height: 3.6rem;
padding: 0;
overflow: hidden;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-bib);
box-shadow: none;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items .cart-item svg {
width: 3.2rem;
height: 3.2rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items .cart-item svg rect {
fill: var(--faut-r26-bib);
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-info,
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] [data-faut-listing-card] .product-info {
display: flex;
flex-direction: column;
flex: 1 1 auto;
align-items: stretch !important;
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
text-align: left;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-description {
display: contents;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-details {
order: 2;
display: -webkit-box;
height: auto !important;
min-height: 2.7em !important;
margin: .7rem 0 0;
overflow: hidden;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body) !important;
font-size: 1.55rem;
font-weight: 500 !important;
letter-spacing: -.005em;
line-height: 1.35 !important;
text-decoration: none;
overflow-wrap: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-details:hover {
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: .2em;
}
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value] { --faut-r26-stars: 0%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="5"] { --faut-r26-stars: 100%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.9"] { --faut-r26-stars: 98%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.8"] { --faut-r26-stars: 96%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.7"] { --faut-r26-stars: 94%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.6"] { --faut-r26-stars: 92%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.5"] { --faut-r26-stars: 90%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.4"] { --faut-r26-stars: 88%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.3"] { --faut-r26-stars: 86%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.2"] { --faut-r26-stars: 84%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="4.1"] { --faut-r26-stars: 82%; }
html[data-faut-core] [data-faut-product] .ratings:is([data-faut-rating-value="4"], [data-faut-rating-value^="4.0"]) { --faut-r26-stars: 80%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.9"] { --faut-r26-stars: 78%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.8"] { --faut-r26-stars: 76%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.7"] { --faut-r26-stars: 74%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.6"] { --faut-r26-stars: 72%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.5"] { --faut-r26-stars: 70%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.4"] { --faut-r26-stars: 68%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.3"] { --faut-r26-stars: 66%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.2"] { --faut-r26-stars: 64%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="3.1"] { --faut-r26-stars: 62%; }
html[data-faut-core] [data-faut-product] .ratings:is([data-faut-rating-value="3"], [data-faut-rating-value^="3.0"]) { --faut-r26-stars: 60%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.9"] { --faut-r26-stars: 58%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.8"] { --faut-r26-stars: 56%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.7"] { --faut-r26-stars: 54%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.6"] { --faut-r26-stars: 52%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.5"] { --faut-r26-stars: 50%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.4"] { --faut-r26-stars: 48%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.3"] { --faut-r26-stars: 46%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.2"] { --faut-r26-stars: 44%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="2.1"] { --faut-r26-stars: 42%; }
html[data-faut-core] [data-faut-product] .ratings:is([data-faut-rating-value="2"], [data-faut-rating-value^="2.0"]) { --faut-r26-stars: 40%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.9"] { --faut-r26-stars: 38%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.8"] { --faut-r26-stars: 36%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.7"] { --faut-r26-stars: 34%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.6"] { --faut-r26-stars: 32%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.5"] { --faut-r26-stars: 30%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.4"] { --faut-r26-stars: 28%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.3"] { --faut-r26-stars: 26%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.2"] { --faut-r26-stars: 24%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="1.1"] { --faut-r26-stars: 22%; }
html[data-faut-core] [data-faut-product] .ratings:is([data-faut-rating-value="1"], [data-faut-rating-value^="1.0"]) { --faut-r26-stars: 20%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.9"] { --faut-r26-stars: 18%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.8"] { --faut-r26-stars: 16%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.7"] { --faut-r26-stars: 14%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.6"] { --faut-r26-stars: 12%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.5"] { --faut-r26-stars: 10%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.4"] { --faut-r26-stars: 8%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.3"] { --faut-r26-stars: 6%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.2"] { --faut-r26-stars: 4%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value^="0.1"] { --faut-r26-stars: 2%; }
html[data-faut-core] [data-faut-product] .ratings[data-faut-rating-value]::before {
flex: 0 0 auto;
background: linear-gradient(90deg, var(--faut-r26-ink) var(--faut-r26-stars), var(--faut-r26-line) var(--faut-r26-stars));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
content: "\2605\2605\2605\2605\2605";
font-family: var(--faut-r26-body);
letter-spacing: .08em;
line-height: 1;
}
html[data-faut-core] .product-wrapper[data-faut-product] .ratings {
order: 1;
display: flex;
align-items: center;
justify-content: flex-start !important;
gap: .7rem;
margin: 0 !important;
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.35rem;
font-weight: 400;
letter-spacing: .04em;
font-variant-numeric: tabular-nums;
}
html[data-faut-core] .product-wrapper[data-faut-product] .ratings::before {
font-size: 1.25rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .ratings span {
color: var(--faut-r26-mute) !important;
}
html[data-faut-core] .product-wrapper[data-faut-product] .price {
order: 3;
display: flex;
flex-wrap: wrap !important;
align-items: baseline;
justify-content: flex-start !important;
gap: .2rem 1rem !important;
min-width: 0;
margin: 1rem 0 0 !important;
}
html[data-faut-core] .product-wrapper[data-faut-product] .new-price {
order: 1;
flex: 0 0 auto;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 2.4rem;
font-weight: 600 !important;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
line-height: 1;
white-space: nowrap;
}
html[data-faut-core] .product-wrapper[data-faut-product] .price-cut {
order: 2;
flex: 0 0 auto;
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.6rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1.5px;
white-space: nowrap;
}
html[data-faut-core] .product-wrapper[data-faut-product] .price:has(.price-cut) .new-price {
color: var(--faut-site-primary) !important;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-cart-btn {
position: static !important;
align-self: stretch !important;
order: 4;
width: 100%;
margin-top: auto !important;
padding-top: 1.6rem;
opacity: 1 !important;
visibility: visible !important;
transform: none;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-btn {
width: 100%;
max-width: none;
min-height: 4.6rem;
padding: 1rem !important;
font-size: 1.4rem;
white-space: normal;
}
html[data-faut-core] section.product.best-product [data-faut-listing-grid] {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0 clamp(1.4rem, 2.4vw, 3.2rem) !important;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] {
display: grid;
grid-template-columns: 8.8rem minmax(0, 1fr);
align-items: center;
gap: 1.8rem;
padding: 1.4rem 0 !important;
border-bottom: 1px solid var(--faut-r26-line) !important;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .product-img {
aspect-ratio: 1 / 1 !important;
margin: 0 !important;
border-top-width: 0;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .product-img::before,
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .product-img::after,
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .product-img .product-cart-items {
display: none;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .faut-product-image-link {
padding: .7rem;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .ratings {
font-size: 1.2rem;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .product-details {
min-height: 0 !important;
margin-top: .3rem;
font-size: 1.45rem;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .price {
margin-top: .5rem !important;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .new-price {
font-size: 2rem;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .product-cart-btn {
display: none;
}
html[data-faut-core] [data-faut-home-editorial-slot] {
padding: 0 var(--faut-r26-gutter) var(--faut-r26-section) !important;
border: 0 !important;
background: transparent !important;
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] [data-faut-home-editorial-slot] .faut-editorial-inner {
max-width: calc(var(--faut-r26-max) - 2 * var(--faut-r26-gutter));
margin: 0 auto;
}
html[data-faut-core] [data-faut-home-editorial-slot] h2 {
counter-increment: faut-r26-km;
position: relative;
display: flex;
align-items: flex-end;
gap: 2rem;
max-width: none;
margin: 0 0 clamp(3.2rem, 3.6vw, 4.8rem) !important;
padding: 0 0 1.8rem;
border-bottom: 1px solid var(--faut-r26-coal);
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(3.2rem, 3.4vw, 5rem);
font-weight: 600 !important;
letter-spacing: 0;
line-height: .95;
text-transform: uppercase;
text-wrap: balance;
}
html[data-faut-core] [data-faut-home-editorial-slot] h2::before {
flex: 0 0 auto;
color: var(--faut-r26-mute);
content: counter(faut-r26-km, decimal-leading-zero) "\2009\2013";
font-size: 1em;
font-weight: 200;
font-variant-numeric: tabular-nums;
line-height: .9;
}
html[data-faut-core] [data-faut-home-editorial-slot] h2::after {
position: absolute;
bottom: -.45rem;
left: 0;
width: clamp(6.4rem, 7vw, 9.6rem);
height: .8rem;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] [data-faut-home-editorial-slot] .faut-editorial-grid {
gap: clamp(1.6rem, 2.4vw, 3.2rem) !important;
}
html[data-faut-core] [data-faut-home-editorial-slot] article,
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-columns article + article {
position: relative;
margin: 0 !important;
padding: clamp(2.4rem, 2.6vw, 3.2rem) clamp(2.2rem, 2.4vw, 3rem) clamp(2.6rem, 2.8vw, 3.4rem) !important;
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0;
background: var(--faut-r26-sheet);
}
html[data-faut-core] [data-faut-home-editorial-slot] h3 {
margin: 0 0 1.2rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(2rem, 1.6vw, 2.4rem);
font-weight: 600 !important;
letter-spacing: .01em;
line-height: 1.1;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-home-editorial-slot] p {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.65;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge {
margin: 0 0 var(--faut-r26-section);
padding: var(--faut-r26-section) var(--faut-r26-gutter) !important;
background: var(--faut-r26-paper-deep) !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge .faut-editorial-grid {
gap: 3.6rem clamp(2.4rem, 3.6vw, 5.6rem) !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge article {
padding: 2rem 0 0 !important;
border: 0 !important;
border-top: 1px solid var(--faut-r26-coal) !important;
background: transparent;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge p {
color: var(--faut-r26-text) !important;
}
@media (min-width: 992px) {
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-three .faut-editorial-grid > article:last-child:nth-child(3n + 1) {
grid-column: 1 / -1;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-three .faut-editorial-grid > article:last-child:nth-child(3n + 2) {
grid-column: span 2;
}
}
@media (min-width: 768px) and (max-width: 991px) {
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-three .faut-editorial-grid > article:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two .faut-editorial-grid {
gap: 0 !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two article,
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two article + article {
padding: clamp(1.6rem, 2vw, 2.4rem) clamp(0rem, 3vw, 4.8rem) clamp(2.4rem, 3vw, 4rem) !important;
border: 0 !important;
background: transparent;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two h3 {
font-size: clamp(2.6rem, 2.4vw, 3.4rem);
line-height: 1;
}
@media (min-width: 768px) {
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two article + article {
border-left: 1px solid var(--faut-r26-line) !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two article:first-child {
padding-left: 0 !important;
}
}
html[data-faut-core] .product.footer {
position: relative;
padding: clamp(5.6rem, 6vw, 8rem) 0 .8rem !important;
overflow: hidden;
background: var(--faut-r26-armband-dark) 0 100% / 100% .8rem no-repeat, var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .product.footer::before,
html[data-faut-core] .product.footer::after {
display: none !important;
}
html[data-faut-core] .product.footer > .container {
max-width: none;
padding-inline: 0 !important;
}
html[data-faut-core] [data-faut-footer] .footer-service-section {
width: calc(100% - 2 * var(--faut-r26-gutter));
max-width: calc(var(--faut-r26-max) - 2 * var(--faut-r26-gutter));
margin: 0 auto clamp(4.8rem, 5.6vw, 6.4rem) !important;
padding: 0 !important;
overflow: visible;
border: 0 !important;
border-block: 1px solid var(--faut-r26-coal-3) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0 !important;
margin: 0 !important;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > * {
width: auto !important;
max-width: none;
min-width: 0;
margin: 0 !important;
padding: 2.6rem clamp(1.6rem, 2vw, 2.8rem) !important;
border: 0;
border-left: 1px solid var(--faut-r26-coal-3);
background: transparent;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > *:first-child {
padding-left: 0 !important;
border-left: 0;
}
html[data-faut-core] .footer-service-section .service-wrapper {
display: grid !important;
grid-template-columns: 4.4rem minmax(0, 1fr);
align-items: center;
gap: 1.6rem;
min-height: 0;
padding: 0 !important;
background: transparent !important;
}
html[data-faut-core] .footer-service-section .service-img span {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border: 1px solid var(--faut-r26-on-coal-mute);
border-radius: var(--faut-r26-r);
background: transparent;
}
html[data-faut-core] .footer-service-section .service-img svg {
width: 2.2rem;
height: 2.2rem;
}
html[data-faut-core] .footer-service-section .service-img svg path,
html[data-faut-core] .footer-service-section .service-img svg rect,
html[data-faut-core] .footer-service-section .service-img svg circle {
stroke: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .footer-service-section .service-title {
margin: 0 0 .3rem !important;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.5rem;
font-weight: 500 !important;
letter-spacing: .1em;
line-height: 1.25;
text-transform: uppercase;
}
html[data-faut-core] .footer-service-section .service-details {
margin: 0 !important;
color: var(--faut-r26-on-coal-mute) !important;
font-family: var(--faut-r26-body);
font-size: 1.45rem;
font-weight: 400;
line-height: 1.45;
}
html[data-faut-core] .footer-section {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: stretch;
gap: 0;
margin: 0 !important;
padding: 0 max(var(--faut-r26-gutter), calc(50% - var(--faut-r26-max) / 2 + var(--faut-r26-gutter))) clamp(4rem, 4.8vw, 5.6rem) !important;
border-top: 0;
background: transparent;
}
html[data-faut-core] .footer-section > .row {
grid-column: 1 / -1;
display: grid !important;
grid-template-columns: minmax(0, 2.2fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr);
gap: 3.2rem clamp(2rem, 3vw, 4.8rem) !important;
margin: 0 0 clamp(4rem, 5vw, 6.4rem) !important;
}
html[data-faut-core] .footer-section > .row > [class*="col"] {
width: auto !important;
max-width: none;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core] .footer-order .logo {
height: auto;
margin: 0;
}
html[data-faut-core] .footer-order .logo a {
display: inline-block;
max-width: 100%;
text-decoration: none;
}
html[data-faut-core] .footer-order .logo .wrapper-heading,
html[data-faut-core] .footer-section .logo .faut-wordmark {
hyphens: none;
display: inline-block;
max-width: 100%;
overflow: visible;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(2.8rem, 2.7vw, 4.2rem);
font-weight: 700 !important;
letter-spacing: .005em;
line-height: .95;
text-overflow: clip;
text-transform: uppercase;
white-space: normal;
overflow-wrap: break-word;
}
html[data-faut-core] .footer-order p {
max-width: 38rem;
margin: 2rem 0 0 !important;
color: var(--faut-r26-on-coal-mute) !important;
font-family: var(--faut-r26-body);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.6;
}
html[data-faut-core] .footer-heading {
margin: 0 0 1.8rem !important;
padding-bottom: 1rem;
border-bottom: 1px solid var(--faut-r26-coal-3);
color: var(--faut-r26-on-coal-mute) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.35rem !important;
font-weight: 500 !important;
letter-spacing: .16em;
line-height: 1.3;
text-transform: uppercase;
}
html[data-faut-core] .footer-link ul {
display: grid;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
html[data-faut-core] .footer-link li {
margin: 0 !important;
}
html[data-faut-core] .footer-link a,
html[data-faut-core] .contact-link p {
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem;
font-weight: 400;
line-height: 1.4;
text-decoration: none;
overflow-wrap: break-word;
}
html[data-faut-core] .footer-link a:hover {
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: .25em;
}
html[data-faut-core] .contact-link p {
margin: 0 0 1.2rem !important;
color: var(--faut-r26-on-coal-mute) !important;
}
html[data-faut-core] .contact-link p span {
color: inherit !important;
}
html[data-faut-core] .contact-link p > span:first-child {
display: block;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
}
html[data-faut-core] .footer-section .faut-payment-link,
html[data-faut-core] .product.footer [data-faut-footer-utility] {
min-height: 5.6rem;
margin: 0 !important;
padding: 2rem 0 0 !important;
border-top: 1px solid var(--faut-r26-coal-3);
}
html[data-faut-core] .footer-section .faut-payment-link {
grid-column: 1;
grid-row: 2;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .4rem 1.4rem;
color: var(--faut-r26-on-coal-mute) !important;
font-family: var(--faut-r26-body);
font-size: 1.4rem;
}
html[data-faut-core] .footer-section .faut-payment-link > span {
color: var(--faut-r26-on-coal-mute) !important;
}
html[data-faut-core] .footer-section .faut-payment-link > span:first-child {
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: .16em;
text-transform: uppercase;
}
html[data-faut-core] .product.footer [data-faut-footer-utility] {
grid-column: 2;
grid-row: 2;
display: flex !important;
align-items: center;
justify-content: flex-end !important;
padding-left: 2.4rem !important;
}
html[data-faut-core] .product.footer [data-faut-footer-utility] a {
display: inline-flex;
align-items: center;
gap: .8rem;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.35rem;
font-weight: 500;
letter-spacing: .16em;
opacity: 1 !important;
text-decoration: none;
text-transform: uppercase;
}
html[data-faut-core] .product.footer [data-faut-footer-utility] a::after {
width: 1.6rem;
height: 1.6rem;
background: currentColor;
content: "";
-webkit-mask: var(--faut-r26-arrow) center / contain no-repeat;
mask: var(--faut-r26-arrow) center / contain no-repeat;
transform: rotate(-90deg);
}
html[data-faut-core] .product.footer hr {
display: none;
}
html[data-faut-core] section.blog .blog-bradcrum,
html[data-faut-core] section.product .blog-bradcrum {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: .4rem 1rem;
margin: 0 0 clamp(1.8rem, 2.4vw, 2.8rem) !important;
color: var(--faut-r26-mute);
text-align: left !important;
}
html[data-faut-core] .blog-bradcrum a,
html[data-faut-core] .blog-bradcrum span {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.3rem !important;
font-weight: 400;
letter-spacing: .12em;
text-decoration: none;
text-transform: uppercase;
}
html[data-faut-core] .blog-bradcrum a:hover {
color: var(--faut-r26-ink) !important;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: .3em;
}
html[data-faut-core] .blog-bradcrum .devider {
display: inline-block;
width: 1rem;
height: 1.5px;
overflow: hidden;
background: var(--faut-r26-mute);
color: transparent !important;
font-size: 0 !important;
}
html[data-faut-core] .blog-bradcrum > span:last-child,
html[data-faut-core] .blog-bradcrum > span:last-child span {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] [data-faut-listing-root] {
padding: clamp(2.8rem, 3.6vw, 4.4rem) 0 var(--faut-r26-section) !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-listing-root] > .container > .row {
margin: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
@media (min-width: 992px) {
html[data-faut-core] [data-faut-listing-root] > .container > .row {
display: grid !important;
grid-template-columns: minmax(0, 26rem) minmax(0, 1fr);
gap: clamp(2.4rem, 3.6vw, 5.6rem) !important;
align-items: start;
}
html[data-faut-core] [data-faut-listing-root] > .container > .row > [class*="col-"] {
width: auto !important;
max-width: none !important;
padding: 0 !important;
}
html[data-faut-core] [data-faut-listing-root] .sidebar {
position: sticky;
top: 2.4rem;
}
}
html[data-faut-core] [data-faut-listing-root] .sidebar,
html[data-faut-core] [data-faut-listing-root] .sidebar-wrapper {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-section {
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-wrapper .wrapper-heading {
position: relative;
margin: 0 !important;
padding: 1.4rem 1.6rem 1.6rem;
border: 0;
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
letter-spacing: .14em;
line-height: 1.3;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item {
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core] [data-faut-listing-root] [data-faut-series-sidebar-scroll] {
padding-bottom: 2.4rem !important;
scrollbar-width: thin;
scrollbar-color: var(--faut-r26-coal) transparent;
-webkit-mask-image: linear-gradient(to bottom, black calc(100% - 3.2rem), transparent);
mask-image: linear-gradient(to bottom, black calc(100% - 3.2rem), transparent);
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
justify-content: stretch;
align-items: stretch;
gap: 0;
margin: 0;
padding: 0 !important;
list-style: none;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list li {
display: block;
width: 100%;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid var(--faut-r26-line);
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a,
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list label,
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list span {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem;
font-weight: 400;
text-decoration: none;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a {
position: relative;
display: flex;
align-items: center;
gap: 1.2rem;
padding: 1.3rem .4rem 1.3rem 0;
transition: color .2s ease, padding .2s var(--faut-r26-ease);
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a::before {
width: 1.6rem;
height: .6rem;
flex: 0 0 auto;
background: var(--faut-r26-line-soft);
content: "";
transition: background-color .2s ease;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a:hover {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a:hover::before {
background: var(--faut-r26-coal);
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a[aria-current="page"],
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a.active {
color: var(--faut-r26-ink) !important;
font-weight: 600;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a[aria-current="page"]::before,
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a.active::before {
height: .8rem;
background: var(--faut-r26-armband);
}
html[data-faut-core] [data-faut-listing-root] > .container > .row > [class*="col-"]:has(.sidebar-list:empty):not(:has(.sidebar-list:not(:empty))) {
display: none !important;
}
@media (min-width: 992px) {
html[data-faut-core] [data-faut-listing-root] > .container > .row:has(.sidebar-list:empty):not(:has(.sidebar-list:not(:empty))) {
grid-template-columns: minmax(0, 1fr);
}
}
@media (min-width: 1200px) {
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-root] > .container > .row:has(.sidebar-list:empty):not(:has(.sidebar-list:not(:empty))) [data-faut-listing-grid] {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
html[data-faut-core][data-faut-route-family="listing"] .product-sidebar-section > .row {
margin: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sidebar-section > .row > .col-lg-12 {
padding: 0 !important;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section {
position: relative;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 2rem 3.2rem;
margin: 0 0 clamp(3.2rem, 3.6vw, 4.4rem) !important;
padding: 0 0 clamp(2.2rem, 2.6vw, 3rem) !important;
border: 0 !important;
border-bottom: 1px solid var(--faut-r26-coal) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section::after {
position: absolute;
bottom: -.45rem;
left: 0;
width: clamp(6.4rem, 7vw, 9.6rem);
height: .8rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section .result {
min-width: 0;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section h1 {
max-width: 22ch;
margin: 0 0 1.6rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(4rem, 4.6vw, 6.8rem) !important;
font-weight: 600 !important;
letter-spacing: 0;
line-height: .92 !important;
text-transform: uppercase;
text-wrap: balance;
overflow-wrap: break-word;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-intro],
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-intro] p {
max-width: 76rem;
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.65rem !important;
font-weight: 400;
line-height: 1.65 !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-intro] strong {
color: var(--faut-r26-ink);
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] {
display: flex;
flex-direction: column;
align-items: stretch;
gap: .6rem;
min-width: 22rem !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: var(--faut-r26-mute);
white-space: nowrap;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .product-sort {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: .16em;
text-transform: uppercase;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .product-list,
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] select,
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] button {
min-height: 4.8rem;
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background-color: var(--faut-r26-sheet) !important;
color: var(--faut-r26-ink);
font-size: 1.55rem;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .product-list {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.2rem;
padding: 0 1.6rem;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .product-list::after {
width: .8rem;
height: .8rem;
flex: 0 0 auto;
margin-top: -.4rem;
border-right: 2px solid var(--faut-r26-coal);
border-bottom: 2px solid var(--faut-r26-coal);
content: "";
transform: rotate(45deg);
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .product-list .default {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem;
font-weight: 500;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .size-option {
top: calc(100% + .6rem) !important;
right: -1.5px !important;
left: -1.5px;
z-index: 20;
min-width: 0 !important;
padding: .6rem !important;
border: 1.5px solid var(--faut-r26-coal) !important;
border-top: .6rem solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-sheet) !important;
box-shadow: var(--faut-r26-lift);
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .size-option a {
display: block;
padding: 1rem 1.1rem !important;
border-radius: var(--faut-r26-r);
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.5rem !important;
text-decoration: none;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .size-option a:hover {
background: var(--faut-r26-paper-deep) !important;
color: var(--faut-r26-ink) !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .size-option a[aria-current="page"],
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] .size-option a.active {
background: var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(3.2rem, 3.6vw, 4.8rem) clamp(1.4rem, 1.8vw, 2.4rem) !important;
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] > [data-faut-listing-item] {
width: auto !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core] [data-faut-listing-pagination] {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .8rem;
margin-top: clamp(4rem, 4.8vw, 5.6rem);
}
html[data-faut-core] [data-faut-listing-pagination] .shop-btn {
--faut-r26-btn-bg: transparent;
--faut-r26-btn-fg: var(--faut-r26-ink);
width: 5.2rem;
min-width: 5.2rem;
height: 5.2rem;
min-height: 0;
margin: 0 !important;
padding: 0 !important;
font-size: 1.8rem;
letter-spacing: 0;
}
html[data-faut-core] [data-faut-listing-pagination] .shop-btn:hover {
--faut-r26-btn-bg: var(--faut-r26-sheet);
--faut-r26-btn-bd: var(--faut-r26-coal);
}
html[data-faut-core] [data-faut-listing-pagination] .shop-btn[aria-current="page"] {
--faut-r26-btn-bg: var(--faut-r26-coal);
--faut-r26-btn-fg: var(--faut-r26-on-coal);
}
html[data-faut-core] .faut-buying-guide {
padding: var(--faut-r26-section) 0 !important;
border: 0 !important;
background: var(--faut-r26-paper-deep) !important;
}
html[data-faut-core] .faut-buying-guide__inner {
max-width: var(--faut-r26-max) !important;
}
html[data-faut-core] .faut-buying-guide__eyebrow {
display: inline-flex;
align-items: center;
gap: 1.2rem;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.35rem !important;
font-weight: 500 !important;
letter-spacing: .16em !important;
}
html[data-faut-core] .faut-buying-guide__eyebrow::before {
width: 4.8rem;
height: .8rem;
flex: 0 0 auto;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] .faut-buying-guide__intro h2 {
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-size: clamp(3.4rem, 4vw, 5.6rem) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: .94 !important;
text-transform: uppercase;
}
html[data-faut-core] .faut-buying-guide__intro h2 + p {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.7rem !important;
}
html[data-faut-core] .faut-buying-guide__faq {
border-top: 1px solid var(--faut-r26-coal) !important;
}
html[data-faut-core] .faut-buying-guide__faq details {
border-bottom: 1px solid var(--faut-r26-line) !important;
}
html[data-faut-core] .faut-buying-guide__faq summary {
align-items: center;
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-size: 1.9rem !important;
font-weight: 500 !important;
letter-spacing: .02em;
text-transform: uppercase;
}
html[data-faut-core] .faut-buying-guide__faq summary::after {
display: grid;
place-items: center;
width: 3.2rem;
height: 3.2rem;
flex: 0 0 auto;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.8rem !important;
font-weight: 400;
line-height: 1;
}
html[data-faut-core] .faut-buying-guide__faq details[open] summary::after {
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .faut-buying-guide__faq details p {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.6rem !important;
}
html[data-faut-core] .faut-buying-guide__links {
border: 0 !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-armband-dark) 0 0 / 100% .8rem no-repeat, var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal);
}
html[data-faut-core] .faut-buying-guide__links-title {
color: var(--faut-r26-on-coal-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.35rem !important;
font-weight: 500;
letter-spacing: .16em !important;
}
html[data-faut-core] .faut-buying-guide__links a {
border-top: 1px solid var(--faut-r26-coal-3) !important;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem !important;
}
html[data-faut-core] .faut-buying-guide__links a span {
color: inherit !important;
}
html[data-faut-core] .faut-buying-guide__links a:hover {
text-decoration: underline;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-root] {
padding: clamp(2.8rem, 3.2vw, 4rem) 0 var(--faut-r26-section) !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-pdp-root] .product-info-section > .row {
--bs-gutter-x: clamp(2.8rem, 4.8vw, 8rem);
align-items: flex-start;
}
@media (min-width: 992px) {
html[data-faut-core] [data-faut-pdp-root] .product-info-section > .row > .col-md-6:first-child {
position: sticky;
top: 2.4rem;
width: 55%;
}
html[data-faut-core] [data-faut-pdp-root] .product-info-section > .row > .col-md-6:last-child {
width: 45%;
}
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top {
position: relative;
height: auto !important;
max-height: none !important;
overflow: hidden;
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0 !important;
background: var(--faut-r26-plate) !important;
box-shadow: none;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top::after {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 9.6rem;
height: .8rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-top .swiper-wrapper {
height: auto !important;
align-items: center;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-top .swiper-slide {
height: auto !important;
background: var(--faut-r26-plate) !important;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top img {
display: block;
width: 100% !important;
max-width: 100%;
height: auto !important;
max-height: min(66rem, 72vh) !important;
margin: 0 auto;
padding: clamp(3.2rem, 4vw, 5.6rem);
object-fit: contain;
border-radius: 0;
background: transparent !important;
mix-blend-mode: multiply;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-discount-content {
top: 2.4rem !important;
left: 2rem !important;
z-index: 3;
display: grid !important;
place-items: center;
width: auto !important;
height: auto !important;
min-width: 7.6rem;
min-height: 5rem;
padding: .5rem 1.4rem;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-pins), var(--faut-r26-bib) !important;
color: var(--faut-r26-ink) !important;
transform: none;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-discount-content h4 {
margin: 0;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: 2.4rem !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
line-height: 1;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-bottom {
margin-top: 1.2rem;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-bottom .slider-bottom-img {
overflow: hidden;
border-radius: 0 !important;
background: var(--faut-r26-plate) !important;
box-shadow: none !important;
outline: 0;
cursor: pointer;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-bottom .slider-bottom-img img {
width: 100%;
height: 100%;
padding: .7rem;
object-fit: contain;
mix-blend-mode: multiply;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-bottom .slider-bottom-img:hover {
outline: 1.5px solid var(--faut-r26-line);
outline-offset: -1.5px;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-bottom .swiper-slide-thumb-active {
outline: 2px solid var(--faut-r26-coal);
outline-offset: -2px;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-family: var(--faut-r26-body);
}
html[data-faut-core] .product-info-content .wrapper-subtitle {
display: inline-flex;
align-items: center;
gap: 1.2rem;
margin-bottom: 1.6rem;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.35rem;
font-weight: 500 !important;
letter-spacing: .16em;
text-transform: uppercase;
}
html[data-faut-core] .product-info-content .wrapper-subtitle::before {
width: 3.2rem;
height: .7rem;
flex: 0 0 auto;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] .product-info-content .wrapper-subtitle * {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content [data-faut-pdp-title] {
margin: 0 0 1.6rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(3.2rem, 3vw, 4.6rem) !important;
font-weight: 600 !important;
letter-spacing: 0;
line-height: 1 !important;
text-transform: uppercase;
text-wrap: balance;
overflow-wrap: break-word;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .ratings {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .6rem 1rem;
margin: 0 0 2.2rem !important;
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.45rem;
font-weight: 400;
letter-spacing: .04em;
}
html[data-faut-core] .product-info-content .ratings::before {
font-size: 1.6rem;
}
html[data-faut-core] .product-info-content .ratings span {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .price {
display: flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: .4rem 1.6rem;
margin: 0 !important;
padding: 0;
}
html[data-faut-core] .product-info-content .new-price,
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .price .new-price {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(4rem, 3.6vw, 5.4rem) !important;
font-weight: 600 !important;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
line-height: 1 !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .price:has(.price-cut) .new-price {
color: var(--faut-site-primary-strong) !important;
}
html[data-faut-core] .product-info-content .price-cut {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 2.2rem !important;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1.5px;
}
html[data-faut-core] .product-info-content .price .price-cut:empty {
display: none;
}
html[data-faut-core] .product-info-content [data-faut-pdp-savings] {
display: inline-block;
margin: 1.4rem 0 0;
padding: .7rem 1.2rem;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-pins), var(--faut-r26-bib);
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-size: 1.5rem;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
}
html[data-faut-core] .product-info-content [data-faut-pdp-savings] * {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] .product-info-content .content-paragraph {
color: var(--faut-r26-text) !important;
font-size: 1.6rem;
line-height: 1.65;
}
html[data-faut-core] .product-info-content > hr {
margin-block: 2.4rem !important;
border: 0 !important;
border-top: 1px solid var(--faut-r26-line) !important;
background: transparent;
opacity: 1;
}
html[data-faut-core] .product-info-content .product-availability .inner-text {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] .product-info-content .product-size {
margin-top: 2.2rem !important;
}
html[data-faut-core] .product-info-content .product-size .size-title {
margin-bottom: .9rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.35rem;
font-weight: 500 !important;
letter-spacing: .16em;
text-transform: uppercase;
}
html[data-faut-core] .product-info-content .product-size .size-section {
height: auto !important;
min-height: 5.4rem;
padding: 1.3rem 1.8rem !important;
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-sheet) !important;
color: var(--faut-r26-ink);
font-size: 1.6rem !important;
}
html[data-faut-core] .product-info-content .product-size .size-section .size-text,
html[data-faut-core] .product-info-content .product-size .size-section .toggle-btn2 {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-weight: 500;
}
html[data-faut-core] .product-info-content .product-size .size-section .chevron svg path {
stroke: var(--faut-r26-coal);
stroke-width: 2;
}
html[data-faut-core] .product-info-content .product-size.active .size-option {
z-index: 20;
padding: .6rem !important;
border: 1.5px solid var(--faut-r26-coal) !important;
border-top: .6rem solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-sheet) !important;
box-shadow: var(--faut-r26-lift);
}
html[data-faut-core] .product-info-content .product-size .size-option .option {
position: relative;
border-radius: var(--faut-r26-r);
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem !important;
}
html[data-faut-core] .product-info-content .product-size .size-option .option:hover,
html[data-faut-core] .product-info-content .product-size.active .size-option .option:hover {
background: var(--faut-r26-paper-deep) !important;
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] .product-info-content .product-size .size-option .option .option-measure,
html[data-faut-core] .product-info-content .product-size .size-option .option:hover .option-measure {
color: var(--faut-r26-mute) !important;
}
html[data-faut-core] .product-info-content .product-size .size-option .option[aria-pressed="true"],
html[data-faut-core] .product-info-content .product-size.active .size-option .option[aria-pressed="true"] {
padding-right: 4.4rem;
background: var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .product-info-content .product-size .size-option .option[aria-pressed="true"] .option-measure,
html[data-faut-core] .product-info-content .product-size .size-option .option[aria-pressed="true"] .option-text {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .product-info-content .product-size .size-option .option[aria-pressed="true"]::after {
position: absolute;
top: 50%;
right: 1.4rem;
width: 1.6rem;
height: 1.6rem;
background: var(--faut-r26-on-coal);
content: "";
-webkit-mask: var(--faut-r26-check) center / contain no-repeat;
mask: var(--faut-r26-check) center / contain no-repeat;
transform: translateY(-50%);
}
html[data-faut-core] [data-faut-pdp-variant-prompt] {
color: var(--faut-site-primary-strong);
font-family: var(--faut-r26-head);
font-size: 1.5rem;
font-weight: 500;
letter-spacing: .06em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-pdp-variant-attention="true"] {
border-radius: var(--faut-r26-r);
outline: 2px solid var(--faut-site-primary);
outline-offset: .7rem;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .product-quantity {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: 1rem !important;
margin-top: 2.2rem !important;
}
html[data-faut-core] .product-info-content .product-quantity .quantity-wrapper {
grid-column: 1 / -1;
display: flex !important;
gap: 1rem !important;
width: 100%;
}
html[data-faut-core] .product-info-content .product-quantity .quantity,
html[data-faut-core] .product-info-content .product-quantity .wishlist {
height: 5.4rem !important;
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-sheet) !important;
}
html[data-faut-core] .product-info-content .product-quantity .quantity {
flex: 1 1 auto;
width: auto !important;
gap: 0 !important;
justify-content: space-between !important;
padding-inline: .5rem;
color: var(--faut-r26-ink);
}
html[data-faut-core] .product-info-content .product-quantity .quantity .number {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 2.2rem !important;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
html[data-faut-core] .product-info-content .product-quantity .quantity .minus,
html[data-faut-core] .product-info-content .product-quantity .quantity .plus {
display: grid;
place-items: center;
width: 4.2rem;
height: 4.2rem;
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 2.2rem;
font-weight: 400;
line-height: 1;
cursor: pointer;
user-select: none;
transition: background-color .2s ease, color .2s ease;
}
html[data-faut-core] .product-info-content .product-quantity .quantity .minus:hover,
html[data-faut-core] .product-info-content .product-quantity .quantity .plus:hover {
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .product-info-content .product-quantity .wishlist {
flex: 0 0 auto;
width: 5.4rem !important;
cursor: pointer;
transition: background-color .2s ease;
}
html[data-faut-core] .product-info-content .product-quantity .wishlist:hover {
background: var(--faut-r26-paper-deep) !important;
}
html[data-faut-core] .product-info-content .product-quantity .wishlist svg path {
stroke: var(--faut-r26-ink);
}
html[data-faut-core] .product-info-content .product-quantity .wishlist[data-faut-wishlist-active="true"] svg path {
fill: var(--faut-site-primary) !important;
stroke: var(--faut-site-primary) !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .product-quantity > .shop-btn {
width: 100%;
min-width: 0;
min-height: 6rem;
margin: 0 !important;
padding-inline: 1.4rem;
font-size: 1.6rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] {
gap: 1.6rem !important;
margin-top: 2.4rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] {
position: relative;
display: grid !important;
grid-template-columns: minmax(0, 1fr);
row-gap: .4rem;
padding: 2rem 2.2rem 2rem 8.2rem !important;
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0 !important;
background: var(--faut-r26-sheet) !important;
color: var(--faut-r26-text) !important;
font-size: 1.5rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery]::before {
position: absolute;
top: 2rem;
left: 2rem;
width: 4.4rem;
height: 4.4rem;
border-radius: var(--faut-r26-r);
background: var(--faut-r26-coal);
content: "";
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery]::after {
position: absolute;
top: 3rem;
left: 3rem;
width: 2.4rem;
height: 2.4rem;
background: var(--faut-r26-on-coal);
content: "";
-webkit-mask: var(--faut-r26-truck) center / contain no-repeat;
mask: var(--faut-r26-truck) center / contain no-repeat;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] :is(span, p, small, div) {
color: var(--faut-r26-text);
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery-estimate],
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] [data-faut-delivery-terms] [data-faut-delivery-estimate] {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.6rem;
font-weight: 600 !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] [data-faut-delivery-terms] {
color: var(--faut-r26-mute) !important;
opacity: 1;
font-size: 1.4rem;
line-height: 1.55;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-dispatch-message] {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.7rem;
font-weight: 500;
letter-spacing: .02em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-dispatch-message]:empty {
display: none;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-dispatch-countdown] {
justify-self: start;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 2rem;
font-weight: 600;
letter-spacing: .04em;
font-variant-numeric: tabular-nums;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] [data-faut-coupon-hint] {
color: var(--faut-site-primary-strong) !important;
font-weight: 600;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] [data-faut-coupon-hint] * {
color: var(--faut-site-primary-strong) !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-proof-rail] {
display: flex;
align-items: center;
gap: 1.2rem;
min-height: 0;
padding: 1.1rem 0 !important;
border: 0 !important;
border-block: 1px solid var(--faut-r26-line) !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.5rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-proof-rail]::before {
width: 1.8rem;
height: .6rem;
flex: 0 0 auto;
background: var(--faut-r26-armband);
content: "";
animation: faut-r26-beat 1.6s ease-in-out infinite;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-proof-item] span {
color: var(--faut-r26-text) !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-proof-item] strong,
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-proof-value] {
margin-inline: .2rem .3rem;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.8rem !important;
font-weight: 600;
}
@keyframes faut-r26-beat {
0%, 100% { opacity: 1; }
50% { opacity: .35; }
}
html[data-faut-core] [data-faut-quantity-tiers-root] {
gap: 1.2rem !important;
margin-top: .4rem;
}
html[data-faut-core] [data-faut-quantity-tiers-root] h2 {
margin: 0 !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.35rem !important;
font-weight: 500 !important;
letter-spacing: .16em !important;
line-height: 1.3;
text-transform: uppercase !important;
}
html[data-faut-core] [data-faut-quantity-tiers] {
grid-template-columns: minmax(0, 1fr) !important;
gap: 1rem !important;
padding-top: .6rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] {
position: relative;
display: grid !important;
grid-template-columns: 5.6rem minmax(0, 1fr) auto;
grid-template-rows: auto auto;
align-items: center;
justify-content: stretch !important;
column-gap: 1.6rem;
row-gap: .2rem !important;
min-height: 7.6rem !important;
padding: 1.6rem 1.8rem 1.4rem !important;
overflow: visible !important;
border: 1px solid var(--faut-r26-line) !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0 !important;
background: var(--faut-r26-sheet) !important;
box-shadow: none !important;
color: var(--faut-r26-ink) !important;
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier]:hover {
border-color: var(--faut-r26-coal) !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier]::before {
position: absolute;
top: -2px;
left: -1px;
width: 0;
height: .7rem;
background: var(--faut-r26-armband-dark);
content: "";
transition: width .3s var(--faut-r26-ease);
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > strong {
grid-column: 1;
grid-row: 1 / span 2;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 3.4rem !important;
font-weight: 300 !important;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
line-height: 1 !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > span:first-of-type {
grid-column: 2;
grid-row: 1;
align-self: end;
min-width: 0;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.7rem !important;
font-weight: 500;
letter-spacing: .04em;
line-height: 1.2 !important;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > [data-faut-quantity-tier-subtotal] {
grid-column: 3;
grid-row: 1 / span 2;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 2rem !important;
font-weight: 600 !important;
font-variant-numeric: tabular-nums;
line-height: 1.2 !important;
text-align: right;
white-space: nowrap;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > [data-faut-quantity-tier-savings] {
grid-column: 2;
grid-row: 2;
align-self: start;
margin: 0 !important;
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-body);
font-size: 1.35rem !important;
font-weight: 500;
line-height: 1.35 !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > small {
position: absolute !important;
top: 0 !important;
right: 1.6rem !important;
left: auto !important;
max-width: calc(100% - 9rem) !important;
margin: 0 !important;
padding: .4rem .9rem;
overflow: visible !important;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-bib);
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.2rem !important;
font-weight: 600;
letter-spacing: .1em;
line-height: 1.25 !important;
text-align: center;
text-overflow: clip !important;
text-transform: uppercase;
white-space: normal !important;
transform: translateY(-55%);
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier][aria-pressed="true"] {
border-color: var(--faut-r26-coal) !important;
background: var(--faut-r26-coal) !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier][aria-pressed="true"]::before {
width: 6.4rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier][aria-pressed="true"] > strong,
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier][aria-pressed="true"] > span:first-of-type,
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier][aria-pressed="true"] [data-faut-quantity-tier-subtotal] {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier][aria-pressed="true"] [data-faut-quantity-tier-savings] {
color: var(--faut-r26-on-coal-mute) !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] {
grid-template-columns: 7rem minmax(0, 1fr) auto;
align-items: center;
gap: 1.6rem;
margin-top: .4rem;
padding: 1.2rem 0 !important;
border: 0 !important;
border-block: 1px solid var(--faut-r26-line) !important;
border-radius: 0 !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] img {
width: 7rem;
height: 7rem;
padding: .5rem;
border: 0;
border-radius: 0;
background: var(--faut-r26-plate);
object-fit: contain;
mix-blend-mode: multiply;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] > span {
gap: .4rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] small {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] a {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.5rem;
font-weight: 500;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] a:hover {
text-decoration: underline;
text-underline-offset: .2em;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] strong {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.9rem;
font-weight: 600;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] .shop-btn {
min-width: 0;
min-height: 4.4rem;
margin: 0 !important;
padding: .8rem 1.4rem;
font-size: 1.3rem;
}
html[data-faut-core] .product-info-content [data-faut-pdp-facts] {
display: grid;
gap: 0;
margin: 2.4rem 0 0;
padding: 0;
border-top: 2px solid var(--faut-r26-coal);
}
html[data-faut-core] .product-info-content [data-faut-pdp-facts] p,
html[data-faut-core] .product-info-content .product-details p,
html[data-faut-core] .product-info-content .product-share p {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: .4rem 2rem;
margin: 0;
padding: 1.1rem 0;
border-bottom: 1px solid var(--faut-r26-line);
color: var(--faut-r26-mute);
font-family: var(--faut-r26-head);
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .12em;
text-transform: uppercase;
}
html[data-faut-core] .product-info-content [data-faut-pdp-facts] p .inner-text,
html[data-faut-core] .product-info-content .product-details .inner-text {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0;
text-align: right;
text-transform: none;
}
html[data-faut-core] .product-info-content .product-share .social-icons {
gap: .8rem;
}
html[data-faut-core] .product-info-content .product-share .social-icons a {
display: grid;
place-items: center;
width: 3.8rem;
height: 3.8rem;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: transparent;
transition: background-color .2s ease;
}
html[data-faut-core] .product-info-content .product-share .social-icons a:hover {
background: var(--faut-r26-sheet);
}
html[data-faut-core] section.product.product-description {
padding: var(--faut-r26-section) 0 !important;
border-top: 0;
background: transparent !important;
}
html[data-faut-core] .product-detail-section {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] .product-detail-section .nav-tabs,
html[data-faut-core] .product-description .nav-item {
display: flex;
flex-wrap: wrap;
gap: 0 clamp(2rem, 3vw, 4rem);
max-width: 100%;
margin-bottom: clamp(3.2rem, 3.6vw, 4.8rem) !important;
padding: 0;
border: 0 !important;
border-bottom: 1px solid var(--faut-r26-coal) !important;
background: transparent;
}
html[data-faut-core] .product-detail-section .nav-tabs .nav-link,
html[data-faut-core] .product-description .nav-item .nav-link {
position: relative;
margin: 0 !important;
padding: 1.4rem 0 1.6rem !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.7rem !important;
font-weight: 500 !important;
letter-spacing: .1em;
line-height: 1.3 !important;
text-transform: uppercase;
}
html[data-faut-core] .product-detail-section .nav-tabs .nav-link::after,
html[data-faut-core] .product-description .nav-item .nav-link::after {
position: absolute;
right: 0;
bottom: -.45rem;
left: 0;
height: .8rem;
background: transparent;
content: "";
}
html[data-faut-core] .product-detail-section .nav-tabs .nav-link.active,
html[data-faut-core] .product-description .nav-item .nav-link.active {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] .product-detail-section .nav-tabs .nav-link.active::after,
html[data-faut-core] .product-description .nav-item .nav-link.active::after {
background: var(--faut-r26-armband);
}
html[data-faut-core] .product-detail-section .product-intro-section,
html[data-faut-core] .product-detail-section .product-feature {
max-width: 96rem;
}
html[data-faut-core] .product-detail-section .intro-heading,
html[data-faut-core] .product-description .tab-item .intro-heading {
margin: 0 0 1.8rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(3rem, 3vw, 4.4rem) !important;
font-weight: 600 !important;
letter-spacing: 0;
line-height: .96 !important;
text-transform: uppercase;
}
html[data-faut-core] .product-detail-section .product-details,
html[data-faut-core] .product-detail-section .product-details p,
html[data-faut-core] .product-detail-section .product-feature li,
html[data-faut-core] .product-detail-section .product-feature p,
html[data-faut-core] .product-description .tab-item [data-faut-pdp-description-rich-html] p,
html[data-faut-core] .product-description .tab-item [data-faut-pdp-description-rich-html] li,
html[data-faut-core] .product-description .tab-item .faut-pdp-product-details-section p,
html[data-faut-core] .product-description .tab-item .faut-pdp-faq-section p {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.7rem !important;
font-weight: 400;
line-height: 1.7 !important;
}
html[data-faut-core] .product-detail-section .product-details strong {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] .product-detail-section .product-details h2,
html[data-faut-core] .product-detail-section .product-details h3,
html[data-faut-core] .product-description .tab-item [data-faut-pdp-description-rich-html] :is(h2, h3, h4) {
margin: 4rem 0 1.2rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(2.2rem, 2vw, 2.8rem) !important;
font-weight: 600 !important;
letter-spacing: .01em;
line-height: 1.08 !important;
text-transform: uppercase;
}
html[data-faut-core] .product-detail-section .product-feature {
margin-top: 4.4rem;
}
html[data-faut-core] .product-detail-section .product-feature ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 36rem), 1fr));
gap: 0 clamp(2.4rem, 3.2vw, 4.8rem);
padding: 0 !important;
border-top: 2px solid var(--faut-r26-coal);
list-style: none;
}
html[data-faut-core] .product-detail-section .product-feature li {
position: relative;
margin: 0 !important;
padding: 1.4rem 0 1.4rem 3.4rem !important;
border-bottom: 1px solid var(--faut-r26-line);
list-style: none;
font-size: 1.6rem !important;
line-height: 1.5 !important;
}
html[data-faut-core] .product-detail-section .product-feature li::before {
position: absolute;
top: 2.1rem;
left: 0;
width: 2rem;
height: .6rem;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] .product-detail-section .product-feature li p {
margin: 0 !important;
}
html[data-faut-core] .product-detail-section details,
html[data-faut-core] .product-description .tab-item .faut-pdp-faq-section details,
html[data-faut-core] .product-description .tab-item .faut-pdp-product-details-section details {
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid var(--faut-r26-line);
border-radius: 0;
background: transparent;
}
html[data-faut-core] .product-description .tab-item :is(.faut-pdp-faq-section, .faut-pdp-product-details-section) details:first-of-type {
border-top: 2px solid var(--faut-r26-coal);
}
html[data-faut-core] .product-detail-section details > summary,
html[data-faut-core] .product-description .tab-item .faut-pdp-faq-section summary,
html[data-faut-core] .product-description .tab-item .faut-pdp-product-details-section summary {
padding: 1.8rem 0;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.9rem;
font-weight: 500 !important;
letter-spacing: .02em;
line-height: 1.3;
text-transform: uppercase;
cursor: pointer;
}
html[data-faut-core] .product-description .tab-item details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.6rem;
list-style: none;
}
html[data-faut-core] .product-description .tab-item details > summary::-webkit-details-marker {
display: none;
}
html[data-faut-core] .product-description .tab-item details > summary::after {
flex: 0 0 auto;
display: grid;
place-items: center;
width: 3.2rem;
height: 3.2rem;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-ink);
content: "+";
font-family: var(--faut-r26-body);
font-size: 1.9rem;
font-weight: 400;
line-height: 1;
transition: background-color .2s ease, color .2s ease;
}
html[data-faut-core] .product-description .tab-item details[open] > summary::after {
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal);
content: "\2212";
}
html[data-faut-core] .product-description .tab-item details[open] > :not(summary) {
padding-bottom: 1.6rem;
}
html[data-faut-core] .product-description .tab-item table {
width: 100%;
border-collapse: collapse;
border-top: 2px solid var(--faut-r26-coal);
}
html[data-faut-core] .product-description .tab-item :is(th, td) {
padding: 1.1rem 0;
border: 0;
border-bottom: 1px solid var(--faut-r26-line);
color: var(--faut-r26-text);
font-size: 1.55rem;
vertical-align: baseline;
}
html[data-faut-core] .product-description .tab-item th,
html[data-faut-core] .product-description .tab-item td:first-child {
padding-right: 2rem;
color: var(--faut-r26-mute);
font-family: var(--faut-r26-head);
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .12em;
text-align: left;
text-transform: uppercase;
}
html[data-faut-core] .product-description .tab-item td:last-child:not(:first-child) {
color: var(--faut-r26-ink);
text-align: right;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-social-proof {
margin: clamp(4.4rem, 5.6vw, 7.2rem) 0 3.2rem;
padding-top: 0;
border-top: 0;
}
html[data-faut-core] .product-review-section {
margin-top: clamp(3.2rem, 4vw, 4.8rem) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary {
max-width: 96rem;
padding: clamp(2.8rem, 3.2vw, 4rem) clamp(2.4rem, 3.2vw, 4.4rem) !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--faut-r26-armband-dark) 0 0 / 9.6rem .8rem no-repeat, var(--faut-r26-coal) !important;
box-shadow: none;
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary * {
color: var(--faut-r26-on-coal);
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary__inner {
display: grid;
grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
align-items: center;
gap: 2.4rem clamp(2.4rem, 4.4vw, 6.4rem);
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-overview {
display: grid;
justify-items: start;
gap: 1rem;
text-align: left;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-score {
display: block;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(7.2rem, 7vw, 9.6rem) !important;
font-weight: 500 !important;
font-variant-numeric: tabular-nums;
letter-spacing: -.01em;
line-height: .9 !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-overview .faut-pdp-stars {
font-size: 1.8rem;
letter-spacing: .25rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary .faut-pdp-stars,
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary .faut-pdp-stars__track {
color: var(--faut-r26-coal-3) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary .faut-pdp-stars__fill {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-stars,
html[data-faut-core] .product-description .tab-item .faut-pdp-stars__track {
color: var(--faut-r26-line) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-stars__fill {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-count {
color: var(--faut-r26-on-coal-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem;
font-weight: 400;
letter-spacing: .1em;
text-transform: uppercase;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bars {
gap: 1.3rem;
width: 100%;
max-width: 56rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bar {
grid-template-columns: 3.6rem minmax(0, 1fr) 3.2rem;
align-items: center;
gap: 1.4rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bar-label,
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bar-label span {
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.5rem;
font-weight: 500;
white-space: nowrap;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bar-count {
color: var(--faut-r26-on-coal-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.5rem;
font-weight: 400;
font-variant-numeric: tabular-nums;
text-align: right;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bar-track {
height: .4rem;
overflow: hidden;
border-radius: 0;
background: var(--faut-r26-coal-3) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bar-fill {
border-radius: 0;
background: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-section-heading {
gap: 1.4rem;
margin-bottom: 2.4rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-section-heading .intro-heading {
margin: 0 !important;
font-size: clamp(2.8rem, 2.6vw, 3.6rem) !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-section-count {
min-width: 4.4rem;
height: 3.6rem;
padding: 0 .9rem;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-pins), var(--faut-r26-bib);
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-size: 1.7rem;
font-weight: 700;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-list {
gap: 1.6rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-card,
html[data-faut-core] .product-description .tab-item .faut-pdp-review-card--text-only {
position: relative;
padding: 2.6rem 2.6rem 2.8rem !important;
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0 !important;
background: var(--faut-r26-sheet) !important;
box-shadow: none !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-card .wrapper {
position: relative;
z-index: 1;
gap: 1.2rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-stars {
font-size: 1.5rem;
letter-spacing: .15rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-rating-value {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem;
font-weight: 400;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-meta h5 {
position: relative;
display: inline-flex;
align-items: center;
gap: 1rem;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.6rem;
font-weight: 500 !important;
letter-spacing: .08em;
text-transform: uppercase;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-meta h5::before {
width: 1.8rem;
height: .6rem;
flex: 0 0 auto;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] .product-description .tab-item .faut-pdp-verified-badge {
gap: .5rem;
padding: .3rem .8rem;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.15rem;
font-weight: 500;
letter-spacing: .1em;
text-transform: uppercase;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-verified-badge svg path {
fill: var(--faut-r26-ink);
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-title {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: 2rem !important;
font-weight: 500 !important;
letter-spacing: .01em;
line-height: 1.2 !important;
text-transform: uppercase;
}
html[data-faut-core] .product-description .tab-item .review-wrapper .wrapper .wrapper-description .wrapper-details,
html[data-faut-core] .faut-pdp-review-card .wrapper-description,
html[data-faut-core] .faut-pdp-review-card .wrapper-description p {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.6rem !important;
line-height: 1.65 !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-ugc-card {
border: 0;
border-radius: 0;
background: var(--faut-r26-plate);
}
html[data-faut-core] .product-description .tab-item .faut-pdp-ugc-card img {
padding: .6rem;
object-fit: contain;
border-radius: 0;
}
html[data-faut-core] section.product[data-faut-pdp-related] {
padding-top: 0 !important;
border-top: 0 !important;
}
html[data-faut-core] .faut-buy-now-bar {
padding: 1.8rem 1.6rem 1.6rem !important;
border-top: 1px solid var(--faut-r26-coal) !important;
background: var(--faut-r26-armband) 0 0 / 6.4rem .7rem no-repeat, var(--faut-r26-paper) !important;
box-shadow: 0 -1.2rem 2.4rem -1.6rem color-mix(in srgb, var(--faut-r26-coal) 50%, transparent) !important;
}
html[data-faut-core] .faut-buy-now-bar .shop-btn {
width: 100%;
margin: 0 !important;
}
html[data-faut-core] section.blog.about-blog {
padding: clamp(4rem, 5.2vw, 7.2rem) 0 clamp(3.2rem, 3.6vw, 4.8rem) !important;
border: 0 !important;
background: transparent !important;
}
html[data-faut-core] section.blog.about-blog > .container {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}
html[data-faut-core] section.blog.about-blog .blog-bradcrum {
justify-content: flex-start;
margin: 0 0 2rem !important;
}
html[data-faut-core] .blog-heading.about-heading {
position: relative;
width: 100%;
margin: 0 !important;
padding: 0 0 clamp(2.4rem, 2.8vw, 3.2rem) !important;
border-bottom: 1px solid var(--faut-r26-coal);
background: transparent !important;
text-align: left !important;
}
html[data-faut-core] .blog-heading .heading {
max-width: 20ch;
margin: 0 !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(4.4rem, 5.6vw, 8rem) !important;
font-weight: 600 !important;
letter-spacing: 0;
line-height: .92 !important;
text-align: left !important;
text-transform: uppercase;
text-wrap: balance;
overflow-wrap: break-word;
}
html[data-faut-core] .blog-heading.about-heading::after {
position: absolute;
bottom: -.45rem;
left: 0;
width: clamp(6.4rem, 7vw, 9.6rem);
height: .8rem;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core][data-faut-route-family="cart"] [data-faut-cart-root] {
padding: clamp(1.6rem, 2vw, 2.4rem) 0 var(--faut-r26-section) !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-cart-main] {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] [data-faut-cart-main] table {
border-collapse: collapse;
}
html[data-faut-core] [data-faut-cart-main] .table-row {
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
}
html[data-faut-core] [data-faut-cart-main] .table-top-row {
border-bottom: 2px solid var(--faut-r26-coal) !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-cart-main] .table-heading {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.25rem !important;
font-weight: 500 !important;
letter-spacing: .06em;
white-space: normal;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-cart-line] {
border-bottom: 1px solid var(--faut-r26-line) !important;
}
html[data-faut-core] [data-faut-cart-line] .wrapper-img {
overflow: hidden;
border: 0;
border-radius: 0;
background: var(--faut-r26-plate) !important;
}
html[data-faut-core] [data-faut-cart-line] .wrapper-img img {
padding: .4rem;
object-fit: contain;
mix-blend-mode: multiply;
}
html[data-faut-core] [data-faut-cart-line] .heading {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body) !important;
font-weight: 500 !important;
}
html[data-faut-core] [data-faut-cart-line] :is(p, span, td) {
color: var(--faut-r26-text);
}
html[data-faut-core] [data-faut-cart-line] td::before {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-weight: 500;
letter-spacing: .12em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-cart-line] [data-faut-cart-price],
html[data-faut-core] [data-faut-cart-line] [data-faut-cart-line-total] {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: 2rem !important;
font-weight: 600 !important;
font-variant-numeric: tabular-nums;
}
html[data-faut-core] [data-faut-cart-root] .quantity {
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-sheet) !important;
color: var(--faut-r26-ink);
}
html[data-faut-core] [data-faut-cart-root] .quantity :is(span, button) {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-weight: 500;
}
html[data-faut-core] [data-faut-cart-line] [data-faut-cart-remove] {
border-radius: var(--faut-r26-r);
transition: background-color .2s ease;
}
html[data-faut-core] [data-faut-cart-line] [data-faut-cart-remove]:hover {
background: var(--faut-r26-paper-deep);
}
html[data-faut-core] [data-faut-cart-summary] {
margin-block: 1.4rem;
padding: clamp(2.8rem, 3vw, 3.6rem) clamp(2.2rem, 2.4vw, 3rem) !important;
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0 !important;
background: var(--faut-r26-armband) 0 0 / 6.4rem .8rem no-repeat, var(--faut-r26-sheet) !important;
box-shadow: none !important;
overflow: visible;
}
html[data-faut-core] [data-faut-cart-summary] :is(h2, h3, h4, h5) {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-weight: 600 !important;
letter-spacing: .02em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-order-benefits] > div {
align-items: baseline !important;
gap: .8rem !important;
border-color: var(--faut-r26-line) !important;
color: var(--faut-r26-text);
font-family: var(--faut-r26-body);
font-size: 1.55rem !important;
}
html[data-faut-core] [data-faut-order-benefits] > div > span {
color: var(--faut-r26-text) !important;
}
html[data-faut-core] [data-faut-order-benefits] > div > strong {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.8rem;
font-weight: 500;
font-variant-numeric: tabular-nums;
}
html[data-faut-core] [data-faut-order-benefits] > div:last-child {
padding-top: 1.4rem !important;
border-top: 2px solid var(--faut-r26-coal) !important;
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] [data-faut-order-benefits] > div:last-child > span {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.5rem;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
}
html[data-faut-core] :is([data-faut-cart-summary], [data-faut-mini-cart-summary]) [data-faut-order-discount-row] > strong {
color: var(--faut-site-primary-strong) !important;
}
html[data-faut-core] [data-faut-cart-total],
html[data-faut-core] [data-faut-mini-cart-subtotal] {
font-family: var(--faut-r26-head) !important;
font-size: 3.2rem !important;
font-weight: 600 !important;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
}
html[data-faut-core] [data-faut-gift-status] {
display: block !important;
border: 1px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-bib) !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.45rem !important;
}
html[data-faut-core] [data-faut-gift-status] * {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] :is([data-faut-cart-summary], [data-faut-mini-cart-summary]) [data-faut-gift-line] {
color: var(--faut-r26-text);
}
html[data-faut-core] [data-faut-coupon-input] {
min-height: 4.8rem;
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-bib) !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem !important;
}
html[data-faut-core] [data-faut-coupon-input]::placeholder {
color: var(--faut-r26-mute);
}
html[data-faut-core] [data-faut-coupon-form] > .shop-btn {
min-height: 4.8rem;
margin: 0 !important;
}
html[data-faut-core] [data-faut-coupon-status],
html[data-faut-core] [data-faut-coupon-remove] {
color: var(--faut-r26-mute) !important;
}
html[data-faut-core] [data-faut-cart-reservation] {
border: 0 !important;
border-radius: 0 !important;
background: var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-body);
font-size: 1.45rem !important;
}
html[data-faut-core] [data-faut-cart-reservation] span {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] [data-faut-cart-reservation] strong {
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 1.7rem;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
html[data-faut-core] [data-faut-cart-actions] {
gap: 1.8rem !important;
}
html[data-faut-core] [data-faut-cart-actions] .shop-btn {
margin: 0 !important;
}
html[data-faut-core] [data-faut-cart-actions] .clean-btn {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem !important;
font-weight: 500;
letter-spacing: .12em;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-transform: uppercase;
text-underline-offset: .4em;
}
html[data-faut-core] [data-faut-cart-upsell] {
padding: 1.2rem 0 !important;
border: 0 !important;
border-block: 1px solid var(--faut-r26-line) !important;
border-radius: 0 !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-cart-upsell]:has(> img[hidden]) {
grid-template-columns: minmax(0, 1fr) auto !important;
}
html[data-faut-core] [data-faut-cart-upsell] img {
padding: .3rem;
border: 0;
border-radius: 0;
background: var(--faut-r26-plate);
object-fit: contain;
mix-blend-mode: multiply;
}
html[data-faut-core] [data-faut-cart-upsell] small {
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-cart-upsell-name] {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body);
font-size: 1.5rem !important;
font-weight: 500 !important;
}
html[data-faut-core] [data-faut-cart-upsell-price] {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.8rem;
font-weight: 600;
}
html[data-faut-core] [data-faut-cart-upsell] .shop-btn,
html[data-faut-core] [data-faut-cart-upsell] button {
margin: 0 !important;
font-size: 1.3rem;
}
html[data-faut-core] .faut-cart-empty {
display: grid;
justify-items: center;
padding: 2.4rem 0;
text-align: center;
}
html[data-faut-core] .faut-cart-empty h2 {
margin-bottom: 2.4rem;
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-size: clamp(3rem, 3vw, 4.2rem) !important;
font-weight: 600 !important;
text-transform: uppercase;
}
html[data-faut-core] .faut-cart-empty p {
color: var(--faut-r26-text) !important;
}
html[data-faut-core] .faut-cart-empty .shop-btn {
margin: 0 0 2.4rem !important;
}
html[data-faut-core] [data-faut-mini-cart-overlay] {
background: color-mix(in srgb, var(--faut-r26-coal) 60%, transparent) !important;
}
html[data-faut-core] [data-faut-mini-cart-panel] {
inset: 0 0 0 auto !important;
width: min(46rem, 100vw) !important;
height: 100dvh !important;
padding: 8.4rem 2.4rem 2.4rem !important;
overflow-y: auto !important;
overscroll-behavior: contain;
border: 0 !important;
border-radius: 0 !important;
background: var(--faut-r26-paper) !important;
box-shadow: -2rem 0 4rem -2rem color-mix(in srgb, var(--faut-r26-coal) 60%, transparent) !important;
font-family: var(--faut-r26-body);
}
html[data-faut-core] [data-faut-mini-cart-panel]::before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 6rem;
background: var(--faut-r26-armband) 0 100% / 100% .7rem no-repeat, var(--faut-r26-coal);
content: "";
pointer-events: none;
}
html[data-faut-core] [data-faut-mini-cart-panel] > [data-faut-mini-cart-close] {
position: fixed;
z-index: 3;
}
html[data-faut-core] [data-faut-mini-cart-panel] [data-faut-mini-cart-close] {
top: .8rem;
right: 1.6rem;
width: 3.8rem;
height: 3.8rem;
border: 1.5px solid var(--faut-r26-on-coal-mute);
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-on-coal);
}
html[data-faut-core] [data-faut-mini-cart-panel] [data-faut-mini-cart-close]:hover {
background: var(--faut-r26-on-coal);
color: var(--faut-r26-ink);
}
html[data-faut-core] [data-faut-mini-cart-items] [data-faut-mini-cart-close],
html[data-faut-core] [data-faut-mini-cart-empty] [data-faut-mini-cart-close] {
border-color: var(--faut-r26-coal);
color: var(--faut-r26-ink);
}
html[data-faut-core] [data-faut-mini-cart-panel] [data-faut-mini-cart-items] {
flex: 0 0 auto;
overflow: visible;
}
html[data-faut-core] [data-faut-mini-cart-panel] :is(h2, h3, h4, h5, h6) {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] [data-faut-mini-cart-items] > .wrapper,
html[data-faut-core] [data-faut-mini-cart-items] > [data-faut-cart-line] {
margin-bottom: 0;
padding: 1.4rem 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--faut-r26-line) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] [data-faut-mini-cart-summary] {
border-top: 2px solid var(--faut-r26-coal) !important;
}
html[data-faut-core] [data-faut-mini-cart-summary] .wrapper-subtotal {
align-items: baseline;
}
html[data-faut-core] [data-faut-mini-cart-summary] .wrapper-subtotal .wrapper-title {
margin: 0;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
letter-spacing: .14em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-mini-cart-summary] .wrapper-subtotal [data-faut-mini-cart-subtotal] {
color: var(--faut-r26-ink) !important;
font-size: 3rem !important;
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-title {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-body) !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-img {
overflow: hidden;
border: 0;
border-radius: 0;
background: var(--faut-r26-plate);
}
html[data-faut-core] [data-faut-mini-cart-items] .wrapper-img img {
padding: .4rem;
object-fit: contain;
mix-blend-mode: multiply;
}
html[data-faut-core] [data-faut-mini-cart-items] .new-price {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.9rem !important;
font-weight: 600 !important;
}
html[data-faut-core] [data-faut-mini-cart-items] .paragraph {
color: var(--faut-r26-mute) !important;
}
html[data-faut-core] [data-faut-mini-cart-items] .faut-mini-cart-quantity {
border: 1.5px solid var(--faut-r26-coal) !important;
border-radius: var(--faut-r26-r);
background: var(--faut-r26-sheet);
color: var(--faut-r26-ink);
}
html[data-faut-core] [data-faut-mini-cart-items] .faut-mini-cart-quantity :is(span, button) {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-weight: 500;
}
html[data-faut-core] [data-faut-mini-cart-items] [data-faut-cart-remove] {
border: 1.5px solid var(--faut-r26-line);
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-ink);
}
html[data-faut-core] [data-faut-mini-cart-summary] .cart-btn {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
html[data-faut-core] [data-faut-mini-cart-summary] .cart-btn a {
margin: 0 !important;
}
html[data-faut-core] [data-faut-mini-cart-summary] .cart-btn .checkout-btn {
order: -1;
}
html[data-faut-core] [data-faut-mini-cart-root] .empty-cart,
html[data-faut-core] [data-faut-mini-cart-panel] p {
color: var(--faut-r26-text);
}
html[data-faut-core][data-faut-route-family="checkout"] [data-faut-checkout-root] {
padding: clamp(3.2rem, 4vw, 5.6rem) 0 var(--faut-r26-section) !important;
background: transparent !important;
}
html[data-faut-core] .faut-checkout-sdk-root {
padding: .6rem;
overflow: hidden;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-bib);
}
html[data-faut-core] .faut-checkout-sdk-root > iframe {
display: block;
border-radius: 0;
}
html[data-faut-core] .faut-checkout-sdk-shell {
border: 0;
border-top: 2px solid var(--faut-r26-coal);
border-radius: 0;
background: var(--faut-r26-armband) 0 0 / 6.4rem .8rem no-repeat, var(--faut-r26-sheet);
box-shadow: none;
}
html[data-faut-core] .faut-checkout-sdk-shell > .heading {
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-weight: 600 !important;
text-transform: uppercase;
}
html[data-faut-core] .faut-checkout-sdk-shell > .wrapper-heading {
color: var(--faut-r26-ink);
}
html[data-faut-core] .faut-checkout-sdk-shell > .paragraph {
color: var(--faut-r26-text);
}
html[data-faut-core] [data-faut-checkout-delivery] {
border: 0 !important;
border-radius: 0 !important;
background: var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal);
}
html[data-faut-core] [data-faut-checkout-delivery] > strong {
color: var(--faut-r26-on-coal);
font-family: var(--faut-r26-head);
font-weight: 500;
letter-spacing: .06em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-checkout-delivery] > span {
color: var(--faut-r26-on-coal-mute);
}
html[data-faut-core] section.about {
padding: 0 0 var(--faut-r26-section) !important;
background: transparent !important;
}
html[data-faut-core] section.about .about-section {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] section.about .about-content,
html[data-faut-core] [data-faut-content-body] [data-faut-content-html]:not([data-faut-launch-blog-index-page]),
html[data-faut-core] [data-faut-launch-blog-article] {
box-sizing: border-box;
width: 100%;
max-width: 88rem;
margin-inline: auto !important;
padding: clamp(3.2rem, 5vw, 6.4rem) clamp(2.4rem, 5vw, 6.4rem) !important;
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0;
background: var(--faut-r26-sheet) !important;
box-shadow: none !important;
}
html[data-faut-core] section.about .about-content [data-faut-content-html] {
max-width: none;
padding: 0 !important;
border: 0 !important;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
}
html[data-faut-core] .about-title {
margin: 0 0 2.4rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: 1.4rem !important;
font-weight: 500 !important;
letter-spacing: .16em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-content-html] {
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.75rem !important;
font-weight: 400;
line-height: 1.75 !important;
}
html[data-faut-core] [data-faut-content-html] :is(p, li, td) {
color: var(--faut-r26-text);
font-size: inherit;
}
html[data-faut-core] [data-faut-content-html] strong {
color: var(--faut-r26-ink);
}
html[data-faut-core] [data-faut-content-html] > :first-child,
html[data-faut-core] [data-faut-content-html] > div > :first-child {
margin-top: 0 !important;
}
html[data-faut-core] [data-faut-content-html] h1 {
margin: 0 0 2.2rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(3.4rem, 3.6vw, 5.2rem) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: .96 !important;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-content-html] h2,
html[data-faut-core] [data-faut-content-html] h3,
html[data-faut-core] [data-faut-content-html] h4 {
margin: 4.8rem 0 1.4rem !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-weight: 600 !important;
letter-spacing: .005em !important;
line-height: 1.05 !important;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-content-html] h2 {
position: relative;
padding-bottom: 1.2rem;
border-bottom: 1px solid var(--faut-r26-coal);
font-size: clamp(2.6rem, 2.6vw, 3.4rem) !important;
}
html[data-faut-core] [data-faut-content-html] h3 {
font-size: clamp(2.1rem, 1.9vw, 2.5rem) !important;
}
html[data-faut-core] [data-faut-content-html] :is(p, li, td, blockquote) a {
color: var(--faut-r26-ink) !important;
font-weight: 500;
text-decoration: underline;
text-decoration-color: var(--faut-site-primary);
text-decoration-thickness: 2px;
text-underline-offset: .2em;
}
html[data-faut-core] [data-faut-content-html] :is(p, li, td, blockquote) a:hover {
background: var(--faut-r26-paper-deep);
}
html[data-faut-core] [data-faut-content-html] details {
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid var(--faut-r26-line);
border-radius: 0;
background: transparent;
}
html[data-faut-core] [data-faut-content-html] details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.6rem;
padding: 1.8rem 0;
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-size: 1.9rem;
font-weight: 500;
letter-spacing: .02em;
line-height: 1.3;
list-style: none;
text-transform: uppercase;
cursor: pointer;
}
html[data-faut-core] [data-faut-content-html] details > summary::-webkit-details-marker {
display: none;
}
html[data-faut-core] [data-faut-content-html] details > summary::after {
flex: 0 0 auto;
display: grid;
place-items: center;
width: 3.2rem;
height: 3.2rem;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: transparent;
color: var(--faut-r26-ink);
content: "+";
font-family: var(--faut-r26-body);
font-size: 1.9rem;
font-weight: 400;
line-height: 1;
transition: background-color .2s ease, color .2s ease;
}
html[data-faut-core] [data-faut-content-html] details[open] > summary::after {
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal);
content: "\2212";
}
html[data-faut-core] [data-faut-content-html] details > p {
margin: 0 0 2rem !important;
}
html[data-faut-core] details:not([open])::details-content {
display: none;
}
html[data-faut-core] section.faq [data-faut-content-html],
html[data-faut-core] section.latest [data-faut-content-html]:not([data-faut-launch-blog-index-page]) {
max-width: 92rem;
}
html[data-faut-core] [data-faut-content-html] blockquote {
position: relative;
margin: 4rem 0 !important;
padding: 3.6rem 3.6rem 3.2rem !important;
border: 0 !important;
border-radius: 0;
background: var(--faut-r26-armband-dark) 0 0 / 6.4rem .8rem no-repeat, var(--faut-r26-coal) !important;
color: var(--faut-r26-on-coal) !important;
font-family: var(--faut-r26-head);
font-size: 2.4rem;
font-weight: 400;
letter-spacing: .01em;
line-height: 1.3;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-content-html] blockquote :is(p, strong, span, a) {
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] [data-faut-content-html] ul,
html[data-faut-core] [data-faut-content-html] ol {
padding-left: 3rem;
}
html[data-faut-core] [data-faut-content-html] ol > li {
list-style: decimal-leading-zero;
}
html[data-faut-core] [data-faut-content-html] ul > li {
position: relative;
list-style: none;
}
html[data-faut-core] [data-faut-content-html] ul > li::before {
position: absolute;
top: .72em;
left: -2.8rem;
width: 1.6rem;
height: .5rem;
background: var(--faut-r26-armband);
content: "";
}
html[data-faut-core] [data-faut-content-html] li::marker {
color: var(--faut-r26-mute);
font-family: var(--faut-r26-head);
font-weight: 500;
}
html[data-faut-core] [data-faut-content-html] table {
width: 100%;
overflow-x: auto;
border-collapse: separate;
border-spacing: 0;
border: 0;
border-top: 2px solid var(--faut-r26-coal);
background: transparent;
}
html[data-faut-core] [data-faut-content-html] :is(th, td) {
padding: 1.1rem 1.4rem 1.1rem 0;
border: 0;
border-bottom: 1px solid var(--faut-r26-line);
}
html[data-faut-core] [data-faut-content-html] th {
background: transparent;
color: var(--faut-r26-mute);
font-family: var(--faut-r26-head);
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .12em;
text-align: left;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-content-html] th :is(strong, span, a) {
color: var(--faut-r26-mute) !important;
}
html[data-faut-core] [data-faut-launch-blog-hub-page],
html[data-faut-core] [data-faut-launch-blog-article-page] {
padding: 0 0 var(--faut-r26-section) !important;
background: transparent !important;
}
html[data-faut-core] [data-faut-blog-index] {
gap: clamp(1.6rem, 2vw, 2.8rem) !important;
max-width: none !important;
}
html[data-faut-core] [data-faut-blog-index] article {
position: relative;
}
html[data-faut-core] [data-faut-blog-index] article::before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 4.8rem;
height: .8rem;
background: var(--faut-r26-armband);
content: "";
pointer-events: none;
transition: width .3s var(--faut-r26-ease);
}
html[data-faut-core] [data-faut-blog-index] article:hover::before {
width: 100%;
}
html[data-faut-core] [data-faut-blog-index] article > a {
min-height: 0 !important;
padding: 3.6rem clamp(2.4rem, 2.6vw, 3.4rem) clamp(2.6rem, 2.8vw, 3.6rem) !important;
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
border-radius: 0 !important;
background: var(--faut-r26-sheet) !important;
box-shadow: none !important;
color: var(--faut-r26-ink) !important;
text-decoration: none !important;
transform: none !important;
}
html[data-faut-core] [data-faut-blog-index] time {
display: inline-block !important;
margin-bottom: 1.6rem !important;
color: var(--faut-r26-mute) !important;
font-family: var(--faut-r26-head);
font-size: 1.35rem !important;
font-weight: 400 !important;
letter-spacing: .14em !important;
text-decoration: none !important;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-blog-index] h2 {
margin: 0 !important;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(2.4rem, 2.2vw, 3rem) !important;
font-weight: 600 !important;
letter-spacing: .005em !important;
line-height: 1.02 !important;
text-decoration: none !important;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-blog-index] h2::before {
display: none;
}
html[data-faut-core] [data-faut-blog-index] article > a:hover h2 {
text-decoration: underline !important;
text-decoration-thickness: 2px !important;
text-underline-offset: .15em;
}
html[data-faut-core] [data-faut-blog-index] p {
margin: 1.4rem 0 0 !important;
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.55rem !important;
text-decoration: none !important;
}
html[data-faut-core] [data-faut-launch-blog-article] {
color: var(--faut-r26-text) !important;
}
html[data-faut-core] [data-faut-launch-blog-article] :is(h2, h3, h4) {
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-weight: 600 !important;
}
html[data-faut-core] [data-faut-blog-product-block] {
max-width: none;
margin-block: clamp(3.2rem, 4vw, 4.8rem) !important;
padding-top: 3.2rem !important;
border-top: 1px solid var(--faut-r26-coal) !important;
}
html[data-faut-core] [data-faut-blog-product-block] h2 {
margin: 0 0 2.4rem !important;
padding: 0 !important;
border: 0 !important;
font-size: clamp(2.4rem, 2.2vw, 3rem) !important;
}
html[data-faut-core] body [data-faut-blog-product-block] [data-faut-listing-grid] {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 2.4rem 1.6rem !important;
margin: 0 !important;
padding: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-faut-core] body [data-faut-blog-product-block] [data-faut-listing-grid] > [data-faut-listing-item] {
width: auto !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
}
html[data-faut-core] [data-faut-content-html] [data-faut-blog-product-block] ul > li::before {
display: none;
}
html[data-faut-core] [data-faut-offer-modal] {
background: color-mix(in srgb, var(--faut-r26-coal) 64%, transparent) !important;
}
html[data-faut-core] [data-faut-offer-card] {
width: min(52rem, 100%);
border: 0 !important;
border-radius: var(--faut-r26-r) !important;
background: var(--faut-r26-paper) !important;
box-shadow: 0 3rem 6rem -2.4rem color-mix(in srgb, var(--faut-r26-coal) 80%, transparent) !important;
}
html[data-faut-core] [data-faut-offer-card]::before {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 0;
height: 9.6rem;
border-radius: var(--faut-r26-r) var(--faut-r26-r) 0 0;
background: var(--faut-r26-armband-dark) 0 100% / 100% .8rem no-repeat, var(--faut-r26-coal);
content: "";
pointer-events: none;
}
html[data-faut-core] [data-faut-offer-content] {
position: relative;
z-index: 1;
align-items: flex-start;
padding: 3.4rem 4rem 3.6rem;
text-align: left;
}
html[data-faut-core] [data-faut-offer-content] > small {
display: inline-block;
padding: .6rem 1.2rem;
border: 1px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-pins), var(--faut-r26-bib);
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head);
font-size: 1.3rem;
font-weight: 500 !important;
letter-spacing: .14em !important;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-offer-content] > h2 {
margin-top: 4.8rem;
color: var(--faut-r26-ink) !important;
font-family: var(--faut-r26-head) !important;
font-size: clamp(3.8rem, 4.8vw, 5.4rem) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: .94 !important;
text-align: left;
text-transform: uppercase;
text-wrap: balance;
}
html[data-faut-core] [data-faut-offer-content] > p {
margin-top: 1.6rem;
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-body);
font-size: 1.65rem;
text-align: left;
}
html[data-faut-core] [data-faut-offer-content] > p strong {
color: var(--faut-r26-ink) !important;
font-weight: 600;
}
html[data-faut-core] [data-faut-offer-content] > [data-faut-offer-close] {
top: 1.6rem;
right: 1.6rem;
width: 4rem;
height: 4rem;
border: 1.5px solid var(--faut-r26-on-coal-mute);
border-radius: var(--faut-r26-r);
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal);
font-family: var(--faut-r26-body);
font-size: 2.2rem;
font-weight: 300;
line-height: 1;
}
html[data-faut-core] [data-faut-offer-content] > [data-faut-offer-close]:hover {
background: var(--faut-r26-on-coal);
color: var(--faut-r26-ink);
}
html[data-faut-core] [data-faut-offer-actions] {
position: relative;
align-self: stretch;
gap: 1.2rem;
margin-top: 2.8rem;
}
html[data-faut-core] [data-faut-offer-actions] > .shop-btn {
width: 100%;
min-height: 5.6rem;
margin: 0 !important;
}
html[data-faut-core] [data-faut-offer-actions] > [data-faut-offer-close] {
min-height: 4rem;
color: var(--faut-r26-text) !important;
font-family: var(--faut-r26-head);
font-size: 1.4rem;
font-weight: 500 !important;
letter-spacing: .12em;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-transform: uppercase;
text-underline-offset: .4em;
}
html[data-faut-core] [data-faut-offer-actions] > [data-faut-offer-close]:hover {
color: var(--faut-r26-ink) !important;
}
html[data-faut-core] [data-faut-recent-purchase] {
padding: 1.1rem 1.6rem .9rem .9rem;
border: 0;
border-top: 2px solid var(--faut-r26-coal);
border-radius: 0;
background: var(--faut-r26-armband) 0 0 / 4rem .6rem no-repeat, var(--faut-r26-sheet);
box-shadow: var(--faut-r26-lift);
color: var(--faut-r26-ink);
font-family: var(--faut-r26-body);
}
html[data-faut-core] [data-faut-recent-purchase-image] {
border: 0;
border-radius: 0;
background: var(--faut-r26-plate);
object-fit: contain;
}
html[data-faut-core] [data-faut-recent-purchase] > span > small {
color: var(--faut-r26-mute);
}
html[data-faut-core] [data-faut-recent-purchase] > span > span {
color: var(--faut-r26-ink);
font-weight: 500;
}
@media (prefers-reduced-motion: reduce) {
html[data-faut-core] *,
html[data-faut-core] *::before,
html[data-faut-core] *::after {
animation: none !important;
transition: none !important;
}
}
@media (max-width: 1199px) {
html[data-faut-core] .footer-section > .row {
grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr);
}
html[data-faut-core] .footer-section > .row > [class*="col"]:first-child {
grid-column: 1 / -1;
}
html[data-faut-core] .header-center .header-cart .cart-item {
padding-inline: 1.3rem;
}
html[data-faut-core] .header-center .header-cart .cart-item .cart-text {
font-size: 0 !important;
}
html[data-faut-core] .header-center .header-cart .cart-item .cart-text [data-faut-cart-badge] {
margin-left: 0;
font-size: 1.3rem !important;
}
html[data-faut-core] section.product.best-product [data-faut-listing-grid] {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .product-quantity {
grid-template-columns: minmax(0, 1fr);
}
html[data-faut-core] .faut-topic-intro__inner {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 1023px) {
html[data-faut-core] [data-faut-cart-summary] {
position: relative !important;
}
}
@media (max-width: 991px) {
html[data-faut-core] .header-top-section {
display: none !important;
}
html[data-faut-core] section.product [data-faut-listing-grid],
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-three .faut-editorial-grid,
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge .faut-editorial-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > *:nth-child(odd) {
padding-left: 0 !important;
border-left: 0;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > *:nth-child(n + 3) {
border-top: 1px solid var(--faut-r26-coal-3);
}
html[data-faut-core] [data-faut-listing-root] .sidebar-section {
margin-bottom: 2.4rem !important;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item {
padding: 1.2rem 0 0 !important;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
gap: .8rem;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list li {
width: auto;
border: 0;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a,
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a:hover {
padding: .9rem 1.4rem;
border: 1.5px solid var(--faut-r26-coal);
border-radius: var(--faut-r26-r);
background: transparent;
font-size: 1.5rem;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a[aria-current="page"],
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a.active {
background: var(--faut-r26-coal);
color: var(--faut-r26-on-coal) !important;
}
html[data-faut-core] [data-faut-listing-root] .sidebar-item .sidebar-list a::before {
display: none;
}
html[data-faut-core] [data-faut-listing-root] [data-faut-series-sidebar-summary] {
padding: 1.4rem 1.6rem;
color: var(--faut-r26-ink);
font-family: var(--faut-r26-head);
font-weight: 500;
letter-spacing: .08em;
text-transform: uppercase;
}
html[data-faut-core] [data-faut-listing-root] [data-faut-series-sidebar-current] {
color: var(--faut-r26-mute);
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary__inner {
grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content {
margin-top: 1.6rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] {
grid-template-columns: 5.8rem minmax(0, 1fr);
row-gap: 1.2rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] img {
width: 5.8rem;
height: 5.8rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-pair-offer] .shop-btn {
grid-column: 1 / -1;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge .faut-editorial-grid {
row-gap: 3.2rem !important;
}
}
@media (max-width: 767px) {
html[data-faut-core] {
--faut-r26-section: 5.6rem;
}
html[data-faut-core] body {
font-size: 1.55rem;
}
html[data-faut-core] [data-faut-shipping-bar] {
min-height: 3.6rem;
font-size: 1.15rem;
letter-spacing: .1em;
}
html[data-faut-core] [data-faut-shipping-message] {
gap: .8rem;
}
html[data-faut-core] [data-faut-home-hero] {
padding: 1.6rem var(--faut-r26-gutter) 1.4rem;
}
html[data-faut-core] [data-faut-home-hero] .swiper-pagination {
padding-top: 1.4rem;
}
html[data-faut-core] [data-faut-home-hero] .swiper-pagination-bullet {
width: 2.8rem !important;
}
html[data-faut-core] [data-faut-home-hero] .swiper-pagination-bullet-active {
width: 5.6rem !important;
}
html[data-faut-core] .faut-topic-intro {
padding: 4.4rem var(--faut-r26-gutter) 4.8rem !important;
}
html[data-faut-core] .faut-topic-intro__inner {
gap: 2rem;
}
html[data-faut-core] .faut-topic-intro__eyebrow {
font-size: 1.2rem;
letter-spacing: .12em;
}
html[data-faut-core] .faut-topic-intro__eyebrow::before {
width: 3.2rem;
}
html[data-faut-core] .faut-topic-intro h1 {
font-size: clamp(3.8rem, 11vw, 4.8rem);
}
html[data-faut-core] .faut-topic-intro h1 + p {
font-size: 1.6rem;
}
html[data-faut-core] [data-faut-style-section] .row {
grid-template-columns: 1fr;
gap: 1.6rem;
}
html[data-faut-core] section.product .section-title {
grid-template-columns: minmax(0, 1fr);
gap: .6rem;
padding-bottom: 1.4rem;
}
html[data-faut-core] section.product .section-title::before {
font-size: 2.6rem;
}
html[data-faut-core] section.product .section-title h5 {
font-size: clamp(2.8rem, 8.4vw, 3.4rem);
}
html[data-faut-core] section.product .section-title .view {
grid-column: 1 / -1;
justify-self: start;
min-height: 3.6rem;
font-size: 1.25rem;
}
html[data-faut-core] section.product [data-faut-listing-grid],
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 2.8rem 1.2rem !important;
}
html[data-faut-core] section.product.flash-sale .product-wrapper[data-faut-product] {
padding: .8rem .8rem 1rem !important;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img,
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-grid] [data-faut-listing-card] .product-img {
margin-bottom: 1.2rem !important;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img::after {
width: 2.8rem;
height: .6rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .faut-product-image-link {
padding: 1rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img[data-faut-discount]::before {
top: 1.2rem;
left: .7rem;
min-width: 4.6rem;
min-height: 3.2rem;
padding: .3rem .8rem;
font-size: 1.5rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items {
top: 1.2rem;
right: .7rem;
opacity: 1;
visibility: visible;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items .cart-item.cart {
display: none;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items .cart-item,
html[data-faut-core] .product-wrapper[data-faut-product] .product-img .product-cart-items .cart-item svg {
width: 3.2rem;
height: 3.2rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .ratings,
html[data-faut-core] .product-wrapper[data-faut-product] .ratings::before {
font-size: 1.15rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-details {
font-size: 1.4rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .price {
gap: .2rem .6rem !important;
margin-top: .8rem !important;
}
html[data-faut-core] .product-wrapper[data-faut-product] .new-price {
font-size: 2rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .price-cut {
font-size: 1.35rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-cart-btn {
padding-top: 1.2rem;
}
html[data-faut-core] .product-wrapper[data-faut-product] .product-btn {
min-height: 4.2rem;
padding: .8rem .4rem !important;
font-size: 1.2rem;
letter-spacing: .08em;
}
html[data-faut-core] section.product.best-product [data-faut-listing-grid] {
grid-template-columns: 1fr !important;
gap: 0 !important;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] {
grid-template-columns: 7.2rem minmax(0, 1fr);
gap: 1.4rem;
padding: 1.2rem 0 !important;
}
html[data-faut-core] section.product.best-product .product-wrapper[data-faut-product] .faut-product-image-link {
padding: .5rem;
}
html[data-faut-core] [data-faut-home-editorial-slot] h2 {
flex-direction: column;
align-items: flex-start;
gap: .6rem;
font-size: clamp(2.8rem, 8.4vw, 3.4rem);
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-three .faut-editorial-grid,
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge .faut-editorial-grid,
html[data-faut-core] [data-faut-home-editorial-slot] .faut-editorial-grid {
grid-template-columns: 1fr !important;
gap: 1.2rem !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge .faut-editorial-grid {
gap: 2.8rem !important;
}
html[data-faut-core] [data-faut-home-editorial-slot] article,
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-columns article + article {
padding: 2.2rem 2rem 2.4rem !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge article {
padding: 1.8rem 0 0 !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-knowledge {
padding: 4.8rem var(--faut-r26-gutter) !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two article,
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two article + article {
padding: 2rem 0 !important;
border: 0 !important;
}
html[data-faut-core] [data-faut-home-editorial-slot].faut-editorial-two article + article {
border-top: 1px solid var(--faut-r26-line) !important;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row {
grid-template-columns: 1fr !important;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > * {
padding: 1.8rem 0 !important;
border-left: 0 !important;
}
html[data-faut-core] [data-faut-footer] .footer-service-section .row > * + * {
border-top: 1px solid var(--faut-r26-coal-3);
}
html[data-faut-core] .product.footer {
padding-top: 4.4rem !important;
}
html[data-faut-core] .footer-section {
grid-template-columns: 1fr;
padding: 0 var(--faut-r26-gutter) 3.6rem !important;
}
html[data-faut-core] .footer-section > .row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 3.2rem 2rem !important;
}
html[data-faut-core] .footer-section > .row > [class*="col"]:first-child,
html[data-faut-core] .footer-section > .row > [class*="col"]:last-child {
grid-column: 1 / -1;
}
html[data-faut-core] .footer-order .logo .wrapper-heading,
html[data-faut-core] .footer-section .logo .faut-wordmark {
font-size: clamp(3rem, 9vw, 3.8rem);
}
html[data-faut-core] .footer-section .faut-payment-link,
html[data-faut-core] .product.footer [data-faut-footer-utility] {
grid-column: 1;
grid-row: auto;
min-height: 0;
justify-content: flex-start !important;
}
html[data-faut-core] .product.footer [data-faut-footer-utility] {
padding: 1.4rem 0 0 !important;
border-top: 0;
}
html[data-faut-core] .product.brand .brand-section {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .8rem;
}
html[data-faut-core] .product.brand .brand-section .product-wrapper:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
html[data-faut-core] .product.brand .brand-section a {
min-height: 11rem;
gap: 1.4rem;
padding: 2.4rem 1.4rem 1.4rem;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section {
grid-template-columns: 1fr;
align-items: start;
}
html[data-faut-core][data-faut-route-family="listing"] .product-sorting-section h1 {
font-size: clamp(3.6rem, 10.4vw, 4.6rem) !important;
}
html[data-faut-core][data-faut-route-family="listing"] [data-faut-listing-sort] {
justify-self: stretch;
min-width: 0 !important;
text-align: left;
}
html[data-faut-core] .faut-buying-guide {
padding: 5.2rem 0 !important;
}
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content [data-faut-pdp-title] {
font-size: clamp(2.8rem, 8.4vw, 3.6rem) !important;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top img {
max-height: 42rem !important;
padding: 2.8rem 1.6rem;
}
html[data-faut-core][data-faut-route-family="pdp"] [data-faut-pdp-gallery] .product-top::after {
width: 6.4rem;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-discount-content {
top: 1.8rem !important;
left: 1.4rem !important;
min-width: 6rem;
min-height: 4rem;
padding: .4rem 1rem;
}
html[data-faut-core] [data-faut-pdp-gallery] .product-discount-content h4 {
font-size: 1.9rem !important;
}
html[data-faut-core] .product-info-content .new-price,
html[data-faut-core][data-faut-route-family="pdp"] .product-info-content .price .new-price {
font-size: clamp(3.6rem, 10vw, 4.4rem) !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] {
grid-template-columns: 4.4rem minmax(0, 1fr) auto;
column-gap: 1.2rem;
min-height: 7.2rem !important;
padding: 1.5rem 1.2rem 1.3rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > strong {
font-size: 2.8rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > span:first-of-type {
font-size: 1.5rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > [data-faut-quantity-tier-subtotal] {
font-size: 1.7rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > [data-faut-quantity-tier-savings] {
font-size: 1.25rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-quantity-tier] > small {
right: 1.2rem !important;
max-width: calc(100% - 6rem) !important;
font-size: 1.05rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery] {
padding: 1.8rem 1.6rem 1.8rem 7rem !important;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery]::before {
top: 1.8rem;
left: 1.6rem;
width: 3.8rem;
height: 3.8rem;
}
html[data-faut-core] [data-faut-pdp-conversion-root] [data-faut-delivery]::after {
top: 2.6rem;
left: 2.4rem;
width: 2.2rem;
height: 2.2rem;
}
html[data-faut-core] .product-detail-section .nav-tabs,
html[data-faut-core] .product-description .nav-item {
gap: 0 1.8rem;
}
html[data-faut-core] .product-detail-section .nav-tabs .nav-link,
html[data-faut-core] .product-description .nav-item .nav-link {
padding: 1.2rem 0 1.4rem !important;
font-size: 1.4rem !important;
letter-spacing: .08em;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-summary__inner {
grid-template-columns: minmax(0, 1fr);
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-score {
font-size: 7.2rem !important;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-rating-bar {
grid-template-columns: 3.2rem minmax(0, 1fr) 2.8rem;
gap: 1rem;
}
html[data-faut-core] .product-description .tab-item .faut-pdp-review-card,
html[data-faut-core] .product-description .tab-item .faut-pdp-review-card--text-only {
padding: 2.2rem 1.8rem !important;
}
html[data-faut-core] section.blog.about-blog {
padding-top: 3.2rem !important;
}
html[data-faut-core] .blog-heading .heading {
font-size: clamp(3.8rem, 11vw, 4.8rem) !important;
}
html[data-faut-core] [data-faut-content-html] {
font-size: 1.65rem !important;
}
html[data-faut-core] [data-faut-content-html] blockquote {
padding: 3rem 2.2rem 2.4rem !important;
font-size: 2rem;
}
html[data-faut-core] [data-faut-cart-line] {
border: 0 !important;
border-top: 2px solid var(--faut-r26-coal) !important;
background: var(--faut-r26-sheet) !important;
}
html[data-faut-core] [data-faut-mini-cart-panel] {
inset: 0 !important;
width: 100vw !important;
height: 100dvh !important;
padding: 8.4rem 1.6rem 1.6rem !important;
}
html[data-faut-core] [data-faut-offer-card]::before {
height: 8rem;
}
html[data-faut-core] [data-faut-offer-content] {
padding: 2.8rem 2.4rem 2.6rem;
}
html[data-faut-core] [data-faut-offer-content] > h2 {
margin-top: 4.4rem;
}
html[data-faut-core] [data-faut-offer-content] > [data-faut-offer-close] {
top: 1.2rem;
right: 1.2rem;
}
html[data-faut-core] [data-faut-offer-actions] {
margin-top: 2.2rem;
}
html[data-faut-core] [data-faut-recent-purchase] {
bottom: 10.4rem;
padding: 1rem 1.2rem .8rem .8rem;
}
html[data-faut-core][data-faut-route-family="pdp"] .product.footer {
padding-bottom: 7.8rem !important;
}
html[data-faut-core] body [data-faut-blog-product-block] [data-faut-listing-grid] {
grid-template-columns: minmax(0, 1fr) !important;
gap: 2.4rem !important;
}
}
@media (max-width: 767px) {
html[data-faut-core] [data-faut-home-editorial-slot] h2::before {
font-size: 2.6rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
html[data-faut-core] .footer-section > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
html[data-faut-core] .header-center .header-cart-items > .header-search {
order: -1;
}
html[data-faut-core] [data-faut-cart-main] :is(table, tbody, tr, td) {
background: transparent !important;
}