@font-face{font-family:Bontang;src:url(/assets/font/bontang/Bontang.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Glonto;src:url(/assets/font/glonto/Glonto-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--primary:#8B4513;--primary-light:#A0522D;--primary-dark:#5D2E0C;--secondary:#F5E6D3;--secondary-dark:#E8D4B8;--accent:#B8860B;--accent-light:#DAA520;--accent-dark:#8B6914;--brown:#4A3728;--brown-light:#6B4423;--vintage-green:#556B2F;--vintage-green-light:#6B8E23;--text-primary:#2C1810;--text-secondary:#5D4037;--text-light:#795548;--bg-light:#FDF8F0;--bg-cream:#F5E6D3;--bg-white:#FFFEF9;--bg-vintage:#F0E6D2;--border-color:#D4B896;--border-gold:#B8860B;--gradient-gold:linear-gradient(135deg,#DAA520,#B8860B 50%,#8B6914);--gradient-cream:linear-gradient(180deg,#FFFEF9,#F5E6D3);--gradient-vintage:linear-gradient(135deg,#F5E6D3,#E8D4B8 50%,#D4B896);--gradient-brown:linear-gradient(135deg,#8B4513,#5D2E0C)}.dark{--primary:#DAA520;--primary-light:#F0C850;--primary-dark:#B8860B;--secondary:#3D2E1F;--secondary-dark:#2C1F15;--accent:#DAA520;--accent-light:#F0C850;--accent-dark:#8B6914;--brown:#A0522D;--brown-light:#B8733A;--text-primary:#F5E6D3;--text-secondary:#D4B896;--text-light:#B8A082;--bg-light:#1A1410;--bg-cream:#2C1F15;--bg-white:#3D2E1F;--bg-vintage:#2A1F16;--border-color:#5A4630;--border-gold:#B8860B;--gradient-gold:linear-gradient(135deg,#F0C850,#DAA520 50%,#B8860B);--gradient-cream:linear-gradient(180deg,#3D2E1F,#2C1F15);--gradient-vintage:linear-gradient(135deg,#3D2E1F,#2C1F15 50%,#1A1410)}body{font-family:Glonto;background-color:var(--bg-light);line-height:1.9;font-weight:400;font-size:17px}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:.02em}h1,h2,h3,h4,h5,h6{font-family:Bontang;font-weight:700;line-height:1.5}h1,h2,h3{font-weight:700}.vintage-bg{background-color:var(--bg-vintage);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:var(--text-primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);border-color:var(--secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--accent-light);border-color:var(--accent-light)}.btn-accent{color:var(--bg-white)}.btn-accent,.btn-accent:hover{background-color:var(--accent);border-color:var(--accent)}.btn-accent:hover{opacity:.9}.card{background-color:var(--bg-white);border-color:var(--border-color)}.navbar{background:rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:none;padding:1rem 0;box-shadow:none}.navbar-brand{font-family:Bontang;font-weight:700;font-size:1.5rem;color:white!important;letter-spacing:.02em;display:flex;align-items:center;gap:8px;transition:all .3s ease}.navbar-brand:hover{color:rgba(255,255,255,.9)!important;transform:scale(1.02)}.navbar-nav .nav-link{font-family:Glonto;font-weight:400;font-size:1rem;padding:.5rem 1rem!important;margin:0 .15rem;border-radius:0;transition:all .3s ease;position:relative;color:white!important;text-transform:uppercase;letter-spacing:.05em}.navbar-nav .nav-link:hover{background:rgba(255,255,255,.1);color:white!important}.navbar-nav .nav-link.active{background:rgba(255,255,255,.2);color:white!important;font-weight:400}.navbar-nav .nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:white;transition:all .3s ease;transform:translateX(-50%)}.navbar-nav .nav-link:hover:after{width:80%}.navbar-nav .nav-link.active:after{display:none}.navbar-toggler{border:2px solid white;padding:.5rem .75rem;border-radius:8px}.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.25)}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}@media (max-width:991.98px){.navbar-collapse{background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;margin-top:1rem;border-radius:8px}}.lang-switcher{display:flex;align-items:center;gap:4px;margin-left:1rem;padding:4px;background:rgba(255,255,255,.1);border-radius:20px}.lang-btn{font-family:Glonto;font-size:.9rem;padding:6px 12px;border:none;background:transparent;color:white;cursor:pointer;border-radius:16px;transition:all .3s ease}.lang-btn:hover{color:white;background:rgba(255,255,255,.1)}.lang-btn.active{background:rgba(255,255,255,.3);color:white;font-weight:400}.form-control,.form-select{border-color:var(--border-color);color:var(--text-primary);background-color:var(--bg-white)}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(252,222,0,.25)}.badge-primary{background-color:var(--primary)}.badge-secondary{background-color:var(--secondary);color:var(--text-primary)}.badge-accent{background-color:var(--accent);color:var(--bg-white)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-secondary)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.bg-light{background-color:var(--bg-light)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-accent{border-color:var(--accent)}@media (prefers-color-scheme:dark){body{background-color:var(--bg-light);color:var(--text-primary)}}.hero-section{position:relative;background:var(--gradient-cream);border-bottom:3px solid var(--border-gold)}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gold)}.section-divider{height:2px;background:var(--gradient-gold);margin:3rem 0;border-radius:2px}.card{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px rgba(212,175,55,.1)}.card:hover{border-color:var(--border-gold);box-shadow:0 8px 24px rgba(212,175,55,.2);transform:translateY(-4px)}.gallery-image-wrapper,.product-image-wrapper{position:relative;border-radius:12px;overflow:hidden;border:3px solid var(--border-gold);box-shadow:0 4px 12px rgba(212,175,55,.15);transition:all .3s ease}.gallery-image-wrapper:hover,.product-image-wrapper:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(212,175,55,.3);transform:scale(1.02)}.section-header{position:relative;padding-bottom:1rem;margin-bottom:2rem}.section-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:3px;background:var(--gradient-gold);border-radius:2px}.thai-pattern-bg{background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(212,175,55,.03) 0,rgba(212,175,55,.03) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(212,175,55,.03) 0,rgba(212,175,55,.03) 70px)}.btn-primary{background:var(--gradient-gold);border:2px solid var(--primary-dark);font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(212,175,55,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.4);border-color:var(--primary)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer-effect{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent);background-size:1000px 100%}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge{font-weight:600;padding:.5em 1em;border-radius:20px}.badge-primary{background:var(--gradient-gold);color:var(--text-primary);border:1px solid var(--primary-dark)}footer{background:var(--gradient-cream);border-top:3px solid var(--border-gold);position:relative}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold)}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(212,175,55,.25)}.certification-icon{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(212,175,55,.2))}.certification-icon:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(212,175,55,.4))}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}section{padding:clamp(3rem,8vw,6rem) 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.float-animation{animation:float 3s ease-in-out infinite}.float-animation-slow{animation:floatSlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px rgba(212,175,55,.3)}50%{box-shadow:0 0 40px rgba(212,175,55,.6),0 0 60px rgba(212,175,55,.3)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.fade-in-left{animation:fadeInLeft .8s ease-out forwards}.fade-in-right{animation:fadeInRight .8s ease-out forwards}.fade-in-scale{animation:fadeInScale .6s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@keyframes rotatingShine{0%{background-position:-200%}to{background-position:200%}}.rotating-shine{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);background-size:200% 100%;animation:rotatingShine 3s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.bounce-animation{animation:bounce 2s infinite}.wave-divider{position:relative;height:80px;overflow:hidden}.wave-divider svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.wave-divider-top{transform:rotate(180deg)}.glow-gold{box-shadow:0 0 20px rgba(212,175,55,.4),0 0 40px rgba(212,175,55,.2),0 0 60px rgba(212,175,55,.1)}.glow-gold-text{text-shadow:0 0 10px rgba(212,175,55,.5),0 0 20px rgba(212,175,55,.3),0 0 30px rgba(212,175,55,.2)}@keyframes borderGradient{0%,to{border-color:var(--primary)}50%{border-color:var(--accent)}}.animated-border{animation:borderGradient 3s ease-in-out infinite}.particle-bg{position:relative;overflow:hidden}.particle-bg:before{content:"";background-image:radial-gradient(circle at 20% 80%,rgba(212,175,55,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(193,120,23,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(244,208,63,.08) 0,transparent 40%),radial-gradient(circle at 60% 60%,rgba(212,175,55,.06) 0,transparent 40%);pointer-events:none;animation:floatSlow 10s ease-in-out infinite}.hero-overlay,.particle-bg:before{position:absolute;top:0;left:0;right:0;bottom:0}.hero-overlay{background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(107,68,35,.3) 50%,rgba(0,0,0,.5));z-index:2}.hero-content{position:relative;z-index:10;animation:fadeInUp 1s ease-out}@keyframes patternMove{0%{background-position:0 0}to{background-position:70px 70px}}.animated-pattern-bg{background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(212,175,55,.03) 0,rgba(212,175,55,.03) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(212,175,55,.03) 0,rgba(212,175,55,.03) 70px);animation:patternMove 20s linear infinite}.product-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;z-index:1}.product-card:hover:before{top:-50%;left:-50%}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(212,175,55,.25)}.card-ribbon{position:absolute;top:15px;right:-30px;background:var(--gradient-gold);color:var(--text-primary);padding:5px 40px;font-size:.75rem;font-weight:600;transform:rotate(45deg);box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:10}.certification-card{position:relative;transition:all .4s ease}.certification-card:hover{transform:translateY(-10px)}.certification-card:hover .certification-icon{animation:pulseGlow 1s ease-in-out infinite}@keyframes spinBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning-border-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.spinning-border-container:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary),var(--accent),var(--primary-light),var(--primary));animation:spinBorder 3s linear infinite;z-index:-1}.stats-section{background:linear-gradient(135deg,var(--brown) 0,var(--brown-light) 100%);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.stat-item{position:relative;z-index:1;padding:2rem;text-align:center;color:white}.stat-number{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--primary-light);text-shadow:0 2px 10px rgba(0,0,0,.3)}.stat-label{font-size:1.1rem;opacity:.9;margin-top:.5rem}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:20}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.scroll-indicator-arrow{width:30px;height:50px;border:2px solid rgba(255,255,255,.8);border-radius:25px;position:relative;animation:scrollBounce 2s infinite}.scroll-indicator-arrow:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:6px;height:10px;background:var(--primary-light);border-radius:3px;animation:scrollBounce 2s infinite}.decorative-circle{position:absolute;border-radius:50%;background:var(--gradient-gold);opacity:.1;pointer-events:none}.decorative-circle-1{width:300px;height:300px;top:-150px;right:-100px;animation:floatSlow 8s ease-in-out infinite}.decorative-circle-2{width:200px;height:200px;bottom:-100px;left:-50px;animation:float 6s ease-in-out infinite;animation-delay:1s}.btn-primary{position:relative;overflow:hidden;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:-1}.btn-primary:hover:before{left:100%}.btn-outline-gold{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:.75rem 2rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.btn-outline-gold:hover{background:var(--primary);color:var(--text-primary);box-shadow:0 0 20px rgba(212,175,55,.4)}.testimonial-card{background:var(--bg-white);border-radius:16px;padding:2rem;position:relative;border:2px solid var(--border-gold);transition:all .3s ease}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:6rem;color:var(--primary);opacity:.2;font-family:Bontang;line-height:1}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(212,175,55,.2)}.image-zoom-container{overflow:hidden;border-radius:12px}.image-zoom-container img{transition:transform .5s ease}.image-zoom-container:hover img{transform:scale(1.1)}.product-card:hover .product-overlay{opacity:1!important}.product-card .product-overlay{opacity:0;transition:opacity .3s ease}@keyframes kenBurns{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(-2%,-1%)}to{transform:scale(1) translate(0)}}.ken-burns-effect{animation:kenBurns 20s ease-in-out infinite}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--secondary) 0,var(--secondary-dark) 40px,var(--secondary) 80px);background-size:200px 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:8px}.tooltip-gold{position:relative}.tooltip-gold:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--brown);color:white;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}.tooltip-gold:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 10px)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.decorative-circle,.particle-bg:before{display:none}.ken-burns-effect{animation:none}}