@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{to{opacity:0;transform:translateY(10px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.banner{width:100%;position:relative;overflow:hidden}.banner .banner-photo{object-fit:cover;opacity:0;width:100%;height:700px;animation:1s forwards fadeIn}@media (max-width:800px){.banner .banner-photo{height:400px}}@media (max-width:320px){.banner .banner-photo{height:300px}}.banner .banner-content{width:auto;max-width:80%;position:absolute;top:6%;left:8%}@media (max-width:800px){.banner .banner-content{text-align:center;background:#fffc;border-radius:8px;width:90%;padding:20px;top:50%;left:50%;transform:translate(-50%,-50%)}}.banner .banner-content .content-large-txt,.banner .banner-content .content-small-txt,.banner .banner-content .content-btn{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(20px)}.banner .banner-content .content-large-txt{width:400px;font-size:5rem;font-weight:400;animation-delay:.3s}@media (max-width:1500px){.banner .banner-content .content-large-txt{width:300px;font-size:3.5rem}}@media (max-width:800px){.banner .banner-content .content-large-txt{width:100%;font-size:2.5rem}}@media (max-width:320px){.banner .banner-content .content-large-txt{font-size:1.8rem}}.banner .banner-content .content-small-txt{width:500px;font-size:2rem;font-weight:400;animation-delay:.6s}@media (max-width:1500px){.banner .banner-content .content-small-txt{width:400px;font-size:1.5rem}}@media (max-width:800px){.banner .banner-content .content-small-txt{color:#1c1c1c;width:100%;font-size:1.2rem}}@media (max-width:320px){.banner .banner-content .content-small-txt{font-size:1rem}}.banner .banner-content .content-btn{text-align:center;color:#f5f5f5;cursor:pointer;background-color:#1c1c1c;border:none;border-radius:4px;outline:none;width:140px;height:50px;margin-top:1rem;font-size:1.1rem;transition:background-color .3s,transform .2s;animation-delay:.9s}@media (max-width:800px){.banner .banner-content .content-btn{margin:1rem auto 0}}.banner .banner-content .content-btn:hover{background-color:#1c1c1c;transform:scale(1.05)}.banner .banner-content .content-btn:active{transform:scale(.97)}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{to{opacity:0;transform:translateY(10px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.category{align-content:center;width:100%;margin-top:2rem;padding:0 20px;display:flex}.category .list-category{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;display:flex}@media (max-width:320px){.category .list-category{gap:1rem}}.category .list-category .category-item{text-align:center;opacity:0;width:calc(25% - 2rem);min-width:160px;transition:transform .25s,box-shadow .25s;animation:.5s forwards fadeInUp;transform:translateY(20px)}@media (max-width:800px){.category .list-category .category-item{width:calc(50% - 2rem)}}@media (max-width:320px){.category .list-category .category-item{width:100%}}.category .list-category .category-item .category-link{color:#333;border-radius:1.25rem;transition:transform .3s,box-shadow .3s;display:block}.category .list-category .category-item .category-link:hover{border-radius:12px;transform:scale(1.05);box-shadow:0 8px 20px #00000026}.category .list-category .category-item .category-link .category-image{aspect-ratio:1;object-fit:cover;border-radius:1rem;width:100%}.category .list-category .category-item .category-link .category-txt{margin-top:.5rem;font-size:1.3rem;font-weight:550}.category .list-category .category-item:first-child{animation-delay:0s}.category .list-category .category-item:nth-child(2){animation-delay:.1s}.category .list-category .category-item:nth-child(3){animation-delay:.2s}.category .list-category .category-item:nth-child(4){animation-delay:.3s}.category .list-category .category-item:nth-child(5){animation-delay:.4s}.category .list-category .category-item:nth-child(6){animation-delay:.5s}.category .list-category .category-item:nth-child(7){animation-delay:.6s}.category .list-category .category-item:nth-child(8){animation-delay:.7s}.category .list-category .category-item:nth-child(9){animation-delay:.8s}.category .list-category .category-item:nth-child(10){animation-delay:.9s}.category .list-category .category-item:nth-child(11){animation-delay:1s}.category .list-category .category-item:nth-child(12){animation-delay:1.1s}.category .list-category .category-item:nth-child(13){animation-delay:1.2s}.category .list-category .category-item:nth-child(14){animation-delay:1.3s}.category .list-category .category-item:nth-child(15){animation-delay:1.4s}.category .list-category .category-item:nth-child(16){animation-delay:1.5s}.category .list-category .category-item:nth-child(17){animation-delay:1.6s}.category .list-category .category-item:nth-child(18){animation-delay:1.7s}.category .list-category .category-item:nth-child(19){animation-delay:1.8s}.category .list-category .category-item:nth-child(20){animation-delay:1.9s}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{to{opacity:0;transform:translateY(10px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.collection{text-align:center;flex-direction:column;place-content:center;align-items:center;width:100%;margin-top:2rem;padding:0 20px;display:flex}.collection .list-collection{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:2rem;display:flex}.collection .list-collection .collection-item{opacity:0;border-radius:1rem;width:calc(33.333% - 2rem);min-width:250px;transition:transform .25s,box-shadow .25s;animation:.5s forwards fadeInUp;transform:translateY(20px)}@media (max-width:800px){.collection .list-collection .collection-item{width:calc(50% - 2rem)}}@media (max-width:320px){.collection .list-collection .collection-item{width:100%}}.collection .list-collection .collection-item img{aspect-ratio:1/1.2;object-fit:cover;border-radius:1rem;width:100%}.collection .list-collection .collection-item .collection-name{margin-top:.6rem;font-size:1.2rem;font-weight:500}.collection .list-collection .collection-item .collection-price{margin-top:.8rem;font-size:1rem}.collection .list-collection .collection-item:first-child{animation-delay:0s}.collection .list-collection .collection-item:nth-child(2){animation-delay:.1s}.collection .list-collection .collection-item:nth-child(3){animation-delay:.2s}.collection .list-collection .collection-item:nth-child(4){animation-delay:.3s}.collection .list-collection .collection-item:nth-child(5){animation-delay:.4s}.collection .list-collection .collection-item:nth-child(6){animation-delay:.5s}.collection .list-collection .collection-item:nth-child(7){animation-delay:.6s}.collection .list-collection .collection-item:nth-child(8){animation-delay:.7s}.collection .list-collection .collection-item:nth-child(9){animation-delay:.8s}.collection .list-collection .collection-item:nth-child(10){animation-delay:.9s}.collection .list-collection .collection-item:nth-child(11){animation-delay:1s}.collection .list-collection .collection-item:nth-child(12){animation-delay:1.1s}.collection .list-collection .collection-item:nth-child(13){animation-delay:1.2s}.collection .list-collection .collection-item:nth-child(14){animation-delay:1.3s}.collection .list-collection .collection-item:nth-child(15){animation-delay:1.4s}.collection .list-collection .collection-item:nth-child(16){animation-delay:1.5s}.collection .list-collection .collection-item:nth-child(17){animation-delay:1.6s}.collection .list-collection .collection-item:nth-child(18){animation-delay:1.7s}.collection .list-collection .collection-item:nth-child(19){animation-delay:1.8s}.collection .list-collection .collection-item:nth-child(20){animation-delay:1.9s}.collection .head-txt{margin-top:1rem;font-size:2rem;font-weight:500}@media (max-width:320px){.collection .head-txt{font-size:1.5rem}}