/* Product pages: side-by-side desktop layout, stacked phone layout. */
.detail-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr)}
.detail-gallery,.detail-info{min-width:0;max-width:100%}
.detail-gallery{width:100%}
.detail-image{width:100%;aspect-ratio:3/4}
.detail-image img{display:block;max-width:100%;object-fit:contain}
.detail-info h1{overflow-wrap:break-word}
.detail-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:390px}
.detail-sizes .size{width:100%;min-width:0;min-height:44px}
.detail-links{max-width:100%;flex-wrap:wrap}
.detail-links a{overflow-wrap:anywhere}
@media(min-width:768px) and (max-width:1024px){
 .detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .detail-info h1{font-size:clamp(25px,3.3vw,34px)}
}
@media(max-width:767px){
 .detail-layout{display:flex;flex-direction:column;gap:22px;align-items:stretch}
 .detail-head{padding:18px 0}
 .detail-image{aspect-ratio:3/4;border-radius:14px}
 .detail-info{width:100%;padding:0}
 .detail-info h1{font-size:clamp(25px,5.5vw,34px);line-height:1.15}
 .detail-subtitle{font-size:14px;line-height:1.5}
 .detail-sku{margin:9px 0 20px}
 .detail-size-label{font-size:14px;margin-bottom:10px}
 .detail-sizes{gap:7px;max-width:none;margin-bottom:18px}
 .detail-sizes .size{height:46px;font-size:14px}
 .detail-add{min-height:56px;font-size:14px}
 .detail-links{margin-top:17px}
 .size-guide{max-width:100%}
}

/* A compact guide under the desktop order button; the phone keeps its bottom slide. */
.size-guide-inline{display:none}
@media(min-width:768px){
 .detail-info{padding-top:0}
 .detail-info h1{margin-bottom:8px}
 .detail-sku{margin-bottom:14px}
 .detail-size-label{margin-bottom:8px}
 .detail-sizes{margin-bottom:10px}
 .size-guide-inline{display:block;max-width:520px;margin:4px auto 0}
 .size-guide-inline .size-guide-slide{border-radius:14px}
 .size-guide-bottom{display:none}
}