@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-404{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:60px 0;background:var(--color-stroke-primary);position:relative}.page-404:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.05"/><circle cx="20" cy="80" r="0.5" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.page-404 .error-content{text-align:center;color:#fff;position:relative;z-index:1;max-width:600px;margin:0 auto;padding:50px 30px;background:var(--color-green-secondary);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d}.page-404 .error-content .error-number{display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:700;margin-bottom:30px}.page-404 .error-content .error-number span{text-shadow:0 4px 8px rgba(0,0,0,.3)}.page-404 .error-content .error-number .error-icon{margin:0 20px;opacity:.8;animation:float 3s ease-in-out infinite}@media (max-width: 768px){.page-404 .error-content .error-number .error-icon svg{width:80px;height:80px}}@media (max-width: 480px){.page-404 .error-content .error-number .error-icon svg{width:60px;height:60px}}.page-404 .error-content .error-message{margin-bottom:40px}.page-404 .error-content .error-message .error-title{font-size:32px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.page-404 .error-content .error-message .error-title{font-size:26px}}@media (max-width: 480px){.page-404 .error-content .error-message .error-title{font-size:22px}}.page-404 .error-content .error-message .error-description{font-size:18px;line-height:1.6;opacity:.9;margin-bottom:0}@media (max-width: 768px){.page-404 .error-content .error-message .error-description{font-size:16px}}@media (max-width: 480px){.page-404 .error-content .error-message .error-description{font-size:15px}}.page-404 .error-content .error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.page-404 .error-content .error-actions{flex-direction:column;align-items:center;gap:12px}}.page-404 .error-content .error-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;border:none;cursor:pointer;min-width:180px;justify-content:center}@media (max-width: 768px){.page-404 .error-content .error-actions .btn{width:100%;max-width:280px;padding:12px 24px}}.page-404 .error-content .error-actions .btn.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.page-404 .error-content .error-actions .btn.btn-secondary:hover{background:var(--color-main);transform:translateY(-2px);color:#fff;border-color:#ffffff80}@media (max-width: 768px){.page-404{padding:40px 0;min-height:60vh}.page-404 .error-content{margin:0 15px;padding:40px 25px}.page-404 .error-content .error-number{font-size:80px;margin-bottom:25px}.page-404 .error-content .error-number .error-icon{margin:0 15px}}@media (max-width: 480px){.page-404 .error-content{margin:0 10px;padding:35px 20px}.page-404 .error-content .error-number{font-size:60px;margin-bottom:20px}.page-404 .error-content .error-number .error-icon{margin:0 10px}}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--collection-card-size),100%),1fr));gap:var(--grid-gap)}.collections--compact{--collection-card-size: 160px}.collections--full{--collection-card-size: 280px}.collection-card{display:flex;flex-direction:column;width:100%}.custom-section{position:relative;overflow:hidden;width:100%}.custom-section__background{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden}.custom-section__background img{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-section__content{display:grid;grid-template-columns:var(--content-grid)}.custom-section__content>*{grid-column:2}.welcome{display:grid;grid-template-columns:var(--content-grid);background-color:#f6f6f7;padding:72px 0}.welcome-content{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:0 24px}.welcome-description{max-width:80ch;line-height:1.4;margin-top:1.5rem}.icon{width:300px}.highlights{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:50px}@media (max-width: 1100px){.highlights{grid-template-columns:1fr}}.highlight{display:flex;flex-direction:column;height:100%;padding:24px;border-radius:8px;background-color:#eef3ff;color:#5c5f62;line-height:1.4}.highlight>*+*{margin-top:1rem}.highlight h3{font-size:1rem;color:#202223}.highlight-description{flex:1 1}.highlight a{display:flex;width:fit-content;background-color:#fafbfb;box-shadow:#0003 0 -3px inset,#ffffffe6 0 2px inset;border:1px solid rgb(140,145,150);border-radius:4px;color:#5c5f62;padding:3px 10px 5px;text-decoration:none}.home-banner{display:none!important;position:relative;height:100%;margin-top:20px;margin-bottom:20px}.home-banner swiper-container{width:100%;height:100%}.home-banner swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.home-banner swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.home-product-top-rank{position:relative;height:100%;margin-top:20px;margin-bottom:20px}.home-product-top-rank swiper-container{width:100%;height:100%}.home-product-top-rank swiper-slide{display:flex;justify-content:center;align-items:center}.home-product-top-rank swiper-slide img{display:block;width:100%;height:100%;object-fit:contain}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search-results .prev,.search-results .page,.search-results .next{grid-column:1 / -1}.group{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%}.group--horizontal{flex-direction:row;justify-content:space-between;align-items:center;padding:0 var(--padding)}.group--vertical{flex-direction:column;align-items:var(--alignment);padding:var(--padding) 0}.text{text-align:var(--text-align)}.text--title{font-size:2rem;font-weight:700}.text--subtitle{font-size:1.5rem}.pagination{margin-bottom:3rem;justify-content:center}.pagination ul{list-style:none;display:inline-flex;gap:8px;padding:0;margin:0}.pagination ul li a,.pagination ul li span{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border-radius:4px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.pagination ul li a{background-color:var(--color-main);color:var(--color-white-1);text-decoration:none!important;transition:background-color .3s ease}.pagination ul li a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff6b3566;color:var(--color-white-1);background-color:var(--color-green-secondary)}.pagination ul li.active span{background-color:var(--color-green-secondary);color:var(--color-white-1);cursor:default}.pagination ul li span{background-color:transparent;color:var(--color-main);cursor:default}.pagination ul li a.prev-link,.pagination ul li a.next-link{background-color:var(--color-main);color:var(--color-white-1);font-weight:700;font-size:14px;padding:0 12px;border-radius:4px;height:32px;line-height:32px;min-width:auto;width:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ef623d66;text-decoration:none!important;transition:all .3s ease}.pagination ul li a.prev-link:hover,.pagination ul li a.next-link:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ef623d99;color:var(--color-white-1);background-color:var(--color-green-secondary)}.order-flow{background-color:#fefcfb;padding:56px 0 30px}.order-flow .section-title{font-size:24px;font-weight:600;color:var(--color-black-main);margin-bottom:4px;text-align:center}.order-flow .section-underline{width:80px;height:4px;background-color:var(--color-green-secondary);margin:0 auto}.order-flow .flow-steps{display:flex;justify-content:center;gap:8px;margin:30px auto}.order-flow .flow-steps .flow-step{background-color:var(--color-white-1);border:1px solid var(--color-stroke-primary);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}.order-flow .flow-steps .flow-step .flow-step-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"flow-step-icon" "step-title";gap:14px}.order-flow .flow-steps .flow-step .flow-step-header .flow-step-icon{grid-area:flow-step-icon}.order-flow .flow-steps .flow-step .flow-step-header .step-title{font-size:16px;font-weight:600;color:var(--color-black-main);margin-bottom:0;grid-area:step-title;align-content:center}.order-flow .flow-steps .flow-step .step-description{font-size:14px;color:var(--color-grey-1);line-height:1.4}.order-flow .flow-steps .flow-arrow{width:24px;height:24px;margin:auto}.order-flow .btn-see-more{text-align:center;margin-top:30px}@media (max-width: 639px){.order-flow .flow-steps{flex-direction:column;gap:8px}.order-flow .flow-steps .flow-step .flow-step-header{grid-template-areas:"flow-step-icon step-title"}.order-flow .flow-steps .flow-arrow{transform:rotate(90deg)}}@media (min-width: 640px) and (max-width: 767px){.order-flow .flow-steps{flex-wrap:wrap;flex-direction:column;gap:8px}.order-flow .flow-steps .flow-step{flex:1 1 calc(50% - 8px)}.order-flow .flow-steps .flow-step .flow-step-header{grid-template-areas:"flow-step-icon step-title"}.order-flow .flow-steps .flow-arrow{transform:rotate(90deg)}}@media (min-width: 768px) and (max-width: 991px){.order-flow .flow-steps{flex-wrap:wrap;flex-direction:column;gap:16px}.order-flow .flow-steps .flow-step .flow-step-header{grid-template-areas:"flow-step-icon step-title"}.order-flow .flow-steps .flow-arrow{transform:rotate(90deg)}}.scroll-to-top{position:fixed;bottom:50px;right:30px;width:50px;height:50px;background-color:var(--color-main);color:#fff;border:none;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(20px);z-index:1000;display:flex;align-items:center;justify-content:center}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--color-green-secondary);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.scroll-to-top:active{transform:translateY(0)}@media (max-width: 768px){.scroll-to-top{width:45px;height:45px;font-size:18px;bottom:20px;right:20px}}.shopping-guide{background-color:var(--color-white-1);padding:76px 0}.shopping-guide .section-title{font-size:24px;font-weight:600;color:var(--color-black-main);margin-bottom:4px}.shopping-guide .section-underline{width:80px;height:4px;background-color:var(--color-green-secondary);margin-bottom:30px}.shopping-guide .guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:0 auto}.shopping-guide .guide-grid .guide-card{background-color:var(--color-white-1);border:1px solid var(--color-stroke-primary);border-radius:8px;padding:22px}.shopping-guide .guide-grid .guide-card .guide-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.shopping-guide .guide-grid .guide-card .guide-header .guide-title{font-size:16px;font-weight:600;color:var(--color-black-main)}.shopping-guide .guide-grid .guide-card .guide-content{font-size:14px;color:var(--color-black-main);line-height:1.4;list-style-type:disc;padding-left:20px}@media (max-width: 768px){.shopping-guide .guide-grid{grid-template-columns:1fr;gap:20px}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-grey-1);opacity:.7;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column}.loading-overlay .loading-spinner{text-align:center}.loading-overlay .loading-spinner .loading-icon{width:3rem;height:3rem;color:var(--color-white-1)}.loading-overlay .loading-spinner .loading-text{font-size:1.1rem;font-weight:500;color:var(--color-white-1)}.image{display:block;position:relative;overflow:hidden;width:100%;height:auto}.image>img{width:100%;height:auto}.express-shipping-order-flow{padding:56px 0 30px}.express-shipping-order-flow .section-title{font-size:24px;font-weight:600;color:var(--color-black-main);margin-bottom:4px;text-align:center}.express-shipping-order-flow .section-underline{width:80px;height:4px;background-color:var(--color-green-secondary);margin:0 auto}.express-shipping-order-flow .flow-steps{display:flex;justify-content:center;gap:8px;margin:30px auto}.express-shipping-order-flow .flow-steps .flow-step{background-color:var(--color-white-1);border:1px solid var(--color-stroke-primary);border-radius:8px;padding:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:14px}.express-shipping-order-flow .flow-steps .flow-step .step-title{font-size:16px;font-weight:600;color:var(--color-black-main)}.express-shipping-order-flow .flow-steps .flow-step .step-description{font-size:16px;line-height:22px;font-weight:600}.express-shipping-order-flow .flow-steps .flow-arrow{width:24px;height:24px;margin:auto}.express-shipping-order-flow .btn-see-more{text-align:center;margin-top:30px}@media (max-width: 639px){.express-shipping-order-flow{padding-left:10px;padding-right:10px}.express-shipping-order-flow .flow-steps{flex-direction:column;gap:16px}.express-shipping-order-flow .flow-steps .flow-arrow{transform:rotate(90deg)}.express-shipping-order-flow .flow-steps .flow-step{flex:1 1 calc(50% - 8px);justify-content:center}}@media (min-width: 640px) and (max-width: 767px){.express-shipping-order-flow{padding-left:20px;padding-right:20px}.express-shipping-order-flow .flow-steps{flex-wrap:wrap;flex-direction:column;gap:16px}.express-shipping-order-flow .flow-steps .flow-step{flex:1 1 calc(50% - 8px);justify-content:center}.express-shipping-order-flow .flow-steps .flow-arrow{transform:rotate(90deg)}}.phone-contact .content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"contact-information phone-contact-img";gap:1rem}.phone-contact .content .phone-contact-img{grid-area:phone-contact-img}.phone-contact .content .phone-contact-img img{width:100%;height:auto}.phone-contact .content .contact-information{grid-area:contact-information}.phone-contact .content .contact-information .contact-time{display:flex;align-items:center;gap:16px}.phone-contact .content .contact-information .contact-time .contact-time-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-orange-1);border-radius:50%}.phone-contact .content .contact-information .contact-time .contact-time-text{font-weight:500}.phone-contact .content .contact-information .contact-btn{display:flex;align-items:center;gap:2rem;justify-content:center}.phone-contact .content .contact-information .contact-btn a{text-decoration:none}@media (max-width: 639px){.phone-contact{padding-left:10px;padding-right:10px}.phone-contact .content{grid-template-columns:repeat(1,1fr);grid-template-areas:"phone-contact-img" "contact-information"}.phone-contact .contact-information .contact-btn{flex-direction:column-reverse;gap:1rem!important}.phone-contact .contact-information .contact-btn .btn-outline-main,.phone-contact .contact-information .contact-btn .btn-main{width:100%}}@media (min-width: 640px) and (max-width: 767px){.phone-contact .content{grid-template-columns:repeat(1,1fr);grid-template-areas:"phone-contact-img" "contact-information"}}@media (min-width: 768px) and (max-width: 1200px){.phone-contact .content{grid-template-columns:repeat(1,1fr);grid-template-areas:"phone-contact-img" "contact-information"}}
/*# sourceMappingURL=/cdn/shop/t/12/compiled_assets/styles.css.map */