html[data-schu-core] {
--schu-site-primary: #1E4ED8;
--schu-site-primary-strong: #173AA4;
--schu-site-primary-fg: #FFFFFF;
--schu-site-surface-alt: #EBEFFB;
--schu-site-border: #C0CDF4;
}
html[data-schu-core] {
--schu-cro-surface: var(--schu-site-surface, var(--bs-body-bg, Canvas));
--schu-cro-text: var(--schu-site-text, var(--bs-body-color, currentColor));
--schu-cro-primary: var(--schu-site-primary, var(--bs-success, currentColor));
--schu-cro-primary-fg: var(--schu-site-primary-fg, var(--bs-body-bg, Canvas));
--schu-cro-border: var(--schu-site-border, color-mix(in srgb, var(--schu-cro-text) 16%, transparent));
--schu-cro-muted: var(--schu-site-text-secondary, color-mix(in srgb, var(--schu-cro-text) 68%, transparent));
--schu-cro-soft: var(--schu-site-surface-alt, color-mix(in srgb, var(--schu-cro-text) 5%, transparent));
--schu-cro-radius: var(--site-radius, var(--bs-border-radius-lg, 1rem));
}
html[data-schu-core] [data-schu-offer-modal][hidden],
html[data-schu-core] [data-schu-recent-purchase][hidden],
html[data-schu-core] [data-schu-recent-purchase-image][hidden],
html[data-schu-core] [data-schu-welcome-bar][hidden],
html[data-schu-core] [data-schu-pdp-savings][hidden],
html[data-schu-core] [data-schu-mini-cart-panel][hidden],
html[data-schu-core] [data-schu-mini-cart-overlay][hidden],
html[data-schu-core] [data-schu-cart-upsell][hidden],
html[data-schu-core] [data-schu-pdp-variant-prompt][hidden] {
display: none !important;
}
html[data-schu-core] [data-schu-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(--schu-cro-primary);
color: var(--schu-cro-primary-fg);
font: inherit;
font-size: 1.3rem;
line-height: 1.25;
text-align: center;
}
html[data-schu-core] [data-schu-shipping-message] {
display: block;
min-width: 0;
font-weight: 700;
}
html[data-schu-core] .schu-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-schu-core] [data-schu-shipping-progress] {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: currentColor;
transition: width 0.3s ease;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-grid] {
align-items: stretch;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-grid] > [data-schu-listing-item] {
min-width: 0;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] {
height: 34rem !important;
min-height: 0 !important;
padding-bottom: 1rem !important;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] .product-img {
flex: 0 0 18rem;
height: 18rem !important;
aspect-ratio: auto !important;
margin-bottom: 0 !important;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] .product-info {
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 0.8rem !important;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] .ratings,
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] .price {
margin-block: 0.3rem !important;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] .price {
gap: 0.5rem !important;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] [data-schu-add-to-cart] {
min-height: 3.8rem;
padding: 0.6rem 0.8rem !important;
}
html[data-schu-core][data-schu-route-family="listing"] .product-sorting-section {
align-items: flex-start;
gap: 2.4rem;
margin-bottom: 1.6rem;
}
html[data-schu-core][data-schu-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-schu-core][data-schu-route-family="listing"] [data-schu-listing-intro] p {
margin-bottom: 0.8rem;
font-size: 1.5rem;
line-height: 1.6;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-sort] {
min-width: 20rem;
}
html[data-schu-core] [data-schu-listing-load-more-wrap] {
display: grid;
justify-items: center;
gap: 0.7rem;
margin-block: 2.4rem 4rem;
text-align: center;
}
html[data-schu-core] [data-schu-listing-load-more] {
display: flex;
justify-content: center;
}
html[data-schu-core] [data-schu-listing-load-more] button {
min-width: 16rem;
}
html[data-schu-core] [data-schu-listing-load-more-wrap] p {
margin: 0;
color: var(--schu-cro-muted);
font-size: 1.2rem;
line-height: 1.3;
}
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-root] {
padding-block: 1.6rem 2.5rem !important;
}
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-root] .product-info-section {
--bs-gutter-y: 2.4rem;
align-items: start;
margin-top: 1rem !important;
}
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-gallery] .product-top,
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-gallery] .product-top img {
max-height: min(56rem, 58vh);
}
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-gallery] .product-top img {
width: 100%;
object-fit: contain;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-top .swiper-slide {
box-sizing: border-box;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content {
padding-top: 0;
opacity: 1 !important;
transform: none !important;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content [data-schu-pdp-title] {
margin-bottom: 1rem !important;
font-size: clamp(2.6rem, 2.45vw, 3.6rem) !important;
line-height: 1.08;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content .ratings,
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content .price {
margin-block: 0.8rem !important;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content > .content-paragraph,
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content > hr:first-of-type,
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content .product-availability {
display: none !important;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content > hr {
margin-block: 1.3rem !important;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content .product-quantity {
gap: 1rem;
margin-top: 0.8rem !important;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content .product-quantity > button {
margin-block: 0 !important;
}
html[data-schu-core] [data-schu-pdp-conversion-root] {
display: grid;
gap: 1.15rem;
margin-top: 1rem;
padding: 0;
color: var(--schu-cro-text);
}
html[data-schu-core] [data-schu-delivery] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25rem 0.7rem;
color: var(--schu-cro-muted);
font-size: 1.1rem;
line-height: 1.35;
}
html[data-schu-core] [data-schu-delivery-estimate] {
color: var(--schu-cro-text);
font-size: 1.3rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-dispatch-countdown] {
font-variant-numeric: tabular-nums;
}
html[data-schu-core] [data-schu-proof-rail] {
min-height: 3rem;
padding-block: 0.7rem;
border-block: 1px solid var(--schu-cro-border);
color: var(--schu-cro-muted);
font-size: 1.05rem;
line-height: 1.35;
}
html[data-schu-core] [data-schu-proof-item] {
display: none;
text-align: left;
}
html[data-schu-core] [data-schu-proof-item] strong {
margin-inline: 0.25rem;
color: var(--schu-cro-text);
font-size: 1.15rem;
}
html[data-schu-core] [data-schu-proof-item]:not([hidden]) {
display: block;
}
html[data-schu-core] [data-schu-quantity-tiers-root] {
display: grid;
gap: 0.75rem;
min-width: 0;
}
html[data-schu-core] [data-schu-quantity-tiers-root] h2 {
margin: 0;
color: inherit;
font: inherit;
font-size: 1.25rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-quantity-tiers] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.65rem;
}
html[data-schu-core] [data-schu-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(--schu-cro-border);
border-radius: calc(var(--schu-cro-radius) * 0.7);
background: var(--schu-cro-soft);
color: var(--schu-cro-text);
font: inherit;
text-align: left;
}
html[data-schu-core] [data-schu-quantity-tier] > strong {
margin: 0;
font-size: 1.2rem;
line-height: 1.1;
}
html[data-schu-core] [data-schu-quantity-tier] > span {
margin: 0;
min-width: 0;
font-size: 1rem;
line-height: 1.2;
}
html[data-schu-core] [data-schu-quantity-tier] > span:first-of-type {
color: var(--schu-cro-primary);
font-weight: 700;
}
html[data-schu-core] [data-schu-quantity-tier-subtotal] {
color: var(--schu-cro-text);
font-size: 1.1rem !important;
font-weight: 650;
}
html[data-schu-core] [data-schu-quantity-tier-savings] {
color: var(--schu-cro-muted);
font-size: 0.9rem !important;
}
html[data-schu-core] [data-schu-quantity-tier] > small {
position: absolute;
top: 0.45rem;
right: 0.55rem;
max-width: calc(100% - 3.2rem);
overflow: hidden;
color: var(--schu-cro-primary);
font-size: 0.82rem;
font-weight: 700;
line-height: 1.1;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-schu-core] [data-schu-quantity-tier][aria-pressed="true"] {
border-color: var(--schu-cro-primary);
box-shadow: inset 0 0 0 1px var(--schu-cro-primary);
}
html[data-schu-core] [data-schu-pair-offer],
html[data-schu-core] [data-schu-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(--schu-cro-border);
}
html[data-schu-core] [data-schu-pair-offer] img,
html[data-schu-core] [data-schu-cart-upsell] img {
width: 5.6rem;
height: 5.6rem;
border-radius: calc(var(--schu-cro-radius) * 0.4);
background: var(--schu-cro-soft);
object-fit: contain;
}
html[data-schu-core] [data-schu-pair-offer] > span,
html[data-schu-core] [data-schu-cart-upsell] > span {
display: grid;
gap: 0.15rem;
min-width: 0;
}
html[data-schu-core] [data-schu-pair-offer] small,
html[data-schu-core] [data-schu-cart-upsell] small {
color: var(--schu-cro-muted);
font-size: 1rem;
}
html[data-schu-core] [data-schu-pair-offer] a,
html[data-schu-core] [data-schu-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-schu-core] [data-schu-pair-offer] strong,
html[data-schu-core] [data-schu-cart-upsell-price] {
color: var(--schu-cro-text);
font-size: 1.1rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-pair-offer] button,
html[data-schu-core] [data-schu-cart-upsell] button {
min-width: 7rem;
min-height: 3.8rem;
padding: 0.6rem 1rem;
}
html[data-schu-core] [data-schu-pdp-variant-attention="true"] {
border-radius: var(--schu-cro-radius);
outline: 2px solid var(--schu-cro-primary);
outline-offset: 0.6rem;
}
html[data-schu-core] [data-schu-pdp-variant-option][aria-disabled="true"] {
opacity: 0.5;
text-decoration: line-through;
}
html[data-schu-core] [data-schu-pdp-variant-prompt] {
margin: 0.8rem 0 0;
color: var(--schu-cro-primary);
font-size: 1.4rem;
font-weight: 600;
}
html[data-schu-core] .product-info-content .product-size[data-schu-pdp-variant-group][data-schu-pdp-variant-layout="buttons"] .size-section {
display: none !important;
}
html[data-schu-core] .product-info-content .product-size[data-schu-pdp-variant-group][data-schu-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-schu-core] .product-info-content .product-size[data-schu-pdp-variant-group][data-schu-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-schu-core] [data-schu-pdp-variant-layout="buttons"] .size-option {
gap: 0.8rem;
margin: 1rem 0 0;
padding: 0;
}
html[data-schu-core] [data-schu-pdp-variant-layout="buttons"] .size-option .option {
gap: 0.6rem;
border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
cursor: pointer;
}
html[data-schu-core] [data-schu-pdp-variant-layout="buttons"] .size-option .option-measure:empty {
display: none;
}
html[data-schu-core][data-schu-route-family="cart"] [data-schu-cart-root] {
padding-bottom: 7rem !important;
}
html[data-schu-core] [data-schu-cart-root] > .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(32rem, 39rem);
align-items: start;
gap: 1.2rem 3.2rem;
}
html[data-schu-core] [data-schu-cart-main] {
grid-column: 1;
grid-row: 1 / span 2;
min-width: 0;
margin: 0 !important;
}
html[data-schu-core] [data-schu-cart-main] table {
table-layout: fixed;
}
html[data-schu-core] [data-schu-cart-main] .wrapper-product {
width: 44%;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-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-schu-core] [data-schu-cart-actions] .clean-btn {
justify-self: center;
color: var(--schu-cro-muted);
font-size: 1.2rem;
text-decoration: underline;
text-underline-offset: 0.3rem;
}
html[data-schu-core] [data-schu-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(--schu-cro-border);
border-radius: var(--schu-cro-radius);
background: var(--schu-cro-surface);
color: var(--schu-cro-text);
box-shadow: 0 1.2rem 3.4rem color-mix(in srgb, var(--schu-cro-text) 8%, transparent);
font-size: 1.4rem;
}
html[data-schu-core] [data-schu-order-benefits] {
display: grid;
gap: 0.9rem;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-order-benefits] > div > strong {
flex: none;
font-family: inherit;
white-space: nowrap;
}
html[data-schu-core] [data-schu-order-benefits] > div:last-child {
padding-top: 1.2rem;
border-top: 1px solid var(--schu-cro-border);
font-size: 1.7rem;
}
html[data-schu-core] [data-schu-gift-status] {
padding: 0.8rem 1rem;
border-radius: calc(var(--schu-cro-radius) * 0.55);
background: var(--schu-cro-soft);
color: var(--schu-cro-muted);
font-size: 1.15rem !important;
}
html[data-schu-core] [data-schu-cart-reservation] {
margin: 0;
padding: 0.8rem 1rem;
border-radius: calc(var(--schu-cro-radius) * 0.55);
background: var(--schu-cro-soft);
color: var(--schu-cro-muted);
font-size: 1.2rem;
text-align: center;
}
html[data-schu-core] [data-schu-cart-reservation] strong {
color: var(--schu-cro-primary);
font-variant-numeric: tabular-nums;
}
html[data-schu-core] [data-schu-coupon-form] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.8rem;
margin-top: 0.2rem;
}
html[data-schu-core] [data-schu-coupon-input] {
width: 100%;
min-width: 0;
height: 4.4rem;
padding-inline: 1.2rem;
border: 1px solid var(--schu-cro-border);
border-radius: calc(var(--schu-cro-radius) * 0.65);
background: var(--schu-cro-surface);
color: var(--schu-cro-text);
font: inherit;
}
html[data-schu-core] [data-schu-coupon-form] > .shop-btn {
min-height: 4.4rem;
padding: 0.7rem 1.4rem;
}
html[data-schu-core] [data-schu-coupon-remove] {
grid-column: 1 / -1;
justify-self: start;
border: 0;
background: transparent;
color: var(--schu-cro-muted);
font: inherit;
font-size: 1.15rem;
text-decoration: underline;
}
html[data-schu-core] [data-schu-coupon-status] {
grid-column: 1 / -1;
min-height: 1.6rem;
margin: 0;
color: var(--schu-cro-muted);
font-size: 1.15rem;
line-height: 1.3;
}
html[data-schu-core] [data-schu-cart-summary] [data-schu-cart-upsell] {
grid-template-columns: 4rem minmax(0, 1fr) auto;
padding-top: 1.2rem;
}
html[data-schu-core] [data-schu-cart-summary] [data-schu-cart-upsell] img {
width: 4rem;
height: 4rem;
}
html[data-schu-core] [data-schu-cart-summary] [data-schu-cart-upsell] button {
min-width: auto;
min-height: 3.6rem;
padding-inline: 1rem;
}
html[data-schu-core] [data-schu-mini-cart-overlay] {
position: fixed;
inset: 0;
z-index: 10054;
width: 100vw;
height: 100dvh;
border: 0;
background: color-mix(in srgb, var(--schu-cro-text) 28%, transparent);
}
html[data-schu-core] [data-schu-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(--schu-cro-border) !important;
border-radius: var(--schu-cro-radius) !important;
background: var(--schu-cro-surface) !important;
color: var(--schu-cro-text) !important;
box-shadow: 0 2.2rem 5.6rem color-mix(in srgb, var(--schu-cro-text) 20%, transparent) !important;
font-family: inherit;
}
html[data-schu-core] [data-schu-mini-cart-root][data-schu-mini-cart-state="open"] > [data-schu-mini-cart-panel] {
opacity: 1 !important;
visibility: visible !important;
}
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-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(--schu-cro-border);
border-radius: 999px;
background: var(--schu-cro-surface);
color: var(--schu-cro-text);
font: inherit;
font-size: 0;
cursor: pointer;
}
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-mini-cart-close]::before,
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-mini-cart-close]::after {
position: absolute;
width: 1.4rem;
height: 0.2rem;
background: currentColor;
content: "";
transform: rotate(45deg);
}
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-mini-cart-close]::after {
transform: rotate(-45deg);
}
html[data-schu-core] [data-schu-mini-cart-items] {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
html[data-schu-core] [data-schu-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(--schu-cro-border);
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-mini-cart-items] .wrapper-img,
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-img img {
width: 7.2rem;
height: 7.2rem;
}
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-img img {
object-fit: contain;
}
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-content {
min-width: 0;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-mini-cart-items] .new-price,
html[data-schu-core] [data-schu-mini-cart-items] .paragraph {
margin: 0.4rem 0 0;
color: var(--schu-cro-muted);
font-size: 1.2rem;
}
html[data-schu-core] [data-schu-mini-cart-items] .schu-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(--schu-cro-border);
border-radius: 999px;
}
html[data-schu-core] [data-schu-mini-cart-items] .schu-mini-cart-quantity > button,
html[data-schu-core] [data-schu-mini-cart-items] .schu-mini-cart-quantity > [data-schu-cart-quantity-value] {
display: grid;
place-items: center;
min-height: 2.8rem;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
}
html[data-schu-core] [data-schu-mini-cart-items] [data-schu-cart-remove] {
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
margin: 0;
border: 0;
border-radius: 999px;
cursor: pointer;
}
html[data-schu-core] [data-schu-mini-cart-summary] {
flex: none;
display: grid;
gap: 1rem;
margin-top: auto;
padding-top: 1.6rem;
border-top: 1px solid var(--schu-cro-border);
}
html[data-schu-core] [data-schu-mini-cart-summary] .wrapper-subtotal {
display: flex;
justify-content: space-between;
gap: 1rem;
margin: 0;
}
html[data-schu-core] [data-schu-mini-cart-summary] .cart-btn {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.8rem;
margin: 0;
}
html[data-schu-core] [data-schu-mini-cart-summary] .cart-btn a {
display: grid;
place-items: center;
min-height: 4.6rem;
margin: 0;
text-align: center;
}
html[data-schu-core] [data-schu-mini-cart-summary] [data-schu-order-benefits] {
padding-block: 0.4rem;
}
html[data-schu-core] [data-schu-mini-cart-summary] [data-schu-order-benefits] > div {
font-size: 1.2rem;
}
html[data-schu-core] [data-schu-mini-cart-summary] [data-schu-order-benefits] > div:last-child {
padding-top: 0.8rem;
font-size: 1.4rem;
}
html[data-schu-core][data-schu-route-family="checkout"] [data-schu-checkout-root] {
padding-block: 4rem 7rem !important;
}
html[data-schu-core] [data-schu-checkout-root] > .container {
max-width: 104rem;
}
html[data-schu-core] .schu-checkout-sdk-shell {
display: grid;
gap: 1.3rem;
width: min(72rem, 100%);
margin: 0 auto;
padding: 3.2rem;
border: 1px solid var(--schu-cro-border);
border-radius: calc(var(--schu-cro-radius) * 1.15);
background: var(--schu-cro-surface);
color: var(--schu-cro-text);
box-shadow: 0 1.6rem 4rem color-mix(in srgb, var(--schu-cro-text) 8%, transparent);
}
html[data-schu-core] .schu-checkout-sdk-shell > .heading {
margin: 0;
font-size: clamp(2.6rem, 4vw, 3.6rem);
line-height: 1.1;
}
html[data-schu-core] .schu-checkout-sdk-shell > .wrapper-heading {
margin: 0.7rem 0 0;
font-size: 1.5rem;
}
html[data-schu-core] .schu-checkout-sdk-shell > .paragraph {
margin: 0;
color: var(--schu-cro-muted);
font-size: 1.3rem;
line-height: 1.45;
}
html[data-schu-core] [data-schu-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(--schu-cro-border);
border-radius: calc(var(--schu-cro-radius) * 0.75);
background: var(--schu-cro-soft);
}
html[data-schu-core] [data-schu-checkout-delivery] > strong {
grid-row: 1 / span 2;
font-size: 1.3rem;
}
html[data-schu-core] [data-schu-checkout-delivery] > span {
color: var(--schu-cro-muted);
font-size: 1.2rem;
}
html[data-schu-core] .schu-checkout-sdk-shell > [data-schu-order-benefits] {
padding: 1.6rem;
border: 1px solid var(--schu-cro-border);
border-radius: calc(var(--schu-cro-radius) * 0.75);
}
html[data-schu-core] [data-schu-footer] .footer-service-section {
margin-top: 0;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-footer] .footer-service-section .row > * {
width: auto;
min-width: 0;
padding: 0;
}
html[data-schu-core] [data-schu-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(--schu-cro-border);
border-radius: var(--schu-cro-radius);
background: var(--schu-cro-surface);
color: var(--schu-cro-text);
box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--schu-cro-text) 14%, transparent);
pointer-events: none;
}
html[data-schu-core] [data-schu-recent-purchase]:not(:has(img:not([hidden])[src])) {
grid-template-columns: minmax(0, 1fr);
}
html[data-schu-core] [data-schu-recent-purchase-image] {
width: 4.4rem;
height: 4.4rem;
border-radius: calc(var(--schu-cro-radius) * 0.7);
background: var(--schu-cro-soft);
object-fit: contain;
}
html[data-schu-core] [data-schu-recent-purchase] > span {
display: grid;
gap: 0.2rem;
min-width: 0;
}
html[data-schu-core] [data-schu-recent-purchase] > span > small {
color: var(--schu-cro-muted);
font-size: 1.1rem;
line-height: 1.25;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-welcome-bar] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
padding: 0.6rem 1.2rem;
border-bottom: 1px solid var(--schu-cro-border);
background: var(--schu-cro-soft);
color: var(--schu-cro-text);
font-size: 1.2rem;
line-height: 1.3;
}
html[data-schu-core] [data-schu-welcome-bar] > span {
min-width: 0;
}
@media (hover: hover) and (pointer: fine) {
html[data-schu-core] [data-schu-welcome-bar] {
display: none !important;
}
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-welcome-bar] > [data-schu-welcome-bar-close] {
font-size: 1.8rem;
font-weight: 400;
text-decoration: none;
}
html[data-schu-core] [data-schu-pdp-savings] {
margin: 0.4rem 0 0;
color: var(--schu-cro-text);
font-size: 1.3rem;
font-weight: 600;
}
html[data-schu-core] [data-schu-delivery] [data-schu-coupon-hint] {
flex-basis: 100%;
color: var(--schu-cro-primary);
font-size: 1.3rem;
font-weight: 600;
line-height: 1.4;
}
html[data-schu-core] [data-schu-delivery] [data-schu-delivery-terms] {
flex-basis: 100%;
color: inherit;
opacity: 0.85;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.4;
}
html[data-schu-core] [data-schu-delivery] [data-schu-delivery-terms] [data-schu-delivery-estimate] {
color: inherit;
font: inherit;
text-transform: none;
letter-spacing: normal;
}
html[data-schu-core] [data-schu-delivery] [data-schu-delivery-terms] [data-schu-email-text] span {
color: inherit;
}
html[data-schu-core] [data-schu-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(--schu-cro-text) 48%, transparent);
}
html[data-schu-core] [data-schu-offer-card] {
position: relative;
display: grid;
width: min(48rem, 100%);
max-height: calc(100dvh - 4rem);
overflow: auto;
border: 1px solid var(--schu-cro-border);
border-radius: calc(var(--schu-cro-radius) * 1.5);
background: var(--schu-cro-surface);
color: var(--schu-cro-text);
box-shadow: 0 3rem 8rem color-mix(in srgb, var(--schu-cro-text) 24%, transparent);
}
html[data-schu-core] [data-schu-offer-content] {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: 3.6rem;
}
html[data-schu-core] [data-schu-offer-content] > small {
color: var(--schu-cro-primary);
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-offer-content] > p {
margin: 2rem 0 0;
color: var(--schu-cro-muted);
font-size: 1.6rem;
line-height: 1.55;
}
html[data-schu-core] [data-schu-offer-content] > [data-schu-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-schu-core] [data-schu-offer-actions] {
display: grid;
gap: 1rem;
margin-top: 2.2rem;
}
html[data-schu-core] [data-schu-offer-actions] > button {
min-height: 4.8rem;
border-radius: var(--schu-cro-radius);
font: inherit;
font-weight: 700;
}
html[data-schu-core] [data-schu-offer-actions] > [data-schu-offer-close] {
border: 0;
background: transparent;
color: var(--schu-cro-muted);
}
@media (max-width: 1023px) {
html[data-schu-core] [data-schu-cart-root] > .container {
grid-template-columns: 1fr;
gap: 2rem;
}
html[data-schu-core] [data-schu-cart-main],
html[data-schu-core] [data-schu-cart-actions],
html[data-schu-core] [data-schu-cart-summary] {
position: static;
grid-column: 1;
grid-row: auto;
}
html[data-schu-core] [data-schu-cart-main] {
order: 1;
}
html[data-schu-core] [data-schu-cart-summary] {
order: 2;
}
html[data-schu-core] [data-schu-cart-actions] {
order: 3;
}
}
@media (max-width: 767px) {
html[data-schu-core] [data-schu-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-schu-core] [data-schu-recent-purchase] [data-schu-recent-purchase-image] {
display: none;
}
html[data-schu-core] [data-schu-shipping-bar] {
min-height: 4.4rem;
padding: 0.6rem 1rem 1rem;
font-size: 1.2rem;
line-height: 1.2;
}
html[data-schu-core] .schu-shipping-progress-track {
right: 1rem;
left: 1rem;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] {
height: 100% !important;
min-height: 30rem;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-card] .product-img {
flex-basis: 14rem;
height: 14rem !important;
}
html[data-schu-core][data-schu-route-family="listing"] .product-sidebar-section > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-root] > .container > .row {
gap: 1.2rem;
}
html[data-schu-core][data-schu-route-family="listing"] .sidebar-section {
margin-bottom: 1rem;
}
html[data-schu-core][data-schu-route-family="listing"] .product-sorting-section {
display: grid;
gap: 1rem;
margin-bottom: 1.2rem;
}
html[data-schu-core][data-schu-route-family="listing"] [data-schu-listing-sort] {
width: 100%;
min-width: 0;
}
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-root] {
padding-block: 2.4rem 2.5rem !important;
}
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-root] .blog-bradcrum {
margin-bottom: 1rem;
}
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-gallery] .product-top,
html[data-schu-core][data-schu-route-family="pdp"] [data-schu-pdp-gallery] .product-top img {
max-height: 42rem;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content [data-schu-pdp-title] {
font-size: clamp(2.5rem, 8vw, 3.4rem) !important;
}
html[data-schu-core][data-schu-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-schu-core] [data-schu-pdp-conversion-root] {
gap: 1.05rem;
}
html[data-schu-core] [data-schu-quantity-tier] {
min-height: 6rem;
padding: 0.65rem;
}
html[data-schu-core] [data-schu-quantity-tier] > strong {
font-size: 1.1rem;
}
html[data-schu-core] [data-schu-quantity-tier] > span,
html[data-schu-core] [data-schu-quantity-tier-subtotal] {
font-size: 0.95rem !important;
}
html[data-schu-core] [data-schu-quantity-tier-savings],
html[data-schu-core] [data-schu-quantity-tier] > small {
font-size: 0.8rem !important;
}
html[data-schu-core] [data-schu-pair-offer] {
grid-template-columns: 4.8rem minmax(0, 1fr) auto;
gap: 0.8rem;
}
html[data-schu-core] [data-schu-pair-offer] img {
width: 4.8rem;
height: 4.8rem;
}
html[data-schu-core] [data-schu-pair-offer] button {
min-width: auto;
min-height: 3.6rem;
padding-inline: 0.8rem;
}
html[data-schu-core] [data-schu-cart-root] .container,
html[data-schu-core] [data-schu-cart-root] [data-schu-cart-main],
html[data-schu-core] [data-schu-cart-root] table,
html[data-schu-core] [data-schu-cart-root] tbody,
html[data-schu-core] [data-schu-cart-root] tr,
html[data-schu-core] [data-schu-cart-root] td {
box-sizing: border-box !important;
min-width: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
html[data-schu-core] [data-schu-cart-main] {
overflow: visible !important;
}
html[data-schu-core] [data-schu-cart-root] table,
html[data-schu-core] [data-schu-cart-root] tbody,
html[data-schu-core] [data-schu-cart-root] tr,
html[data-schu-core] [data-schu-cart-root] td {
display: block;
}
html[data-schu-core] [data-schu-cart-root] table > tbody:first-child {
display: none;
}
html[data-schu-core] [data-schu-cart-items] {
display: grid;
gap: 1.4rem;
}
html[data-schu-core] [data-schu-cart-line] {
display: grid !important;
gap: 1.2rem;
padding: 1.6rem;
border: 1px solid var(--schu-cro-border);
border-radius: var(--schu-cro-radius);
background: var(--schu-cro-surface);
box-shadow: 0 1rem 2.8rem color-mix(in srgb, var(--schu-cro-text) 7%, transparent);
}
html[data-schu-core] [data-schu-cart-line] td {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 1.4rem;
padding: 0 !important;
}
html[data-schu-core] [data-schu-cart-line] td::before {
content: attr(data-schu-cart-cell-label);
flex: none;
color: var(--schu-cro-muted);
font-size: 1.2rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-cart-line] td.wrapper-product::before {
content: none;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-cart-line] .wrapper-img,
html[data-schu-core] [data-schu-cart-line] .wrapper-img img {
width: 7.2rem !important;
height: 7.2rem !important;
}
html[data-schu-core] [data-schu-cart-line] .wrapper-img img {
object-fit: contain;
}
html[data-schu-core] [data-schu-cart-line] .wrapper-content,
html[data-schu-core] [data-schu-cart-line] .table-wrapper-center {
min-width: 0;
}
html[data-schu-core] [data-schu-cart-line] .wrapper-content .heading {
overflow-wrap: anywhere;
white-space: normal !important;
}
html[data-schu-core] [data-schu-cart-summary] {
gap: 1rem;
padding: 1.8rem;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-mini-cart-summary] .cart-btn {
grid-template-columns: 1fr;
}
html[data-schu-core][data-schu-route-family="checkout"] [data-schu-checkout-root] {
padding-block: 2rem 5rem !important;
}
html[data-schu-core] .schu-checkout-sdk-shell {
gap: 1rem;
padding: 2rem;
}
html[data-schu-core] [data-schu-checkout-delivery] {
grid-template-columns: 1fr;
padding: 1.2rem;
}
html[data-schu-core] [data-schu-checkout-delivery] > strong {
grid-row: auto;
}
html[data-schu-core] [data-schu-offer-modal] {
align-items: end;
padding: 1rem;
}
html[data-schu-core] [data-schu-offer-card] {
width: 100%;
max-height: calc(100dvh - 2rem);
border-radius: calc(var(--schu-cro-radius) * 1.35);
}
html[data-schu-core] [data-schu-offer-content] {
padding: 3rem 2rem 2.2rem;
}
html[data-schu-core] [data-schu-offer-content] > h2 {
font-size: 3.2rem;
}
html[data-schu-core] [data-schu-offer-content] > p {
margin-top: 1.2rem;
font-size: 1.45rem;
}
html[data-schu-core] [data-schu-offer-actions] {
margin-top: 1.6rem;
}
html[data-schu-core] [data-schu-footer] .footer-service-section {
padding: 1.6rem;
overflow: visible;
}
html[data-schu-core] [data-schu-footer] .footer-service-section .row {
grid-template-columns: 1fr;
gap: 1.6rem;
margin: 0;
overflow: visible;
}
html[data-schu-core] [data-schu-footer] .footer-service-section .row > * {
width: 100%;
min-width: 0;
padding: 0;
}
html[data-schu-core] [data-schu-footer] .footer-section > .row {
margin-inline: 0;
}
html[data-schu-core] [data-schu-footer] .footer-section > .row > * {
width: 100%;
min-width: 0;
padding-inline: 0;
}
}
@media (max-width: 390px) {
html[data-schu-core] [data-schu-quantity-tiers] {
gap: 0.4rem;
}
html[data-schu-core] [data-schu-quantity-tier] {
padding-inline: 0.45rem;
}
html[data-schu-core] [data-schu-pair-offer] {
grid-template-columns: 4.2rem minmax(0, 1fr) auto;
gap: 0.6rem;
}
html[data-schu-core] [data-schu-pair-offer] img {
width: 4.2rem;
height: 4.2rem;
}
html[data-schu-core] [data-schu-coupon-form] {
grid-template-columns: 1fr;
}
html[data-schu-core] [data-schu-coupon-form] > .shop-btn {
width: 100%;
}
html[data-schu-core] [data-schu-offer-content] {
padding-inline: 1.6rem;
}
}
html[data-schu-core] [hidden] {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
html[data-schu-core] *,
html[data-schu-core] *::before,
html[data-schu-core] *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
html[data-schu-core] [data-schu-mobile-brand-menu] > summary {
font-family: "Inter", sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3;
}
html[data-schu-core] .category-menu-section #subMenu.open-dropdown {
max-height: min(60vh, calc(100dvh - 20rem));
overflow-y: auto;
}
@media (min-width: 992px) {
html[data-schu-core] .category-menu-section #subMenu {
min-width: min(28rem, calc(100vw - 4rem));
}
html[data-schu-core] #header .category-dropdown .category-list-item:has(> details),
html[data-schu-core] #header .category-dropdown .category-list-item:has(> details):hover,
html[data-schu-core] #header .category-dropdown .category-list-item:has(> details):focus-within {
background: var(--schu-cro-surface);
color: var(--schu-cro-text);
}
html[data-schu-core] #header [data-schu-mobile-brand-menu] > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
cursor: pointer;
color: var(--schu-cro-text);
list-style: none;
}
html[data-schu-core] #header [data-schu-mobile-brand-menu] > summary::-webkit-details-marker {
display: none;
}
html[data-schu-core] #header [data-schu-mobile-brand-menu] > summary::after {
content: "+";
flex: 0 0 auto;
font-size: 1.8rem;
font-weight: 400;
}
html[data-schu-core] #header [data-schu-mobile-brand-menu][open] > summary::after {
content: "\2212";
}
html[data-schu-core] #header [data-schu-mobile-brand-menu] > summary:focus-visible {
outline: 2px solid var(--schu-cro-primary);
outline-offset: 2px;
}
html[data-schu-core] #header [data-schu-mobile-series-list] {
max-height: none;
margin: 1.2rem 0 0;
overflow: visible;
padding-left: 1.6rem;
}
html[data-schu-core] #header [data-schu-mobile-series-list] li + li {
margin-top: 1.2rem;
}
html[data-schu-core] #header [data-schu-mobile-series-list] a {
display: block;
color: var(--schu-cro-text);
line-height: 1.35;
overflow-wrap: anywhere;
}
html[data-schu-core] #header [data-schu-mobile-series-list] a:hover,
html[data-schu-core] #header [data-schu-mobile-series-list] a:focus-visible {
color: var(--schu-cro-primary);
}
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > li > .header-sub-menu {
top: calc(100% - 1px);
}
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > li[data-schu-sub-menu-flip] > .header-sub-menu {
right: 0;
left: auto !important;
transform: none !important;
}
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > li:focus-within > .header-sub-menu,
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > li:hover > .header-sub-menu {
visibility: visible;
opacity: 1;
}
}
@media (min-width: 992px) {
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > [data-schu-header-series-menu="expanded"] {
position: relative;
}
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > [data-schu-header-series-menu="expanded"] > [data-schu-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-schu-core] .header-nav .header-nav-menu > .menu-list > [data-schu-header-series-columns="3"] > [data-schu-header-series-list] {
grid-template-columns: repeat(3, minmax(0, 1fr));
width: min(56rem, calc(100vw - 4rem));
}
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > [data-schu-header-series-columns="4"] > [data-schu-header-series-list] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > [data-schu-header-series-menu="expanded"] > [data-schu-header-series-list] li,
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > [data-schu-header-series-menu="expanded"] > [data-schu-header-series-list] a {
min-width: 0;
}
html[data-schu-core] .header-nav .header-nav-menu > .menu-list > [data-schu-header-series-menu="expanded"] > [data-schu-header-series-list] a {
display: block;
overflow-wrap: anywhere;
}
html[data-schu-core] [data-schu-series-sidebar-summary] {
display: none;
}
html[data-schu-core] [data-schu-series-sidebar] > [data-schu-series-sidebar-content] {
display: block;
}
html[data-schu-core] [data-schu-series-sidebar-scroll] {
max-height: 44rem;
overflow-y: auto;
}
}
@media (max-width: 991px) {
html[data-schu-core] [data-schu-mobile-series-list] {
max-height: 60vh;
margin-top: 1.6rem;
overflow-y: auto;
}
html[data-schu-core] [data-schu-mobile-series-list] li + li {
margin-top: 1.2rem;
}
html[data-schu-core] [data-schu-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-schu-core] [data-schu-series-sidebar-summary]::after {
content: "+";
grid-column: 2;
grid-row: 1;
font-size: 2rem;
font-weight: 400;
}
html[data-schu-core] [data-schu-series-sidebar-toggle]:checked + [data-schu-series-sidebar-summary]::after {
content: "\2212";
}
html[data-schu-core] [data-schu-series-sidebar] > [data-schu-series-sidebar-content] {
display: none;
}
html[data-schu-core] [data-schu-series-sidebar-toggle]:checked ~ [data-schu-series-sidebar-content] {
display: block;
}
html[data-schu-core] [data-schu-series-sidebar-current] {
grid-column: 1 / -1;
font-size: 1.3rem;
font-weight: 400;
}
html[data-schu-core] [data-schu-series-sidebar-content] > .wrapper-heading {
display: none;
}
html[data-schu-core] [data-schu-series-sidebar-scroll] {
max-height: 60vh;
margin-top: 2rem;
overflow-y: auto;
}
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-delivery] {
font-size: 1.3rem;
line-height: 1.45;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-delivery-estimate] {
font-size: 1.4rem;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-proof-rail] {
font-size: 1.25rem;
line-height: 1.45;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-proof-item] strong {
font-size: 1.3rem;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] > strong,
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] > span,
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier-subtotal] {
font-size: 1.2rem !important;
line-height: 1.3;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] > small {
font-size: 1.1rem !important;
line-height: 1.25;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] small {
font-size: 1.2rem;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] a {
font-size: 1.3rem;
line-height: 1.35;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] strong {
font-size: 1.2rem;
}
html[data-schu-core] {
--schu-r28-paper: #faf9f5;
--schu-r28-dot: #cdd2db;
--schu-r28-card: #ffffff;
--schu-r28-kraft: #efe6d4;
--schu-r28-kraft-deep: #e4d6ba;
--schu-r28-kraft-edge: #cbb68c;
--schu-r28-ink: #1d2c4c;
--schu-r28-ink-soft: #2e4170;
--schu-r28-ink-deep: #152139;
--schu-r28-text: #273249;
--schu-r28-mute: #4f5869;
--schu-r28-faint: #6c7383;
--schu-r28-line: #dfdbd0;
--schu-r28-line-strong: #bcb5a3;
--schu-r28-rule: #e3e8f0;
--schu-r28-on-ink: #f1e8d6;
--schu-r28-on-ink-mute: #bcc3d2;
--schu-r28-on-ink-line: rgba(241, 232, 214, 0.2);
--schu-r28-tape: rgba(226, 208, 160, 0.78);
--schu-r28-tape-stripe: rgba(255, 255, 255, 0.14);
--schu-r28-hole: rgba(29, 44, 76, 0.28);
--schu-r28-tag-shade: rgba(29, 44, 76, 0.14);
--schu-r28-veil: rgba(21, 33, 57, 0.46);
--schu-r28-shadow: 0 1px 1px rgba(29, 44, 76, 0.07), 0 10px 22px -12px rgba(29, 44, 76, 0.32);
--schu-r28-shadow-lift: 0 2px 2px rgba(29, 44, 76, 0.06), 0 22px 36px -16px rgba(29, 44, 76, 0.36);
--schu-r28-shadow-drawer: 0 2.4rem 6rem rgba(21, 33, 57, 0.24);
--schu-r28-sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
--schu-r28-hand: "Caveat", "Space Grotesk", sans-serif;
--schu-r28-max: 144rem;
--schu-r28-gutter: clamp(1.6rem, 3.4vw, 5.6rem);
--schu-r28-section: clamp(5.6rem, 6.4vw, 10rem);
--schu-r28-radius: 0.6rem;
--schu-r28-radius-sm: 0.4rem;
--schu-r28-ease: cubic-bezier(0.3, 0.7, 0.3, 1);
--schu-r28-dots: radial-gradient(circle at 1px 1px, var(--schu-r28-dot) 1px, transparent 1.4px);
--schu-r28-dots-size: 2.4rem 2.4rem;
--schu-r28-fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0 0.2 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23a)'/%3E%3C/svg%3E");
--schu-r28-spiral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Crect x='10' y='16' width='8' height='7' rx='3' fill='%23353d52' fill-opacity='0.5'/%3E%3Cpath d='M12.2 20.5C11 8.6 17 8.6 15.8 20.5' fill='none' stroke='%23767e90' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M12.9 16.4C12.6 11.6 15.4 11.6 15.1 16.4' fill='none' stroke='%23d3d7df' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E");
--schu-r28-clip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 44' fill='none' stroke='%237d8597' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M5 14v18.5a3 3 0 0 0 6 0V8.5a5.2 5.2 0 0 0-10.4 0V34a7.4 7.4 0 0 0 14.8 0V15'/%3E%3C/svg%3E");
--schu-r28-i-swash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M2 7.5c9-4.2 17-4.4 25-.6s16 4.4 25 .2 17-4.6 26-.4 16 4.2 25 .1 17-4.4 26-.7 15 3.4 24 .4'/%3E%3C/svg%3E");
--schu-r28-i-tick: 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 12.8c1.6 1.4 3.4 3.4 4.9 5.6C11.6 12.6 15.4 7.6 20.4 3.8'/%3E%3C/svg%3E");
--schu-r28-i-box: 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.6 4.4c5.2-.7 11-.6 16.6-.2.5 5.2.3 10.8-.1 15.9-5.6.5-11 .3-16.2-.1-.6-5.3-.6-10.4-.3-15.6z'/%3E%3C/svg%3E");
--schu-r28-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-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='1.5' d='M3.6 6.4c4.4-.6 9.4-.6 13.8-.2.4 4.6.3 9.4-.1 13.8-4.8.4-9.4.3-13.8-.1-.5-4.5-.5-9-.1-13.5z'/%3E%3Cpath stroke-width='2.4' d='M7 12.6c1.2 1.1 2.4 2.5 3.4 4C13 11 16.6 6.4 21.6 2.6'/%3E%3C/svg%3E");
--schu-r28-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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 9.4c6.6-1.4 14-1.9 23.4-1.3'/%3E%3Cpath d='M19.4 2.8c2 1.8 3.8 3.4 5.6 5.4-2.2 1.6-4 3.2-5.8 5.2'/%3E%3C/svg%3E");
--schu-r28-i-search: 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'%3E%3Ccircle cx='10.5' cy='10.5' r='6.4'/%3E%3Cpath d='M15.4 15.6l4.8 4.9'/%3E%3C/svg%3E");
--schu-r28-i-heart: 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-linejoin='round'%3E%3Cpath d='M12 19.6s-7.2-4.4-7.2-9.7A4 4 0 0 1 12 7.5a4 4 0 0 1 7.2 2.4c0 5.3-7.2 9.7-7.2 9.7z'/%3E%3C/svg%3E");
--schu-r28-i-heart-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 19.6s-7.2-4.4-7.2-9.7A4 4 0 0 1 12 7.5a4 4 0 0 1 7.2 2.4c0 5.3-7.2 9.7-7.2 9.7z'/%3E%3C/svg%3E");
--schu-r28-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.8' stroke-linejoin='round'%3E%3Cpath d='M4.6 8.6h14.8l-1 11.6H5.6z'/%3E%3Cpath d='M8.6 8.6V7a3.4 3.4 0 0 1 6.8 0v1.6'/%3E%3C/svg%3E");
--schu-r28-i-menu: 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'%3E%3Cpath d='M3.5 7h17M3.5 12h17M3.5 17h11'/%3E%3C/svg%3E");
--schu-r28-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.8' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
--schu-r28-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='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
--schu-r28-i-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
--schu-r28-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.5l5.5 5.5 5.5-5.5'/%3E%3C/svg%3E");
--schu-r28-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.7' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v10h-11zM13.5 9.5h4l3 3.5v3.5h-7z'/%3E%3Ccircle cx='6.5' cy='17.5' r='1.8' fill='white'/%3E%3Ccircle cx='17' cy='17.5' r='1.8' fill='white'/%3E%3C/svg%3E");
--schu-r28-i-clock: 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%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
--schu-r28-i-return: 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' stroke-linejoin='round'%3E%3Cpath d='M8 7H4V3'/%3E%3Cpath d='M4.4 7A8.5 8.5 0 1 1 3.5 12'/%3E%3C/svg%3E");
--schu-r28-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.7' stroke-linejoin='round'%3E%3Cpath d='M3.5 3.5h8l9 9-8 8-9-9z'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3C/svg%3E");
--schu-r28-i-pencil: 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' stroke-linejoin='round'%3E%3Cpath d='M15.5 4.5l4 4L8.5 19.5l-5 1 1-5z'/%3E%3Cpath d='M13 7l4 4'/%3E%3C/svg%3E");
--schu-r28-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.8l2.8 6 6.6.7-4.9 4.5 1.4 6.5L12 17.2l-5.9 3.3 1.4-6.5-4.9-4.5 6.6-.7z'/%3E%3C/svg%3E");
--schu-cro-surface: var(--schu-r28-card);
--schu-cro-text: var(--schu-r28-ink);
--schu-cro-muted: var(--schu-r28-mute);
--schu-cro-border: var(--schu-r28-line);
--schu-cro-soft: var(--schu-r28-kraft);
--schu-cro-radius: 0.6rem;
--schu-cro-primary: var(--schu-r28-ink);
background: var(--schu-r28-paper);
scrollbar-color: var(--schu-r28-line-strong) var(--schu-r28-paper);
}
html[data-schu-core] body {
background-color: var(--schu-r28-paper);
background-image: var(--schu-r28-dots);
background-size: var(--schu-r28-dots-size);
color: var(--schu-r28-text);
font-family: var(--schu-r28-sans);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html[data-schu-core] body *:not(svg, svg *) {
font-family: var(--schu-r28-sans) !important;
}
html[data-schu-core] body :is(h1, h2, h3, h4, h5, h6) {
color: var(--schu-r28-ink);
font-weight: 600;
letter-spacing: -0.012em;
line-height: 1.2;
}
html[data-schu-core] body :is(strong, b) {
font-weight: 600;
}
html[data-schu-core] body ::selection {
background: var(--schu-r28-kraft-deep);
color: var(--schu-r28-ink);
}
html[data-schu-core] body a {
color: inherit;
text-decoration: none;
}
html[data-schu-core] body :is(a, button, summary, input, select, textarea, [role="button"], [tabindex]):focus-visible {
outline: 2px solid var(--schu-r28-ink-soft);
outline-offset: 3px;
}
html[data-schu-core] body img {
max-width: 100%;
}
html[data-schu-core] :is(.new-price, .price-cut, [data-schu-cart-total], [data-schu-cart-subtotal], [data-schu-cart-price], [data-schu-cart-line-total], [data-schu-mini-cart-subtotal], [data-schu-quantity-tier-subtotal], [data-schu-quantity-tier-savings], .number, .schu-pdp-rating-score, [data-schu-proof-value], [data-schu-dispatch-countdown], .ratings) {
font-variant-numeric: tabular-nums;
}
html[data-schu-core] body .container:not(section) {
width: 100%;
max-width: var(--schu-r28-max);
padding-inline: var(--schu-r28-gutter) !important;
}
html[data-schu-core] body .row {
--bs-gutter-x: 2rem;
}
html[data-schu-core] :is(.shop-btn, .product-btn, button.shop-btn, .btn-primary) {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 1rem;
min-height: 5.2rem;
padding: 1.2rem 3rem;
border: 1px solid var(--schu-r28-ink) !important;
border-radius: var(--schu-r28-radius) !important;
background: var(--schu-r28-ink) !important;
color: var(--schu-r28-on-ink) !important;
box-shadow: 0 2px 0 var(--schu-r28-ink-deep) !important;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0.005em;
line-height: 1.25;
text-align: center;
text-decoration: none;
text-transform: none;
cursor: pointer;
transition: background-color 0.2s var(--schu-r28-ease), color 0.2s var(--schu-r28-ease), transform 0.2s var(--schu-r28-ease), box-shadow 0.2s var(--schu-r28-ease);
}
html[data-schu-core] :is(.shop-btn, .product-btn) span {
color: inherit !important;
}
html[data-schu-core] :is(.shop-btn, .product-btn)::before,
html[data-schu-core] :is(.shop-btn, .product-btn)::after {
display: none !important;
}
html[data-schu-core] :is(.shop-btn, .product-btn):is(:hover, :focus-visible) {
border-color: var(--schu-r28-ink-soft) !important;
background: var(--schu-r28-ink-soft) !important;
color: var(--schu-r28-on-ink) !important;
transform: translateY(-1px);
box-shadow: 0 3px 0 var(--schu-r28-ink-deep) !important;
}
html[data-schu-core] :is(.shop-btn, .product-btn):active {
transform: translateY(1px);
box-shadow: 0 1px 0 var(--schu-r28-ink-deep) !important;
}
html[data-schu-core] section.product {
padding-block: var(--schu-r28-section) 0;
background: transparent;
}
html[data-schu-core] section.product.top-selling {
display: block;
}
html[data-schu-core] .section-title {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 1.2rem 2.4rem;
margin: 0 0 clamp(2.8rem, 3vw, 4.4rem);
padding: 0;
border: 0;
}
html[data-schu-core] .section-title h5 {
position: relative;
flex: 0 1 auto;
min-width: 0;
margin: 0;
padding-bottom: 1.6rem;
color: var(--schu-r28-ink);
font-size: clamp(2.4rem, 2.3vw, 3.4rem);
font-weight: 600;
letter-spacing: -0.018em;
line-height: 1.15;
}
html[data-schu-core] .section-title h5::after {
position: absolute;
bottom: 0;
left: -0.2rem;
width: min(16rem, 100%);
height: 1.1rem;
background: var(--schu-site-primary);
content: "";
-webkit-mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
}
html[data-schu-core] .section-title .view {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 0.8rem;
margin: 0 0 0.6rem;
padding: 0.2rem 0;
border: 0;
background: none;
color: var(--schu-r28-ink);
font-family: var(--schu-r28-hand) !important;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.1;
text-transform: none;
text-decoration: none;
}
html[data-schu-core] .section-title .view::after {
flex: 0 0 auto;
width: 2.8rem;
height: 1.6rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-arrow) center / contain no-repeat;
mask: var(--schu-r28-i-arrow) center / contain no-repeat;
transition: transform 0.3s var(--schu-r28-ease);
}
html[data-schu-core] .section-title .view:is(:hover, :focus-visible) {
color: var(--schu-r28-ink-soft);
}
html[data-schu-core] .section-title .view:is(:hover, :focus-visible)::after {
transform: translateX(0.5rem);
}
html[data-schu-core] .blog-bradcrum {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem 1rem;
margin: 0 0 2.8rem;
padding: 0;
color: var(--schu-r28-mute);
font-size: 1.35rem;
font-weight: 400;
line-height: 1.45;
}
html[data-schu-core] .blog-bradcrum a {
color: var(--schu-r28-mute);
transition: color 0.2s ease;
}
html[data-schu-core] .blog-bradcrum a:hover {
color: var(--schu-r28-ink);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.3em;
}
html[data-schu-core] .blog-bradcrum .devider {
color: var(--schu-r28-mute);
}
html[data-schu-core] .blog-bradcrum > span:last-child,
html[data-schu-core] .blog-bradcrum [aria-current="page"] {
color: var(--schu-r28-ink);
font-weight: 500;
}
html[data-schu-core] :is(input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], textarea, select) {
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
color: var(--schu-r28-ink);
font-size: 1.5rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
html[data-schu-core] :is(input, textarea, select)::placeholder {
color: var(--schu-r28-mute);
opacity: 1;
}
html[data-schu-core] :is(input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], textarea, select):focus {
border-color: var(--schu-r28-ink);
box-shadow: 0 0 0 3px var(--schu-r28-kraft);
outline: 0;
}
html[data-schu-core] [data-schu-welcome-bar] {
gap: 1.2rem;
padding: 0.8rem var(--schu-r28-gutter);
border: 0;
background: var(--schu-r28-ink);
color: var(--schu-r28-on-ink);
font-size: 1.35rem;
}
html[data-schu-core] [data-schu-welcome-bar] > button {
color: var(--schu-r28-on-ink);
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.3em;
}
html[data-schu-core] [data-schu-shipping-bar] {
min-height: 3.8rem;
padding: 0.9rem var(--schu-r28-gutter) 1.1rem;
border: 0 !important;
background: var(--schu-r28-ink) !important;
color: var(--schu-r28-on-ink) !important;
font-size: 1.35rem;
}
html[data-schu-core] [data-schu-shipping-message] {
color: var(--schu-r28-on-ink);
font-size: 1.35rem;
font-weight: 400;
}
html[data-schu-core] [data-schu-shipping-remaining] {
color: var(--schu-r28-on-ink);
font-weight: 700;
}
html[data-schu-core] .schu-shipping-progress-track {
right: 0;
bottom: 0;
left: 0;
height: 3px;
border-radius: 0;
background: var(--schu-r28-on-ink-line);
}
html[data-schu-core] [data-schu-shipping-progress] {
border-radius: 0 2px 2px 0;
background: var(--schu-r28-kraft-deep);
}
html[data-schu-core] #header {
position: relative;
border-bottom: 1px solid var(--schu-r28-line-strong);
background-color: var(--schu-r28-paper);
background-image: var(--schu-r28-dots);
background-size: var(--schu-r28-dots-size);
}
html[data-schu-core] #header::after {
position: absolute;
right: 0;
bottom: -1.4rem;
left: 0;
z-index: 3;
height: 2.8rem;
background: var(--schu-r28-spiral) center top / 2.8rem 2.8rem repeat-x;
content: "";
pointer-events: none;
}
@media (min-width: 1200px) {
html[data-schu-core] #header {
position: sticky;
top: 0;
z-index: 10052;
}
}
html[data-schu-core] #header :is(.header-top-section, .header-center-section, .header-bottom) {
border: 0;
background: transparent;
}
html[data-schu-core] #header .header-top-section .header-top {
display: flex;
justify-content: flex-end;
min-height: 0;
padding: 1rem 0 0;
}
html[data-schu-core] #header .header-top .header-contact {
color: var(--schu-r28-mute);
font-size: 1.3rem;
text-align: right;
}
html[data-schu-core] #header .header-top .header-contact > span {
display: inline-flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: flex-end;
gap: 0.2rem 0.8rem;
}
html[data-schu-core] #header .header-top .header-contact > span > span:first-child {
color: var(--schu-r28-mute);
font-size: 1.3rem;
}
html[data-schu-core] #header .header-top .header-contact .contact-number,
html[data-schu-core] #header .header-top .header-contact .contact-number span {
color: var(--schu-r28-ink);
font-size: 1.3rem;
font-weight: 500;
}
@media (max-width: 991px) {
html[data-schu-core] #header .header-top-section {
display: none;
}
}
html[data-schu-core] #header .header-center {
gap: 2.4rem;
min-height: 0;
padding: 1.4rem 0 2rem;
}
html[data-schu-core] #header .logo a,
html[data-schu-core] .mobile-menu .mobile-header-logo,
html[data-schu-core] .footer-order .logo a {
display: inline-flex;
align-items: center;
gap: 1.2rem;
max-width: 100%;
min-width: 0;
white-space: normal;
}
html[data-schu-core] #header .header-center .logo {
flex: 0 1 auto;
min-width: 0;
}
html[data-schu-core] #header .header-center .logo :is(.schu-wordmark, .schu-site-wordmark, .wrapper-heading),
html[data-schu-core] #header .mobile-menu .mobile-header-logo :is(.schu-wordmark, .schu-site-wordmark, .wrapper-heading),
html[data-schu-core] [data-schu-footer] .footer-order .logo :is(.schu-wordmark, .schu-site-wordmark, .wrapper-heading) {
display: inline-block;
max-width: 56rem;
color: var(--schu-r28-ink);
font-size: 2.6rem;
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.1;
text-transform: none;
white-space: normal;
overflow-wrap: break-word;
}
html[data-schu-core] #header .header-center .header-cart-items {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 0.8rem;
}
html[data-schu-core] #header .header-center .header-search {
order: 1;
width: auto;
height: auto;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
html[data-schu-core] #header .header-center .header-favourite {
position: relative;
order: 2;
}
html[data-schu-core] #header .header-center .header-cart {
order: 3;
}
html[data-schu-core] #header .header-center .header-user {
display: none;
}
html[data-schu-core] #header .header-center :is(.header-search-btn, .header-favourite > .cart-item, .header-cart > .cart-item) {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 1rem;
height: 4.6rem;
min-width: 4.6rem;
padding: 0 1.2rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s var(--schu-r28-ease);
}
html[data-schu-core] #header .header-center :is(.header-search-btn, .header-favourite > .cart-item, .header-cart > .cart-item) > span:has(> svg) {
display: none;
}
html[data-schu-core] #header .header-center :is(.header-search-btn, .header-favourite > .cart-item, .header-cart > .cart-item)::before {
flex: 0 0 auto;
width: 2.2rem;
height: 2.2rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-search) center / contain no-repeat;
mask: var(--schu-r28-i-search) center / contain no-repeat;
}
html[data-schu-core] #header .header-center .header-favourite > .cart-item::before {
-webkit-mask-image: var(--schu-r28-i-heart);
mask-image: var(--schu-r28-i-heart);
}
html[data-schu-core] #header .header-center .header-cart > .cart-item::before {
-webkit-mask-image: var(--schu-r28-i-bag);
mask-image: var(--schu-r28-i-bag);
}
html[data-schu-core] #header .header-center :is(.header-search-btn, .header-favourite > .cart-item):hover {
background: var(--schu-r28-kraft-deep);
}
html[data-schu-core] #header .header-center .header-cart > .cart-item {
padding: 0 1.8rem 0 1.5rem;
border-color: var(--schu-r28-ink);
background: var(--schu-r28-ink);
color: var(--schu-r28-on-ink);
box-shadow: 0 2px 0 var(--schu-r28-ink-deep);
}
html[data-schu-core] #header .header-center .header-cart > .cart-item:hover {
background: var(--schu-r28-ink-soft);
}
html[data-schu-core] #header .header-center .header-cart > .cart-item .cart-text {
display: inline-flex;
align-items: center;
gap: 0.8rem;
color: inherit;
font-size: 1.45rem;
font-weight: 600;
}
html[data-schu-core] #header .header-favourite .cart-text {
position: absolute;
top: -0.7rem;
right: -0.7rem;
}
html[data-schu-core] [data-schu-wishlist-badge],
html[data-schu-core] [data-schu-cart-badge] {
display: inline-grid;
place-items: center;
min-width: 2rem;
height: 2rem;
padding: 0 0.5rem;
border-radius: 1rem;
background: var(--schu-site-primary);
color: var(--schu-site-primary-fg);
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
font-variant-numeric: tabular-nums;
}
html[data-schu-core] #header .header-center .header-cart > .cart-item [data-schu-cart-badge] {
background: var(--schu-r28-on-ink);
color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-wishlist-badge][hidden],
html[data-schu-core] [data-schu-cart-badge]:empty {
display: none;
}
html[data-schu-core] #header .header-bottom {
position: relative;
padding: 0;
border-top: 1px solid var(--schu-r28-line);
}
html[data-schu-core] #header .header-nav {
align-items: center;
flex-wrap: nowrap;
justify-content: flex-start;
gap: 2rem;
min-height: 5.6rem;
}
html[data-schu-core] #header .header-nav > *,
html[data-schu-core] #header .header-nav [data-schu-frame] > * {
min-width: 0;
}
html[data-schu-core] #header .header-nav .category-menu-section {
flex: 0 0 auto;
width: auto;
}
html[data-schu-core] #header .dropdown-btn {
display: inline-flex;
align-items: center;
gap: 1rem;
min-height: 4.2rem;
padding: 0 1.8rem 0 1.4rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
white-space: nowrap;
cursor: pointer;
transition: background-color 0.2s ease;
}
html[data-schu-core] #header .dropdown-btn:hover {
background: var(--schu-r28-kraft-deep);
}
html[data-schu-core] #header .dropdown-btn .dropdown-icon {
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
border-radius: 0;
background: currentColor;
-webkit-mask: var(--schu-r28-i-menu) center / contain no-repeat;
mask: var(--schu-r28-i-menu) center / contain no-repeat;
}
html[data-schu-core] #header .dropdown-btn .dropdown-icon svg {
display: none;
}
html[data-schu-core] #header .dropdown-btn .list-text {
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 600;
}
html[data-schu-core] #header .header-nav .header-nav-menu {
flex: 1 1 auto;
width: auto;
min-width: 0;
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list {
flex-wrap: wrap;
justify-content: flex-start;
gap: 0 0.4rem;
row-gap: 0;
height: 100%;
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list > li {
flex: 0 0 auto;
max-width: 100%;
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list > li > a {
position: relative;
display: inline-flex;
align-items: center;
height: auto;
min-height: 5.2rem;
padding: 0 1.4rem;
color: var(--schu-r28-text);
white-space: normal;
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list > li > a .list-text {
color: inherit;
font-size: 1.5rem;
font-weight: 500;
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list > li > a::after {
position: absolute;
right: 1.2rem;
bottom: 0.9rem;
left: 1.2rem;
height: 0.8rem;
background: var(--schu-site-primary);
content: "";
-webkit-mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
opacity: 0;
transform: scaleX(0.4);
transform-origin: left center;
transition: opacity 0.2s ease, transform 0.35s var(--schu-r28-ease);
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list > li:is(:hover, :focus-within) > a {
color: var(--schu-r28-ink);
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list > li:is(:hover, :focus-within) > a::after {
opacity: 1;
transform: scaleX(1);
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list .header-sub-menu {
z-index: 300;
gap: 0;
min-width: 24rem;
padding: 0.8rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow-lift);
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list .header-sub-menu li {
width: 100%;
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list .header-sub-menu a {
display: block;
padding: 0.9rem 1.4rem;
border-radius: var(--schu-r28-radius-sm);
color: var(--schu-r28-text);
font-size: 1.45rem;
line-height: 1.4;
transition: background-color 0.15s ease;
}
html[data-schu-core] #header .header-nav .header-nav-menu .menu-list .header-sub-menu a:hover {
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
}
html[data-schu-core] #header .header-nav .header-vendor-btn:empty {
display: none;
}
html[data-schu-core] #header .category-menu-section .category-dropdown {
z-index: 300;
top: calc(100% + 0.6rem);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow-lift);
}
html[data-schu-core] #header .category-menu-section .category-dropdown.open-dropdown {
border: 1px solid var(--schu-r28-line);
}
html[data-schu-core] #header .category-menu-section .category-dropdown .category-list {
padding: 0.8rem;
}
html[data-schu-core] #header .category-menu-section .category-dropdown .category-list-item {
padding: 0;
border: 0;
border-bottom: 1px dotted var(--schu-r28-line-strong);
background: transparent;
}
html[data-schu-core] #header .category-menu-section .category-dropdown .category-list-item:last-child {
border-bottom: 0;
}
html[data-schu-core] #header .category-menu-section .category-dropdown .category-list-item:hover {
background: transparent;
}
html[data-schu-core] #header .category-menu-section .category-dropdown .category-list-item .dropdown-item {
padding: 1.1rem 1.4rem;
border-radius: var(--schu-r28-radius-sm);
transition: background-color 0.15s ease;
}
html[data-schu-core] #header .category-menu-section .category-dropdown .category-list-item:hover > a > .dropdown-item {
background: var(--schu-r28-kraft);
}
html[data-schu-core] #header .category-menu-section .category-dropdown .dropdown-text,
html[data-schu-core] #header .category-menu-section .category-dropdown .category-list-item:hover .dropdown-text {
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.35;
}
html[data-schu-core] #header .category-menu-section .category-dropdown [data-schu-mobile-brand-menu] > summary {
padding: 1.1rem 1.4rem;
border-radius: var(--schu-r28-radius-sm);
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 500;
}
html[data-schu-core] #header .category-menu-section .category-dropdown [data-schu-mobile-brand-menu] > summary:hover {
background: var(--schu-r28-kraft);
}
html[data-schu-core] #header .category-menu-section .category-dropdown [data-schu-mobile-series-list] {
margin: 0 0 0.8rem 1.4rem;
padding-left: 1.4rem;
border-left: 2px solid var(--schu-r28-kraft-deep);
}
html[data-schu-core] #header .category-menu-section .category-dropdown [data-schu-mobile-series-list] a {
padding: 0.5rem 0;
color: var(--schu-r28-text);
font-size: 1.4rem;
}
html[data-schu-core] #header .modal-wrapper {
z-index: 10058;
}
html[data-schu-core] #header .modal-wrapper .anywhere-away {
background: var(--schu-r28-veil);
}
html[data-schu-core] #header .header-search .modal-main {
width: 100%;
max-width: none;
height: auto;
margin: 0;
padding: 7.2rem max(var(--schu-r28-gutter), calc((100vw - 96rem) / 2)) 6.4rem;
border-radius: 0 0 1.2rem 1.2rem;
background-color: var(--schu-r28-paper);
background-image: var(--schu-r28-dots);
background-size: var(--schu-r28-dots-size);
box-shadow: var(--schu-r28-shadow-drawer);
}
html[data-schu-core] #header .header-search .modal-main .wrapper-main {
width: 100%;
height: 6.4rem;
border: 0;
border-bottom: 2px solid var(--schu-r28-ink);
border-radius: 0;
background: transparent;
}
html[data-schu-core] #header .header-search .modal-main .wrapper-close-btn {
top: 2rem;
right: var(--schu-r28-gutter);
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
cursor: pointer;
}
html[data-schu-core] #header .header-search .modal-main .wrapper-close-btn > * {
display: none;
}
html[data-schu-core] #header .header-search .modal-main .wrapper-close-btn::before {
width: 2rem;
height: 2rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-close) center / contain no-repeat;
mask: var(--schu-r28-i-close) center / contain no-repeat;
}
html[data-schu-core] #header .header-search .modal-main .search-section {
gap: 1.2rem;
}
html[data-schu-core] #header .header-search .modal-main .search-section input {
flex: 1 1 auto;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--schu-r28-ink);
font-size: 2.6rem;
font-weight: 500;
letter-spacing: -0.01em;
}
html[data-schu-core] #header .header-search .modal-main .search-section input:focus {
border: 0;
box-shadow: none;
}
html[data-schu-core] #header .header-search .modal-main .search-section button {
flex: 0 0 auto;
color: var(--schu-r28-mute);
font-size: 1.4rem;
white-space: nowrap;
}
html[data-schu-core] #header .header-search .modal-main .wrapper-main .divider {
width: 1px;
height: 2.4rem;
background: var(--schu-r28-line-strong);
}
html[data-schu-core] #header .header-search .modal-main .search-section .shop-btn {
align-self: center;
min-height: 4.6rem;
margin: 0;
padding: 0 2.4rem;
color: var(--schu-r28-on-ink);
font-size: 1.45rem;
white-space: nowrap;
}
html[data-schu-core] .mobile-menu {
padding: 0;
border: 0;
background: transparent;
}
html[data-schu-core] .mobile-menu-header {
gap: 0.8rem;
min-height: 6.2rem;
padding: 0.8rem var(--schu-r28-gutter);
}
html[data-schu-core] .mobile-menu-header > .btn {
display: grid;
place-items: center;
flex: 0 0 auto;
width: 4.4rem;
height: 4.4rem;
padding: 0;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
}
html[data-schu-core] .mobile-menu-header > .btn > span {
display: none;
}
html[data-schu-core] .mobile-menu-header > .btn::before {
width: 2.2rem;
height: 2.2rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-menu) center / contain no-repeat;
mask: var(--schu-r28-i-menu) center / contain no-repeat;
}
html[data-schu-core] .mobile-menu-header .mobile-header-logo {
flex: 1 1 auto;
justify-content: center;
min-width: 0;
}
html[data-schu-core] #header .mobile-menu-header .mobile-header-logo :is(.schu-wordmark, .schu-site-wordmark, .wrapper-heading) {
max-width: 100%;
font-size: 2rem;
line-height: 1.15;
text-align: center;
}
html[data-schu-core] .mobile-menu-header > .header-cart {
position: relative;
display: grid;
place-items: center;
flex: 0 0 auto;
width: 4.4rem;
height: 4.4rem;
border: 1px solid var(--schu-r28-ink);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-ink);
color: var(--schu-r28-on-ink);
}
html[data-schu-core] .mobile-menu-header > .header-cart > span:has(> svg) {
display: none;
}
html[data-schu-core] .mobile-menu-header > .header-cart::before {
width: 2.2rem;
height: 2.2rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-bag) center / contain no-repeat;
mask: var(--schu-r28-i-bag) center / contain no-repeat;
}
html[data-schu-core] .mobile-menu-header > .header-cart [data-schu-cart-badge] {
position: absolute;
top: -0.7rem;
right: -0.7rem;
}
html[data-schu-core] .offcanvas.offcanvas-start {
z-index: 10070;
width: min(38rem, 88vw);
border: 0;
background-color: var(--schu-r28-paper);
background-image: var(--schu-r28-dots);
background-size: var(--schu-r28-dots-size);
box-shadow: var(--schu-r28-shadow-drawer);
color: var(--schu-r28-ink);
}
html[data-schu-core] .offcanvas-backdrop {
z-index: 10065;
background: var(--schu-r28-ink-deep);
}
html[data-schu-core] .offcanvas-backdrop.show {
opacity: 0.46;
}
html[data-schu-core] .offcanvas-body {
padding: 1.6rem 2.4rem 3.2rem;
}
html[data-schu-core] .offcanvas-body .header-top {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 1.6rem;
padding: 0;
}
html[data-schu-core] .offcanvas-body .header-top .header-favourite .cart-item {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
}
html[data-schu-core] .offcanvas-body .header-top .header-favourite .cart-item > span:has(> svg) {
display: none;
}
html[data-schu-core] .offcanvas-body .header-top .header-favourite .cart-item::before {
width: 2.2rem;
height: 2.2rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-heart) center / contain no-repeat;
mask: var(--schu-r28-i-heart) center / contain no-repeat;
}
html[data-schu-core] .offcanvas-body .header-top .shop-btn {
display: grid;
place-items: center;
width: 4.4rem;
min-height: 4.4rem;
height: 4.4rem;
padding: 0;
border: 1px solid var(--schu-r28-kraft-edge) !important;
background: var(--schu-r28-kraft) !important;
box-shadow: none !important;
}
html[data-schu-core] .offcanvas-body .header-top .shop-btn .btn-close {
width: 2rem;
height: 2rem;
padding: 0;
background: var(--schu-r28-ink);
opacity: 1;
-webkit-mask: var(--schu-r28-i-close) center / contain no-repeat;
mask: var(--schu-r28-i-close) center / contain no-repeat;
}
html[data-schu-core] .offcanvas-body .header-input {
gap: 1rem;
height: 4.8rem;
margin-bottom: 2.4rem;
padding: 0 1.4rem;
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
}
html[data-schu-core] .offcanvas-body .header-input input {
flex: 1 1 auto;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--schu-r28-ink);
font-size: 1.6rem;
}
html[data-schu-core] .offcanvas-body .header-input svg :is(path, rect, circle) {
fill: var(--schu-r28-ink);
}
html[data-schu-core] #header .offcanvas-body .category-dropdown {
margin-top: 0;
border-top: 2px solid var(--schu-r28-ink);
}
html[data-schu-core] #header .offcanvas-body .category-dropdown .category-list {
gap: 0;
}
html[data-schu-core] #header .offcanvas-body .category-dropdown .category-list .category-list-item {
border-top: 0;
border-bottom: 1px dotted var(--schu-r28-line-strong);
}
html[data-schu-core] #header .offcanvas-body .category-dropdown .dropdown-item,
html[data-schu-core] #header .offcanvas-body .category-dropdown [data-schu-mobile-brand-menu] > summary {
padding: 1.6rem 0;
color: var(--schu-r28-ink);
font-size: 1.6rem;
font-weight: 500;
}
html[data-schu-core] #header .offcanvas-body .category-dropdown .dropdown-text {
color: var(--schu-r28-ink);
font-size: 1.6rem;
font-weight: 500;
}
html[data-schu-core] #header .offcanvas-body .category-dropdown [data-schu-mobile-brand-menu] > summary {
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
cursor: pointer;
}
html[data-schu-core] #header .offcanvas-body .category-dropdown [data-schu-mobile-brand-menu] > summary::-webkit-details-marker {
display: none;
}
html[data-schu-core] #header .offcanvas-body .category-dropdown [data-schu-mobile-brand-menu] > summary::after {
width: 1.6rem;
height: 1.6rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-plus) center / contain no-repeat;
mask: var(--schu-r28-i-plus) center / contain no-repeat;
}
html[data-schu-core] #header .offcanvas-body .category-dropdown [data-schu-mobile-brand-menu][open] > summary::after {
-webkit-mask-image: var(--schu-r28-i-minus);
mask-image: var(--schu-r28-i-minus);
}
html[data-schu-core] #header .offcanvas-body [data-schu-mobile-series-list] {
margin: -0.4rem 0 1.4rem;
padding: 0 0 0 1.4rem;
border: 0;
border-left: 2px solid var(--schu-r28-kraft-deep);
}
html[data-schu-core] #header .offcanvas-body [data-schu-mobile-series-list] li + li {
margin-top: 0;
}
html[data-schu-core] #header .offcanvas-body [data-schu-mobile-series-list] a {
display: block;
padding: 0.8rem 0;
color: var(--schu-r28-text);
font-size: 1.5rem;
}
html[data-schu-core] section.hero#hero,
html[data-schu-core] [data-schu-home-hero] {
--schu-r28-hero-pad: calc(var(--schu-r28-gutter) + 1rem);
--schu-r28-hero-w: min(100% - 2 * var(--schu-r28-hero-pad), var(--schu-r28-max) - 2 * var(--schu-r28-gutter) - 2rem);
position: relative;
height: auto;
padding: clamp(3.2rem, 3.4vw, 4.8rem) var(--schu-r28-hero-pad) 0;
background: transparent;
}
html[data-schu-core] [data-schu-home-hero] .hero-swiper {
display: block;
width: 100%;
max-width: calc(var(--schu-r28-max) - 2 * var(--schu-r28-gutter) - 2rem);
height: auto;
margin: 0 auto;
overflow: hidden;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
box-shadow: 0 0 0 1rem var(--schu-r28-card), 0 0 0 1rem var(--schu-r28-card), 0 1.4rem 3.2rem -1rem var(--schu-r28-hole);
}
html[data-schu-core] [data-schu-home-hero] .hero-wrapper {
overflow: hidden;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-kraft);
}
html[data-schu-core] [data-schu-home-hero]::before,
html[data-schu-core] [data-schu-home-hero]::after {
position: absolute;
top: clamp(1.6rem, 1.8vw, 2.6rem);
z-index: 4;
width: clamp(8rem, 9vw, 12rem);
height: 3rem;
background-color: var(--schu-r28-tape);
background-image: repeating-linear-gradient(90deg, transparent 0, transparent 0.6rem, var(--schu-r28-tape-stripe) 0.6rem, var(--schu-r28-tape-stripe) 0.9rem);
content: "";
pointer-events: none;
}
html[data-schu-core] [data-schu-home-hero]::before {
left: calc((100% - var(--schu-r28-hero-w)) / 2 - 2.4rem);
transform: rotate(-8deg);
}
html[data-schu-core] [data-schu-home-hero]::after {
right: calc((100% - var(--schu-r28-hero-w)) / 2 - 2.4rem);
transform: rotate(7deg);
}
html[data-schu-core] [data-schu-home-hero] .swiper-pagination.swiper-pagination-bullets {
position: static;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
width: 100%;
margin: 0;
padding: 3.2rem 0 0;
transform: none;
}
html[data-schu-core] .hero .swiper-pagination-bullet {
position: relative;
display: inline-grid;
place-items: center;
width: 2rem;
height: 2rem;
margin: 0 !important;
border-radius: 50%;
background: transparent;
opacity: 1;
}
html[data-schu-core] .hero .swiper-pagination-bullet::before {
width: 0.9rem;
height: 0.9rem;
border: 1.5px solid var(--schu-r28-ink);
border-radius: 50%;
background: transparent;
content: "";
transition: background-color 0.25s ease, transform 0.25s ease;
}
html[data-schu-core] .hero .swiper-pagination-bullet-active::before {
background: var(--schu-r28-ink);
transform: scale(1.2);
}
html[data-schu-core] .schu-topic-intro {
border: 0;
background: transparent;
}
html[data-schu-core] .schu-topic-intro__inner {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 2rem clamp(3.2rem, 5vw, 8rem);
align-items: center;
max-width: var(--schu-r28-max);
padding-block: clamp(6.4rem, 7vw, 10.4rem) 0;
text-align: left;
}
html[data-schu-core] .schu-topic-intro__eyebrow {
grid-column: 1 / -1;
margin: 0 0 -0.4rem;
color: var(--schu-r28-ink-soft);
font-family: var(--schu-r28-hand) !important;
font-size: 2.6rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.1;
text-transform: none;
transform: rotate(-1.5deg);
transform-origin: left center;
}
html[data-schu-core] .schu-topic-intro h1 {
grid-column: 1;
max-width: 66rem;
margin: 0;
color: var(--schu-r28-ink);
font-size: clamp(3.4rem, 3.8vw, 5.6rem);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.06;
}
html[data-schu-core] .schu-topic-intro h1 + p {
position: relative;
grid-column: 2;
max-width: 60rem;
margin: 0;
padding: 3.2rem 3.2rem 2.8rem;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
box-shadow: var(--schu-r28-shadow);
color: var(--schu-r28-text);
font-size: 1.6rem;
line-height: 1.75;
transform: rotate(0.6deg);
}
html[data-schu-core] .schu-topic-intro h1 + p::before {
position: absolute;
top: -1.6rem;
left: 3.2rem;
width: 1.6rem;
height: 4.4rem;
background: var(--schu-r28-clip) center / contain no-repeat;
content: "";
}
@media (max-width: 991px) {
html[data-schu-core] .schu-topic-intro__inner {
grid-template-columns: minmax(0, 1fr);
}
html[data-schu-core] .schu-topic-intro h1,
html[data-schu-core] .schu-topic-intro h1 + p {
grid-column: 1;
}
html[data-schu-core] .schu-topic-intro h1 + p {
margin-top: 1.6rem;
padding: 2.8rem 2.2rem 2.2rem;
transform: none;
}
}
html[data-schu-core] section.product.fashion-style {
padding-block: var(--schu-r28-section) 0;
}
html[data-schu-core] section.product.weekly-sale .style-section {
margin-top: var(--schu-r28-section);
}
html[data-schu-core] .fashion-style .style-section > .row,
html[data-schu-core] .style-section > .row {
--bs-gutter-x: 3.2rem;
--bs-gutter-y: 3.2rem;
}
html[data-schu-core] [data-schu-style-section] .product-wrapper,
html[data-schu-core] .fashion-style .product-wrapper {
overflow: hidden;
border: 0.8rem solid var(--schu-r28-card);
border-radius: var(--schu-r28-radius);
background-color: var(--schu-r28-kraft);
box-shadow: var(--schu-r28-shadow);
transition: box-shadow 0.3s var(--schu-r28-ease), transform 0.3s var(--schu-r28-ease);
}
html[data-schu-core] [data-schu-style-section] .product-wrapper:hover,
html[data-schu-core] .fashion-style .product-wrapper:hover {
border-color: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow-lift);
transform: translateY(-2px);
}
html[data-schu-core] section.product.brand .brand-section {
display: flex;
flex-wrap: wrap;
gap: 1.6rem;
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
html[data-schu-core] section.product.brand .brand-section > .product-wrapper[data-schu-brand-item] {
flex: 1 1 min(100%, 22rem);
min-width: 0;
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] {
position: relative;
display: block;
height: auto;
min-height: 0;
margin: 0;
padding: 0;
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
filter: drop-shadow(0 1px 1px var(--schu-r28-hole)) drop-shadow(0 8px 10px var(--schu-r28-tag-shade));
transition: transform 0.3s var(--schu-r28-ease);
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] .wrapper-img {
height: auto;
padding: 0;
background: transparent;
filter: none;
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: clamp(10.4rem, 9.4vw, 13.6rem);
padding: 2.4rem 2.4rem 2.4rem 4.8rem;
border-radius: 0 var(--schu-r28-radius) var(--schu-r28-radius) 0;
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
text-align: center;
clip-path: polygon(2rem 0, 100% 0, 100% 100%, 2rem 100%, 0 calc(100% - 2rem), 0 2rem);
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] a::before {
position: absolute;
top: 50%;
left: 1.8rem;
width: 1.3rem;
height: 1.3rem;
border-radius: 50%;
background: var(--schu-r28-paper);
box-shadow: inset 0 1px 2px var(--schu-r28-hole), 0 0 0 0.3rem var(--schu-r28-kraft-deep);
content: "";
transform: translateY(-50%);
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] .schu-brand-name {
display: block;
color: var(--schu-r28-ink);
font-size: clamp(1.7rem, 1.5vw, 2.2rem);
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.2;
text-transform: none;
overflow-wrap: break-word;
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item]:is(:hover, :focus-within) {
transform: translateY(-3px) rotate(-0.8deg);
}
html[data-schu-core] [data-schu-home-editorial-slot] {
padding: var(--schu-r28-section) var(--schu-r28-gutter) 0;
border: 0;
background: transparent;
color: var(--schu-r28-text);
}
html[data-schu-core] [data-schu-home-editorial-slot] .schu-editorial-inner {
max-width: calc(var(--schu-r28-max) - 2 * var(--schu-r28-gutter));
}
html[data-schu-core] [data-schu-home-editorial-slot] :is(h2, h3) {
color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-home-editorial-slot] h2 {
position: relative;
max-width: 80rem;
margin-bottom: clamp(3.2rem, 3.6vw, 5.2rem);
padding-bottom: 1.6rem;
font-size: clamp(2.4rem, 2.3vw, 3.4rem);
font-weight: 600;
letter-spacing: -0.018em;
line-height: 1.18;
}
html[data-schu-core] [data-schu-home-editorial-slot] h2::after {
position: absolute;
bottom: 0;
left: -0.2rem;
width: min(16rem, 100%);
height: 1.1rem;
background: var(--schu-site-primary);
content: "";
-webkit-mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
}
html[data-schu-core] [data-schu-home-editorial-slot] h3 {
margin-bottom: 1rem;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.35;
}
html[data-schu-core] [data-schu-home-editorial-slot] p {
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.75;
}
html[data-schu-core] [data-schu-home-editorial-slot] .schu-editorial-grid {
gap: 2.4rem !important;
}
html[data-schu-core] [data-schu-home-editorial-slot] article,
html[data-schu-core] [data-schu-home-editorial-slot] article + article {
position: relative;
margin: 0;
padding: 2.8rem 2.8rem 2.8rem 4.8rem;
border: 0;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-card);
background-image: linear-gradient(90deg, transparent 0, transparent 3rem, var(--schu-site-primary) 3rem, var(--schu-site-primary) 3.1rem, transparent 3.1rem);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] [data-schu-home-editorial-slot] article > :last-child {
margin-bottom: 0;
}
html[data-schu-core] [data-schu-home-editorial-slot].schu-editorial-knowledge {
margin-top: var(--schu-r28-section);
padding-bottom: var(--schu-r28-section);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
}
html[data-schu-core] [data-schu-home-editorial-slot].schu-editorial-knowledge .schu-editorial-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
html[data-schu-core] [data-schu-home-editorial-slot].schu-editorial-two h3 {
max-width: 56rem;
font-size: clamp(2rem, 1.8vw, 2.4rem);
line-height: 1.25;
}
@media (max-width: 991px) {
html[data-schu-core] [data-schu-home-editorial-slot].schu-editorial-knowledge .schu-editorial-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
html[data-schu-core] [data-schu-home-editorial-slot] .schu-editorial-grid,
html[data-schu-core] [data-schu-home-editorial-slot].schu-editorial-knowledge .schu-editorial-grid {
grid-template-columns: 1fr !important;
gap: 1.6rem !important;
}
html[data-schu-core] [data-schu-home-editorial-slot] article,
html[data-schu-core] [data-schu-home-editorial-slot] article + article {
padding: 2.2rem 2rem 2.2rem 4rem;
background-image: linear-gradient(90deg, transparent 0, transparent 2.4rem, var(--schu-site-primary) 2.4rem, var(--schu-site-primary) 2.5rem, transparent 2.5rem);
}
}
html[data-schu-core] [data-schu-listing-grid] {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(2.4rem, 2.4vw, 3.6rem) clamp(1.6rem, 1.8vw, 2.8rem) !important;
margin: 0 !important;
padding: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-schu-core] [data-schu-listing-grid] > * {
width: auto !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
}
html[data-schu-core] :is(.arrival-section, .flash-sale-section, .top-selling-section, .weekly-sale-section, .best-product-section) > .row:not([data-schu-listing-grid]) {
display: block;
margin: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-schu-core] :is(.arrival-section, .flash-sale-section, .top-selling-section, .weekly-sale-section, .best-product-section) > .row > [data-schu-listing-grid] {
margin: 0;
}
html[data-schu-core] .best-product-section > .row:not([data-schu-listing-grid]) {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(2.4rem, 2.4vw, 3.6rem) clamp(1.6rem, 1.8vw, 2.8rem);
}
html[data-schu-core] .best-product-section > .row:not([data-schu-listing-grid]) > * {
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 0;
}
@media (max-width: 1099px) {
html[data-schu-core] [data-schu-listing-grid],
html[data-schu-core] .best-product-section > .row:not([data-schu-listing-grid]) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
html[data-schu-core] [data-schu-listing-grid],
html[data-schu-core] .best-product-section > .row:not([data-schu-listing-grid]) {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.6rem 1.2rem !important;
}
}
html[data-schu-core] .product-wrapper[data-schu-product] {
position: relative;
display: flex !important;
flex-direction: column;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 2.6rem 1.2rem 1.4rem !important;
overflow: visible !important;
border: 1px solid var(--schu-r28-line) !important;
border-radius: var(--schu-r28-radius) !important;
background: var(--schu-r28-card) !important;
box-shadow: var(--schu-r28-shadow) !important;
color: var(--schu-r28-text);
transform: none !important;
transition: box-shadow 0.3s var(--schu-r28-ease), translate 0.3s var(--schu-r28-ease) !important;
}
html[data-schu-core] .product-wrapper[data-schu-product]::before {
position: absolute;
top: 0.9rem;
left: 50%;
z-index: 2;
width: 2.8rem;
height: 0.9rem;
border-radius: 0.5rem;
background: var(--schu-r28-paper);
box-shadow: inset 0 1px 2px var(--schu-r28-hole);
content: "";
transform: translateX(-50%);
pointer-events: none;
}
html[data-schu-core] .product-wrapper[data-schu-product]:hover {
border: 1px solid var(--schu-r28-line) !important;
box-shadow: var(--schu-r28-shadow-lift) !important;
translate: 0 -3px;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img,
html[data-schu-core][data-schu-route-family] .product-wrapper[data-schu-product][data-schu-listing-card] .product-img {
position: relative;
order: 0;
flex: 0 0 auto !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
margin: 0 !important;
overflow: hidden;
border: 0;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img > a.schu-product-image-link {
position: absolute;
inset: 0;
z-index: auto;
display: flex;
align-items: center;
justify-content: center;
height: auto;
padding: 6%;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.6s var(--schu-r28-ease);
}
@media (hover: hover) {
html[data-schu-core] .product-wrapper[data-schu-product]:hover .product-img img {
transform: scale(1.03);
}
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img[data-schu-discount]::before {
position: absolute;
top: 0.6rem;
left: 0.4rem;
z-index: 3;
display: inline-flex;
align-items: center;
min-height: 3.2rem;
padding: 0 1.2rem 0 2.4rem;
border-radius: 0.3rem 0.8rem 0.8rem 0.3rem;
background-color: var(--schu-r28-kraft);
background-image: radial-gradient(circle at 1.1rem 50%, var(--schu-r28-card) 0, var(--schu-r28-card) 0.32rem, var(--schu-r28-kraft-edge) 0.36rem, var(--schu-r28-kraft-edge) 0.46rem, transparent 0.5rem);
box-shadow: 0 1px 2px var(--schu-r28-hole);
color: var(--schu-r28-ink);
content: attr(data-schu-discount);
font-family: var(--schu-r28-hand) !important;
font-size: 2.1rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
font-variant-numeric: tabular-nums;
transform: rotate(-5deg);
transform-origin: left center;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items {
position: absolute;
top: 0.2rem;
right: 0.2rem;
bottom: auto;
left: auto;
z-index: 3;
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
opacity: 1;
visibility: visible;
transform: none;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items a.cart {
display: none !important;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items .favourite {
display: grid;
place-items: center;
width: 3.8rem;
height: 3.8rem;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--schu-r28-ink);
cursor: pointer;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items .favourite > span {
display: none;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items .favourite::before {
width: 2.1rem;
height: 2.1rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-heart) center / contain no-repeat;
mask: var(--schu-r28-i-heart) center / contain no-repeat;
transition: transform 0.25s var(--schu-r28-ease);
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items .favourite:hover::before {
transform: scale(1.12);
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items .favourite[data-schu-wishlist-active="true"] {
color: var(--schu-site-primary);
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items .favourite[data-schu-wishlist-active="true"]::before {
-webkit-mask-image: var(--schu-r28-i-heart-fill);
mask-image: var(--schu-r28-i-heart-fill);
}
html[data-schu-core] .product-wrapper[data-schu-product] :is(.product-info, .product-description) {
background: transparent !important;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-info {
order: 1;
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
min-width: 0;
margin: 1.2rem 0 0 !important;
padding: 1.2rem 0.4rem 0 !important;
border-top: 1px dotted var(--schu-r28-line-strong);
text-align: left;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-description {
order: 1;
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0.8rem;
margin: 0;
padding: 0;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-details {
order: 1;
display: block;
height: auto !important;
min-height: 2.9em !important;
margin: 0;
overflow: hidden;
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
letter-spacing: -0.005em;
line-height: 1.4 !important;
-webkit-line-clamp: unset;
overflow-wrap: break-word;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-details:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.25em;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-description .price {
order: 2;
display: flex;
flex-wrap: wrap;
align-items: baseline;
align-content: center;
justify-content: flex-start;
gap: 0.2rem 0.9rem;
min-height: 4rem;
margin: auto 0 0 !important;
padding-right: 4.8rem;
text-align: left;
}
html[data-schu-core] .product-wrapper[data-schu-product] .price .new-price {
order: 1;
margin: 0;
color: var(--schu-r28-ink);
font-size: 1.75rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
}
html[data-schu-core] .product-wrapper[data-schu-product] .price:has(> .price-cut:not(:empty)) .new-price {
color: var(--schu-site-primary);
}
html[data-schu-core] .product-wrapper[data-schu-product] .price .price-cut {
order: 2;
margin: 0;
color: var(--schu-r28-faint);
font-size: 1.35rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
html[data-schu-core] .product-wrapper[data-schu-product] .price .price-cut:empty {
display: none;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-info .ratings {
order: 0;
display: flex;
align-items: center;
gap: 0.5rem;
justify-content: flex-start;
margin: 0 0 0.6rem !important;
color: var(--schu-r28-mute);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-info .ratings::before {
color: var(--schu-r28-ink);
content: "\2605";
font-size: 1.2rem;
line-height: 1;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-info .ratings span {
color: inherit;
}
html[data-schu-core] [data-schu-product] .ratings[data-schu-rating-value=""] {
display: none !important;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-cart-btn {
position: absolute !important;
right: 1.2rem;
bottom: 1.4rem;
z-index: 4;
width: auto;
height: auto;
margin: 0 !important;
padding: 0;
transition: none;
align-self: auto !important;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-cart-btn .product-btn {
position: relative;
display: block;
box-sizing: border-box;
width: 4rem;
min-height: 4rem !important;
height: 4rem;
padding: 0 !important;
overflow: hidden;
border-radius: var(--schu-r28-radius) !important;
font-size: 0 !important;
line-height: 0 !important;
text-decoration: none !important;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-cart-btn .product-btn::before {
position: absolute !important;
top: 50%;
left: 50%;
display: block !important;
width: 1.7rem;
height: 1.7rem;
background: currentColor;
content: "" !important;
-webkit-mask: var(--schu-r28-i-plus) center / contain no-repeat;
mask: var(--schu-r28-i-plus) center / contain no-repeat;
transform: translate(-50%, -50%);
}
html[data-schu-core] section.product.flash-sale {
margin-top: var(--schu-r28-section);
padding-block: var(--schu-r28-section);
border-top: 1px solid var(--schu-r28-kraft-edge);
border-bottom: 1px solid var(--schu-r28-kraft-edge);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
}
html[data-schu-core] section.product.flash-sale + section.product {
padding-top: var(--schu-r28-section);
}
html[data-schu-core] section.product.flash-sale .product-wrapper[data-schu-product]::before {
background: var(--schu-r28-kraft);
}
html[data-schu-core] section.product.weekly-sale.product-weekly {
padding-bottom: var(--schu-r28-section);
}
html[data-schu-core] [data-schu-footer] {
margin-top: var(--schu-r28-section);
}
html[data-schu-core] section.product.product-sidebar,
html[data-schu-core] section.product[data-schu-listing-root] {
padding-block: 2.8rem 0;
background: transparent;
}
html[data-schu-core] [data-schu-listing-root] > .container > .row {
display: block;
margin: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-schu-core] [data-schu-listing-root] > .container > .row > * {
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-listing-root] .product-sidebar-section > .row {
display: block;
margin: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-schu-core] [data-schu-listing-root] .product-sidebar-section > .row > * {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-listing-root] .sidebar {
position: static;
margin: 0 0 3.2rem;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.2rem 2rem;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-wrapper .wrapper-heading {
margin: 0;
padding: 0;
border: 0;
color: var(--schu-r28-mute);
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item {
min-width: 0;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item .sidebar-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0.8rem;
margin: 0;
padding: 0;
list-style: none;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item .sidebar-list li {
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item .sidebar-list li a {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.8rem;
min-height: 4.2rem;
padding: 0 1.8rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
line-height: 1.2;
transition: background-color 0.2s ease, transform 0.2s var(--schu-r28-ease);
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item .sidebar-list li a:is(:hover, :focus-visible) {
background: var(--schu-r28-kraft-deep);
transform: translateY(-1px);
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item .sidebar-list li a:is([aria-current], [data-schu-listing-active="true"], .active) {
border-color: var(--schu-r28-ink);
background: var(--schu-r28-ink);
color: var(--schu-r28-on-ink);
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item .sidebar-list li a:is([aria-current], [data-schu-listing-active="true"], .active)::before {
width: 1.4rem;
height: 1.4rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-tick) center / contain no-repeat;
mask: var(--schu-r28-i-tick) center / contain no-repeat;
}
html[data-schu-core] [data-schu-listing-root] [data-schu-series-sidebar-summary] {
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
}
html[data-schu-core] [data-schu-listing-root] [data-schu-series-sidebar-scroll] {
max-height: none;
overflow: visible;
}
html[data-schu-core] [data-schu-listing-root] > .container > .row > :has(.product-sidebar-section) {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
column-gap: 4rem;
}
html[data-schu-core] [data-schu-listing-root] > .container > .row > :has(.product-sidebar-section) > *,
html[data-schu-core] [data-schu-listing-root] .product-sidebar-section > * {
order: 3;
flex: 1 1 100%;
min-width: 0;
}
html[data-schu-core] [data-schu-listing-root] .product-sidebar-section,
html[data-schu-core] [data-schu-listing-root] .product-sidebar-section > .row:not([data-schu-listing-grid]),
html[data-schu-core] [data-schu-listing-root] .product-sidebar-section > .row:not([data-schu-listing-grid]) > :not([data-schu-listing-grid]),
html[data-schu-core] [data-schu-listing-root] .product-sorting-section,
html[data-schu-core] [data-schu-listing-root] .product-sorting-section .result {
display: contents !important;
}
html[data-schu-core][data-schu-route-family] [data-schu-listing-root] .product-sorting-section .result > h1 {
position: relative;
order: 0;
flex: 1 1 40rem;
margin: 0 0 3.6rem;
padding-bottom: 1.8rem;
}
html[data-schu-core][data-schu-route-family] [data-schu-listing-root] .product-sorting-section .result > h1::after {
position: absolute;
bottom: 0;
left: -0.2rem;
width: min(18rem, 100%);
height: 1.2rem;
background: var(--schu-site-primary);
content: "";
-webkit-mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting-section .product-sorting {
order: 1;
flex: 0 0 auto;
margin: 0 0 3.6rem;
}
html[data-schu-core] [data-schu-listing-root] .product-sidebar-section [data-schu-listing-grid] {
order: 2;
flex: 1 1 100%;
}
html[data-schu-core][data-schu-route-family] [data-schu-listing-root] .product-sorting-section [data-schu-listing-intro] {
order: 5;
flex: 1 1 100%;
max-width: 96rem;
margin-top: clamp(5.6rem, 6vw, 8.8rem);
padding: 3.2rem 3.2rem 2.4rem 5.6rem;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-card);
background-image: linear-gradient(90deg, transparent 0, transparent 3.4rem, var(--schu-site-primary) 3.4rem, var(--schu-site-primary) 3.5rem, transparent 3.5rem);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core][data-schu-route-family] [data-schu-listing-root] .product-sorting-section h1 {
max-width: 96rem;
margin: 0;
color: var(--schu-r28-ink);
font-size: clamp(3rem, 3.2vw, 4.6rem);
font-weight: 700;
letter-spacing: -0.028em;
line-height: 1.08;
}
html[data-schu-core][data-schu-route-family] [data-schu-listing-root] [data-schu-listing-intro] p {
margin: 0 0 1.4rem;
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.75;
}
html[data-schu-core] [data-schu-listing-root] [data-schu-listing-intro] strong {
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting {
position: relative;
display: flex;
align-items: center;
gap: 1.4rem;
margin: 0;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-sort {
color: var(--schu-r28-mute);
font-size: 1.4rem;
font-weight: 500;
white-space: nowrap;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list {
position: relative;
min-width: 24rem;
cursor: pointer;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list > .default {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.6rem;
min-height: 4.6rem;
padding: 0 1.4rem 0 1.8rem;
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list > .default::after {
width: 1.6rem;
height: 1.6rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-chevron) center / contain no-repeat;
mask: var(--schu-r28-i-chevron) center / contain no-repeat;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list:is(:hover, :focus-within) > .default {
border-color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list .size-option {
top: calc(100% + 0.6rem);
right: 0;
left: 0;
z-index: 20;
min-width: 24rem;
padding: 0.6rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow-lift);
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list .size-option a {
position: relative;
display: block;
padding: 1rem 1.4rem 1rem 3.6rem;
border-radius: var(--schu-r28-radius-sm);
color: var(--schu-r28-text);
font-size: 1.45rem;
font-weight: 400;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list .size-option a:hover {
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list .size-option a:is(.active, [data-schu-listing-active="true"]) {
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list .size-option a:is(.active, [data-schu-listing-active="true"])::before {
position: absolute;
top: 50%;
left: 1.2rem;
width: 1.5rem;
height: 1.5rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-tick) center / contain no-repeat;
mask: var(--schu-r28-i-tick) center / contain no-repeat;
transform: translateY(-50%);
}
@media (max-width: 767px) {
html[data-schu-core] [data-schu-listing-root] .sidebar {
margin-bottom: 2.4rem;
}
html[data-schu-core] [data-schu-listing-root] .sidebar-section .sidebar-item {
width: 100%;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting {
justify-content: space-between;
width: 100%;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting .product-list {
flex: 1 1 auto;
min-width: 0;
}
html[data-schu-core][data-schu-route-family] [data-schu-listing-root] .product-sorting-section .result > h1 {
margin-bottom: 2.4rem;
}
html[data-schu-core] [data-schu-listing-root] .product-sorting-section .product-sorting {
margin-bottom: 2.4rem;
}
html[data-schu-core][data-schu-route-family] [data-schu-listing-root] .product-sorting-section [data-schu-listing-intro] {
padding: 2.4rem 2rem 1.6rem 4rem;
background-image: linear-gradient(90deg, transparent 0, transparent 2.4rem, var(--schu-site-primary) 2.4rem, var(--schu-site-primary) 2.5rem, transparent 2.5rem);
}
}
html[data-schu-core] .schu-listing-pagination,
html[data-schu-core] [data-schu-listing-pagination] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin: clamp(4.8rem, 5vw, 7.2rem) 0 0;
}
html[data-schu-core] .schu-listing-pagination [data-schu-listing-page-link] {
min-width: 4.6rem;
min-height: 4.6rem;
padding: 0 1.4rem;
border: 1px solid var(--schu-r28-line) !important;
border-radius: var(--schu-r28-radius) !important;
background: var(--schu-r28-card) !important;
box-shadow: var(--schu-r28-shadow) !important;
color: var(--schu-r28-ink) !important;
font-size: 1.5rem;
font-weight: 600;
}
html[data-schu-core] .schu-listing-pagination [data-schu-listing-page-link]:is(:hover, :focus-visible) {
border-color: var(--schu-r28-ink) !important;
}
html[data-schu-core] .schu-listing-pagination [data-schu-listing-page-link][aria-current="page"] {
border-color: var(--schu-r28-ink) !important;
background: var(--schu-r28-ink) !important;
color: var(--schu-r28-on-ink) !important;
}
html[data-schu-core] [data-schu-listing-load-more-wrap] {
margin-block: 5.6rem 0;
}
html[data-schu-core] [data-schu-listing-load-more] button {
min-width: 26rem;
border-color: var(--schu-r28-kraft-edge) !important;
background: var(--schu-r28-kraft) !important;
box-shadow: 0 2px 0 var(--schu-r28-kraft-edge) !important;
color: var(--schu-r28-ink) !important;
}
html[data-schu-core] [data-schu-listing-load-more] button:is(:hover, :focus-visible) {
background: var(--schu-r28-kraft-deep) !important;
color: var(--schu-r28-ink) !important;
}
html[data-schu-core] [data-schu-listing-load-more-wrap] p {
color: var(--schu-r28-mute);
font-size: 1.35rem;
}
html[data-schu-core] .schu-buying-guide {
margin-top: var(--schu-r28-section);
padding: var(--schu-r28-section) 0 0;
border: 0;
background: transparent;
}
html[data-schu-core] .schu-buying-guide__inner {
max-width: var(--schu-r28-max);
}
html[data-schu-core] .schu-buying-guide__intro {
max-width: 80rem;
}
html[data-schu-core] .schu-buying-guide__eyebrow {
margin: 0 0 0.6rem;
color: var(--schu-r28-ink-soft);
font-family: var(--schu-r28-hand) !important;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.15;
text-transform: none;
}
html[data-schu-core] .schu-buying-guide__intro h2 {
margin: 0;
color: var(--schu-r28-ink);
font-size: clamp(2.6rem, 2.6vw, 3.8rem);
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1.12;
}
html[data-schu-core] .schu-buying-guide__intro h2 + p {
margin: 1.8rem 0 0;
color: var(--schu-r28-text);
font-size: 1.55rem;
line-height: 1.75;
}
html[data-schu-core] .schu-buying-guide__layout {
grid-template-columns: minmax(0, 1.6fr) minmax(26rem, 0.75fr);
gap: clamp(3.2rem, 6vw, 9.6rem);
margin-top: clamp(3.6rem, 4.4vw, 6.4rem);
}
html[data-schu-core] .schu-buying-guide__faq {
border-top: 2px solid var(--schu-r28-ink);
}
html[data-schu-core] .schu-buying-guide__faq details {
border-bottom: 1px solid var(--schu-r28-line-strong);
}
html[data-schu-core] .schu-buying-guide__faq summary {
align-items: center;
padding: 2rem 0;
color: var(--schu-r28-ink);
font-size: 1.65rem;
font-weight: 600;
line-height: 1.4;
}
html[data-schu-core] .schu-buying-guide__faq summary::after {
color: var(--schu-r28-ink);
font-size: 2.2rem;
font-weight: 400;
}
html[data-schu-core] .schu-buying-guide__faq details p {
max-width: 76rem;
margin: -0.4rem 0 2.4rem;
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.75;
}
html[data-schu-core] .schu-buying-guide__links {
position: relative;
align-self: start;
padding: 3.2rem 2.8rem 1.6rem;
border: 0;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] .schu-buying-guide__links::before {
position: absolute;
top: -1.6rem;
right: 3.2rem;
width: 1.6rem;
height: 4.4rem;
background: var(--schu-r28-clip) center / contain no-repeat;
content: "";
}
html[data-schu-core] .schu-buying-guide__links-title {
margin: 0 0 1rem;
color: var(--schu-r28-ink);
font-size: 1.6rem;
font-weight: 700;
letter-spacing: -0.01em;
text-transform: none;
}
html[data-schu-core] .schu-buying-guide__links a {
align-items: center;
padding: 1.3rem 0;
border-top: 1px dotted var(--schu-r28-kraft-edge);
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
html[data-schu-core] .schu-buying-guide__links a:is(:hover, :focus-visible) {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.3em;
}
html[data-schu-core] .schu-buying-guide__links a > span {
color: var(--schu-r28-ink);
}
@media (max-width: 991px) {
html[data-schu-core] .schu-buying-guide__layout {
grid-template-columns: 1fr;
}
}
html[data-schu-core][data-schu-route-family] [data-schu-pdp-root] {
padding-block: 2.8rem var(--schu-r28-section) !important;
background: transparent;
}
html[data-schu-core] [data-schu-pdp-root] .product-info-section {
margin-top: 0 !important;
}
html[data-schu-core] [data-schu-pdp-root] .product-info-section > .row {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(36rem, 1fr);
gap: 0 clamp(3.2rem, 4.4vw, 7.2rem);
align-items: start;
margin: 0;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-schu-core] [data-schu-pdp-root] .product-info-section > .row > * {
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-pdp-gallery] {
position: relative;
}
html[data-schu-core] [data-schu-pdp-gallery]::before {
position: absolute;
top: -1.4rem;
left: 3.6rem;
z-index: 6;
width: 1.8rem;
height: 5rem;
background: var(--schu-r28-clip) center / contain no-repeat;
content: "";
pointer-events: none;
}
html[data-schu-core][data-schu-route-family] [data-schu-pdp-gallery] .product-top {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
max-height: min(84rem, calc(100vh - 14rem));
overflow: hidden;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] [data-schu-pdp-gallery] .product-top .swiper-wrapper {
height: 100%;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-top .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
height: 100% !important;
background: var(--schu-r28-card);
}
html[data-schu-core][data-schu-route-family] [data-schu-pdp-gallery] .product-top img {
box-sizing: border-box;
width: 100%;
height: 100%;
max-height: none;
padding: 6%;
object-fit: contain;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-top .product-discount-content {
top: 2rem;
left: auto;
right: 2rem;
z-index: 3;
display: inline-flex;
align-items: center;
min-height: 4rem;
margin: 0;
padding: 0 1.4rem 0 2.8rem;
border-radius: 0.3rem 0.9rem 0.9rem 0.3rem;
background-color: var(--schu-r28-kraft);
background-image: radial-gradient(circle at 1.3rem 50%, var(--schu-r28-card) 0, var(--schu-r28-card) 0.38rem, var(--schu-r28-kraft-edge) 0.42rem, var(--schu-r28-kraft-edge) 0.54rem, transparent 0.58rem);
box-shadow: 0 1px 2px var(--schu-r28-hole);
color: var(--schu-r28-ink);
transform: rotate(4deg);
}
html[data-schu-core] [data-schu-pdp-gallery] .product-top .product-discount-content h4 {
margin: 0;
color: inherit;
font-family: var(--schu-r28-hand) !important;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
font-variant-numeric: tabular-nums;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-bottom {
margin-top: 1.4rem;
padding: 0.4rem 0.2rem 0.8rem;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-bottom .swiper-slide.slider-bottom-img {
box-sizing: border-box;
height: auto !important;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
box-shadow: 0 0 0 1px var(--schu-r28-line), 0 4px 10px -6px var(--schu-r28-hole);
opacity: 1;
cursor: pointer;
transition: box-shadow 0.2s ease;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-bottom .swiper-slide.slider-bottom-img img {
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 10%;
object-fit: contain;
opacity: 0.7;
transition: opacity 0.2s ease;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-bottom .swiper-slide:hover img {
opacity: 1;
}
html[data-schu-core] [data-schu-pdp-gallery] .product-bottom .swiper-slide.swiper-slide-thumb-active {
box-shadow: 0 0 0 2px var(--schu-r28-ink), 0 4px 10px -6px var(--schu-r28-hole);
}
html[data-schu-core] [data-schu-pdp-gallery] .product-bottom .swiper-slide.swiper-slide-thumb-active img {
opacity: 1;
}
html[data-schu-core] .product-info-content {
display: flex;
flex-direction: column;
padding: 0;
}
html[data-schu-core] .product-info-content .wrapper-subtitle {
align-self: flex-start;
margin: 0 0 1.6rem;
padding: 0.5rem 1.2rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 1.35rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
text-transform: none;
}
html[data-schu-core][data-schu-route-family] .product-info-content [data-schu-pdp-title] {
margin: 0 0 1.6rem !important;
color: var(--schu-r28-ink);
font-size: clamp(2.8rem, 2.5vw, 3.8rem) !important;
font-weight: 700;
letter-spacing: -0.028em;
line-height: 1.1;
overflow-wrap: break-word;
}
html[data-schu-core][data-schu-route-family] .product-info-content .ratings {
display: inline-flex;
align-self: flex-start;
align-items: center;
gap: 1rem;
margin: 0 !important;
padding: 0;
background: none;
color: var(--schu-r28-text);
font-size: 1.4rem;
font-weight: 500;
line-height: 1;
}
html[data-schu-core] .product-info-content .ratings::before {
flex: 0 0 auto;
width: 8.4rem;
height: 1.5rem;
background: linear-gradient(90deg, var(--schu-r28-ink) var(--schu-r28-stars, 90%), var(--schu-r28-line-strong) var(--schu-r28-stars, 90%));
content: "";
-webkit-mask: var(--schu-r28-i-star) 0 0 / 20% 100% repeat-x;
mask: var(--schu-r28-i-star) 0 0 / 20% 100% repeat-x;
}
html[data-schu-core] .product-info-content .ratings span {
color: inherit;
text-decoration: underline;
text-decoration-color: var(--schu-r28-line-strong);
text-underline-offset: 0.3em;
}
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value] { --schu-r28-stars: 90%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0"] { --schu-r28-stars: 4%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.1"] { --schu-r28-stars: 2%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.2"] { --schu-r28-stars: 4%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.3"] { --schu-r28-stars: 6%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.4"] { --schu-r28-stars: 8%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.5"] { --schu-r28-stars: 10%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.6"] { --schu-r28-stars: 12%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.7"] { --schu-r28-stars: 14%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.8"] { --schu-r28-stars: 16%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="0.9"] { --schu-r28-stars: 18%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1"] { --schu-r28-stars: 20%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.1"] { --schu-r28-stars: 22%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.2"] { --schu-r28-stars: 24%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.3"] { --schu-r28-stars: 26%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.4"] { --schu-r28-stars: 28%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.5"] { --schu-r28-stars: 30%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.6"] { --schu-r28-stars: 32%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.7"] { --schu-r28-stars: 34%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.8"] { --schu-r28-stars: 36%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="1.9"] { --schu-r28-stars: 38%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2"] { --schu-r28-stars: 40%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.1"] { --schu-r28-stars: 42%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.2"] { --schu-r28-stars: 44%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.3"] { --schu-r28-stars: 46%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.4"] { --schu-r28-stars: 48%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.5"] { --schu-r28-stars: 50%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.6"] { --schu-r28-stars: 52%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.7"] { --schu-r28-stars: 54%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.8"] { --schu-r28-stars: 56%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="2.9"] { --schu-r28-stars: 58%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3"] { --schu-r28-stars: 60%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.1"] { --schu-r28-stars: 62%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.2"] { --schu-r28-stars: 64%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.3"] { --schu-r28-stars: 66%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.4"] { --schu-r28-stars: 68%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.5"] { --schu-r28-stars: 70%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.6"] { --schu-r28-stars: 72%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.7"] { --schu-r28-stars: 74%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.8"] { --schu-r28-stars: 76%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="3.9"] { --schu-r28-stars: 78%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4"] { --schu-r28-stars: 80%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.1"] { --schu-r28-stars: 82%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.2"] { --schu-r28-stars: 84%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.3"] { --schu-r28-stars: 86%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.4"] { --schu-r28-stars: 88%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.5"] { --schu-r28-stars: 90%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.6"] { --schu-r28-stars: 92%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.7"] { --schu-r28-stars: 94%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.8"] { --schu-r28-stars: 96%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="4.9"] { --schu-r28-stars: 98%; }
html[data-schu-core] .product-info-content .ratings[data-schu-rating-value^="5"] { --schu-r28-stars: 100%; }
html[data-schu-core][data-schu-route-family] .product-info-content .price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.4rem 1.4rem;
margin: 2.4rem 0 0 !important;
padding-top: 2rem;
border-top: 1px dotted var(--schu-r28-line-strong);
}
html[data-schu-core] .product-info-content .price .new-price {
order: 1;
margin: 0;
color: var(--schu-r28-ink);
font-size: 3.4rem;
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.05;
}
html[data-schu-core] .product-info-content .price:has(> .price-cut:not(:empty)) .new-price {
color: var(--schu-site-primary);
}
html[data-schu-core] .product-info-content .price .price-cut {
order: 2;
margin: 0;
color: var(--schu-r28-faint);
font-size: 1.8rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1.5px;
}
html[data-schu-core] .product-info-content .price .price-cut:empty {
display: none;
}
html[data-schu-core] .product-info-content [data-schu-pdp-savings] {
align-self: flex-start;
margin: 1.2rem 0 0;
padding: 0.5rem 1.2rem;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 1.4rem;
font-weight: 600;
line-height: 1.35;
}
html[data-schu-core][data-schu-route-family] .product-info-content > hr {
display: none !important;
}
html[data-schu-core] .product-info-content .product-size {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.2rem;
margin-top: 3rem;
border-radius: var(--schu-r28-radius);
}
html[data-schu-core] .product-info-content .product-size .size-title {
flex: 0 0 auto;
margin: 0;
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 600;
line-height: 2.4rem;
text-transform: none;
}
html[data-schu-core] .product-info-content .product-size .size-section {
position: relative;
display: flex;
align-items: baseline;
justify-content: flex-start;
gap: 1rem;
flex: 1 1 0;
width: auto;
min-width: 0;
height: auto;
min-height: 2.4rem;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--schu-r28-ink);
cursor: pointer;
}
html[data-schu-core] .product-info-content .product-size .size-section .size-text {
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
line-height: 2.4rem;
}
html[data-schu-core] .product-info-content .product-size[data-schu-pdp-variant-selected="false"] .size-section .size-text {
color: var(--schu-r28-mute);
font-weight: 400;
}
html[data-schu-core] .product-info-content .product-size .size-section .toggle-btn {
display: flex;
align-items: baseline;
gap: 0;
}
html[data-schu-core] .product-info-content .product-size .size-section .toggle-btn2 {
color: var(--schu-r28-mute);
font-size: 1.35rem;
}
html[data-schu-core] .product-info-content .product-size .size-section .chevron,
html[data-schu-core] .product-info-content .product-size .size-section .toggle-btn2:empty {
display: none;
}
html[data-schu-core] .product-info-content .product-size .size-option,
html[data-schu-core] .product-info-content .product-size.active .size-option {
position: static;
display: flex !important;
flex: 1 1 100%;
flex-wrap: wrap;
gap: 0.8rem;
width: 100%;
max-height: none;
margin: 0;
padding: 0;
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
}
html[data-schu-core] .product-info-content .product-size .size-option .option,
html[data-schu-core] .product-info-content .product-size.active .size-option .option {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
min-width: 6.8rem;
min-height: 4.8rem;
margin: 0;
padding: 0.6rem 1.8rem;
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: 0 1px 0 var(--schu-r28-line);
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
line-height: 1.25;
text-align: center;
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
html[data-schu-core] .product-info-content .product-size .size-option .option:hover,
html[data-schu-core] .product-info-content .product-size.active .size-option .option:hover {
border-color: var(--schu-r28-ink);
background: var(--schu-r28-card);
color: var(--schu-r28-ink);
}
html[data-schu-core] .product-info-content .product-size .size-option .option .option-text {
color: inherit;
}
html[data-schu-core] .product-info-content .product-size .size-option .option .option-measure {
color: var(--schu-r28-mute);
font-size: 1.3rem;
}
html[data-schu-core] .product-info-content .product-size .size-option .option .option-measure:empty {
display: none;
}
html[data-schu-core] .product-info-content .product-size .size-option .option[aria-pressed="true"],
html[data-schu-core] .product-info-content .product-size.active .size-option .option[aria-pressed="true"],
html[data-schu-core] .product-info-content .product-size.active .size-option .option[aria-pressed="true"]:hover {
border-color: var(--schu-r28-ink);
background: var(--schu-r28-ink);
box-shadow: 0 2px 0 var(--schu-r28-ink-deep);
color: var(--schu-r28-on-ink);
}
html[data-schu-core] .product-info-content .product-size .size-option .option[aria-pressed="true"] .option-measure {
color: var(--schu-r28-on-ink-mute);
}
html[data-schu-core] .product-info-content .product-size .size-option .option[aria-disabled="true"] {
border-style: dashed;
background: transparent;
color: var(--schu-r28-faint);
text-decoration: line-through;
cursor: not-allowed;
}
html[data-schu-core] [data-schu-pdp-variant-prompt] {
flex: 1 1 100%;
margin: 0.2rem 0 0;
color: var(--schu-r28-ink);
font-size: 1.4rem;
font-weight: 600;
}
html[data-schu-core] [data-schu-pdp-variant-attention="true"] {
outline: 2px solid var(--schu-site-primary);
outline-offset: 1rem;
background: var(--schu-r28-kraft);
box-shadow: 0 0 0 1rem var(--schu-r28-kraft);
}
html[data-schu-core][data-schu-route-family] .product-info-content .product-quantity {
display: grid;
grid-template-columns: 13.6rem minmax(0, 1fr) 5.4rem;
grid-template-areas: "qty add wish" "buy buy buy";
gap: 1rem;
margin-top: 2.8rem !important;
}
html[data-schu-core] .product-info-content .product-quantity .quantity-wrapper {
display: contents;
}
html[data-schu-core] .product-info-content .product-quantity .quantity {
grid-area: qty;
display: grid;
grid-template-columns: 4.2rem minmax(0, 1fr) 4.2rem;
align-items: center;
width: 100%;
height: 5.6rem;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
color: var(--schu-r28-ink);
}
html[data-schu-core] .product-info-content .product-quantity .quantity :is(.minus, .plus) {
position: relative;
display: grid;
place-items: center;
width: 100%;
height: 100%;
color: transparent;
font-size: 0;
cursor: pointer;
user-select: none;
transition: background-color 0.2s ease;
}
html[data-schu-core] .product-info-content .product-quantity .quantity :is(.minus, .plus)::before {
position: absolute;
top: 50%;
left: 50%;
width: 1.5rem;
height: 1.5rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-minus) center / contain no-repeat;
mask: var(--schu-r28-i-minus) center / contain no-repeat;
transform: translate(-50%, -50%);
}
html[data-schu-core] .product-info-content .product-quantity .quantity .plus::before {
-webkit-mask-image: var(--schu-r28-i-plus);
mask-image: var(--schu-r28-i-plus);
}
html[data-schu-core] .product-info-content .product-quantity .quantity :is(.minus, .plus):hover {
background: var(--schu-r28-kraft);
}
html[data-schu-core] .product-info-content .product-quantity .quantity .number {
color: var(--schu-r28-ink);
font-size: 1.7rem;
font-weight: 600;
text-align: center;
}
html[data-schu-core] .product-info-content .product-quantity .wishlist {
grid-area: wish;
display: grid;
place-items: center;
width: 5.4rem;
height: 5.6rem;
margin: 0;
padding: 0;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
cursor: pointer;
transition: background-color 0.2s ease;
}
html[data-schu-core] .product-info-content .product-quantity .wishlist > span {
display: none;
}
html[data-schu-core] .product-info-content .product-quantity .wishlist::before {
width: 2.2rem;
height: 2.2rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-heart) center / contain no-repeat;
mask: var(--schu-r28-i-heart) center / contain no-repeat;
}
html[data-schu-core] .product-info-content .product-quantity .wishlist:hover {
background: var(--schu-r28-kraft-deep);
}
html[data-schu-core] .product-info-content .product-quantity .wishlist[data-schu-wishlist-active="true"] {
color: var(--schu-site-primary);
}
html[data-schu-core] .product-info-content .product-quantity .wishlist[data-schu-wishlist-active="true"]::before {
-webkit-mask-image: var(--schu-r28-i-heart-fill);
mask-image: var(--schu-r28-i-heart-fill);
}
html[data-schu-core] .product-info-content .product-quantity > .shop-btn,
html[data-schu-core] .product-info-content .product-quantity .shop-btn[data-schu-add-to-cart] {
grid-area: add;
width: 100%;
min-height: 5.6rem;
margin: 0 !important;
padding-inline: 1.6rem;
font-size: 1.6rem;
}
html[data-schu-core] .product-info-content .product-quantity .schu-buy-now-button {
grid-area: buy;
width: 100%;
min-height: 5.6rem;
margin: 0 !important;
border-color: var(--schu-r28-kraft-edge) !important;
background: var(--schu-r28-kraft) !important;
box-shadow: 0 2px 0 var(--schu-r28-kraft-edge) !important;
color: var(--schu-r28-ink) !important;
font-size: 1.6rem;
}
html[data-schu-core] .product-info-content .product-quantity .schu-buy-now-button:is(:hover, :focus-visible) {
background: var(--schu-r28-kraft-deep) !important;
color: var(--schu-r28-ink) !important;
}
html[data-schu-core] [data-schu-pdp-conversion-root] {
gap: 2.4rem;
margin-top: 2.4rem;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-proof-rail] {
min-height: 0;
padding: 0;
border: 0;
color: var(--schu-r28-text);
font-size: 1.4rem;
line-height: 1.55;
}
html[data-schu-core] [data-schu-proof-item]:not([hidden]) {
position: relative;
padding-left: 2.4rem;
}
html[data-schu-core] [data-schu-proof-item]::before {
position: absolute;
top: 0.45em;
left: 0.3rem;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
background: var(--schu-site-primary);
content: "";
animation: schu-r28-blink 2.6s ease-in-out infinite;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-proof-item] strong {
margin-inline: 0.3rem;
color: var(--schu-r28-ink);
font-size: 1.4rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-proof-item] > span:first-child:empty {
display: none;
}
@keyframes schu-r28-blink {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(0.8); }
}
@media (prefers-reduced-motion: reduce) {
html[data-schu-core] [data-schu-proof-item]::before {
animation: none;
}
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-delivery] {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 0;
padding: 1.6rem 2rem 1.2rem;
border: 0;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
box-shadow: var(--schu-r28-shadow);
color: var(--schu-r28-text);
font-size: 1.4rem;
line-height: 1.55;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-delivery]::after {
position: absolute;
top: -1.2rem;
left: 50%;
width: 9rem;
height: 2.4rem;
background-color: var(--schu-r28-tape);
background-image: repeating-linear-gradient(90deg, transparent 0, transparent 0.6rem, var(--schu-r28-tape-stripe) 0.6rem, var(--schu-r28-tape-stripe) 0.9rem);
content: "";
transform: translateX(-50%) rotate(-3deg);
pointer-events: none;
}
html[data-schu-core] [data-schu-delivery] > * {
position: relative;
flex: 1 1 100%;
min-width: 0;
margin: 0;
padding: 1.2rem 0.4rem 1.2rem 3.6rem;
border-top: 1px dotted var(--schu-r28-kraft-edge);
}
html[data-schu-core] [data-schu-delivery] > :first-child {
border-top: 0;
}
html[data-schu-core] [data-schu-delivery] > *::before {
position: absolute;
top: 1.25rem;
left: 0.2rem;
width: 2.1rem;
height: 2.1rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-truck) center / contain no-repeat;
mask: var(--schu-r28-i-truck) center / contain no-repeat;
}
html[data-schu-core] [data-schu-delivery] [data-schu-dispatch-message] {
flex: 1 1 60%;
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] [data-schu-delivery] [data-schu-dispatch-message]::before {
-webkit-mask-image: var(--schu-r28-i-clock);
mask-image: var(--schu-r28-i-clock);
}
html[data-schu-core] [data-schu-delivery] [data-schu-dispatch-countdown] {
flex: 0 0 auto;
display: flex;
align-items: center;
padding-left: 1.6rem;
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-delivery] [data-schu-dispatch-countdown]::before {
display: none;
}
html[data-schu-core] [data-schu-delivery] [data-schu-dispatch-message] + [data-schu-dispatch-countdown] {
border-top: 0;
}
html[data-schu-core] [data-schu-delivery] [data-schu-dispatch-message]:has(+ [data-schu-dispatch-countdown]) {
padding-right: 0;
}
html[data-schu-core] [data-schu-delivery] [data-schu-coupon-hint] {
color: var(--schu-r28-ink);
font-size: 1.4rem;
font-weight: 600;
}
html[data-schu-core] [data-schu-delivery] [data-schu-coupon-hint]::before {
-webkit-mask-image: var(--schu-r28-i-tag);
mask-image: var(--schu-r28-i-tag);
}
html[data-schu-core] [data-schu-delivery] [data-schu-delivery-terms] {
color: var(--schu-r28-text);
font-size: 1.4rem;
opacity: 1;
}
html[data-schu-core] [data-schu-delivery] [data-schu-delivery-terms]:not(:has([data-schu-delivery-estimate]))::before {
-webkit-mask-image: var(--schu-r28-i-return);
mask-image: var(--schu-r28-i-return);
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-delivery] [data-schu-delivery-estimate] {
display: inline;
color: var(--schu-r28-ink);
font-size: 1.4rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-delivery] [data-schu-email-text] span {
color: var(--schu-r28-text);
}
html[data-schu-core] [data-schu-quantity-tiers-root] {
gap: 1.2rem;
padding: 0;
border: 0;
background: transparent;
}
html[data-schu-core] [data-schu-quantity-tiers-root] h2 {
margin: 0;
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
}
html[data-schu-core] [data-schu-quantity-tiers] {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
border: 0;
}
html[data-schu-core] [data-schu-quantity-tier] {
position: relative;
display: grid;
grid-template-columns: 2.6rem 3.8rem minmax(0, 1fr) auto;
grid-template-areas: "mark qty label total" "mark qty badge save";
align-items: center;
column-gap: 1.4rem;
row-gap: 0.2rem;
min-height: 6.6rem;
padding: 1.6rem 1.8rem 1.4rem;
overflow: visible;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-card);
background-image: linear-gradient(to bottom, var(--schu-r28-kraft) 0, var(--schu-r28-kraft) 0.6rem, transparent 0.6rem);
box-shadow: var(--schu-r28-shadow);
color: var(--schu-r28-ink);
text-align: left;
cursor: pointer;
transition: transform 0.2s var(--schu-r28-ease), box-shadow 0.2s var(--schu-r28-ease), border-color 0.2s ease;
}
html[data-schu-core] [data-schu-quantity-tier]::before {
grid-area: mark;
width: 2.4rem;
height: 2.4rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-box) center / contain no-repeat;
mask: var(--schu-r28-i-box) center / contain no-repeat;
}
html[data-schu-core] [data-schu-quantity-tier]:hover {
box-shadow: var(--schu-r28-shadow-lift);
transform: translateY(-1px);
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] > strong {
grid-area: qty;
margin: 0;
color: var(--schu-r28-ink);
font-size: 2.2rem !important;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] > span:not([data-schu-quantity-tier-subtotal]):not([data-schu-quantity-tier-savings]) {
grid-area: label;
color: var(--schu-r28-ink);
font-size: 1.45rem !important;
font-weight: 500;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] [data-schu-quantity-tier-subtotal] {
grid-area: total;
justify-self: end;
color: var(--schu-r28-ink);
font-size: 1.5rem !important;
font-weight: 700;
white-space: nowrap;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] [data-schu-quantity-tier-savings] {
grid-area: save;
justify-self: end;
color: var(--schu-r28-ink-soft);
font-size: 1.3rem !important;
font-weight: 600;
white-space: nowrap;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-quantity-tier] > small {
position: static;
grid-area: badge;
justify-self: start;
max-width: 100%;
padding: 0;
overflow: visible;
border: 0;
background: transparent;
color: var(--schu-r28-ink-soft);
font-family: var(--schu-r28-hand) !important;
font-size: 2rem !important;
font-weight: 700;
letter-spacing: 0;
line-height: 1.1;
text-transform: none;
white-space: normal;
transform: rotate(-2deg);
transform-origin: left center;
}
html[data-schu-core] [data-schu-quantity-tier][aria-pressed="true"] {
border-color: var(--schu-r28-ink);
background-image: linear-gradient(to bottom, var(--schu-r28-ink) 0, var(--schu-r28-ink) 0.6rem, transparent 0.6rem);
box-shadow: 0 0 0 1px var(--schu-r28-ink), var(--schu-r28-shadow-lift);
}
html[data-schu-core] [data-schu-quantity-tier][aria-pressed="true"]::before {
-webkit-mask-image: var(--schu-r28-i-check);
mask-image: var(--schu-r28-i-check);
background: var(--schu-site-primary);
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] {
grid-template-columns: 7.2rem minmax(0, 1fr) auto;
gap: 1.6rem;
padding: 1.4rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] [data-schu-pair-offer] img {
box-sizing: border-box;
width: 7.2rem;
height: 7.2rem;
padding: 0.4rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
object-fit: contain;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] small {
color: var(--schu-r28-mute);
font-size: 1.3rem;
font-weight: 500;
text-transform: none;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] a {
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] strong {
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-pair-offer] button {
min-height: 4.4rem;
padding: 0.6rem 1.6rem;
border-color: var(--schu-r28-kraft-edge) !important;
background: var(--schu-r28-kraft) !important;
box-shadow: 0 2px 0 var(--schu-r28-kraft-edge) !important;
color: var(--schu-r28-ink) !important;
font-size: 1.35rem;
}
html[data-schu-core] [data-schu-pair-offer] button:is(:hover, :focus-visible) {
background: var(--schu-r28-kraft-deep) !important;
color: var(--schu-r28-ink) !important;
}
html[data-schu-core] .product-info-content [data-schu-pdp-facts] {
display: flex;
flex-wrap: wrap;
gap: 0.4rem 2.4rem;
margin: 2.8rem 0 0;
padding: 1.6rem 0 0;
border-top: 1px dotted var(--schu-r28-line-strong);
}
html[data-schu-core] .product-info-content [data-schu-pdp-facts] p {
margin: 0;
padding: 0;
border: 0;
color: var(--schu-r28-mute);
font-size: 1.35rem;
}
html[data-schu-core] .product-info-content .product-share {
gap: 1rem;
margin-top: 1.6rem;
}
html[data-schu-core] .product-info-content .product-share > p {
margin: 0;
color: var(--schu-r28-mute);
font-size: 1.35rem;
text-transform: none;
}
html[data-schu-core] .product-info-content .social-icons a {
display: grid;
place-items: center;
width: 3.8rem;
height: 3.8rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
}
html[data-schu-core] .product-info-content .social-icons svg :is(path, rect, circle) {
fill: currentColor;
}
html[data-schu-core] section.product.product-description {
padding-block: var(--schu-r28-section) 0;
border-top: 0;
background: transparent;
}
html[data-schu-core] .product-detail-section .nav-item {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0.6rem;
width: 100%;
margin-bottom: clamp(3.2rem, 3.6vw, 5.2rem);
padding: 0;
border: 0;
border-bottom: 2px solid var(--schu-r28-ink);
border-radius: 0;
background: transparent;
}
html[data-schu-core] .product-detail-section .nav-item .nav-link {
position: relative;
display: inline-flex;
align-items: center;
min-height: 5rem;
margin: 0;
padding: 0 2.6rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-bottom: 0;
border-radius: 1rem 1rem 0 0;
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 600;
text-transform: none;
transition: background-color 0.2s ease;
}
html[data-schu-core] .product-detail-section .nav-item .nav-link:hover {
background: var(--schu-r28-kraft-deep);
color: var(--schu-r28-ink);
}
html[data-schu-core] .product-detail-section .nav-item .nav-link.active {
border-color: var(--schu-r28-ink);
background: var(--schu-r28-ink);
color: var(--schu-r28-on-ink);
}
html[data-schu-core] .product-description .tab-item .tab-pane.active,
html[data-schu-core] .product-description .tab-item .tab-pane.show {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
gap: 0 clamp(3.2rem, 6vw, 9.6rem);
align-items: start;
}
html[data-schu-core] .product-description .tab-item .tab-pane > * {
grid-column: 1 / -1;
min-width: 0;
}
html[data-schu-core] .product-description .tab-item .tab-pane > [data-schu-pdp-description-html] {
grid-column: 1;
grid-row: 1 / span 2;
}
html[data-schu-core] .product-description .tab-item .tab-pane > .product-feature {
grid-column: 2;
grid-row: 1;
}
html[data-schu-core] .product-description .tab-item .tab-pane > [data-schu-pdp-product-details] {
grid-column: 2;
grid-row: 2;
}
html[data-schu-core] .product-description .tab-item .intro-heading {
margin: 0 0 1.8rem;
color: var(--schu-r28-ink);
font-size: 2.2rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
text-transform: none;
}
html[data-schu-core] .product-description .tab-item [data-schu-pdp-description-html] > .intro-heading {
display: none;
}
html[data-schu-core] .product-description .tab-item .product-details {
margin: 0;
color: var(--schu-r28-text);
font-size: 1.6rem;
line-height: 1.8;
}
html[data-schu-core] .product-description .tab-item .product-details :is(h2, h3, h4) {
margin: 3.6rem 0 1.2rem;
color: var(--schu-r28-ink);
font-size: 2.1rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.25;
}
html[data-schu-core] .product-description .tab-item .product-details > :first-child {
margin-top: 0;
}
html[data-schu-core] .product-description .tab-item .product-details p {
margin: 0 0 1.6rem;
color: var(--schu-r28-text);
font-size: 1.6rem;
line-height: 1.8;
}
html[data-schu-core] .product-description .tab-item .product-details :is(b, strong) {
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] .product-description .tab-item .product-feature {
margin: 0;
padding: 2.4rem 2.4rem 1.2rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] .product-description .tab-item .product-feature ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
html[data-schu-core] .product-description .tab-item .product-feature li {
position: relative;
margin: 0;
padding: 1.2rem 0 1.2rem 4rem;
border-bottom: 1px solid var(--schu-r28-rule);
}
html[data-schu-core] .product-description .tab-item .product-feature li:last-child {
border-bottom: 0;
}
html[data-schu-core] .product-description .tab-item .product-feature li::before {
position: absolute;
top: 1.05rem;
left: 0;
width: 2.6rem;
height: 2.6rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-check) center / contain no-repeat;
mask: var(--schu-r28-i-check) center / contain no-repeat;
}
html[data-schu-core] .product-description .tab-item .product-feature li p {
margin: 0;
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.6;
}
html[data-schu-core] .schu-pdp-product-details-section {
margin: 3.2rem 0 0;
padding: 0;
border: 0;
}
html[data-schu-core] .schu-pdp-product-details-section details {
padding: 0 2rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-kraft);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-product-details-section summary {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.8rem 0;
color: var(--schu-r28-ink);
font-size: 1.6rem;
font-weight: 600;
text-transform: none;
list-style: none;
cursor: pointer;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-product-details-section summary::-webkit-details-marker {
display: none;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-product-details-section summary::after {
width: 1.6rem;
height: 1.6rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-plus) center / contain no-repeat;
mask: var(--schu-r28-i-plus) center / contain no-repeat;
}
html[data-schu-core] .schu-pdp-product-details-section details[open] summary::after {
-webkit-mask-image: var(--schu-r28-i-minus);
mask-image: var(--schu-r28-i-minus);
}
html[data-schu-core] .schu-pdp-product-details-section details > p {
margin: 0;
padding: 0 0 1.6rem;
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.75;
}
html[data-schu-core] .schu-pdp-product-details-section details > p :is(b, strong) {
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-social-proof {
margin: var(--schu-r28-section) 0 0;
padding: 0;
border: 0;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-summary {
margin: 0 0 3.6rem;
padding: 0;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-summary__inner {
display: grid;
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
align-items: stretch;
gap: 0;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-overview {
display: grid;
grid-template-columns: auto auto;
align-content: center;
justify-content: start;
align-items: end;
gap: 0.8rem 1.4rem;
min-width: 26rem;
padding: clamp(2.8rem, 3vw, 4rem) clamp(2.8rem, 4vw, 5.6rem);
border-right: 1px dotted var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius) 0 0 var(--schu-r28-radius);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-overview > * {
grid-column: 1 / -1;
justify-self: start;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-score {
grid-column: 1;
grid-row: 1;
color: var(--schu-r28-ink);
font-size: clamp(6rem, 6vw, 8.4rem);
font-weight: 700;
letter-spacing: -0.05em;
line-height: 0.9;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-count {
grid-column: 2;
grid-row: 1;
align-self: end;
margin-bottom: 0.4rem;
color: var(--schu-r28-ink-soft);
font-family: var(--schu-r28-hand) !important;
font-size: 2.6rem;
font-weight: 600;
line-height: 1;
transform: rotate(-4deg);
transform-origin: left bottom;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-stars {
font-size: 2rem;
letter-spacing: 0.2rem;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-stars__track {
color: var(--schu-r28-kraft-edge);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-stars__fill {
color: var(--schu-r28-ink);
background: transparent;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-bars {
display: grid;
align-content: center;
gap: 1.1rem;
width: 100%;
max-width: none;
padding: clamp(2.8rem, 3vw, 4rem) clamp(2.8rem, 4vw, 5.6rem);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-bar {
display: grid;
grid-template-columns: 3.6rem minmax(0, 1fr) 3rem;
align-items: center;
gap: 1.4rem;
}
html[data-schu-core] .product-description .tab-item :is(.schu-pdp-rating-bar-label, .schu-pdp-rating-bar-count) {
color: var(--schu-r28-text);
font-size: 1.35rem;
font-weight: 500;
font-variant-numeric: tabular-nums;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-bar-label span {
color: var(--schu-r28-ink);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-bar-count {
color: var(--schu-r28-mute);
text-align: right;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-bar-track {
height: 0.9rem;
overflow: hidden;
border-radius: 0.5rem;
background: var(--schu-r28-kraft);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-bar-fill {
display: block;
height: 100%;
border-radius: 0.5rem;
background: var(--schu-r28-ink);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-section-heading {
display: flex;
align-items: baseline;
justify-content: flex-start;
gap: 1.2rem;
margin: 4.8rem 0 2.4rem;
padding: 0;
border: 0;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-section-heading .intro-heading {
margin: 0;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-section-count {
display: inline-grid;
place-items: center;
min-width: 2.8rem;
height: 2.8rem;
padding: 0 0.8rem;
border-radius: 1.4rem;
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 1.35rem;
font-weight: 700;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
max-width: none;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-list--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-list--count-1 {
grid-template-columns: minmax(0, min(64rem, 100%));
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-card {
min-width: 0;
margin: 0;
padding: clamp(2.4rem, 2.4vw, 3.2rem) clamp(2.2rem, 2.2vw, 3rem) clamp(2.4rem, 2.4vw, 3.2rem) clamp(4rem, 3.8vw, 4.8rem);
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-card);
background-image: linear-gradient(90deg, transparent 0, transparent 2.6rem, var(--schu-site-primary) 2.6rem, var(--schu-site-primary) 2.7rem, transparent 2.7rem);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-card .wrapper {
gap: 1.2rem;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-stars {
color: var(--schu-r28-ink);
font-size: 1.5rem;
letter-spacing: 0.1rem;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-rating-value {
color: var(--schu-r28-text);
font-size: 1.35rem;
font-weight: 600;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-meta h5 {
margin: 0;
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 600;
letter-spacing: 0;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-verified-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0;
border-radius: 0;
background: none;
color: var(--schu-r28-mute);
font-size: 1.3rem;
font-weight: 500;
text-transform: none;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-verified-badge::before {
width: 1.5rem;
height: 1.5rem;
background: var(--schu-site-primary);
content: "";
-webkit-mask: var(--schu-r28-i-tick) center / contain no-repeat;
mask: var(--schu-r28-i-tick) center / contain no-repeat;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-title {
margin: 0.2rem 0 0;
color: var(--schu-r28-ink);
font-size: 1.8rem;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.3;
}
html[data-schu-core] .product-description .tab-item .review-wrapper .wrapper .wrapper-description .wrapper-details {
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.75;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-section {
margin: clamp(4.8rem, 5vw, 7.2rem) 0 0;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-list {
border-top: 2px solid var(--schu-r28-ink);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-section details {
margin: 0;
border-bottom: 1px solid var(--schu-r28-line-strong);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-section summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
padding: 2rem 0;
color: var(--schu-r28-ink);
font-size: 1.65rem;
font-weight: 600;
line-height: 1.4;
list-style: none;
cursor: pointer;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-section summary::-webkit-details-marker {
display: none;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-section summary::after {
flex: 0 0 auto;
width: 1.6rem;
height: 1.6rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-plus) center / contain no-repeat;
mask: var(--schu-r28-i-plus) center / contain no-repeat;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-section details[open] summary::after {
-webkit-mask-image: var(--schu-r28-i-minus);
mask-image: var(--schu-r28-i-minus);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-faq-section details > p {
max-width: 80rem;
margin: -0.4rem 0 2rem;
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.75;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-ugc-card {
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-kraft);
}
@media (max-width: 767px) {
html[data-schu-core] .schu-buy-now-bar {
padding: 1rem var(--schu-r28-gutter) calc(1rem + env(safe-area-inset-bottom, 0px));
border-top: 1px solid var(--schu-r28-line-strong);
background: var(--schu-r28-paper);
box-shadow: 0 -0.8rem 2rem -1rem var(--schu-r28-hole);
}
html[data-schu-core] .schu-buy-now-bar .shop-btn {
width: 100%;
min-height: 5.2rem;
font-size: 1.6rem;
}
}
@media (max-width: 1099px) {
html[data-schu-core] .product-description .tab-item .tab-pane.active,
html[data-schu-core] .product-description .tab-item .tab-pane.show {
grid-template-columns: minmax(0, 1fr);
row-gap: 3.2rem;
}
html[data-schu-core] .product-description .tab-item .tab-pane > * {
grid-column: 1 !important;
grid-row: auto !important;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-product-details-section {
margin-top: 0;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-list,
html[data-schu-core] .product-description .tab-item .schu-pdp-review-list--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
html[data-schu-core] [data-schu-pdp-root] .product-info-section > .row {
grid-template-columns: minmax(0, 1fr);
}
html[data-schu-core] [data-schu-pdp-root] .product-info-section > .row > * {
position: static;
padding: 0;
}
html[data-schu-core] [data-schu-pdp-root] .product-info-section > .row > :has(.product-info-content) {
margin-top: 2.8rem;
}
html[data-schu-core][data-schu-route-family] [data-schu-pdp-gallery] .product-top {
max-height: 72vh;
}
}
@media (max-width: 767px) {
html[data-schu-core][data-schu-route-family] .product-info-content [data-schu-pdp-title] {
font-size: 2.6rem !important;
}
html[data-schu-core] .product-info-content .price .new-price {
font-size: 2.8rem;
}
html[data-schu-core][data-schu-route-family] .product-info-content .product-quantity {
grid-template-columns: 13.6rem minmax(0, 1fr) 5.4rem;
grid-template-areas: "qty . wish" "add add add" "buy buy buy";
}
html[data-schu-core] [data-schu-pdp-gallery]::before {
left: 2.4rem;
}
html[data-schu-core] .product-detail-section .nav-item .nav-link {
flex: 1 1 auto;
justify-content: center;
padding: 0 1.4rem;
font-size: 1.4rem;
}
html[data-schu-core] .product-description .tab-item .schu-pdp-review-list,
html[data-schu-core] .product-description .tab-item .schu-pdp-review-list--count-2 {
grid-template-columns: minmax(0, 1fr);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-summary__inner {
grid-template-columns: minmax(0, 1fr);
}
html[data-schu-core] .product-description .tab-item .schu-pdp-rating-overview {
min-width: 0;
border-right: 0;
border-bottom: 1px dotted var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius) var(--schu-r28-radius) 0 0;
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] {
grid-template-columns: 7.2rem minmax(0, 1fr);
}
html[data-schu-core] [data-schu-pdp-conversion-root] [data-schu-pair-offer] button {
grid-column: 1 / -1;
width: 100%;
}
html[data-schu-core] [data-schu-quantity-tier] {
grid-template-columns: 2.4rem 3.2rem minmax(0, 1fr) auto;
column-gap: 1rem;
padding: 1.6rem 1.4rem 1.4rem;
}
}
html[data-schu-core] section.blog.about-blog {
position: relative;
padding: clamp(2.8rem, 3.2vw, 4.4rem) 0 clamp(3.2rem, 3.6vw, 5.2rem);
border-bottom: 1px solid var(--schu-r28-line);
background: transparent;
}
html[data-schu-core] section.blog.about-blog .blog-bradcrum {
margin-bottom: clamp(2.4rem, 3vw, 4rem);
}
html[data-schu-core] .blog-heading.about-heading {
display: block;
margin: 0;
padding: 0;
text-align: left;
}
html[data-schu-core] .blog-heading.about-heading .heading {
position: relative;
display: inline-block;
max-width: 96rem;
margin: 0;
padding-bottom: 1.8rem;
color: var(--schu-r28-ink);
font-size: clamp(3.2rem, 3.6vw, 5.2rem);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.08;
text-align: left;
overflow-wrap: break-word;
}
html[data-schu-core] .blog-heading.about-heading .heading::after {
position: absolute;
bottom: 0;
left: -0.2rem;
width: min(18rem, 100%);
height: 1.2rem;
background: var(--schu-site-primary);
content: "";
-webkit-mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
}
html[data-schu-core] :is(section.about, section.faq, section.blog:not(.about-blog), section.latest, .terms, .privacy)[data-schu-content-body],
html[data-schu-core] section.product.footer-padding[data-schu-launch-blog-article-page] {
padding: clamp(4.8rem, 5.6vw, 8rem) 0 0 !important;
background: transparent;
}
html[data-schu-core] [data-schu-content-body] .about-content > .about-title {
display: none;
}
html[data-schu-core] [data-schu-content-html],
html[data-schu-core] [data-schu-launch-blog-article] {
max-width: 82rem;
margin: 0 auto;
padding: clamp(3.2rem, 4vw, 5.6rem) clamp(2rem, 4.4vw, 6.4rem);
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
color: var(--schu-r28-text);
font-size: 1.65rem;
line-height: 1.8;
}
html[data-schu-core] [data-schu-content-html] > div > :first-child {
margin-top: 0;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) :is(h1, h2, h3, h4, h5, h6) {
color: var(--schu-r28-ink);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) h1 {
margin: 0 0 2.4rem;
font-size: clamp(2.8rem, 2.8vw, 3.6rem);
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) h2 {
margin: clamp(4rem, 4.4vw, 5.6rem) 0 1.6rem;
padding: 0;
border: 0;
font-size: clamp(2.2rem, 2vw, 2.8rem);
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) h3 {
margin: 3.2rem 0 1.2rem;
font-size: 2rem;
font-weight: 600;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) :is(h4, h5, h6) {
margin: 2.4rem 0 0.8rem;
font-size: 1.7rem;
font-weight: 600;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) p {
margin: 0 0 1.8rem;
color: var(--schu-r28-text);
font-size: 1.65rem;
line-height: 1.8;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) :is(strong, b) {
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) a:not(.shop-btn):not(.product-btn):not([data-schu-product-link]):not([data-schu-product-name]) {
color: var(--schu-r28-ink) !important;
text-decoration: underline;
text-decoration-color: var(--schu-site-primary);
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) a:not(.shop-btn):not(.product-btn):not([data-schu-product-link]):not([data-schu-product-name]):hover {
text-decoration-color: var(--schu-r28-ink);
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) :is(ul, ol) {
margin: 0 0 2.4rem;
padding: 0;
list-style: none;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) :is(ul, ol) li {
position: relative;
margin: 0;
padding: 0.5rem 0 0.5rem 3.2rem;
font-size: 1.65rem;
line-height: 1.7;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) ul li::before {
position: absolute;
top: 0.85rem;
left: 0;
width: 2rem;
height: 2rem;
background: var(--schu-site-primary);
content: "";
-webkit-mask: var(--schu-r28-i-tick) center / contain no-repeat;
mask: var(--schu-r28-i-tick) center / contain no-repeat;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) ol {
counter-reset: schu-r28-li;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) ol li {
counter-increment: schu-r28-li;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) ol li::before {
position: absolute;
top: 0.5rem;
left: 0;
color: var(--schu-r28-ink);
content: counter(schu-r28-li) ".";
font-size: 1.6rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) blockquote {
margin: 3.6rem 0;
padding: 2.4rem 2.8rem;
border: 0;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
color: var(--schu-r28-ink);
font-size: 1.9rem;
font-weight: 500;
line-height: 1.5;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) blockquote :is(p, strong) {
margin: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) table {
width: 100%;
margin: 2.8rem 0;
border-collapse: collapse;
border-top: 2px solid var(--schu-r28-ink);
font-size: 1.45rem;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) :is(th, td) {
padding: 1.2rem 1.4rem;
border: 0;
border-bottom: 1px solid var(--schu-r28-line);
text-align: left;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) :is(th, td) + :is(th, td) {
border-left: 1px dotted var(--schu-r28-line-strong);
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) th {
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 600;
text-transform: none;
}
html[data-schu-core] :is([data-schu-content-html], [data-schu-launch-blog-article]) img {
max-width: 100%;
height: auto;
border-radius: var(--schu-r28-radius-sm);
}
html[data-schu-core] [data-schu-content-html] details {
border-bottom: 1px solid var(--schu-r28-line-strong);
}
html[data-schu-core] [data-schu-content-html] h2 + details,
html[data-schu-core] [data-schu-content-html] p + details {
border-top: 2px solid var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-content-html] summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
padding: 2rem 0;
color: var(--schu-r28-ink);
font-size: 1.65rem;
font-weight: 600;
line-height: 1.4;
list-style: none;
cursor: pointer;
}
html[data-schu-core] [data-schu-content-html] summary::-webkit-details-marker {
display: none;
}
html[data-schu-core] [data-schu-content-html] summary::after {
flex: 0 0 auto;
width: 1.6rem;
height: 1.6rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-plus) center / contain no-repeat;
mask: var(--schu-r28-i-plus) center / contain no-repeat;
}
html[data-schu-core] [data-schu-content-html] details[open] summary::after {
-webkit-mask-image: var(--schu-r28-i-minus);
mask-image: var(--schu-r28-i-minus);
}
html[data-schu-core] [data-schu-content-html] details > p {
margin: -0.4rem 0 2.2rem;
padding: 0;
color: var(--schu-r28-text);
font-size: 1.55rem;
}
html[data-schu-core] [data-schu-launch-blog-hub-page] {
padding: clamp(4.8rem, 5.6vw, 8rem) 0 0 !important;
background: transparent;
}
html[data-schu-core] [data-schu-content-html][data-schu-launch-blog-index-page] {
max-width: none;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
html[data-schu-core] [data-schu-blog-index] {
max-width: none;
gap: 2.4rem;
}
html[data-schu-core] [data-schu-blog-index] article {
min-width: 0;
}
html[data-schu-core] [data-schu-blog-index] article > a,
html[data-schu-core] [data-schu-content-html] [data-schu-blog-index] article > a {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
padding: clamp(2.4rem, 2.6vw, 3.2rem) clamp(2.2rem, 2.4vw, 3rem) clamp(2.4rem, 2.6vw, 3.2rem) clamp(4.2rem, 4vw, 5rem);
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-card);
background-image: linear-gradient(90deg, transparent 0, transparent 2.8rem, var(--schu-site-primary) 2.8rem, var(--schu-site-primary) 2.9rem, transparent 2.9rem);
box-shadow: var(--schu-r28-shadow);
color: var(--schu-r28-ink);
text-decoration: none !important;
transform: none;
transition: box-shadow 0.3s var(--schu-r28-ease), transform 0.3s var(--schu-r28-ease);
}
html[data-schu-core] [data-schu-blog-index] time {
display: inline-flex;
align-self: flex-start;
margin-bottom: 1.6rem;
padding: 0.3rem 1rem;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 1.3rem;
font-weight: 600;
text-transform: none;
font-variant-numeric: tabular-nums;
}
html[data-schu-core] [data-schu-blog-index] h2,
html[data-schu-core] [data-schu-content-html] [data-schu-blog-index] h2 {
margin: 0;
padding: 0;
border: 0;
color: var(--schu-r28-ink);
font-size: clamp(2rem, 1.7vw, 2.4rem);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
}
html[data-schu-core] [data-schu-blog-index] p,
html[data-schu-core] [data-schu-content-html] [data-schu-blog-index] p {
max-width: none;
margin: 1.4rem 0 0;
color: var(--schu-r28-text);
font-size: 1.5rem;
line-height: 1.75;
}
html[data-schu-core] [data-schu-blog-index] article > a::after {
width: 3.2rem;
height: 1.8rem;
margin-top: auto;
padding-top: 2.4rem;
background: var(--schu-r28-ink);
content: "";
-webkit-mask: var(--schu-r28-i-arrow) left bottom / 3.2rem 1.8rem no-repeat;
mask: var(--schu-r28-i-arrow) left bottom / 3.2rem 1.8rem no-repeat;
transition: transform 0.3s var(--schu-r28-ease);
}
html[data-schu-core] [data-schu-blog-index] article > a:is(:hover, :focus-visible) {
box-shadow: var(--schu-r28-shadow-lift);
transform: translateY(-3px);
}
html[data-schu-core] [data-schu-blog-index] article > a:is(:hover, :focus-visible)::after {
transform: translateX(0.6rem);
}
html[data-schu-core] [data-schu-launch-blog-title] .heading {
max-width: 96rem;
margin: 0;
}
html[data-schu-core] [data-schu-launch-blog-article] [data-schu-blog-product-block] {
border-top: 2px solid var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-launch-blog-article] [data-schu-blog-product-block] > h2 {
font-size: 2.2rem;
}
html[data-schu-core][data-schu-route-family] [data-schu-cart-root] {
padding-block: clamp(3.6rem, 4.4vw, 6.4rem) 0 !important;
background: transparent;
}
html[data-schu-core] [data-schu-cart-root] > .container {
grid-template-columns: minmax(0, 1fr) minmax(32rem, 42rem);
gap: 2rem clamp(3.2rem, 5vw, 7.2rem);
}
@media (max-width: 1023px) {
html[data-schu-core] [data-schu-cart-root] > .container {
grid-template-columns: minmax(0, 1fr);
}
}
html[data-schu-core] [data-schu-cart-main] table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
html[data-schu-core] [data-schu-cart-main] .table-top-row {
background: transparent;
}
html[data-schu-core] [data-schu-cart-main] .table-top-row td {
padding: 0 1.2rem 1.4rem;
border-bottom: 2px solid var(--schu-r28-ink);
background: transparent;
}
html[data-schu-core] [data-schu-cart-main] .table-top-row td:first-child {
padding-left: 0;
}
html[data-schu-core] [data-schu-cart-main] .table-heading {
margin: 0;
color: var(--schu-r28-mute);
font-size: 1.35rem;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
}
html[data-schu-core] [data-schu-cart-main] .ticket-row td,
html[data-schu-core] [data-schu-cart-line] td {
padding: 2.4rem 1.2rem;
border: 0;
border-bottom: 1px dotted var(--schu-r28-line-strong);
background: transparent;
vertical-align: middle;
}
html[data-schu-core] [data-schu-cart-line] td:first-child {
padding-left: 0;
}
html[data-schu-core] [data-schu-cart-line] .wrapper {
display: flex;
align-items: center;
gap: 2rem;
}
html[data-schu-core] [data-schu-cart-line] .wrapper-img {
flex: 0 0 auto;
width: 10rem;
height: 10rem;
overflow: hidden;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] [data-schu-cart-line] .wrapper-img img {
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0.8rem;
object-fit: contain;
}
html[data-schu-core] [data-schu-cart-line] .wrapper-content .heading {
margin: 0;
color: var(--schu-r28-ink);
font-size: 1.55rem;
font-weight: 500;
letter-spacing: -0.005em;
line-height: 1.4;
}
html[data-schu-core] [data-schu-cart-line] [data-schu-cart-product-variants] {
display: block;
margin-top: 0.4rem;
color: var(--schu-r28-mute);
font-size: 1.35rem;
}
html[data-schu-core] [data-schu-cart-line] [data-schu-cart-price] {
margin: 0;
color: var(--schu-r28-text);
font-size: 1.5rem;
font-weight: 500;
}
html[data-schu-core] [data-schu-cart-line] [data-schu-cart-line-total] {
margin: 0;
color: var(--schu-r28-ink);
font-size: 1.65rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-cart-line] .quantity {
display: inline-grid;
grid-template-columns: 3.8rem 3.8rem 3.8rem;
align-items: center;
height: 4.2rem;
padding: 0;
overflow: hidden;
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
}
html[data-schu-core] [data-schu-cart-line] .quantity :is(.minus, .plus) {
display: grid;
place-items: center;
width: 100%;
height: 100%;
border: 0;
border-radius: 0;
background: transparent;
color: var(--schu-r28-ink);
font-size: 1.7rem;
line-height: 1;
cursor: pointer;
}
html[data-schu-core] [data-schu-cart-line] .quantity :is(.minus, .plus):hover {
background: var(--schu-r28-kraft);
}
html[data-schu-core] [data-schu-cart-line] .quantity .number {
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 600;
text-align: center;
}
html[data-schu-core] [data-schu-cart-line] [data-schu-cart-remove] {
position: relative;
display: grid;
place-items: center;
width: 4.2rem;
height: 4.2rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
cursor: pointer;
}
html[data-schu-core] [data-schu-cart-line] [data-schu-cart-remove] svg {
width: 1.4rem;
height: 1.4rem;
}
html[data-schu-core] [data-schu-cart-line] [data-schu-cart-remove] svg :is(path, rect, circle) {
fill: currentColor;
}
html[data-schu-core] [data-schu-cart-line] [data-schu-cart-remove]:hover {
background: var(--schu-r28-kraft-deep);
}
html[data-schu-core] .schu-cart-empty {
display: grid;
justify-items: center;
gap: 2.4rem;
padding: clamp(5.6rem, 8vw, 10rem) 2rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
text-align: center;
}
html[data-schu-core] .schu-cart-empty h2 {
max-width: 44rem;
margin: 0;
color: var(--schu-r28-ink);
font-size: clamp(2.4rem, 2.4vw, 3.2rem);
font-weight: 700;
}
html[data-schu-core] .schu-cart-empty .shop-btn {
min-width: 26rem;
}
html[data-schu-core] [data-schu-cart-actions] .shop-btn {
min-height: 5.6rem;
font-size: 1.6rem;
}
html[data-schu-core] [data-schu-cart-actions] .clean-btn {
color: var(--schu-r28-mute);
font-size: 1.4rem;
text-decoration-color: var(--schu-r28-line-strong);
text-underline-offset: 0.3em;
}
html[data-schu-core] [data-schu-cart-actions] .clean-btn:hover {
color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-cart-summary] {
position: relative;
gap: 1.6rem;
padding: clamp(2.8rem, 2.8vw, 3.6rem) clamp(2.4rem, 2.6vw, 3.2rem);
border: 0;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
box-shadow: var(--schu-r28-shadow);
color: var(--schu-r28-text);
}
html[data-schu-core] [data-schu-cart-summary]::after {
position: absolute;
top: -1.2rem;
left: 50%;
width: 10rem;
height: 2.6rem;
background-color: var(--schu-r28-tape);
background-image: repeating-linear-gradient(90deg, transparent 0, transparent 0.6rem, var(--schu-r28-tape-stripe) 0.6rem, var(--schu-r28-tape-stripe) 0.9rem);
content: "";
transform: translateX(-50%) rotate(2deg);
pointer-events: none;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-order-benefits] > div {
color: var(--schu-r28-text);
font-size: 1.45rem;
font-weight: 400;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-order-benefits] > div > strong {
color: var(--schu-r28-ink);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-order-benefits] > div:last-child {
border-top: 2px solid var(--schu-r28-ink);
color: var(--schu-r28-ink);
font-size: 1.6rem;
font-weight: 600;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-order-benefits] > div:last-child > strong {
color: var(--schu-r28-ink);
font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.02em;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-order-discount-row] > strong {
color: var(--schu-r28-ink);
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-gift-status] {
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
color: var(--schu-r28-text);
font-size: 1.35rem !important;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-reservation] {
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
color: var(--schu-r28-text);
font-size: 1.35rem;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-reservation] strong {
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-coupon-form] {
align-items: stretch;
gap: 0 0.6rem;
row-gap: 0.6rem;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-coupon-input] {
grid-column: 1;
grid-row: 1;
height: 4.8rem;
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
color: var(--schu-r28-ink);
font-size: 1.45rem;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-coupon-input]:focus {
border-color: var(--schu-r28-ink);
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-coupon-form] > .shop-btn {
grid-column: 2;
grid-row: 1;
align-self: stretch;
min-height: 4.8rem;
margin: 0;
padding: 0 2rem;
font-size: 1.4rem;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) :is([data-schu-coupon-remove], [data-schu-coupon-status]) {
color: var(--schu-r28-mute);
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell] {
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.4rem;
padding: 1.4rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell]:has(> img:not([hidden])) {
grid-template-columns: 5.6rem minmax(0, 1fr) auto;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell] img {
box-sizing: border-box;
width: 5.6rem;
height: 5.6rem;
padding: 0.3rem;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
object-fit: contain;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell] small {
color: var(--schu-r28-mute);
font-size: 1.25rem;
font-weight: 500;
text-transform: none;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell-name] {
color: var(--schu-r28-ink);
font-size: 1.4rem;
font-weight: 500;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell-price] {
color: var(--schu-r28-ink);
font-size: 1.35rem;
font-weight: 700;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell] .shop-btn {
min-height: 4rem;
padding: 0.4rem 1.4rem;
border-color: var(--schu-r28-kraft-edge) !important;
background: var(--schu-r28-kraft) !important;
box-shadow: 0 2px 0 var(--schu-r28-kraft-edge) !important;
color: var(--schu-r28-ink) !important;
font-size: 1.3rem;
}
html[data-schu-core] :is([data-schu-cart-summary], [data-schu-mini-cart-summary]) [data-schu-cart-upsell] .shop-btn:is(:hover, :focus-visible) {
background: var(--schu-r28-kraft-deep) !important;
color: var(--schu-r28-ink) !important;
}
html[data-schu-core][data-schu-route-family] [data-schu-checkout-root] {
padding-block: clamp(3.6rem, 4.4vw, 6.4rem) 0 !important;
background: transparent;
}
html[data-schu-core] [data-schu-checkout-root] .schu-checkout-sdk-root {
overflow: hidden;
border-radius: var(--schu-r28-radius);
}
html[data-schu-core] .schu-checkout-sdk-shell {
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] .schu-checkout-sdk-shell > .heading {
font-weight: 700;
letter-spacing: -0.02em;
}
html[data-schu-core] [data-schu-checkout-delivery] {
border: 0;
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-kraft);
}
html[data-schu-core] [data-schu-mini-cart-overlay] {
background: var(--schu-r28-veil);
}
html[data-schu-core] [data-schu-mini-cart-panel] {
inset: 0 0 0 auto !important;
width: min(46rem, 100vw) !important;
height: 100dvh !important;
padding: 7.6rem 2.8rem 2.4rem !important;
border: 0 !important;
border-radius: 1.2rem 0 0 1.2rem !important;
background-color: var(--schu-r28-paper) !important;
background-image: var(--schu-r28-dots) !important;
background-size: var(--schu-r28-dots-size) !important;
box-shadow: var(--schu-r28-shadow-drawer) !important;
}
html[data-schu-core] [data-schu-mini-cart-panel]::before {
position: absolute;
top: 7.6rem;
right: 2.8rem;
left: 2.8rem;
height: 2px;
background: var(--schu-r28-ink);
content: "";
}
html[data-schu-core] [data-schu-mini-cart-panel]::after {
position: absolute;
top: 2.4rem;
left: 2.8rem;
width: 9.6rem;
height: 2.6rem;
background-color: var(--schu-r28-tape);
background-image: repeating-linear-gradient(90deg, transparent 0, transparent 0.6rem, var(--schu-r28-tape-stripe) 0.6rem, var(--schu-r28-tape-stripe) 0.9rem);
content: "";
transform: rotate(-4deg);
}
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-mini-cart-close] {
top: 1.8rem;
right: 2rem;
width: 4.4rem;
height: 4.4rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-mini-cart-close]:hover {
background: var(--schu-r28-kraft-deep);
}
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-mini-cart-close]::before,
html[data-schu-core] [data-schu-mini-cart-panel] [data-schu-mini-cart-close]::after {
width: 1.8rem;
height: 2px;
border-radius: 1px;
}
html[data-schu-core] [data-schu-mini-cart-items] {
flex: 1 1 12rem;
padding: 0;
}
html[data-schu-core] [data-schu-mini-cart-items] > .wrapper {
margin: 1.4rem 0 0;
padding: 1.4rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow);
}
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-item {
grid-template-columns: 8rem minmax(0, 1fr);
align-items: start;
gap: 1.6rem;
}
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-img,
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-img img {
width: 8rem;
height: 8rem;
}
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-img {
overflow: hidden;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
}
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-img img {
box-sizing: border-box;
padding: 0.6rem;
object-fit: contain;
}
html[data-schu-core] [data-schu-mini-cart-items] .wrapper-title {
color: var(--schu-r28-ink);
font-size: 1.45rem;
font-weight: 500;
line-height: 1.4;
}
html[data-schu-core] [data-schu-mini-cart-items] .new-price {
color: var(--schu-r28-ink);
font-size: 1.55rem;
font-weight: 700;
}
html[data-schu-core] [data-schu-mini-cart-items] .paragraph {
color: var(--schu-r28-mute);
font-size: 1.35rem;
}
html[data-schu-core] [data-schu-mini-cart-items] .schu-mini-cart-quantity {
grid-template-columns: repeat(3, 3.4rem);
overflow: hidden;
border: 1px solid var(--schu-r28-line-strong);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
}
html[data-schu-core] [data-schu-mini-cart-items] .schu-mini-cart-quantity > button {
color: var(--schu-r28-ink);
font-size: 1.6rem;
cursor: pointer;
}
html[data-schu-core] [data-schu-mini-cart-items] .schu-mini-cart-quantity > button:hover {
background: var(--schu-r28-kraft);
}
html[data-schu-core] [data-schu-mini-cart-items] .schu-mini-cart-quantity > [data-schu-cart-quantity-value] {
color: var(--schu-r28-ink);
font-size: 1.4rem;
font-weight: 600;
}
html[data-schu-core] [data-schu-mini-cart-items] [data-schu-cart-remove] {
border: 0;
border-radius: var(--schu-r28-radius-sm);
background: transparent;
color: var(--schu-r28-mute);
}
html[data-schu-core] [data-schu-mini-cart-items] [data-schu-cart-remove]:hover {
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-mini-cart-items] [data-schu-cart-remove] svg {
width: 1.2rem;
height: 1.2rem;
}
html[data-schu-core] [data-schu-mini-cart-items] [data-schu-cart-remove] svg :is(path, rect, circle) {
fill: currentColor;
}
html[data-schu-core] [data-schu-mini-cart-empty] > .wrapper {
padding: 3.2rem 0;
border: 0;
background: transparent;
}
html[data-schu-core] [data-schu-mini-cart-empty] .wrapper-title {
color: var(--schu-r28-ink);
font-size: 1.9rem;
font-weight: 600;
}
html[data-schu-core] [data-schu-mini-cart-empty] .close-btn {
display: none;
}
html[data-schu-core] [data-schu-mini-cart-summary] {
flex: 0 1 auto;
gap: 1.2rem;
min-height: 0;
margin-top: auto;
padding: 1.8rem 0 0;
overflow-y: auto;
border: 0;
border-top: 2px solid var(--schu-r28-ink);
border-radius: 0;
background: transparent;
}
html[data-schu-core] [data-schu-mini-cart-summary] > * {
order: 4;
}
html[data-schu-core] [data-schu-mini-cart-summary] > .wrapper-subtotal {
order: 1;
}
html[data-schu-core] [data-schu-mini-cart-summary] > [data-schu-order-benefits] {
order: 2;
}
html[data-schu-core] [data-schu-mini-cart-summary] > .cart-btn {
order: 3;
}
html[data-schu-core] [data-schu-mini-cart-summary] .wrapper-line {
display: none;
}
html[data-schu-core] [data-schu-mini-cart-summary] .wrapper-subtotal {
align-items: baseline;
}
html[data-schu-core] [data-schu-mini-cart-summary] .wrapper-subtotal .wrapper-title {
margin: 0;
color: var(--schu-r28-ink);
font-size: 1.5rem;
font-weight: 600;
text-transform: none;
}
html[data-schu-core] [data-schu-mini-cart-summary] .wrapper-subtotal [data-schu-mini-cart-subtotal] {
color: var(--schu-r28-ink);
font-size: 2.2rem;
font-weight: 700;
letter-spacing: -0.02em;
text-transform: none;
}
html[data-schu-core] [data-schu-mini-cart-summary] [data-schu-order-benefits] {
gap: 0.6rem;
padding-block: 0;
}
html[data-schu-core] [data-schu-mini-cart-summary] [data-schu-order-benefits] > div {
font-size: 1.35rem;
}
html[data-schu-core] [data-schu-mini-cart-summary] [data-schu-order-benefits] > div:last-child {
padding-top: 1rem;
font-size: 1.5rem;
}
html[data-schu-core] [data-schu-mini-cart-summary] [data-schu-order-benefits] > div:last-child > strong {
font-size: 2rem;
}
html[data-schu-core] [data-schu-mini-cart-summary] .cart-btn {
grid-template-columns: 1fr;
gap: 0.8rem;
}
html[data-schu-core] [data-schu-mini-cart-summary] .cart-btn a {
min-height: 5.4rem;
font-size: 1.6rem;
}
html[data-schu-core] [data-schu-mini-cart-summary] .cart-btn a.checkout-btn {
order: 1;
}
html[data-schu-core] [data-schu-mini-cart-summary] .cart-btn a.view-btn {
order: 2;
min-height: 4.8rem;
border-color: var(--schu-r28-kraft-edge) !important;
background: var(--schu-r28-kraft) !important;
box-shadow: 0 2px 0 var(--schu-r28-kraft-edge) !important;
color: var(--schu-r28-ink) !important;
}
html[data-schu-core] [data-schu-mini-cart-summary] .cart-btn a.view-btn:is(:hover, :focus-visible) {
background: var(--schu-r28-kraft-deep) !important;
color: var(--schu-r28-ink) !important;
}
html[data-schu-core] [data-schu-offer-modal] {
background: var(--schu-r28-veil);
}
html[data-schu-core] [data-schu-offer-card] {
position: relative;
width: min(50rem, 100%);
overflow: visible;
border: 0;
border-radius: var(--schu-r28-radius);
background-color: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow-drawer);
}
html[data-schu-core] [data-schu-offer-card]::before {
position: absolute;
top: -1.3rem;
left: 50%;
z-index: 3;
width: 12rem;
height: 3rem;
background-color: var(--schu-r28-tape);
background-image: repeating-linear-gradient(90deg, transparent 0, transparent 0.6rem, var(--schu-r28-tape-stripe) 0.6rem, var(--schu-r28-tape-stripe) 0.9rem);
content: "";
transform: translateX(-50%) rotate(-3deg);
pointer-events: none;
}
html[data-schu-core] [data-schu-offer-content] {
position: relative;
z-index: 1;
padding: clamp(4.4rem, 4.6vw, 5.6rem) clamp(3.2rem, 4vw, 4.8rem) clamp(3.2rem, 4vw, 4.4rem);
}
html[data-schu-core] [data-schu-offer-content] > small {
display: inline-block;
color: var(--schu-r28-ink-soft);
font-family: var(--schu-r28-hand) !important;
font-size: 2.6rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.1;
text-transform: none;
transform: rotate(-2deg);
transform-origin: left center;
}
html[data-schu-core] [data-schu-offer-content] > h2 {
margin-top: 1rem;
color: var(--schu-r28-ink);
font-size: clamp(3rem, 3.2vw, 4rem);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.08;
overflow-wrap: break-word;
}
html[data-schu-core] [data-schu-offer-content] > p {
margin-top: 1.6rem;
color: var(--schu-r28-text);
font-size: 1.55rem;
line-height: 1.75;
}
html[data-schu-core] [data-schu-offer-content] > [data-schu-offer-close] {
top: 2rem;
right: 2rem;
z-index: 2;
width: 4.4rem;
height: 4.4rem;
border: 1px solid var(--schu-r28-kraft-edge);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-kraft);
color: var(--schu-r28-ink);
font-size: 2.4rem;
font-weight: 400;
line-height: 1;
cursor: pointer;
}
html[data-schu-core] [data-schu-offer-content] > [data-schu-offer-close]:hover {
background: var(--schu-r28-kraft-deep);
}
html[data-schu-core] [data-schu-offer-actions] {
gap: 1rem;
margin-top: 3.2rem;
}
html[data-schu-core] [data-schu-offer-actions] > .shop-btn {
min-height: 5.6rem;
font-size: 1.6rem;
}
html[data-schu-core] [data-schu-offer-actions] > [data-schu-offer-close] {
min-height: 4.4rem;
border-radius: var(--schu-r28-radius);
color: var(--schu-r28-mute);
font-size: 1.45rem;
font-weight: 500;
text-decoration: underline;
text-decoration-color: var(--schu-r28-line-strong);
text-underline-offset: 0.3em;
cursor: pointer;
}
html[data-schu-core] [data-schu-offer-actions] > [data-schu-offer-close]:hover {
color: var(--schu-r28-ink);
text-decoration-color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-recent-purchase] {
gap: 1.2rem;
padding: 1rem 1.6rem 1rem 1rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius);
background: var(--schu-r28-card);
box-shadow: var(--schu-r28-shadow-lift);
}
html[data-schu-core] [data-schu-recent-purchase-image] {
width: 5.2rem;
height: 5.2rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
object-fit: contain;
}
html[data-schu-core] [data-schu-recent-purchase] > span > small {
color: var(--schu-r28-mute);
font-size: 1.25rem;
font-weight: 500;
text-transform: none;
}
html[data-schu-core] [data-schu-recent-purchase] > span > span {
color: var(--schu-r28-text);
font-size: 1.35rem;
}
html[data-schu-core] [data-schu-recent-purchase] strong {
color: var(--schu-r28-ink);
font-weight: 600;
}
html[data-schu-core] section.product.footer[data-schu-footer] {
margin-top: var(--schu-r28-section);
padding: 0;
border: 0;
border-radius: 1.6rem 1.6rem 0 0;
background: var(--schu-r28-ink);
color: var(--schu-r28-on-ink);
}
html[data-schu-core] [data-schu-footer] > .container {
display: flex;
flex-direction: column;
padding-bottom: 2.8rem;
}
html[data-schu-core] [data-schu-footer] > .container > .footer-service-section {
order: -1;
}
html[data-schu-core] [data-schu-footer] > .container > hr {
order: 5;
margin: 0;
border: 0;
border-top: 1px solid var(--schu-r28-on-ink-line);
opacity: 1;
}
html[data-schu-core] [data-schu-footer] .footer-section {
display: flex;
flex-direction: column;
padding-top: 0;
}
html[data-schu-core] [data-schu-footer] .footer-section > .schu-payment-link {
order: 1;
}
html[data-schu-core] [data-schu-footer] .footer-section > [data-schu-footer-utility] {
order: 2;
}
html[data-schu-core] [data-schu-footer] .footer-service-section {
margin: 0;
padding: clamp(3.2rem, 3.6vw, 4.8rem) 0 0;
border: 0;
border-radius: 0;
background: transparent;
}
html[data-schu-core] [data-schu-footer] .footer-service-section .row {
gap: 1.6rem;
margin: 0;
}
html[data-schu-core] [data-schu-footer] .footer-service-section .row > * {
min-width: 0;
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-footer] .service-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 1.4rem;
height: 100%;
padding: 2.2rem 2rem;
border: 0;
border-radius: var(--schu-r28-radius-sm);
background-color: var(--schu-r28-kraft);
background-image: var(--schu-r28-fibre);
background-size: 260px 260px;
box-shadow: 0 10px 22px -12px var(--schu-r28-ink-deep);
}
html[data-schu-core] [data-schu-footer] .service-wrapper .service-img {
display: grid;
flex: 0 0 auto;
place-items: center;
width: 3rem;
height: 3rem;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--schu-r28-ink);
}
html[data-schu-core] [data-schu-footer] .service-wrapper .service-img > * {
display: none;
}
html[data-schu-core] [data-schu-footer] .service-wrapper .service-img::before {
width: 2.8rem;
height: 2.8rem;
background: currentColor;
content: "";
-webkit-mask: var(--schu-r28-i-check) center / contain no-repeat;
mask: var(--schu-r28-i-check) center / contain no-repeat;
}
html[data-schu-core] [data-schu-footer] .service-wrapper .service-title {
margin: 0 0 0.4rem;
color: var(--schu-r28-ink);
font-size: 1.55rem;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.3;
text-transform: none;
}
html[data-schu-core] [data-schu-footer] .service-wrapper .service-details {
margin: 0;
color: var(--schu-r28-text);
font-size: 1.4rem;
line-height: 1.55;
}
html[data-schu-core] [data-schu-footer] .footer-section > .row {
display: grid;
grid-template-columns: minmax(24rem, 1.4fr) repeat(auto-fit, minmax(18rem, 1fr));
gap: 0 clamp(2.4rem, 3vw, 4.8rem);
margin: 0;
padding-block: clamp(4rem, 4.4vw, 6rem) clamp(3.2rem, 3.6vw, 4.8rem);
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
html[data-schu-core] [data-schu-footer] .footer-section > .row > * {
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 0 0 2.4rem;
}
html[data-schu-core] [data-schu-footer] .footer-section .logo {
margin-bottom: 1.4rem;
}
html[data-schu-core] section[data-schu-footer] .footer-section .footer-order .logo :is(.schu-wordmark, .schu-site-wordmark, .wrapper-heading) {
max-width: 100%;
color: var(--schu-r28-on-ink);
font-size: 2.6rem;
line-height: 1.1;
white-space: normal;
overflow-wrap: break-word;
}
html[data-schu-core] [data-schu-footer] .footer-order .logo a {
white-space: normal;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-order p {
max-width: 36rem;
margin: 0;
color: var(--schu-r28-on-ink);
font-family: var(--schu-r28-hand) !important;
font-size: 2.3rem;
font-weight: 500;
line-height: 1.3;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-heading {
position: relative;
margin: 0 0 2rem;
padding-bottom: 1.2rem;
color: var(--schu-r28-on-ink);
font-size: 1.6rem;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.3;
text-transform: none;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-heading::after {
position: absolute;
bottom: 0;
left: -0.1rem;
width: 6.4rem;
height: 0.7rem;
background: var(--schu-r28-kraft-deep);
content: "";
-webkit-mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
mask: var(--schu-r28-i-swash) left center / 100% 100% no-repeat;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link ul {
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link ul li {
margin-bottom: 1rem;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link a {
color: var(--schu-r28-on-ink-mute);
font-size: 1.45rem;
font-weight: 400;
line-height: 1.5;
transition: color 0.2s ease;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link a:hover {
color: var(--schu-r28-on-ink);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.3em;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link.contact-link {
display: grid;
gap: 1.4rem;
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link.contact-link > * {
margin: 0;
padding: 0;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link p {
margin: 0;
color: var(--schu-r28-on-ink);
font-size: 1.45rem;
line-height: 1.6;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link p > span:first-child {
display: block;
color: var(--schu-r28-on-ink-mute);
font-size: 1.3rem;
font-weight: 500;
text-transform: none;
}
html[data-schu-core] [data-schu-footer] .footer-section .footer-link p span span {
color: var(--schu-r28-on-ink);
}
html[data-schu-core] [data-schu-footer] .schu-payment-link {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.6rem 1.6rem;
margin-top: 0;
padding: 2rem 0 0;
border: 0;
border-top: 1px solid var(--schu-r28-on-ink-line);
border-radius: 0;
color: var(--schu-r28-on-ink);
font-size: 1.4rem;
}
html[data-schu-core] [data-schu-footer] .schu-payment-link span {
color: var(--schu-r28-on-ink);
}
html[data-schu-core] [data-schu-footer] .schu-payment-link span:first-child {
color: var(--schu-r28-on-ink-mute);
font-size: 1.35rem;
font-weight: 500;
text-transform: none;
}
html[data-schu-core] [data-schu-footer] [data-schu-footer-utility] {
margin-top: 1.4rem;
}
html[data-schu-core] [data-schu-footer] :is([data-schu-footer-utility] a, a.link-light) {
color: var(--schu-r28-on-ink-mute) !important;
font-size: 1.35rem;
font-weight: 400;
opacity: 1;
text-decoration: underline;
text-decoration-color: var(--schu-r28-on-ink-line);
text-underline-offset: 0.3em;
}
html[data-schu-core] [data-schu-footer] [data-schu-footer-utility] a:hover {
color: var(--schu-r28-on-ink) !important;
}
@media (max-width: 991px) {
html[data-schu-core] [data-schu-footer] .footer-service-section .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-schu-core] [data-schu-footer] .footer-section > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-schu-core] [data-schu-footer] .footer-section > .row > :first-child {
grid-column: 1 / -1;
}
}
@media (max-width: 575px) {
html[data-schu-core] [data-schu-footer] .footer-service-section .row {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
html[data-schu-core] body {
font-size: 1.45rem;
}
html[data-schu-core] .section-title {
margin-bottom: 2.4rem;
}
html[data-schu-core] .section-title h5 {
padding-bottom: 1.3rem;
font-size: 2.4rem;
}
html[data-schu-core] .section-title h5::after {
width: min(12rem, 100%);
height: 0.9rem;
}
html[data-schu-core] .section-title .view {
font-size: 2.1rem;
}
html[data-schu-core] [data-schu-shipping-bar] {
min-height: 3.4rem;
padding: 0.7rem var(--schu-r28-gutter) 0.9rem;
}
html[data-schu-core] [data-schu-shipping-message] {
font-size: 1.25rem;
}
html[data-schu-core] [data-schu-home-hero] {
--schu-r28-hero-pad: calc(var(--schu-r28-gutter) + 0.6rem);
padding-top: 2.4rem;
}
html[data-schu-core] [data-schu-home-hero] .hero-swiper {
box-shadow: 0 0 0 0.6rem var(--schu-r28-card), 0 1rem 2rem -1rem var(--schu-r28-hole);
}
html[data-schu-core] [data-schu-home-hero]::before,
html[data-schu-core] [data-schu-home-hero]::after {
top: 1.2rem;
width: 6.4rem;
height: 2.2rem;
}
html[data-schu-core] [data-schu-home-hero] .swiper-pagination.swiper-pagination-bullets {
padding-top: 2.4rem;
}
html[data-schu-core] .style-section > .row,
html[data-schu-core] .fashion-style .style-section > .row {
--bs-gutter-y: 2.4rem;
--bs-gutter-x: 2rem;
}
html[data-schu-core] [data-schu-style-section] .product-wrapper,
html[data-schu-core] .fashion-style .product-wrapper {
border-width: 0.5rem;
}
html[data-schu-core] section.product.brand .brand-section {
gap: 1rem;
}
html[data-schu-core] section.product.brand .brand-section > .product-wrapper[data-schu-brand-item] {
flex: 1 1 calc(50% - 0.5rem);
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] a {
min-height: 8.4rem;
padding: 1.6rem 1.2rem 1.6rem 3.4rem;
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] a::before {
left: 1.2rem;
width: 1rem;
height: 1rem;
}
html[data-schu-core] section.product.brand .brand-section .product-wrapper[data-schu-brand-item] .schu-brand-name {
font-size: 1.5rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] {
padding: 2.2rem 0.8rem 1rem !important;
}
html[data-schu-core] .product-wrapper[data-schu-product]::before {
top: 0.8rem;
width: 2.2rem;
height: 0.7rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img[data-schu-discount]::before {
top: 0.3rem;
left: 0.2rem;
min-height: 2.6rem;
padding: 0 0.9rem 0 2rem;
background-image: radial-gradient(circle at 0.9rem 50%, var(--schu-r28-card) 0, var(--schu-r28-card) 0.26rem, var(--schu-r28-kraft-edge) 0.3rem, var(--schu-r28-kraft-edge) 0.38rem, transparent 0.42rem);
font-size: 1.75rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items {
top: 0;
right: 0;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-img .product-cart-items .favourite {
width: 3.4rem;
height: 3.4rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-info {
margin-top: 0.8rem !important;
padding: 1rem 0.2rem 0 !important;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-details {
font-size: 1.35rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .price .new-price {
font-size: 1.55rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .price .price-cut {
font-size: 1.2rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-description .price {
min-height: 3.4rem;
padding-right: 3.8rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-cart-btn {
right: 0.8rem;
bottom: 1rem;
}
html[data-schu-core] .product-wrapper[data-schu-product] .product-cart-btn .product-btn {
width: 3.4rem;
height: 3.4rem;
min-height: 3.4rem !important;
}
html[data-schu-core] [data-schu-cart-line] .wrapper-img,
html[data-schu-core] [data-schu-cart-line] .wrapper-img img {
width: 8rem !important;
height: 8rem !important;
}
html[data-schu-core] [data-schu-cart-line] {
padding: 1.8rem 0 !important;
border: 0 !important;
border-bottom: 1px dotted var(--schu-r28-line-strong) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-schu-core] [data-schu-cart-line] td {
padding: 0 !important;
border-bottom: 0;
}
html[data-schu-core] [data-schu-cart-summary] {
padding: 2.8rem 2rem 2.4rem;
}
html[data-schu-core] [data-schu-mini-cart-panel] {
inset: 0 !important;
width: 100vw !important;
height: 100dvh !important;
padding: 7.6rem var(--schu-r28-gutter) 1.6rem !important;
overflow-y: auto !important;
border-radius: 0 !important;
}
html[data-schu-core] [data-schu-mini-cart-panel]::before {
right: var(--schu-r28-gutter);
left: var(--schu-r28-gutter);
}
html[data-schu-core] [data-schu-mini-cart-panel]::after {
left: var(--schu-r28-gutter);
}
html[data-schu-core] [data-schu-mini-cart-items],
html[data-schu-core] [data-schu-mini-cart-summary] {
flex: 0 0 auto;
overflow: visible;
}
html[data-schu-core] [data-schu-offer-content] {
padding: 4rem 2.6rem 2.8rem;
}
html[data-schu-core] [data-schu-offer-content] > h2 {
max-width: 90%;
font-size: 3rem;
}
html[data-schu-core] [data-schu-footer] .footer-section > .row {
grid-template-columns: minmax(0, 1fr);
}
html[data-schu-core] section.product.footer[data-schu-footer] {
border-radius: 1.2rem 1.2rem 0 0;
}
html[data-schu-core] [data-schu-blog-index] {
grid-template-columns: minmax(0, 1fr);
}
html[data-schu-core] [data-schu-content-html],
html[data-schu-core] [data-schu-launch-blog-article] {
padding: 2.8rem 2rem;
}
html[data-schu-core][data-schu-route-family="pdp"] .product-info-content > .content-paragraph {
margin: 1.4rem 0 0 !important;
color: var(--schu-r28-text);
font-size: 1.45rem;
line-height: 1.65;
}
html[data-schu-core][data-schu-route-family="pdp"] section.product.footer[data-schu-footer] > .container {
padding-bottom: 12rem;
}
}
html[data-schu-core] :is([data-schu-mini-cart-items] .wrapper-title, [data-schu-pair-offer] a, [data-schu-cart-upsell-name], [data-schu-recent-purchase] > span > span) {
display: block;
overflow: visible;
-webkit-line-clamp: unset;
overflow-wrap: break-word;
}
html[data-schu-core] :is(.product-details, [data-schu-pdp-title], [data-schu-cart-line] .heading, .schu-brand-name, .section-title h5, .footer-link a, .footer-link p, .footer-heading) {
overflow-wrap: break-word;
}
html[data-schu-core] [data-schu-cart-root] .table-row .wrapper-total {
width: auto;
}
html[data-schu-core] :is([data-schu-content-html], .schu-buying-guide__faq, .schu-pdp-product-details-section, .schu-pdp-faq-section, [data-schu-pdp-description]) details {
overflow: hidden;
}
html[data-schu-core] .blog-bradcrum :is(a, span, li) {
font-size: inherit;
line-height: inherit;
}
html[data-schu-core] [data-schu-cart-main] :is(.ticket-row, .table-row, [data-schu-cart-line]),
html[data-schu-core] [data-schu-cart-main] :is(.ticket-row, .table-row, [data-schu-cart-line]):hover {
border-color: transparent;
background: transparent !important;
}
html[data-schu-core] [data-schu-cart-main] [data-schu-cart-line] .table-wrapper .wrapper-img {
width: 10rem;
height: 10rem;
border: 1px solid var(--schu-r28-line);
border-radius: var(--schu-r28-radius-sm);
background: var(--schu-r28-card);
}