/* Shared reading hierarchy across shopping, gifting and personal profiles. */
#query::placeholder{color:#655c63;opacity:1}
.order-row>div strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.order-detail .order-mini strong{font-size:15px;line-height:1.5}
.studio-hero .button,.pp-save-bar>.button,.pp-person-actions .button,.pp-person-actions .cp-btn,.pp-section-heading>.text-button,.pp-section-heading>.button,.pp-section-heading>.cp-btn{font-size:14px}
.pp-wish-grid .product-brand{font-size:12px;line-height:1.5}
.pp-wish-option,.pp-wish-card .wish-personal-note{overflow-wrap:anywhere}
.pp-form .field:has(+.form-error:not(:empty)){margin-bottom:8px}
.pp-form .form-error:not(:empty){font-size:14px;line-height:1.5;margin:0 0 20px;scroll-margin-top:110px}
.checkout-form .note-preview-card #note-preview-text,.claim-page>blockquote,.order-summary blockquote{font-family:var(--font);font-size:18px;font-weight:400;font-style:normal;line-height:1.65;color:#65505a;white-space:pre-wrap;overflow-wrap:anywhere}
body[data-page=product] .related .section-head h2{font-size:28px;line-height:1.3}
@media(max-width:760px){
 .header-action,.header-action>span:not(.bag-count),.mobile-account-search>span{font-size:12px;line-height:1.5}
 .page-tabs.search-tabs>a{font-size:14px}
 .pp-tabs .pp-tab-count{font-size:12px;min-width:20px;line-height:20px;border-radius:10px;flex-shrink:0}
 .pp-tabs>a{white-space:normal;line-height:1.4;min-width:0}
 .brand-store-image{padding-bottom:52px}
 .order-row>div strong{font-size:15px}
 body[data-page=product] .related .section-head h2{font-size:24px}
}


/* Marketplace product typography: one treatment across discovery surfaces.
   The explicit class keeps personal account cards and portals unchanged. */
#main .market-product.product-card{display:flex;flex-direction:column;min-width:0}
#main .product-grid:has(>.market-product){row-gap:20px}
#main .market-product.product-card>.product-image{margin-bottom:6px}
#main .market-product.product-card>.product-brand{
 font:600 .875rem/1.4 var(--font);letter-spacing:0;text-transform:none;
 color:var(--ink);min-height:24px;margin:0 0 2px;display:flex;align-items:center;
 overflow-wrap:anywhere;
}
#main .market-product.product-card>.product-name{
 font:400 .875rem/1.45 var(--font);color:#595158;letter-spacing:0;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 overflow:hidden;overflow-wrap:anywhere;min-height:24px;margin:0 0 6px;
}
#main .market-product.product-card>.product-meta{
 font:400 .8125rem/1.5 var(--font);color:#655c63;min-height:0;margin:0 0 8px;
}
#main .market-product.product-card>.product-price{
 font:600 .9375rem/1.5 var(--font);display:flex;align-items:baseline;
 justify-content:flex-start;gap:2px 7px;flex-wrap:wrap;
 margin-top:auto;padding-top:0;min-height:3em;align-content:flex-start;font-variant-numeric:tabular-nums;
}
#main .market-product .product-price>strong{font-weight:600;white-space:normal}
#main .market-product .product-price>del{font-size:.75rem;font-weight:400;color:#655c63}
#main .market-product .card-discount{font-size:.75rem;font-weight:500;color:#8f2944}
#main .market-product .product-price>span{flex-basis:100%;font-size:.75rem;font-weight:400;line-height:1.5;color:#655c63;overflow-wrap:anywhere}
#main .market-product .product-price>span:empty{display:none}
#main .market-product .product-name:focus-visible{-webkit-line-clamp:unset}
body[data-page=product] .product-heading h1{font-family:var(--font);font-size:2rem;font-weight:600;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
body[data-page=product] .product-heading .large-brand{font:600 .875rem/1.5 var(--font);text-transform:none;letter-spacing:0;color:#595158}
body[data-page=product] .product-feature-summary{font-size:.9375rem;line-height:1.55;font-weight:400;letter-spacing:0;color:#595158;margin:8px 0 12px}
body[data-page=product] .product-heading .detail-price{line-height:1.5}
body[data-page=product] .product-heading .detail-price>del{font-size:.875rem;color:#655c63}
body[data-page=product] .product-heading .detail-price>.sale-saving{color:#8f2944}
body[data-page=checkout] .checkout-title h1{font:600 var(--tofa-page-title-size)/1.4 var(--font);letter-spacing:-.01em}
@media(max-width:760px){
 body[data-page=product] .product-heading h1{font-size:1.375rem;line-height:1.35}
 body[data-page=product] .product-feature-summary{font-size:.875rem;line-height:1.5}
}

/* Allow larger text to reflow instead of escaping narrow navigation rows. */
body:is([data-page=home],[data-page=shop],[data-page=search],[data-page=categories],[data-page=brands],[data-page=brand],[data-page=product],[data-page=saved],[data-page=people],[data-page=profile],[data-page=creator],[data-page=finder],[data-page=edits],[data-page=bag],[data-page=checkout]){
 .search-tabs{flex-wrap:wrap}
 .shop-discovery{flex-wrap:wrap}
 .shop-discovery-link{white-space:normal;overflow-wrap:anywhere}
 .browse-department strong{min-width:0;overflow-wrap:anywhere}
 #mobile-navigation>a>span{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}
 .section-head,.market-section-head{flex-wrap:wrap}
 .section-head>* ,.market-section-head>*{min-width:0;max-width:100%}
}
@media(max-width:760px){
 body:is([data-page=product],[data-page=profile],[data-page=creator],[data-page=bag]) #site-header .main-header{flex-wrap:wrap;gap:12px}
 body:is([data-page=product],[data-page=profile],[data-page=creator],[data-page=bag]) #site-header .header-actions{min-width:0;gap:16px}
}
body:is([data-page=home],[data-page=shop],[data-page=search],[data-page=categories],[data-page=brands],[data-page=brand],[data-page=product],[data-page=saved],[data-page=people],[data-page=profile],[data-page=creator],[data-page=finder],[data-page=edits],[data-page=bag],[data-page=checkout]){
 .recipient-bar .shell>span{min-width:0;overflow-wrap:anywhere}
 .recipient-bar .shell>.text-button{white-space:normal;min-width:0}
 .recipient-bar .clear-recipient{flex:none}
 .checkout-layout{min-width:0}
 .checkout-layout>*{min-width:0}
 .checkout-block .text-button{white-space:normal;overflow-wrap:anywhere}
 .bag-recipient{min-width:0}
 .bag-recipient .text-button{max-width:100%;white-space:normal}
}
@media(max-width:760px){body:is([data-page=bag],[data-page=checkout]) .checkout-layout{grid-template-columns:minmax(0,1fr)}}

body[data-page=home] .brand-signoff>div{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page=home] .brand-signoff .brand-wordmark{min-width:0;white-space:normal;overflow-wrap:anywhere}
