main div.product{background-color:var(--main-bg-color);border-radius:1em;display:grid;grid-template-areas:"photo title" "photo description" "photo price" "photo form";grid-template-columns:1fr 1fr}div.product h2{margin-block-end:.5em;margin-block-start:.5em}div.product form,div.product>div{margin-left:1em;margin-right:1em}div.product div.photo{grid-area:photo}div.product div.title{font-size:1em;grid-area:title}div.product a.product_update{display:none;float:right;font-size:2em}div.product:hover a.product_update{display:initial}a.product_update:hover{color:var(--blue)}div.product .description{grid-area:description}div.description h3{display:none;font-size:.9em}div.product .description a{text-decoration:underline}div.product .price{align-items:flex-end;color:var(--blue);display:flex;font-weight:700;grid-area:price;justify-content:flex-end}.addToBasket{grid-area:form}div.photo{aspect-ratio:1/1;overflow:hidden}div.photo>div{align-content:center;aspect-ratio:1/1;overflow:hidden}div.photo>div,div.photo>div>picture{align-items:center;display:flex;height:100%;justify-content:center;width:100%}div.photo>div>picture{opacity:0;transition:all 3s}div.photo>div>picture>img{max-height:100%;max-width:100%}div.photo>div.current>picture{opacity:1}div.product button{border-radius:1em;height:3em;width:4em}div.product button i{font-size:1.3em}div.addToBasket{display:grid;grid-template-areas:"qty btn";grid-template-areas:"size size" "qty btn";grid-template-columns:2fr 1fr;margin-top:.7em}div.addToBasket div{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:.2em}div.addToBasket .size{grid-area:size}div.addToBasket .qty{grid-area:qty}div.addToBasket .submit{grid-area:btn}div.addToBasket input{font-size:1.2em;margin-left:1em;margin-right:1em;width:3.5em}div.addToBasket label{width:4.5em}div.outOfStock{font-size:.8em;margin-top:1em}@media screen and (max-width:600px){main div.product{grid-template-areas:"title" "photo" "price" "form" "description";grid-template-columns:auto}div.product .description,div.product .price{margin-top:1em}div.description h3{display:initial}}div.size-input{display:flex;flex-wrap:wrap;justify-content:space-around}div.size-input input{display:none}div.size-input label{border:1px solid var(--blue);display:block;margin:.2em;padding:.7em;text-align:center;width:2em}div.size-input label:has(input:checked),div.size-input label:hover{background-color:var(--blue);color:var(--inv-color)}