body.rw-site .rw-info-page {
overflow: clip;
}
body.rw-site .rw-info-shell {
padding-bottom: clamp(72px, 8vw, 124px);
padding-top: clamp(28px, 3vw, 48px);
}
body.rw-site .rw-info-breadcrumbs {
align-items: center;
color: var(--rw-color-muted);
display: flex;
flex-wrap: wrap;
font-size: 0.72rem;
gap: 8px;
letter-spacing: 0.025em;
margin-bottom: clamp(42px, 5vw, 74px);
}
body.rw-site .rw-info-breadcrumbs a {
color: inherit;
text-decoration: none;
}
body.rw-site .rw-info-eyebrow {
color: var(--rw-color-muted);
display: block;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.105em;
margin-bottom: 13px;
text-transform: uppercase;
}
body.rw-site .rw-info-hero {
align-items: end;
border-bottom: 1px solid var(--rw-color-border);
display: grid;
gap: clamp(36px, 6vw, 96px);
grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
padding-bottom: clamp(52px, 6vw, 88px);
}
body.rw-site .rw-info-hero__copy {
max-width: 900px;
}
body.rw-site .rw-info-hero h1 {
font-size: clamp(2.8rem, 5.7vw, 6rem);
letter-spacing: -0.055em;
line-height: 0.98;
margin-bottom: clamp(24px, 3vw, 36px);
max-width: 11ch;
}
body.rw-site .rw-info-lead {
color: var(--rw-color-muted);
font-size: clamp(1rem, 0.9rem + 0.35vw, 1.2rem);
line-height: 1.65;
margin: 0;
max-width: 760px;
}
body.rw-site .rw-about-hero__statement,
body.rw-site .rw-service-contact-card {
background: var(--rw-color-surface-soft);
border: 1px solid var(--rw-color-border);
padding: clamp(24px, 3vw, 38px);
}
body.rw-site .rw-about-hero__statement > span,
body.rw-site .rw-service-contact-card > span {
color: var(--rw-color-muted);
display: block;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.08em;
margin-bottom: 16px;
text-transform: uppercase;
}
body.rw-site .rw-about-hero__statement p {
font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.85rem);
letter-spacing: -0.035em;
line-height: 1.28;
margin: 0;
}
body.rw-site .rw-service-contact-card strong {
display: block;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 12px;
}
body.rw-site .rw-service-contact-card a {
font-size: 0.86rem;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
body.rw-site .rw-about-story {
display: grid;
gap: clamp(40px, 7vw, 120px);
grid-template-columns: minmax(160px, 0.35fr) minmax(0, 1fr);
padding-block: clamp(72px, 9vw, 132px);
}
body.rw-site .rw-about-story__label {
align-content: start;
color: var(--rw-color-muted);
display: grid;
font-size: 0.74rem;
gap: 8px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.rw-site .rw-about-story__label span {
color: var(--rw-color-text);
font-family: var(--rw-font-mono);
font-size: 0.72rem;
}
body.rw-site .rw-about-story__copy {
max-width: 860px;
}
body.rw-site .rw-about-story__copy h2 {
font-size: clamp(2rem, 3.6vw, 4rem);
margin-bottom: 32px;
}
body.rw-site .rw-about-story__copy p {
color: var(--rw-color-muted);
font-size: clamp(1rem, 0.94rem + 0.3vw, 1.14rem);
line-height: 1.75;
}
body.rw-site .rw-info-section-heading {
margin-bottom: clamp(34px, 5vw, 58px);
max-width: 760px;
}
body.rw-site .rw-info-section-heading h2 {
font-size: clamp(2rem, 3.4vw, 3.65rem);
margin: 0;
}
body.rw-site .rw-about-values {
background: var(--rw-color-surface-soft);
margin-inline: calc(var(--rw-gutter) * -1);
padding: clamp(64px, 8vw, 112px) var(--rw-gutter);
}
body.rw-site .rw-about-values__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.rw-site .rw-about-value {
border-left: 1px solid var(--rw-color-border-strong);
min-height: 290px;
padding: 18px clamp(24px, 3vw, 42px) 36px;
}
body.rw-site .rw-about-value:nth-child(3n + 1) {
padding-left: clamp(24px, 3vw, 42px);
}
body.rw-site .rw-about-value__number {
color: var(--rw-color-subtle);
display: inline-flex;
align-items: center;
font-family: var(--rw-font-mono);
font-size: 0.68rem;
letter-spacing: 0.08em;
line-height: 1;
margin-bottom: 34px;
padding-right: 6px;
}
body.rw-site .rw-about-value h3 {
font-size: clamp(1.15rem, 1rem + 0.6vw, 1.55rem);
margin-bottom: 17px;
}
body.rw-site .rw-about-value p {
color: var(--rw-color-muted);
font-size: 0.88rem;
line-height: 1.7;
margin: 0;
}
body.rw-site .rw-about-origin {
display: grid;
gap: 1px;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
margin-block: clamp(72px, 9vw, 132px);
}
body.rw-site .rw-about-origin__primary,
body.rw-site .rw-about-origin__secondary {
background: var(--rw-color-surface-soft);
padding: clamp(34px, 5vw, 68px);
}
body.rw-site .rw-about-origin__primary h2 {
font-size: clamp(2rem, 3.5vw, 3.7rem);
margin-bottom: 28px;
}
body.rw-site .rw-about-origin p {
color: var(--rw-color-muted);
line-height: 1.75;
margin-bottom: 0;
}
body.rw-site .rw-about-materials {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 30px;
}
body.rw-site .rw-about-materials span,
body.rw-site .rw-size-chips span {
border: 1px solid var(--rw-color-border-strong);
display: inline-flex;
font-size: 0.72rem;
justify-content: center;
min-height: 38px;
padding: 9px 13px;
}
body.rw-site .rw-info-cta {
align-items: end;
border-top: 1px solid var(--rw-color-border);
display: grid;
gap: 36px;
grid-template-columns: minmax(0, 1fr) auto;
padding-top: clamp(52px, 6vw, 84px);
}
body.rw-site .rw-info-cta h2 {
font-size: clamp(2rem, 3.2vw, 3.5rem);
margin-bottom: 16px;
}
body.rw-site .rw-info-cta p {
color: var(--rw-color-muted);
margin: 0;
max-width: 680px;
}
body.rw-site .rw-info-cta__actions {
align-items: stretch;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-end;
}
body.rw-site .rw-info-social-link {
align-items: center;
display: inline-flex;
font-size: 0.76rem;
gap: 8px;
padding: 14px 8px;
text-decoration: none;
} body.rw-site .rw-service-page {
overflow: visible;
}
body.rw-site .rw-info-shell--service-hero {
padding-bottom: 0;
}
body.rw-site .rw-service-nav-shell {
background: #fff;
border-bottom: 1px solid var(--rw-color-border);
border-top: 1px solid var(--rw-color-border);
box-shadow: 0 10px 26px rgb(17 17 15 / 4%);
position: sticky;
top: var(--rw-header-height);
width: 100%;
z-index: 950;
}
body.rw-site.admin-bar .rw-service-nav-shell {
top: calc(32px + var(--rw-header-height));
}
@media (max-width: 782px) {
body.rw-site.admin-bar .rw-service-nav-shell {
top: calc(46px + var(--rw-header-height));
}
}
body.rw-site .rw-service-nav {
align-items: center;
display: flex;
gap: clamp(18px, 3vw, 38px);
min-height: 50px;
overflow-x: auto;
padding-block: 0;
scrollbar-width: none;
}
body.rw-site .rw-service-nav::-webkit-scrollbar {
display: none;
}
body.rw-site .rw-service-content {
padding-bottom: clamp(72px, 8vw, 124px);
}
body.rw-site .rw-about-hero,
body.rw-site .rw-about-values,
body.rw-site .rw-about-origin {
scroll-margin-top: calc(var(--rw-header-height) + 22px);
}
body.rw-site .rw-service-section {
scroll-margin-top: calc(var(--rw-header-height) + 74px);
}
body.rw-site.admin-bar .rw-service-section {
scroll-margin-top: calc(32px + var(--rw-header-height) + 74px);
}
@media (max-width: 782px) {
body.rw-site.admin-bar .rw-service-section {
scroll-margin-top: calc(46px + var(--rw-header-height) + 74px);
}
}
body.rw-site .rw-service-nav a {
align-items: center;
color: var(--rw-color-muted);
display: inline-flex;
flex: 0 0 auto;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.045em;
min-height: 50px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
body.rw-site .rw-service-nav a::after {
background: currentColor;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: right;
transition: transform var(--rw-transition);
width: 100%;
}
body.rw-site .rw-service-nav a:hover,
body.rw-site .rw-service-nav a:focus-visible {
color: var(--rw-color-text);
}
body.rw-site .rw-service-nav a:hover::after,
body.rw-site .rw-service-nav a:focus-visible::after {
transform: scaleX(1);
transform-origin: left;
}
body.rw-site .rw-service-nav__index,
body.rw-site .rw-service-nav__label--short {
display: none;
}
body.rw-site .rw-service-section {
border-bottom: 1px solid var(--rw-color-border);
border-left: 0 !important;
border-right: 0 !important;
outline: 0 !important;
padding-block: clamp(68px, 8vw, 118px);
} body.rw-site .rw-service-section:target,
body.rw-site .rw-service-section:focus,
body.rw-site .rw-service-section:focus-visible {
border-left: 0 !important;
border-right: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
body.rw-site .rw-service-section__intro {
display: grid;
gap: 14px;
grid-template-columns: minmax(0, 760px);
margin-bottom: clamp(38px, 5vw, 62px);
}
body.rw-site .rw-service-index {
color: var(--rw-color-subtle);
display: block;
font-family: var(--rw-font-mono);
font-size: 0.7rem;
letter-spacing: 0.08em;
line-height: 1;
padding-top: 0;
}
body.rw-site .rw-service-section__intro h2 {
font-size: clamp(2rem, 3.5vw, 3.7rem);
margin-bottom: 18px;
}
body.rw-site .rw-service-section__intro p {
color: var(--rw-color-muted);
font-size: 1rem;
line-height: 1.7;
margin: 0;
}
body.rw-site .rw-shipping-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rw-site .rw-shipping-card {
background: var(--rw-color-surface-soft);
border: 1px solid var(--rw-color-border);
padding: clamp(24px, 3.5vw, 44px);
}
body.rw-site .rw-shipping-card__head {
align-items: baseline;
border-bottom: 1px solid var(--rw-color-border);
display: flex;
gap: 16px;
justify-content: space-between;
margin-bottom: 12px;
padding-bottom: 22px;
}
body.rw-site .rw-shipping-card__head h3 {
font-size: 1.3rem;
margin: 0;
}
body.rw-site .rw-shipping-card__head span {
color: var(--rw-color-muted);
font-size: 0.74rem;
}
body.rw-site .rw-shipping-rates {
margin: 0;
}
body.rw-site .rw-shipping-rates > div {
align-items: start;
border-bottom: 1px solid var(--rw-color-border);
display: grid;
gap: 18px;
grid-template-columns: minmax(0, 1fr) auto;
padding-block: 18px;
}
body.rw-site .rw-shipping-rates dt,
body.rw-site .rw-shipping-rates dd {
margin: 0;
}
body.rw-site .rw-shipping-rates dt {
font-size: 0.86rem;
font-weight: 500;
}
body.rw-site .rw-shipping-rates dt small {
color: var(--rw-color-muted);
display: block;
font-size: 0.7rem;
font-weight: 400;
margin-top: 3px;
}
body.rw-site .rw-shipping-rates dd {
font-size: 0.9rem;
font-weight: 600;
white-space: nowrap;
}
body.rw-site .rw-service-note,
body.rw-site .rw-service-footnote {
color: var(--rw-color-muted);
font-size: 0.74rem;
line-height: 1.6;
}
body.rw-site .rw-service-note {
margin: 22px 0 0;
}
body.rw-site .rw-service-inline-note {
align-items: center;
border: 1px solid var(--rw-color-border);
display: grid;
gap: 8px 28px;
grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
margin-top: 18px;
padding: 22px 26px;
}
body.rw-site .rw-service-inline-note strong {
font-weight: 600;
}
body.rw-site .rw-service-inline-note span {
color: var(--rw-color-muted);
font-size: 0.82rem;
}
body.rw-site .rw-payment-method-grid {
display: grid;
gap: 1px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.rw-site .rw-payment-method {
background: var(--rw-color-surface-soft);
min-height: 230px;
padding: 28px;
}
body.rw-site .rw-payment-method__mark {
align-items: center;
display: inline-flex;
font-family: var(--rw-font-mono);
font-size: 0.65rem;
height: 38px;
justify-content: flex-start;
letter-spacing: 0.05em;
margin-bottom: 40px;
min-width: 58px;
}
body.rw-site .rw-payment-method__mark--logo,
body.rw-site .rw-payment-method__mark--wallets {
border: 0;
gap: 10px;
padding: 0;
} body.rw-site .rw-payment-method__mark--logo {
height: 38px;
width: 58px;
}
body.rw-site .rw-payment-method__mark--logo img {
display: block;
height: 38px;
max-height: 38px;
max-width: 58px;
object-fit: contain;
object-position: left center;
width: 58px;
}
body.rw-site .rw-payment-method__mark--wallets {
height: 38px;
width: auto;
}
body.rw-site .rw-payment-method__mark--wallets img {
display: block;
flex: 0 0 58px;
height: 38px;
max-height: 38px;
max-width: 58px;
object-fit: contain;
object-position: left center;
width: 58px;
}
body.rw-site .rw-payment-method__mark--iban {
border: 1px solid var(--rw-color-border-strong);
height: 38px;
justify-content: center;
min-width: 58px;
padding-inline: 10px;
width: 58px;
}
body.rw-site .rw-payment-method h3 {
font-size: 1.05rem;
margin-bottom: 12px;
}
body.rw-site .rw-payment-method p {
color: var(--rw-color-muted);
font-size: 0.8rem;
line-height: 1.6;
margin: 0;
}
body.rw-site .rw-service-footnote {
margin: 22px 0 0;
}
body.rw-site .rw-return-steps {
counter-reset: none;
display: grid;
gap: 1px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.rw-site .rw-return-steps article {
background: var(--rw-color-surface-soft);
min-height: 240px;
padding: 30px;
}
body.rw-site .rw-return-steps article > span {
color: var(--rw-color-subtle);
display: block;
font-family: var(--rw-font-mono);
font-size: 0.68rem;
margin-bottom: 42px;
}
body.rw-site .rw-return-steps h3 {
font-size: 1.05rem;
margin-bottom: 12px;
}
body.rw-site .rw-return-steps p {
color: var(--rw-color-muted);
font-size: 0.8rem;
line-height: 1.62;
margin: 0;
}
body.rw-site .rw-return-address {
align-items: end;
border: 1px solid var(--rw-color-border);
display: grid;
gap: 24px;
grid-template-columns: 1fr auto;
margin-top: 18px;
padding: clamp(26px, 4vw, 42px);
}
body.rw-site .rw-return-address .rw-info-eyebrow {
grid-column: 1 / -1;
margin-bottom: -12px;
}
body.rw-site .rw-return-address address {
font-style: normal;
line-height: 1.7;
}
body.rw-site .rw-size-panel {
background: var(--rw-color-surface-soft);
display: grid;
gap: clamp(36px, 6vw, 88px);
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
padding: clamp(28px, 5vw, 58px);
}
body.rw-site .rw-size-panel h3 {
font-size: 1.05rem;
margin-bottom: 22px;
}
body.rw-site .rw-size-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.rw-site .rw-size-advice {
border-left: 1px solid var(--rw-color-border-strong);
padding-left: clamp(28px, 4vw, 54px);
}
body.rw-site .rw-size-advice p {
color: var(--rw-color-muted);
font-size: 0.84rem;
line-height: 1.68;
}
body.rw-site .rw-service-faq__list {
border-top: 1px solid var(--rw-color-border);
}
body.rw-site .rw-service-faq-item {
border-bottom: 1px solid var(--rw-color-border);
}
body.rw-site .rw-service-faq-item summary {
align-items: center;
cursor: pointer;
display: flex;
font-size: clamp(0.95rem, 0.88rem + 0.25vw, 1.08rem);
font-weight: 500;
gap: 20px;
justify-content: space-between;
list-style: none;
padding: 24px 0;
}
body.rw-site .rw-service-faq-item summary::-webkit-details-marker {
display: none;
}
body.rw-site .rw-service-faq-item__plus {
flex: 0 0 18px;
height: 18px;
position: relative;
width: 18px;
}
body.rw-site .rw-service-faq-item__plus::before,
body.rw-site .rw-service-faq-item__plus::after {
background: var(--rw-color-text);
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: transform var(--rw-transition), opacity var(--rw-transition);
}
body.rw-site .rw-service-faq-item__plus::before {
height: 1px;
width: 14px;
}
body.rw-site .rw-service-faq-item__plus::after {
height: 14px;
width: 1px;
}
body.rw-site .rw-service-faq-item[open] .rw-service-faq-item__plus::after {
opacity: 0;
transform: translate(-50%, -50%) rotate(90deg);
}
body.rw-site .rw-service-faq-item__answer {
color: var(--rw-color-muted);
font-size: 0.86rem;
line-height: 1.7;
max-width: 830px;
padding: 0 54px 24px 0;
}
body.rw-site .rw-service-faq-item__answer p {
margin: 0;
}
@media (max-width: 1024px) {
body.rw-site .rw-info-hero,
body.rw-site .rw-about-origin,
body.rw-site .rw-info-cta,
body.rw-site .rw-size-panel {
grid-template-columns: 1fr;
}
body.rw-site .rw-about-values__grid,
body.rw-site .rw-payment-method-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rw-site .rw-about-value:nth-child(3n + 1) {
padding-left: clamp(24px, 3vw, 42px);
}
body.rw-site .rw-about-value:nth-child(odd) {
padding-left: clamp(24px, 3vw, 42px);
}
body.rw-site .rw-info-cta__actions {
justify-content: flex-start;
}
body.rw-site .rw-size-advice {
border-left: 0;
border-top: 1px solid var(--rw-color-border-strong);
padding-left: 0;
padding-top: 32px;
}
body.rw-site .rw-return-steps {
grid-template-columns: 1fr;
}
body.rw-site .rw-return-steps article {
min-height: 0;
}
}
@media (max-width: 767px) {
body.rw-site .rw-info-shell {
padding-top: 20px;
}
body.rw-site .rw-info-breadcrumbs {
margin-bottom: 34px;
}
body.rw-site .rw-info-hero {
gap: 28px;
padding-bottom: 46px;
}
body.rw-site .rw-info-hero h1 {
font-size: clamp(2.35rem, 12vw, 4rem);
max-width: 12ch;
}
body.rw-site .rw-about-story {
gap: 30px;
grid-template-columns: 1fr;
padding-block: 64px;
}
body.rw-site .rw-about-values {
margin-inline: calc(var(--rw-gutter) * -1);
padding-inline: var(--rw-gutter);
}
body.rw-site .rw-about-values__grid,
body.rw-site .rw-shipping-grid,
body.rw-site .rw-payment-method-grid {
grid-template-columns: 1fr;
}
body.rw-site .rw-about-value,
body.rw-site .rw-about-value:nth-child(3n + 1),
body.rw-site .rw-about-value:nth-child(odd) {
border-left: 0;
border-top: 1px solid var(--rw-color-border-strong);
min-height: 0;
padding: 30px 0 38px;
}
body.rw-site .rw-about-value:first-child {
border-top: 0;
}
body.rw-site .rw-about-value__number {
margin-bottom: 24px;
}
body.rw-site .rw-about-origin {
margin-block: 64px;
}
body.rw-site .rw-about-origin__primary,
body.rw-site .rw-about-origin__secondary {
padding: 30px 24px;
}
body.rw-site .rw-info-cta {
padding-top: 52px;
}
body.rw-site .rw-info-cta__actions,
body.rw-site .rw-info-cta__actions .rw-button {
width: 100%;
}
body.rw-site .rw-info-social-link {
justify-content: center;
width: 100%;
}
body.rw-site .rw-service-nav {
display: grid;
gap: 0;
grid-template-columns: repeat(5, minmax(0, 1fr));
min-height: 58px;
overflow: visible;
padding-inline: 0;
}
body.rw-site .rw-service-nav a {
align-items: center;
border-left: 1px solid var(--rw-color-border);
flex-direction: column;
gap: 4px;
justify-content: center;
min-height: 58px;
min-width: 0;
padding: 7px 3px 6px;
text-align: center;
}
body.rw-site .rw-service-nav a:first-child {
border-left: 0;
}
body.rw-site .rw-service-nav a::after {
bottom: -1px;
left: 10px;
width: calc(100% - 20px);
}
body.rw-site .rw-service-nav__index {
color: var(--rw-color-subtle);
display: block;
font-family: var(--rw-font-mono);
font-size: 0.48rem;
font-weight: 400;
letter-spacing: 0.08em;
line-height: 1;
}
body.rw-site .rw-service-nav__label--full {
display: none;
}
body.rw-site .rw-service-nav__label--short {
display: block;
font-size: 0.58rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 1.1;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.rw-site .rw-service-section {
padding-block: 62px;
}
body.rw-site .rw-service-section__intro {
gap: 14px;
grid-template-columns: 1fr;
margin-bottom: 34px;
}
body.rw-site .rw-service-index {
padding-top: 0;
}
body.rw-site .rw-shipping-card,
body.rw-site .rw-payment-method,
body.rw-site .rw-return-steps article {
padding: 24px 20px;
}
body.rw-site .rw-service-inline-note,
body.rw-site .rw-return-address {
grid-template-columns: 1fr;
}
body.rw-site .rw-return-address .rw-info-eyebrow {
grid-column: auto;
}
body.rw-site .rw-return-address .rw-button {
width: 100%;
}
body.rw-site .rw-size-panel {
gap: 30px;
padding: 26px 20px;
}
body.rw-site .rw-service-faq-item summary {
padding-block: 20px;
}
body.rw-site .rw-service-faq-item__answer {
padding-right: 26px;
}
}
@media (max-width: 380px) {
body.rw-site .rw-service-nav__label--short {
font-size: 0.53rem;
letter-spacing: 0;
}
body.rw-site .rw-service-nav a {
padding-inline: 2px;
}
}
@media (max-width: 479px) {
body.rw-site .rw-about-hero__statement,
body.rw-site .rw-service-contact-card {
padding: 22px 18px;
}
body.rw-site .rw-shipping-card__head {
align-items: flex-start;
flex-direction: column;
gap: 5px;
}
body.rw-site .rw-shipping-rates > div {
gap: 10px;
}
}
@media (prefers-reduced-motion: reduce) {
body.rw-site .rw-service-faq-item__plus::before,
body.rw-site .rw-service-faq-item__plus::after {
transition: none;
}
} body.rw-site .rw-size-guide-layout {
align-items: start;
display: grid;
gap: clamp(34px, 5vw, 72px);
grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
}
body.rw-site .rw-size-guide-card {
margin: 0;
min-width: 0;
}
body.rw-site .rw-size-guide-card > a {
background: #fff;
border: 1px solid var(--rw-color-border);
display: block;
overflow: hidden;
}
body.rw-site .rw-size-guide-card img {
display: block;
height: auto;
width: 100%;
}
body.rw-site .rw-size-guide-card figcaption {
color: var(--rw-color-muted);
font-size: 11px;
padding-top: 10px;
}
body.rw-site .rw-size-guide-copy {
background: var(--rw-color-surface-soft);
padding: clamp(28px, 4vw, 48px);
}
body.rw-site .rw-size-guide-copy > h3 {
font-size: clamp(1.45rem, 2.1vw, 2.15rem);
line-height: 1.2;
margin: 0 0 28px;
}
body.rw-site .rw-size-guide-steps {
border-top: 1px solid var(--rw-color-border-strong);
list-style: none;
margin: 0 0 28px;
padding: 0;
}
body.rw-site .rw-size-guide-steps li {
border-bottom: 1px solid var(--rw-color-border-strong);
display: grid;
gap: 16px;
grid-template-columns: 34px minmax(0, 1fr);
padding: 15px 0;
}
body.rw-site .rw-size-guide-steps li > span {
color: var(--rw-color-heading);
font-size: 10px;
font-weight: 650;
letter-spacing: 0.08em;
}
body.rw-site .rw-size-guide-steps p {
color: var(--rw-color-muted);
font-size: 13px;
line-height: 1.65;
margin: 0;
}
body.rw-site .rw-size-advice--guide {
border-left: 0;
border-top: 1px solid var(--rw-color-border-strong);
margin-top: 28px;
padding-left: 0;
padding-top: 24px;
}
body.rw-site .rw-size-advice--guide h3 {
font-size: 14px;
margin-bottom: 8px;
}
@media (max-width: 1024px) {
body.rw-site .rw-size-guide-layout {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
body.rw-site .rw-size-guide-copy {
padding: 26px 20px;
}
}