section.product-index{padding-top:80px}section.product-index .wrapper .content{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;text-align:center}section.product-index .wrapper .filters{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem}section.product-index .wrapper .filters a{position:relative!important;text-decoration:none!important;display:block}section.product-index .wrapper .filters a.current span{background:#fef0af}section.product-index .wrapper .filters a span{position:relative;z-index:2;padding:8px 16px;border-radius:12px;background:#ffc8dd;font-family:Google Sans Flex,sans-serif;font-weight:700;font-size:1rem;color:#202020;line-height:1.3;border:solid 2px #202020;display:block;transition:all .15s ease}section.product-index .wrapper .filters a:after{content:"";width:100%;height:100%;border-radius:12px;position:absolute;bottom:-.35rem;left:0;z-index:-1;background:#202020;transition:all .3s ease}section.product-index .wrapper .filters a:hover span{transform:translateY(.15rem)}section.product-index .wrapper .filters a:active span{transform:translateY(.35rem)}section.product-index .wrapper .product-grid{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:1rem;margin-top:3rem}section.product-index .wrapper .product-grid .product{position:relative;display:block;width:100%;margin:0 auto;align-self:stretch;overflow:hidden;padding:1rem;max-width:292px}section.product-index .wrapper .product-grid .product .new{position:absolute;top:1rem;right:1rem;border-radius:44% 56% 49% 51%/55% 44% 56% 45%;background:#ab80c2;overflow:hidden;border:solid 3px #202020;aspect-ratio:1/1;max-width:60px;min-width:60px;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;text-align:center;z-index:4}section.product-index .wrapper .product-grid .product .new p{color:#fff;font-weight:700}section.product-index .wrapper .product-grid .product .new-border{background:#202020;border-radius:44% 56% 49% 51%/55% 44% 56% 45%;overflow:hidden;position:absolute;top:1.25rem;right:.75rem;aspect-ratio:1/1;max-width:60px;min-width:60px;z-index:3}section.product-index .wrapper .product-grid .product a{width:100%;height:100%;text-decoration:none}section.product-index .wrapper .product-grid .product .detail{display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:1rem;margin-top:1rem}section.product-index .wrapper .product-grid .product .detail .label{font-size:1rem;color:#cdb4db;margin-bottom:.5rem}section.product-index .wrapper .product-grid .product .detail h5{font-family:Google Sans Flex,sans-serif;font-weight:500;font-size:1.25rem;color:#202020;line-height:1.3;margin-bottom:0}section.product-index .wrapper .product-grid .product .detail .price{font-family:Noto Sans,sans-serif;font-weight:700;font-size:1.125rem;color:#202020;line-height:1.3}section.product-index .wrapper .product-grid .product .image-wrapper{position:relative;aspect-ratio:1/1;max-width:300px}section.product-index .wrapper .product-grid .product .image-wrapper .border{width:100%;aspect-ratio:1/1;border-radius:44% 56% 49% 51%/55% 44% 56% 45%;overflow:hidden;background:#cdb4db}section.product-index .wrapper .product-grid .product .image-wrapper .image{position:absolute;z-index:2;aspect-ratio:1/1;border-radius:44% 56% 49% 51%/55% 44% 56% 45%;border:solid 5px #202020;width:96%;right:1%;bottom:4%;overflow:hidden}section.product-index .wrapper .product-grid .product .image-wrapper .image img{width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (min-width: 601px){section.product-index{padding-top:100px}section.product-index .wrapper .product-grid{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){section.product-index .wrapper .product-grid{grid-template-columns:1fr 1fr 1fr 1fr}}