﻿#head{padding:80px 0;margin-bottom:80px;background:rgba(var(--color-white-rgb), 0.15)}#head .container h1{font-family:var(--alt-font-family);font-weight:600;font-size:clamp(42px,5.5vw,64px);line-height:1;text-align:center;text-transform:uppercase}@media all and (max-width: 768px){#head{padding:40px 0;margin-bottom:40px}}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:20px}.form-group label:not(:has(img)){display:none}.form-group:has(img){display:flex;flex-direction:row;gap:0;align-items:center}.form-group:has(img) label img{display:block;max-width:100%;height:auto;border-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0}.form-group:has(img) .form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-group:has(.btn){text-align:center}.form-group:has(.radio) label{display:flex}.form-group .form-control{flex:1;width:100%;padding:0 10px;min-height:50px;font-weight:500;font-size:clamp(18px,2.5vw,20px);border-radius:10px;min-width:0;display:block;color:var(--primary-color);background:var(--color-background-input);border:2px solid transparent}.form-group .form-control::placeholder{color:inherit;text-transform:uppercase;opacity:1}.form-group .form-control:hover{border-color:var(--color-border-input-hover)}.form-group .form-control:hover::placeholder{opacity:.5}.form-group .form-control:focus{background:var(--color-background-input-focus);border-color:var(--color-border-input-focus);color:var(--color-input-focus)}.form-group .form-control:focus::placeholder{opacity:.25}.form-group textarea.form-control{padding:10px;height:auto;min-height:128px;resize:none}.form-group .radio input{display:none}.form-group .radio input+label{display:initial;display:flex;gap:10px;cursor:pointer}.form-group .radio input+label:before{font-family:"EdGlyph";content:"Ú"}.form-group .radio input:checked+label{color:var(--secondary-color)}.form-group .radio input:checked+label:before{font-family:"EdGlyph";content:"Ü"}.form-group .input-group{display:flex;gap:20px}@media all and (max-width: 500px){.form-group:has(img){display:block}.form-group:has(img) label img{border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.form-group:has(img) .form-control{border-radius:10px;border-top-left-radius:0}}#content{padding-bottom:80px}#content .container form{display:flex;flex-direction:column;gap:20px;max-width:1460px;margin:0 auto}#content .container .grid{display:grid;align-items:flex-start;justify-content:center;gap:80px;grid-template-columns:minmax(auto, 620px) minmax(auto, 760px)}#content .container .grid>div{position:sticky;top:138px}#content .container .grid>div h2{font-weight:700;text-align:center;color:var(--secondary-color);font-size:inherit;text-transform:uppercase}#content .container .grid>div:has(>.form-group){display:grid;grid-template-columns:minmax(64px, 1fr) minmax(132px, 1fr) repeat(10, 1fr);gap:15px;container-type:inline-size;container-name:form}#content .container .grid>div:has(>.form-group) h2,#content .container .grid>div:has(>.form-group) .form-group{grid-column:span 12}#content .container .grid>div:has(>.form-group) h2:nth-child(8),#content .container .grid>div:has(>.form-group) .form-group:nth-child(8){grid-column:1/2}#content .container .grid>div:has(>.form-group) h2:nth-child(9),#content .container .grid>div:has(>.form-group) .form-group:nth-child(9){grid-column:2/13}#content .container .grid>div:has(>.form-group) h2:nth-child(10),#content .container .grid>div:has(>.form-group) .form-group:nth-child(10){grid-column:1/3}#content .container .grid>div:has(>.form-group) h2:nth-child(11),#content .container .grid>div:has(>.form-group) .form-group:nth-child(11){grid-column:3/13}#content .container .grid>div #block-adresse-livraison{display:grid;grid-template-columns:minmax(64px, 1fr) minmax(132px, 1fr) repeat(10, 1fr);gap:15px;container-type:inline-size;container-name:form}#content .container .grid>div #block-adresse-livraison .form-group{grid-column:span 12}#content .container .grid>div #block-adresse-livraison .form-group:nth-child(1){grid-column:1/2}#content .container .grid>div #block-adresse-livraison .form-group:nth-child(2){grid-column:2/13}#content .container .grid>div #block-adresse-livraison .form-group:nth-child(3){grid-column:1/3}#content .container .grid>div #block-adresse-livraison .form-group:nth-child(4){grid-column:3/13}#content .container .cart{display:flex;flex-direction:column;gap:20px;border-radius:10px;padding:20px;background:rgba(var(--color-white-rgb), 0.2);container-type:inline-size;container-name:products}#content .container .cart .product{display:flex;align-items:flex-start;gap:20px;border-radius:10px;padding:10px;background:rgba(var(--color-white-rgb), 0.2);font-size:16px}#content .container .cart .product figure{flex-basis:370px;aspect-ratio:370/210}#content .container .cart .product figure img{width:100%;height:100%;object-fit:cover;border-radius:5px}#content .container .cart .product>div{flex:1;display:flex;flex-direction:column;gap:10px}#content .container .cart .product>div h3{color:var(--secondary-color);font-weight:900;text-transform:uppercase}#content .container .cart .product>div .form-group label{display:none}#content .container .cart .product>div .form-group .input-group{display:flex;gap:0;justify-content:flex-end}#content .container .cart .product>div .form-group .input-group button{display:flex;justify-content:center;align-items:center;border:0 none;padding:0;background:var(--color-white);aspect-ratio:1/1;border-radius:10px;width:50px;border:2px solid transparent;cursor:pointer}#content .container .cart .product>div .form-group .input-group button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}#content .container .cart .product>div .form-group .input-group button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}#content .container .cart .product>div .form-group .input-group button:hover{border-color:var(--color-border-input-hover)}#content .container .cart .product>div .form-group .input-group .form-control{flex-grow:0;min-width:64px;border-radius:0;text-align:center;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}@container products (width <=600px){.product{flex-direction:column}.product figure{align-self:stretch;flex-basis:auto !important}}@container form (width <=450px){.form-group{grid-column:span 12 !important}}@media all and (max-width: 992px){#content .container .grid{grid-template-columns:repeat(1, 1fr);gap:40px}#content .container .grid>div{position:static}#content .container .grid>div:has(>.form-group){order:1}}@media all and (max-width: 768px){#content .container .grid{gap:40px}}@media all and (max-width: 490px){#content .container .grid>div:has(>.form-group){grid-template-columns:repeat(12, 1fr)}}
