/* Mobile purchase controls and accessory prices; desktop layout stays unchanged. */
@media(max-width:700px){
 .detail-layout .detail-info .detail-actions{display:grid;grid-template-columns:clamp(46px,14vw,62px) minmax(0,1fr) max-content;align-items:end;gap:6px;flex-wrap:nowrap;margin-bottom:0}
 .detail-layout .detail-info .detail-actions>label{display:grid;gap:5px;width:auto;min-width:0;margin:0;font-size:10px;line-height:1.25;overflow-wrap:normal}
 .detail-layout .detail-info .detail-actions #detail-qty{box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;padding:6px;font-size:16px}
 .detail-layout .detail-info .detail-actions>.btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;min-height:44px;height:44px;margin:0;padding:8px 6px;font-size:clamp(10px,2.8vw,12px);line-height:1.15;white-space:nowrap}
 .detail-layout .detail-info .detail-actions>.btn .icon{flex:0 0 16px;width:16px;height:16px}
 .detail-layout .detail-info .detail-actions+hr{margin:10px 0 8px}
 .detail-layout .detail-info .detail-actions+hr+h3{margin:0 0 8px}
 .detail-layout .detail-info .detail-actions+hr+h3+.features:empty{display:none}
 .accessory-picker .accessory-section-rows>.accessory-row{display:grid;grid-template-columns:44px minmax(0,1fr) 56px;grid-template-rows:auto auto;align-items:center;gap:8px;padding:9px;min-width:0;max-width:100%;box-sizing:border-box}
 .accessory-picker .accessory-section-rows>.accessory-row>img{grid-column:1;grid-row:1/span 2;align-self:center;width:44px;height:58px;min-width:0;object-fit:contain}
 .accessory-picker .accessory-section-rows>.accessory-row>.accessory-copy{display:contents}
 .accessory-picker .accessory-row .accessory-info{grid-column:2/-1;grid-row:1;min-width:0}
 .accessory-picker .accessory-row .accessory-info h3{font-size:12px;line-height:1.35;margin:0 0 3px;word-break:normal;overflow-wrap:break-word}
 .accessory-picker .accessory-row .accessory-info>small{font-size:10px;line-height:1.4;word-break:normal;overflow-wrap:break-word}
 .accessory-picker .accessory-row .accessory-copy .accessory-prices{grid-column:2;grid-row:2;align-self:end;justify-self:start;min-width:0;margin:0 0 6px;text-align:left;font-size:11px;line-height:1.4;overflow-wrap:normal;word-break:normal}
 .accessory-picker .accessory-row .accessory-price-pair{display:grid;gap:2px;margin:0}
 .accessory-picker .accessory-row .accessory-price-pair>span{display:block;white-space:nowrap;word-break:normal;overflow-wrap:normal}
 .accessory-picker .accessory-row .accessory-price-unit{display:none}
 .accessory-picker .accessory-row>.accessory-quantity{grid-column:3;grid-row:2;align-self:end;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0;margin:0;text-align:center;font-size:10px;line-height:1.2}
 .accessory-picker .accessory-row>.accessory-quantity input{box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;padding:5px 3px;font-size:16px;text-align:center}
}
@media(max-width:359px){
 .accessory-picker .accessory-section-rows>.accessory-row{grid-template-columns:36px minmax(0,1fr) 50px;gap:6px;padding:7px}
 .accessory-picker .accessory-section-rows>.accessory-row>img{width:36px;height:48px}
}

/* Keep category words intact; release the optional count in narrow headers first. */
@media(max-width:700px){
 .catalog-page .catalog-group-heading{container-type:inline-size}
 .catalog-page .catalog-group-heading h2{min-width:min-content;word-break:normal;overflow-wrap:normal;hyphens:none}
 @container(max-width:260px){.catalog-group-heading>small{display:none}}
 @container(max-width:150px){.catalog-group-heading h2{font-size:14px}}
}