html[data-wabe-core] {
--wabe-site-primary: #006B6B;
--wabe-site-primary-strong: #004E4E;
--wabe-site-primary-fg: #FFFFFF;
--wabe-site-surface-alt: #E8F4F3;
--wabe-site-border: #B8D8D5;
}
html[data-wabe-core] {
--wabe-cro-surface: var(--wabe-site-surface, var(--bs-body-bg, Canvas));
--wabe-cro-text: var(--wabe-site-text, var(--bs-body-color, currentColor));
--wabe-cro-primary: var(--wabe-site-primary, var(--bs-success, currentColor));
--wabe-cro-primary-fg: var(--wabe-site-primary-fg, var(--bs-body-bg, Canvas));
--wabe-cro-border: var(--wabe-site-border, color-mix(in srgb, var(--wabe-cro-text) 16%, transparent));
--wabe-cro-muted: var(--wabe-site-text-secondary, color-mix(in srgb, var(--wabe-cro-text) 68%, transparent));
--wabe-cro-soft: var(--wabe-site-surface-alt, color-mix(in srgb, var(--wabe-cro-text) 5%, transparent));
--wabe-cro-radius: var(--site-radius, var(--bs-border-radius-lg, 1rem));
}
html[data-wabe-core] [data-wabe-offer-modal][hidden],
html[data-wabe-core] [data-wabe-recent-purchase][hidden],
html[data-wabe-core] [data-wabe-recent-purchase-image][hidden],
html[data-wabe-core] [data-wabe-welcome-bar][hidden],
html[data-wabe-core] [data-wabe-pdp-savings][hidden],
html[data-wabe-core] [data-wabe-mini-cart-panel][hidden],
html[data-wabe-core] [data-wabe-mini-cart-overlay][hidden],
html[data-wabe-core] [data-wabe-cart-upsell][hidden],
html[data-wabe-core] [data-wabe-pdp-variant-prompt][hidden] {
display: none !important;
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-primary);
color: var(--wabe-cro-primary-fg);
font: inherit;
font-size: 1.3rem;
line-height: 1.25;
text-align: center;
}
html[data-wabe-core] [data-wabe-shipping-message] {
display: block;
min-width: 0;
font-weight: 700;
}
html[data-wabe-core] .wabe-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-wabe-core] [data-wabe-shipping-progress] {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: currentColor;
transition: width 0.3s ease;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-grid] {
align-items: stretch;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-grid] > [data-wabe-listing-item] {
min-width: 0;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] {
height: 34rem !important;
min-height: 0 !important;
padding-bottom: 1rem !important;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] .product-img {
flex: 0 0 18rem;
height: 18rem !important;
aspect-ratio: auto !important;
margin-bottom: 0 !important;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] .product-info {
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 0.8rem !important;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] .ratings,
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] .price {
margin-block: 0.3rem !important;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] .price {
gap: 0.5rem !important;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] [data-wabe-add-to-cart] {
min-height: 3.8rem;
padding: 0.6rem 0.8rem !important;
}
html[data-wabe-core][data-wabe-route-family="listing"] .product-sorting-section {
align-items: flex-start;
gap: 2.4rem;
margin-bottom: 1.6rem;
}
html[data-wabe-core][data-wabe-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-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-intro] p {
margin-bottom: 0.8rem;
font-size: 1.5rem;
line-height: 1.6;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-sort] {
min-width: 20rem;
}
html[data-wabe-core] [data-wabe-listing-load-more-wrap] {
display: grid;
justify-items: center;
gap: 0.7rem;
margin-block: 2.4rem 4rem;
text-align: center;
}
html[data-wabe-core] [data-wabe-listing-load-more] {
display: flex;
justify-content: center;
}
html[data-wabe-core] [data-wabe-listing-load-more] button {
min-width: 16rem;
}
html[data-wabe-core] [data-wabe-listing-load-more-wrap] p {
margin: 0;
color: var(--wabe-cro-muted);
font-size: 1.2rem;
line-height: 1.3;
}
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-root] {
padding-block: 1.6rem 2.5rem !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-root] .product-info-section {
--bs-gutter-y: 2.4rem;
align-items: start;
margin-top: 1rem !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-gallery] .product-top,
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-gallery] .product-top img {
max-height: min(56rem, 58vh);
}
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-gallery] .product-top img {
width: 100%;
object-fit: contain;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-top .swiper-slide {
box-sizing: border-box;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content {
padding-top: 0;
opacity: 1 !important;
transform: none !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content [data-wabe-pdp-title] {
margin-bottom: 1rem !important;
font-size: clamp(2.6rem, 2.45vw, 3.6rem) !important;
line-height: 1.08;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content .ratings,
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content .price {
margin-block: 0.8rem !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content > .content-paragraph,
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content > hr:first-of-type,
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content .product-availability {
display: none !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content > hr {
margin-block: 1.3rem !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content .product-quantity {
gap: 1rem;
margin-top: 0.8rem !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content .product-quantity > button {
margin-block: 0 !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] {
display: grid;
gap: 1.15rem;
margin-top: 1rem;
padding: 0;
color: var(--wabe-cro-text);
}
html[data-wabe-core] [data-wabe-delivery] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25rem 0.7rem;
color: var(--wabe-cro-muted);
font-size: 1.1rem;
line-height: 1.35;
}
html[data-wabe-core] [data-wabe-delivery-estimate] {
color: var(--wabe-cro-text);
font-size: 1.3rem;
font-weight: 700;
}
html[data-wabe-core] [data-wabe-dispatch-countdown] {
font-variant-numeric: tabular-nums;
}
html[data-wabe-core] [data-wabe-proof-rail] {
min-height: 3rem;
padding-block: 0.7rem;
border-block: 1px solid var(--wabe-cro-border);
color: var(--wabe-cro-muted);
font-size: 1.05rem;
line-height: 1.35;
}
html[data-wabe-core] [data-wabe-proof-item] {
display: none;
text-align: left;
}
html[data-wabe-core] [data-wabe-proof-item] strong {
margin-inline: 0.25rem;
color: var(--wabe-cro-text);
font-size: 1.15rem;
}
html[data-wabe-core] [data-wabe-proof-item]:not([hidden]) {
display: block;
}
html[data-wabe-core] [data-wabe-quantity-tiers-root] {
display: grid;
gap: 0.75rem;
min-width: 0;
}
html[data-wabe-core] [data-wabe-quantity-tiers-root] h2 {
margin: 0;
color: inherit;
font: inherit;
font-size: 1.25rem;
font-weight: 700;
}
html[data-wabe-core] [data-wabe-quantity-tiers] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.65rem;
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-border);
border-radius: calc(var(--wabe-cro-radius) * 0.7);
background: var(--wabe-cro-soft);
color: var(--wabe-cro-text);
font: inherit;
text-align: left;
}
html[data-wabe-core] [data-wabe-quantity-tier] > strong {
margin: 0;
font-size: 1.2rem;
line-height: 1.1;
}
html[data-wabe-core] [data-wabe-quantity-tier] > span {
margin: 0;
min-width: 0;
font-size: 1rem;
line-height: 1.2;
}
html[data-wabe-core] [data-wabe-quantity-tier] > span:first-of-type {
color: var(--wabe-cro-primary);
font-weight: 700;
}
html[data-wabe-core] [data-wabe-quantity-tier-subtotal] {
color: var(--wabe-cro-text);
font-size: 1.1rem !important;
font-weight: 650;
}
html[data-wabe-core] [data-wabe-quantity-tier-savings] {
color: var(--wabe-cro-muted);
font-size: 0.9rem !important;
}
html[data-wabe-core] [data-wabe-quantity-tier] > small {
position: absolute;
top: 0.45rem;
right: 0.55rem;
max-width: calc(100% - 3.2rem);
overflow: hidden;
color: var(--wabe-cro-primary);
font-size: 0.82rem;
font-weight: 700;
line-height: 1.1;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-wabe-core] [data-wabe-quantity-tier][aria-pressed="true"] {
border-color: var(--wabe-cro-primary);
box-shadow: inset 0 0 0 1px var(--wabe-cro-primary);
}
html[data-wabe-core] [data-wabe-pair-offer],
html[data-wabe-core] [data-wabe-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(--wabe-cro-border);
}
html[data-wabe-core] [data-wabe-pair-offer] img,
html[data-wabe-core] [data-wabe-cart-upsell] img {
width: 5.6rem;
height: 5.6rem;
border-radius: calc(var(--wabe-cro-radius) * 0.4);
background: var(--wabe-cro-soft);
object-fit: contain;
}
html[data-wabe-core] [data-wabe-pair-offer] > span,
html[data-wabe-core] [data-wabe-cart-upsell] > span {
display: grid;
gap: 0.15rem;
min-width: 0;
}
html[data-wabe-core] [data-wabe-pair-offer] small,
html[data-wabe-core] [data-wabe-cart-upsell] small {
color: var(--wabe-cro-muted);
font-size: 1rem;
}
html[data-wabe-core] [data-wabe-pair-offer] a,
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-pair-offer] strong,
html[data-wabe-core] [data-wabe-cart-upsell-price] {
color: var(--wabe-cro-text);
font-size: 1.1rem;
font-weight: 700;
}
html[data-wabe-core] [data-wabe-pair-offer] button,
html[data-wabe-core] [data-wabe-cart-upsell] button {
min-width: 7rem;
min-height: 3.8rem;
padding: 0.6rem 1rem;
}
html[data-wabe-core] [data-wabe-pdp-variant-attention="true"] {
border-radius: var(--wabe-cro-radius);
outline: 2px solid var(--wabe-cro-primary);
outline-offset: 0.6rem;
}
html[data-wabe-core] [data-wabe-pdp-variant-option][aria-disabled="true"] {
opacity: 0.5;
text-decoration: line-through;
}
html[data-wabe-core] [data-wabe-pdp-variant-prompt] {
margin: 0.8rem 0 0;
color: var(--wabe-cro-primary);
font-size: 1.4rem;
font-weight: 600;
}
html[data-wabe-core] .product-info-content .product-size[data-wabe-pdp-variant-group][data-wabe-pdp-variant-layout="buttons"] .size-section {
display: none !important;
}
html[data-wabe-core] .product-info-content .product-size[data-wabe-pdp-variant-group][data-wabe-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-wabe-core] .product-info-content .product-size[data-wabe-pdp-variant-group][data-wabe-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-wabe-core] [data-wabe-pdp-variant-layout="buttons"] .size-option {
gap: 0.8rem;
margin: 1rem 0 0;
padding: 0;
}
html[data-wabe-core] [data-wabe-pdp-variant-layout="buttons"] .size-option .option {
gap: 0.6rem;
border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
cursor: pointer;
}
html[data-wabe-core] [data-wabe-pdp-variant-layout="buttons"] .size-option .option-measure:empty {
display: none;
}
html[data-wabe-core][data-wabe-route-family="cart"] [data-wabe-cart-root] {
padding-bottom: 7rem !important;
}
html[data-wabe-core] [data-wabe-cart-root] > .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(32rem, 39rem);
align-items: start;
gap: 1.2rem 3.2rem;
}
html[data-wabe-core] [data-wabe-cart-main] {
grid-column: 1;
grid-row: 1 / span 2;
min-width: 0;
margin: 0 !important;
}
html[data-wabe-core] [data-wabe-cart-main] table {
table-layout: fixed;
}
html[data-wabe-core] [data-wabe-cart-main] .wrapper-product {
width: 44%;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-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-wabe-core] [data-wabe-cart-actions] .clean-btn {
justify-self: center;
color: var(--wabe-cro-muted);
font-size: 1.2rem;
text-decoration: underline;
text-underline-offset: 0.3rem;
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-border);
border-radius: var(--wabe-cro-radius);
background: var(--wabe-cro-surface);
color: var(--wabe-cro-text);
box-shadow: 0 1.2rem 3.4rem color-mix(in srgb, var(--wabe-cro-text) 8%, transparent);
font-size: 1.4rem;
}
html[data-wabe-core] [data-wabe-order-benefits] {
display: grid;
gap: 0.9rem;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-order-benefits] > div > strong {
flex: none;
font-family: inherit;
white-space: nowrap;
}
html[data-wabe-core] [data-wabe-order-benefits] > div:last-child {
padding-top: 1.2rem;
border-top: 1px solid var(--wabe-cro-border);
font-size: 1.7rem;
}
html[data-wabe-core] [data-wabe-gift-status] {
padding: 0.8rem 1rem;
border-radius: calc(var(--wabe-cro-radius) * 0.55);
background: var(--wabe-cro-soft);
color: var(--wabe-cro-muted);
font-size: 1.15rem !important;
}
html[data-wabe-core] [data-wabe-cart-reservation] {
margin: 0;
padding: 0.8rem 1rem;
border-radius: calc(var(--wabe-cro-radius) * 0.55);
background: var(--wabe-cro-soft);
color: var(--wabe-cro-muted);
font-size: 1.2rem;
text-align: center;
}
html[data-wabe-core] [data-wabe-cart-reservation] strong {
color: var(--wabe-cro-primary);
font-variant-numeric: tabular-nums;
}
html[data-wabe-core] [data-wabe-coupon-form] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.8rem;
margin-top: 0.2rem;
}
html[data-wabe-core] [data-wabe-coupon-input] {
width: 100%;
min-width: 0;
height: 4.4rem;
padding-inline: 1.2rem;
border: 1px solid var(--wabe-cro-border);
border-radius: calc(var(--wabe-cro-radius) * 0.65);
background: var(--wabe-cro-surface);
color: var(--wabe-cro-text);
font: inherit;
}
html[data-wabe-core] [data-wabe-coupon-form] > .shop-btn {
min-height: 4.4rem;
padding: 0.7rem 1.4rem;
}
html[data-wabe-core] [data-wabe-coupon-remove] {
grid-column: 1 / -1;
justify-self: start;
border: 0;
background: transparent;
color: var(--wabe-cro-muted);
font: inherit;
font-size: 1.15rem;
text-decoration: underline;
}
html[data-wabe-core] [data-wabe-coupon-status] {
grid-column: 1 / -1;
min-height: 1.6rem;
margin: 0;
color: var(--wabe-cro-muted);
font-size: 1.15rem;
line-height: 1.3;
}
html[data-wabe-core] [data-wabe-cart-summary] [data-wabe-cart-upsell] {
grid-template-columns: 4rem minmax(0, 1fr) auto;
padding-top: 1.2rem;
}
html[data-wabe-core] [data-wabe-cart-summary] [data-wabe-cart-upsell] img {
width: 4rem;
height: 4rem;
}
html[data-wabe-core] [data-wabe-cart-summary] [data-wabe-cart-upsell] button {
min-width: auto;
min-height: 3.6rem;
padding-inline: 1rem;
}
html[data-wabe-core] [data-wabe-mini-cart-overlay] {
position: fixed;
inset: 0;
z-index: 10054;
width: 100vw;
height: 100dvh;
border: 0;
background: color-mix(in srgb, var(--wabe-cro-text) 28%, transparent);
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-border) !important;
border-radius: var(--wabe-cro-radius) !important;
background: var(--wabe-cro-surface) !important;
color: var(--wabe-cro-text) !important;
box-shadow: 0 2.2rem 5.6rem color-mix(in srgb, var(--wabe-cro-text) 20%, transparent) !important;
font-family: inherit;
}
html[data-wabe-core] [data-wabe-mini-cart-root][data-wabe-mini-cart-state="open"] > [data-wabe-mini-cart-panel] {
opacity: 1 !important;
visibility: visible !important;
}
html[data-wabe-core] [data-wabe-mini-cart-panel] [data-wabe-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(--wabe-cro-border);
border-radius: 999px;
background: var(--wabe-cro-surface);
color: var(--wabe-cro-text);
font: inherit;
font-size: 0;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-mini-cart-panel] [data-wabe-mini-cart-close]::before,
html[data-wabe-core] [data-wabe-mini-cart-panel] [data-wabe-mini-cart-close]::after {
position: absolute;
width: 1.4rem;
height: 0.2rem;
background: currentColor;
content: "";
transform: rotate(45deg);
}
html[data-wabe-core] [data-wabe-mini-cart-panel] [data-wabe-mini-cart-close]::after {
transform: rotate(-45deg);
}
html[data-wabe-core] [data-wabe-mini-cart-items] {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-border);
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-mini-cart-items] .wrapper-img,
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-img img {
width: 7.2rem;
height: 7.2rem;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-img img {
object-fit: contain;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-content {
min-width: 0;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-mini-cart-items] .new-price,
html[data-wabe-core] [data-wabe-mini-cart-items] .paragraph {
margin: 0.4rem 0 0;
color: var(--wabe-cro-muted);
font-size: 1.2rem;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wabe-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(--wabe-cro-border);
border-radius: 999px;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wabe-mini-cart-quantity > button,
html[data-wabe-core] [data-wabe-mini-cart-items] .wabe-mini-cart-quantity > [data-wabe-cart-quantity-value] {
display: grid;
place-items: center;
min-height: 2.8rem;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
}
html[data-wabe-core] [data-wabe-mini-cart-items] [data-wabe-cart-remove] {
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
margin: 0;
border: 0;
border-radius: 999px;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] {
flex: none;
display: grid;
gap: 1rem;
margin-top: auto;
padding-top: 1.6rem;
border-top: 1px solid var(--wabe-cro-border);
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .wrapper-subtotal {
display: flex;
justify-content: space-between;
gap: 1rem;
margin: 0;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .cart-btn {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.8rem;
margin: 0;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .cart-btn a {
display: grid;
place-items: center;
min-height: 4.6rem;
margin: 0;
text-align: center;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] [data-wabe-order-benefits] {
padding-block: 0.4rem;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] [data-wabe-order-benefits] > div {
font-size: 1.2rem;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] [data-wabe-order-benefits] > div:last-child {
padding-top: 0.8rem;
font-size: 1.4rem;
}
html[data-wabe-core][data-wabe-route-family="checkout"] [data-wabe-checkout-root] {
padding-block: 4rem 7rem !important;
}
html[data-wabe-core] [data-wabe-checkout-root] > .container {
max-width: 104rem;
}
html[data-wabe-core] .wabe-checkout-sdk-shell {
display: grid;
gap: 1.3rem;
width: min(72rem, 100%);
margin: 0 auto;
padding: 3.2rem;
border: 1px solid var(--wabe-cro-border);
border-radius: calc(var(--wabe-cro-radius) * 1.15);
background: var(--wabe-cro-surface);
color: var(--wabe-cro-text);
box-shadow: 0 1.6rem 4rem color-mix(in srgb, var(--wabe-cro-text) 8%, transparent);
}
html[data-wabe-core] .wabe-checkout-sdk-shell > .heading {
margin: 0;
font-size: clamp(2.6rem, 4vw, 3.6rem);
line-height: 1.1;
}
html[data-wabe-core] .wabe-checkout-sdk-shell > .wrapper-heading {
margin: 0.7rem 0 0;
font-size: 1.5rem;
}
html[data-wabe-core] .wabe-checkout-sdk-shell > .paragraph {
margin: 0;
color: var(--wabe-cro-muted);
font-size: 1.3rem;
line-height: 1.45;
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-border);
border-radius: calc(var(--wabe-cro-radius) * 0.75);
background: var(--wabe-cro-soft);
}
html[data-wabe-core] [data-wabe-checkout-delivery] > strong {
grid-row: 1 / span 2;
font-size: 1.3rem;
}
html[data-wabe-core] [data-wabe-checkout-delivery] > span {
color: var(--wabe-cro-muted);
font-size: 1.2rem;
}
html[data-wabe-core] .wabe-checkout-sdk-shell > [data-wabe-order-benefits] {
padding: 1.6rem;
border: 1px solid var(--wabe-cro-border);
border-radius: calc(var(--wabe-cro-radius) * 0.75);
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section {
margin-top: 0;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-footer] .footer-service-section .row > * {
width: auto;
min-width: 0;
padding: 0;
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-border);
border-radius: var(--wabe-cro-radius);
background: var(--wabe-cro-surface);
color: var(--wabe-cro-text);
box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--wabe-cro-text) 14%, transparent);
pointer-events: none;
}
html[data-wabe-core] [data-wabe-recent-purchase]:not(:has(img:not([hidden])[src])) {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] [data-wabe-recent-purchase-image] {
width: 4.4rem;
height: 4.4rem;
border-radius: calc(var(--wabe-cro-radius) * 0.7);
background: var(--wabe-cro-soft);
object-fit: contain;
}
html[data-wabe-core] [data-wabe-recent-purchase] > span {
display: grid;
gap: 0.2rem;
min-width: 0;
}
html[data-wabe-core] [data-wabe-recent-purchase] > span > small {
color: var(--wabe-cro-muted);
font-size: 1.1rem;
line-height: 1.25;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-welcome-bar] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
padding: 0.6rem 1.2rem;
border-bottom: 1px solid var(--wabe-cro-border);
background: var(--wabe-cro-soft);
color: var(--wabe-cro-text);
font-size: 1.2rem;
line-height: 1.3;
}
html[data-wabe-core] [data-wabe-welcome-bar] > span {
min-width: 0;
}
@media (hover: hover) and (pointer: fine) {
html[data-wabe-core] [data-wabe-welcome-bar] {
display: none !important;
}
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-welcome-bar] > [data-wabe-welcome-bar-close] {
font-size: 1.8rem;
font-weight: 400;
text-decoration: none;
}
html[data-wabe-core] [data-wabe-pdp-savings] {
margin: 0.4rem 0 0;
color: var(--wabe-cro-text);
font-size: 1.3rem;
font-weight: 600;
}
html[data-wabe-core] [data-wabe-delivery] [data-wabe-coupon-hint] {
flex-basis: 100%;
color: var(--wabe-cro-primary);
font-size: 1.3rem;
font-weight: 600;
line-height: 1.4;
}
html[data-wabe-core] [data-wabe-delivery] [data-wabe-delivery-terms] {
flex-basis: 100%;
color: inherit;
opacity: 0.85;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.4;
}
html[data-wabe-core] [data-wabe-delivery] [data-wabe-delivery-terms] [data-wabe-delivery-estimate] {
color: inherit;
font: inherit;
text-transform: none;
letter-spacing: normal;
}
html[data-wabe-core] [data-wabe-delivery] [data-wabe-delivery-terms] [data-wabe-email-text] span {
color: inherit;
}
html[data-wabe-core] [data-wabe-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(--wabe-cro-text) 48%, transparent);
}
html[data-wabe-core] [data-wabe-offer-card] {
position: relative;
display: grid;
width: min(48rem, 100%);
max-height: calc(100dvh - 4rem);
overflow: auto;
border: 1px solid var(--wabe-cro-border);
border-radius: calc(var(--wabe-cro-radius) * 1.5);
background: var(--wabe-cro-surface);
color: var(--wabe-cro-text);
box-shadow: 0 3rem 8rem color-mix(in srgb, var(--wabe-cro-text) 24%, transparent);
}
html[data-wabe-core] [data-wabe-offer-content] {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: 3.6rem;
}
html[data-wabe-core] [data-wabe-offer-content] > small {
color: var(--wabe-cro-primary);
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-offer-content] > p {
margin: 2rem 0 0;
color: var(--wabe-cro-muted);
font-size: 1.6rem;
line-height: 1.55;
}
html[data-wabe-core] [data-wabe-offer-content] > [data-wabe-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-wabe-core] [data-wabe-offer-actions] {
display: grid;
gap: 1rem;
margin-top: 2.2rem;
}
html[data-wabe-core] [data-wabe-offer-actions] > button {
min-height: 4.8rem;
border-radius: var(--wabe-cro-radius);
font: inherit;
font-weight: 700;
}
html[data-wabe-core] [data-wabe-offer-actions] > [data-wabe-offer-close] {
border: 0;
background: transparent;
color: var(--wabe-cro-muted);
}
@media (max-width: 1023px) {
html[data-wabe-core] [data-wabe-cart-root] > .container {
grid-template-columns: 1fr;
gap: 2rem;
}
html[data-wabe-core] [data-wabe-cart-main],
html[data-wabe-core] [data-wabe-cart-actions],
html[data-wabe-core] [data-wabe-cart-summary] {
position: static;
grid-column: 1;
grid-row: auto;
}
html[data-wabe-core] [data-wabe-cart-main] {
order: 1;
}
html[data-wabe-core] [data-wabe-cart-summary] {
order: 2;
}
html[data-wabe-core] [data-wabe-cart-actions] {
order: 3;
}
}
@media (max-width: 767px) {
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-recent-purchase] [data-wabe-recent-purchase-image] {
display: none;
}
html[data-wabe-core] [data-wabe-shipping-bar] {
min-height: 4.4rem;
padding: 0.6rem 1rem 1rem;
font-size: 1.2rem;
line-height: 1.2;
}
html[data-wabe-core] .wabe-shipping-progress-track {
right: 1rem;
left: 1rem;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] {
height: 100% !important;
min-height: 30rem;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-card] .product-img {
flex-basis: 14rem;
height: 14rem !important;
}
html[data-wabe-core][data-wabe-route-family="listing"] .product-sidebar-section > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-root] > .container > .row {
gap: 1.2rem;
}
html[data-wabe-core][data-wabe-route-family="listing"] .sidebar-section {
margin-bottom: 1rem;
}
html[data-wabe-core][data-wabe-route-family="listing"] .product-sorting-section {
display: grid;
gap: 1rem;
margin-bottom: 1.2rem;
}
html[data-wabe-core][data-wabe-route-family="listing"] [data-wabe-listing-sort] {
width: 100%;
min-width: 0;
}
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-root] {
padding-block: 2.4rem 2.5rem !important;
}
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-root] .blog-bradcrum {
margin-bottom: 1rem;
}
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-gallery] .product-top,
html[data-wabe-core][data-wabe-route-family="pdp"] [data-wabe-pdp-gallery] .product-top img {
max-height: 42rem;
}
html[data-wabe-core][data-wabe-route-family="pdp"] .product-info-content [data-wabe-pdp-title] {
font-size: clamp(2.5rem, 8vw, 3.4rem) !important;
}
html[data-wabe-core][data-wabe-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-wabe-core] [data-wabe-pdp-conversion-root] {
gap: 1.05rem;
}
html[data-wabe-core] [data-wabe-quantity-tier] {
min-height: 6rem;
padding: 0.65rem;
}
html[data-wabe-core] [data-wabe-quantity-tier] > strong {
font-size: 1.1rem;
}
html[data-wabe-core] [data-wabe-quantity-tier] > span,
html[data-wabe-core] [data-wabe-quantity-tier-subtotal] {
font-size: 0.95rem !important;
}
html[data-wabe-core] [data-wabe-quantity-tier-savings],
html[data-wabe-core] [data-wabe-quantity-tier] > small {
font-size: 0.8rem !important;
}
html[data-wabe-core] [data-wabe-pair-offer] {
grid-template-columns: 4.8rem minmax(0, 1fr) auto;
gap: 0.8rem;
}
html[data-wabe-core] [data-wabe-pair-offer] img {
width: 4.8rem;
height: 4.8rem;
}
html[data-wabe-core] [data-wabe-pair-offer] button {
min-width: auto;
min-height: 3.6rem;
padding-inline: 0.8rem;
}
html[data-wabe-core] [data-wabe-cart-root] .container,
html[data-wabe-core] [data-wabe-cart-root] [data-wabe-cart-main],
html[data-wabe-core] [data-wabe-cart-root] table,
html[data-wabe-core] [data-wabe-cart-root] tbody,
html[data-wabe-core] [data-wabe-cart-root] tr,
html[data-wabe-core] [data-wabe-cart-root] td {
box-sizing: border-box !important;
min-width: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
html[data-wabe-core] [data-wabe-cart-main] {
overflow: visible !important;
}
html[data-wabe-core] [data-wabe-cart-root] table,
html[data-wabe-core] [data-wabe-cart-root] tbody,
html[data-wabe-core] [data-wabe-cart-root] tr,
html[data-wabe-core] [data-wabe-cart-root] td {
display: block;
}
html[data-wabe-core] [data-wabe-cart-root] table > tbody:first-child {
display: none;
}
html[data-wabe-core] [data-wabe-cart-items] {
display: grid;
gap: 1.4rem;
}
html[data-wabe-core] [data-wabe-cart-line] {
display: grid !important;
gap: 1.2rem;
padding: 1.6rem;
border: 1px solid var(--wabe-cro-border);
border-radius: var(--wabe-cro-radius);
background: var(--wabe-cro-surface);
box-shadow: 0 1rem 2.8rem color-mix(in srgb, var(--wabe-cro-text) 7%, transparent);
}
html[data-wabe-core] [data-wabe-cart-line] td {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 1.4rem;
padding: 0 !important;
}
html[data-wabe-core] [data-wabe-cart-line] td::before {
content: attr(data-wabe-cart-cell-label);
flex: none;
color: var(--wabe-cro-muted);
font-size: 1.2rem;
font-weight: 700;
}
html[data-wabe-core] [data-wabe-cart-line] td.wrapper-product::before {
content: none;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-cart-line] .wrapper-img,
html[data-wabe-core] [data-wabe-cart-line] .wrapper-img img {
width: 7.2rem !important;
height: 7.2rem !important;
}
html[data-wabe-core] [data-wabe-cart-line] .wrapper-img img {
object-fit: contain;
}
html[data-wabe-core] [data-wabe-cart-line] .wrapper-content,
html[data-wabe-core] [data-wabe-cart-line] .table-wrapper-center {
min-width: 0;
}
html[data-wabe-core] [data-wabe-cart-line] .wrapper-content .heading {
overflow-wrap: anywhere;
white-space: normal !important;
}
html[data-wabe-core] [data-wabe-cart-summary] {
gap: 1rem;
padding: 1.8rem;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-mini-cart-summary] .cart-btn {
grid-template-columns: 1fr;
}
html[data-wabe-core][data-wabe-route-family="checkout"] [data-wabe-checkout-root] {
padding-block: 2rem 5rem !important;
}
html[data-wabe-core] .wabe-checkout-sdk-shell {
gap: 1rem;
padding: 2rem;
}
html[data-wabe-core] [data-wabe-checkout-delivery] {
grid-template-columns: 1fr;
padding: 1.2rem;
}
html[data-wabe-core] [data-wabe-checkout-delivery] > strong {
grid-row: auto;
}
html[data-wabe-core] [data-wabe-offer-modal] {
align-items: end;
padding: 1rem;
}
html[data-wabe-core] [data-wabe-offer-card] {
width: 100%;
max-height: calc(100dvh - 2rem);
border-radius: calc(var(--wabe-cro-radius) * 1.35);
}
html[data-wabe-core] [data-wabe-offer-content] {
padding: 3rem 2rem 2.2rem;
}
html[data-wabe-core] [data-wabe-offer-content] > h2 {
font-size: 3.2rem;
}
html[data-wabe-core] [data-wabe-offer-content] > p {
margin-top: 1.2rem;
font-size: 1.45rem;
}
html[data-wabe-core] [data-wabe-offer-actions] {
margin-top: 1.6rem;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section {
padding: 1.6rem;
overflow: visible;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row {
grid-template-columns: 1fr;
gap: 1.6rem;
margin: 0;
overflow: visible;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > * {
width: 100%;
min-width: 0;
padding: 0;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row {
margin-inline: 0;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > * {
width: 100%;
min-width: 0;
padding-inline: 0;
}
}
@media (max-width: 390px) {
html[data-wabe-core] [data-wabe-quantity-tiers] {
gap: 0.4rem;
}
html[data-wabe-core] [data-wabe-quantity-tier] {
padding-inline: 0.45rem;
}
html[data-wabe-core] [data-wabe-pair-offer] {
grid-template-columns: 4.2rem minmax(0, 1fr) auto;
gap: 0.6rem;
}
html[data-wabe-core] [data-wabe-pair-offer] img {
width: 4.2rem;
height: 4.2rem;
}
html[data-wabe-core] [data-wabe-coupon-form] {
grid-template-columns: 1fr;
}
html[data-wabe-core] [data-wabe-coupon-form] > .shop-btn {
width: 100%;
}
html[data-wabe-core] [data-wabe-offer-content] {
padding-inline: 1.6rem;
}
}
html[data-wabe-core] [hidden] {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
html[data-wabe-core] *,
html[data-wabe-core] *::before,
html[data-wabe-core] *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
html[data-wabe-core] [data-wabe-mobile-brand-menu] > summary {
font-family: "Inter", sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3;
}
html[data-wabe-core] .category-menu-section #subMenu.open-dropdown {
max-height: min(60vh, calc(100dvh - 20rem));
overflow-y: auto;
}
@media (min-width: 992px) {
html[data-wabe-core] .category-menu-section #subMenu {
min-width: min(28rem, calc(100vw - 4rem));
}
html[data-wabe-core] #header .category-dropdown .category-list-item:has(> details),
html[data-wabe-core] #header .category-dropdown .category-list-item:has(> details):hover,
html[data-wabe-core] #header .category-dropdown .category-list-item:has(> details):focus-within {
background: var(--wabe-cro-surface);
color: var(--wabe-cro-text);
}
html[data-wabe-core] #header [data-wabe-mobile-brand-menu] > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
cursor: pointer;
color: var(--wabe-cro-text);
list-style: none;
}
html[data-wabe-core] #header [data-wabe-mobile-brand-menu] > summary::-webkit-details-marker {
display: none;
}
html[data-wabe-core] #header [data-wabe-mobile-brand-menu] > summary::after {
content: "+";
flex: 0 0 auto;
font-size: 1.8rem;
font-weight: 400;
}
html[data-wabe-core] #header [data-wabe-mobile-brand-menu][open] > summary::after {
content: "\2212";
}
html[data-wabe-core] #header [data-wabe-mobile-brand-menu] > summary:focus-visible {
outline: 2px solid var(--wabe-cro-primary);
outline-offset: 2px;
}
html[data-wabe-core] #header [data-wabe-mobile-series-list] {
max-height: none;
margin: 1.2rem 0 0;
overflow: visible;
padding-left: 1.6rem;
}
html[data-wabe-core] #header [data-wabe-mobile-series-list] li + li {
margin-top: 1.2rem;
}
html[data-wabe-core] #header [data-wabe-mobile-series-list] a {
display: block;
color: var(--wabe-cro-text);
line-height: 1.35;
overflow-wrap: anywhere;
}
html[data-wabe-core] #header [data-wabe-mobile-series-list] a:hover,
html[data-wabe-core] #header [data-wabe-mobile-series-list] a:focus-visible {
color: var(--wabe-cro-primary);
}
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > li > .header-sub-menu {
top: calc(100% - 1px);
}
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > li[data-wabe-sub-menu-flip] > .header-sub-menu {
right: 0;
left: auto !important;
transform: none !important;
}
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > li:focus-within > .header-sub-menu,
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > li:hover > .header-sub-menu {
visibility: visible;
opacity: 1;
}
}
@media (min-width: 992px) {
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > [data-wabe-header-series-menu="expanded"] {
position: relative;
}
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > [data-wabe-header-series-menu="expanded"] > [data-wabe-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-wabe-core] .header-nav .header-nav-menu > .menu-list > [data-wabe-header-series-columns="3"] > [data-wabe-header-series-list] {
grid-template-columns: repeat(3, minmax(0, 1fr));
width: min(56rem, calc(100vw - 4rem));
}
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > [data-wabe-header-series-columns="4"] > [data-wabe-header-series-list] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > [data-wabe-header-series-menu="expanded"] > [data-wabe-header-series-list] li,
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > [data-wabe-header-series-menu="expanded"] > [data-wabe-header-series-list] a {
min-width: 0;
}
html[data-wabe-core] .header-nav .header-nav-menu > .menu-list > [data-wabe-header-series-menu="expanded"] > [data-wabe-header-series-list] a {
display: block;
overflow-wrap: anywhere;
}
html[data-wabe-core] [data-wabe-series-sidebar-summary] {
display: none;
}
html[data-wabe-core] [data-wabe-series-sidebar] > [data-wabe-series-sidebar-content] {
display: block;
}
html[data-wabe-core] [data-wabe-series-sidebar-scroll] {
max-height: 44rem;
overflow-y: auto;
}
}
@media (max-width: 991px) {
html[data-wabe-core] [data-wabe-mobile-series-list] {
max-height: 60vh;
margin-top: 1.6rem;
overflow-y: auto;
}
html[data-wabe-core] [data-wabe-mobile-series-list] li + li {
margin-top: 1.2rem;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-series-sidebar-summary]::after {
content: "+";
grid-column: 2;
grid-row: 1;
font-size: 2rem;
font-weight: 400;
}
html[data-wabe-core] [data-wabe-series-sidebar-toggle]:checked + [data-wabe-series-sidebar-summary]::after {
content: "\2212";
}
html[data-wabe-core] [data-wabe-series-sidebar] > [data-wabe-series-sidebar-content] {
display: none;
}
html[data-wabe-core] [data-wabe-series-sidebar-toggle]:checked ~ [data-wabe-series-sidebar-content] {
display: block;
}
html[data-wabe-core] [data-wabe-series-sidebar-current] {
grid-column: 1 / -1;
font-size: 1.3rem;
font-weight: 400;
}
html[data-wabe-core] [data-wabe-series-sidebar-content] > .wrapper-heading {
display: none;
}
html[data-wabe-core] [data-wabe-series-sidebar-scroll] {
max-height: 60vh;
margin-top: 2rem;
overflow-y: auto;
}
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] {
font-size: 1.3rem;
line-height: 1.45;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery-estimate] {
font-size: 1.4rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-proof-rail] {
font-size: 1.25rem;
line-height: 1.45;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-proof-item] strong {
font-size: 1.3rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > strong,
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > span,
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier-subtotal] {
font-size: 1.2rem !important;
line-height: 1.3;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > small {
font-size: 1.1rem !important;
line-height: 1.25;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] small {
font-size: 1.2rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] a {
font-size: 1.3rem;
line-height: 1.35;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] strong {
font-size: 1.2rem;
}
html[data-wabe-core] {
--wabe-r21-cellar: #0d0907;
--wabe-r21-ink: #120c09;
--wabe-r21-roast: #18110d;
--wabe-r21-cacao: #211712;
--wabe-r21-mocha: #2b1e17;
--wabe-r21-bark: #36261d;
--wabe-r21-line: #3b2a21;
--wabe-r21-line-hi: #5a4133;
--wabe-r21-cream: #f4e9d6;
--wabe-r21-cream-hi: #fbf5ea;
--wabe-r21-cream-lo: #e7d7bd;
--wabe-r21-latte: #dccab0;
--wabe-r21-mute: #b09a82;
--wabe-r21-copper: #cd8f5e;
--wabe-r21-copper-hi: #e2a978;
--wabe-r21-copper-lo: #9a6440;
--wabe-r21-caramel: #e8a865;
--wabe-r21-oat-hi: #f1e6d3;
--wabe-r21-oat: #e5d6bd;
--wabe-r21-oat-lo: #cfbb9a;
--wabe-r21-oat-ink: #241811;
--wabe-r21-oat-text: #4b382a;
--wabe-r21-lamp: rgba(222, 146, 78, 0.17);
--wabe-r21-lamp-soft: rgba(222, 146, 78, 0.09);
--wabe-r21-lamp-hot: rgba(238, 170, 102, 0.26);
--wabe-r21-shade: rgba(5, 3, 2, 0.55);
--wabe-r21-shade-soft: rgba(5, 3, 2, 0.32);
--wabe-r21-veil: rgba(9, 6, 4, 0.74);
--wabe-r21-glass: rgba(24, 17, 13, 0.9);
--wabe-r21-serif: "EB Garamond", serif;
--wabe-r21-sans: "Poppins", sans-serif;
--wabe-r21-max: 144rem;
--wabe-r21-gutter: clamp(1.6rem, 3.4vw, 5.2rem);
--wabe-r21-section: clamp(5.6rem, 7.4vw, 10.4rem);
--wabe-r21-r-xs: 0.4rem;
--wabe-r21-r-sm: 0.6rem;
--wabe-r21-r: 1rem;
--wabe-r21-r-lg: 1.6rem;
--wabe-r21-r-tray: 2.2rem;
--wabe-r21-r-xl: 2.8rem;
--wabe-r21-hair: 1px solid var(--wabe-r21-line);
--wabe-r21-hair-hi: 1px solid var(--wabe-r21-line-hi);
--wabe-r21-hair-copper: 1px solid var(--wabe-r21-copper-lo);
--wabe-r21-ease: cubic-bezier(0.22, 0.7, 0.2, 1);
--wabe-r21-lift: 0 2.4rem 5rem -2.4rem var(--wabe-r21-shade), 0 0.2rem 0.8rem -0.4rem var(--wabe-r21-shade-soft);
--wabe-r21-lift-sm: 0 1.4rem 3rem -1.8rem var(--wabe-r21-shade);
--wabe-r21-tray: radial-gradient(120% 90% at 50% 18%, var(--wabe-r21-oat-hi) 0%, var(--wabe-r21-oat) 58%, var(--wabe-r21-oat-lo) 100%);
--wabe-r21-grain: repeating-linear-gradient(176deg, transparent 0 0.9rem, rgba(140, 104, 66, 0.05) 0.9rem 1rem, transparent 1rem 2.3rem, rgba(140, 104, 66, 0.035) 2.3rem 2.45rem);
--wabe-r21-dots: radial-gradient(circle, var(--wabe-r21-copper-lo) 0.08rem, transparent 0.12rem) left center / 0.8rem 0.4rem repeat-x;
--wabe-r21-dots-oat: radial-gradient(circle, var(--wabe-r21-oat-lo) 0.08rem, transparent 0.12rem) left center / 0.8rem 0.4rem repeat-x;
--wabe-r21-i-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 8h25M20 2l6 6-6 6'/%3E%3C/svg%3E");
--wabe-r21-i-plus: 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.7' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
--wabe-r21-i-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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4 4L18.5 7.5'/%3E%3C/svg%3E");
--wabe-r21-i-chevron: 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='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5'/%3E%3C/svg%3E");
--wabe-r21-i-close: 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.7' stroke-linecap='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E");
--wabe-r21-i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.6l2.8 6 6.5.7-4.8 4.4 1.3 6.4L12 16.9l-5.8 3.2 1.3-6.4L2.7 9.3l6.5-.7z'/%3E%3C/svg%3E");
--wabe-r21-i-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9.5h-11zM13.5 9.5h4l3 3.2V16h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E");
--wabe-r21-i-tag: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.2V4.5a1 1 0 0 1 1-1h7.7l8.3 8.3a1.4 1.4 0 0 1 0 2l-6.2 6.2a1.4 1.4 0 0 1-2 0z'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/svg%3E");
--wabe-r21-i-person: 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.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M4.8 20c.9-3.6 3.8-5.6 7.2-5.6s6.3 2 7.2 5.6'/%3E%3C/svg%3E");
--wabe-r21-i-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath fill='black' d='M0 24V14.4C0 6.6 4.2 1.8 12 0l1.4 3.2C8.6 4.8 6.6 7.8 6.4 12H12v12zm18 0V14.4C18 6.6 22.2 1.8 30 0l1.4 3.2c-4.8 1.6-6.8 4.6-7 8.8H30v12z'/%3E%3C/svg%3E");
--wabe-r21-i-bag: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13l-.9 11.2a1.6 1.6 0 0 1-1.6 1.5H8a1.6 1.6 0 0 1-1.6-1.5z'/%3E%3Cpath d='M9 10.5V7a3 3 0 0 1 6 0v3.5'/%3E%3C/svg%3E");
--wabe-cro-surface: var(--wabe-r21-cacao);
--wabe-cro-text: var(--wabe-r21-cream);
--wabe-cro-muted: var(--wabe-r21-mute);
--wabe-cro-border: var(--wabe-r21-line);
--wabe-cro-soft: var(--wabe-r21-mocha);
--wabe-cro-radius: var(--wabe-r21-r);
color-scheme: dark;
background: var(--wabe-r21-roast);
scrollbar-color: var(--wabe-r21-line-hi) var(--wabe-r21-roast);
}
html[data-wabe-core] body {
background-color: var(--wabe-r21-roast);
background-image: radial-gradient(70rem 46rem at 92% -8rem, var(--wabe-r21-lamp), transparent 72%), radial-gradient(60rem 40rem at -6% 34rem, var(--wabe-r21-lamp-soft), transparent 70%);
background-repeat: no-repeat;
color: var(--wabe-r21-latte);
font-family: var(--wabe-r21-sans);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.65;
font-synthesis: none;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html[data-wabe-core] body *:not(svg, svg *) {
font-family: var(--wabe-r21-sans) !important;
font-synthesis: none;
}
html[data-wabe-core] body :is(h1, h2, h3, h4, h5, h6) {
color: var(--wabe-r21-cream);
font-family: var(--wabe-r21-serif) !important;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.1;
}
html[data-wabe-core] body :is(strong, b) {
color: var(--wabe-r21-cream);
font-weight: 400;
}
html[data-wabe-core] body :is(p, li, span, td, th, label, dd, dt, small) {
color: inherit;
}
html[data-wabe-core] body a {
color: inherit;
text-decoration: none;
}
html[data-wabe-core] body ::selection {
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink);
}
html[data-wabe-core] body :is(a, button, summary, input, select, textarea, [role="button"], [tabindex]):focus-visible {
outline: 2px solid var(--wabe-r21-copper-hi);
outline-offset: 3px;
}
html[data-wabe-core] body img {
max-width: 100%;
}
html[data-wabe-core] body hr {
height: 0;
border: 0;
border-top: var(--wabe-r21-hair);
background: transparent;
color: var(--wabe-r21-line);
opacity: 1;
}
html[data-wabe-core] body :is(.new-price, .price-cut, .wabe-pdp-rating-score, [data-wabe-cart-line-total], [data-wabe-cart-total], [data-wabe-cart-subtotal], [data-wabe-mini-cart-subtotal], [data-wabe-cart-price], [data-wabe-quantity-tier] > strong, .wabe-wordmark, .wabe-site-wordmark, .wabe-brand-name, .number, [data-wabe-cart-quantity-value], [data-wabe-proof-value], [data-wabe-dispatch-countdown]) {
font-family: var(--wabe-r21-serif) !important;
font-variant-numeric: lining-nums tabular-nums;
}
html[data-wabe-core] body .container:not(section) {
width: 100%;
max-width: var(--wabe-r21-max);
padding-inline: var(--wabe-r21-gutter) !important;
}
html[data-wabe-core] :is(.shop-btn, .product-btn) {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 1rem;
min-height: 5.2rem;
margin: 0;
padding: 1.2rem 2.6rem;
overflow: hidden;
border: 0 !important;
border-radius: var(--wabe-r21-r-sm) !important;
background: var(--wabe-r21-cream) !important;
color: var(--wabe-r21-ink) !important;
box-shadow: inset 0 0 0 0.3rem var(--wabe-r21-cream), inset 0 0 0 0.4rem var(--wabe-r21-oat-lo), 0 1.4rem 3rem -2rem var(--wabe-r21-shade);
font-size: 1.45rem;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-transform: none;
cursor: pointer;
transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.3s var(--wabe-r21-ease), transform 0.2s ease;
}
html[data-wabe-core] :is(.shop-btn, .product-btn)::before,
html[data-wabe-core] :is(.shop-btn, .product-btn)::after {
display: none !important;
}
html[data-wabe-core] :is(.shop-btn, .product-btn) span {
margin: 0;
color: inherit !important;
font-size: inherit;
}
html[data-wabe-core] :is(.shop-btn, .product-btn):is(:hover, :focus-visible) {
background: var(--wabe-r21-cream-hi) !important;
color: var(--wabe-r21-ink) !important;
box-shadow: inset 0 0 0 0.3rem var(--wabe-r21-cream-hi), inset 0 0 0 0.4rem var(--wabe-r21-copper), 0 1.6rem 3.6rem -1.8rem var(--wabe-r21-lamp-hot);
}
html[data-wabe-core] :is(.shop-btn, .product-btn):active {
transform: translateY(1px);
}
html[data-wabe-core] :is(.shop-btn, .product-btn):disabled {
opacity: 1;
}
html[data-wabe-core] :is(.view-btn, .wabe-buy-now-button, a.clean-btn, [data-wabe-listing-load-more] .shop-btn) {
background: transparent !important;
color: var(--wabe-r21-cream) !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper);
}
html[data-wabe-core] :is(.view-btn, .wabe-buy-now-button, a.clean-btn, [data-wabe-listing-load-more] .shop-btn):is(:hover, :focus-visible) {
background: color-mix(in srgb, var(--wabe-r21-copper) 14%, transparent) !important;
color: var(--wabe-r21-cream-hi) !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper-hi);
}
html[data-wabe-core] section.product .section-title,
html[data-wabe-core] .section-title {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
gap: 1.8rem;
margin: 0 0 clamp(2.8rem, 3.4vw, 4.4rem) !important;
padding: 2rem 0 0;
border: 0;
background: linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left top / 6.4rem 1px no-repeat, linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left 0.4rem / 3.2rem 1px no-repeat;
text-align: left;
}
html[data-wabe-core] section.product .section-title::before {
display: none;
}
html[data-wabe-core] section.product .section-title::after,
html[data-wabe-core] .section-title::after {
order: 2;
flex: 1 1 3rem;
display: block;
min-width: 2rem;
height: 0.4rem;
margin-bottom: 1.1rem;
background: var(--wabe-r21-dots);
content: "";
}
html[data-wabe-core] .section-title h5 {
order: 1;
flex: 0 1 auto;
min-width: 0;
max-width: 78%;
margin: 0;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3rem, 3.4vw, 4.8rem);
font-weight: 500;
letter-spacing: -0.015em;
line-height: 1.04;
text-wrap: balance;
}
html[data-wabe-core] .section-title .view {
order: 3;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 1rem;
min-height: 4.4rem;
margin-bottom: 0.1rem;
padding: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.18em;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
transition: color 0.25s ease;
}
html[data-wabe-core] .section-title .view::after {
flex: 0 0 auto;
width: 2.4rem;
height: 1.4rem;
background: currentColor;
content: "";
-webkit-mask: var(--wabe-r21-i-arrow) center / contain no-repeat;
mask: var(--wabe-r21-i-arrow) center / contain no-repeat;
transition: transform 0.35s var(--wabe-r21-ease);
}
html[data-wabe-core] .section-title .view:is(:hover, :focus-visible) {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .section-title .view:is(:hover, :focus-visible)::after {
transform: translateX(0.4rem);
}
html[data-wabe-core] .blog-bradcrum {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 0.4rem 1rem;
margin: 0 0 2.4rem !important;
padding: 0;
color: var(--wabe-r21-mute);
font-size: 1.15rem;
letter-spacing: 0.12em;
line-height: 1.5;
text-align: left !important;
text-transform: uppercase;
}
html[data-wabe-core] .blog-bradcrum :is(a, span) {
color: var(--wabe-r21-mute) !important;
font-size: 1.15rem !important;
letter-spacing: inherit;
text-decoration: none;
}
html[data-wabe-core] .blog-bradcrum a:hover {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .blog-bradcrum .devider {
display: inline-block;
width: 0.5rem;
height: 0.5rem;
overflow: hidden;
background: var(--wabe-r21-copper-lo);
color: transparent !important;
font-size: 0 !important;
transform: rotate(45deg);
}
html[data-wabe-core] .blog-bradcrum > span:last-child,
html[data-wabe-core] .blog-bradcrum > span:last-child span,
html[data-wabe-core] .blog-bradcrum [aria-current="page"] {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] :is(input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], textarea, select) {
border: var(--wabe-r21-hair-hi);
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-ink);
color: var(--wabe-r21-cream);
font-size: 1.5rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
html[data-wabe-core] :is(input, textarea, select)::placeholder {
color: var(--wabe-r21-mute);
opacity: 1;
}
html[data-wabe-core] :is(input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], textarea, select):focus {
border-color: var(--wabe-r21-copper);
box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--wabe-r21-copper) 22%, transparent);
outline: 0;
}
html[data-wabe-core] [data-wabe-shipping-bar] {
min-height: 3.8rem;
border: 0 !important;
border-bottom: var(--wabe-r21-hair) !important;
background: var(--wabe-r21-cellar) !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.25rem;
}
html[data-wabe-core] [data-wabe-shipping-message] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 1.2rem;
color: var(--wabe-r21-cream) !important;
font-size: 1.3rem;
font-weight: 400 !important;
letter-spacing: 0.04em;
}
html[data-wabe-core] [data-wabe-shipping-message] :is(strong, b, span) {
color: var(--wabe-r21-caramel) !important;
font-weight: 400 !important;
}
html[data-wabe-core] [data-wabe-shipping-message]::before,
html[data-wabe-core] [data-wabe-shipping-message]::after {
flex: 0 0 auto;
width: 0.5rem;
height: 0.5rem;
background: var(--wabe-r21-copper);
content: "";
transform: rotate(45deg);
}
html[data-wabe-core] .wabe-shipping-progress-track {
right: 50%;
left: auto;
width: min(24rem, 44vw);
transform: translateX(50%);
height: 2px;
overflow: hidden;
border-radius: 99rem;
background: var(--wabe-r21-line) !important;
}
html[data-wabe-core] [data-wabe-shipping-progress] {
border-radius: 99rem;
background: linear-gradient(90deg, var(--wabe-r21-copper-lo), var(--wabe-r21-caramel)) !important;
}
html[data-wabe-core] [data-wabe-welcome-bar] {
gap: 1.2rem;
padding: 0.7rem var(--wabe-r21-gutter);
border: 0;
border-bottom: 1px solid var(--wabe-r21-oat-lo);
background: var(--wabe-r21-cream);
color: var(--wabe-r21-oat-ink);
font-size: 1.3rem;
}
html[data-wabe-core] [data-wabe-welcome-bar] > span {
color: var(--wabe-r21-oat-ink);
}
html[data-wabe-core] [data-wabe-welcome-bar] > button {
min-height: 3.4rem;
padding: 0 1.3rem;
border: 0;
border-radius: var(--wabe-r21-r-sm);
background: transparent;
color: var(--wabe-r21-oat-ink);
font-size: 1.25rem;
text-decoration: none;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-welcome-bar] > [data-wabe-offer-accept] {
background: var(--wabe-r21-ink);
color: var(--wabe-r21-cream);
}
html[data-wabe-core] [data-wabe-welcome-bar] > [data-wabe-welcome-bar-close] {
padding: 0 0.6rem;
font-size: 2rem;
line-height: 1;
}
html[data-wabe-core] #header {
position: relative;
border: 0 !important;
background: var(--wabe-r21-roast) !important;
box-shadow: none !important;
}
html[data-wabe-core] #header :is(.header-top-section, .header-center-section, .header-bottom, .mobile-menu) {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-wabe-core] #header .header-vendor-btn:not(:has(*)),
html[data-wabe-core] #header .header-user,
html[data-wabe-core] #header .header-vendor-btn:empty {
display: none !important;
}
html[data-wabe-core] #header .header-top .header-contact {
color: var(--wabe-r21-mute) !important;
font-size: 1.2rem;
}
html[data-wabe-core] #header .header-top .header-contact > :is(span, a) {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.2rem 0.9rem;
}
html[data-wabe-core] #header .header-top .header-contact > :is(span, a) > span:first-child:not(.contact-number) {
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.05rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
html[data-wabe-core] #header .header-top .header-contact :is(.contact-number, a) {
color: var(--wabe-r21-latte) !important;
font-size: 1.25rem;
}
html[data-wabe-core] #header .logo a,
html[data-wabe-core] .mobile-menu .mobile-header-logo {
display: inline-flex;
align-items: center;
min-width: 0;
max-width: 100%;
text-decoration: none;
}
html[data-wabe-core] #header .logo :is(.wabe-wordmark, .wabe-site-wordmark, .wrapper-heading),
html[data-wabe-core] .mobile-menu .mobile-header-logo :is(.wabe-wordmark, .wabe-site-wordmark, .wrapper-heading) {
display: block;
min-width: 0;
max-width: 46rem;
overflow: visible;
color: var(--wabe-r21-cream) !important;
font-size: clamp(2.4rem, 2.1vw, 3.1rem);
font-weight: 500 !important;
letter-spacing: -0.01em;
line-height: 1.05;
text-overflow: clip;
white-space: normal;
overflow-wrap: normal;
text-wrap: balance;
}
html[data-wabe-core] #header .header-cart-items {
display: flex;
align-items: center;
gap: 0.8rem;
}
html[data-wabe-core] #header .header-cart-items .header-search {
order: 1;
width: auto;
height: auto;
padding: 0;
border: 0;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
}
html[data-wabe-core] #header .header-cart-items .header-favourite {
order: 2;
position: relative;
}
html[data-wabe-core] #header .header-cart-items .header-cart {
order: 3;
}
html[data-wabe-core] #header .header-cart-items :is(.header-search-btn, .header-favourite > .cart-item) {
position: relative;
display: grid;
place-items: center;
width: 4.6rem;
height: 4.6rem;
padding: 0;
border: var(--wabe-r21-hair-hi) !important;
border-radius: var(--wabe-r21-r) !important;
background: transparent !important;
color: var(--wabe-r21-cream) !important;
cursor: pointer;
transition: border-color 0.25s ease, background-color 0.25s ease;
}
html[data-wabe-core] #header .header-cart-items :is(.header-search-btn, .header-favourite > .cart-item):hover {
border-color: var(--wabe-r21-copper) !important;
background: var(--wabe-r21-cacao) !important;
}
html[data-wabe-core] #header .header-cart-items :is(.header-search-btn, .header-favourite > .cart-item) > span:first-child {
display: grid;
place-items: center;
}
html[data-wabe-core] #header .header-cart-items :is(.header-search-btn, .header-favourite > .cart-item) svg {
width: 1.9rem;
height: 1.9rem;
}
html[data-wabe-core] #header :is(.header-search-btn, .header-favourite) svg :is(path, rect, circle) {
fill: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] #header .header-favourite .cart-item .cart-text {
position: absolute;
top: -0.5rem;
right: -0.5rem;
font-size: 0;
}
html[data-wabe-core] [data-wabe-wishlist-badge],
html[data-wabe-core] [data-wabe-cart-badge] {
display: inline-grid;
place-items: center;
min-width: 2rem;
height: 2rem;
padding: 0 0.5rem;
border-radius: 99rem;
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink) !important;
font-size: 1.15rem !important;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
}
html[data-wabe-core] [data-wabe-wishlist-badge][hidden],
html[data-wabe-core] [data-wabe-wishlist-badge]:empty,
html[data-wabe-core] [data-wabe-cart-badge]:empty {
display: none;
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item {
display: inline-flex;
align-items: center;
gap: 1rem;
height: 4.6rem;
padding: 0 1.2rem 0 1.5rem;
border: 0 !important;
border-radius: var(--wabe-r21-r-sm) !important;
background: var(--wabe-r21-cream) !important;
box-shadow: inset 0 0 0 0.25rem var(--wabe-r21-cream), inset 0 0 0 0.35rem var(--wabe-r21-oat-lo);
color: var(--wabe-r21-ink) !important;
text-decoration: none;
transition: background-color 0.25s ease, box-shadow 0.25s ease;
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item:hover {
background: var(--wabe-r21-cream-hi) !important;
box-shadow: inset 0 0 0 0.25rem var(--wabe-r21-cream-hi), inset 0 0 0 0.35rem var(--wabe-r21-copper);
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item > span:first-child {
display: grid;
place-items: center;
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item svg {
width: 1.9rem;
height: 1.9rem;
}
html[data-wabe-core] #header .header-cart svg :is(path, rect, circle) {
fill: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item .cart-text {
display: inline-flex;
align-items: center;
gap: 0.8rem;
color: var(--wabe-r21-ink) !important;
font-size: 1.4rem;
letter-spacing: 0.02em;
}
html[data-wabe-core] #header .header-cart-items .header-cart [data-wabe-cart-badge] {
background: var(--wabe-r21-ink);
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] #header .dropdown-btn {
display: inline-flex;
align-items: center;
gap: 1rem;
width: auto;
min-width: 0;
height: 4rem;
padding: 0 1.6rem 0 1.1rem;
border: 1px solid var(--wabe-r21-copper-lo) !important;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-roast) !important;
color: var(--wabe-r21-cream) !important;
cursor: pointer;
transition: border-color 0.25s ease, background-color 0.25s ease;
}
html[data-wabe-core] #header .dropdown-btn:hover {
border-color: var(--wabe-r21-copper) !important;
background: var(--wabe-r21-mocha) !important;
}
html[data-wabe-core] #header .dropdown-btn .dropdown-icon {
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
margin: 0;
background: transparent;
}
html[data-wabe-core] #header .dropdown-btn .dropdown-icon svg {
width: 1.5rem;
height: 1.5rem;
}
html[data-wabe-core] #header .dropdown-btn .dropdown-icon svg :is(path, rect, circle) {
fill: var(--wabe-r21-copper-hi) !important;
}
html[data-wabe-core] #header .dropdown-btn :is(.list-text, .dropdown-text) {
color: var(--wabe-r21-cream) !important;
font-size: 1.3rem;
letter-spacing: 0.04em;
white-space: nowrap;
}
html[data-wabe-core] #header .header-nav-menu {
flex: 1 1 auto;
min-width: 0;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 0 0.2rem;
margin: 0;
padding: 0;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li {
display: inline-flex;
align-items: center;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li + li::before {
flex: 0 0 auto;
width: 0.4rem;
height: 0.4rem;
margin: 0 0.6rem;
background: var(--wabe-r21-copper-lo);
content: "";
transform: rotate(45deg);
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li > a {
position: relative;
display: inline-flex;
align-items: center;
min-height: 4.4rem;
padding: 0 0.9rem;
color: var(--wabe-r21-latte) !important;
font-size: 1.45rem;
text-decoration: none;
transition: color 0.25s ease;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li > a .list-text {
color: inherit !important;
font-size: inherit;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li > a::after {
position: absolute;
right: 0.9rem;
bottom: 0.9rem;
left: 0.9rem;
height: 1px;
background: var(--wabe-r21-copper);
content: "";
transform: scaleX(0);
transform-origin: left;
transition: transform 0.35s var(--wabe-r21-ease);
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li:is(:hover, :focus-within) > a {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li:is(:hover, :focus-within) > a::after {
transform: scaleX(1);
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list .header-sub-menu {
z-index: 300;
padding: 0.8rem;
border: var(--wabe-r21-hair-hi);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-cacao);
box-shadow: var(--wabe-r21-lift);
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list .header-sub-menu a {
display: block;
padding: 1rem 1.2rem;
border-radius: var(--wabe-r21-r-sm);
color: var(--wabe-r21-latte) !important;
font-size: 1.4rem;
line-height: 1.35;
overflow-wrap: normal;
word-break: normal;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list .header-sub-menu a:hover {
background: var(--wabe-r21-mocha);
color: var(--wabe-r21-cream) !important;
}
@media (min-width: 992px) {
html[data-wabe-core] #header {
--wabe-r21-hpad: max(var(--wabe-r21-gutter), calc((100vw - var(--wabe-r21-max)) / 2 + var(--wabe-r21-gutter)));
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto minmax(8.8rem, auto) auto;
align-items: center;
column-gap: 3.2rem;
padding: 0 var(--wabe-r21-hpad);
}
html[data-wabe-core] #header > .header-center-section,
html[data-wabe-core] #header > .header-center-section > .container,
html[data-wabe-core] #header .header-center,
html[data-wabe-core] #header > .header-bottom,
html[data-wabe-core] #header > .header-bottom > .container {
display: contents !important;
}
html[data-wabe-core] #header > .header-top-section {
grid-column: 1 / -1;
grid-row: 1;
margin-inline: calc(var(--wabe-r21-hpad) * -1);
padding: 0 var(--wabe-r21-hpad);
border-bottom: var(--wabe-r21-hair) !important;
}
html[data-wabe-core] #header > .header-top-section > .container {
width: auto;
max-width: none;
padding: 0 !important;
}
html[data-wabe-core] #header > .header-top-section .header-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.4rem 2rem;
min-height: 3.4rem;
padding: 0.4rem 0;
}
html[data-wabe-core] #header .header-center .logo {
grid-column: 1;
grid-row: 2;
display: flex;
align-items: center;
min-width: 0;
height: auto;
margin: 0;
padding: 1.6rem 0;
}
html[data-wabe-core] #header .header-center .header-cart-items {
grid-column: 2;
grid-row: 2;
justify-self: end;
}
html[data-wabe-core] #header .header-bottom .header-nav {
position: relative;
grid-column: 1 / -1;
grid-row: 3;
display: flex;
align-items: center;
gap: 2rem;
min-width: 0;
min-height: 6rem;
margin-inline: calc(var(--wabe-r21-hpad) * -1);
padding: 0.8rem var(--wabe-r21-hpad);
border-top: var(--wabe-r21-hair);
border-bottom: 1px solid var(--wabe-r21-copper-lo);
background: radial-gradient(60% 160% at 50% 0%, var(--wabe-r21-lamp-soft), transparent 70%), var(--wabe-r21-cacao);
}
html[data-wabe-core] #header .header-nav .category-menu-section {
position: relative;
z-index: 3;
flex: 0 0 auto;
width: auto;
}
html[data-wabe-core] #header .header-vendor-btn {
margin-left: auto;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
html[data-wabe-core] #header > .header-top-section {
display: none !important;
}
}
html[data-wabe-core] #header .category-menu-section .category-dropdown {
z-index: 300;
top: calc(100% + 0.8rem);
left: 0;
padding: 0;
border: 0;
border-radius: var(--wabe-r21-r);
background: transparent;
box-shadow: none;
}
html[data-wabe-core] #header .category-menu-section .category-dropdown.open-dropdown {
padding: 0.6rem;
overflow: hidden;
border: var(--wabe-r21-hair-hi);
background: var(--wabe-r21-cacao);
box-shadow: var(--wabe-r21-lift);
}
html[data-wabe-core] #header .category-menu-section .category-dropdown :is(a, summary, span, .dropdown-text) {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] #header .category-menu-section .category-dropdown .category-list-item {
padding: 0;
border: 0 !important;
border-radius: var(--wabe-r21-r-sm);
background: transparent;
}
html[data-wabe-core] #header .category-menu-section .category-dropdown .category-list-item .dropdown-item,
html[data-wabe-core] #header .category-menu-section .category-dropdown [data-wabe-mobile-brand-menu] > summary {
padding: 1.1rem 1.3rem;
border-radius: var(--wabe-r21-r-sm);
background: transparent;
font-size: 1.45rem;
transition: background-color 0.2s ease;
}
html[data-wabe-core] #header .category-menu-section .category-dropdown .category-list-item:hover,
html[data-wabe-core] #header .category-menu-section .category-dropdown .category-list-item:hover > a > .dropdown-item,
html[data-wabe-core] #header .category-menu-section .category-dropdown [data-wabe-mobile-brand-menu] > summary:hover {
background: var(--wabe-r21-mocha);
}
html[data-wabe-core] #header .category-menu-section .category-dropdown .category-list-item:hover :is(a, summary, span, .dropdown-text) {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] #header .category-menu-section .category-dropdown .dropdown-text {
font-size: 1.45rem;
line-height: 1.35;
}
html[data-wabe-core] #header .category-menu-section .category-dropdown svg :is(path, rect) {
fill: var(--wabe-r21-copper-hi);
stroke: var(--wabe-r21-copper-hi);
}
html[data-wabe-core] #header .category-menu-section .category-dropdown [data-wabe-mobile-series-list] {
margin: 0.2rem 0 0.8rem 1.6rem;
padding-left: 1.4rem;
border-left: var(--wabe-r21-hair-copper);
}
html[data-wabe-core] #header .category-menu-section .category-dropdown [data-wabe-mobile-series-list] a {
padding: 0.6rem 0;
font-size: 1.35rem;
}
html[data-wabe-core] #header .modal-wrapper {
z-index: 10058;
}
html[data-wabe-core] #header .modal-wrapper .anywhere-away {
background: var(--wabe-r21-veil);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
html[data-wabe-core] #header .header-search .modal-main {
width: min(84rem, calc(100vw - 3.2rem));
height: auto;
margin: 14vh auto 0;
padding: 5.6rem 3rem 3rem;
border: var(--wabe-r21-hair-hi);
border-radius: var(--wabe-r21-r-xl);
background: radial-gradient(70% 120% at 50% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao);
box-shadow: var(--wabe-r21-lift);
}
html[data-wabe-core] #header .header-search .modal-main .wrapper-main {
width: 100%;
max-width: 100%;
height: 6.4rem;
overflow: hidden;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-ink);
box-shadow: none;
}
html[data-wabe-core] #header .header-search .modal-main .wrapper-main:focus-within {
border-color: var(--wabe-r21-copper);
box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--wabe-r21-copper) 22%, transparent);
}
html[data-wabe-core] #header .header-search .modal-main .wrapper-close-btn {
top: 1.4rem;
right: 1.4rem;
display: grid;
place-items: center;
width: 4rem;
height: 4rem;
border: var(--wabe-r21-hair-hi);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-roast);
color: var(--wabe-r21-cream);
cursor: pointer;
}
html[data-wabe-core] #header .header-search .modal-main .wrapper-close-btn > span {
display: none;
}
html[data-wabe-core] #header .header-search .modal-main .wrapper-close-btn::before {
width: 1.6rem;
height: 1.6rem;
background: currentColor;
content: "";
-webkit-mask: var(--wabe-r21-i-close) center / contain no-repeat;
mask: var(--wabe-r21-i-close) center / contain no-repeat;
}
html[data-wabe-core] #header .header-search .modal-main .search-section input {
flex: 1 1 auto;
min-width: 0;
padding: 0 2.2rem;
border: 0;
background: transparent;
box-shadow: none;
color: var(--wabe-r21-cream);
font-size: 1.7rem;
}
html[data-wabe-core] #header .header-search .modal-main .search-section > button {
flex: 0 0 auto;
border: 0;
background: transparent;
color: var(--wabe-r21-mute);
font-size: 1.3rem;
white-space: nowrap;
}
html[data-wabe-core] #header .header-search .modal-main .wrapper-main .divider {
height: 2.8rem;
background: var(--wabe-r21-line-hi);
}
html[data-wabe-core] #header .header-search .modal-main .search-section .shop-btn {
align-self: stretch;
min-height: 0;
margin: 0.6rem;
padding: 0 2rem;
font-size: 1.35rem;
white-space: nowrap;
}
@media (max-width: 991px) {
html[data-wabe-core] #header > .header-top-section {
display: none !important;
}
}
html[data-wabe-core] .mobile-menu {
padding: 0 !important;
}
html[data-wabe-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: 0.8rem var(--wabe-r21-gutter);
border-bottom: 1px solid var(--wabe-r21-copper-lo);
background: var(--wabe-r21-roast);
}
html[data-wabe-core] .mobile-menu-header > .btn {
grid-column: 1;
grid-row: 1;
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
padding: 0;
border: var(--wabe-r21-hair-hi) !important;
border-radius: var(--wabe-r21-r);
background: transparent !important;
color: var(--wabe-r21-cream);
}
html[data-wabe-core] .mobile-menu-header > .btn svg {
width: 1.9rem;
height: 1.9rem;
}
html[data-wabe-core] .mobile-menu-header > .btn svg :is(path, rect) {
fill: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .mobile-menu-header .mobile-header-logo {
grid-column: 2;
grid-row: 1;
justify-content: center;
padding: 0.4rem 0;
text-align: center;
}
html[data-wabe-core] .mobile-menu-header .mobile-header-logo :is(.wabe-wordmark, .wabe-site-wordmark, .wrapper-heading) {
max-width: 100%;
font-size: clamp(2rem, 5.6vw, 2.4rem);
line-height: 1.1;
text-align: center;
overflow-wrap: anywhere;
}
html[data-wabe-core] .mobile-menu-header > .header-cart {
position: relative;
grid-column: 3;
grid-row: 1;
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-cream) !important;
box-shadow: inset 0 0 0 0.25rem var(--wabe-r21-cream), inset 0 0 0 0.35rem var(--wabe-r21-oat-lo);
}
html[data-wabe-core] .mobile-menu-header > .header-cart svg {
width: 1.9rem;
height: 1.9rem;
}
html[data-wabe-core] .mobile-menu-header > .header-cart svg :is(path, rect, circle) {
fill: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] .mobile-menu-header > .header-cart [data-wabe-cart-badge]:not(:empty) {
position: absolute;
top: -0.6rem;
right: -0.6rem;
box-shadow: 0 0 0 0.2rem var(--wabe-r21-roast);
}
html[data-wabe-core] .offcanvas {
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .offcanvas.offcanvas-start {
z-index: 10057;
width: min(36rem, 88vw);
border: 0;
border-right: 1px solid var(--wabe-r21-copper-lo);
background: radial-gradient(40rem 30rem at 0 0, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao);
box-shadow: var(--wabe-r21-lift);
}
html[data-wabe-core] .offcanvas-backdrop {
z-index: 10056;
background: var(--wabe-r21-veil);
}
html[data-wabe-core] .offcanvas-backdrop.show {
opacity: 1;
}
html[data-wabe-core] .offcanvas-body {
padding: 1.8rem 1.8rem 3rem;
}
html[data-wabe-core] .offcanvas-body .header-top {
margin: 0 0 1.8rem;
padding: 0;
}
html[data-wabe-core] .offcanvas-body .header-top .header-favourite .cart-item {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border: var(--wabe-r21-hair-hi);
border-radius: var(--wabe-r21-r);
background: transparent;
color: var(--wabe-r21-cream);
}
html[data-wabe-core] .offcanvas-body .header-top .header-favourite svg :is(path, rect, circle) {
fill: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .offcanvas-body .header-top .shop-btn {
display: grid;
place-items: center;
width: 4.4rem;
min-width: 0;
height: 4.4rem;
min-height: 0;
padding: 0;
border-radius: var(--wabe-r21-r) !important;
background: transparent !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-line-hi);
}
html[data-wabe-core] .offcanvas-body .header-top .shop-btn .btn-close {
width: 1.6rem;
height: 1.6rem;
padding: 0;
background: var(--wabe-r21-cream) !important;
opacity: 1;
filter: none;
-webkit-mask: var(--wabe-r21-i-close) center / contain no-repeat;
mask: var(--wabe-r21-i-close) center / contain no-repeat;
}
html[data-wabe-core] .offcanvas-body .header-input {
gap: 1rem;
height: 5rem;
margin-bottom: 2rem;
padding: 0 1.4rem 0 1.8rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-ink);
}
html[data-wabe-core] .offcanvas-body .header-input input {
flex: 1 1 auto;
min-width: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-cream);
font-size: 1.5rem;
}
html[data-wabe-core] .offcanvas-body .header-input input:focus {
box-shadow: none;
}
html[data-wabe-core] .offcanvas-body .header-input svg :is(path, rect, circle) {
fill: var(--wabe-r21-copper-hi) !important;
}
html[data-wabe-core] .offcanvas-body .category-dropdown {
margin-top: 0;
padding: 0;
background: transparent;
box-shadow: none;
}
html[data-wabe-core] .offcanvas-body .category-dropdown .category-list {
display: flex;
flex-direction: column;
gap: 0 !important;
border: 0;
border-top: var(--wabe-r21-hair);
background: transparent;
}
html[data-wabe-core] .offcanvas-body .category-dropdown .category-list .category-list-item {
border: 0;
border-bottom: var(--wabe-r21-hair);
background: transparent;
}
html[data-wabe-core] .offcanvas-body .category-dropdown .category-list .category-list-item > a,
html[data-wabe-core] .offcanvas-body .category-dropdown summary.dropdown-item,
html[data-wabe-core] .offcanvas-body .category-dropdown [data-wabe-mobile-brand-menu] > summary {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
padding: 1.6rem 0.4rem;
background: transparent !important;
color: var(--wabe-r21-cream) !important;
text-decoration: none;
}
html[data-wabe-core] .offcanvas-body .category-dropdown a > .dropdown-item {
width: 100%;
padding: 0;
background: transparent;
color: inherit;
}
html[data-wabe-core] .offcanvas-body .category-dropdown .dropdown-text {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
}
html[data-wabe-core] .offcanvas-body [data-wabe-mobile-brand-menu] > summary {
list-style: none;
cursor: pointer;
}
html[data-wabe-core] .offcanvas-body [data-wabe-mobile-brand-menu] > summary::-webkit-details-marker {
display: none;
}
html[data-wabe-core] .offcanvas-body [data-wabe-mobile-brand-menu] > summary::after {
display: grid;
flex: 0 0 auto;
place-items: center;
width: 2.8rem;
height: 2.8rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-sm);
color: var(--wabe-r21-copper-hi);
visibility: visible;
content: "+";
font-size: 1.7rem;
line-height: 1;
}
html[data-wabe-core] .offcanvas-body [data-wabe-mobile-brand-menu][open] > summary::after {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink);
content: "\2212";
}
html[data-wabe-core] .offcanvas-body [data-wabe-mobile-series-list] {
margin: 0 0 1.4rem 0.4rem;
padding-left: 1.4rem;
border-left: var(--wabe-r21-hair-copper);
}
html[data-wabe-core] .offcanvas-body [data-wabe-mobile-series-list] a {
display: block;
padding: 0.8rem 0;
color: var(--wabe-r21-latte) !important;
font-size: 1.45rem;
text-decoration: none;
}
html[data-wabe-core] .offcanvas-body svg path {
fill: var(--wabe-r21-cream);
}
html[data-wabe-core] [data-wabe-home-hero] {
position: relative;
width: calc(100% - 2 * var(--wabe-r21-gutter));
max-width: calc(var(--wabe-r21-max) - 2 * var(--wabe-r21-gutter));
height: auto !important;
margin: clamp(2rem, 2.6vw, 3.6rem) auto 0;
padding: 0.8rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-xl);
background: var(--wabe-r21-cacao);
box-shadow: 0 4rem 9rem -4rem var(--wabe-r21-lamp-hot), var(--wabe-r21-lift);
}
html[data-wabe-core] [data-wabe-home-hero] .hero-swiper {
position: relative;
height: auto;
overflow: hidden;
border-radius: calc(var(--wabe-r21-r-xl) - 0.8rem);
background: var(--wabe-r21-ink);
}
html[data-wabe-core] [data-wabe-home-hero] .swiper-pagination {
position: absolute !important;
top: auto !important;
right: auto !important;
bottom: 1.4rem !important;
left: 50% !important;
z-index: 3;
display: flex;
align-items: center;
gap: 0.5rem;
width: auto !important;
padding: 0.8rem 1rem;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-glass);
transform: translateX(-50%) !important;
}
html[data-wabe-core] [data-wabe-home-hero] .swiper-pagination-bullet {
width: 1.8rem !important;
height: 0.2rem !important;
margin: 0 !important;
border: 0;
border-radius: 0 !important;
background: var(--wabe-r21-line-hi) !important;
opacity: 1 !important;
transition: width 0.4s var(--wabe-r21-ease), background-color 0.25s ease;
}
html[data-wabe-core] [data-wabe-home-hero] .swiper-pagination-bullet::before {
display: none !important;
}
html[data-wabe-core] [data-wabe-home-hero] .swiper-pagination-bullet-active {
width: 3.6rem !important;
background: var(--wabe-r21-copper) !important;
}
html[data-wabe-core] .wabe-topic-intro {
position: relative;
isolation: isolate;
width: calc(100% - 2 * var(--wabe-r21-gutter));
max-width: calc(var(--wabe-r21-max) - 2 * var(--wabe-r21-gutter));
margin: calc(var(--wabe-r21-section) * 0.85) auto calc(var(--wabe-r21-section) * 0.9);
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
html[data-wabe-core] .wabe-topic-intro::before {
position: absolute;
z-index: -1;
top: -40%;
left: -10%;
width: 70%;
height: 180%;
background: radial-gradient(50% 50% at 40% 50%, var(--wabe-r21-lamp), transparent 100%);
content: "";
pointer-events: none;
}
html[data-wabe-core] .wabe-topic-intro__inner {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: end;
gap: 2.4rem clamp(3.2rem, 6vw, 9.6rem);
max-width: none !important;
margin: 0;
padding: 0 !important;
text-align: left;
}
html[data-wabe-core] .wabe-topic-intro__eyebrow {
grid-column: 1 / -1;
display: inline-flex;
align-items: center;
justify-self: start;
gap: 1.2rem;
margin: 0 !important;
padding: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.2rem;
letter-spacing: 0.22em;
line-height: 1.4;
text-transform: uppercase;
}
html[data-wabe-core] .wabe-topic-intro__eyebrow::before {
flex: 0 0 auto;
width: 4rem;
height: 1px;
background: var(--wabe-r21-copper);
content: "";
}
html[data-wabe-core] .wabe-topic-intro h1 {
grid-column: 1;
max-width: 18ch;
margin: 0 !important;
color: var(--wabe-r21-cream);
font-size: clamp(4.2rem, 5.8vw, 8.4rem);
font-weight: 500;
letter-spacing: -0.025em;
line-height: 0.98;
text-wrap: balance;
}
html[data-wabe-core] .wabe-topic-intro h1 + p {
grid-column: 2;
max-width: 56rem;
margin: 0 !important;
padding: 0.4rem 0 0.6rem 2.8rem;
border-left: 1px solid var(--wabe-r21-copper-lo);
color: var(--wabe-r21-latte);
font-size: clamp(1.55rem, 1.15vw, 1.75rem);
line-height: 1.75;
text-wrap: pretty;
}
html[data-wabe-core] section.product.fashion-style {
padding: 0 0 var(--wabe-r21-section) !important;
background: transparent !important;
}
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-style-section] .row > [class*="col-"] {
width: auto;
max-width: none;
margin: 0 !important;
padding: 0 !important;
}
html[data-wabe-core] [data-wabe-style-section] .product-wrapper {
width: 100%;
height: auto !important;
padding: 0 !important;
overflow: hidden;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r-lg) !important;
background-color: var(--wabe-r21-cacao) !important;
box-shadow: var(--wabe-r21-lift-sm) !important;
transition: transform 0.5s var(--wabe-r21-ease), box-shadow 0.5s var(--wabe-r21-ease), border-color 0.3s ease;
}
html[data-wabe-core] [data-wabe-style-section] .product-wrapper:hover {
border-color: var(--wabe-r21-copper-lo) !important;
box-shadow: 0 2.4rem 5rem -2.4rem var(--wabe-r21-lamp-hot), var(--wabe-r21-lift-sm) !important;
transform: translateY(-0.3rem);
}
html[data-wabe-core] section.product.weekly-sale [data-wabe-style-section] {
margin-top: var(--wabe-r21-section);
}
html[data-wabe-core] section.product.brand {
padding: 0 0 var(--wabe-r21-section) !important;
border: 0 !important;
background: transparent !important;
}
html[data-wabe-core] section.product.brand .brand-section {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 34rem), 1fr));
gap: 0 clamp(2.4rem, 4vw, 6.4rem);
margin: 0 !important;
padding: clamp(1.2rem, 2vw, 2.4rem) clamp(2rem, 3.4vw, 4.8rem);
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-xl);
background: radial-gradient(60% 100% at 100% 0%, var(--wabe-r21-lamp-soft), transparent 70%), var(--wabe-r21-cacao);
box-shadow: inset 0 0 0 0.6rem var(--wabe-r21-cacao), inset 0 0 0 calc(0.6rem + 1px) var(--wabe-r21-line);
}
html[data-wabe-core] section.product.brand .brand-section > .product-wrapper,
html[data-wabe-core] section.product.brand .brand-section .product-wrapper[data-wabe-brand-item] {
position: relative;
width: auto;
min-width: 0;
height: auto !important;
min-height: 0;
margin: 0 !important;
padding: 0 !important;
overflow: visible;
border: 0 !important;
border-bottom: 1px solid var(--wabe-r21-line) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
container-type: inline-size;
}
html[data-wabe-core] section.product.brand .brand-section .wrapper-img {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: transparent;
}
html[data-wabe-core] section.product.brand .brand-section a {
position: relative;
display: flex;
align-items: baseline;
gap: 1.4rem;
width: 100%;
min-height: 8.4rem;
padding: 2.4rem 0.2rem 2rem;
color: var(--wabe-r21-cream) !important;
text-align: left;
text-decoration: none;
}
html[data-wabe-core] section.product.brand .brand-section a::after {
flex: 1 1 2.4rem;
align-self: center;
order: 2;
min-width: 2.4rem;
height: 0.4rem;
margin-top: 0.8rem;
background: var(--wabe-r21-dots);
content: "";
transition: opacity 0.3s ease;
}
html[data-wabe-core] section.product.brand .brand-section a::before {
order: 3;
flex: 0 0 auto;
align-self: center;
width: 3.6rem;
height: 3.6rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-copper-hi);
content: "";
-webkit-mask: var(--wabe-r21-i-arrow) center / 1.8rem no-repeat;
mask: var(--wabe-r21-i-arrow) center / 1.8rem no-repeat;
transition: background-color 0.3s ease, transform 0.35s var(--wabe-r21-ease);
}
html[data-wabe-core] section.product.brand .brand-section :is(.wabe-brand-name, .wrapper-heading) {
order: 1;
flex: 0 1 auto;
min-width: 0;
color: var(--wabe-r21-cream) !important;
font-size: clamp(2.4rem, min(2.3vw, 9cqi), 3.4rem);
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.08;
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
transition: color 0.25s ease;
}
html[data-wabe-core] section.product.brand .brand-section .product-wrapper:is(:hover, :focus-within) :is(.wabe-brand-name, .wrapper-heading) {
color: var(--wabe-r21-caramel) !important;
}
html[data-wabe-core] section.product.brand .brand-section .product-wrapper:is(:hover, :focus-within) a::before {
background: var(--wabe-r21-cream);
transform: translateX(0.4rem);
}
html[data-wabe-core] section.product.arrival,
html[data-wabe-core] section.product.flash-sale,
html[data-wabe-core] section.product.top-selling,
html[data-wabe-core] section.product.weekly-sale,
html[data-wabe-core] section.product.best-product {
padding: 0 0 var(--wabe-r21-section) !important;
border: 0 !important;
background: transparent !important;
}
html[data-wabe-core] .wabe-editorial-knowledge + section.product {
padding-top: 0 !important;
}
html[data-wabe-core] section.product.flash-sale {
margin: 0 0 var(--wabe-r21-section);
padding: var(--wabe-r21-section) 0 !important;
border-block: 1px solid var(--wabe-r21-copper-lo) !important;
background: radial-gradient(70rem 42rem at 12% 0%, var(--wabe-r21-lamp-hot), transparent 70%), radial-gradient(50rem 34rem at 100% 100%, var(--wabe-r21-lamp-soft), transparent 70%), var(--wabe-r21-ink) !important;
}
html[data-wabe-core] section.product .row.g-5,
html[data-wabe-core] section.product .row.g-4 {
margin: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-wabe-core] section.product .row.g-5 > .row.g-5,
html[data-wabe-core] section.product .row.g-5 > [class*="col-"] {
padding: 0 !important;
}
html[data-wabe-core] [data-wabe-listing-grid] {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(3.2rem, 3.4vw, 4.8rem) clamp(1.6rem, 2vw, 2.8rem) !important;
width: 100%;
margin: 0 !important;
padding: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-wabe-core] [data-wabe-listing-grid] > * {
width: auto !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
}
html[data-wabe-core] :is(.arrival-section, .flash-sale-section, .top-selling-section, .weekly-sale-section, .best-product-section) .row:not([data-wabe-listing-grid]) {
display: block;
margin: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-wabe-core] .product-wrapper[data-wabe-product],
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product][data-wabe-listing-card] {
position: relative;
display: flex !important;
flex-direction: column;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--wabe-r21-cream);
cursor: default;
transform: none !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product]:hover {
border: 0 !important;
background: transparent !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product][data-wabe-listing-card] .product-img {
position: relative;
flex: 0 0 auto !important;
width: 100%;
height: auto !important;
aspect-ratio: 1 / 1 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
border: 0;
border-radius: var(--wabe-r21-r-tray);
background: var(--wabe-r21-grain), var(--wabe-r21-tray);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wabe-r21-oat-hi) 70%, transparent), inset 0 -2.4rem 3.2rem -2.8rem color-mix(in srgb, var(--wabe-r21-oat-ink) 40%, transparent), 0 2rem 3.6rem -2.4rem var(--wabe-r21-shade);
isolation: isolate;
transition: box-shadow 0.45s var(--wabe-r21-ease), transform 0.45s var(--wabe-r21-ease);
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img::after {
position: absolute;
right: 14%;
bottom: 1.3rem;
left: 14%;
z-index: 2;
height: 0.2rem;
border-radius: 99rem;
background: linear-gradient(90deg, transparent, var(--wabe-r21-copper) 18%, var(--wabe-r21-copper-hi) 50%, var(--wabe-r21-copper) 82%, transparent);
content: "";
pointer-events: none;
transition: right 0.45s var(--wabe-r21-ease), left 0.45s var(--wabe-r21-ease);
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img > a.wabe-product-image-link,
html[data-wabe-core] .product-wrapper[data-wabe-product] .wabe-product-image-link {
position: absolute;
inset: 0;
z-index: auto;
display: block;
width: 100%;
height: 100%;
padding: 11% 11% 15%;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
color: transparent;
mix-blend-mode: multiply;
transition: transform 0.6s var(--wabe-r21-ease);
}
html[data-wabe-core] .product-wrapper[data-wabe-product]:is(:hover, :focus-within) .product-img {
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wabe-r21-oat-hi) 70%, transparent), inset 0 -2.4rem 3.2rem -2.8rem color-mix(in srgb, var(--wabe-r21-oat-ink) 40%, transparent), 0 2.6rem 5rem -2.4rem var(--wabe-r21-lamp-hot);
}
html[data-wabe-core] .product-wrapper[data-wabe-product]:is(:hover, :focus-within) .product-img img {
transform: translateY(-0.3rem) scale(1.03);
}
html[data-wabe-core] .product-wrapper[data-wabe-product]:is(:hover, :focus-within) .product-img::after {
right: 8%;
left: 8%;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img[data-wabe-discount]::before {
position: absolute;
top: 1.3rem;
left: 1.3rem;
z-index: 3;
display: inline-flex;
align-items: center;
padding: 0.5rem 0.9rem 0.45rem;
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-ink);
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper-lo);
color: var(--wabe-r21-caramel);
content: attr(data-wabe-discount);
font-family: var(--wabe-r21-sans);
font-size: 1.25rem;
letter-spacing: 0.04em;
line-height: 1.2;
font-variant-numeric: tabular-nums;
pointer-events: none;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items {
position: absolute;
top: 1.1rem;
right: 1.1rem;
bottom: auto !important;
left: auto;
z-index: 3;
display: flex;
flex-direction: column;
gap: 0.6rem;
opacity: 1;
visibility: visible;
transform: none;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item.cart {
display: none !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item {
display: grid;
place-items: center;
width: 3.8rem;
height: 3.8rem;
padding: 0;
overflow: hidden;
border: 0;
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-ink);
box-shadow: inset 0 0 0 1px var(--wabe-r21-line-hi);
color: var(--wabe-r21-cream);
cursor: pointer;
transition: background-color 0.25s ease, color 0.25s ease;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item svg {
width: 3.8rem;
height: 3.8rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item svg rect {
fill: transparent !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item svg path {
fill: currentColor !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item:hover {
background: var(--wabe-r21-mocha);
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item[data-wabe-wishlist-active="true"] {
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink);
}
html[data-wabe-core] .product-wrapper[data-wabe-product] :is(.product-info, .product-description) {
background: transparent !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-info,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product][data-wabe-listing-card] .product-info {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: stretch !important;
justify-content: flex-start;
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 1.8rem 0.2rem 0 !important;
text-align: left;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-description {
display: contents;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-details {
order: 1;
display: -webkit-box;
height: auto !important;
min-height: 2.9em !important;
margin: 0;
overflow: hidden;
color: var(--wabe-r21-cream) !important;
font-size: 1.5rem;
font-weight: 400 !important;
letter-spacing: 0;
line-height: 1.45 !important;
text-decoration: none;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
transition: color 0.2s ease;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-details:hover {
color: var(--wabe-r21-cream-hi) !important;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper);
text-decoration-thickness: 1px;
text-underline-offset: 0.25em;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-info .ratings,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product] .product-info .ratings {
order: 2;
display: flex;
align-items: center;
justify-content: flex-start !important;
gap: 0.8rem;
margin: 0.8rem 0 0 !important;
color: var(--wabe-r21-mute) !important;
font-size: 1.2rem;
line-height: 1;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-info .ratings span {
color: var(--wabe-r21-mute) !important;
padding-top: 0.15rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .price,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product] .price {
order: 3;
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: flex-start !important;
gap: 0.2rem 1rem !important;
min-width: 0;
margin: auto 0 0 !important;
padding-top: 1.2rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .price .new-price,
html[data-wabe-core] .product-wrapper[data-wabe-product] .new-price {
order: 1;
margin: 0;
color: var(--wabe-r21-cream) !important;
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 0;
line-height: 1;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .price-cut + .new-price,
html[data-wabe-core] .product-wrapper[data-wabe-product] .price:has(.price-cut:not(:empty)) .new-price {
color: var(--wabe-r21-caramel) !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .price .price-cut,
html[data-wabe-core] .product-wrapper[data-wabe-product] .price-cut {
order: 2;
margin: 0;
color: var(--wabe-r21-mute) !important;
font-size: 1.6rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-color: var(--wabe-r21-mute);
text-decoration-thickness: 1px;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .price .price-cut:empty {
display: none;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-cart-btn,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product] .product-cart-btn {
position: static !important;
align-self: stretch;
width: 100%;
margin: 1.6rem 0 0 !important;
padding: 0;
opacity: 1 !important;
visibility: visible !important;
transform: none;
transition: none;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-cart-btn .product-btn,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product] .product-cart-btn .product-btn {
justify-content: center;
width: 100%;
max-width: none;
min-height: 4.6rem;
padding: 0.8rem 1.4rem !important;
background: transparent !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper-lo);
color: var(--wabe-r21-cream) !important;
font-size: 1.35rem;
white-space: normal;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-cart-btn .product-btn::before {
position: static !important;
display: inline-block !important;
flex: 0 0 auto;
width: 1.5rem;
height: 1.5rem;
background: currentColor;
content: "" !important;
-webkit-mask: var(--wabe-r21-i-plus) center / contain no-repeat;
mask: var(--wabe-r21-i-plus) center / contain no-repeat;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-cart-btn .product-btn:is(:hover, :focus-visible) {
background: var(--wabe-r21-cream) !important;
box-shadow: inset 0 0 0 0.25rem var(--wabe-r21-cream), inset 0 0 0 0.35rem var(--wabe-r21-oat-lo);
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value]::before {
flex: 0 0 auto;
width: 7.2rem;
height: 1.3rem;
background: linear-gradient(90deg, var(--wabe-r21-caramel) var(--wabe-r21-stars, 90%), var(--wabe-r21-line-hi) var(--wabe-r21-stars, 90%));
content: "";
-webkit-mask: var(--wabe-r21-i-star) 0 0 / 20% 100% repeat-x;
mask: var(--wabe-r21-i-star) 0 0 / 20% 100% repeat-x;
}
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value] { --wabe-r21-stars: 90%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.0"],
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value="0"] { --wabe-r21-stars: 0%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.1"] { --wabe-r21-stars: 2%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.2"] { --wabe-r21-stars: 4%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.3"] { --wabe-r21-stars: 6%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.4"] { --wabe-r21-stars: 8%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.5"] { --wabe-r21-stars: 10%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.6"] { --wabe-r21-stars: 12%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.7"] { --wabe-r21-stars: 14%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.8"] { --wabe-r21-stars: 16%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="0.9"] { --wabe-r21-stars: 18%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.0"],
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value="1"] { --wabe-r21-stars: 20%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.1"] { --wabe-r21-stars: 22%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.2"] { --wabe-r21-stars: 24%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.3"] { --wabe-r21-stars: 26%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.4"] { --wabe-r21-stars: 28%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.5"] { --wabe-r21-stars: 30%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.6"] { --wabe-r21-stars: 32%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.7"] { --wabe-r21-stars: 34%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.8"] { --wabe-r21-stars: 36%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="1.9"] { --wabe-r21-stars: 38%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.0"],
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value="2"] { --wabe-r21-stars: 40%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.1"] { --wabe-r21-stars: 42%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.2"] { --wabe-r21-stars: 44%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.3"] { --wabe-r21-stars: 46%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.4"] { --wabe-r21-stars: 48%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.5"] { --wabe-r21-stars: 50%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.6"] { --wabe-r21-stars: 52%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.7"] { --wabe-r21-stars: 54%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.8"] { --wabe-r21-stars: 56%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="2.9"] { --wabe-r21-stars: 58%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.0"],
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value="3"] { --wabe-r21-stars: 60%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.1"] { --wabe-r21-stars: 62%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.2"] { --wabe-r21-stars: 64%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.3"] { --wabe-r21-stars: 66%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.4"] { --wabe-r21-stars: 68%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.5"] { --wabe-r21-stars: 70%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.6"] { --wabe-r21-stars: 72%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.7"] { --wabe-r21-stars: 74%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.8"] { --wabe-r21-stars: 76%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="3.9"] { --wabe-r21-stars: 78%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.0"],
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value="4"] { --wabe-r21-stars: 80%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.1"] { --wabe-r21-stars: 82%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.2"] { --wabe-r21-stars: 84%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.3"] { --wabe-r21-stars: 86%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.4"] { --wabe-r21-stars: 88%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.5"] { --wabe-r21-stars: 90%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.6"] { --wabe-r21-stars: 92%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.7"] { --wabe-r21-stars: 94%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.8"] { --wabe-r21-stars: 96%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="4.9"] { --wabe-r21-stars: 98%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value^="5.0"],
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value][data-wabe-rating-value="5"] { --wabe-r21-stars: 100%; }
html[data-wabe-core] [data-wabe-product] .ratings[data-wabe-rating-value=""] { display: none !important; }
html[data-wabe-core][data-wabe-route-family] .best-product-section [data-wabe-listing-grid],
html[data-wabe-core] section.product.best-product [data-wabe-listing-grid] {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.4rem clamp(1.6rem, 2.4vw, 3.2rem) !important;
}
html[data-wabe-core][data-wabe-route-family] .best-product-section .product-wrapper[data-wabe-product],
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] {
flex-direction: row;
align-items: center;
gap: clamp(1.6rem, 2vw, 2.4rem);
padding: 1.2rem 1.6rem 1.2rem 1.2rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-lg) !important;
background: var(--wabe-r21-cacao) !important;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
html[data-wabe-core][data-wabe-route-family] .best-product-section .product-wrapper[data-wabe-product]:hover,
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product]:hover {
border-color: var(--wabe-r21-copper-lo) !important;
background: var(--wabe-r21-mocha) !important;
}
html[data-wabe-core][data-wabe-route-family] .best-product-section .product-wrapper[data-wabe-product] .product-img,
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-img {
flex: 0 0 clamp(10.4rem, 11vw, 14rem) !important;
width: clamp(10.4rem, 11vw, 14rem);
border-radius: var(--wabe-r21-r-lg);
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-img > a.wabe-product-image-link {
padding: 10% 10% 16%;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-img::after {
bottom: 0.8rem;
height: 0.15rem;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-img[data-wabe-discount]::before {
top: 0.7rem;
left: 0.7rem;
padding: 0.35rem 0.6rem 0.3rem;
font-size: 1.05rem;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-img .product-cart-items {
display: none;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-info {
justify-content: center;
padding: 0.4rem 0 !important;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-details {
min-height: 0 !important;
font-size: 1.5rem;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .price {
margin-top: 0 !important;
padding-top: 0.8rem;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .new-price {
font-size: 2.2rem;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-cart-btn {
flex: 0 0 auto;
align-self: center;
width: auto;
margin: 0 !important;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-cart-btn .product-btn {
width: 4.6rem;
min-height: 4.6rem;
padding: 0 !important;
font-size: 0;
letter-spacing: 0;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-cart-btn .product-btn::before {
width: 1.7rem;
height: 1.7rem;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] {
padding: 0 var(--wabe-r21-gutter) var(--wabe-r21-section) !important;
border: 0 !important;
background: transparent !important;
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] .wabe-editorial-inner {
max-width: calc(var(--wabe-r21-max) - 2 * var(--wabe-r21-gutter));
margin: 0 auto;
padding: 0;
border: 0;
background: transparent;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] h2 {
max-width: 24ch;
margin: 0 0 clamp(3.2rem, 4vw, 5.2rem) !important;
padding: 2rem 0 0;
border: 0;
background: linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left top / 6.4rem 1px no-repeat, linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left 0.4rem / 3.2rem 1px no-repeat;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3rem, 3.4vw, 4.8rem);
font-weight: 500;
letter-spacing: -0.015em;
line-height: 1.06;
text-align: left;
text-wrap: balance;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] h3 {
margin: 0 0 1.2rem !important;
color: var(--wabe-r21-cream) !important;
font-size: clamp(2.2rem, 1.9vw, 2.7rem);
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.18;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] p {
color: var(--wabe-r21-latte) !important;
font-size: 1.5rem;
line-height: 1.75;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] a {
color: var(--wabe-r21-cream) !important;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper);
text-underline-offset: 0.25em;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] .wabe-editorial-grid {
gap: clamp(1.6rem, 2vw, 2.4rem) !important;
padding: 0;
border: 0;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] article {
position: relative;
min-width: 0;
margin: 0 !important;
padding: clamp(2.6rem, 3vw, 3.6rem) !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-lg);
background: var(--wabe-r21-cacao);
box-shadow: none;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] article::before {
display: block;
width: 3.2rem;
height: 0.2rem;
margin-bottom: 2.2rem;
background: var(--wabe-r21-copper);
content: "";
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge {
margin: 0 0 var(--wabe-r21-section);
padding: 0 var(--wabe-r21-gutter) !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge .wabe-editorial-inner {
padding: clamp(4rem, 5.6vw, 8rem) clamp(2.4rem, 5vw, 8rem);
border-radius: var(--wabe-r21-r-xl);
background: var(--wabe-r21-grain), var(--wabe-r21-tray);
box-shadow: inset 0 0 0 0.8rem var(--wabe-r21-oat), inset 0 0 0 calc(0.8rem + 1px) var(--wabe-r21-oat-lo), var(--wabe-r21-lift);
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge h2 {
background: linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left top / 6.4rem 1px no-repeat, linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left 0.4rem / 3.2rem 1px no-repeat;
color: var(--wabe-r21-oat-ink) !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge .wabe-editorial-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 clamp(3.2rem, 5vw, 8rem) !important;
counter-reset: wabe-r21-note;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge article,
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge article + article {
display: grid;
grid-template-columns: 4.4rem minmax(0, 1fr);
align-content: start;
column-gap: 1.8rem;
padding: 2.6rem 0 !important;
border: 0 !important;
border-top: 1px solid var(--wabe-r21-oat-lo) !important;
border-radius: 0;
background: transparent;
counter-increment: wabe-r21-note;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge article::before {
grid-row: 1 / span 3;
width: auto;
height: auto;
margin: -0.3rem 0 0;
background: transparent;
color: var(--wabe-r21-copper-lo);
content: counter(wabe-r21-note);
font-family: var(--wabe-r21-serif);
font-size: 4rem;
font-weight: 500;
line-height: 1;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge article > * {
grid-column: 2;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge h3 {
color: var(--wabe-r21-oat-ink) !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge p {
color: var(--wabe-r21-oat-text) !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge a {
color: var(--wabe-r21-oat-ink) !important;
text-decoration-color: var(--wabe-r21-copper-lo);
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-two article {
padding: clamp(3.2rem, 4vw, 5.2rem) !important;
background: radial-gradient(70% 90% at 0% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao);
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-two article + article {
background: radial-gradient(70% 90% at 100% 0%, var(--wabe-r21-lamp-soft), transparent 70%), var(--wabe-r21-mocha);
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-two h3 {
max-width: 22ch;
font-size: clamp(2.6rem, 2.6vw, 3.6rem);
line-height: 1.08;
}
html[data-wabe-core] [data-wabe-listing-root] {
padding: clamp(2.4rem, 2.8vw, 4rem) 0 var(--wabe-r21-section) !important;
background: transparent !important;
}
html[data-wabe-core] [data-wabe-listing-root] > .container > .row {
margin: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
@media (min-width: 1200px) {
html[data-wabe-core] [data-wabe-listing-root] > .container > .row {
display: grid !important;
grid-template-columns: minmax(0, 26rem) minmax(0, 1fr);
gap: clamp(2.8rem, 3.4vw, 4.8rem) !important;
align-items: start;
}
html[data-wabe-core] [data-wabe-listing-root] > .container > .row > [class*="col-"] {
width: auto !important;
max-width: none !important;
min-width: 0;
padding: 0 !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar {
position: sticky;
top: 2.4rem;
}
}
@media (max-width: 1199px) {
html[data-wabe-core] [data-wabe-listing-root] > .container > .row > [class*="col-"] {
width: 100% !important;
max-width: none !important;
flex: 0 0 100%;
padding: 0 !important;
}
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar,
html[data-wabe-core] [data-wabe-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-wabe-core] [data-wabe-listing-root] .sidebar-section {
margin: 0 !important;
padding: 2.2rem 1.6rem 1.4rem !important;
overflow: hidden;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-lg) !important;
background: var(--wabe-r21-cacao) !important;
box-shadow: none !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-section .wrapper-heading,
html[data-wabe-core] [data-wabe-listing-root] .sidebar-wrapper .wrapper-heading {
margin: 0 0 1rem !important;
padding: 0 0.6rem 1.2rem;
border: 0;
border-bottom: 1px solid var(--wabe-r21-copper-lo);
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.15rem !important;
font-weight: 400 !important;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-item {
margin: 0 !important;
padding: 0 !important;
}
html[data-wabe-core] [data-wabe-listing-root] [data-wabe-series-sidebar-scroll] {
padding-bottom: 2rem !important;
scrollbar-width: thin;
scrollbar-color: var(--wabe-r21-line-hi) transparent;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0 !important;
margin: 0;
padding: 0 !important;
list-style: none;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list li {
display: block;
width: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list li + li {
border-top: 1px dotted var(--wabe-r21-line-hi);
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list :is(a, label, span) {
color: var(--wabe-r21-latte) !important;
font-size: 1.45rem;
text-decoration: none;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a {
position: relative;
display: flex;
align-items: center;
gap: 1.1rem;
padding: 1.15rem 0.6rem;
border-radius: var(--wabe-r21-r-sm);
line-height: 1.35;
transition: background-color 0.25s ease, color 0.25s ease;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a::before {
flex: 0 0 auto;
width: 0.5rem;
height: 0.5rem;
background: var(--wabe-r21-line-hi);
content: "";
transform: rotate(45deg);
transition: background-color 0.25s ease;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a:is(:hover, :focus-visible) {
background: var(--wabe-r21-mocha);
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a:is([aria-current="page"], [data-wabe-listing-active="true"], .active) {
background: var(--wabe-r21-mocha);
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a:is([aria-current="page"], [data-wabe-listing-active="true"], .active) span {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a:is([aria-current="page"], [data-wabe-listing-active="true"], .active)::before {
background: var(--wabe-r21-copper);
}
html[data-wabe-core] [data-wabe-listing-root] [data-wabe-series-sidebar-summary] {
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.15rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-listing-root] [data-wabe-series-sidebar-current] {
color: var(--wabe-r21-mute) !important;
}
html[data-wabe-core] [data-wabe-listing-root] > .container > .row > [class*="col-"]:has(.sidebar-list:empty):not(:has(.sidebar-list:not(:empty))) {
display: none !important;
}
@media (min-width: 1200px) {
html[data-wabe-core] [data-wabe-listing-root] > .container > .row:has(.sidebar-list:empty):not(:has(.sidebar-list:not(:empty))) {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] [data-wabe-listing-root] > .container > .row:has(.sidebar-list:empty):not(:has(.sidebar-list:not(:empty))) [data-wabe-listing-grid] {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (max-width: 1199px) {
html[data-wabe-core] [data-wabe-listing-root] .sidebar-section {
margin-bottom: 2.8rem !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0.6rem !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list li {
width: auto;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list li + li {
border-top: 0;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a {
padding: 0.8rem 1.4rem;
border: 1px solid var(--wabe-r21-line-hi);
font-size: 1.35rem;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a::before {
display: none;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a:is([aria-current="page"], [data-wabe-listing-active="true"], .active) {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] [data-wabe-listing-root] .sidebar-list a:is([aria-current="page"], [data-wabe-listing-active="true"], .active) span {
color: var(--wabe-r21-ink) !important;
}
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sidebar-section > .row {
display: block;
margin: 0 !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sidebar-section > .row > * {
width: 100%;
max-width: none;
margin: 0;
padding: 0 !important;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sorting-section {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 2.4rem 3.2rem;
margin: 0 0 clamp(3rem, 3.4vw, 4.4rem) !important;
padding: 0 0 clamp(2.4rem, 2.8vw, 3.2rem) !important;
border: 0 !important;
border-bottom: 1px solid var(--wabe-r21-line) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sorting-section .result {
display: grid;
gap: 1.8rem;
min-width: 0;
color: var(--wabe-r21-mute);
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sorting-section h1 {
max-width: 22ch;
margin: 0 !important;
padding: 2rem 0 0;
background: linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left top / 6.4rem 1px no-repeat, linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left 0.4rem / 3.2rem 1px no-repeat;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3.8rem, 4.6vw, 6.8rem) !important;
font-weight: 500 !important;
letter-spacing: -0.025em;
line-height: 1 !important;
text-wrap: balance;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] [data-wabe-listing-intro] {
max-width: 80rem;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] [data-wabe-listing-intro],
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] [data-wabe-listing-intro] p {
margin: 0 0 1rem;
color: var(--wabe-r21-latte) !important;
font-size: 1.5rem !important;
line-height: 1.75 !important;
}
html[data-wabe-core] [data-wabe-listing-root] [data-wabe-listing-intro] strong {
color: var(--wabe-r21-cream);
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sorting-section :is(p, span) {
color: var(--wabe-r21-mute);
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting,
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-sort] {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.8rem;
min-width: 24rem !important;
margin: 0;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
white-space: nowrap;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-sort {
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.1rem;
letter-spacing: 0.2em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list {
position: relative;
min-width: 24rem;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list > .default {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.6rem;
min-height: 4.8rem;
padding: 0 1.4rem 0 1.8rem;
border: 1px solid var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-cacao);
color: var(--wabe-r21-cream) !important;
font-size: 1.4rem;
transition: border-color 0.25s ease;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list > .default::after {
flex: 0 0 auto;
width: 1.6rem;
height: 1.6rem;
background: var(--wabe-r21-copper-hi);
content: "";
-webkit-mask: var(--wabe-r21-i-chevron) center / contain no-repeat;
mask: var(--wabe-r21-i-chevron) center / contain no-repeat;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list svg {
display: none;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list:is(:hover, :focus-within) > .default {
border-color: var(--wabe-r21-copper);
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list .size-option {
top: calc(100% + 0.6rem) !important;
right: 0 !important;
left: 0;
z-index: 20;
min-width: 24rem !important;
padding: 0.6rem !important;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-cacao) !important;
box-shadow: var(--wabe-r21-lift);
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list .size-option a {
display: block;
padding: 1rem 1.2rem !important;
border-radius: var(--wabe-r21-r-sm);
color: var(--wabe-r21-latte) !important;
font-size: 1.4rem !important;
text-decoration: none;
transition: background-color 0.2s ease;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list .size-option a:hover {
background: var(--wabe-r21-mocha);
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list .size-option a:is(.active, [aria-current="page"], [data-wabe-listing-active="true"]) {
background: var(--wabe-r21-cream) !important;
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] [data-wabe-listing-root] [data-wabe-listing-grid] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
html[data-wabe-core] .wabe-listing-pagination,
html[data-wabe-core] [data-wabe-listing-pagination] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin: clamp(4rem, 4.4vw, 5.6rem) 0 0;
}
html[data-wabe-core] :is(.wabe-listing-pagination, [data-wabe-listing-pagination]) :is([data-wabe-listing-page-link], .shop-btn) {
min-width: 4.8rem;
min-height: 4.8rem;
margin: 0 !important;
padding: 0 1.4rem;
background: transparent !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-line-hi);
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 1.8rem;
font-weight: 500;
font-variant-numeric: lining-nums;
}
html[data-wabe-core] :is(.wabe-listing-pagination, [data-wabe-listing-pagination]) :is([data-wabe-listing-page-link], .shop-btn):is(:hover, :focus-visible) {
background: var(--wabe-r21-mocha) !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper);
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] :is(.wabe-listing-pagination, [data-wabe-listing-pagination]) :is([data-wabe-listing-page-link], .shop-btn)[aria-current="page"] {
background: var(--wabe-r21-cream) !important;
box-shadow: inset 0 0 0 0.25rem var(--wabe-r21-cream), inset 0 0 0 0.35rem var(--wabe-r21-oat-lo);
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] [data-wabe-listing-load-more-wrap] {
margin-block: 4rem 0;
}
html[data-wabe-core] [data-wabe-listing-load-more-wrap] p {
color: var(--wabe-r21-mute) !important;
font-size: 1.3rem;
}
html[data-wabe-core] .wabe-buying-guide {
width: calc(100% - 2 * var(--wabe-r21-gutter));
max-width: calc(var(--wabe-r21-max) - 2 * var(--wabe-r21-gutter));
margin: 0 auto var(--wabe-r21-section);
padding: clamp(4.4rem, 6vw, 8rem) 0 !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-xl);
background: radial-gradient(60rem 30rem at 0% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .wabe-buying-guide > .container {
padding-inline: clamp(2rem, 4.4vw, 6.4rem) !important;
}
html[data-wabe-core] .wabe-buying-guide__inner {
max-width: var(--wabe-r21-max) !important;
}
html[data-wabe-core] .wabe-buying-guide__intro {
max-width: 84rem;
}
html[data-wabe-core] .wabe-buying-guide__eyebrow {
display: inline-flex;
align-items: center;
gap: 1.2rem;
margin: 0 0 2rem;
padding: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.2rem;
letter-spacing: 0.22em !important;
text-transform: uppercase;
}
html[data-wabe-core] .wabe-buying-guide__eyebrow::before {
width: 3.2rem;
height: 1px;
background: var(--wabe-r21-copper);
content: "";
}
html[data-wabe-core] .wabe-buying-guide__intro h2 {
margin: 0;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3rem, 3.6vw, 5rem) !important;
font-weight: 500 !important;
letter-spacing: -0.02em !important;
line-height: 1.05 !important;
}
html[data-wabe-core] .wabe-buying-guide :is(p, li) {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] .wabe-buying-guide__intro h2 + p {
margin: 2rem 0 0;
font-size: 1.55rem;
line-height: 1.75;
}
html[data-wabe-core] .wabe-buying-guide__layout {
grid-template-columns: minmax(0, 1.5fr) minmax(28rem, 0.7fr);
gap: clamp(3rem, 5vw, 7rem);
margin-top: clamp(3.6rem, 4.4vw, 5.6rem);
}
html[data-wabe-core] .wabe-buying-guide__faq {
display: grid;
gap: 0;
border: 0 !important;
border-top: 1px solid var(--wabe-r21-line-hi) !important;
}
html[data-wabe-core] .wabe-buying-guide__faq details {
overflow: hidden;
padding-inline: 0.2rem;
border: 0 !important;
border-bottom: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: 0 !important;
background: transparent;
}
html[data-wabe-core] .wabe-buying-guide__faq summary {
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
padding: 2rem 0;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 2rem !important;
font-weight: 500 !important;
line-height: 1.3;
}
html[data-wabe-core] .wabe-buying-guide__faq summary::after {
display: grid;
place-items: center;
width: 3.2rem;
height: 3.2rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-sm);
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.8rem;
line-height: 1;
}
html[data-wabe-core] .wabe-buying-guide__faq details[open] summary::after {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] .wabe-buying-guide__faq details p {
max-width: 72rem;
margin: -0.4rem 0 0;
padding: 0 0 2.2rem;
font-size: 1.5rem;
line-height: 1.75;
}
html[data-wabe-core] .wabe-buying-guide__links {
align-self: start;
padding: 2.6rem 2.4rem 1.2rem;
border: 0 !important;
border-radius: var(--wabe-r21-r-lg) !important;
background: var(--wabe-r21-grain), var(--wabe-r21-tray) !important;
box-shadow: var(--wabe-r21-lift-sm);
}
html[data-wabe-core] .wabe-buying-guide__links :is(h2, h3, h4, strong),
html[data-wabe-core] .wabe-buying-guide__links-title {
margin: 0 0 1rem;
color: var(--wabe-r21-oat-ink) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.15rem;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
}
html[data-wabe-core] .wabe-buying-guide__links a {
align-items: center;
padding: 1.4rem 0;
border-top: 1px dotted var(--wabe-r21-oat-lo);
color: var(--wabe-r21-oat-ink) !important;
font-size: 1.45rem;
line-height: 1.45;
transition: padding 0.3s var(--wabe-r21-ease);
}
html[data-wabe-core] .wabe-buying-guide__links a:is(:hover, :focus-visible) {
padding-left: 0.6rem;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper-lo);
text-underline-offset: 0.25em;
}
html[data-wabe-core] .wabe-buying-guide__links a > span {
color: var(--wabe-r21-oat-text) !important;
}
@media (max-width: 991px) {
html[data-wabe-core] .wabe-buying-guide__layout {
grid-template-columns: 1fr;
}
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-pdp-root] {
padding: clamp(2.4rem, 2.8vw, 4rem) 0 var(--wabe-r21-section) !important;
background: transparent !important;
}
html[data-wabe-core] [data-wabe-pdp-root] .product-info-section {
margin-top: 0 !important;
}
html[data-wabe-core] [data-wabe-pdp-root] .product-info-section > .row {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: clamp(3.2rem, 5vw, 8rem);
align-items: start;
margin: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-wabe-core] [data-wabe-pdp-root] .product-info-section > .row > * {
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 0;
}
html[data-wabe-core] [data-wabe-pdp-root] .product-info-section > .row > :has([data-wabe-pdp-gallery]) {
position: sticky;
top: 2.4rem;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-pdp-gallery] .product-top {
position: relative;
aspect-ratio: 1 / 1;
height: auto !important;
max-height: none !important;
overflow: hidden;
border: 0 !important;
border-radius: var(--wabe-r21-r-xl) !important;
background: var(--wabe-r21-grain), var(--wabe-r21-tray) !important;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wabe-r21-oat-hi) 70%, transparent), 0 4rem 9rem -4rem var(--wabe-r21-lamp-hot), var(--wabe-r21-lift);
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-pdp-gallery] .product-top::after {
position: absolute;
right: 18%;
bottom: 2.2rem;
left: 18%;
z-index: 2;
height: 0.25rem;
border-radius: 99rem;
background: linear-gradient(90deg, transparent, var(--wabe-r21-copper) 18%, var(--wabe-r21-copper-hi) 50%, var(--wabe-r21-copper) 82%, transparent);
content: "";
pointer-events: none;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-top .swiper-wrapper {
height: 100% !important;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-top .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
height: 100% !important;
background: var(--wabe-r21-grain), var(--wabe-r21-tray) !important;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-pdp-gallery] .product-top img {
box-sizing: border-box;
width: 100% !important;
height: 100% !important;
max-height: none !important;
padding: 9% 9% 13%;
object-fit: contain;
background: transparent !important;
mix-blend-mode: multiply;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-top .product-discount-content {
top: 2rem;
right: auto;
left: 2rem;
z-index: 3;
display: inline-flex;
align-items: center;
width: auto;
height: auto;
margin: 0;
padding: 0.7rem 1.2rem 0.6rem;
border: 0 !important;
border-radius: var(--wabe-r21-r-xs) !important;
background: var(--wabe-r21-ink) !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper-lo);
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-discount-content :is(h4, span, p) {
margin: 0;
color: var(--wabe-r21-caramel) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 0.04em;
line-height: 1;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-bottom {
margin-top: 1.4rem;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-bottom .swiper-slide.slider-bottom-img {
box-sizing: border-box;
width: calc((100% - 3.6rem) / 5) !important;
height: auto !important;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-tray) !important;
box-shadow: none !important;
outline: 2px solid transparent;
outline-offset: -2px;
opacity: 1;
cursor: pointer;
transition: outline-color 0.25s ease;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-bottom .swiper-slide.slider-bottom-img img {
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0.8rem;
object-fit: contain;
mix-blend-mode: multiply;
opacity: 0.62;
transition: opacity 0.25s ease;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-bottom .swiper-slide:hover img {
opacity: 0.92;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-bottom .swiper-slide.swiper-slide-thumb-active {
outline-color: var(--wabe-r21-copper);
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-bottom .swiper-slide.swiper-slide-thumb-active img {
opacity: 1;
}
html[data-wabe-core] [data-wabe-pdp-gallery] :is(.swiper-button-next, .swiper-button-prev) {
color: var(--wabe-r21-oat-ink);
}
html[data-wabe-core][data-wabe-route-family] .product-info-content {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .product-info-content .wrapper-subtitle {
display: inline-flex;
align-items: center;
gap: 1.2rem;
margin: 0 0 1.8rem;
padding: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.15rem;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
html[data-wabe-core] .product-info-content .wrapper-subtitle::before {
flex: 0 0 auto;
width: 3.2rem;
height: 1px;
background: var(--wabe-r21-copper);
content: "";
}
html[data-wabe-core][data-wabe-route-family] .product-info-content [data-wabe-pdp-title] {
margin: 0 0 1.8rem !important;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3.2rem, 3.2vw, 4.8rem) !important;
font-weight: 500 !important;
letter-spacing: -0.02em;
line-height: 1.04 !important;
text-wrap: balance;
overflow-wrap: anywhere;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .ratings {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.6rem 1.1rem;
margin: 0 !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.35rem;
line-height: 1;
}
html[data-wabe-core] .product-info-content .ratings[data-wabe-rating-value]::before {
width: 8.6rem;
height: 1.55rem;
}
html[data-wabe-core] .product-info-content .ratings span {
color: var(--wabe-r21-latte) !important;
padding-top: 0.15rem;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper-lo);
text-underline-offset: 0.3em;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.6rem 1.6rem;
margin: 2.4rem 0 0 !important;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .price .new-price {
order: 1;
margin: 0;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3.6rem, 3.4vw, 4.8rem) !important;
font-weight: 500 !important;
letter-spacing: -0.01em;
line-height: 1 !important;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .price:has(.price-cut:not(:empty)) .new-price {
color: var(--wabe-r21-caramel) !important;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .price .price-cut {
order: 2;
margin: 0;
color: var(--wabe-r21-mute) !important;
font-size: 2.2rem !important;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
html[data-wabe-core] .product-info-content .price .price-cut:empty {
display: none;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-savings]:not([hidden]) {
display: inline-flex;
align-items: center;
gap: 0.7rem;
margin: 1.2rem 0 0;
padding: 0.5rem 1.1rem 0.45rem 0.9rem;
border-radius: var(--wabe-r21-r-xs);
background: color-mix(in srgb, var(--wabe-r21-caramel) 14%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wabe-r21-caramel) 40%, transparent);
color: var(--wabe-r21-caramel) !important;
font-size: 1.35rem;
font-weight: 400;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-savings]::before {
flex: 0 0 auto;
width: 1.4rem;
height: 1.4rem;
background: currentColor;
content: "";
-webkit-mask: var(--wabe-r21-i-tag) center / contain no-repeat;
mask: var(--wabe-r21-i-tag) center / contain no-repeat;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content > hr {
margin-block: 2.6rem !important;
border: 0 !important;
border-top: 1px solid var(--wabe-r21-line) !important;
background: transparent;
opacity: 1;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .content-paragraph {
color: var(--wabe-r21-latte) !important;
font-size: 1.5rem;
line-height: 1.75;
}
html[data-wabe-core] .product-info-content .product-availability {
display: inline-flex;
align-items: center;
gap: 1rem;
padding: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-latte);
font-size: 1.35rem;
}
html[data-wabe-core] .product-info-content .product-availability::before {
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
background: var(--wabe-r21-caramel);
box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--wabe-r21-caramel) 18%, transparent);
content: "";
}
html[data-wabe-core] .product-info-content .product-availability .inner-text {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .product-info-content .product-size {
margin-top: 2.6rem !important;
}
html[data-wabe-core] .product-info-content .product-size .size-title {
margin: 0 0 1rem !important;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.15rem;
letter-spacing: 0.2em;
text-transform: uppercase;
}
html[data-wabe-core] .product-info-content .product-size .size-section {
height: auto !important;
min-height: 5.6rem;
padding: 0.7rem 0.8rem 0.7rem 2rem !important;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r-sm) !important;
background: var(--wabe-r21-cacao) !important;
box-shadow: none;
color: var(--wabe-r21-cream);
font-size: 1.5rem !important;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
html[data-wabe-core] .product-info-content .product-size .size-section :is(.size-text, .toggle-btn2) {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .product-info-content .product-size .size-section .toggle-btn2 {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] .product-info-content .product-size .size-section:hover,
html[data-wabe-core] .product-info-content .product-size.active .size-section {
border-color: var(--wabe-r21-copper) !important;
}
html[data-wabe-core] .product-info-content .product-size.active .size-section {
box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--wabe-r21-copper) 18%, transparent);
}
html[data-wabe-core] .product-info-content .product-size .size-section .chevron {
display: grid;
place-items: center;
width: 4rem;
height: 4rem;
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-mocha);
}
html[data-wabe-core] .product-info-content .product-size .size-section .chevron svg {
width: 1.3rem;
height: 1.3rem;
}
html[data-wabe-core] .product-info-content .product-size .size-section .chevron svg :is(path, rect) {
fill: var(--wabe-r21-copper-hi);
stroke: var(--wabe-r21-copper-hi);
}
html[data-wabe-core] .product-info-content .product-size.active .size-option {
padding: 0.6rem !important;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-cacao) !important;
box-shadow: var(--wabe-r21-lift);
}
html[data-wabe-core] .product-info-content .product-size .size-option .option {
position: relative;
padding: 1.2rem 1.4rem;
border-radius: var(--wabe-r21-r-sm);
background: transparent;
color: var(--wabe-r21-latte) !important;
font-size: 1.45rem !important;
transition: background-color 0.2s ease, color 0.2s ease;
}
html[data-wabe-core] .product-info-content .product-size.active .size-option .option {
background: transparent;
}
html[data-wabe-core] .product-info-content .product-size .size-option .option:hover,
html[data-wabe-core] .product-info-content .product-size.active .size-option .option:hover {
background: var(--wabe-r21-mocha) !important;
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .product-info-content .product-size .size-option .option .option-measure {
color: var(--wabe-r21-mute) !important;
}
html[data-wabe-core] .product-info-content .product-size .size-option .option .option-text {
display: inline-flex;
align-items: center;
gap: 1rem;
color: inherit !important;
}
html[data-wabe-core] .product-info-content .product-size .size-option .option[aria-pressed="true"],
html[data-wabe-core] .product-info-content .product-size.active .size-option .option[aria-pressed="true"],
html[data-wabe-core] .product-info-content .product-size.active .size-option .option[aria-pressed="true"]:hover {
background: var(--wabe-r21-cream) !important;
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] .product-info-content .product-size .size-option .option[aria-pressed="true"] .option-measure {
color: var(--wabe-r21-oat-text) !important;
}
html[data-wabe-core] .product-info-content .product-size .size-option .option[aria-pressed="true"] .option-text::before {
flex: 0 0 auto;
width: 1.4rem;
height: 1.4rem;
background: currentColor;
content: "";
-webkit-mask: var(--wabe-r21-i-check) center / contain no-repeat;
mask: var(--wabe-r21-i-check) center / contain no-repeat;
}
html[data-wabe-core] .product-info-content .product-size[data-wabe-pdp-variant-selected="true"] .size-section {
border-color: var(--wabe-r21-copper-lo) !important;
}
html[data-wabe-core] [data-wabe-pdp-variant-prompt] {
margin-top: 1rem;
color: var(--wabe-r21-caramel) !important;
font-size: 1.4rem;
}
html[data-wabe-core] [data-wabe-pdp-variant-attention="true"] {
border-radius: var(--wabe-r21-r);
outline: 2px solid var(--wabe-r21-caramel);
outline-offset: 0.6rem;
}
html[data-wabe-core] [data-wabe-pdp-variant-attention="true"] .size-section {
border-color: var(--wabe-r21-caramel) !important;
background: var(--wabe-r21-mocha) !important;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .product-quantity {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: 1.1rem !important;
margin-top: 2.4rem !important;
}
html[data-wabe-core] .product-info-content .product-quantity .quantity-wrapper {
grid-column: 1 / -1;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 5.6rem;
gap: 1.1rem !important;
width: 100%;
}
html[data-wabe-core] .product-info-content .product-quantity :is(.quantity, .wishlist) {
display: flex;
align-items: center;
justify-content: center;
height: 5.6rem !important;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r-sm) !important;
background: var(--wabe-r21-cacao) !important;
color: var(--wabe-r21-cream);
}
html[data-wabe-core] .product-info-content .product-quantity .quantity {
width: auto !important;
justify-content: space-between !important;
gap: 0 !important;
padding: 0.5rem;
}
html[data-wabe-core] .product-info-content .product-quantity .quantity :is(.minus, .plus) {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-mocha);
color: var(--wabe-r21-cream) !important;
font-size: 2rem;
line-height: 1;
cursor: pointer;
user-select: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
html[data-wabe-core] .product-info-content .product-quantity .quantity :is(.minus, .plus):hover {
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] .product-info-content .product-quantity .quantity .number {
flex: 1 1 auto;
color: var(--wabe-r21-cream) !important;
font-size: 2.2rem !important;
font-weight: 500 !important;
text-align: center;
}
html[data-wabe-core] .product-info-content .product-quantity .wishlist {
width: 5.6rem !important;
cursor: pointer;
transition: border-color 0.25s ease, background-color 0.25s ease;
}
html[data-wabe-core] .product-info-content .product-quantity .wishlist:hover {
border-color: var(--wabe-r21-copper) !important;
}
html[data-wabe-core] .product-info-content .product-quantity .wishlist svg {
width: 2.2rem;
height: 2.2rem;
}
html[data-wabe-core] .product-info-content .product-quantity .wishlist svg path {
fill: transparent;
stroke: var(--wabe-r21-cream);
}
html[data-wabe-core] .product-info-content .product-quantity .wishlist[data-wabe-wishlist-active="true"] {
border-color: var(--wabe-r21-copper) !important;
background: var(--wabe-r21-copper) !important;
}
html[data-wabe-core] .product-info-content .product-quantity .wishlist[data-wabe-wishlist-active="true"] svg path {
fill: var(--wabe-r21-ink) !important;
stroke: var(--wabe-r21-ink) !important;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .product-quantity > .shop-btn {
width: 100%;
min-width: 0;
min-height: 6rem;
margin: 0 !important;
font-size: 1.55rem;
}
html[data-wabe-core] .product-info-content .product-quantity > .shop-btn:not(.wabe-buy-now-button)::before {
position: static !important;
display: inline-block !important;
flex: 0 0 auto;
width: 2rem;
height: 2rem;
background: currentColor;
content: "" !important;
-webkit-mask: var(--wabe-r21-i-bag) center / contain no-repeat;
mask: var(--wabe-r21-i-bag) center / contain no-repeat;
}
html[data-wabe-core] .product-info-content .product-quantity .shop-btn:disabled[data-wabe-variant-missing="true"],
html[data-wabe-core] .wabe-buy-now-bar .shop-btn:disabled[data-wabe-variant-missing="true"] {
opacity: 1 !important;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] {
gap: 1.2rem !important;
margin-top: 2.2rem !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-proof-rail] {
display: flex;
align-items: center;
gap: 1.1rem;
min-height: 0;
padding: 1.1rem 1.6rem 1rem 1.4rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-cacao) !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.35rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-proof-rail]::before {
flex: 0 0 auto;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background: var(--wabe-r21-caramel);
box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--wabe-r21-caramel) 18%, transparent), 0 0 1.4rem var(--wabe-r21-lamp-hot);
content: "";
animation: wabe-r21-ember 2.4s ease-in-out infinite;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-proof-item] span {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-proof-item] strong {
margin-inline: 0.3rem;
color: var(--wabe-r21-cream) !important;
font-size: 1.7rem;
font-weight: 500;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-proof-item] > span:first-child:empty {
display: none;
}
@keyframes wabe-r21-ember {
0%, 100% { opacity: 1; }
50% { opacity: 0.45; }
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem 1rem;
padding: 1.9rem 2rem 1.9rem 7.6rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-left: 0.3rem solid var(--wabe-r21-copper) !important;
border-radius: var(--wabe-r21-r-sm) !important;
background: radial-gradient(70% 120% at 0% 0%, var(--wabe-r21-lamp-soft), transparent 70%), var(--wabe-r21-cacao) !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.35rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery]::before {
position: absolute;
top: 1.9rem;
left: 1.8rem;
width: 4rem;
height: 4rem;
box-sizing: border-box;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-ink);
content: "";
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery]::after {
position: absolute;
top: 2.85rem;
left: 2.8rem;
width: 2rem;
height: 2rem;
background: var(--wabe-r21-copper-hi);
content: "";
-webkit-mask: var(--wabe-r21-i-truck) center / contain no-repeat;
mask: var(--wabe-r21-i-truck) center / contain no-repeat;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-dispatch-message] {
flex-basis: 100%;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 1.95rem;
font-weight: 500;
line-height: 1.25;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-dispatch-message]:empty {
display: none;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-dispatch-countdown]:not([hidden]) {
display: inline-flex;
align-items: center;
padding: 0.3rem 1rem 0.2rem;
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-cream);
color: var(--wabe-r21-ink) !important;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: 0.02em;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] [data-wabe-coupon-hint]:not([hidden]) {
display: inline-flex;
flex-basis: auto;
align-items: center;
gap: 0.8rem;
margin: 0.6rem 0 0.4rem;
padding: 0.6rem 1.2rem 0.55rem 1rem;
border: 1px dashed var(--wabe-r21-copper);
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-ink);
color: var(--wabe-r21-caramel) !important;
font-size: 1.35rem;
font-weight: 400;
line-height: 1.35;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] [data-wabe-coupon-hint]:not([hidden])::before {
flex: 0 0 auto;
width: 1.5rem;
height: 1.5rem;
background: currentColor;
content: "";
-webkit-mask: var(--wabe-r21-i-tag) center / contain no-repeat;
mask: var(--wabe-r21-i-tag) center / contain no-repeat;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] [data-wabe-delivery-terms] {
flex-basis: 100%;
color: var(--wabe-r21-latte) !important;
opacity: 1;
font-size: 1.3rem;
line-height: 1.55;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] [data-wabe-delivery-terms] [data-wabe-delivery-estimate],
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery-estimate] {
color: var(--wabe-r21-cream) !important;
font-size: 1.4rem;
font-weight: 400;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] [data-wabe-delivery-terms] :is(span, a) {
color: inherit !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] [data-wabe-delivery-terms] [data-wabe-delivery-estimate] * {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-quantity-tiers-root] {
gap: 1.1rem !important;
margin-top: 0.6rem;
}
html[data-wabe-core] [data-wabe-quantity-tiers-root] h2 {
display: flex;
align-items: center;
gap: 1.2rem;
margin: 0 !important;
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.15rem !important;
font-weight: 400 !important;
letter-spacing: 0.2em !important;
line-height: 1.4;
text-transform: uppercase !important;
}
html[data-wabe-core] [data-wabe-quantity-tiers-root] h2::after {
flex: 1 1 auto;
height: 0.4rem;
background: var(--wabe-r21-dots);
content: "";
}
html[data-wabe-core] [data-wabe-quantity-tiers] {
gap: 1rem !important;
padding-top: 0.8rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] {
position: relative;
justify-content: flex-start !important;
min-height: 12.4rem !important;
gap: 0.4rem !important;
padding: 1.8rem 1.5rem 1.5rem !important;
overflow: visible !important;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r) !important;
background: linear-gradient(170deg, var(--wabe-r21-bark) 0%, var(--wabe-r21-mocha) 60%, var(--wabe-r21-cacao) 100%) !important;
box-shadow: none !important;
color: var(--wabe-r21-cream) !important;
cursor: pointer;
transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s var(--wabe-r21-ease);
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier]:hover {
border-color: var(--wabe-r21-copper) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > strong {
margin: 0 0 0.4rem !important;
color: var(--wabe-r21-cream) !important;
font-size: 3.4rem !important;
font-weight: 500 !important;
letter-spacing: -0.01em;
line-height: 1 !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > span:first-of-type {
color: var(--wabe-r21-caramel) !important;
font-size: 1.3rem !important;
font-weight: 400 !important;
line-height: 1.3 !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier-subtotal] {
color: var(--wabe-r21-cream) !important;
font-size: 1.3rem !important;
font-weight: 400 !important;
line-height: 1.35 !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier-savings] {
color: var(--wabe-r21-latte) !important;
font-size: 1.2rem !important;
line-height: 1.35 !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > small {
position: absolute !important;
top: 0 !important;
right: 1.2rem !important;
left: auto !important;
max-width: calc(100% - 2.4rem) !important;
margin: 0 !important;
padding: 0.35rem 0.8rem 0.3rem;
overflow: visible !important;
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink) !important;
font-size: 1.05rem !important;
letter-spacing: 0.08em;
line-height: 1.25 !important;
text-align: center;
text-overflow: clip !important;
text-transform: uppercase;
white-space: normal !important;
transform: translateY(-50%);
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier][aria-pressed="true"] {
border-color: var(--wabe-r21-oat-hi) !important;
background: var(--wabe-r21-grain), var(--wabe-r21-tray) !important;
box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--wabe-r21-copper) 30%, transparent), 0 1.8rem 3.6rem -2rem var(--wabe-r21-lamp-hot) !important;
color: var(--wabe-r21-oat-ink) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier][aria-pressed="true"] > strong,
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier][aria-pressed="true"] [data-wabe-quantity-tier-subtotal] {
color: var(--wabe-r21-oat-ink) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier][aria-pressed="true"] > span:first-of-type {
color: var(--wabe-r21-copper-lo) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier][aria-pressed="true"] [data-wabe-quantity-tier-savings] {
color: var(--wabe-r21-oat-text) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier][aria-pressed="true"] > small {
background: var(--wabe-r21-ink);
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] {
grid-template-columns: 7.2rem minmax(0, 1fr) auto;
align-items: center;
gap: 1.6rem;
margin-top: 0.4rem;
padding: 1.2rem 1.6rem 1.2rem 1.2rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-cacao) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] img {
width: 7.2rem;
height: 7.2rem;
padding: 0.6rem;
border: 0;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-tray);
object-fit: contain;
mix-blend-mode: normal;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] small {
justify-self: start;
width: fit-content;
padding: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.1rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] a {
color: var(--wabe-r21-cream) !important;
font-size: 1.4rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] strong {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 1.9rem;
font-weight: 500;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] .shop-btn {
min-width: 0;
min-height: 4.2rem;
margin: 0 !important;
padding: 0.6rem 1.6rem;
background: transparent !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper-lo);
color: var(--wabe-r21-cream) !important;
font-size: 1.3rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] .shop-btn:hover {
background: var(--wabe-r21-cream) !important;
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-facts] {
display: grid;
gap: 0;
margin: 2.4rem 0 0 !important;
padding: 0.6rem 1.8rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-cacao) !important;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-facts] > p {
margin: 0 !important;
padding: 1.1rem 0 !important;
border-bottom: 1px dotted var(--wabe-r21-line-hi);
color: var(--wabe-r21-latte) !important;
font-size: 1.35rem;
line-height: 1.5;
overflow-wrap: anywhere;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-facts] > p:last-of-type {
border-bottom: 0;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-facts] :is(p .inner-text, a) {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-tag-links] {
padding: 1.2rem 0;
border-top: 1px dotted var(--wabe-r21-line-hi);
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-tag-links] h5 {
margin: 0 0 1rem;
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: 0.18em;
text-transform: uppercase;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-tag-links] .sidebar-list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin: 0;
padding: 0;
list-style: none;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-tag-links] a {
display: inline-block;
padding: 0.4rem 1rem;
border: 1px solid var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r-xs);
color: var(--wabe-r21-latte) !important;
font-size: 1.25rem;
}
html[data-wabe-core] .product-info-content [data-wabe-pdp-tag-links] a:hover {
border-color: var(--wabe-r21-copper);
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .product-info-content .product-share {
display: none;
}
html[data-wabe-core] section.product.product-description {
padding: var(--wabe-r21-section) 0 !important;
border-top: 0;
background: transparent !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .product-detail-section {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-wabe-core] .product-detail-section .nav-tabs,
html[data-wabe-core] .product-detail-section .nav-item,
html[data-wabe-core] .product-description .nav-item {
display: flex;
flex-wrap: wrap;
gap: 0 3.2rem;
max-width: 100%;
margin-bottom: clamp(3.2rem, 4vw, 5.2rem) !important;
padding: 0;
border: 0 !important;
border-bottom: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: 0;
background: transparent;
}
html[data-wabe-core] :is(.product-detail-section, .product-description) :is(.nav-tabs, .nav-item) .nav-link {
position: relative;
margin: 0 0 -1px !important;
padding: 1.4rem 0 !important;
border: 0 !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--wabe-r21-mute) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 2.2rem !important;
font-weight: 500 !important;
letter-spacing: 0;
line-height: 1.2 !important;
text-transform: none;
transition: color 0.25s ease, border-color 0.25s ease;
}
html[data-wabe-core] :is(.product-detail-section, .product-description) :is(.nav-tabs, .nav-item) .nav-link:hover {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] :is(.product-detail-section, .product-description) :is(.nav-tabs, .nav-item) .nav-link.active {
border-bottom-color: var(--wabe-r21-copper) !important;
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .product-description .tab-item .tab-pane.active,
html[data-wabe-core] .product-description .tab-item .tab-pane.show {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
gap: clamp(2.4rem, 4vw, 6.4rem);
align-items: start;
}
html[data-wabe-core] .product-description .tab-item .tab-pane > * {
min-width: 0;
}
html[data-wabe-core] .product-description .tab-item .tab-pane > [data-wabe-pdp-description-html] {
grid-column: 1;
grid-row: 1;
}
html[data-wabe-core] .product-description .tab-item .tab-pane > .product-feature {
grid-column: 2;
grid-row: 1 / span 3;
}
html[data-wabe-core] .product-description .tab-item .tab-pane > :is([data-wabe-pdp-product-details], [data-wabe-pdp-faq]) {
grid-column: 1;
}
html[data-wabe-core] .product-description .tab-item .tab-pane > :is(.wabe-pdp-social-proof, .product-review-section, .wabe-pdp-ugc-gallery) {
grid-column: 1 / -1;
}
html[data-wabe-core] .product-description .tab-item .intro-heading,
html[data-wabe-core] .product-detail-section .intro-heading {
display: flex;
align-items: center;
gap: 1.2rem;
margin: 0 0 1.8rem !important;
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.2rem !important;
font-weight: 400 !important;
letter-spacing: 0.2em;
line-height: 1.4 !important;
text-transform: uppercase;
}
html[data-wabe-core] .product-description .tab-item .intro-heading::after {
flex: 1 1 auto;
min-width: 2rem;
height: 0.4rem;
background: var(--wabe-r21-dots);
content: "";
}
html[data-wabe-core] .product-description .tab-item .product-details,
html[data-wabe-core] .product-description .tab-item .product-details p,
html[data-wabe-core] .product-description .tab-item [data-wabe-pdp-description-rich-html] :is(p, li) {
margin: 0 0 1.4rem;
color: var(--wabe-r21-latte) !important;
font-size: 1.6rem !important;
line-height: 1.8 !important;
}
html[data-wabe-core] .product-description .tab-item :is(p, li, td, span, dd) {
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .product-description .tab-item .product-details :is(b, strong) {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .product-description .tab-item .product-details :is(h2, h3, h4),
html[data-wabe-core] .product-description .tab-item [data-wabe-pdp-description-rich-html] :is(h2, h3, h4) {
margin: 3.6rem 0 1.2rem !important;
color: var(--wabe-r21-cream) !important;
font-size: clamp(2.4rem, 2.2vw, 3rem) !important;
font-weight: 500 !important;
letter-spacing: -0.01em;
line-height: 1.15 !important;
}
html[data-wabe-core] .product-description .tab-item .product-details > :first-child {
margin-top: 0 !important;
}
html[data-wabe-core] .product-description .tab-item [data-wabe-pdp-description-rich-html] a,
html[data-wabe-core] .product-description .tab-item .product-details a {
color: var(--wabe-r21-cream) !important;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper);
text-underline-offset: 0.25em;
}
html[data-wabe-core] .product-description .tab-item table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .product-description .tab-item :is(th, td) {
padding: 1.1rem 1.2rem 1.1rem 0;
border: 0;
border-bottom: 1px dotted var(--wabe-r21-line-hi);
background: transparent !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.45rem;
text-align: left;
vertical-align: top;
}
html[data-wabe-core] .product-description .tab-item th {
color: var(--wabe-r21-copper-hi) !important;
font-weight: 400;
letter-spacing: 0.04em;
}
html[data-wabe-core] .product-description .tab-item .product-feature,
html[data-wabe-core] .product-detail-section .product-feature {
position: relative;
max-width: none;
margin: 0;
padding: clamp(2.6rem, 3vw, 3.6rem) clamp(2.2rem, 2.6vw, 3.2rem);
border: 0;
border-radius: var(--wabe-r21-r-xl);
background: var(--wabe-r21-grain), var(--wabe-r21-tray);
box-shadow: inset 0 0 0 0.6rem var(--wabe-r21-oat), inset 0 0 0 calc(0.6rem + 1px) var(--wabe-r21-oat-lo), var(--wabe-r21-lift);
}
html[data-wabe-core] .product-description .tab-item .product-feature .intro-heading {
color: var(--wabe-r21-copper-lo) !important;
}
html[data-wabe-core] .product-description .tab-item .product-feature .intro-heading::after {
background: var(--wabe-r21-dots-oat);
}
html[data-wabe-core] .product-description .tab-item .product-feature ul {
display: grid;
gap: 0;
margin: 0;
padding: 0 !important;
border: 0;
list-style: none;
}
html[data-wabe-core] .product-description .tab-item .product-feature li {
position: relative;
display: grid;
grid-template-columns: 1.2rem minmax(0, 1fr);
align-items: start;
gap: 1.4rem;
margin: 0 !important;
padding: 1.4rem 0 !important;
border: 0;
border-top: 1px dotted var(--wabe-r21-oat-lo);
background: transparent;
list-style: none;
}
html[data-wabe-core] .product-description .tab-item .product-feature li:first-child {
border-top: 0;
}
html[data-wabe-core] .product-description .tab-item .product-feature li::before {
width: 0.7rem;
height: 0.7rem;
margin: 0.75rem 0 0 0.2rem;
background: var(--wabe-r21-copper-lo);
content: "";
transform: rotate(45deg);
}
html[data-wabe-core] .product-description .tab-item .product-feature li::after {
display: none;
}
html[data-wabe-core] .product-description .tab-item .product-feature :is(li, li p) {
margin: 0 !important;
color: var(--wabe-r21-oat-ink) !important;
font-size: 1.5rem !important;
line-height: 1.6 !important;
}
html[data-wabe-core] .product-description .tab-item .product-feature li :is(strong, b) {
color: var(--wabe-r21-oat-ink) !important;
}
html[data-wabe-core] .product-description .tab-item :is(.wabe-pdp-faq-section, .wabe-pdp-product-details-section) {
margin: 3.2rem 0 0;
border-top: 0;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-faq-list {
border: 0;
}
html[data-wabe-core] .product-description .tab-item :is(.wabe-pdp-faq-section, .wabe-pdp-product-details-section) details {
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid var(--wabe-r21-line-hi);
border-radius: 0;
background: transparent;
}
html[data-wabe-core] .product-description .tab-item :is(.wabe-pdp-faq-section, .wabe-pdp-product-details-section) details:first-of-type {
border-top: 1px solid var(--wabe-r21-line-hi);
}
html[data-wabe-core] .product-description .tab-item details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.6rem;
padding: 1.9rem 0;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 2rem;
font-weight: 500;
line-height: 1.3;
list-style: none;
cursor: pointer;
}
html[data-wabe-core] .product-description .tab-item details > summary::-webkit-details-marker {
display: none;
}
html[data-wabe-core] .product-description .tab-item details > summary::after {
display: grid;
flex: 0 0 auto;
place-items: center;
width: 3.2rem;
height: 3.2rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-sm);
color: var(--wabe-r21-copper-hi);
content: "+";
font-family: var(--wabe-r21-sans);
font-size: 1.8rem;
line-height: 1;
transition: background-color 0.25s ease, color 0.25s ease;
}
html[data-wabe-core] .product-description .tab-item details[open] > summary::after {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink);
content: "\2212";
}
html[data-wabe-core] .product-description .tab-item details > :is(p, div, ul, table) {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] .product-description .tab-item details > p {
max-width: 78rem;
margin: 0 !important;
padding: 0 0 2rem;
font-size: 1.5rem;
line-height: 1.75;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-social-proof {
margin: clamp(2.4rem, 3.6vw, 5.6rem) 0 0;
padding: 0;
border: 0;
}
html[data-wabe-core] .product-review-section {
margin-top: clamp(3.2rem, 4vw, 4.8rem) !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-summary {
max-width: none;
margin: 0 0 2.4rem;
padding: clamp(2.6rem, 3.6vw, 4.8rem) !important;
overflow: hidden;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-xl) !important;
background: radial-gradient(40rem 26rem at 0% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao) !important;
box-shadow: none;
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-summary__inner {
display: grid;
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
align-items: center;
gap: 2.8rem clamp(3.2rem, 6vw, 8.8rem);
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-overview {
display: grid;
justify-items: start;
gap: 1.2rem;
padding: 0 clamp(2.4rem, 4vw, 5.6rem) 0 0;
border: 0;
border-right: 1px solid var(--wabe-r21-copper-lo);
background: transparent;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-score {
color: var(--wabe-r21-cream) !important;
font-size: clamp(8rem, 8vw, 11.2rem) !important;
font-weight: 500 !important;
letter-spacing: -0.03em;
line-height: 0.85 !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-count {
color: var(--wabe-r21-mute) !important;
font-size: 1.2rem;
letter-spacing: 0.16em;
text-transform: uppercase;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-stars {
font-size: 2.2rem;
letter-spacing: 0.3rem;
}
html[data-wabe-core] .wabe-pdp-review-rating,
html[data-wabe-core] .product-description .tab-item .wabe-pdp-stars,
html[data-wabe-core] .product-description .tab-item .wabe-pdp-stars__track {
color: var(--wabe-r21-line-hi) !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-stars__fill {
color: var(--wabe-r21-caramel) !important;
background: transparent;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-bars {
display: grid;
gap: 1.2rem;
width: 100%;
max-width: none;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-bar {
display: grid;
grid-template-columns: 3.8rem minmax(0, 1fr) 3.2rem;
align-items: center;
gap: 1.6rem;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .product-description .tab-item :is(.wabe-pdp-rating-bar-label, .wabe-pdp-rating-bar-count) {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 1.7rem;
font-weight: 500;
font-variant-numeric: lining-nums tabular-nums;
white-space: nowrap;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-bar-label span {
color: var(--wabe-r21-caramel) !important;
font-size: 1.2rem;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-bar-count {
color: var(--wabe-r21-latte) !important;
text-align: right;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-bar-track {
height: 0.4rem;
overflow: hidden;
border: 0;
border-radius: 99rem;
background: var(--wabe-r21-line) !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-bar-fill {
display: block;
height: 100%;
border-radius: 99rem;
background: linear-gradient(90deg, var(--wabe-r21-copper-lo), var(--wabe-r21-caramel)) !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-section-heading {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.4rem;
margin: 0 0 2.4rem;
padding: 0;
border: 0;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-section-heading .intro-heading {
margin: 0 !important;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: clamp(2.8rem, 2.8vw, 3.8rem) !important;
font-weight: 500 !important;
letter-spacing: -0.015em !important;
line-height: 1.08 !important;
text-transform: none !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-section-heading .intro-heading::after {
display: none;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-section-count {
display: inline-grid;
place-items: center;
min-width: 3.6rem;
height: 3.6rem;
padding: 0 1rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-sm);
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.4rem;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.6rem;
max-width: none;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-list--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-list--count-1 {
grid-template-columns: minmax(0, min(56rem, 100%));
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-card,
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-card--text-only {
position: relative;
min-width: 0;
padding: 3rem 2.6rem 2.6rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-lg) !important;
background: var(--wabe-r21-cacao) !important;
box-shadow: none !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-card::after {
position: absolute;
top: 2.6rem;
right: 2.4rem;
width: 3rem;
height: 2.2rem;
background: var(--wabe-r21-copper-lo);
content: "";
-webkit-mask: var(--wabe-r21-i-quote) center / contain no-repeat;
mask: var(--wabe-r21-i-quote) center / contain no-repeat;
pointer-events: none;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-card .wrapper {
position: relative;
z-index: 1;
gap: 1.2rem;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-stars {
font-size: 1.6rem;
letter-spacing: 0.15rem;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-rating-value {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 1.6rem;
font-weight: 500;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-meta,
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-meta :is(span, time, p) {
color: var(--wabe-r21-mute) !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-meta h5 {
position: relative;
display: inline-flex;
align-items: center;
gap: 1rem;
margin: 0;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.02em;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-meta h5::before {
flex: 0 0 auto;
width: 3.2rem;
height: 3.2rem;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-mocha);
content: "";
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-meta h5::after {
position: absolute;
top: 50%;
left: 0.8rem;
width: 1.6rem;
height: 1.6rem;
background: var(--wabe-r21-copper-hi);
content: "";
-webkit-mask: var(--wabe-r21-i-person) center / contain no-repeat;
mask: var(--wabe-r21-i-person) center / contain no-repeat;
transform: translateY(-50%);
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-verified-badge {
gap: 0.5rem;
padding: 0.3rem 0.9rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-xs);
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.1rem;
letter-spacing: 0.04em;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-verified-badge svg path {
fill: var(--wabe-r21-copper-hi);
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-title {
margin: 0.4rem 0 0;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 2.1rem !important;
font-weight: 500 !important;
line-height: 1.25 !important;
}
html[data-wabe-core] .product-description .tab-item .review-wrapper .wrapper .wrapper-description .wrapper-details,
html[data-wabe-core] .wabe-pdp-review-card .wrapper-description,
html[data-wabe-core] .wabe-pdp-review-card .wrapper-description p {
color: var(--wabe-r21-latte) !important;
font-size: 1.5rem !important;
line-height: 1.75 !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-social-proof__row {
max-width: none;
margin: 3.6rem 0 3rem;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-ugc-card {
overflow: hidden;
border: 1px solid var(--wabe-r21-line);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-mocha);
}
html[data-wabe-core] section.product[data-wabe-pdp-related] {
padding-top: var(--wabe-r21-section) !important;
border-top: 0 !important;
}
html[data-wabe-core] .wabe-buy-now-bar {
padding: 1.1rem var(--wabe-r21-gutter) calc(1.1rem + env(safe-area-inset-bottom, 0px)) !important;
border-top: 1px solid var(--wabe-r21-copper-lo) !important;
background: var(--wabe-r21-glass) !important;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
box-shadow: 0 -1.6rem 3.2rem -1.6rem var(--wabe-r21-shade) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .wabe-buy-now-bar :is(p, span, strong) {
color: var(--wabe-r21-cream);
}
html[data-wabe-core] .wabe-buy-now-bar .shop-btn,
html[data-wabe-core] .wabe-buy-now-bar .wabe-buy-now-button {
width: 100%;
min-height: 5.4rem;
margin: 0 !important;
background: var(--wabe-r21-cream) !important;
color: var(--wabe-r21-ink) !important;
box-shadow: inset 0 0 0 0.3rem var(--wabe-r21-cream), inset 0 0 0 0.4rem var(--wabe-r21-oat-lo);
}
@media (max-width: 767px) {
html[data-wabe-core][data-wabe-route-family="pdp"] section.product.footer[data-wabe-footer] {
padding-bottom: calc(9.6rem + env(safe-area-inset-bottom, 0px)) !important;
}
}
html[data-wabe-core] section.blog.about-blog {
position: relative;
width: calc(100% - 2 * var(--wabe-r21-gutter));
max-width: calc(var(--wabe-r21-max) - 2 * var(--wabe-r21-gutter));
margin: 0 auto;
padding: clamp(3.6rem, 4.6vw, 6.4rem) 0 clamp(2.8rem, 3.4vw, 4.4rem) !important;
border: 0 !important;
border-bottom: 1px solid var(--wabe-r21-line) !important;
border-radius: 0;
background: transparent !important;
}
html[data-wabe-core] section.blog.about-blog > .container {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-inline: 0 !important;
text-align: left;
}
html[data-wabe-core] section.blog.about-blog .blog-bradcrum {
justify-content: flex-start;
margin: 0 0 clamp(2.2rem, 3vw, 3.2rem) !important;
}
html[data-wabe-core] .blog-heading.about-heading {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
text-align: left !important;
}
html[data-wabe-core] .blog-heading .heading {
max-width: 22ch;
margin: 0 !important;
padding: 2rem 0 0;
background: linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left top / 6.4rem 1px no-repeat, linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left 0.4rem / 3.2rem 1px no-repeat;
color: var(--wabe-r21-cream) !important;
font-size: clamp(4rem, 5.4vw, 8rem) !important;
font-weight: 500 !important;
letter-spacing: -0.025em;
line-height: 1 !important;
text-align: left !important;
text-wrap: balance;
overflow-wrap: anywhere;
}
html[data-wabe-core] section.about,
html[data-wabe-core] :is(section.about, section.faq, section.blog:not(.about-blog), section.latest, .terms, .privacy)[data-wabe-content-body],
html[data-wabe-core] section.product.footer-padding[data-wabe-launch-blog-article-page],
html[data-wabe-core] [data-wabe-launch-blog-hub-page],
html[data-wabe-core] [data-wabe-launch-blog-article-page] {
padding: clamp(3.2rem, 4.4vw, 6.4rem) 0 var(--wabe-r21-section) !important;
background: transparent !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] section.about :is(.about-section, .about-content) {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-wabe-core] section.about .about-content {
max-width: 80rem;
margin-inline: auto;
}
html[data-wabe-core] [data-wabe-content-body] .about-content > .about-title {
display: none;
}
html[data-wabe-core] .about-title {
margin: 0 0 2.4rem !important;
color: var(--wabe-r21-cream) !important;
font-size: clamp(2.8rem, 2.8vw, 4rem) !important;
font-weight: 500 !important;
}
html[data-wabe-core] [data-wabe-content-html],
html[data-wabe-core] [data-wabe-launch-blog-article] {
max-width: 80rem;
margin-inline: auto !important;
padding: 0 !important;
border: 0;
border-radius: 0;
background: transparent;
color: var(--wabe-r21-latte) !important;
font-size: 1.65rem !important;
line-height: 1.85 !important;
}
html[data-wabe-core] [data-wabe-content-html][data-wabe-launch-blog-index-page] {
max-width: none;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) :is(p, li, td, span, dd, dt, figcaption) {
color: var(--wabe-r21-latte);
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) p {
margin: 0 0 1.6rem;
font-size: 1.65rem;
line-height: 1.85;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) :is(strong, b) {
color: var(--wabe-r21-cream);
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) :is(h1, h2, h3, h4, h5, h6) {
color: var(--wabe-r21-cream) !important;
font-weight: 500 !important;
letter-spacing: -0.015em !important;
line-height: 1.15 !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) h1 {
margin: 0 0 2.2rem !important;
font-size: clamp(3.2rem, 3.8vw, 5.2rem) !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) h2 {
margin: clamp(4.4rem, 5vw, 6rem) 0 1.8rem !important;
padding-top: 1.8rem;
background: linear-gradient(var(--wabe-r21-copper-lo), var(--wabe-r21-copper-lo)) left top / 4.8rem 1px no-repeat;
font-size: clamp(2.8rem, 2.8vw, 3.8rem) !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) h3 {
margin: 3.2rem 0 1.2rem !important;
font-size: clamp(2.2rem, 2.1vw, 2.7rem) !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) :is(h4, h5, h6) {
margin: 2.4rem 0 1rem !important;
font-size: 2rem !important;
}
html[data-wabe-core] [data-wabe-content-html] > :first-child,
html[data-wabe-core] [data-wabe-content-html] > div > :first-child {
margin-top: 0 !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) a:not([data-wabe-product-link]):not([data-wabe-product-name]):not(.product-btn):not(.shop-btn) {
color: var(--wabe-r21-cream) !important;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper);
text-decoration-thickness: 1px;
text-underline-offset: 0.26em;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) a:not([data-wabe-product-link]):not([data-wabe-product-name]):not(.product-btn):not(.shop-btn):hover {
color: var(--wabe-r21-caramel) !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) :is(ul, ol) {
margin: 0 0 2.2rem;
padding: 0;
list-style: none;
counter-reset: wabe-r21-li;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) :is(ul, ol) > li {
position: relative;
margin: 0 0 0.9rem;
padding: 0 0 0 3rem;
font-size: 1.6rem;
line-height: 1.75;
list-style: none;
counter-increment: wabe-r21-li;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) ul > li::before {
position: absolute;
top: 0.95rem;
left: 0.6rem;
width: 0.6rem;
height: 0.6rem;
background: var(--wabe-r21-copper);
content: "";
transform: rotate(45deg);
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) ol > li::before {
position: absolute;
top: 0;
left: 0;
color: var(--wabe-r21-copper-hi);
content: counter(wabe-r21-li);
font-family: var(--wabe-r21-serif);
font-size: 1.9rem;
font-weight: 500;
line-height: 1.5;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) blockquote {
position: relative;
margin: 4rem 0 !important;
padding: clamp(2.8rem, 3.2vw, 4rem) clamp(2.8rem, 3.2vw, 4rem) clamp(2.8rem, 3.2vw, 4rem) clamp(6.4rem, 7vw, 8.8rem) !important;
border: 0 !important;
border-radius: var(--wabe-r21-r-lg);
background: var(--wabe-r21-grain), var(--wabe-r21-tray) !important;
color: var(--wabe-r21-oat-ink) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: clamp(2rem, 2.1vw, 2.6rem);
font-weight: 500;
line-height: 1.4;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) blockquote::before {
position: absolute;
top: clamp(3rem, 3.4vw, 4.2rem);
left: clamp(2.2rem, 2.6vw, 3.2rem);
width: 2.8rem;
height: 2.1rem;
background: var(--wabe-r21-copper-lo);
content: "";
-webkit-mask: var(--wabe-r21-i-quote) center / contain no-repeat;
mask: var(--wabe-r21-i-quote) center / contain no-repeat;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) blockquote :is(p, strong, span) {
margin: 0;
color: var(--wabe-r21-oat-ink) !important;
font-family: inherit !important;
font-size: inherit;
line-height: inherit;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) table {
display: block;
width: 100%;
max-width: 100%;
margin: 2.4rem 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-cacao);
font-size: 1.45rem;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) :is(th, td) {
padding: 1.2rem 1.6rem;
border: 0;
border-bottom: 1px dotted var(--wabe-r21-line-hi);
background: transparent;
color: var(--wabe-r21-latte);
text-align: left;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) tr:last-child > :is(th, td) {
border-bottom: 0;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) th {
background: var(--wabe-r21-mocha);
color: var(--wabe-r21-copper-hi);
font-size: 1.2rem;
letter-spacing: 0.14em;
text-transform: uppercase;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) img {
max-width: 100%;
height: auto;
border-radius: var(--wabe-r21-r-lg);
}
html[data-wabe-core] [data-wabe-content-html] details {
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid var(--wabe-r21-line-hi);
border-radius: 0;
background: transparent;
}
html[data-wabe-core] [data-wabe-content-html] details:first-of-type {
border-top: 1px solid var(--wabe-r21-line-hi);
}
html[data-wabe-core] [data-wabe-content-html] details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
padding: 2.1rem 0;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 2.1rem;
font-weight: 500;
line-height: 1.3;
list-style: none;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-content-html] details > summary::-webkit-details-marker {
display: none;
}
html[data-wabe-core] [data-wabe-content-html] details > summary::after {
display: grid;
flex: 0 0 auto;
place-items: center;
width: 3.4rem;
height: 3.4rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-sm);
color: var(--wabe-r21-copper-hi);
content: "+";
font-family: var(--wabe-r21-sans);
font-size: 1.9rem;
line-height: 1;
transition: background-color 0.25s ease, color 0.25s ease;
}
html[data-wabe-core] [data-wabe-content-html] details[open] > summary::after {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink);
content: "\2212";
}
html[data-wabe-core] [data-wabe-content-html] details > p {
max-width: 74rem;
margin: 0 !important;
padding: 0 0 2.2rem;
}
html[data-wabe-core] section.faq [data-wabe-content-html],
html[data-wabe-core] section.latest [data-wabe-content-html]:not([data-wabe-launch-blog-index-page]) {
max-width: 88rem;
}
html[data-wabe-core] [data-wabe-blog-index] {
gap: 1.8rem !important;
max-width: none !important;
}
html[data-wabe-core] [data-wabe-blog-index] article > a {
position: relative;
min-height: 0 !important;
padding: clamp(2.8rem, 3vw, 4rem) clamp(2.8rem, 3vw, 4rem) 7.6rem !important;
overflow: hidden;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-lg) !important;
background: var(--wabe-r21-cacao) !important;
box-shadow: none !important;
color: var(--wabe-r21-cream) !important;
text-decoration: none !important;
transform: none !important;
transition: border-color 0.3s ease, background-color 0.3s ease !important;
}
html[data-wabe-core] [data-wabe-blog-index] article > a::after {
position: absolute;
right: clamp(2.8rem, 3vw, 4rem);
bottom: 2.6rem;
left: clamp(2.8rem, 3vw, 4rem);
height: 1.4rem;
background: linear-gradient(var(--wabe-r21-copper-hi), var(--wabe-r21-copper-hi)) right center / 2.8rem 1.4rem no-repeat;
content: "";
-webkit-mask: var(--wabe-r21-i-arrow) right center / 2.8rem 1.4rem no-repeat;
mask: var(--wabe-r21-i-arrow) right center / 2.8rem 1.4rem no-repeat;
}
html[data-wabe-core] [data-wabe-blog-index] article > a:hover {
border-color: var(--wabe-r21-copper-lo) !important;
background: radial-gradient(60% 80% at 0% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-mocha) !important;
}
html[data-wabe-core] [data-wabe-blog-index] time {
display: inline-flex !important;
align-self: flex-start;
align-items: center;
width: auto !important;
margin-bottom: 2rem !important;
padding: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.15rem !important;
letter-spacing: 0.18em !important;
text-decoration: none !important;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-content-html] [data-wabe-blog-index] h2,
html[data-wabe-core] [data-wabe-blog-index] h2 {
display: block;
margin: 0 !important;
padding: 0;
border: 0;
background: none;
color: var(--wabe-r21-cream) !important;
font-size: clamp(2.4rem, 2.2vw, 3rem) !important;
font-weight: 500 !important;
line-height: 1.14 !important;
text-decoration: none !important;
}
html[data-wabe-core] [data-wabe-content-html] [data-wabe-blog-index] h2::before {
display: none !important;
}
html[data-wabe-core] [data-wabe-content-html] [data-wabe-blog-index] p,
html[data-wabe-core] [data-wabe-blog-index] p {
max-width: none;
margin: 1.4rem 0 0 !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.5rem !important;
line-height: 1.7;
text-decoration: none !important;
}
html[data-wabe-core] [data-wabe-launch-blog-title] .heading {
max-width: 24ch;
}
html[data-wabe-core] [data-wabe-blog-product-block] {
max-width: 88rem;
margin-block: clamp(3.6rem, 4.4vw, 5.6rem) !important;
margin-inline: auto !important;
border-top: 0;
}
html[data-wabe-core] [data-wabe-blog-product-block] h2 {
margin: 0 0 2.8rem !important;
font-size: clamp(2.6rem, 2.4vw, 3.4rem) !important;
}
html[data-wabe-core] [data-wabe-blog-product-block] [data-wabe-listing-grid] {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 2.4rem 1.6rem !important;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-cart-root] {
padding: clamp(2.8rem, 3.6vw, 4.8rem) 0 var(--wabe-r21-section) !important;
background: transparent !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-cart-root] > .container {
grid-template-columns: minmax(0, 1fr) minmax(34rem, 41rem);
gap: 2.4rem clamp(3rem, 4vw, 5.6rem);
}
@media (max-width: 1023px) {
html[data-wabe-core] [data-wabe-cart-root] > .container {
grid-template-columns: minmax(0, 1fr);
}
}
html[data-wabe-core] [data-wabe-cart-main] {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-wabe-core] [data-wabe-cart-main] table {
width: 100%;
border-collapse: separate;
border-spacing: 0 1.2rem;
background: transparent !important;
}
html[data-wabe-core] [data-wabe-cart-main] :is(tr, tbody, thead) {
background: transparent !important;
}
html[data-wabe-core] [data-wabe-cart-main] .table-row {
border: 0 !important;
}
html[data-wabe-core] [data-wabe-cart-main] .table-top-row,
html[data-wabe-core] [data-wabe-cart-main] .table-top-row td {
border: 0 !important;
background: transparent !important;
}
html[data-wabe-core] [data-wabe-cart-main] .table-top-row td {
padding: 0 1.6rem 0.4rem;
}
html[data-wabe-core] [data-wabe-cart-main] .table-heading {
margin: 0;
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.1rem !important;
font-weight: 400 !important;
letter-spacing: 0.2em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-cart-main]:has(.wabe-cart-empty) .table-top-row {
display: none;
}
html[data-wabe-core] [data-wabe-cart-line] td {
padding: 1.6rem;
border: 0;
border-block: 1px solid var(--wabe-r21-line);
background: var(--wabe-r21-cacao) !important;
vertical-align: middle;
}
html[data-wabe-core] [data-wabe-cart-line] td.wrapper-product {
border-left: 1px solid var(--wabe-r21-line);
border-radius: var(--wabe-r21-r-lg) 0 0 var(--wabe-r21-r-lg);
}
html[data-wabe-core] [data-wabe-cart-line] td:last-child {
border-right: 1px solid var(--wabe-r21-line);
border-radius: 0 var(--wabe-r21-r-lg) var(--wabe-r21-r-lg) 0;
}
html[data-wabe-core] [data-wabe-cart-line] .wrapper {
display: flex;
align-items: center;
gap: 1.8rem;
}
html[data-wabe-core] [data-wabe-cart-line] .wrapper-img {
flex: 0 0 auto;
width: 9.6rem;
height: 9.6rem;
overflow: hidden;
border: 0;
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-tray) !important;
}
html[data-wabe-core] [data-wabe-cart-line] .wrapper-img img {
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0.8rem;
object-fit: contain;
mix-blend-mode: multiply;
}
html[data-wabe-core] [data-wabe-cart-line] .heading,
html[data-wabe-core] [data-wabe-cart-line] .wrapper-content .heading {
margin: 0;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.55rem;
font-weight: 400 !important;
letter-spacing: 0;
line-height: 1.4;
}
html[data-wabe-core] [data-wabe-cart-line] :is(p, span, td) {
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-cart-line] [data-wabe-cart-product-variants] {
display: block;
margin-top: 0.4rem;
color: var(--wabe-r21-mute) !important;
font-size: 1.3rem;
}
html[data-wabe-core] [data-wabe-cart-line] td::before {
color: var(--wabe-r21-copper-hi) !important;
}
html[data-wabe-core] [data-wabe-cart-line] [data-wabe-cart-price] {
margin: 0;
color: var(--wabe-r21-latte) !important;
font-size: 1.9rem !important;
font-weight: 500 !important;
}
html[data-wabe-core] [data-wabe-cart-line] [data-wabe-cart-line-total] {
margin: 0;
color: var(--wabe-r21-cream) !important;
font-size: 2.2rem !important;
font-weight: 500 !important;
}
html[data-wabe-core] [data-wabe-cart-root] .quantity {
display: inline-flex;
align-items: center;
gap: 0;
height: 4.6rem;
padding: 0.4rem;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r-sm) !important;
background: var(--wabe-r21-ink) !important;
color: var(--wabe-r21-cream);
}
html[data-wabe-core] [data-wabe-cart-line] .quantity {
width: 12.8rem !important;
max-width: 100%;
justify-content: space-between;
}
html[data-wabe-core] [data-wabe-cart-root] .quantity :is(span, button, input) {
background: transparent;
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-cart-root] .quantity :is(.minus, .plus) {
display: grid;
place-items: center;
width: 3.6rem;
height: 3.6rem;
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-mocha);
font-size: 1.8rem;
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
}
html[data-wabe-core] [data-wabe-cart-root] .quantity :is(.minus, .plus):hover {
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] [data-wabe-cart-root] .quantity .number {
min-width: 3.6rem;
font-size: 1.9rem;
text-align: center;
}
html[data-wabe-core] [data-wabe-cart-line] :is(.close-btn, [data-wabe-cart-remove]) {
display: inline-grid;
place-items: center;
width: 4rem;
height: 4rem;
border: 1px solid var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r-sm);
background: transparent;
color: var(--wabe-r21-latte);
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
html[data-wabe-core] [data-wabe-cart-line] :is(.close-btn, [data-wabe-cart-remove]):hover {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-mocha);
}
html[data-wabe-core] [data-wabe-cart-line] :is(.close-btn, [data-wabe-cart-remove]) svg {
width: 1.3rem;
height: 1.3rem;
}
html[data-wabe-core] [data-wabe-cart-line] :is(.close-btn, [data-wabe-cart-remove]) svg :is(path, rect, circle) {
fill: var(--wabe-r21-latte);
stroke: var(--wabe-r21-latte);
}
html[data-wabe-core] .wabe-cart-empty {
display: grid;
justify-items: center;
gap: 2.4rem;
padding: clamp(5rem, 8vw, 10rem) 2rem;
border: 1px solid var(--wabe-r21-line);
border-radius: var(--wabe-r21-r-xl);
background: radial-gradient(60% 80% at 50% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao);
color: var(--wabe-r21-latte);
text-align: center;
}
html[data-wabe-core] .wabe-cart-empty h2 {
max-width: 46rem;
margin: 0;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3rem, 3.2vw, 4.4rem) !important;
font-weight: 500;
line-height: 1.05;
}
html[data-wabe-core] .wabe-cart-empty p {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] .wabe-cart-empty .shop-btn {
min-width: 24rem;
margin: 0 0 1rem !important;
}
html[data-wabe-core] [data-wabe-cart-actions] .shop-btn {
display: flex !important;
min-height: 6rem;
margin: 0 !important;
font-size: 1.55rem;
}
html[data-wabe-core] [data-wabe-cart-actions] .clean-btn {
background: transparent !important;
box-shadow: none !important;
color: var(--wabe-r21-mute) !important;
font-size: 1.35rem;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-line-hi);
text-underline-offset: 0.3em;
}
html[data-wabe-core] [data-wabe-cart-actions] .clean-btn:hover {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-cart-summary] {
top: 2.4rem;
gap: 1.6rem;
padding: clamp(2.4rem, 2.8vw, 3.4rem) !important;
border: 1px solid var(--wabe-r21-copper-lo) !important;
border-radius: var(--wabe-r21-r-xl) !important;
background: radial-gradient(40rem 20rem at 100% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao) !important;
box-shadow: var(--wabe-r21-lift) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-cart-summary] :is(h2, h3, h4, h5) {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-weight: 500 !important;
}
html[data-wabe-core] [data-wabe-cart-summary] :is(p, span, label, li) {
color: var(--wabe-r21-latte);
}
html[data-wabe-core] :is([data-wabe-cart-summary], [data-wabe-mini-cart-summary], .wabe-checkout-sdk-shell) [data-wabe-order-benefits] > div {
border-color: var(--wabe-r21-line) !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.4rem;
}
html[data-wabe-core] :is([data-wabe-cart-summary], [data-wabe-mini-cart-summary], .wabe-checkout-sdk-shell) [data-wabe-order-benefits] > div > strong {
color: var(--wabe-r21-cream) !important;
font-size: 1.5rem;
font-variant-numeric: tabular-nums;
}
html[data-wabe-core] :is([data-wabe-cart-summary], [data-wabe-mini-cart-summary], .wabe-checkout-sdk-shell) [data-wabe-order-benefits] > div:last-child {
align-items: baseline;
border-top: 1px dotted var(--wabe-r21-line-hi) !important;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.2rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
html[data-wabe-core] :is([data-wabe-cart-summary], [data-wabe-mini-cart-summary], .wabe-checkout-sdk-shell) [data-wabe-order-benefits] > div:last-child > strong {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 3rem;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
}
html[data-wabe-core] :is([data-wabe-cart-summary], [data-wabe-mini-cart-summary]) [data-wabe-order-discount-row] > strong {
color: var(--wabe-r21-caramel) !important;
}
html[data-wabe-core] [data-wabe-cart-total],
html[data-wabe-core] [data-wabe-cart-subtotal] {
color: var(--wabe-r21-cream) !important;
font-weight: 500 !important;
}
html[data-wabe-core] [data-wabe-gift-status] {
padding: 1rem 1.4rem;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-mocha) !important;
color: var(--wabe-r21-latte) !important;
font-size: 1.3rem !important;
}
html[data-wabe-core] [data-wabe-gift-status] * {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-gift-status] strong {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-gift-status] :is([data-wabe-gift-progress], .wabe-gift-progress-track) {
background: var(--wabe-r21-line) !important;
}
html[data-wabe-core] [data-wabe-gift-line] {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-cart-reservation] {
border: 1px solid var(--wabe-r21-copper-lo) !important;
border-radius: var(--wabe-r21-r) !important;
background: color-mix(in srgb, var(--wabe-r21-copper) 8%, var(--wabe-r21-cacao)) !important;
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-cart-reservation] * {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-cart-reservation] strong {
color: var(--wabe-r21-caramel) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 1.2em;
font-weight: 500;
}
html[data-wabe-core] [data-wabe-coupon-form] {
align-items: stretch;
gap: 0.8rem;
}
html[data-wabe-core] [data-wabe-coupon-input] {
min-height: 4.8rem;
padding-inline: 1.6rem !important;
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r-sm) !important;
background: var(--wabe-r21-ink) !important;
color: var(--wabe-r21-cream) !important;
font-size: 1.45rem !important;
}
html[data-wabe-core] [data-wabe-coupon-input]::placeholder {
color: var(--wabe-r21-mute);
}
html[data-wabe-core] [data-wabe-coupon-input]:focus {
border-color: var(--wabe-r21-copper) !important;
outline: 0;
box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--wabe-r21-copper) 22%, transparent);
}
html[data-wabe-core] [data-wabe-coupon-form] > .shop-btn {
min-height: 4.8rem;
margin: 0 !important;
padding: 0 2rem;
background: transparent !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper);
color: var(--wabe-r21-cream) !important;
font-size: 1.35rem;
}
html[data-wabe-core] [data-wabe-coupon-form] > .shop-btn:hover {
background: var(--wabe-r21-cream) !important;
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] :is([data-wabe-coupon-status], [data-wabe-coupon-remove]) {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-cart-upsell] {
padding: 1.2rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-mocha) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-cart-upsell]:has(> img[hidden]) {
grid-template-columns: minmax(0, 1fr) auto !important;
}
html[data-wabe-core] [data-wabe-cart-upsell] img {
border: 0;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-tray);
object-fit: contain;
mix-blend-mode: normal;
}
html[data-wabe-core] [data-wabe-cart-upsell] small {
width: fit-content;
padding: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
letter-spacing: 0.16em;
text-transform: uppercase;
}
html[data-wabe-core] :is([data-wabe-cart-upsell-name], [data-wabe-cart-upsell-price]) {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-cart-upsell] :is(.shop-btn, button) {
min-height: 4rem;
margin: 0 !important;
padding: 0 1.4rem;
background: transparent !important;
box-shadow: inset 0 0 0 1px var(--wabe-r21-copper);
color: var(--wabe-r21-cream) !important;
font-size: 1.25rem;
}
html[data-wabe-core] [data-wabe-cart-upsell] :is(.shop-btn, button):hover {
background: var(--wabe-r21-cream) !important;
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-checkout-root] {
padding: clamp(2.8rem, 3.6vw, 4.8rem) 0 var(--wabe-r21-section) !important;
background: transparent !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .wabe-checkout-sdk-root {
padding: 0.8rem;
overflow: hidden;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-xl);
background: var(--wabe-r21-cacao);
}
html[data-wabe-core] .wabe-checkout-sdk-root > iframe {
display: block;
border-radius: calc(var(--wabe-r21-r-xl) - 0.8rem);
}
html[data-wabe-core] .wabe-checkout-sdk-shell {
border: 1px solid var(--wabe-r21-line);
border-radius: var(--wabe-r21-r-xl);
background: radial-gradient(40rem 20rem at 100% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao);
box-shadow: var(--wabe-r21-lift);
color: var(--wabe-r21-latte);
}
html[data-wabe-core] .wabe-checkout-sdk-shell > .heading {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-weight: 500 !important;
}
html[data-wabe-core] .wabe-checkout-sdk-shell > .wrapper-heading {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] .wabe-checkout-sdk-shell :is(.paragraph, p, span, label, li) {
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-checkout-root] :is(input, select, textarea) {
border: 1px solid var(--wabe-r21-line-hi) !important;
background: var(--wabe-r21-ink) !important;
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-checkout-delivery],
html[data-wabe-core] .wabe-checkout-sdk-shell > [data-wabe-order-benefits] {
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r) !important;
background: var(--wabe-r21-mocha) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-checkout-delivery] > strong {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-checkout-delivery] > span {
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] [data-wabe-mini-cart-overlay] {
background: var(--wabe-r21-veil) !important;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
html[data-wabe-core] [data-wabe-mini-cart-panel] {
overflow-y: auto !important;
overscroll-behavior: contain;
inset: 0 0 0 auto !important;
width: min(46rem, 100vw) !important;
height: 100dvh !important;
padding: 8rem 2.2rem 2.2rem !important;
border: 0 !important;
border-left: 1px solid var(--wabe-r21-copper-lo) !important;
border-radius: 0 !important;
background: radial-gradient(40rem 24rem at 100% 0%, var(--wabe-r21-lamp), transparent 70%), var(--wabe-r21-cacao) !important;
box-shadow: -3rem 0 8rem var(--wabe-r21-shade) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-mini-cart-panel]::before {
position: absolute;
top: 6.6rem;
right: 2.2rem;
left: 2.2rem;
height: 0.4rem;
background: var(--wabe-r21-dots);
content: "";
}
html[data-wabe-core] [data-wabe-mini-cart-panel] > [data-wabe-mini-cart-close] {
position: fixed;
z-index: 3;
}
html[data-wabe-core] [data-wabe-mini-cart-panel] [data-wabe-mini-cart-close] {
top: 1.4rem;
right: 1.8rem;
width: 4.2rem;
height: 4.2rem;
border: 1px solid var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-roast);
box-shadow: none;
color: var(--wabe-r21-cream);
transition: border-color 0.2s ease, background-color 0.2s ease;
}
html[data-wabe-core] [data-wabe-mini-cart-panel] [data-wabe-mini-cart-close]:hover {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-mocha);
}
html[data-wabe-core] [data-wabe-mini-cart-panel] :is(h2, h3, h4, h5, h6) {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-mini-cart-panel] > :is(h2, h3, h4, .wrapper-heading, [data-wabe-mini-cart-title]) {
font-family: var(--wabe-r21-serif) !important;
font-weight: 500 !important;
}
html[data-wabe-core] [data-wabe-mini-cart-panel] [data-wabe-mini-cart-items] {
flex: 0 0 auto;
overflow: visible;
}
html[data-wabe-core] [data-wabe-mini-cart-items] > .wrapper,
html[data-wabe-core] [data-wabe-mini-cart-items] > [data-wabe-cart-line] {
margin-bottom: 1rem;
padding: 1.2rem !important;
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-lg) !important;
background: var(--wabe-r21-roast) !important;
box-shadow: none !important;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-item {
grid-template-columns: 8.4rem minmax(0, 1fr);
gap: 1.4rem;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-img,
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-img img {
width: 8.4rem;
height: 8.4rem;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-img {
overflow: hidden;
border: 0;
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-tray);
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-img img {
box-sizing: border-box;
padding: 0.5rem;
object-fit: contain;
mix-blend-mode: multiply;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wrapper-title {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.4rem;
font-weight: 400 !important;
line-height: 1.4;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .new-price {
color: var(--wabe-r21-cream) !important;
font-size: 2rem !important;
font-weight: 500 !important;
}
html[data-wabe-core] [data-wabe-mini-cart-items] :is(.paragraph, p, span) {
color: var(--wabe-r21-mute);
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wabe-mini-cart-quantity {
border: 1px solid var(--wabe-r21-line-hi) !important;
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-ink);
color: var(--wabe-r21-cream);
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wabe-mini-cart-quantity :is(span, button) {
background: transparent;
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wabe-mini-cart-quantity > button {
border-radius: var(--wabe-r21-r-xs);
cursor: pointer;
}
html[data-wabe-core] [data-wabe-mini-cart-items] .wabe-mini-cart-quantity > button:hover {
background: var(--wabe-r21-copper);
color: var(--wabe-r21-ink) !important;
}
html[data-wabe-core] [data-wabe-mini-cart-items] [data-wabe-cart-remove] {
border: 1px solid var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r-sm);
background: transparent;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-mini-cart-items] [data-wabe-cart-remove] svg :is(path, rect, circle) {
fill: var(--wabe-r21-latte);
stroke: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-mini-cart-empty] > .wrapper {
padding: 2.4rem 1.8rem;
border: 1px dashed var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r-lg);
background: transparent;
}
html[data-wabe-core] [data-wabe-mini-cart-empty] .wrapper-title {
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 2.2rem;
font-weight: 500;
}
html[data-wabe-core] [data-wabe-mini-cart-empty] .close-btn {
display: none;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] {
border-top: 1px solid var(--wabe-r21-copper-lo) !important;
background: transparent !important;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .wrapper-subtotal {
align-items: baseline;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .wrapper-subtotal .wrapper-title {
margin: 0;
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.15rem !important;
font-weight: 400 !important;
letter-spacing: 0.2em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .wrapper-subtotal [data-wabe-mini-cart-subtotal] {
color: var(--wabe-r21-cream) !important;
font-size: 3rem !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
text-transform: none;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .cart-btn {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .cart-btn a {
margin: 0 !important;
}
html[data-wabe-core] [data-wabe-mini-cart-summary] .cart-btn .checkout-btn {
order: -1;
}
html[data-wabe-core] [data-wabe-mini-cart-root] .empty-cart,
html[data-wabe-core] [data-wabe-mini-cart-panel] p {
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-offer-modal] {
background: var(--wabe-r21-veil) !important;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
html[data-wabe-core] [data-wabe-offer-card] {
position: relative;
width: min(50rem, calc(100% - 2.4rem));
overflow: hidden;
border: 1px solid var(--wabe-r21-copper-lo) !important;
border-radius: var(--wabe-r21-r-xl) !important;
background: radial-gradient(44rem 26rem at 50% -6rem, var(--wabe-r21-lamp-hot), transparent 70%), var(--wabe-r21-cacao) !important;
box-shadow: inset 0 0 0 0.8rem var(--wabe-r21-cacao), inset 0 0 0 calc(0.8rem + 1px) var(--wabe-r21-line-hi), 0 4rem 12rem -2rem var(--wabe-r21-shade) !important;
color: var(--wabe-r21-latte);
}
html[data-wabe-core] [data-wabe-offer-content] {
align-items: center;
padding: 5.2rem 4.4rem 3.6rem;
text-align: center;
}
html[data-wabe-core] [data-wabe-offer-content] > small {
display: inline-flex;
align-items: center;
align-self: center;
gap: 1.2rem;
padding: 0;
border: 0;
background: transparent;
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.15rem;
letter-spacing: 0.22em !important;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-offer-content] > small::before,
html[data-wabe-core] [data-wabe-offer-content] > small::after {
width: 0.5rem;
height: 0.5rem;
background: var(--wabe-r21-copper);
content: "";
transform: rotate(45deg);
}
html[data-wabe-core] [data-wabe-offer-content] > h2 {
margin-top: 2rem;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3.8rem, 4.6vw, 5.4rem) !important;
font-weight: 500 !important;
letter-spacing: -0.02em !important;
line-height: 1 !important;
text-wrap: balance;
}
html[data-wabe-core] [data-wabe-offer-content] > p {
max-width: 38rem;
margin: 1.8rem auto 0;
color: var(--wabe-r21-latte) !important;
font-size: 1.5rem;
line-height: 1.65;
}
html[data-wabe-core] [data-wabe-offer-content] > p strong {
color: var(--wabe-r21-caramel) !important;
}
html[data-wabe-core] [data-wabe-offer-content] :is(code, [data-wabe-offer-code]) {
border: 1px dashed var(--wabe-r21-copper);
border-radius: var(--wabe-r21-r-xs);
background: var(--wabe-r21-ink);
color: var(--wabe-r21-caramel) !important;
}
html[data-wabe-core] [data-wabe-offer-content] > [data-wabe-offer-close] {
top: 1.6rem;
right: 1.6rem;
z-index: 2;
width: 4.2rem;
height: 4.2rem;
border: 1px solid var(--wabe-r21-line-hi);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-roast);
box-shadow: none;
color: var(--wabe-r21-cream);
font-size: 2.2rem;
line-height: 1;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-offer-content] > [data-wabe-offer-close]:hover {
border-color: var(--wabe-r21-copper);
background: var(--wabe-r21-mocha);
}
html[data-wabe-core] [data-wabe-offer-actions] {
position: relative;
width: 100%;
gap: 1rem;
margin-top: 3rem;
}
html[data-wabe-core] [data-wabe-offer-actions] > .shop-btn {
width: 100%;
min-height: 5.8rem;
margin: 0 !important;
font-size: 1.55rem;
}
html[data-wabe-core] [data-wabe-offer-actions] > [data-wabe-offer-close] {
min-height: 4.4rem;
color: var(--wabe-r21-mute) !important;
font-size: 1.35rem;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-line-hi);
text-underline-offset: 0.3em;
cursor: pointer;
}
html[data-wabe-core] [data-wabe-offer-actions] > [data-wabe-offer-close]:hover {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-recent-purchase] {
padding: 0.8rem 1.4rem 0.8rem 0.8rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-cacao);
box-shadow: var(--wabe-r21-lift);
color: var(--wabe-r21-cream);
}
html[data-wabe-core] [data-wabe-recent-purchase-image] {
border-radius: var(--wabe-r21-r-sm);
background: var(--wabe-r21-tray);
object-fit: contain;
}
html[data-wabe-core] [data-wabe-recent-purchase] > span > small {
color: var(--wabe-r21-mute) !important;
}
html[data-wabe-core] [data-wabe-recent-purchase] > span > span {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] section.product.footer,
html[data-wabe-core] .product.footer {
position: relative;
padding-top: 0 !important;
overflow: hidden;
border-top: 1px solid var(--wabe-r21-copper-lo) !important;
background: radial-gradient(80rem 36rem at 50% 0%, var(--wabe-r21-lamp-soft), transparent 70%), var(--wabe-r21-cellar) !important;
color: var(--wabe-r21-latte) !important;
}
html[data-wabe-core] .product.footer::before,
html[data-wabe-core] .product.footer::after {
display: none !important;
}
html[data-wabe-core] [data-wabe-footer] > .container {
display: flex;
flex-direction: column;
padding-bottom: 2.4rem;
}
html[data-wabe-core] [data-wabe-footer] > .container > .footer-service-section {
order: -1;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section {
margin: clamp(4.4rem, 5.6vw, 7.2rem) 0 clamp(4rem, 5vw, 6.4rem) !important;
padding: 0 !important;
overflow: hidden;
border: 0 !important;
border-block: 1px solid var(--wabe-r21-copper-lo) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0 !important;
margin: 0 !important;
}
html[data-wabe-core] [data-wabe-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(--wabe-r21-line) !important;
background: transparent;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > :first-child {
border-left: 0 !important;
padding-left: 0 !important;
}
html[data-wabe-core] [data-wabe-footer] .service-wrapper {
display: grid !important;
grid-template-columns: 4.4rem minmax(0, 1fr);
align-items: center;
gap: 1.6rem;
height: 100%;
min-height: 0;
padding: 0 !important;
border: 0;
background: transparent !important;
box-shadow: none;
}
html[data-wabe-core] [data-wabe-footer] .service-wrapper .service-img,
html[data-wabe-core] [data-wabe-footer] .service-img span {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border-radius: var(--wabe-r21-r);
background: var(--wabe-r21-cacao);
color: var(--wabe-r21-copper-hi);
}
html[data-wabe-core] [data-wabe-footer] .service-wrapper .service-img {
border: 1px solid var(--wabe-r21-copper-lo);
}
html[data-wabe-core] [data-wabe-footer] .service-img svg {
width: 2.1rem;
height: 2.1rem;
}
html[data-wabe-core] [data-wabe-footer] .service-img svg :is(path, rect, circle, line, polyline) {
fill: none !important;
stroke: var(--wabe-r21-copper-hi) !important;
}
html[data-wabe-core] [data-wabe-footer] .service-title {
margin: 0 0 0.3rem !important;
color: var(--wabe-r21-cream) !important;
font-family: var(--wabe-r21-serif) !important;
font-size: 1.9rem;
font-weight: 500;
line-height: 1.2;
}
html[data-wabe-core] [data-wabe-footer] .service-details {
margin: 0 !important;
color: var(--wabe-r21-mute) !important;
font-size: 1.3rem;
line-height: 1.5;
}
html[data-wabe-core] [data-wabe-footer] .footer-section {
position: relative;
margin: 0 !important;
padding: 0 !important;
border-top: 0;
background: transparent;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row {
display: grid !important;
grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)) minmax(min-content, 1.2fr);
gap: 3.2rem 0 !important;
margin: 0 !important;
padding: 0 0 clamp(3.6rem, 4.4vw, 5.6rem);
border-bottom: 1px solid var(--wabe-r21-line);
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > * {
width: auto !important;
max-width: none;
min-width: 0;
margin: 0 !important;
padding: 0 clamp(1.6rem, 2vw, 2.8rem) !important;
border-left: 1px solid var(--wabe-r21-copper-lo);
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > :first-child {
padding-left: 0 !important;
border-left: 0;
}
html[data-wabe-core] [data-wabe-footer] .footer-section .logo {
height: auto;
min-width: 0;
margin: 0;
}
html[data-wabe-core] [data-wabe-footer] .footer-section .logo a {
display: block;
min-width: 0;
text-decoration: none;
}
html[data-wabe-core] [data-wabe-footer] .footer-section .logo :is(.wabe-wordmark, .wabe-site-wordmark, .wrapper-heading),
html[data-wabe-core] .footer-order .logo .wrapper-heading {
display: block;
max-width: 100%;
overflow: visible;
color: var(--wabe-r21-cream) !important;
font-size: clamp(3.2rem, 3.2vw, 4.6rem);
font-weight: 500 !important;
letter-spacing: -0.02em;
line-height: 1;
text-overflow: clip;
white-space: normal;
overflow-wrap: anywhere;
}
html[data-wabe-core] [data-wabe-footer] .footer-order p {
max-width: 34rem;
margin: 2rem 0 0 !important;
color: var(--wabe-r21-mute) !important;
font-size: 1.4rem;
line-height: 1.7;
}
html[data-wabe-core] [data-wabe-footer] .footer-heading {
margin: 0.4rem 0 2rem !important;
padding: 0;
border: 0;
color: var(--wabe-r21-copper-hi) !important;
font-family: var(--wabe-r21-sans) !important;
font-size: 1.15rem !important;
font-weight: 400 !important;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-footer] .footer-link ul {
display: grid;
gap: 1.1rem;
margin: 0;
padding: 0;
list-style: none;
}
html[data-wabe-core] [data-wabe-footer] .footer-link li {
margin: 0 !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-link a,
html[data-wabe-core] [data-wabe-footer] .contact-link p {
color: var(--wabe-r21-latte) !important;
font-size: 1.4rem;
line-height: 1.5;
text-decoration: none;
overflow-wrap: anywhere;
transition: color 0.2s ease;
}
html[data-wabe-core] [data-wabe-footer] .footer-link a:is(:hover, :focus-visible) {
color: var(--wabe-r21-cream) !important;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper);
text-underline-offset: 0.3em;
}
html[data-wabe-core] [data-wabe-footer] .contact-link p {
margin: 0 0 1.4rem !important;
}
html[data-wabe-core] [data-wabe-footer] .contact-link :is(p, a, span) {
overflow-wrap: normal;
word-break: normal;
}
html[data-wabe-core] [data-wabe-footer] .footer-link p > span:first-child {
display: block;
margin-bottom: 0.2rem;
color: var(--wabe-r21-mute) !important;
font-size: 1.1rem;
letter-spacing: 0.16em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-footer] .contact-link a {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-footer] .wabe-payment-link {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.6rem 1.4rem;
margin: 0 !important;
padding: 2rem 0 0.6rem !important;
border-top: 0;
color: var(--wabe-r21-mute) !important;
font-size: 1.3rem;
}
html[data-wabe-core] [data-wabe-footer] .wabe-payment-link > span {
color: var(--wabe-r21-mute) !important;
}
html[data-wabe-core] [data-wabe-footer] .wabe-payment-link > span:first-child {
display: inline-flex;
align-items: center;
min-height: 2.8rem;
padding: 0 1rem;
border: 1px solid var(--wabe-r21-copper-lo);
border-radius: var(--wabe-r21-r-xs);
color: var(--wabe-r21-copper-hi) !important;
font-size: 1.05rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-footer] [data-wabe-footer-utility] {
margin: 0 !important;
padding: 0.6rem 0 0 !important;
}
html[data-wabe-core] [data-wabe-footer] [data-wabe-footer-utility] a {
color: var(--wabe-r21-latte) !important;
font-size: 1.3rem;
opacity: 1 !important;
text-decoration: underline;
text-decoration-color: var(--wabe-r21-copper-lo);
text-underline-offset: 0.3em;
}
html[data-wabe-core] [data-wabe-footer] [data-wabe-footer-utility] a:hover {
color: var(--wabe-r21-cream) !important;
}
html[data-wabe-core] [data-wabe-footer] > .container > hr,
html[data-wabe-core] .product.footer hr {
display: none;
}
@media (prefers-reduced-motion: reduce) {
html[data-wabe-core] *,
html[data-wabe-core] *::before,
html[data-wabe-core] *::after {
animation: none !important;
transition: none !important;
}
}
@media (max-width: 1199px) {
html[data-wabe-core] [data-wabe-footer] .footer-section > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3.6rem 0 !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > :first-child {
grid-column: 1 / -1;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > :nth-child(2n) {
padding-left: 0 !important;
border-left: 0;
}
html[data-wabe-core] [data-wabe-listing-grid] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
html[data-wabe-core] .product-description .tab-item .tab-pane.active,
html[data-wabe-core] .product-description .tab-item .tab-pane.show {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] .product-description .tab-item .tab-pane > * {
grid-column: 1 !important;
grid-row: auto !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-list,
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-list--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] {
grid-template-columns: 6rem minmax(0, 1fr);
row-gap: 1.2rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] img {
width: 6rem;
height: 6rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-pair-offer] .shop-btn {
grid-column: 1 / -1;
width: 100%;
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item {
padding: 0 1.2rem;
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item .cart-text {
font-size: 0;
gap: 0;
}
html[data-wabe-core] #header .header-cart-items .header-cart > .cart-item .cart-text [data-wabe-cart-badge] {
margin-left: 0.6rem;
font-size: 1.15rem !important;
}
html[data-wabe-core] #header .header-nav .header-nav-menu .menu-list > li > a {
padding: 0 0.6rem;
font-size: 1.35rem;
}
}
@media (max-width: 575px), (min-width: 992px) and (max-width: 1299px) {
html[data-wabe-core] [data-wabe-quantity-tiers] {
grid-template-columns: minmax(0, 1fr) !important;
gap: 1.4rem !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] {
display: grid !important;
grid-template-columns: 5.2rem minmax(0, 1fr);
align-items: center;
align-content: center;
min-height: 0 !important;
gap: 0.2rem 1.4rem !important;
padding: 1.8rem 1.6rem 1.5rem !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > strong {
grid-column: 1;
grid-row: 1 / span 3;
margin: 0 !important;
font-size: 3rem !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-quantity-tier] > span {
grid-column: 2;
}
}
@media (max-width: 991px) {
html[data-wabe-core] [data-wabe-pdp-root] .product-info-section > .row {
grid-template-columns: minmax(0, 1fr);
gap: 3.2rem;
}
html[data-wabe-core] [data-wabe-pdp-root] .product-info-section > .row > :has([data-wabe-pdp-gallery]) {
position: static;
}
html[data-wabe-core] [data-wabe-listing-grid],
html[data-wabe-core] [data-wabe-listing-root] [data-wabe-listing-grid] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
html[data-wabe-core] .wabe-topic-intro__inner {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] .wabe-topic-intro h1 + p {
grid-column: 1;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge .wabe-editorial-grid {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > * {
border-left: 0 !important;
border-top: 1px solid var(--wabe-r21-line) !important;
padding-left: 0 !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > :nth-child(-n + 2) {
border-top: 0 !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > :nth-child(2n) {
padding-left: clamp(1.6rem, 2vw, 2.8rem) !important;
border-left: 1px solid var(--wabe-r21-line) !important;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting,
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-sort] {
min-width: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
html[data-wabe-core] section.product.best-product [data-wabe-listing-grid] {
grid-template-columns: minmax(0, 1fr) !important;
}
}
@media (max-width: 767px) {
html[data-wabe-core] {
--wabe-r21-section: 5.6rem;
--wabe-r21-r-xl: 2rem;
--wabe-r21-r-lg: 1.4rem;
--wabe-r21-r-tray: 1.6rem;
}
html[data-wabe-core] [data-wabe-shipping-message] {
gap: 0.8rem;
font-size: 1.15rem;
letter-spacing: 0.02em;
}
html[data-wabe-core] .section-title,
html[data-wabe-core] section.product .section-title {
flex-wrap: wrap;
align-items: flex-end;
gap: 1rem 1.2rem;
}
html[data-wabe-core] .section-title h5 {
flex: 1 1 100%;
max-width: 100%;
font-size: clamp(2.8rem, 8.4vw, 3.4rem);
}
html[data-wabe-core] .section-title::after,
html[data-wabe-core] section.product .section-title::after {
margin-bottom: 1.6rem;
}
html[data-wabe-core] .section-title .view {
min-height: 4rem;
font-size: 1.1rem;
letter-spacing: 0.14em;
}
html[data-wabe-core] [data-wabe-home-hero] {
width: calc(100% - 2.4rem);
margin-top: 1.4rem;
padding: 0.5rem;
}
html[data-wabe-core] [data-wabe-home-hero] .hero-swiper {
border-radius: calc(var(--wabe-r21-r-xl) - 0.5rem);
}
html[data-wabe-core] [data-wabe-home-hero] .swiper-pagination {
bottom: 0.8rem !important;
padding: 0.6rem 0.8rem;
}
html[data-wabe-core] [data-wabe-home-hero] .swiper-pagination-bullet {
width: 1.2rem !important;
}
html[data-wabe-core] [data-wabe-home-hero] .swiper-pagination-bullet-active {
width: 2.4rem !important;
}
html[data-wabe-core] .wabe-topic-intro {
margin-top: 4.8rem;
margin-bottom: 5.2rem;
}
html[data-wabe-core] .wabe-topic-intro__inner {
gap: 2rem;
}
html[data-wabe-core] .wabe-topic-intro__eyebrow {
font-size: 1.05rem;
letter-spacing: 0.16em;
}
html[data-wabe-core] .wabe-topic-intro__eyebrow::before {
width: 2.4rem;
}
html[data-wabe-core] .wabe-topic-intro h1 {
font-size: clamp(3.6rem, 10.6vw, 4.6rem);
}
html[data-wabe-core] .wabe-topic-intro h1 + p {
padding-left: 1.8rem;
font-size: 1.5rem;
}
html[data-wabe-core] [data-wabe-style-section] .row {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] section.product.brand .brand-section {
grid-template-columns: minmax(0, 1fr);
padding: 0.6rem 1.8rem;
}
html[data-wabe-core] section.product.brand .brand-section a {
min-height: 6.8rem;
padding: 1.8rem 0 1.6rem;
}
html[data-wabe-core] section.product.brand .brand-section :is(.wabe-brand-name, .wrapper-heading) {
font-size: min(2.6rem, 9cqi);
}
html[data-wabe-core] section.product.brand .brand-section a::before {
width: 3rem;
height: 3rem;
}
html[data-wabe-core] section.product.brand .brand-section .product-wrapper:last-child {
border-bottom: 0 !important;
}
html[data-wabe-core] [data-wabe-listing-grid],
html[data-wabe-core] [data-wabe-listing-root] [data-wabe-listing-grid],
html[data-wabe-core] [data-wabe-blog-product-block] [data-wabe-listing-grid] {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 2.8rem 1.2rem !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img > a.wabe-product-image-link,
html[data-wabe-core] .product-wrapper[data-wabe-product] .wabe-product-image-link {
padding: 10% 9% 16%;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img::after {
bottom: 0.9rem;
height: 0.15rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img[data-wabe-discount]::before {
top: 0.8rem;
left: 0.8rem;
padding: 0.35rem 0.6rem 0.3rem;
font-size: 1.1rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items {
top: 0.7rem;
right: 0.7rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item,
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-img .product-cart-items .cart-item svg {
width: 3.2rem;
height: 3.2rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-info,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product][data-wabe-listing-card] .product-info {
padding-top: 1.3rem !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-details {
font-size: 1.35rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-info .ratings[data-wabe-rating-value]::before {
width: 6rem;
height: 1.1rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .price .new-price,
html[data-wabe-core] .product-wrapper[data-wabe-product] .new-price {
font-size: 2.1rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .price .price-cut,
html[data-wabe-core] .product-wrapper[data-wabe-product] .price-cut {
font-size: 1.35rem;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-cart-btn {
margin-top: 1.2rem !important;
}
html[data-wabe-core] .product-wrapper[data-wabe-product] .product-cart-btn .product-btn,
html[data-wabe-core][data-wabe-route-family] .product-wrapper[data-wabe-product] .product-cart-btn .product-btn {
min-height: 4.2rem;
gap: 0.6rem;
padding: 0.6rem 0.8rem !important;
font-size: 1.2rem;
line-height: 1.2;
}
html[data-wabe-core] section.product.best-product [data-wabe-listing-grid] {
grid-template-columns: minmax(0, 1fr) !important;
gap: 1rem !important;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] {
gap: 1.2rem;
padding: 0.8rem 1rem 0.8rem 0.8rem !important;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-img {
flex-basis: 8.8rem !important;
width: 8.8rem;
}
html[data-wabe-core] section.product.best-product .product-wrapper[data-wabe-product] .product-cart-btn .product-btn {
width: 4.2rem;
min-height: 4.2rem;
padding: 0 !important;
font-size: 0;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] h2 {
font-size: clamp(2.8rem, 8.4vw, 3.4rem);
overflow-wrap: anywhere;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] .wabe-editorial-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 1.2rem !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot] article {
padding: 2.4rem 2rem !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge {
padding: 0 1.2rem !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge .wabe-editorial-inner {
padding: 4rem 2.2rem;
box-shadow: inset 0 0 0 0.5rem var(--wabe-r21-oat), inset 0 0 0 calc(0.5rem + 1px) var(--wabe-r21-oat-lo), var(--wabe-r21-lift);
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge .wabe-editorial-grid {
gap: 0 !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge article,
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge article + article {
grid-template-columns: 3.2rem minmax(0, 1fr);
column-gap: 1.2rem;
padding: 2.2rem 0 !important;
}
html[data-wabe-core] [data-wabe-home-editorial-slot].wabe-editorial-knowledge article::before {
font-size: 3.2rem;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sorting-section {
grid-template-columns: minmax(0, 1fr);
align-items: start;
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-root] .product-sorting-section h1 {
font-size: clamp(3.4rem, 10vw, 4.4rem) !important;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting,
html[data-wabe-core][data-wabe-route-family] [data-wabe-listing-sort] {
width: 100%;
min-width: 0 !important;
}
html[data-wabe-core] [data-wabe-listing-root] .product-sorting .product-list {
width: 100%;
min-width: 0;
}
html[data-wabe-core] .wabe-buying-guide {
width: calc(100% - 2.4rem);
}
html[data-wabe-core] .wabe-buying-guide > .container {
padding-inline: 2rem !important;
}
html[data-wabe-core] .wabe-buying-guide__layout {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core][data-wabe-route-family] .product-info-content [data-wabe-pdp-title] {
font-size: clamp(2.9rem, 8.4vw, 3.6rem) !important;
}
html[data-wabe-core][data-wabe-route-family] .product-info-content .product-quantity {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core][data-wabe-route-family] [data-wabe-pdp-gallery] .product-top::after {
bottom: 1.4rem;
}
html[data-wabe-core] [data-wabe-pdp-gallery] .product-bottom .swiper-slide.slider-bottom-img {
width: calc((100% - 2.4rem) / 4) !important;
border-radius: var(--wabe-r21-r-sm) !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery] {
padding: 1.7rem 1.6rem 1.7rem 6.6rem !important;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery]::before {
top: 1.7rem;
left: 1.4rem;
width: 3.8rem;
height: 3.8rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-delivery]::after {
top: 2.6rem;
left: 2.3rem;
}
html[data-wabe-core] [data-wabe-pdp-conversion-root] [data-wabe-dispatch-message] {
font-size: 1.8rem;
}
html[data-wabe-core] :is(.product-detail-section, .product-description) :is(.nav-tabs, .nav-item) {
gap: 0 2rem;
}
html[data-wabe-core] :is(.product-detail-section, .product-description) :is(.nav-tabs, .nav-item) .nav-link {
font-size: 1.9rem !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-summary__inner {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-overview {
padding: 0 0 2.4rem;
border-right: 0;
border-bottom: 1px solid var(--wabe-r21-copper-lo);
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-score {
font-size: 8.8rem !important;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-rating-bar {
grid-template-columns: 3.4rem minmax(0, 1fr) 2.8rem;
gap: 1.2rem;
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-list,
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-list--count-2 {
grid-template-columns: minmax(0, 1fr);
}
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-card,
html[data-wabe-core] .product-description .tab-item .wabe-pdp-review-card--text-only {
padding: 2.4rem 2rem 2.2rem !important;
}
html[data-wabe-core] section.blog.about-blog {
width: calc(100% - 2 * var(--wabe-r21-gutter));
padding-top: 3.2rem !important;
}
html[data-wabe-core] .blog-heading .heading {
font-size: clamp(3.4rem, 10vw, 4.6rem) !important;
}
html[data-wabe-core] [data-wabe-content-html],
html[data-wabe-core] [data-wabe-launch-blog-article] {
font-size: 1.55rem !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) p {
font-size: 1.55rem;
}
html[data-wabe-core] [data-wabe-content-html] details > summary {
font-size: 1.8rem;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) blockquote {
padding: 6rem 2.2rem 2.4rem !important;
}
html[data-wabe-core] :is([data-wabe-content-html], [data-wabe-launch-blog-article]) blockquote::before {
top: 2.4rem;
left: 2.2rem;
}
html[data-wabe-core] [data-wabe-blog-index] article > a {
padding: 2.4rem 2.2rem 6.8rem !important;
}
html[data-wabe-core] [data-wabe-cart-main] table {
border-spacing: 0;
}
html[data-wabe-core] [data-wabe-cart-line] {
border: 1px solid var(--wabe-r21-line) !important;
border-radius: var(--wabe-r21-r-lg) !important;
background: var(--wabe-r21-cacao) !important;
box-shadow: none !important;
}
html[data-wabe-core] [data-wabe-cart-line] td,
html[data-wabe-core] [data-wabe-cart-line] td.wrapper-product,
html[data-wabe-core] [data-wabe-cart-line] td:last-child {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
html[data-wabe-core] [data-wabe-cart-line] td::before {
letter-spacing: 0.14em;
text-transform: uppercase;
}
html[data-wabe-core] [data-wabe-cart-line] .wrapper-img {
width: 7.6rem;
height: 7.6rem;
}
html[data-wabe-core] [data-wabe-cart-summary] {
border-radius: var(--wabe-r21-r-lg) !important;
}
html[data-wabe-core] [data-wabe-mini-cart-panel] {
inset: 0 !important;
width: 100vw !important;
height: 100dvh !important;
padding: 8rem 1.6rem 1.6rem !important;
border-left: 0 !important;
}
html[data-wabe-core] [data-wabe-mini-cart-panel]::before {
right: 1.6rem;
left: 1.6rem;
}
html[data-wabe-core] [data-wabe-offer-content] {
padding: 6.4rem 2.4rem 2.6rem;
}
html[data-wabe-core] [data-wabe-offer-actions] {
margin-top: 2.4rem;
}
html[data-wabe-core] [data-wabe-recent-purchase] {
padding: 0.8rem 1.2rem 0.8rem 0.8rem;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row {
grid-template-columns: minmax(0, 1fr) !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > *,
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > :nth-child(2n) {
padding: 2rem 0 !important;
border-left: 0 !important;
border-top: 1px solid var(--wabe-r21-line) !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-service-section .row > :first-child {
border-top: 0 !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row {
grid-template-columns: minmax(0, 1fr);
gap: 2.8rem 0 !important;
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > *,
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > :nth-child(2n) {
padding: 2.4rem 0 0 !important;
border-left: 0;
border-top: 1px solid var(--wabe-r21-copper-lo);
}
html[data-wabe-core] [data-wabe-footer] .footer-section > .row > :first-child {
padding-top: 0 !important;
border-top: 0;
}
html[data-wabe-core] [data-wabe-footer] .footer-section .logo :is(.wabe-wordmark, .wabe-site-wordmark, .wrapper-heading) {
font-size: clamp(3.2rem, 10vw, 4.2rem);
}
}