/* Reserve image space so quantities stay still while artwork loads. */
.product-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0}
.product-art{display:block;width:88px;height:100px;object-fit:contain;flex:none;pointer-events:none}
.public-catalog.guest-simple .product-art{width:76px;height:86px}
.public-catalog.guest-simple .product-pick{gap:8px}
@media(max-width:380px){.product-art{width:76px;height:88px}}

/* Keep text, price and details alongside the illustration and quantity controls. */
.product.brand-product,.product.other-product{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;padding:12px;align-items:start}
.product.brand-product.is-recommended{padding-top:35px}
.product.other-product.is-new-product{padding-top:28px}
.product .product-copy{grid-column:1;grid-row:1;align-self:end;min-width:0}
.product .product-copy .product-name{overflow-wrap:anywhere}
.product .product-pick{grid-column:2;grid-row:1 / 4;align-self:stretch;justify-content:flex-end;gap:6px}
.product.brand-product .product-price,.product.other-product .product-price{grid-column:1;grid-row:2;align-self:center;font-size:15px;line-height:1.3;margin:0}
.product .product-details-button{grid-column:1;grid-row:3;align-self:end;margin:0;min-height:32px}
.product .product-art{width:76px;height:84px}
.product .quantity{gap:6px}
.product .quantity button{width:44px;height:44px}
.product .quantity output{min-width:18px}
@media(max-width:380px){.product.brand-product,.product.other-product{column-gap:8px;padding-left:10px;padding-right:10px}.product .product-art{width:68px;height:76px}.product .product-copy small{font-size:12px}}
