@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";:root{--primary-green: #10B981;--primary-green-light: #34D399;--primary-green-dark: #059669;--primary-green-soft: #D1FAE5;--secondary-blue: #0EA5E9;--secondary-blue-light: #38BDF8;--secondary-blue-dark: #0284C7;--bg-white: #FFFFFF;--bg-light: #F0F9FF;--bg-soft: #F5F5F5;--bg-card: #FFFFFF;--bg-cream: #FFFFFF;--text-primary: #1F2937;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-green: #10B981;--text-blue: #0EA5E9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-blue: 0 4px 14px 0 rgba(14, 165, 233, .39);--border-light: 1px solid #E5E7EB;--border-blue: 2px solid var(--secondary-blue);--border-green: 1px solid var(--primary-green);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--font-family: "Prompt", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-cream);color:var(--text-primary);line-height:1.6}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl)}.section-title h2{margin-bottom:var(--spacing-sm)}.section-title h2 span{color:var(--secondary-blue-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-family);font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-dark) 100%);color:#fff;border:2px solid transparent}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-green-dark) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--primary-green-dark);border:2px solid var(--secondary-blue)}.btn-secondary:hover{background:var(--secondary-blue);color:#fff}.btn-outline{background:#fff;color:var(--primary-green-dark);border:2px solid var(--primary-green)!important;font-weight:600}.btn-outline:hover{background:var(--primary-green-soft);border-color:var(--primary-green-dark)}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-danger{color:#dc3545;border-color:#dc3545!important}.btn-danger:hover{background:#dc3545;color:#fff}.card{background:var(--bg-card);border:1px solid #E0E0E0;border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green) 0%,var(--secondary-blue) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:0;transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary-blue)}.card:hover:before{opacity:1}.badge{display:inline-block;padding:.35rem 1rem;font-size:.85rem;font-weight:500;background:linear-gradient(135deg,var(--secondary-blue-light) 0%,var(--secondary-blue) 100%);color:#fff;border-radius:50px}.divider{width:60px;height:3px;background:linear-gradient(90deg,var(--primary-green) 0%,var(--secondary-blue) 100%);border-radius:2px;margin:var(--spacing-sm) 0}.divider-center{margin-left:auto;margin-right:auto}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:992px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0}}.page{min-height:100vh;padding-top:70px}.page-header{padding:var(--spacing-2xl) 0;text-align:center;background:linear-gradient(135deg,var(--bg-soft) 0%,var(--bg-cream) 100%);border-bottom:2px solid var(--secondary-blue-light)}.page-hero{min-height:40vh;display:flex;align-items:center;background:var(--bg-soft);padding:50px 0 30px;text-align:center;position:relative;overflow:hidden}.page-hero-content{position:relative;z-index:2;margin:0 auto}.page-hero h1{margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,3.5rem)}.page-hero p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-xl)}.page-hero .badge{margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--secondary-blue-light) 0%,var(--secondary-blue) 100%);color:#fff;padding:.5rem 1.5rem;font-size:.9rem;border-radius:50px;display:inline-block;font-weight:600;box-shadow:var(--shadow-sm)}.text-center{text-align:center}.text-green{color:var(--primary-green-dark)}.text-blue{color:var(--secondary-blue)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}.blue-line{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--secondary-blue) 50%,transparent 100%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-green) 0%,var(--secondary-blue) 100%);border-radius:4px}::selection{background:var(--secondary-blue);color:#fff}.badge{position:relative;overflow:hidden;border:none;box-shadow:0 4px 15px #0ea5e966}.badge:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg);animation:shimmerBadge 3s infinite}.slide-text{display:inline-block;opacity:0;transform:translateY(30px);animation:slideUp .8s ease forwards}.slide-1{animation-delay:.1s}.slide-3{animation-delay:.5s}.language-selector{position:relative}.language-toggle{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;background:transparent;border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:.8rem;color:var(--text-secondary);transition:var(--transition-fast)}.language-toggle:hover{background:var(--bg-soft);border-color:var(--primary-green)}.language-flag{font-size:1rem;line-height:1}.language-name{font-weight:500}.language-arrow{width:12px;height:12px;transition:var(--transition-fast)}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:100%;background:var(--bg-white);border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden;z-index:100;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;cursor:pointer;font-family:var(--font-family);font-size:.8rem;color:var(--text-secondary);transition:var(--transition-fast);text-align:left}.language-option:hover{background:var(--bg-soft);color:var(--primary-green)}.language-option.active{background:var(--bg-soft);color:var(--primary-green);font-weight:600}@media(max-width:768px){.language-name{display:none}.language-toggle{padding:.35rem .5rem}.language-dropdown .language-name{display:inline}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-white);transition:var(--transition-normal);box-shadow:0 2px 10px #0000000d}.navbar-scrolled{box-shadow:var(--shadow-sm)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-divider{width:1px;height:24px;background:var(--border-color, rgba(0, 0, 0, .1));margin:0 .25rem}.navbar-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:60px;height:60px;object-fit:contain}.logo-text{display:flex;flex-direction:column}.logo-name{font-size:.9rem;font-weight:700;color:var(--primary-green-dark);letter-spacing:.5px}.logo-tagline{font-size:.7rem;color:var(--text-muted)}.navbar-menu{display:flex;align-items:center;gap:.25rem}.navbar-item{position:relative}.navbar-link{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--primary-green-dark);background:var(--bg-soft)}.dropdown-arrow{width:14px;height:14px;transition:var(--transition-fast)}.navbar-item:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg-white);border:var(--border-light);border-radius:var(--radius-md);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition-fast);box-shadow:var(--shadow-md)}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.6rem 1rem;font-size:.85rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast)}.dropdown-item:hover,.dropdown-item.active{color:var(--primary-green-dark);background:var(--bg-soft)}.navbar-social{display:flex;align-items:center;gap:.5rem}.navbar-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-fast)}.navbar-social-link svg{width:18px;height:18px}.navbar-social-link:hover{transform:translateY(-2px)}.navbar-social-link.facebook:hover{color:#1877f2;background:#1877f21a}.navbar-social-link.tiktok:hover{color:#000;background:#00000014}.navbar-social-link.line:hover{color:#06c755;background:#06c7551a}.navbar-actions{display:flex;align-items:center;gap:.5rem}.navbar-toggle{display:none;flex-direction:column;gap:4px;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:5px;justify-content:center}.navbar-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition-fast)}.navbar-toggle.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.navbar-mobile{display:none;position:fixed;inset:56px 0 0;background:var(--bg-white);padding:var(--spacing-md);transform:translate(100%);transition:var(--transition-normal)}.navbar-mobile.open{transform:translate(0)}.mobile-menu{display:flex;flex-direction:column;gap:.25rem}.mobile-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:left;font-family:var(--font-family)}.mobile-link:hover,.mobile-link.active{color:var(--primary-green-dark);background:var(--bg-soft)}.mobile-dropdown{max-height:0;overflow:hidden;transition:var(--transition-normal)}.mobile-dropdown.open{max-height:200px}.mobile-dropdown-item{display:block;padding:.6rem 1rem .6rem 2rem;font-size:.9rem;color:var(--text-muted)}.mobile-dropdown-item.active{color:var(--primary-green-dark)}@media(max-width:768px){.navbar-menu{display:none}.navbar-toggle{display:flex}.navbar-mobile{display:block}.logo-text{display:none}}@media(max-width:480px){.logo-text{display:none}.navbar-container{padding:0 var(--spacing-sm)}.logo-icon{width:35px;height:35px}}.footer{background-color:var(--bg-soft);color:var(--text-primary);padding:4rem 0 0;font-family:var(--font-family);position:relative;overflow:hidden;border-top:1px solid var(--border-light)}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--secondary-blue) 0%,var(--secondary-blue-light) 50%,var(--secondary-blue) 100%)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1.5fr;gap:2rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo img{height:50px;width:auto}.footer-logo span{font-size:1.25rem;font-weight:700;color:var(--primary-green-dark);letter-spacing:1px}.footer-brand p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-width:300px}.footer-links h4,.footer-contact h4{color:var(--primary-green-dark);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;position:relative;display:inline-block}.footer-links h4:after,.footer-contact h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--secondary-blue)}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.footer-links a:before{content:"›";color:var(--secondary-blue);font-size:1.2rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.footer-links a:hover{color:var(--primary-green-dark);padding-left:5px}.footer-links a:hover:before{opacity:1;transform:translate(0)}.footer-contact ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.footer-contact li{display:flex;align-items:flex-start;gap:1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.footer-contact .icon{font-size:1.2rem;margin-top:-2px}.footer-social{display:flex;gap:.75rem;margin-top:1.5rem}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-muted);background:var(--bg-white);border:1px solid var(--border-light);transition:var(--transition-fast)}.footer-social-link svg{width:20px;height:20px}.footer-social-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.footer-social-link.facebook:hover{color:#1877f2;background:#1877f21a;border-color:#1877f233}.footer-social-link.tiktok:hover{color:#000;background:#00000014;border-color:#0000001a}.footer-social-link.line:hover{color:#06c755;background:#06c7551a;border-color:#06c75533}.footer-bottom{border-top:1px solid var(--border-light);padding:1.5rem 0;text-align:center;margin-top:2rem;background:#00000005}.footer-bottom p{color:var(--text-muted);font-size:.85rem;margin:0}.footer-map h4{color:var(--primary-green-dark);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;position:relative;display:inline-block}.footer-map h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--secondary-blue)}.map-container{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.map-container iframe{display:block}@media(max-width:992px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1;align-items:center;text-align:center}.footer-brand p{max-width:100%}.footer-brand .footer-social{justify-content:center}.footer-map{grid-column:1 / -1}}@media(max-width:576px){.footer-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-links h4:after,.footer-contact h4:after{left:50%;transform:translate(-50%)}.footer-links a,.footer-contact li,.footer-social{justify-content:center}}.image-slider-section{padding:0;overflow:hidden;background:linear-gradient(to bottom,#FFFFFF 0%,var(--bg-light) 100%);padding-bottom:2rem}.slider-container{width:100%;overflow:hidden;position:relative;display:flex}.slider-track{display:flex;gap:1rem;width:max-content;animation:scroll 40s linear infinite}.slider-track:hover{animation-play-state:paused}.slider-item{width:300px;height:200px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease}.slider-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.slider-item:hover{transform:scale(1.02)}.slider-item:hover img{transform:scale(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.slider-item{width:200px;height:150px}}.standards-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-white);overflow:hidden}.standards-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.standards-top-section{display:flex;align-items:center;justify-content:center;gap:4rem;margin-bottom:5rem;width:100%;max-width:1100px;margin-left:auto;margin-right:auto}.standards-info-col{flex:1;display:flex;flex-direction:column;gap:1.5rem}.standards-quote{background:linear-gradient(135deg,#fff,#f9fbfd);padding:1.5rem 2rem;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000000d;position:relative;border-left:5px solid var(--secondary-blue);opacity:0;transform:translate(-30px);transition:all 1s cubic-bezier(.25,.46,.45,.94);transition-delay:.4s}.standards-quote blockquote{margin:0;font-size:1.1rem;font-weight:600;line-height:1.6;color:var(--primary-green-dark);font-style:italic;position:relative}.standards-profile{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #eee;opacity:0;transform:translate(-30px);transition:all 1s cubic-bezier(.25,.46,.45,.94);transition-delay:.6s}.standards-top-section.visible .standards-profile{opacity:1;transform:translate(0)}.standards-profile h3{font-size:1.5rem;color:var(--primary-green-dark);font-weight:800;margin-bottom:1rem;border-bottom:2px solid var(--secondary-blue-light);padding-bottom:.5rem;display:inline-block}.standards-profile .profile-details p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6;margin:0 0 .5rem}.standards-profile .profile-details p:last-child{margin-bottom:0}.standards-top-section.visible .standards-quote{opacity:1;transform:translate(0)}.standards-quote blockquote{margin:0;font-size:1.5rem;font-weight:600;line-height:1.8;color:var(--primary-green-dark);font-style:italic;position:relative}.standards-quote blockquote:before{content:'"';font-size:4rem;color:var(--secondary-blue-light);position:absolute;top:-30px;left:-15px;opacity:.3;font-family:serif}.standards-hero-image{flex:1.5;text-align:center;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.standards-top-section.visible .standards-hero-image{opacity:1;transform:translateY(0)}.standards-hero-image img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:450px}@media(max-width:768px){.standards-top-section{flex-direction:column-reverse;gap:2rem}.standards-quote{width:100%;text-align:center;border-left:none;border-top:5px solid var(--secondary-blue)}}.standards-image-stack{display:flex;flex-direction:column;gap:1.5rem;width:100%}.standards-image-stack img{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:transform .5s ease}.standards-image-stack img:hover{transform:scale(1.02)}.standards-content{display:flex;flex-direction:column}.standards-header{margin-bottom:2rem}.standards-header h2{font-size:2.5rem;color:var(--primary-green-dark);margin-bottom:1rem;line-height:1.2}.standards-header h2 span{color:var(--secondary-blue)}.standards-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.standards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.standard-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md);transition:all 1.2s cubic-bezier(.25,.46,.45,.94);border:1px solid transparent;opacity:0;transform:translateY(30px)}.standard-item.visible{opacity:1;transform:translateY(0)}.standard-item:hover{background:#fff;box-shadow:var(--shadow-md);border-color:var(--secondary-blue-light);transform:translateY(-3px)}.std-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:var(--primary-green-dark);font-size:2rem;flex-shrink:0;box-shadow:var(--shadow-sm);overflow:hidden}.std-icon img{width:100%;height:100%;object-fit:contain;padding:2px}.std-info h4{color:var(--primary-green-dark);font-size:1rem;font-weight:700;margin-bottom:.25rem}.std-info p{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0}@media(max-width:992px){.standards-container{grid-template-columns:1fr;gap:3rem}.standards-image-stack{order:-1}}@media(max-width:576px){.standards-grid{grid-template-columns:1fr}.standards-image-stack img{height:200px}.standards-header h2{font-size:2rem}}.hero{min-height:109vh;margin-top:-70px;padding-top:70px;background:url(/images/hero-bg-5.png) no-repeat center center/cover;position:relative;display:flex;align-items:center;transition:background-image .3s ease-in-out}@media(min-width:992px){.hero{background-image:url(/images/hero-bg-desktop.webp)}}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffffff2,#ffffff4d 25%,#fff0);z-index:0}.hero .container{position:relative;z-index:1;width:100%;display:flex;align-items:center}.hero-content{max-width:750px;color:var(--text-dark);margin-left:-110px;margin-top:50px}.hero-glass-card{background:linear-gradient(135deg,#ffffff80,#ffffffdb);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);border-radius:24px;padding:40px;box-shadow:0 15px 35px #0000001a,inset 0 0 20px #fff3;transition:transform .4s ease,box-shadow .4s ease;position:relative;overflow:hidden}.hero-glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026,inset 0 0 30px #ffffff4d}.hero-glass-card:after{content:"";position:absolute;inset:-2px;border-radius:26px;background:conic-gradient(from var(--glow-angle, 0deg),transparent 0%,transparent 30%,rgba(14,165,233,.6) 50%,transparent 70%,transparent 100%);z-index:-1;animation:borderGlow 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px}@keyframes borderGlow{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.hero-glass-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffffe6,#fff0);transform:skew(-25deg);animation:shimmer 6s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.hero-cert-text{display:block;margin-top:8px;font-weight:500;color:var(--primary-green-dark)}.hero-certifications{margin-top:30px;display:flex;justify-content:center;width:100%}.cert-banner-img{height:110px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--primary-green-dark);margin-bottom:10px;line-height:1.1;margin-top:30px}.text-white{background:linear-gradient(135deg,var(--secondary-blue-dark) 0%,var(--secondary-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;display:block;margin-top:10px;text-shadow:none}.hero-subtitle{font-size:1.1rem;background:#fffc;display:inline-block;padding:8px 16px;border-radius:50px;color:var(--secondary-blue-dark);font-weight:700;letter-spacing:2px;margin-bottom:25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--secondary-blue-dark)}.hero-description{font-size:1.15rem;color:#475569;margin-bottom:40px;line-height:1.7;font-weight:500;opacity:0;animation:slideInLeft .8s ease-out forwards;animation-delay:.8s}.hero-subtitle-box{display:inline-block;border:2px solid var(--primary-green);color:var(--primary-green-dark);padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,28px);font-size:clamp(.75rem,2vw,1rem);border-radius:50px;background:#ffffff80;font-weight:700;margin-bottom:15px}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:40px}.btn-white{background:var(--primary-green);color:#fff;font-weight:700;padding:14px 32px;border-radius:50px;border:none;box-shadow:0 10px 25px #04785733;transition:all .3s ease}.btn-white:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0478574d;background:var(--primary-green-dark)}.btn-outline-white{background:var(--secondary-blue);color:#fff;font-weight:700;padding:16px 40px;font-size:1.1rem;border-radius:50px;border:none;box-shadow:0 10px 25px #0ea5e966;transition:all .3s ease}.btn-outline-white:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0ea5e999;background:var(--secondary-blue-light);color:#fff}.certifications-section{background:var(--bg-white);padding-bottom:2rem}.cert-carousel-wrapper{position:relative;display:flex;align-items:center;gap:1rem;max-width:100%;margin:0 auto;padding:0 2rem}.cert-carousel{display:grid;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:2rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem .5rem;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.cert-carousel::-webkit-scrollbar{display:none}.cert-item{width:100%;scroll-snap-align:center;display:flex;justify-content:center}.cert-item img{width:100%;object-fit:contain;border:1px solid #eee;box-shadow:0 4px 15px #0000000d;border-radius:var(--radius-md);transition:transform .3s ease}.cert-item img:hover{transform:scale(1.05);z-index:1}.cert-nav-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--primary-green);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 15px #0478574d;z-index:10}.cert-nav-btn:hover{background:var(--primary-green-dark);transform:scale(1.1)}@media(max-width:992px){.cert-carousel{grid-auto-columns:calc((100% - 2rem)/2)}.cert-item img{height:350px}}@media(max-width:768px){.cert-carousel{grid-auto-columns:100%;grid-template-rows:1fr}.cert-item img{height:auto;max-height:500px}.cert-carousel-wrapper{gap:.5rem}.cert-nav-btn{width:36px;height:36px}}.services{background:var(--bg-cream);position:relative}.services:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green) 0%,var(--secondary-blue) 50%,var(--primary-green) 100%)}.services-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.service-item-link{text-decoration:none;color:inherit;display:block}.service-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-white);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:0 8px 20px #0000000f;transition:all .3s ease;border:1px solid transparent;gap:1rem;height:100%}.service-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:var(--secondary-blue-light)}.service-left{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.service-icon{width:100%;height:200px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.service-icon img{width:100%;height:100%;object-fit:cover}.service-left h3{margin:0;font-size:1.1rem;color:var(--primary-green-dark);font-weight:700}.service-right{width:100%;padding-top:.75rem;border-top:1px solid #eee}.service-right p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media(max-width:992px){.services-list{grid-template-columns:repeat(3,1fr);gap:1rem}.service-item{padding:1rem}.service-left h3{font-size:1rem}}@media(max-width:768px){.services-list{display:grid;grid-template-columns:1fr;gap:1rem;max-width:100%;padding:0 .5rem}.service-item{padding:1rem}.service-left{gap:.5rem}.service-left h3{font-size:.95rem}.service-icon{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:var(--radius-sm)}.service-icon img{width:100%;height:100%;object-fit:cover}}.news-activities{background:linear-gradient(180deg,var(--bg-white) 0%,var(--bg-cream) 100%);padding:80px 0}.facebook-carousel-wrapper{position:relative;display:flex;align-items:center;gap:1rem;max-width:100%;margin:0 auto}.facebook-feed-container{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem .5rem;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}.facebook-feed-container::-webkit-scrollbar{display:none}.facebook-feed-container iframe{flex-shrink:0;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a}.fb-nav-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--primary-green);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 15px #0478574d;z-index:10}.fb-nav-btn:hover{background:var(--primary-green-dark);transform:scale(1.1)}.fb-nav-btn svg{width:24px;height:24px}.facebook-feed-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:2rem;padding:2rem 0;flex-wrap:wrap}.facebook-feed-wrapper iframe{border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a}@media(max-width:768px){.facebook-carousel-wrapper{padding:0 .5rem}.facebook-feed-container{gap:1rem;padding:1rem 0}.facebook-feed-container iframe{width:calc(100vw - 120px)!important;max-width:350px}.fb-nav-btn{width:40px;height:40px}.fb-nav-btn svg{width:20px;height:20px}}@media(max-width:480px){.facebook-feed-container iframe{width:calc(100vw - 100px)!important;max-width:300px}.fb-nav-btn{width:36px;height:36px}}.news-carousel-wrapper{position:relative;display:flex;align-items:center;gap:1rem}.news-carousel{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem .5rem;scrollbar-width:none;-ms-overflow-style:none}.news-carousel::-webkit-scrollbar{display:none}.news-card{min-width:300px;max-width:300px;background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 30px #00000014;transition:all .3s ease;flex-shrink:0}.news-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.news-card-image{position:relative;height:180px;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.news-card:hover .news-card-image img{transform:scale(1.1)}.news-category{position:absolute;top:12px;left:12px;background:var(--primary-green);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.news-card-content{padding:1.25rem}.news-date{display:inline-block;color:var(--secondary-blue);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.news-card-content h3{font-size:1.1rem;color:var(--primary-green-dark);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-nav-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--primary-green);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 15px #0478574d}.news-nav-btn:hover{background:var(--primary-green-dark);transform:scale(1.1);box-shadow:0 6px 20px #04785766}.news-nav-btn svg{width:24px;height:24px}@media(max-width:768px){.news-carousel-wrapper{flex-direction:column;gap:1.5rem}.news-nav-btn{display:none}.news-card{min-width:280px;max-width:280px}.news-activities{padding:60px 0}}.cta{background:var(--bg-white)}.cta-box{text-align:center;padding:var(--spacing-2xl);background:var(--bg-soft);border-radius:var(--radius-xl);color:var(--text-dark);position:relative;overflow:hidden;border:none}.cta-box:before{display:none}.cta-box h2{margin-bottom:var(--spacing-sm);color:var(--text-dark)}.cta-box p{margin-bottom:var(--spacing-lg);color:var(--text-muted)}.cta-box .btn-primary{background:var(--primary-green);color:#fff;font-weight:600;border:none}.cta-box .btn-primary:hover{background:var(--primary-green-dark);box-shadow:0 4px 20px #04785780}@media(max-width:992px){.hero{background-position:center right}.hero .container{justify-content:center}.hero-content{max-width:100%;text-align:center;padding:40px 20px;margin:0 auto}.hero-buttons{justify-content:center}.home-stats-grid{grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:40px}.hero:before{background:linear-gradient(180deg,#fff,#ffffffc4 60%,#fff)}}@media(max-width:768px){.hero{flex-direction:column;min-height:auto}.hero-content{text-align:center;max-width:100%}.hero-buttons{justify-content:center}.hero-logo{width:280px;margin-left:auto;margin-right:auto}}@media(max-width:576px){.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}.hero h1{font-size:2.2rem}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{opacity:0;animation:slideInLeft .8s ease-out forwards}.d-block{display:block}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes glowFadeIn{0%{opacity:0;transform:translateY(20px);filter:drop-shadow(0 0 0 rgba(16,185,129,0))}50%{opacity:.8;filter:drop-shadow(0 0 20px rgba(16,185,129,.6))}to{opacity:1;transform:translateY(0);filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}}.animate-glow{opacity:0;animation:glowFadeIn 1.2s ease-out forwards}.products-page .page-header{background:var(--bg-soft)}.products-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:var(--spacing-xl)}.filter-btn{padding:.5rem 1.25rem;font-family:var(--font-family);font-size:.85rem;color:var(--text-muted);background:var(--bg-white);border:var(--border-light);border-radius:50px;cursor:pointer;transition:var(--transition-fast)}.filter-btn:hover{border-color:var(--primary-green-dark);color:var(--primary-green-dark)}.filter-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green-dark)}.products-grid .product-card{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;height:100%;padding:1rem;transition:all .3s ease;border:1px solid transparent;box-shadow:0 2px 8px #00000014}.products-grid .product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--secondary-blue-light)}.product-tag{position:absolute;top:12px;right:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:50px;z-index:2;box-shadow:var(--shadow-sm)}.tag-hot{background:#e74c3c!important;color:#fff!important}.tag-new{background:#3498db!important;color:#fff!important}.tag-recommend{background:#27ae60!important;color:#fff!important}.products-grid .product-image{width:100%;height:200px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:var(--radius-md);overflow:hidden}.product-img-icon{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .3s ease}.product-card:hover .product-img-icon{transform:scale(1.1)}.products-grid .product-emoji{font-size:4rem}.product-content{flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.products-grid .product-category{font-size:.75rem;color:var(--primary-green-dark);font-weight:500;margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.5px}.products-grid .product-name{color:var(--text-primary);margin:.25rem 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.4}.product-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.products-grid .product-name{font-size:.95rem;margin:.25rem 0 .35rem;line-height:1.3;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:1.25rem;font-weight:700;color:var(--primary-green-dark);margin:.35rem 0 .5rem}.product-btn{flex:1;padding:.6rem 1rem;font-size:.85rem;text-align:center}.product-actions-row{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--bg-soft)}.btn-quick-add{width:42px;height:42px;border:2px solid var(--primary-green);background:var(--bg-white);color:var(--primary-green-dark);border-radius:var(--radius-md);font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-quick-add:hover:not(:disabled){background:var(--primary-green);color:#fff;transform:scale(1.05)}.btn-quick-add.added{background:var(--primary-green);color:#fff;border-color:var(--primary-green-dark)}.btn-quick-add:disabled{cursor:not-allowed}.oem-cta-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-soft);border-radius:var(--radius-lg)}.oem-cta-icon{font-size:2.5rem}.oem-cta-content{flex:1}.oem-cta-content h3{font-size:1rem;margin-bottom:.25rem}.oem-cta-content p{font-size:.85rem;color:var(--text-muted);margin:0}@media(max-width:768px){.oem-cta-card{flex-direction:column;text-align:center}}@media(max-width:576px){.products-filter{gap:.25rem}.filter-btn{padding:.4rem 1rem;font-size:.8rem}.products-grid.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.products-grid .product-card{padding:.75rem}.products-grid .product-image{height:120px}.products-grid .product-name{font-size:.85rem}.product-price{font-size:1rem}.product-actions-row{gap:.25rem}.btn-quick-add{width:36px;height:36px;font-size:.9rem}.product-btn{padding:.5rem .75rem;font-size:.75rem}}.product-detail-page{padding-top:100px;padding-bottom:80px;background-color:var(--light-bg);min-height:80vh}.product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000000d;max-width:1000px;margin:2rem auto 0}.product-detail-image{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:15px;padding:2rem;min-height:400px}.product-detail-image img{max-width:100%;max-height:400px;object-fit:contain;transition:transform .3s ease}.product-detail-image img:hover{transform:scale(1.05)}.product-emoji-large{font-size:10rem}.product-detail-info{display:flex;flex-direction:column;justify-content:center}.product-meta{display:flex;gap:1rem;margin-bottom:1.5rem}.product-category-badge{background-color:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:500}.product-category-badge.cat-medicine{background-color:#00897b}.product-category-badge.cat-external{background-color:#1e88e5}.product-category-badge.cat-spa{background-color:#8e24aa}.product-category-badge.cat-food{background-color:#fb8c00}.product-tag-badge{padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:500}.product-tag-badge.hot{background-color:#ff5252;color:#fff}.product-tag-badge.new{background-color:#2196f3;color:#fff}.product-tag-badge.recommend{background-color:#ff9800;color:#fff}.product-title{font-size:2.5rem;color:var(--primary-dark);margin-bottom:1.5rem;line-height:1.2}.product-description-large{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:2.5rem}.product-price{font-size:1.5rem;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem}.price-amount{font-size:2rem;color:var(--secondary-blue);margin-left:.5rem}.product-full-details{margin-bottom:2.5rem;padding:1.5rem;background-color:#f8f9fa;border-radius:10px;border:1px solid #eee}.product-full-details h3{font-size:1.2rem;margin-bottom:1rem;color:var(--primary-dark);border-bottom:2px solid #e0e0e0;padding-bottom:.5rem;display:inline-block}.product-full-details p{color:#555;line-height:1.6;margin-bottom:1.5rem}.product-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.spec-item{display:flex;flex-direction:column;gap:.25rem}.spec-label{font-size:.85rem;color:#888;font-weight:600}.spec-value{font-size:1rem;color:#333;font-weight:500}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-actions .btn-outline{grid-column:span 2}.btn-lg{padding:1rem;font-size:1rem;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.product-detail-container{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.product-detail-image{min-height:300px}.product-title{font-size:2rem}}@media(max-width:576px){.product-detail-page{padding-top:100px}.product-detail-container{padding:1rem;gap:1.5rem}.product-detail-image{min-height:250px;padding:1rem}.product-title{font-size:1.5rem}.product-price{font-size:1.2rem}.price-amount{font-size:1.5rem}.product-actions{flex-direction:column}.btn-lg{width:100%;text-align:center}}.btn-cart{background-color:#fff;color:var(--primary-green-dark);border:2px solid var(--primary-green)!important;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cart:hover{transform:translateY(-2px)}.btn-cart.added{background-color:var(--primary-green-dark);color:#fff;border-color:var(--primary-green-dark)}.btn-cart:disabled{cursor:not-allowed;transform:none}.quantity-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-soft);border-radius:var(--radius-md)}.quantity-label{font-weight:600;color:var(--text-primary)}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-controls .qty-btn{width:36px;height:36px;border:1px solid var(--primary-green);background:var(--bg-white);color:var(--primary-green-dark);border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.quantity-controls .qty-btn:hover:not(:disabled){background:var(--primary-green);color:#fff}.quantity-controls .qty-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-controls .qty-value{min-width:40px;text-align:center;font-weight:600;font-size:1.1rem}.cart-page .page-hero{min-height:25vh;padding:40px 0 20px}.empty-cart{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.empty-cart-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-cart h2{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-cart p{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.cart-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl);align-items:start}.cart-items-section{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.cart-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 40px;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--bg-soft);font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cart-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 40px;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--bg-soft);align-items:center}.cart-item:last-of-type{border-bottom:none}.cart-item-product{display:flex;align-items:center;gap:var(--spacing-md)}.cart-item-image{width:70px;height:70px;background:var(--bg-soft);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:contain;padding:.5rem}.cart-item-emoji{font-size:2rem}.cart-item-name{font-weight:500;color:var(--text-primary);line-height:1.4}.cart-item-name:hover{color:var(--primary-green-dark)}.cart-item-price,.cart-item-total{font-weight:600;color:var(--text-primary)}.cart-item-total{color:var(--primary-green-dark)}.cart-item-quantity{display:flex;align-items:center;gap:.5rem}.qty-btn{width:32px;height:32px;border:1px solid var(--bg-soft);background:var(--bg-white);border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.qty-btn:hover{border-color:var(--primary-green-dark);color:var(--primary-green-dark)}.qty-value{min-width:30px;text-align:center;font-weight:600}.cart-item-remove{width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.cart-item-remove:hover{background:#fee2e2;color:#ef4444}.cart-actions{display:flex;justify-content:space-between;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--bg-soft)}.btn-danger{color:#ef4444;border-color:#ef4444}.btn-danger:hover{background:#ef4444;color:#fff}.cart-summary-section{position:sticky;top:90px}.cart-summary-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:2px solid var(--secondary-blue-light)}.cart-summary-card h3{margin-bottom:var(--spacing-lg);font-size:1.25rem}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:.95rem}.summary-row.total{font-size:1.2rem;font-weight:700;color:var(--primary-green-dark)}.summary-divider{height:2px;background:linear-gradient(90deg,var(--primary-green),var(--secondary-blue));margin:var(--spacing-md) 0}.btn-checkout{width:100%;margin-top:var(--spacing-lg);padding:1rem;font-size:1rem}.summary-note{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:var(--spacing-md)}@media(max-width:992px){.cart-layout{grid-template-columns:1fr}.cart-summary-section{position:static}}@media(max-width:768px){.cart-header-row{display:none}.cart-item{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-soft);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border-bottom:none}.cart-item-product{margin-bottom:var(--spacing-sm)}.cart-item-price:before{content:"ราคา: ";color:var(--text-muted);font-weight:400}.cart-item-total:before{content:"รวม: ";color:var(--text-muted);font-weight:400}.cart-item-remove{position:absolute;top:10px;right:10px}.cart-item{position:relative}.cart-actions{flex-direction:column;gap:var(--spacing-sm)}.cart-actions .btn{width:100%;justify-content:center}}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-xl)}.contact-form-wrapper{background:var(--bg-white);border:var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-header{margin-bottom:var(--spacing-lg)}.form-header h3{color:var(--text-primary);margin-bottom:.25rem}.form-header p{color:var(--text-muted);font-size:.9rem}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;font-family:var(--font-family);font-size:.9rem;color:var(--text-primary);background:var(--bg-light);border:var(--border-light);border-radius:var(--radius-sm);outline:none;transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-green-dark);background:var(--bg-white)}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;min-height:100px}.submit-btn{margin-top:var(--spacing-sm)}.contact-info-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-info-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.info-icon{font-size:1.25rem}.info-content h4{font-size:.9rem;color:var(--primary-green-dark);margin-bottom:.25rem}.info-content p{font-size:.85rem;color:var(--text-muted);margin:0}.contact-social{background:var(--bg-white);border:var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.contact-social h4{font-size:.9rem;margin-bottom:var(--spacing-sm)}.social-links{display:flex;gap:.5rem}.contact-social .social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-fast)}.contact-social .social-link svg{width:18px;height:18px}.contact-social .social-link:hover{background:var(--primary-green);color:#fff}.contact-map{flex:1;min-height:200px;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-map iframe{border-radius:var(--radius-md);flex:1}.map-btn{text-align:center;margin-top:var(--spacing-xs)}@media(max-width:992px){.contact-grid{grid-template-columns:1fr}}@media(max-width:576px){.form-row{grid-template-columns:1fr}.contact-form-wrapper,.contact-info-card{padding:var(--spacing-md)}}.one-stop-badge{display:inline-block;margin-top:10px;padding:8px 20px;border:2px solid var(--secondary-blue);border-radius:50px;font-weight:600}.oem-hero-title{display:flex;flex-direction:column;gap:.5rem}.oem-hero-subtitle{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.4}.oem-hero-subtitle p{margin:0;padding:0}.oem-hero-subtitle .one-stop-badge{margin-top:.5rem}.oem-hero-subtitle .highlight-text{margin:0;padding:0;margin-top:-.8rem}.highlight-text{font-size:1.5rem!important;font-weight:700!important;color:var(--primary-green)!important;text-shadow:0 2px 10px rgba(0,0,0,.1)}.slide-text{display:block;opacity:0;transform:translateY(30px);animation:slideUp .8s ease forwards}.slide-0{animation-delay:0s}.slide-1{animation-delay:.1s;color:#1f2937!important}.oem-hero .oem-hero-title .slide-1{color:#1f2937!important}.slide-2{animation-delay:.3s}.slide-3{animation-delay:.5s;color:#1f2937!important}.oem-hero .oem-hero-subtitle .slide-3{color:#1f2937!important}.slide-4{animation-delay:.7s}.slide-5{animation-delay:.9s}.oem-service-badge{display:inline-block;padding:8px 20px;border-radius:50px;font-weight:600;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--secondary-blue-light) 0%,var(--secondary-blue) 100%);color:#fff;border:none;box-shadow:0 4px 15px #0ea5e966;margin-bottom:1rem}.oem-service-badge:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg);animation:shimmerBadge 3s infinite}.one-stop-badge{position:relative;overflow:hidden;background:transparent;color:var(--secondary-blue);border:2px solid var(--secondary-blue);box-shadow:none}.one-stop-badge:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg);animation:shimmerBadge 3s infinite}@keyframes shimmerBadge{0%{left:-100%}50%{left:200%}to{left:200%}}.oem-overview-page .page-header{background:var(--bg-soft)}.oem-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;padding:80px 0}.oem-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/oem-hero.jpg);background-size:cover;background-position:center;z-index:-2}.oem-hero-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2e7d32e6,#1b5e20cc);z-index:-1}.oem-hero-content{position:relative;z-index:1;max-width:800px}.oem-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-md)}.oem-hero p{color:#ffffffe6;font-size:1.25rem;margin-bottom:var(--spacing-xl)}.oem-hero .badge{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.oem-hero-buttons{display:flex;gap:1rem;justify-content:center}.oem-hero-buttons .btn-primary{background:var(--secondary-blue);color:var(--primary-green-dark)}.oem-hero-buttons .btn-primary:hover{background:var(--secondary-blue-light);transform:translateY(-3px)}.oem-hero-buttons .btn-secondary{border-color:#fff;color:#fff}.oem-hero-buttons .btn-secondary:hover{background:#fff;color:var(--primary-green-dark)}.highlights-section{background:var(--bg-soft)}.highlight-card{padding:var(--spacing-lg);text-align:center}.highlight-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.highlight-title{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.highlight-description{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.highlight-features{display:flex;flex-direction:column;gap:.35rem}.highlight-features li{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.feature-dot{width:5px;height:5px;background:var(--primary-green);border-radius:50%}.service-card{padding:var(--spacing-lg)}.slide-up-card{opacity:0;transform:translateY(30px);animation:slideUp .8s ease forwards}.service-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.service-title{font-size:1.05rem;margin-bottom:var(--spacing-xs)}.service-description{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.service-details{display:flex;flex-direction:column;gap:.35rem}.service-details li{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.detail-check{color:var(--primary-green-dark);font-weight:600}.certifications-section{background:var(--bg-white)}.certifications-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.certification-card{background:var(--bg-soft);border:var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal)}.certification-card:hover{box-shadow:var(--shadow-md);background:var(--bg-white)}.cert-badge{font-size:1.5rem;font-weight:700;color:var(--primary-green-dark);margin-bottom:.35rem}.cert-description{font-size:.75rem;color:var(--text-muted)}.pricing-section{background:var(--bg-white)}.pricing-card{background:var(--bg-white);border:var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.pricing-header{text-align:center;margin-bottom:var(--spacing-lg)}.pricing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.pricing-feature{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-soft);border-radius:var(--radius-sm)}.pricing-feature .feature-icon{font-size:1.5rem}.pricing-feature .feature-content h4{font-size:.9rem;margin-bottom:.15rem}.pricing-feature .feature-content p{font-size:.8rem;color:var(--text-muted);margin:0}.oem-cta-card{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);background:var(--bg-soft);border-radius:var(--radius-lg)}.oem-cta-content h2{margin-bottom:var(--spacing-sm)}.oem-cta-content p{margin-bottom:var(--spacing-lg);color:var(--text-muted)}@media(max-width:992px){.certifications-grid{grid-template-columns:repeat(2,1fr)}.pricing-features{grid-template-columns:1fr}}@media(max-width:576px){.certifications-grid{grid-template-columns:1fr}.oem-hero h1{font-size:2.5rem}.oem-hero-buttons{flex-direction:column}}.packaging-section{background:var(--bg-white)}.packaging-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.packaging-images-grid img{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-md);transition:var(--transition-normal)}.packaging-images-grid img:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}@media(max-width:768px){.packaging-images-grid{grid-template-columns:repeat(2,1fr)}}.label-design-section{background:var(--bg-soft)}.label-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.label-images-grid img{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-md);transition:var(--transition-normal)}.label-images-grid img:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}@media(max-width:768px){.label-images-grid{grid-template-columns:repeat(2,1fr)}}.graphic-design-section{background:var(--bg-white)}.graphic-design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.graphic-design-grid img{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-md);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.graphic-design-grid img:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}@media(max-width:768px){.graphic-design-grid{display:grid;grid-template-columns:repeat(2,1fr)}.graphic-design-grid img{width:100%;height:200px}}.production-process-section{background:var(--bg-soft)}.production-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.production-images-grid img{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-md);transition:var(--transition-normal)}.production-images-grid img:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}@media(max-width:768px){.production-images-grid{grid-template-columns:repeat(2,1fr)}}.checkout-page{background-color:#f9f9f9;min-height:100vh}.empty-checkout{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.empty-checkout-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-checkout h2{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-checkout p{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.item-emoji{font-size:2rem}.checkout-header{background:#fff;padding:var(--spacing-xl) 0;border-bottom:1px solid #eee;margin-bottom:var(--spacing-xl);text-align:center}.checkout-header h1{font-size:2rem;color:var(--primary-green-dark);margin-bottom:var(--spacing-xs)}.checkout-header p{color:#666}.checkout-container{padding-bottom:var(--spacing-2xl)}.checkout-form{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-xl)}.checkout-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid #e0e0e0}.section-title{font-size:1.1rem;color:var(--primary-green-dark);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #f0f0f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full{grid-column:span 2}.form-group label{font-size:.9rem;font-weight:600;color:#444}.form-group input,.form-group textarea,.form-group select{padding:.8rem;border:1px solid #ddd;border-radius:var(--radius-md);font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-green-dark);outline:none;box-shadow:0 0 0 3px #2e7d321a}.payment-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-option{display:flex;align-items:center;padding:var(--spacing-md);border:2px solid #eee;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;position:relative}.payment-option:hover{border-color:#ccc}.payment-option.selected{border-color:var(--primary-green-dark);background-color:#2e7d320d}.payment-option input{margin-right:var(--spacing-md);width:20px;height:20px;accent-color:var(--primary-green-dark)}.option-content{flex:1}.option-title{display:block;font-weight:700;color:#333}.option-desc{display:block;font-size:.85rem;color:#777}.check-icon{display:none;color:var(--primary-green-dark);font-weight:700;font-size:1.2rem}.payment-option.selected .check-icon{display:block}.payment-method-info{padding:var(--spacing-md);background:linear-gradient(135deg,#2e7d3214,#2e7d3208);border:2px solid var(--primary-green);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.payment-method-badge{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.payment-method-badge .badge-icon{font-size:1.5rem}.payment-method-badge .badge-text{font-weight:700;font-size:1.1rem;color:var(--primary-green-dark)}.payment-method-desc{font-size:.9rem;color:#666;margin:0;padding-left:2.3rem}.bank-info-box{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fcfcfc;border:1px dashed #ccc;border-radius:var(--radius-md);font-size:.9rem;color:#555;line-height:1.6}.bank-info-box .acc-number{font-size:1.1rem;font-weight:700;color:var(--primary-green-dark)}.bank-info-box .note{font-size:.8rem;color:#d32f2f;margin-top:.5rem}.checkout-summary{position:sticky;top:20px;height:fit-content}.summary-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 5px 20px #0000000d;border:1px solid #eee}.summary-card h3{font-size:1.2rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid #f0f0f0}.summary-items{margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto}.summary-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #f5f5f5}.item-image{position:relative;width:60px;height:60px;border-radius:var(--radius-sm);border:1px solid #eee;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover}.item-qty{position:absolute;top:-5px;right:-5px;background:var(--secondary-blue);color:#fff;font-size:.75rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600}.item-info{flex:1}.item-name{font-size:.95rem;color:#333;margin-bottom:.25rem;line-height:1.3}.item-price{font-weight:600;color:var(--primary-green-dark)}.summary-totals{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.summary-totals .row{display:flex;justify-content:space-between;font-size:.95rem;color:#666}.summary-totals .divider{height:1px;background:#e0e0e0;margin:.5rem 0}.summary-totals .row.total{font-size:1.2rem;font-weight:700;color:#333}.summary-totals .row.total span:last-child{color:var(--primary-green-dark)}.btn-place-order{width:100%;padding:var(--spacing-md);background-color:var(--primary-green-dark);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-bottom:var(--spacing-md)}.btn-place-order:hover{background-color:var(--primary-green-dark)}.security-note{font-size:.8rem;color:#888;text-align:center;margin-bottom:var(--spacing-md)}.back-link{display:block;text-align:center;color:var(--primary-green-dark);text-decoration:none;font-size:.9rem}.back-link:hover{text-decoration:underline}@media(max-width:900px){.checkout-form{grid-template-columns:1fr}.checkout-summary{grid-row:1;position:static}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-group.half{grid-column:span 1}}.slip-upload-section{margin-top:var(--spacing-md)}.slip-upload-zone{border:2px dashed #ccc;border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .3s;background:#fafafa}.slip-upload-zone:hover{border-color:var(--primary-green-dark);background:#2e7d3208}.slip-upload-zone.has-file{border-color:var(--primary-green-dark);border-style:solid;background:#2e7d320d}.slip-upload-zone input[type=file]{display:none}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.upload-text{color:#666;font-size:.95rem}.upload-hint{font-size:.8rem;color:#999;margin-top:var(--spacing-xs)}.slip-preview{margin-top:var(--spacing-md);position:relative;display:inline-block;max-width:100%}.slip-preview img{max-width:100%;max-height:300px;border-radius:var(--radius-md);border:2px solid var(--primary-green);box-shadow:0 4px 12px #0000001a}.remove-slip-btn{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:#dc3545;color:#fff;border:2px solid white;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:transform .2s}.remove-slip-btn:hover{transform:scale(1.1)}.btn-place-order:disabled{background:#aaa;cursor:not-allowed}.btn-place-order.loading{position:relative;color:transparent}.btn-place-order.loading:after{content:"";position:absolute;width:24px;height:24px;top:50%;left:50%;margin-left:-12px;margin-top:-12px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-modal{background:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.success-modal h2{color:var(--primary-green-dark);margin-bottom:var(--spacing-sm)}.success-modal .order-id{font-size:1.3rem;font-weight:700;color:var(--secondary-blue);margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:#f0f7ff;border-radius:var(--radius-sm)}.success-modal p{color:#666;margin-bottom:var(--spacing-lg);line-height:1.6}.success-modal .btn{width:100%}.promptpay-qr-section{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#1a237e,#283593);border-radius:var(--radius-lg);text-align:center;color:#fff}.qr-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.qr-header h4{margin:0;font-size:1.1rem;color:#fff}.promptpay-logo{height:24px;width:auto}.qr-content{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);display:inline-block}.qr-image{width:200px;height:200px;border-radius:var(--radius-sm)}.qr-amount{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:.25rem}.qr-amount span{font-size:.85rem;color:#666}.qr-amount strong{font-size:1.5rem;color:var(--primary-green-dark)}.qr-promptpay-id{margin-top:var(--spacing-sm);font-size:.85rem;color:#888}.qr-instruction{margin-top:var(--spacing-sm);font-size:.8rem;color:#666;background:#f5f5f5;padding:.5rem;border-radius:var(--radius-sm)}.qr-loading{padding:var(--spacing-xl)}.qr-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto var(--spacing-sm);animation:spin .8s linear infinite}.qr-loading p{color:#fffc;font-size:.9rem}.qr-error{padding:var(--spacing-lg)}.qr-error p{color:#ffffffb3}.admin-page{margin-top:60px;min-height:100vh;background:#f5f7fa;padding:var(--spacing-xl)}.admin-header{text-align:center;margin-bottom:var(--spacing-xl)}.admin-header h1{font-size:2rem;color:var(--primary-green-dark);margin-bottom:var(--spacing-xs)}.admin-header p{color:#666}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.admin-loading .spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:var(--primary-green-dark);border-radius:50%;animation:spin .8s linear infinite}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 2px 10px #0000000d;border-left:4px solid var(--primary-green)}.stat-card.warning{border-left-color:#ff9800}.stat-card.danger{border-left-color:#f44336}.stat-icon{font-size:2.5rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700;color:#333}.stat-label{font-size:.9rem;color:#666}.admin-form-container{margin-bottom:var(--spacing-xl)}.admin-form{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 20px #00000014}.admin-form h3{margin-bottom:var(--spacing-lg);color:var(--primary-green-dark)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.admin-form .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form .form-group.full{grid-column:1 / -1}.admin-form label{font-weight:600;color:#444;font-size:.9rem}.admin-form input,.admin-form textarea,.admin-form select{padding:.75rem;border:1px solid #ddd;border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--primary-green-dark);outline:none}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-green);color:#fff}.btn-primary:hover{background:var(--primary-green-dark)}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#ccc}.admin-products{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 20px #00000014}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.products-header h2{font-size:1.3rem;color:#333}.products-table-wrapper{overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.products-table th{background:#f8f9fa;font-weight:600;color:#555;font-size:.85rem;text-transform:uppercase}.products-table tr:hover{background:#fafafa}.products-table tr.inactive{opacity:.5;background:#f5f5f5}.product-thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm)}.product-emoji{font-size:1.5rem}.product-tag{display:inline-block;padding:.2rem .5rem;background:var(--primary-green);color:#fff;font-size:.7rem;border-radius:var(--radius-sm);margin-left:.5rem}.stock-input{width:70px;padding:.4rem;border:1px solid #ddd;border-radius:var(--radius-sm);text-align:center;font-weight:600}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:grab;font-size:1.2rem;color:#888;background:#f0f0f0;border-radius:var(--radius-sm);transition:all .2s;-webkit-user-select:none;user-select:none}.drag-handle:hover{background:var(--primary-green);color:#fff}.drag-handle:active{cursor:grabbing}.drag-hint{font-size:.8rem;font-weight:400;color:#888;margin-left:.5rem}.stock-input.low-stock{background:#fff3e0;border-color:#ff9800;color:#e65100}.stock-input.out-of-stock{background:#ffebee;border-color:#f44336;color:#c62828}.status-badge{padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.8rem}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.action-buttons{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:transform .2s}.btn-icon:hover{transform:scale(1.1)}.btn-icon.edit{background:#e3f2fd}.btn-icon.delete{background:#ffebee}@media(max-width:768px){.admin-page{padding:var(--spacing-md)}.admin-stats{grid-template-columns:repeat(2,1fr)}.products-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.edit-row td{padding:0!important;background:#e8f5e9!important}.inline-edit-form{padding:1.5rem;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid var(--primary-green);border-radius:var(--radius-md);margin:.5rem}.inline-edit-form h4{margin-bottom:1rem;color:var(--primary-green-dark);font-size:1.1rem}.inline-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.inline-edit-form .form-group{display:flex;flex-direction:column;gap:.3rem}.inline-edit-form label{font-size:.8rem;font-weight:600;color:#555}.inline-edit-form input,.inline-edit-form select,.inline-edit-form textarea{padding:.5rem;border:1px solid #ccc;border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit}.inline-edit-form textarea{resize:vertical;min-height:50px}.inline-edit-form .form-group-full{grid-column:1 / -1}.inline-edit-form input:focus,.inline-edit-form select:focus{border-color:var(--primary-green-dark);outline:none}.inline-form-actions{display:flex;gap:.75rem}.inline-form-actions .btn{padding:.6rem 1.2rem;font-size:.9rem}.products-table tr.editing{background:#c8e6c9!important}