/* Portrait shopping is composed vertically, independently of desktop comparison. */
@media(max-width:900px){
 .salon-variants{grid-template-columns:1fr;gap:12px}
 .salon-variants button{grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center;padding:14px}
 .salon-variants picture{width:76px;max-width:none;margin:0}
 .salon-variants strong{font-size:28px}
 .salon-variants small{font-size:12px;line-height:1.5;margin:7px 0}
 .salon-variants b{font-size:14px}
}
@media(max-width:700px){
 .product-grid{grid-template-columns:minmax(0,1fr);gap:42px}
 .product-visual{aspect-ratio:1;padding:0}
 .product-title h3{font-size:34px;line-height:1.08}
 .product-card .product-name-detail,.product-card .recipe-title-detail{font-size:14px;line-height:1.55}
 .product-card .recipe-distinction{padding:14px 16px}
 .product-card .recipe-distinction strong{font-size:21px}
 .product-card .recipe-distinction small{font-size:13px;line-height:1.6}
 .product-card .card-meta{font-size:10px;gap:10px}
 .product-card .card-meta strong{font-size:27px}
 .product-card>p{display:block;font-size:15px;line-height:1.6}
 .product-card .card-bottom .text-link{font-size:14px;min-height:44px}
}
@media(max-width:380px){
 .salon-variants button{grid-template-columns:62px minmax(0,1fr);padding:12px;gap:12px}
 .salon-variants picture{width:62px}
 .salon-variants strong{font-size:26px}
 .salon-variants small{font-size:12px}
}