:root{--primary-color:#0d1b2a;--secondary-color:#1b263b;--accent-color:#b89f5d;--accent-light:#d4af37;--gold-accent:#c6a972;--text-dark:#1c1c1c;--text-light:#a0a0a0;--bg-light:#f5f3ef;--bg-white:#ffffff;--bg-gradient:linear-gradient(135deg, #1b263b 0%, #0d1b2a 100%);--shadow-light:0 4px 10px rgba(0, 0, 0, 0.08);--shadow-medium:0 8px 25px rgba(0, 0, 0, 0.15);--shadow-heavy:0 20px 40px rgba(0, 0, 0, 0.25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kanit,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg-light);overflow-x:hidden}.navbar{background:rgba(13,27,42,.95)!important;backdrop-filter:blur(10px);box-shadow:var(--shadow-medium);transition:.3s;padding:1rem 0}.navbar.scrolled{padding:.5rem 0;background:rgba(13,27,42,.98)!important}.navbar-brand{font-size:1.8rem;font-weight:700;color:var(--accent-light)!important;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.navbar-brand i{color:var(--gold-accent);font-size:2rem}.navbar-brand img{display:block;max-height:50px;position:relative;z-index:1}.navbar-brand::after{content:"";position:absolute;top:-50%;left:-150%;width:250%;height:250%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%);transform:rotate(0);animation:4s infinite logoShimmer;z-index:2;pointer-events:none}@keyframes logoShimmer{0%{left:-150%;top:-50%}100%{left:150%;top:50%}}.navbar-nav .nav-link{color:rgba(255,255,255,.85)!important;font-weight:500;margin:0 .5rem;padding:.5rem 1rem!important;border-radius:.5rem;transition:.3s;position:relative}.navbar-nav .nav-link:hover{color:var(--accent-light)!important;background:rgba(255,255,255,.08);transform:translateY(-2px)}.navbar-toggler{border-color:var(--accent-color);background:var(--accent-color)}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.logo-footer{max-width:40px;margin-right:5px}.hero-xxxx{background:linear-gradient(135deg,rgba(13,27,42,.95),rgba(27,38,59,.95)) center/cover,url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23f5f3ef" width="1200" height="600"/><circle cx="200" cy="150" r="100" fill="%23d4af37" opacity="0.15"/><circle cx="800" cy="400" r="150" fill="%23b89f5d" opacity="0.1"/><circle cx="1000" cy="200" r="80" fill="%23c6a972" opacity="0.12"/></svg>') center/cover;color:#fff;padding:150px 0 50px;position:relative;overflow:hidden}.hero-aaaaa{background:linear-gradient(135deg,rgba(13,27,42,.95),rgba(27,38,59,.95)) center/cover,url(../assets/images/hero-bg.jpg) center/cover no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'><rect fill='%23f5f3ef' width='1200' height='600'/><circle cx='200' cy='150' r='100' fill='%23d4af37' opacity='0.15'/><circle cx='800' cy='400' r='150' fill='%23b89f5d' opacity='0.1'/><circle cx='1000' cy='200' r='80' fill='%23c6a972' opacity='0.12'/></svg>") center/cover;color:#fff;padding:150px 0 50px;position:relative;overflow:hidden}.hero{background:linear-gradient(135deg,rgba(13,27,42,.2),rgba(27,38,59,.2)) center/cover,url(../assets/images/bangkokstudiohatyai-bg.jpg) center/cover no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'><rect fill='%23f5f3ef' width='1200' height='600'/><circle cx='200' cy='150' r='100' fill='%23d4af37' opacity='0.15'/><circle cx='800' cy='400' r='150' fill='%23b89f5d' opacity='0.1'/><circle cx='1000' cy='200' r='80' fill='%23c6a972' opacity='0.12'/></svg>") center/cover;color:#fff;position:relative;overflow:hidden;min-height:800px;height:100vh;display:flex;align-items:center}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);animation:3s ease-in-out infinite shimmer}.hero-content{position:relative;z-index:2;text-align:left}.hero h1{font-size:5.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.4);animation:1s fadeInUp;color:var(--accent-light)}.hero .lead{font-size:1.4rem;margin-bottom:2.5rem;opacity:.95;font-weight:400;animation:1s .2s both fadeInUp;color:var(--text-light)}.btn-hero{background:linear-gradient(135deg,var(--gold-accent),var(--accent-light));border:none;padding:1rem 2.5rem;font-size:1.5rem;font-weight:600;border-radius:50px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-medium);transition:.3s;animation:1s .4s both fadeInUp}.btn-hero:hover{transform:translateY(-3px);box-shadow:var(--shadow-heavy);color:#fff}.trust-indicators{padding:5rem 0;position:relative;z-index:3;box-shadow:var(--shadow-medium)}.trust-card{text-align:center;padding:1.5rem}.trust-icon{width:90px;height:90px;background:var(--bg-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--accent-light);font-size:2rem;box-shadow:var(--shadow-light)}.trust-number{font-size:2.5rem;font-weight:700;color:var(--accent-light);margin-bottom:.5rem}.trust-text{color:var(--text-light);font-weight:500}.trust-bangkokstudiohatyai{background:linear-gradient(135deg,#fff,#f9f9f9);border-top:1px solid #eee;border-bottom:1px solid #eee}.trust-image-box{display:flex;justify-content:center;align-items:center;height:100%}.trust-image:hover{transform:scale(1.03)}.trust-text-box{padding:15px 20px}.trust-title{font-size:1.9rem;font-weight:700;color:#1b263b;margin-bottom:20px}.trust-text{font-size:1.1rem;color:#444;line-height:1.7;margin-bottom:20px}.trust-highlight{font-size:1.05rem;font-weight:600;background:#fffbea;border-left:5px solid #d4af37;padding:12px 18px;border-radius:8px;color:#333;display:inline-block}.services-bangkokstudiohatyai{background:linear-gradient(135deg,#111,#222);color:#f5f5f5}.services-bangkokstudiohatyai h3{font-size:1.8rem;margin-top:20px;margin-bottom:10px;color:#fc0;font-weight:700}.multi-column{list-style:none;padding-left:0;margin-bottom:20px;columns:2;column-gap:30px}.multi-column li{margin-bottom:8px;padding-left:25px;position:relative;color:#ddd;font-size:18px}.multi-column li::before{content:"✔";position:absolute;left:0;color:#fc0;font-weight:700}.trust-image{box-shadow:0 6px 20px rgba(0,0,0,.12);max-height:600px;object-fit:cover;transition:transform .4s;border-radius:15px;box-shadow:0 6px 18px rgba(0,0,0,.5)}.service-title{font-size:2.8rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;position:relative;display:inline-block;color:#fc0}.service-title::after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:var(--accent-light);border-radius:2px}.section-title{font-size:2.8rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;position:relative;display:inline-block}.section-title::after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:var(--accent-light);border-radius:2px}.section-subtitle{font-size:1.2rem;color:var(--text-light);margin-bottom:3rem}.service-card{background:#fff;border-radius:20px;padding:2.5rem;height:100%;box-shadow:var(--shadow-light);transition:.3s;position:relative;overflow:hidden;border:1px solid #e2e8f0;text-align:center}.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent-light);transform:scaleX(0);transition:transform .3s}.service-card:hover::before{transform:scaleX(1)}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-color),var(--accent-light));border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-light);margin-right:auto!important;margin-left:auto!important}.service-card h5{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.service-card p{color:var(--text-light);margin-bottom:1.5rem;font-size:1rem}.price-tag{background:linear-gradient(135deg,var(--gold-accent),var(--accent-light));color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:600;font-size:1.1rem;display:inline-block}.review-card{background:#fff;border-radius:20px;padding:2.5rem;height:100%;box-shadow:var(--shadow-light);position:relative;border:1px solid #e2e8f0;transition:.3s}.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.review-card::before{content:'"';position:absolute;top:1rem;right:2rem;font-size:4rem;color:var(--accent-light);opacity:.3;font-family:serif}.stars{color:var(--accent-light);font-size:1.2rem;margin-bottom:1.5rem}.review-text{color:var(--text-light);font-size:1.1rem;line-height:1.7;margin-bottom:2rem;font-style:italic}.reviewer{display:flex;align-items:center;gap:1rem}.reviewer-avatar{width:60px;height:60px;background:var(--bg-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-light);font-weight:600;font-size:1.2rem}.reviewer-name{font-weight:600;color:var(--text-dark);margin-bottom:.2rem}.reviewer-device{color:var(--text-light);font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.review-card-gallery{background:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow-medium);transition:.3s;cursor:pointer;position:relative}.review-card-gallery:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.review-image-gallery{width:100%;height:250px;object-fit:cover;transition:transform .3s}.review-card-gallery:hover .review-image-gallery{transform:scale(1.05)}.review-overlay-gallery{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:20px;transform:translateY(100%);transition:transform .3s}.review-card-gallery:hover .review-overlay-gallery{transform:translateY(0)}.rating-gallery{display:flex;gap:2px;margin-bottom:8px}.star-gallery{color:var(--accent-light);font-size:18px}.review-text-gallery{font-size:14px;line-height:1.4;margin-bottom:8px}.reviewer-name-gallery{font-size:12px;opacity:.8;font-style:italic}.contact-section{background:linear-gradient(rgba(13,27,42,.95),rgba(27,38,59,.95)),url(../assets/images/contact-bg.jpg) center/cover no-repeat;color:#fff;padding:5rem 0;position:relative;z-index:1}.contact-card{background:rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);height:100%}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.contact-icon{width:50px;height:50px;background:rgba(255,255,255,.15);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.contact-bt-list img{max-width:400px}.form-control{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:15px;padding:1rem;color:#fff;font-size:1rem}.form-control::placeholder{color:rgba(255,255,255,.7)}.form-control:focus{background:rgba(255,255,255,.15);border-color:var(--accent-light);box-shadow:0 0 0 .2rem rgba(212,175,55,.25);color:#fff}.btn-submit{background:var(--gold-accent);border:none;padding:1rem 2rem;font-weight:600;border-radius:15px;transition:.3s;color:#fff}.btn-submit:hover{background:var(--accent-light);transform:translateY(-2px)}.footer{background:var(--secondary-color);color:#fff;padding:3rem 0 1rem}.social-links a{color:#fff;font-size:1.8rem;margin:0 1rem;transition:.3s}.social-links a:hover{color:var(--accent-light);transform:translateY(-3px)}.whatsapp-float{position:fixed;width:70px;height:70px;bottom:30px;right:30px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;text-decoration:none;box-shadow:var(--shadow-heavy);z-index:1000;transition:.3s;animation:2s infinite pulse}.whatsapp-float:hover{transform:scale(1.1);color:#fff}.map-box{position:relative;width:100%;height:90%;padding-bottom:56.25%;border-radius:15px;overflow:hidden}.map-box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.toast-container{position:fixed;bottom:80px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{border-radius:12px;padding:0;min-width:250px;max-width:300px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.25);animation:.5s forwards slideIn;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.btn-close{filter:invert(1);opacity:.8;margin-top:auto;margin-bottom:auto}.btn-close:hover{opacity:1}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{padding:120px 0 50px;text-align:center;min-height:500px}.hero h1{font-size:2.5rem}.hero-content{text-align:center}.hero .lead{font-size:1.1rem}.btn-hero{padding:.8rem 1.8rem;font-size:1rem}.map-box{aspect-ratio:auto;height:250px}.contact-bt-list img{max-width:100%!important;height:auto}}@media (max-width:767px){.multi-column{columns:1}}