@layer pages{.back-office{display:flex;align-items:flex-start;justify-content:flex-start;height:100%;padding:var(--back-office-padding, 0);background:var(--back-office-bg, var(--white, #FFF))}.back-office__header{padding:var(--back-office-section-padding, 1rem)}.back-office__container{display:grid;flex:1;grid-template-columns:50px 1fr;gap:var(--back-office-container-gap, 0);width:100%}.back-office__aside-wrapper .aside{height:100%;min-height:100vh;padding:var(--back-office-aside-padding-y, var(--spacing-md)) var(--back-office-aside-padding-x, var(--spacing-sm)) var(--back-office-aside-padding-y, var(--spacing-md)) var(--back-office-aside-padding-x, var(--spacing-sm));background:var(--back-office-aside-bg, var(--primary-700, #292929))}.back-office__aside{--link-color: var(--white, #FFF);--link-gap: var(--spacing-sm);height:100%;background:transparent}.back-office__aside .icons{color:var(--secondary-500)}.back-office__aside span{display:none;visibility:hidden}.back-office__aside__list{align-items:center}.back-office__content{container-name:back-office-content;container-type:inline-size;display:flex;flex-direction:column;gap:var(--back-office-content-gap, 0)}@media screen and (width >= 768px){.back-office__container{grid-template-columns:200px 1fr}.back-office__aside__list{align-items:flex-start}.back-office__aside{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) var(--spacing-sm)}.back-office__aside span{display:block;visibility:visible}}}@layer pages{.account__content{display:grid;gap:var(--spacing-lg);height:calc(100vh - var(--height-footer) - var(--spacing-sm) - 75px)}.account__card{display:flex;flex-direction:column;gap:var(--account-card-gap, var(--spacing-md));padding:var(--account-card-padding, 1rem);background:var(--account-card-bg, rgb(248, 248, 248))}.account__content-cards{max-height:max-content;padding:var(--back-office-section-padding, 1rem);overflow:auto}.account__card-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}@container back-office-content (min-width:1024px){.fidelite{width:400px}}@container back-office-content (max-width:767px){.account__card-wrapper{flex-direction:column}}@container back-office-content (min-width:768px){.account__card{padding:var(--account-card-padding, 2rem)}}#compte .account__card-wrapper{flex-wrap:nowrap}.order{width:100%}}@layer component{.cart-items{--cart-items-height-row: 50px;--cart-items-gap-y: var(--spacing-sm);display:grid;gap:var(--spacing-md);align-items:flex-end}.cart-items__products{flex-direction:row;gap:var(--spacing-sm)}.cart-items__head{display:grid;grid-template-rows:1fr var(--cart-items-height-row) var(--cart-items-height-row) var(--cart-items-height-row);gap:var(--cart-items-gap-y)}.card-item{display:flex;flex-direction:column}.cart-items__item{height:100%;padding:0;list-style:none}.cart-items__content{width:100%}.cart-items__head-item{display:flex;align-items:center}.cart-items__head-item--product{align-items:flex-start}.cart-items__summary{width:100%;margin-left:auto}.cart-items__summary .button-group{justify-content:flex-end}.card-item__thumbnail{width:100%;min-height:7rem}.card-item__content{display:flex;flex-direction:column;gap:var(--cart-items-gap-y)}.card-item__single-price,.card-item__quantity,.card-item__total{display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:center;height:var(--cart-items-height-row);padding-right:var(--spacing-sm);padding-left:var(--spacing-sm)}@media screen and (width >= 768px){.cart-items{--cart-items-width-col: 150px;--cart-items-gap-y: var(--spacing-sm);display:grid;gap:var(--spacing-md);align-items:flex-end}.cart-items__products{flex-direction:column}.cart-items__head{grid-template-rows:1fr;grid-template-columns:1fr var(--cart-items-width-col) var(--cart-items-width-col) var(--cart-items-width-col)}.card-item{flex-direction:row}.card-item__single-price,.card-item__quantity,.card-item__total{align-items:flex-start;width:var(--cart-items-width-col);min-width:var(--cart-items-width-col);height:auto;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.card-item__wrapper{display:flex;flex:1;flex-direction:row;gap:var(--spacing-md)}.card-item__thumbnail{width:auto}.cart-items__head-item--prix,.cart-items__head-item--quantity,.cart-items__head-item--total,.card-item__single-price,.card-item__quantity,.card-item__total{align-items:center;justify-content:center;max-height:5rem}.card-item__single-price{flex-direction:column;align-items:center;justify-content:center}.card-item__quantity form{max-width:100%}}@media screen and (width >= 1024px){.cart-items__summary{width:40%}}}@layer component{.fidelite{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;height:fit-content;padding:2rem;text-align:center;background:#fff;box-shadow:1px 1px 8px 1px #0000001c}.fidelite__title{display:flex;flex-direction:column;align-items:center;justify-content:center}.fidelite__title span{font-size:2.5rem;font-weight:700;color:var(--accent, #888)}.fidelite__infos{display:flex;flex-direction:column;gap:var(--spacing-sm)}.fidelite .button{width:100%}}@layer component{*:has(>.group-form){container-name:form;container-type:inline-size}@container form (min-width:500px){.group-form{flex-wrap:nowrap}}}@layer component{.offcanvas{height:100vh;background:#fff}.offcanvas-backdrop{height:100%;background:var(--backdrop-color, var(--primary-700, #292929))}}@layer pages{.order,.order__summary,.order__summary-wrapper,.order__summary-adress{display:grid;gap:var(--spacing-md)}.order__summary-adress{display:flex;flex-direction:column}@container back-office-content (min-width:600px){.order__summary{grid-template-columns:1fr 1fr}}@container back-office-content (min-width:850px){.order__summary{grid-template-columns:1fr 1fr 1fr}}}@layer component{.splide{--slider-gap: var(--spacing-sm, 10px);--slider-item-bg: #eee;--slider-arrow-bg: var(--primary-500, #888);--slider-item-active-bg: var(--primary-500, #888);--slider-item-radius: var(--theme-raduis, 50%);--slider-arrow-size: 1.5rem}.splide__pagination{gap:var(--slider-gap)}.splide button{opacity:1}.splide__pagination__page{background:var(--slider-item-bg);border-radius:var(--slider-item-radius)}.splide__pagination__page.is-active{background:var(--slider-item-active-bg)}.splide__arrows{position:relative;top:50%}.splide__arrows .splide__arrow svg{width:var(--slider-arrow-size);height:var(--slider-arrow-size)}.splide__arrows .splide__arrow path{fill:var(--slider-arrow-bg)}}@layer component{.progress progress{width:100%;height:8px}.progress progress::-webkit-progress-bar{background-color:#ededed}.progress progress::-webkit-progress-value{background-color:var(--accent)}}@layer component{th,td{padding:var(--tables-th-padding, .5rem .75rem);font-weight:400}th:last-child,td:last-child{text-align:right}th:last-child .flex,td:last-child .flex{justify-content:flex-end}table ul{list-style:none}}@layer components{.tabs__wrapper{--tabs-padding: var(--spacing-lg);--tabs-nav-padding: var(--spacing-md);--tabs-nav-gap: var(--spacing-md);--tabs-nav-font-size: 1.2rem;--tabs-item-color: var(--primary-500);padding:var(--spacing-md)}.tabs{gap:var(--tabs-nav-gap);padding:var(--tabs-nav-padding);font-size:var(--tabs-nav-font-size)}.tabs__content{padding:var(--tabs-padding)}.tabs__item{color:var(--tabs-item-color)}.tabs__item.active{color:var(--tabs-item-color-active, var(--primary-500))}@media screen and (width >= 640px){.tabs__wrapper{padding:0}}}
