@keyframes viewheader{0%{opacity:0;transform:translateY(-3.75rem);@media(max-width: 768px){transform:translateY(-12.5vw)}}100%{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}body#products .main .products{display:flex;flex-wrap:wrap;gap:2.5rem}@media(max-width: 768px){body#products .main .products{flex-wrap:nowrap;flex-direction:column;align-items:center;gap:6.25vw}}body#products .main .products .panel{display:flex;flex-direction:column;gap:1.25rem;width:calc((100% - 5rem)/3);padding:1.25rem;border:1px solid var(--bk10);border-radius:2.5rem 0 0 0}@media(max-width: 768px){body#products .main .products .panel{gap:4.1666666667vw;width:90%;padding:4.1666666667vw;border-radius:8.3333333333vw 0 0 0}}body#products .main .products .panel:nth-child(3n-1){transition-delay:.2s}@media(max-width: 768px){body#products .main .products .panel:nth-child(3n-1){transition-delay:.1s}}body#products .main .products .panel:nth-child(3n){transition-delay:.3s}@media(max-width: 768px){body#products .main .products .panel:nth-child(3n){transition-delay:.1s}}body#products .main .products .panel figure{height:31.25rem;aspect-ratio:2/3}@media(max-width: 768px){body#products .main .products .panel figure{height:104.1666666667vw}}body#products .main .products .panel figure img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}body#products .main .products .panel .name{padding:.625rem;border-radius:.3125rem;font-size:1rem;font-weight:700;line-height:1.5;background-color:var(--bk10)}@media(max-width: 768px){body#products .main .products .panel .name{padding:2.0833333333vw;border-radius:1.0416666667vw;font-size:3.3333333333vw}}body#products .main .products .panel .comments{flex-grow:1}body#products .main .products .panel .comments p{font-size:.875rem}@media(max-width: 768px){body#products .main .products .panel .comments p{font-size:3.3333333333vw}}body#products .main .products .panel .nav{display:flex;justify-content:center}body#products .main .products .panel .nav .btn{position:relative;display:flex;justify-content:center;align-items:center;width:20rem;aspect-ratio:6/1;border:1px solid var(--bk20);border-radius:3.75rem 0 0 0;color:var(--bk);font-size:1rem;font-weight:700;text-decoration:none;background-color:var(--wh)}@media(max-width: 768px){body#products .main .products .panel .nav .btn{width:66.6666666667vw;border-radius:12.5vw 0 0 0;font-size:3.3333333333vw}}body#products .main .products .panel .nav .btn::after{content:"";position:absolute;top:50%;right:1.25rem;width:1.25rem;aspect-ratio:2/1;background-color:var(--key);-webkit-mask:url("../images/icon_u.svg") no-repeat 50% 50%;mask:url("../images/icon_u.svg") no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;transform:translateY(-50%) rotate(-90deg);transition:background-color .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#products .main .products .panel .nav .btn::after{right:4.1666666667vw;width:4.1666666667vw}}@media(any-hover: hover){body#products .main .products .panel .nav .btn:hover{color:var(--wh);background-color:var(--key)}body#products .main .products .panel .nav .btn:hover::after{background-color:var(--wh)}}body#products .main .notes{padding:3.75rem 0;color:var(--bk50);font-size:1rem;text-align:center;line-height:1.75}@media(max-width: 768px){body#products .main .notes{padding:12.5vw 0;font-size:3.3333333333vw}}