@media (max-width: 1280px) {
:root {
--rw-container: 1180px;
--rw-gutter: clamp(20px, 3vw, 36px);
}
body.rw-site .woocommerce ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.rw-site.single-product .rw-product-hero {
gap: 46px;
grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
}
}
@media (max-width: 1024px) {
:root {
--rw-header-height: 68px;
--rw-section-space: clamp(56px, 7vw, 84px);
}
.rw-grid--4,
.rw-grid--5,
.rw-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rw-lookbook-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rw-benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rw-benefit:nth-child(3) {
border-left: 0;
border-top: 1px solid var(--rw-color-border);
}
.rw-benefit:nth-child(4) {
border-top: 1px solid var(--rw-color-border);
}
body.rw-site .woocommerce ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.rw-site.single-product .rw-product-hero,
body.rw-site.woocommerce-account .woocommerce,
body.rw-site .woocommerce-checkout form.checkout,
body.rw-site .woocommerce-checkout .col2-set,
.rw-shop-layout {
grid-template-columns: 1fr;
}
body.rw-site.single-product .rw-product-hero .summary,
body.rw-site.woocommerce-account .woocommerce-MyAccount-navigation,
.rw-shop-sidebar {
position: static;
}
body.rw-site .woocommerce-checkout form.checkout > #customer_details,
body.rw-site .woocommerce-checkout form.checkout > #order_review_heading,
body.rw-site .woocommerce-checkout form.checkout > #order_review,
body.rw-site .woocommerce-checkout .col2-set {
grid-column: 1;
grid-row: auto;
}
body.rw-site .woocommerce-checkout form.checkout > #order_review_heading {
margin: 0 0 -36px;
}
.rw-hero__content {
width: min(590px, 62%);
}
.rw-collection-banner,
.rw-newsletter {
grid-template-columns: 1fr 1fr;
}
.rw-account-actions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
:root {
--rw-announcement-height: 28px;
--rw-gutter: 20px;
--rw-header-height: 62px;
--rw-control-height: 46px;
--rw-control-height-lg: 50px;
--rw-section-space: 64px;
}
body.rw-site {
font-size: 14px;
}
body.rw-site :where(h1) { font-size: clamp(2.2rem, 8.8vw, 3.15rem); }
body.rw-site :where(h2) { font-size: clamp(1.65rem, 6.4vw, 2.2rem); }
.rw-grid--2,
.rw-grid--3,
.rw-grid--4,
.rw-grid--5,
.rw-category-grid,
.rw-collection-banner,
.rw-newsletter {
grid-template-columns: 1fr;
}
.rw-section-heading,
.rw-split,
.rw-empty-state {
align-items: flex-start;
flex-direction: column;
}
.rw-collection-banner__media {
min-height: 360px;
order: -1;
}
.rw-newsletter__form,
.rw-search-form {
grid-template-columns: 1fr;
}
.rw-newsletter__form input {
border-right: 1px solid var(--rw-color-border) !important;
}
body.rw-site .woocommerce ul.products {
gap: 28px 12px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rw-site .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 12px;
}
body.rw-site .woocommerce ul.products li.product .price {
font-size: 11px;
}
body.rw-site.single-product div.product {
gap: 30px;
}
body.rw-site.single-product div.product .product_title {
font-size: clamp(1.9rem, 8vw, 2.65rem);
} body.rw-site.single-product .woocommerce-tabs {
align-items: stretch;
border: 1px solid var(--rw-color-border);
display: grid;
grid-template-columns: clamp(104px, 30vw, 124px) minmax(0, 1fr);
overflow: hidden;
}
body.rw-site.single-product .woocommerce-tabs ul.tabs {
align-self: stretch;
background: var(--rw-color-surface-soft);
border: 0;
border-right: 1px solid var(--rw-color-border);
display: flex;
flex-direction: column;
gap: 0;
grid-column: 1;
grid-row: 1;
margin: 0;
min-width: 0;
overflow: visible;
padding: 0;
}
body.rw-site.single-product .woocommerce-tabs ul.tabs li,
body.rw-site.single-product .woocommerce-tabs ul.tabs li.active {
border: 0 !important;
border-bottom: 1px solid var(--rw-color-border) !important;
flex: 0 0 auto;
margin: 0;
min-width: 0;
width: 100%;
}
body.rw-site.single-product .woocommerce-tabs ul.tabs li:last-child {
border-bottom: 0 !important;
}
body.rw-site.single-product .woocommerce-tabs ul.tabs li.active {
background: var(--rw-color-surface);
}
body.rw-site.single-product .woocommerce-tabs ul.tabs li a {
align-items: center;
display: flex;
font-size: 8px;
justify-content: flex-start;
letter-spacing: 0.045em;
line-height: 1.4;
min-height: 58px;
overflow-wrap: anywhere;
padding: 12px 11px;
text-align: left;
white-space: normal;
width: 100%;
}
body.rw-site.single-product .woocommerce-tabs ul.tabs li a:focus-visible::after,
body.rw-site.single-product .woocommerce-tabs ul.tabs li.active a::after {
bottom: 10px;
height: auto;
left: auto;
right: -1px;
top: 10px;
width: 2px;
}
body.rw-site.single-product .woocommerce-tabs .panel {
border: 0;
grid-column: 2;
grid-row: 1;
margin: 0;
min-height: 100%;
min-width: 0;
overflow-wrap: anywhere;
padding: 22px 16px 24px;
}
body.rw-site.single-product .woocommerce-tabs .panel :where(img, iframe, table) {
max-width: 100%;
}
body.rw-site.single-product .woocommerce-tabs :where(#reviews, #comments, #review_form_wrapper) {
min-width: 0;
}
body.rw-site .woocommerce table.shop_table,
body.rw-site .woocommerce table.shop_table tbody,
body.rw-site .woocommerce table.shop_table tr,
body.rw-site .woocommerce table.shop_table td {
display: block;
width: 100%;
}
body.rw-site .woocommerce table.shop_table thead {
display: none;
}
body.rw-site .woocommerce table.shop_table tr {
border-bottom: 1px solid var(--rw-color-border);
padding-block: 18px;
}
body.rw-site .woocommerce table.shop_table td {
border: 0;
padding: 7px 0;
text-align: right;
}
body.rw-site .woocommerce table.shop_table td::before {
float: left;
font-size: 10px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
body.rw-site .woocommerce form .form-row-first,
body.rw-site .woocommerce form .form-row-last {
float: none;
width: 100%;
}
body.rw-site.woocommerce-account .woocommerce-Addresses,
.rw-account-actions {
grid-template-columns: 1fr;
}
.rw-lookbook-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 479px) {
:root {
--rw-gutter: 20px;
}
.rw-benefits {
grid-template-columns: 1fr;
}
.rw-benefit + .rw-benefit {
border-left: 0;
border-top: 1px solid var(--rw-color-border);
}
.rw-benefit {
min-height: 116px;
}
body.rw-site .woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rw-site button,
body.rw-site .button,
body.rw-site .wp-element-button,
body.rw-site .woocommerce a.button,
body.rw-site .woocommerce button.button {
min-height: 48px;
padding-inline: 18px;
}
.rw-search-panel {
padding: 16px;
top: calc(var(--rw-announcement-height) + var(--rw-header-height) + 8px);
width: calc(100% - 20px);
}
} @media (max-width: 1180px) {
.rw-header-main__inner {
gap: 18px;
grid-template-columns: 150px minmax(0, 1fr) 150px;
}
.rw-primary-menu {
gap: 16px;
}
.rw-footer-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rw-footer-brand {
max-width: none;
}
}
@media (max-width: 1024px) {
.rw-header-main__inner {
grid-template-columns: 44px 1fr auto;
}
.rw-header-menu-button {
display: inline-flex !important;
justify-self: start;
}
.rw-branding {
justify-content: center;
}
.rw-primary-nav {
display: none;
}
.rw-header-actions .rw-header-icon--wishlist {
display: none;
}
.rw-product-carousel__track {
grid-auto-columns: calc((100% - (2 * clamp(12px, 1.5vw, 24px))) / 3);
}
.rw-hero__content {
width: min(570px, 60%);
}
.rw-benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rw-benefit:nth-child(3) {
border-left: 0;
border-top: 1px solid var(--rw-color-border);
}
.rw-benefit:nth-child(4) {
border-top: 1px solid var(--rw-color-border);
}
.rw-footer-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.rw-announcement__inner {
justify-content: flex-start;
overflow: hidden;
padding-right: 72px;
white-space: nowrap;
}
.rw-announcement__meta {
right: var(--rw-gutter);
}
.rw-header-actions {
gap: 0;
}
.rw-header-actions .rw-header-icon:nth-child(2) {
display: none;
}
.rw-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rw-section-heading {
align-items: flex-start;
flex-direction: column;
}
.rw-home-products__heading {
align-items: flex-start;
}
.rw-home-products__actions {
justify-content: space-between;
width: 100%;
}
.rw-product-carousel {
margin-right: calc(var(--rw-gutter) * -1);
overflow: visible;
}
.rw-product-carousel__track {
grid-auto-columns: minmax(150px, 72vw);
padding-right: var(--rw-gutter);
}
.rw-collection-banner {
grid-template-columns: 1fr;
}
.rw-collection-banner__media {
min-height: 360px;
order: -1;
}
.rw-collection-banner__content {
min-height: 360px;
padding: 38px 26px 44px;
}
.rw-benefits {
grid-template-columns: 1fr;
}
.rw-benefit,
.rw-benefit:nth-child(3),
.rw-benefit:nth-child(4) {
border-left: 0;
}
.rw-benefit + .rw-benefit,
.rw-benefit:nth-child(3),
.rw-benefit:nth-child(4) {
border-top: 1px solid var(--rw-color-border);
}
.rw-home-about__grid {
grid-template-columns: 1fr;
}
.rw-home-about__media {
min-height: 420px;
}
.rw-lookbook-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rw-newsletter {
grid-template-columns: 1fr;
}
.rw-newsletter__form {
grid-template-columns: 1fr;
}
.rw-newsletter__form input {
border-right: 1px solid var(--rw-color-border) !important;
}
.rw-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rw-footer-brand,
.rw-footer-payments {
grid-column: 1 / -1;
}
.rw-footer-bottom__inner {
align-items: flex-start;
flex-direction: column;
gap: 4px;
justify-content: center;
padding-block: 14px;
}
.rw-search-panel__dialog {
padding: 24px;
top: 52px;
}
.rw-search-panel__form {
grid-template-columns: 1fr;
}
.rw-search-panel__form input {
border-right: 1px solid var(--rw-color-border) !important;
}
}
@media (max-width: 479px) {
.rw-header-main__inner {
gap: 4px;
}
.rw-category-grid {
gap: 24px 10px;
}
.rw-category-card__body {
padding-top: 11px;
}
.rw-carousel-controls {
display: none;
}
.rw-product-carousel__track {
grid-auto-columns: 72vw;
}
.rw-footer-grid {
grid-template-columns: 1fr;
}
.rw-footer-brand,
.rw-footer-payments {
grid-column: auto;
}
} @media (max-width: 1280px) {
body.rw-site .rw-hero__content {
width: min(580px, 50%);
}
body.rw-site .rw-collection-banner__content {
width: min(540px, 52%);
}
}
@media (max-width: 1024px) {
body.rw-site .rw-hero {
min-height: 680px;
}
body.rw-site .rw-hero__content {
width: min(520px, 56%);
}
body.rw-site .rw-hero__title {
font-size: clamp(2.8rem, 6vw, 3.9rem);
max-width: 13.8ch;
}
body.rw-site .rw-category-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.rw-site .rw-product-carousel__track {
grid-auto-columns: calc((100% - (2 * clamp(12px, 1.35vw, 22px))) / 3);
}
body.rw-site .rw-collection-banner__content {
width: 56%;
}
body.rw-site .rw-benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rw-site .rw-benefit:nth-child(3) {
border-left: 0;
border-top: 1px solid var(--rw-color-border);
}
body.rw-site .rw-benefit:nth-child(4) {
border-top: 1px solid var(--rw-color-border);
}
}
@media (max-width: 767px) {
:root {
--rw-announcement-height: 30px;
--rw-gutter: 18px;
--rw-header-height: 62px;
--rw-section-space: 58px;
}
body.rw-site {
font-size: 14px;
}
body.rw-site .rw-category-grid {
gap: 22px 10px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rw-site .rw-product-carousel {
margin-right: calc(var(--rw-gutter) * -1);
overflow: visible;
}
body.rw-site .rw-product-carousel__track {
grid-auto-columns: minmax(160px, 70vw);
padding-right: var(--rw-gutter);
}
body.rw-site .rw-collection-banner {
min-height: 560px;
}
body.rw-site .rw-collection-banner__media::after {
background: linear-gradient(0deg, rgb(244 240 235 / 96%) 0%, rgb(244 240 235 / 78%) 37%, rgb(244 240 235 / 8%) 72%);
}
body.rw-site .rw-collection-banner__image {
object-position: 67% center;
}
body.rw-site .rw-collection-banner__content {
justify-content: flex-end;
min-height: inherit;
padding: 34px 26px 42px;
width: 100%;
}
body.rw-site .rw-collection-banner__content h2 {
font-size: clamp(1.9rem, 8vw, 2.55rem);
max-width: 13ch;
}
body.rw-site .rw-benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rw-site .rw-benefit,
body.rw-site .rw-benefit:nth-child(3),
body.rw-site .rw-benefit:nth-child(4) {
min-height: 122px;
}
body.rw-site .rw-benefit:nth-child(2n + 1) {
border-left: 0;
}
body.rw-site .rw-lookbook-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.rw-site .rw-newsletter {
gap: 26px;
grid-template-columns: 1fr;
padding: 34px 24px;
}
body.rw-site .rw-newsletter__form {
grid-template-columns: 1fr;
}
body.rw-site .rw-newsletter__form input[type="email"] {
border-right: 1px solid var(--rw-color-border) !important;
}
body.rw-site .rw-newsletter__form button {
margin-top: 8px;
width: 100%;
}
}
@media (max-width: 479px) {
:root {
--rw-gutter: 16px;
}
body.rw-site .rw-benefits {
grid-template-columns: 1fr;
}
body.rw-site .rw-benefit,
body.rw-site .rw-benefit:nth-child(3),
body.rw-site .rw-benefit:nth-child(4) {
border-left: 0;
}
body.rw-site .rw-benefit + .rw-benefit,
body.rw-site .rw-benefit:nth-child(3),
body.rw-site .rw-benefit:nth-child(4) {
border-top: 1px solid var(--rw-color-border);
}
body.rw-site .rw-lookbook-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (min-width: 1025px) and (max-width: 1180px) {
.rw-header-main__inner {
gap: 16px;
grid-template-columns: 230px minmax(0, 1fr) 150px;
}
.rw-primary-menu {
gap: 14px;
}
.rw-primary-menu > li > a {
font-size: 12px;
}
} @media (max-width: 767px) {
body.rw-site .rw-hero {
display: grid;
min-height: max(680px, calc(100svh - var(--rw-announcement-height) - var(--rw-header-height)));
}
body.rw-site .rw-hero__media,
body.rw-site .rw-hero__media picture,
body.rw-site .rw-hero__image {
height: 100%;
inset: 0;
position: absolute;
width: 100%;
}
body.rw-site .rw-hero__media picture {
display: block;
}
body.rw-site .rw-hero__image {
max-width: none;
object-fit: cover;
object-position: var(--rw-hero-mobile-object-position, 58% center);
}
body.rw-site .rw-hero__media::after {
background:
linear-gradient(
180deg,
rgb(248 246 243 / 0%) 0%,
rgb(248 246 243 / 3%) 34%,
rgb(248 246 243 / 30%) 57%,
rgb(248 246 243 / 72%) 78%,
rgb(248 246 243 / 90%) 100%
),
rgb(15 15 14 / var(--rw-hero-overlay, 0.08));
}
body.rw-site .rw-hero__layout {
min-height: inherit;
width: 100%;
}
body.rw-site .rw-hero__content,
body.rw-site .rw-hero--align-center .rw-hero__content {
align-items: flex-start;
justify-content: flex-end;
margin: 0;
min-height: inherit;
padding-block: clamp(270px, 41svh, 350px) 32px;
text-align: left;
width: 100%;
}
body.rw-site .rw-hero__kicker {
font-size: 9px;
line-height: 1.35;
margin-bottom: 10px;
}
body.rw-site .rw-hero__title {
font-size: clamp(2.15rem, 9.5vw, 2.9rem);
line-height: 1.02;
margin-bottom: 14px;
max-width: 100%;
}
body.rw-site .rw-hero__text {
color: color-mix(in srgb, var(--rw-color-text) 72%, transparent);
font-size: clamp(0.82rem, 3.3vw, 0.92rem);
line-height: 1.5;
max-width: 38ch;
}
body.rw-site .rw-hero__buttons {
display: grid;
gap: 8px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 20px;
width: 100%;
}
body.rw-site .rw-hero__buttons .wp-element-button {
align-items: center;
display: inline-flex;
justify-content: center;
min-width: 0;
padding-inline: 12px;
text-align: center;
white-space: normal;
}
}
@media (max-width: 390px) {
body.rw-site .rw-hero {
min-height: 660px;
}
body.rw-site .rw-hero__content,
body.rw-site .rw-hero--align-center .rw-hero__content {
padding-bottom: 24px;
}
body.rw-site .rw-hero__title {
font-size: clamp(2rem, 9.8vw, 2.35rem);
}
} @media (max-width: 767px) {
body.rw-site.woocommerce-page:not(.single-product) .content-container {
box-sizing: border-box;
padding-inline: var(--rw-gutter);
width: 100%;
}
} @media (max-width: 1024px) {
.rw-catalog-header {
padding-block: 24px 20px;
}
.rw-catalog-categories {
gap: 20px;
}
}
@media (max-width: 767px) {
body.rw-site.rw-catalog-archive .content-area {
margin-bottom: 78px;
}
.rw-catalog-header {
padding-block: 28px 18px;
}
.rw-catalog-categories {
gap: 18px;
margin-right: calc(var(--rw-gutter) * -1);
margin-top: 0;
padding-right: var(--rw-gutter);
}
.rw-catalog-toolbar {
align-items: flex-end;
margin-bottom: 24px;
padding-block: 16px;
}
.rw-catalog-ordering {
display: block;
}
.rw-catalog-ordering__label {
display: block;
margin-bottom: 6px;
}
body.rw-site.rw-catalog-archive .rw-catalog-ordering .woocommerce-ordering select {
height: 42px;
min-width: 180px;
}
body.rw-site.rw-catalog-archive ul.products {
gap: 34px 12px;
}
body.rw-site.rw-catalog-archive ul.products li.product .woocommerce-loop-product__title {
font-size: 12px;
min-height: calc(1.42em * 2);
}
body.rw-site.rw-catalog-archive ul.products li.product .price {
font-size: 11px;
}
.rw-catalog-colors {
gap: 5px;
margin-top: 9px;
}
.rw-catalog-color {
flex-basis: 18px;
height: 18px;
width: 18px;
}
.rw-catalog-description {
margin-top: 62px;
padding-top: 34px;
}
}
@media (max-width: 479px) {
.rw-catalog-count {
font-size: 11px;
}
.rw-catalog-ordering__label {
display: none;
}
body.rw-site.rw-catalog-archive .rw-catalog-ordering .woocommerce-ordering select {
font-size: 11px;
min-width: 164px;
padding-left: 12px;
}
body.rw-site.rw-catalog-archive ul.products li.product .rw-wishlist-toggle--card {
height: 34px;
right: 8px;
top: 8px;
width: 34px;
}
body.rw-site.rw-catalog-archive span.onsale,
.rw-catalog-badge {
font-size: 8px;
height: 25px;
left: 8px;
padding-inline: 7px;
top: 8px;
}
body.rw-site.rw-catalog-archive li.product.outofstock span.onsale {
top: 39px;
}
} @media (max-width: 767px) {
body.rw-site.rw-catalog-archive ul.products,
body.rw-site.rw-catalog-archive ul.products.products,
body.rw-site.rw-catalog-archive ul.products[class*="grid-"] {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 12px !important;
row-gap: 34px !important;
}
body.rw-site.rw-catalog-archive ul.products > li.product,
body.rw-site.rw-catalog-archive ul.products.products > li.product {
box-sizing: border-box !important;
clear: none !important;
float: none !important;
margin: 0 !important;
min-width: 0 !important;
width: auto !important;
}
body.rw-site.rw-catalog-archive ul.products > li.product:nth-child(2n + 1),
body.rw-site.rw-catalog-archive ul.products > li.product:nth-child(2n) {
clear: none !important;
float: none !important;
}
body.rw-site.rw-catalog-archive ul.products li.product > a.woocommerce-LoopProduct-link,
body.rw-site.rw-catalog-archive ul.products li.product > a.woocommerce-loop-product__link,
body.rw-site.rw-catalog-archive ul.products li.product img {
max-width: 100% !important;
width: 100% !important;
}
}
@media (max-width: 479px) {
body.rw-site.rw-catalog-archive ul.products,
body.rw-site.rw-catalog-archive ul.products.products,
body.rw-site.rw-catalog-archive ul.products[class*="grid-"] {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 10px !important;
row-gap: 30px !important;
}
}