@import"card-product.css";@layer components{.section-collection-panel{max-width:var(--max-width);padding-block-start:47px;padding-block-end:40px;margin:0 auto;display:grid;row-gap:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 8)}@media screen and (min-width: 768px){.section-collection-panel{padding-block-start:56px;padding-block-end:56px}}.section-collection-panel img{object-fit:contain!important}.section-collection-panel .collection-panel__title{text-align:center;scroll-margin-top:100px}.section-collection-panel .grid-collection{column-gap:var(--spacings-small-m);row-gap:var(--spacings-medium-m)}@media screen and (min-width: 768px){.section-collection-panel .grid-collection{column-gap:var(--spacings-small-xl);row-gap:var(--spacings-medium-l)}}.section-collection-panel .collection-panel__container{display:grid;grid-template-columns:1fr 1fr}@media screen and (min-width: 768px){.section-collection-panel .collection-panel__container{grid-template:auto / repeat(4,1fr)}}.section-collection-panel .collection-panel__btn{justify-self:center;width:fit-content;margin:0 auto}@media screen and (min-width: 768px){.section-collection-panel .collection-panel__btn{padding-top:32px}}.t-panel{position:fixed;top:0;right:0;z-index:10;width:100%;height:100vh;visibility:hidden;opacity:0;display:grid;transition:all .3s ease-in-out}.t-panel .t-panel__bg{background-color:#00000080;grid-column:1 / -1;grid-row:1/-1;cursor:pointer}.t-panel.is-open{visibility:visible;opacity:1}.t-panel.is-open .t-panel__inside{grid-column:1 / -1;grid-row:1/-1;transform:translate(0);opacity:1}.t-panel.is-open .t-panel__inside .collection-panel__container{opacity:1}.t-panel .t-panel__inside{background-color:#fff;width:100%;height:100vh;overflow:scroll;justify-self:flex-end;padding-block:15px;display:grid;row-gap:20px;transform:translate(100%);opacity:0;transition:all .3s ease-in-out}@media screen and (min-width: 1024px){.t-panel .t-panel__inside{width:77.08%;padding-block:var(--spacings-medium-s);row-gap:var(--spacings-small-xl)}}.t-panel .t-panel__inside .inside__top{display:grid;row-gap:10px;padding-inline:20px;padding-bottom:16px;border-bottom:1px solid var(--Brand-colours-Gris-Nacre, #e6e5e5)}@media screen and (min-width: 768px){.t-panel .t-panel__inside .inside__top{padding-inline:var(--spacings-medium-l);row-gap:var(--spacings-small-xl)}}.t-panel .t-panel__inside .inside__top button{justify-self:flex-end}.t-panel .t-panel__inside .collection-panel__container{padding-inline:var(--spacings-medium-l);opacity:0;transition:all .3s ease-in-out .2s;padding-inline:20px}@media screen and (min-width: 768px){.t-panel .t-panel__inside .collection-panel__container{padding-inline:var(--spacings-medium-l)}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-panel.css.map */