ul.svelte-oywlli.svelte-oywlli{display:flex;gap:.375rem;justify-content:space-between}@media screen and (min-width: 1028px){ul.svelte-oywlli.svelte-oywlli{gap:.75rem}}ul.svelte-oywlli li div.svelte-oywlli{padding:.0625rem .5rem}@media screen and (min-width: 1028px){ul.svelte-oywlli li div.svelte-oywlli{padding:.0625rem 1.125rem}}ul.svelte-oywlli .btn.svelte-oywlli{cursor:pointer}ul.svelte-oywlli .selected.svelte-oywlli{outline:1px solid var(--text-reverse);border-radius:500px}ul.svelte-oywlli .dyn.svelte-oywlli{text-transform:capitalize}section.svelte-1kgotxr.svelte-1kgotxr{position:relative;margin-top:8rem}@media screen and (min-width: 1028px){section.svelte-1kgotxr.svelte-1kgotxr{margin-bottom:8rem}}section.svelte-1kgotxr .title-grid.svelte-1kgotxr{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;column-gap:2.79vw;padding-left:5.58vw;padding-right:5.58vw}@media screen and (min-width: 1028px){section.svelte-1kgotxr .title-grid.svelte-1kgotxr{grid-template-columns:repeat(12,1fr);column-gap:1.5rem;padding-left:0;padding-right:0;margin-left:3rem;margin-right:3rem}}@media screen and (min-width: 1600px){section.svelte-1kgotxr .title-grid.svelte-1kgotxr{column-gap:2rem;margin-left:4rem;margin-right:4rem}}section.svelte-1kgotxr .title-grid .mockups-title.svelte-1kgotxr{grid-column:1/span 6;width:100%;height:auto;margin-bottom:1.375rem}@media screen and (min-width: 1028px){section.svelte-1kgotxr .title-grid .mockups-title.svelte-1kgotxr{grid-column:1/span 12;margin-bottom:2.375rem}}section.svelte-1kgotxr .grid.svelte-1kgotxr{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;column-gap:2.79vw;padding-left:5.58vw;padding-right:5.58vw;row-gap:1.5rem}@media screen and (min-width: 1028px){section.svelte-1kgotxr .grid.svelte-1kgotxr{grid-template-columns:repeat(12,1fr);column-gap:1.5rem;padding-left:0;padding-right:0;margin-left:3rem;margin-right:3rem}}@media screen and (min-width: 1600px){section.svelte-1kgotxr .grid.svelte-1kgotxr{column-gap:2rem;margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1028px){section.svelte-1kgotxr .grid.svelte-1kgotxr{row-gap:3rem}}section.svelte-1kgotxr .grid .products.svelte-1kgotxr{grid-column:1/span 6;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;column-gap:3.15vw;row-gap:1.5rem}@media screen and (min-width: 1028px){section.svelte-1kgotxr .grid .products.svelte-1kgotxr{row-gap:3rem;grid-column:1/span 12;grid-template-columns:repeat(6,1fr);column-gap:2.25vw}}section.svelte-1kgotxr .grid .products .grid-collection.svelte-1kgotxr{position:relative;width:100%;height:100%;aspect-ratio:2/3;grid-column:span 8}@media screen and (min-width: 766px){section.svelte-1kgotxr .grid .products .grid-collection.svelte-1kgotxr{grid-column:span 4;aspect-ratio:1}}@media screen and (min-width: 1028px){section.svelte-1kgotxr .grid .products .grid-collection.svelte-1kgotxr{aspect-ratio:unset}}section.svelte-1kgotxr .grid .products .grid-collection a.svelte-1kgotxr{display:flex;flex-direction:column;height:100%}section.svelte-1kgotxr .grid .products .grid-mockup.svelte-1kgotxr{grid-column:span 8}@media screen and (min-width: 766px){section.svelte-1kgotxr .grid .products .grid-mockup.svelte-1kgotxr{grid-column:span 2}}section.svelte-1kgotxr .grid .products .grid-item.svelte-1kgotxr{height:fit-content}@media screen and (min-width: 1028px){section.svelte-1kgotxr .grid .products .grid-item.svelte-1kgotxr{height:100%}}section.svelte-1kgotxr .grid .products .grid-item .title.svelte-1kgotxr{margin-top:.5625rem}section.svelte-1kgotxr .grid .products .grid-item .img-container.svelte-1kgotxr{position:relative}section.svelte-1kgotxr .grid .products .grid-item .img-container .img-overlay.svelte-1kgotxr{position:absolute;top:0;left:0;opacity:0;transition:opacity .5s}section.svelte-1kgotxr .grid .products .grid-item .img-container .product-counter.svelte-1kgotxr{position:absolute;top:1.75rem;left:1.75rem;padding:.125rem 1.5rem;border-radius:500px;color:var(--text);background-color:var(--text-reverse)}section.svelte-1kgotxr .grid .products .grid-item .collection.svelte-1kgotxr{position:relative;display:flex;align-items:center;justify-content:center;border-radius:30px;width:100%;height:100%;min-height:45.25vw}section.svelte-1kgotxr .grid .products .grid-item .collection img.svelte-1kgotxr{position:absolute;height:100%;width:auto;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-filter:drop-shadow(0px 4px 20px rgba(0,0,0,.1));filter:drop-shadow(0px 4px 20px rgba(0,0,0,.1));transition:all .2s;padding:15%}@media screen and (min-width: 766px){section.svelte-1kgotxr .grid .products .grid-item .collection img.svelte-1kgotxr{padding:5%}}section.svelte-1kgotxr .grid .products .grid-item .collection:hover img.svelte-1kgotxr{padding:10%}@media screen and (min-width: 766px){section.svelte-1kgotxr .grid .products .grid-item .collection:hover img.svelte-1kgotxr{padding:3.5%}}section.svelte-1kgotxr .grid .products .grid-item .c-yellow.svelte-1kgotxr{background-color:var(--color-yellow)}@supports (background-color: var(--color-yellow-p3)){section.svelte-1kgotxr .grid .products .grid-item .c-yellow.svelte-1kgotxr{background-color:var(--color-yellow-p3)}}section.svelte-1kgotxr .grid .products .grid-item .c-blue.svelte-1kgotxr{background-color:var(--color-light-blue)}@supports (background-color: var(--color-light-blue-p3)){section.svelte-1kgotxr .grid .products .grid-item .c-blue.svelte-1kgotxr{background-color:var(--color-light-blue-p3)}}section.svelte-1kgotxr .grid .products .grid-item .price.svelte-1kgotxr{margin-top:-.125rem;color:var(--text-medium)}section.svelte-1kgotxr .grid .products .grid-item .price .discounted.svelte-1kgotxr{color:var(--text);margin-right:.25rem}section.svelte-1kgotxr .grid .products .grid-item .hovered .img-container .img-overlay.svelte-1kgotxr{opacity:100}@media screen and (min-width: 1028px){section.svelte-1kgotxr .grid .zig-sorting.svelte-1kgotxr:nth-child(odd){grid-column:1/span 4}section.svelte-1kgotxr .grid .zig-sorting.svelte-1kgotxr:nth-child(2n){grid-column:3/span 4}}section.svelte-1kgotxr img.svelte-1kgotxr{border-radius:30px}section.svelte-1kgotxr .categories.svelte-1kgotxr{position:sticky;bottom:2rem;width:88,84vw;margin:1rem 5.58vw 2rem 5.58vw;z-index:1;padding:.75rem;border-radius:500px;color:var(--background);background-color:var(--text)}@media screen and (min-width: 1028px){section.svelte-1kgotxr .categories.svelte-1kgotxr{margin:1rem auto;max-width:41.25rem;padding:1.125rem 2rem}}@media screen and (min-width: 2500px){section.svelte-1kgotxr .categories.svelte-1kgotxr{max-width:60rem}}