@layer components{.zone-demo{background-color:var(--color-surface);padding-block:2rem 2.5rem}.zone-demo__repere{margin-block:0 .75rem;font-size:1rem;font-weight:800}.zone-demo__repere--fin{margin-block:.75rem 0}.boutique{border:2px dashed var(--color-border-strong);background-color:#fff;border-radius:.75rem;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif}.boutique img{width:100%;height:auto;display:block}.boutique__enseigne{color:#2b2622;background-color:#fbf7f2;border-radius:.625rem .625rem 0 0;margin:0;padding:1rem 1.5rem;font-size:1.25rem;font-weight:800}.boutique__produit{gap:2rem;padding:1.5rem;display:grid}@media (width>=48rem){.boutique__produit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.boutique--avant{color:#333}.boutique--avant :focus-visible{box-shadow:none;outline:none}.av-carrousel{aspect-ratio:1;width:100%;max-width:26rem;position:relative}.av-diapo{opacity:0;animation:15s linear infinite av-defilement;position:absolute;inset:0}.av-diapo--2{animation-delay:5s}.av-diapo--3{animation-delay:10s}@keyframes av-defilement{0%{opacity:0}4%{opacity:1}33.34%{opacity:1}37.34%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.av-diapo{animation:none}.av-diapo--1{opacity:1}}.av-titre{font-size:1.75rem;font-weight:700;line-height:1.2}.av-sous-titre{margin-block-start:1.5rem;font-size:1.125rem;font-weight:700}.av-prix{color:#f4a68c;margin-block-start:.5rem;font-size:1.5rem;font-weight:700}.av-texte{color:#a6a6a6;margin-block-start:.5rem}.av-lien,.av-lien:hover{color:#f4a68c}.av-stock{margin-block-start:.75rem}.av-pastille-verte{background-color:#2f9e4f;border-radius:50%;width:.875rem;height:.875rem;display:inline-block}.av-coloris{gap:.75rem;margin-block-start:1rem;display:flex}.av-coloris>div{cursor:pointer;border:2px solid #e4e4e4;border-radius:50%;width:2rem;height:2rem}.av-coloris>.av-selection{border-color:#f0a07f}.av-sable{background-color:#d8c3a0}.av-foret{background-color:#2f5d46}.av-anthracite{background-color:#3b3f45}.av-champs{flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem;display:flex}.av-champ{font:inherit;color:#333;border:1px solid #e4e4e4;width:9rem;padding:.5rem .75rem}.av-champ::placeholder{color:#c9c9c9;opacity:1}.av-bouton{color:#fff;cursor:pointer;background-color:#f0a07f;border-radius:.25rem;margin-block-start:1rem;padding:.75rem 1.5rem;font-weight:700;display:inline-block}.boutique--apres{color:#2b2622}.boutique--apres a{color:#a63d1e}.boutique--apres a:hover{color:#86301a}.ap-galerie{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:26rem;display:grid}.ap-galerie>li:first-child{grid-column:1/-1}.ap-galerie img{border-radius:.5rem}.boutique--apres .ap-titre{margin-block:0;font-size:1.75rem}.ap-prix{color:#2b2622;margin-block:.5rem 0;font-size:1.5rem;font-weight:800}.ap-stock{align-items:center;gap:.5rem;margin-block:.75rem 0;display:flex}.ap-formulaire{justify-items:start;gap:1.25rem;margin-block-start:1.25rem;display:grid}.ap-formulaire fieldset{border:0;min-width:0;margin:0;padding:0}.ap-formulaire legend{margin-block-end:.25rem;padding:0;font-weight:700}.ap-options{flex-wrap:wrap;gap:0 1.25rem;display:flex}.ap-option{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;display:inline-flex}.ap-option input{accent-color:#a63d1e;width:1.25rem;height:1.25rem;margin:0}.ap-pastille{border:1px solid #7a706a;border-radius:50%;width:1.25rem;height:1.25rem;display:inline-block}.ap-pastille--sable{background-color:#d8c3a0}.ap-pastille--foret{background-color:#2f5d46}.ap-pastille--anthracite{background-color:#3b3f45}.ap-champ label{margin-block-end:.25rem;font-weight:700;display:block}.ap-champ input{min-height:2.75rem;font:inherit;color:#2b2622;background-color:#fff;border:2px solid #7a706a;border-radius:.375rem;width:12rem;max-width:100%;padding:.5rem .75rem}.ap-bouton{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background-color:#a63d1e;border:2px solid #0000;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:800}.ap-bouton:hover{background-color:#86301a;text-decoration:underline}.ap-texte{color:#5e554d}.boutique--apres .ap-sous-titre{margin-block:1.5rem .5rem;font-size:1.25rem}}@media (forced-colors:active){.ap-bouton{border-color:buttontext}.ap-pastille{forced-color-adjust:none;border-color:canvastext}}
