html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:linear-gradient(to right,#f8f9fa,#fff);transition:background .5s ease-out}body.scrolled{background:linear-gradient(to right,#fff,#f8f9fa)}body{font-family:Poppins,sans-serif;background-color:#f8f9fa;background-image:linear-gradient(to right,#2a9b7805,#2a9b7803),url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z" fill="%232a9b78" fill-opacity="0.02" fill-rule="evenodd"/%3E%3C/svg%3E');transition:background-image .5s ease-out}body.scrolled{background-image:none!important;background-color:#fff}#sticky-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}#sticky-nav.scrolled{box-shadow:0 4px 20px #00000014;background-color:#fffffffa}.main-nav a{position:relative;font-weight:500}.main-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#2a9b78;transition:width .3s ease}.main-nav a:hover:after,.main-nav a.text-jade-600:after{width:100%}.dropdown-menu{transform-origin:top center;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px #0000001a;border-radius:.5rem;border:1px solid rgba(42,155,120,.1);overflow:hidden}.dropdown-menu li{transition:all .2s ease}.dropdown-menu li:hover{background-color:#2a9b780d}.dropdown-menu a{transition:all .2s ease;padding:.75rem 1rem;display:block}.search-box{transition:all .3s ease;border:1px solid rgba(42,155,120,.2)}.search-box:focus-within{box-shadow:0 0 0 3px #2a9b7833}.search-box input{font-size:.95rem}.product-card{transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:.75rem;overflow:hidden;background-color:#fff;border:1px solid rgba(42,155,120,.1);height:100%;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014;border-color:#2a9b7833}.product-image{position:relative;overflow:hidden;border-radius:.5rem .5rem 0 0;background-color:#f8f9fa}.product-image:before{content:"";display:block;padding-top:100%}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-image img{transform:scale(1.08)}.product-title{font-weight:600;color:#115e3f;font-size:1rem;line-height:1.4;margin-bottom:.25rem;transition:color .2s ease}.product-card:hover .product-title{color:#2a9b78}.thumbnail{width:70px;height:70px;border:2px solid transparent;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease;opacity:.7;box-shadow:0 2px 5px #00000014}.thumbnail.active{border-color:#2a9b78;opacity:1;box-shadow:0 4px 10px #0000001a}.thumbnail:hover{opacity:1;transform:translateY(-3px)}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 640px){.thumbnail{width:60px;height:60px}}.size-option{padding:.5rem 1rem;border:1px solid rgba(42,155,120,.2);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.size-option:hover{background-color:#2a9b780d;border-color:#2a9b784d}.size-option.selected{background-color:#2a9b78;color:#fff;border-color:#2a9b78;box-shadow:0 2px 5px #2a9b784d}.product-grid{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:1.25rem;padding:.5rem .25rem;margin:0 -.25rem}.product-grid::-webkit-scrollbar{display:none}.product-grid .product-card{scroll-snap-align:start}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#2a9b7880;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#2a9b78b3}.carousel-controls button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 3px 10px #0000001a;transition:all .3s ease;border:1px solid rgba(42,155,120,.1)}.carousel-controls button:hover:not(.disabled){background-color:#2a9b78;color:#fff;transform:translateY(-2px)}.carousel-controls button.disabled{opacity:.3;cursor:not-allowed}.hamburger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.hamburger:hover{background-color:#2a9b781a}.hamburger .w-6{position:relative;width:24px;height:18px}.hamburger .w-6 span{position:absolute;left:0;width:24px;height:2px;background-color:#115e3f;border-radius:2px;transition:all .3s cubic-bezier(.68,-.6,.32,1.6)}.hamburger .w-6 span:nth-child(1){top:0}.hamburger .w-6 span:nth-child(2){top:8px;width:18px}.hamburger .w-6 span:nth-child(3){top:16px}.hamburger.active .w-6 span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .w-6 span:nth-child(2){opacity:0}.hamburger.active .w-6 span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-nav.md\:hidden{transition:all .3s cubic-bezier(.16,1,.3,1);border-top:1px solid rgba(42,155,120,.1)}.main-nav.md\:hidden:not(.hidden){display:block;animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-nav.md\:hidden a{display:block;padding:.75rem 1rem;border-radius:.5rem;transition:all .2s ease}.main-nav.md\:hidden a:hover{background-color:#2a9b780d}.main-nav.md\:hidden .dropdown-menu{padding-left:1rem;margin-top:.25rem;margin-bottom:.25rem;border-left:2px solid rgba(42,155,120,.2)}.main-nav.md\:hidden .dropdown.active .dropdown-menu{display:block;animation:fadeIn .3s ease forwards}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media (min-width: 640px){.grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}}@media (min-width: 768px){.grid-view{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}@media (min-width: 1024px){.grid-view{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.75rem}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shadow-soft{box-shadow:0 5px 15px #0000000d,0 2px 5px #00000008}.modal-content{box-shadow:0 10px 40px #0000001a,0 5px 15px #0000000d;transform:translateY(0);transition:transform .3s ease-out,opacity .3s ease-out;border-radius:1rem;overflow:hidden;border:1px solid rgba(42,155,120,.1)}.modal-content.slide-up{animation:modalSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(to right,#2a9b780d,#fff0);border-bottom:1px solid rgba(42,155,120,.1);padding:1.25rem 1.5rem}.modal-header h2{font-weight:600;color:#115e3f}.close-modal{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-modal:hover{background-color:#2a9b781a}.modal-search{padding:1rem 1.5rem;border-bottom:1px solid rgba(42,155,120,.1)}.modal-search-box{border-radius:.75rem;transition:all .3s ease}.modal-search-box:focus-within{box-shadow:0 0 0 3px #2a9b7833}.modal-body{padding:1.5rem}.product-detail-content{max-width:1000px}.product-detail-main-image{border-radius:.75rem;overflow:hidden;background-color:#f8f9fa;border:1px solid rgba(42,155,120,.1);transition:all .3s ease}.product-detail-main-image:hover{border-color:#2a9b784d}.product-detail-name{font-weight:700;color:#115e3f;line-height:1.3}.product-detail-code{font-size:.875rem;color:#666}.product-detail-description{line-height:1.6;color:#444}.modal-content{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-body{overflow-y:auto;overflow-x:hidden}@media (max-width: 640px){#modal-products{grid-template-columns:repeat(2,1fr);gap:.75rem}#modal-products .product-card{font-size:.875rem}.modal-header,.modal-search,.modal-body{padding:1rem}}@media (min-width: 641px) and (max-width: 768px){#modal-products{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){#modal-products{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width: 1025px) and (max-width: 1280px){#modal-products{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width: 1281px){#modal-products{grid-template-columns:repeat(5,1fr);gap:1.5rem}}.hero-banner{border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px #00000014;position:relative}.hero-banner img{width:100%;height:auto;display:block;transition:transform 10s ease}.hero-banner:hover img{transform:scale(1.05)}.page-header{margin-bottom:2rem}.page-header h2{font-weight:700;color:#115e3f;margin-bottom:.5rem}.page-header .h-1{height:3px;width:60px;background:linear-gradient(to right,#2a9b78,#2a9b784d);border-radius:3px}.category-card-link{transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:.75rem;overflow:hidden}.category-card-link:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.category-image{position:relative}.category-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);transition:all .3s ease}.category-card-link:hover .category-image:after{height:70%}.category-title{font-weight:600;font-size:1.125rem;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.category-card-link:hover .category-title{transform:translateY(-5px)}.no-results{padding:3rem;border-radius:1rem;text-align:center;background-color:#f8f9fa;border:1px dashed rgba(42,155,120,.2)}.no-results svg{color:#2a9b784d;margin-bottom:1rem}.no-results p{color:#666;margin-bottom:1rem}footer{background:linear-gradient(to right,#0a4a30,#115e3f);padding:3rem 0;margin-top:3rem}footer p{color:#ffffffe6}footer .text-jade-200{color:#ffffffb3}.language-btn{transition:all .3s ease;font-weight:500}.language-btn.bg-jade-600{box-shadow:0 2px 5px #2a9b784d}@media (max-width: 768px){.main-nav.md\:hidden{top:64px;max-height:calc(100vh - 64px);overflow-y:auto;background-color:#fff;border-bottom:1px solid rgba(42,155,120,.1);box-shadow:0 10px 20px #0000001a}.product-detail-grid{gap:2rem}.hero-banner{border-radius:.75rem}}@media (max-width: 640px){.product-detail-body{padding:1rem}.product-detail-grid{gap:1.5rem}.hero-banner{border-radius:.5rem}.page-header{margin-bottom:1.5rem}}.subcategory-section{opacity:0;transition:opacity .5s ease}.subcategory-section.active{opacity:1}.overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#00000080;transition:all .3s ease}main{transition:background-color .5s ease-out}body.scrolled main{background-color:#fff}