/* Figma 5130:7537. Loaded only up to 700px; desktop rules remain canonical. */
.sofas-v3 .sv-heading h2,.sofas-v3 .sv-faq .pyp-geo-faq__head h2{font-size:32px;line-height:38px;color:#000}
.sofas-v3 .sv-forest .sv-heading h2{color:#faf8f3}
.sofas-v3 .sv-heading .sv-eyebrow,.sofas-v3 .sv-faq .pyp-eyebrow{color:#c4824d;font-weight:600}
.sofas-v3 .sv-forest .sv-eyebrow{color:#d8b98c;font-weight:500}
.sofas-v3 .sv-section{padding:56px 0}
.sofas-v3 .sv-wrap{width:calc(100% - 40px)}
.sofas-v3 .sv-heading{margin-bottom:32px}
.sofas-v3 .sv-hero{height:650px;min-height:0;aspect-ratio:auto;background:#fff}
.sofas-v3 .sv-hero-media{overflow:hidden}
.sofas-v3 .sv-hero-image{width:256.76665%;height:688px;left:auto;right:-34.66527%;top:0;object-fit:fill;object-position:center}
.sofas-v3 .sv-hero:after{width:100%;height:688px;background:linear-gradient(180deg,#634527 -22.093%,rgba(102,102,102,0) 53.852%);opacity:1}
.sofas-v3 .sv-hero-copy{width:100%;max-width:none;padding:24px;text-align:center}
.sofas-v3 .sv-hero #sv-title{font-size:32px;line-height:38px;color:#fcfaf5}
.sofas-v3 .sv-hero-copy>p{margin-top:16px;font-size:14px;line-height:22px;color:rgba(255,255,255,.85);max-width:none}
.sofas-v3 .sv-actions{margin-top:24px;align-items:center;gap:12px}
.sofas-v3 .sv-actions .sv-button{height:44px;min-height:44px;width:158px;font-size:14px;line-height:18px;padding:12px 20px}
.sofas-v3 .sv-reassurance .sv-wrap{width:calc(100% - 48px)}
.sofas-v3 .sv-reassurance .sv-four{gap:24px 16px}
.sofas-v3 .sv-capability{gap:8px}
.sofas-v3 .sv-capability>div{min-width:0;flex:1}
.sofas-v3 .sv-capability strong{font-weight:600;font-size:14px;line-height:17px}
.sofas-v3 .sv-capability span{font-size:12px;line-height:18px;margin-top:2px}
.sofas-v3 .sv-nav{padding:24px 24px 0;gap:24px;scrollbar-width:none}
.sofas-v3 .sv-nav::-webkit-scrollbar{display:none}
.sofas-v3 .sv-section:has(.sv-buyer-grid)>.sv-wrap{width:calc(100% - 48px)}
.sofas-v3 .sv-buyer-grid{gap:12px;grid-template-columns:minmax(0,1fr)}
.sofas-v3 .pyp-category-collection:has(.pyp-sofas-catalog){padding:48px 24px}
.sofas-v3 .sv-collection-heading{margin-bottom:0}
.sofas-v3 .sv-collection-heading>p{color:#999;--sv-paragraph-weight:400}
.sofas-v3 .pyp-sofas-catalog{margin-top:32px}
.sofas-v3 .pyp-sofas-toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:24px}
.sofas-v3 .pyp-sofas-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sofas-v3 .pyp-sofas-reset{grid-column:1/-1;grid-row:1;width:100%;background:#222;color:#fff}
.sofas-v3 .pyp-sofas-dropdown{width:100%;min-width:0}
.sofas-v3 .pyp-sofas-dropdown summary{gap:4px}
.sofas-v3 .pyp-sofas-dropdown summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sofas-v3 .pyp-sofas-count{text-align:center;font-size:12px;font-weight:500}
.sofas-v3 .pyp-sofas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
.sofas-v3 .pyp-sofa-card__image{height:auto;aspect-ratio:165 / 115.126}
.sofas-v3 .pyp-sofa-card__body{padding:11.579px;gap:24px;justify-content:space-between}
.sofas-v3 .pyp-sofa-card__info{gap:16px}
.sofas-v3 .pyp-sofa-card__heading{gap:4px;min-height:var(--heading-height,0)}
.sofas-v3 .pyp-sofa-card .pyp-sofa-card__type{font-size:12px;line-height:14px}
.sofas-v3 .pyp-sofa-card h3{font-size:16px;line-height:20px;overflow-wrap:anywhere}
.sofas-v3 .pyp-sofa-card .pyp-sofa-card__sku{font-size:12px;line-height:16px;font-weight:400}
.sofas-v3 .pyp-sofa-card__colors{font-size:12px;line-height:16px;gap:3.86px;min-height:16px;margin-top:8px}
.sofas-v3 .pyp-sofa-card__swatch{width:16px;height:16px;flex:none}
.sofas-v3 .pyp-sofa-card__actions{grid-template-columns:1fr;gap:8px}
.sofas-v3 .pyp-sofa-card__actions>a,.sofas-v3 .pyp-sofa-card__actions>button{height:32px;font-size:12px;line-height:14px;padding:8px 12px}
.sofas-v3 .pyp-sofas-pagination{gap:8px;margin-top:24px}
.sofas-v3 .pyp-sofas-pagination>a,.sofas-v3 .pyp-sofas-pagination>span{width:32px;height:32px}
.sofas-v3 .pyp-sofas-pagination [aria-current=page]{background:#222}
.sofas-v3 .pyp-sofas-pagination .is-disabled,.sofas-v3 .pyp-sofas-pagination>a:is(:first-child,:last-child){border-color:transparent}
.sofas-v3 .sv-spec-intro{color:#999;--sv-paragraph-weight:500}
.sofas-v3 .sv-spec-table dd{font-size:14px;line-height:20px;color:#999;font-weight:500}
.sofas-v3 .sv-spec-table>div{grid-template-rows:auto auto}
.sofas-v3 .sv-spec-button{margin-bottom:12px}
.sofas-v3 .sv-spec-button{font-size:12px;line-height:14px;height:40px;min-height:40px;padding:12px 24px}
.sofas-v3 .sv-route ol{display:grid;gap:8px;font-weight:500}
.sofas-v3 .sv-gallery{gap:48px}
.sofas-v3 .sv-gallery-note{margin-top:24px}
.sofas-v3 .sv-faq .pyp-geo-faq__links{flex-direction:column;gap:8px}
.sofas-v3 .sv-faq .pyp-geo-faq__head .pyp-eyebrow{font-weight:600}
.sofas-v3 #category-enquiry h2{font-size:30px;line-height:38px}
.sofas-v3 .sv-form-fields>.sv-button{height:46px;min-height:46px;padding:12px 24px}
@layer pyp-site-typography{html body #pyp-main-content .sofas-v3 .pyp-sofa-card .pyp-sofa-card__sku{font-weight:400!important}}
/* Defeat the legacy global mobile hero clamp in the existing typography layer. */
@layer pyp-site-typography{html body #pyp-main-content .sofas-v3 #sv-title{font-size:32px!important;line-height:38px!important}}

.sofas-v3 .sv-hero-last-line{display:block}
.sofas-v3 .sv-announcement{font-weight:400}


.sofas-v3 .pyp-sofa-card__actions>a,.sofas-v3 .pyp-sofa-card__actions>button{min-height:32px}
.sofas-v3 .pyp-sofas-pagination{gap:6px;flex-wrap:nowrap}
@media(max-width:374px){.sofas-v3 .pyp-sofas-pagination{gap:4px}.sofas-v3 .pyp-sofas-pagination>a,.sofas-v3 .pyp-sofas-pagination>span{width:28px}}

.sofas-v3 .pyp-sofas-pagination>a,.sofas-v3 .pyp-sofas-pagination>span{flex:0 1 32px;min-width:24px;max-width:32px}
@media(max-width:374px){.sofas-v3 .pyp-sofas-pagination{gap:2px}.sofas-v3 .pyp-sofas-pagination>a,.sofas-v3 .pyp-sofas-pagination>span{min-width:20px}}
/* The mobile Figma paragraph uses its missing-font Arial fallback (5130:8073). */
.sofas-v3 .sv-faq .pyp-geo-faq__head>p:not(.pyp-eyebrow){font-family:Arial,sans-serif}

@layer pyp-site-typography{html body #pyp-main-content .sofas-v3 .sv-faq .pyp-geo-faq__head>p:not(.pyp-eyebrow){font-family:Arial,sans-serif!important}html body #pyp-main-content .sofas-v3 .sv-announcement{font-weight:400!important}}

@layer pyp-site-typography{html body #pyp-main-content .sofas-v3 #sv-title{letter-spacing:0!important}html body #pyp-main-content .sofas-v3 .sv-faq summary>span,html body #pyp-main-content .sofas-v3 .sv-inquiry :is(input,select,textarea){font-family:Arial,sans-serif!important}}
.sofas-v3 .sv-faq .pyp-geo-faq__head>p:not(.pyp-eyebrow){min-height:80px}
.sofas-v3 .sv-response-note{margin-top:26px}

.sofas-v3 .sv-announcement-desktop{display:none}.sofas-v3 .sv-announcement-mobile{display:inline}

/* Mobile inquiry text and locale-independent date hint. */
@layer pyp-site-typography{html body #pyp-main-content .sofas-v3 .sv-inquiry :is(input:not([type=hidden]):not([type=file]),select,textarea){font-size:14px!important}}
.sofas-v3 .sv-date-row{display:grid;gap:8px}.sofas-v3 .sv-date-control{position:relative;min-width:0}.sofas-v3 .sv-date-control>input:not(.sv-native-date){padding-right:48px}
.sofas-v3 .sv-date-control>.sv-native-date{position:absolute;right:0;top:0;width:44px;height:60px;opacity:0;pointer-events:none}
.sofas-v3 .sv-date-picker{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:44px;min-width:0;height:60px;padding:0;border:0;background:transparent;color:#222;cursor:pointer}.sofas-v3 .sv-date-picker svg{display:block}

.sofas-v3 .sv-date-row>label{font:500 14px/20px "BR Segma Figma Web",Arial,sans-serif;letter-spacing:0;text-transform:none}