.ag-coffret{display:flex;flex-direction:column;gap:32px}.ag-coffret__header{text-align:center;max-width:640px;margin-inline:auto}.ag-coffret__title{margin:0 0 12px;font-size:clamp(2rem,1.4rem + 2.6vw,3.5rem);line-height:1.1}.ag-coffret__intro>*{margin:0}.ag-coffret__layout{display:flex;flex-direction:column;gap:32px}.ag-coffret__families{display:flex;flex-direction:column;gap:40px;min-width:0}.ag-coffret__family-title{margin:0 0 16px;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem)}.ag-coffret__empty{margin:0;opacity:.7}.ag-coffret__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.ag-coffret__card{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));border-radius:8px;background:var(--color-background);transition:border-color .2s ease}.ag-coffret__card.is-selected{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-50, .5))}.ag-coffret__media{position:relative;aspect-ratio:1;overflow:hidden;border-radius:6px;background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.ag-coffret__image{display:block;width:100%;height:100%;object-fit:cover}.ag-coffret__count{position:absolute;top:8px;left:8px;min-width:28px;height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-size:.8125rem;font-weight:600}.ag-coffret__count[hidden]{display:none}.ag-coffret__info{display:flex;flex-direction:column;gap:6px;flex:1}.ag-coffret__name{margin:0;font-size:.875rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ag-coffret__price{margin:0;font-size:.875rem;font-weight:600}.ag-coffret__select{width:100%;min-height:36px;padding:4px 8px;border:1px solid var(--color-input-border, rgb(var(--color-foreground-rgb) / var(--opacity-20, .2)));border-radius:var(--style-border-radius-inputs, 4px);background:var(--color-input-background, var(--color-background));color:inherit;font:inherit;font-size:.8125rem}.ag-coffret__actions{display:flex;gap:6px}.ag-coffret__actions .button{min-height:40px;padding-block:8px;padding-inline:12px;font-size:.8125rem}.ag-coffret__add{flex:1}.ag-coffret__minus{flex:0 0 44px;padding-inline:0;font-size:1.125rem}.ag-coffret__minus[hidden]{display:none}.ag-coffret__add[disabled]{opacity:.4;cursor:not-allowed}.ag-coffret :is(button,select):focus-visible{outline:2px solid rgb(var(--color-foreground-rgb));outline-offset:2px}.ag-coffret__box{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:1fr auto;gap:10px 12px;margin-inline:calc(var(--page-margin, 16px) * -1);padding:12px var(--page-margin, 16px) calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));background:var(--color-background);box-shadow:0 -6px 18px rgb(var(--color-shadow-rgb, 0 0 0) / .08)}.ag-coffret__box-head{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ag-coffret__box-title{margin:0;font-size:1.125rem}.ag-coffret__progress{margin:0;font-size:.875rem;font-weight:600}.ag-coffret__slots{grid-column:1 / -1;display:flex;gap:8px;margin:0;padding:0;list-style:none}.ag-coffret__slot{position:relative;flex:0 0 52px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px dashed rgb(var(--color-foreground-rgb) / var(--opacity-30, .3));border-radius:6px;overflow:hidden}.ag-coffret__slot.is-filled{border-style:solid;border-color:rgb(var(--color-foreground-rgb) / var(--opacity-10))}.ag-coffret__slot-number{font-size:.8125rem;opacity:.5}.ag-coffret__slot img{width:100%;height:100%;object-fit:cover}.ag-coffret__slot-text{display:none}.ag-coffret__slot-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:var(--color-background);color:var(--color-foreground);font-size:.875rem;line-height:1;cursor:pointer}.ag-coffret__hint,.ag-coffret__note{display:none}.ag-coffret__total{display:flex;flex-direction:column;justify-content:center;font-size:.8125rem}.ag-coffret__total-price{font-size:1.125rem;font-weight:600}.ag-coffret__submit{align-self:center}.ag-coffret__submit[disabled]{opacity:.45;cursor:not-allowed}.ag-coffret__message{grid-column:1 / -1;margin:0;font-size:.8125rem}.ag-coffret__message:empty{display:none}.ag-coffret__message.is-error{color:var(--color-error)}@media screen and (min-width:750px){.ag-coffret__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ag-coffret__slot{flex-basis:60px}}@media screen and (min-width:990px){.ag-coffret__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:48px}.ag-coffret__box{top:calc(var(--header-height, 0px) + 24px);bottom:auto;display:flex;flex-direction:column;gap:16px;margin-inline:0;padding:24px;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));border-radius:8px;box-shadow:none}.ag-coffret__slots{flex-direction:column;gap:10px}.ag-coffret__slot{flex:none;aspect-ratio:auto;min-height:64px;justify-content:flex-start;gap:12px;padding:6px 36px 6px 6px}.ag-coffret__slot img{flex:0 0 52px;width:52px;height:52px;border-radius:4px}.ag-coffret__slot-number{margin-inline-start:14px}.ag-coffret__slot-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.8125rem;line-height:1.3}.ag-coffret__slot-text span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag-coffret__slot-remove{top:50%;right:8px;transform:translateY(-50%);width:26px;height:26px;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10))}.ag-coffret__hint,.ag-coffret__note{display:block;margin:0;font-size:.875rem;opacity:.8}.ag-coffret__note>*{margin:0}.ag-coffret__total{flex-direction:row;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));font-size:.9375rem}.ag-coffret__submit{width:100%}}@media(prefers-reduced-motion:reduce){.ag-coffret__card{transition:none}}.ag-coffret__message a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ag-coffret.css.map */