/* Responsive corrections shared by public pages. */
.quantity input{font-size:16px}
.variant span{min-height:44px}
#cartItemsList .cart-item-image{object-fit:contain}
#cartItemsList .cart-item{height:auto;min-height:170px;align-items:flex-start}
#cartItemsList .cart-item-content{min-width:0}
#cartItemsList .cart-item-title{overflow-wrap:anywhere}
#cartItemsList .cart-item-remove{align-self:flex-start;min-height:44px;height:44px;width:44px}
@media(max-width:1100px){
 .cart-layout{grid-template-columns:minmax(0,1fr)}
 #cartItemsList{max-height:none;padding-right:0;margin-right:0;overflow:visible}
}
@media(max-width:768px){
 #mainNav{height:100vh;height:100dvh;max-width:100vw;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none}
 #mainNav.active{visibility:visible;pointer-events:auto}
 body:has(#mainNav.active) header{z-index:1100}
 body:has(#mainNav.active) #cartWidget{visibility:hidden;pointer-events:none}
 #cartItemsList{max-height:none;padding-right:0;margin-right:0;overflow:visible}
 #cartItemsList .cart-item{height:auto;min-height:0;align-items:flex-start}
 #cartItemsList .cart-item-content{min-width:0}
 #cartItemsList .cart-item-image{width:100%;max-width:180px;height:120px}
 .order-form-block input,.order-form-block select,.order-form-block textarea{font-size:16px}
}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.tile-photo{aspect-ratio:4/3}.tile h2{font-size:19px}.tile-description{font-size:14px}.tile-bottom{flex-direction:row;align-items:center}.tile-bottom .button{width:auto}}
@media(max-width:380px){.cart-items-block,.order-form-block{padding:20px}}
@media(max-height:450px) and (max-width:900px){#mainNav{padding-top:58px}.hero-photo{height:280px;aspect-ratio:auto}}