html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}:root{--primary-bg:#5c5045;--main-accent:#c49a5d;--light-bg:#ece5dc;--dark-text:#3f3b36;--hover-secondary:#a68150;--lighter-cream:#f5f2ed;--soft-taupe:#6b5d52;--muted-gold:#d4a96b;--success:#8fae7a;--warning:#d4a96b;--error:#c49a5d;--info:#a68150}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ece5dc;background-color:var(--light-bg);color:#3f3b36;color:var(--dark-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Noto Sans Thai,Sarabun,sans-serif;line-height:1.6}[lang=th]{font-family:Noto Sans Thai,Sarabun,Kanit,-apple-system,BlinkMacSystemFont,sans-serif}.App{text-align:center}.header{background:#ece5dc;background:var(--light-bg);border-bottom:1px solid #c49a5d33;box-shadow:0 2px 20px #5c50451a;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content,.logo{align-items:center;display:flex}.logo{font-size:1.8rem;font-weight:700}.logo-image{height:70px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:350px;object-fit:contain;transition:all .3s ease;width:auto}.logo-image:hover{transform:scale(1.05)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5c5045,#c49a5d);background:linear-gradient(135deg,var(--primary-bg) 0,var(--main-accent) 100%);background-clip:text;-webkit-background-clip:text;color:#3f3b36;color:var(--dark-text)}.nav ul{display:flex;gap:2rem;list-style:none}.nav a{color:#3f3b36;color:var(--dark-text);font-weight:500;position:relative;text-decoration:none;transition:color .3s}.nav a:hover{color:#c49a5d;color:var(--main-accent)}.nav a:after{background:linear-gradient(90deg,#c49a5d,#a68150);background:linear-gradient(90deg,var(--main-accent),var(--hover-secondary));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav a:hover:after{width:100%}.language-switcher{margin-left:1rem}.language-select{background:#ece5dc;background:var(--light-bg);border:2px solid #c49a5d4d;border-radius:8px;color:#3f3b36;color:var(--dark-text);cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .3s}.language-select:hover{background:#f5f2ed;background:var(--lighter-cream)}.language-select:focus,.language-select:hover{border-color:#c49a5d;border-color:var(--main-accent)}.language-select:focus{box-shadow:0 0 0 3px #c49a5d33;outline:none}.hero{background:linear-gradient(135deg,#ece5dc,#f5f2ed 50%,#c49a5d1a);background:linear-gradient(135deg,var(--light-bg) 0,var(--lighter-cream) 50%,#c49a5d1a 100%);color:#3f3b36;color:var(--dark-text);margin-top:80px;overflow:hidden;padding:120px 2rem 80px;position:relative;text-align:center}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23C49A5D' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23C49A5D' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23A68150' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23A68150' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23A68150' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f3b36,#5c5045);background:linear-gradient(135deg,var(--dark-text) 0,var(--primary-bg) 100%);background-clip:text;-webkit-background-clip:text;font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 4px #3f3b361a}.hero-subtitle{color:#5c5045;color:var(--primary-bg);font-size:1.3rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}.cta-button{border-radius:30px;box-shadow:0 6px 20px #c49a5d4d;color:#ece5dc;color:var(--light-bg);display:inline-block;letter-spacing:.5px;margin-top:2rem;padding:18px 36px;text-decoration:none}.cta-button:hover{background:linear-gradient(135deg,#a68150,#c49a5d);background:linear-gradient(135deg,var(--hover-secondary),var(--main-accent));transform:translateY(-3px)}.info-blocks{background:#f5f2ed;background:var(--lighter-cream);padding:80px 2rem}.info-blocks-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1200px}.info-block{background:#ece5dc;background:var(--light-bg);border:2px solid #c49a5d33;border-radius:20px;box-shadow:0 8px 25px #5c50451a;padding:2.5rem;text-align:center;transition:all .3s ease}.info-block:hover{background:#f5f2ed;background:var(--lighter-cream);border-color:#c49a5d;border-color:var(--main-accent);box-shadow:0 15px 35px #5c504526;transform:translateY(-8px)}.info-block-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c49a5d,#a68150);background:linear-gradient(135deg,var(--main-accent),var(--hover-secondary));background-clip:text;-webkit-background-clip:text;font-size:3.5rem;margin-bottom:1.5rem}.info-block h3{color:#3f3b36;color:var(--dark-text);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.info-block p{color:#5c5045;color:var(--primary-bg);font-size:1rem;line-height:1.6}.section h2{color:#2c3e50}.section{margin:0 auto;max-width:1200px;padding:80px 2rem}.section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f3b36,#5c5045);background:linear-gradient(135deg,var(--dark-text) 0,var(--primary-bg) 100%);background-clip:text;-webkit-background-clip:text;color:#3f3b36;color:var(--dark-text);font-size:2.5rem;margin-bottom:3rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.service-card{background:#ece5dc;background:var(--light-bg);border:1px solid #c49a5d33;border-radius:20px;box-shadow:0 8px 25px #5c50451a;padding:2.5rem;text-align:center}.service-card:hover{border-color:#c49a5d;border-color:var(--main-accent);box-shadow:0 15px 35px #5c504526;transform:translateY(-8px)}.service-card.simple{padding:2rem}.service-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.service-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c49a5d,#a68150);background:linear-gradient(135deg,var(--main-accent) 0,var(--hover-secondary) 100%);background-clip:text;-webkit-background-clip:text;font-size:3rem}.service-card h3{color:#3f3b36;color:var(--dark-text);font-size:1.4rem;line-height:1.3;margin:0}.service-description{color:#5c5045;color:var(--primary-bg);font-size:1rem;line-height:1.6;margin-bottom:0}.gallery{background:#f5f2ed;background:var(--lighter-cream);padding:80px 2rem}.gallery-subtitle{color:#5c5045;color:var(--primary-bg);font-size:1.2rem;font-style:italic;margin-bottom:3rem;text-align:center}.gallery-container{border-radius:20px;box-shadow:0 15px 35px #5c504533;margin:0 auto;max-width:800px;overflow:hidden;position:relative}.gallery-slider{height:500px;overflow:hidden;position:relative;touch-action:pan-y;width:100%}.gallery-track{display:flex;height:100%;transition:transform .5s ease-in-out;width:100%}.gallery-slide{height:100%;min-width:100%;position:relative}.gallery-image-container{height:100%;position:relative;width:100%}.gallery-image{object-fit:cover}.gallery-caption{background:linear-gradient(#0000,#3f3b36cc);padding:2rem 1.5rem 1.5rem}.gallery-caption p{font-size:1.1rem;font-weight:500;text-shadow:0 1px 3px #0000004d}.gallery-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ece5dce6;border:none;border-radius:50%;box-shadow:0 4px 15px #5c504533;color:#3f3b36;color:var(--dark-text);cursor:pointer;font-size:1.5rem;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.gallery-nav:hover{background:#ece5dc;background:var(--light-bg);box-shadow:0 6px 20px #5c50454d;transform:translateY(-50%) scale(1.1)}.gallery-nav-prev{left:15px}.gallery-nav-next{right:15px}.gallery-dots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.gallery-dot{background:#ece5dc80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.gallery-dot:hover{background:#ece5dccc;transform:scale(1.2)}.gallery-dot.active{background:#ece5dc;background:var(--light-bg);box-shadow:0 0 10px #ece5dc80;transform:scale(1.3)}.gallery-controls{position:absolute;right:15px;top:15px;z-index:10}.auto-play-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ece5dce6;border:none;border-radius:50%;box-shadow:0 4px 15px #5c504533;cursor:pointer;font-size:1rem;height:40px;transition:all .3s ease;width:40px}.auto-play-toggle:hover{background:#ece5dc;background:var(--light-bg);transform:scale(1.1)}.gallery-loading{color:#5c5045;color:var(--primary-bg);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.loading-spinner{border:3px solid #c49a5d4d;border-top:3px solid var(--main-accent);margin:0 auto 1rem}.gallery-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ece5dce6;border-radius:15px;box-shadow:0 2px 10px #5c504533;color:#3f3b36;color:var(--dark-text);font-size:.9rem;font-weight:600;left:15px;padding:8px 12px;position:absolute;top:15px;z-index:10}.gallery-image{background:#ece5dc;background:var(--light-bg);display:block;height:100%;object-fit:contain;width:100%}.gallery-caption{background:linear-gradient(#0000,#3f3b36e6);bottom:0;color:#ece5dc;color:var(--light-bg);left:0;padding:2.5rem 1.5rem 1.5rem;position:absolute;right:0;text-align:center}.gallery-caption p{font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #00000080}.about-content{margin:0 auto;max-width:800px;text-align:left}.about p{font-size:1.1rem;margin-bottom:1.5rem}.about p,.about-section h3{color:#3f3b36;color:var(--dark-text)}.about-section h3{border-bottom:2px solid #c49a5d;border-bottom:2px solid var(--main-accent)}.contact-subtitle{color:var(--soft-brown);font-size:1.2rem;font-style:italic;margin-bottom:3rem}.contact-info{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:center;background:var(--cream);border:2px solid var(--skin-light);border-radius:15px;box-shadow:0 4px 15px #8b73551a;color:var(--text-dark);display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.contact-item:hover{background:var(--warm-beige);border-color:var(--rose-gold);box-shadow:0 8px 25px #8b735526;transform:translateY(-3px)}.contact-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--rose-gold),var(--soft-pink));background-clip:text;-webkit-background-clip:text;font-size:2rem;min-width:50px;text-align:center}.contact-text{flex:1 1}.contact-label{color:var(--soft-brown);font-size:.9rem;font-weight:500;margin-bottom:.2rem}.contact-value{color:var(--deep-brown);font-size:1.1rem;font-weight:600}.social-section{text-align:center}.social-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--deep-brown) 0,var(--soft-brown) 100%);background-clip:text;-webkit-background-clip:text;color:var(--deep-brown);font-size:1.3rem;margin-bottom:1.5rem}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{align-items:center;background:var(--cream);border:2px solid var(--skin-light);border-radius:12px;box-shadow:0 3px 10px #8b735514;color:var(--text-dark);display:flex;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--warm-beige);border-color:var(--skin-deep);box-shadow:0 5px 15px #8b73551f;transform:translateX(5px)}.social-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--skin-deep),var(--rose-gold));background-clip:text;-webkit-background-clip:text;font-size:1.5rem;min-width:30px;text-align:center}.social-name{color:var(--deep-brown);font-weight:600}.contact-form{margin:0 auto;max-width:600px;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--deep-brown);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{background:var(--cream);border:2px solid var(--skin-light);border-radius:8px;color:var(--text-dark);font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--rose-gold);box-shadow:0 0 0 3px #e8b4b833;outline:none}.form-group textarea{height:120px;resize:vertical}.submit-button{background:linear-gradient(135deg,var(--rose-gold),var(--soft-pink));border:none;border-radius:8px;color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;padding:12px 30px;transition:all .3s;width:100%}.submit-button:hover{background:linear-gradient(135deg,var(--soft-pink),var(--rose-gold));box-shadow:0 4px 15px #e8b4b84d;transform:translateY(-2px)}.submit-button:disabled{background:var(--warm-gray);cursor:not-allowed;transform:none}.contact-status{border-radius:8px;font-weight:600;margin-top:1rem;padding:1rem}.contact-status.success{background:#a8c09a33;border:1px solid #8fae7a;border:1px solid var(--success);color:var(--deep-brown)}.contact-status.error{background:#d4a57433;border:1px solid #c49a5d;border:1px solid var(--error);color:var(--deep-brown)}.service-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:12px 24px;transition:all .3s ease}.service-toggle:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.service-details{animation:slideDown .3s ease-out;border-top:2px solid #f0f0f0;margin-top:1.5rem;padding-top:1.5rem}.service-details ul{list-style:none;margin:0;padding:0}.service-details li{border-bottom:1px solid #f5f5f5;color:#444;line-height:1.5;padding:.8rem 0 .8rem 2rem;position:relative}.service-details li:last-child{border-bottom:none}.service-details li:before{align-items:center;background:#e8f5e8;border-radius:50%;color:#27ae60;content:"✓";display:flex;font-size:1.1rem;font-size:.8rem;font-weight:700;height:20px;justify-content:center;left:0;position:absolute;top:.8rem;width:20px}.about-section{margin-bottom:2rem}.about-section h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.about-section:last-child{margin-bottom:0}.footer{background:#5c5045;background:var(--primary-bg);color:#ece5dc;color:var(--light-bg);padding:3rem 2rem 1rem;text-align:left}.footer-content{margin:0 auto;max-width:1200px}.footer-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.footer-brand{text-align:center}.footer-logo{margin-bottom:1rem}.footer-logo-image{height:80px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:400px;object-fit:contain;transition:all .3s ease;width:auto}.footer-logo-image:hover{opacity:.9;transform:scale(1.05)}.footer-brand h3,.footer-logo-text{color:#ece5dc;color:var(--light-bg);font-size:1.8rem;margin-bottom:.5rem}.footer-brand p{color:#ece5dc;color:var(--light-bg);font-style:italic;opacity:1}.footer-contact h4,.footer-social h4{color:#ece5dc;color:var(--light-bg);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.footer-contact-items,.footer-social-links{display:flex;flex-direction:column;gap:1rem}.footer-contact-item,.footer-social-link{align-items:center;color:#ece5dc;color:var(--light-bg);display:flex;font-size:1rem;font-weight:500;gap:1rem;opacity:1;padding:.6rem 0;text-decoration:none;transition:all .3s ease}.footer-contact-item:hover,.footer-social-link:hover{color:#c49a5d;color:var(--main-accent);opacity:1;text-shadow:0 1px 2px #0000004d;transform:translateX(5px)}.footer-contact-icon,.footer-social-icon{align-items:center;background:#c49a5d33;border-radius:50%;display:flex;font-size:1.4rem;height:35px;justify-content:center;min-width:30px;text-align:center;transition:all .3s ease;width:35px}.footer-contact-item:hover .footer-contact-icon,.footer-social-link:hover .footer-social-icon{background:#c49a5d;background:var(--main-accent);box-shadow:0 2px 8px #c49a5d66;transform:scale(1.1)}.footer-bottom{border-top:1px solid #ece5dc66;color:#ece5dc;color:var(--light-bg);opacity:1;padding-top:1.5rem;text-align:center}.footer-bottom p{font-size:.95rem;font-weight:400;margin-bottom:.5rem}.footer-bottom p:last-child{font-style:italic;margin-bottom:0;opacity:.9}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-info{gap:1.5rem;grid-template-columns:1fr;text-align:center}.footer-contact-items,.footer-social-links{align-items:center}.footer-contact-item,.footer-social-link{justify-content:center}.header-content{flex-direction:column;gap:1rem}.nav ul{gap:1rem}.language-switcher{margin-left:0;margin-top:.5rem}.logo-image{height:55px;max-width:250px}.footer-logo-image{height:60px;max-width:300px}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.info-blocks{padding:60px 1rem}.info-blocks-grid{gap:1.5rem;grid-template-columns:1fr}.info-block{padding:2rem}.info-block-icon{font-size:3rem}.info-block h3{font-size:1.3rem}.gallery{padding:60px 1rem}.gallery-slider{height:400px}.gallery-nav{font-size:1.2rem;height:40px;width:40px}.gallery-nav-prev{left:10px}.gallery-nav-next{right:10px}.gallery-caption{padding:1.5rem 1rem 1rem}.gallery-caption p{font-size:1rem}.gallery-dots{bottom:15px;gap:8px}.gallery-dot{height:10px;width:10px}.auto-play-toggle{font-size:.9rem;height:35px;width:35px}.gallery-counter{font-size:.8rem;left:10px;padding:6px 10px;top:10px}.loading-spinner{height:30px;width:30px}}@media (max-width:768px){@media (max-width:768px){.gallery-slider{height:400px}.gallery-nav{font-size:1.2rem;height:40px;width:40px}.gallery-nav-prev{left:10px}.gallery-nav-next{right:10px}.gallery-caption{padding:1.5rem 1rem 1rem}.gallery-caption p{font-size:1rem}.gallery-dots{bottom:15px;gap:8px}.gallery-dot{height:10px;width:10px}.auto-play-toggle{font-size:.9rem;height:35px;width:35px}.gallery-counter{font-size:.8rem;left:10px;padding:6px 10px;top:10px}.loading-spinner{height:30px;width:30px}}.section{padding:60px 1rem}.section h2{font-size:2rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:2rem}.service-icon{font-size:2.5rem}.contact-info{gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}.contact-item{padding:1.2rem}.contact-icon{font-size:1.8rem;min-width:40px}.contact-value{font-size:1rem}.social-links{gap:.8rem}.social-link{padding:.8rem 1.2rem}.social-icon{font-size:1.3rem;min-width:25px}}.before-after{background:linear-gradient(135deg,#ece5dc,#f5f2ed);background:linear-gradient(135deg,var(--light-bg) 0,var(--lighter-cream) 100%);padding:80px 0}.before-after .section-header{margin-bottom:60px;text-align:center}.before-after h2{color:#3f3b36;color:var(--dark-text);font-size:2.5rem;font-weight:700;margin-bottom:20px}.before-after .section-subtitle{color:#6b5d52;color:var(--soft-taupe);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.comparison-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.comparison-tab{background:#fff;border:2px solid #c49a5d;border:2px solid var(--main-accent);border-radius:25px;color:#c49a5d;color:var(--main-accent);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.comparison-tab:hover{box-shadow:0 4px 15px #c49a5d4d;transform:translateY(-2px)}.comparison-tab.active,.comparison-tab:hover{background:#c49a5d;background:var(--main-accent);color:#fff}.comparison-tab.active{box-shadow:0 4px 15px #c49a5d66}.comparison-container{margin:0 auto;max-width:1200px;position:relative}.comparison-item{animation:fadeIn .5s ease-in-out;display:none}.comparison-item.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comparison-images{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr auto 1fr;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:900px}.image-container,.image-wrapper{position:relative}.image-wrapper{border-radius:15px;box-shadow:0 10px 30px #00000026;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.image-wrapper:hover{box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.comparison-image{display:block;height:300px;object-fit:cover;width:100%}.image-loading{align-items:center;background:#f5f2ed;background:var(--lighter-cream);bottom:0;color:#6b5d52;color:var(--soft-taupe);display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{border:3px solid #ece5dc;border-top:3px solid #c49a5d;border:3px solid var(--light-bg);border-top-color:var(--main-accent);height:40px;margin-bottom:10px;width:40px}.image-label{background:#000c;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;left:15px;letter-spacing:1px;padding:8px 16px;position:absolute;text-transform:uppercase;top:15px}.before-label{background:linear-gradient(135deg,#e74c3c,#c0392b)}.after-label{background:linear-gradient(135deg,#27ae60,#229954)}.vs-divider{align-items:center;background:linear-gradient(135deg,#c49a5d,#a68150);background:linear-gradient(135deg,var(--main-accent),var(--hover-secondary));border-radius:50%;box-shadow:0 5px 15px #c49a5d66;display:flex;height:60px;justify-content:center;position:relative;width:60px}.vs-text{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:2px}.comparison-details{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin:0 auto;max-width:700px;padding:30px;text-align:center}.comparison-details h3{color:#3f3b36;color:var(--dark-text);font-size:1.8rem;font-weight:600;margin-bottom:15px}.comparison-description{color:#6b5d52;color:var(--soft-taupe);font-size:1.1rem;line-height:1.7;margin-bottom:25px}.treatment-info{margin-bottom:20px;text-align:left}.treatment-info h4{color:#c49a5d;color:var(--main-accent);font-size:1.2rem;margin-bottom:10px;text-align:center}.treatment-info ul{list-style:none;padding:0}.treatment-info li{color:#3f3b36;color:var(--dark-text);padding:8px 0 8px 25px;position:relative}.treatment-info li:before{color:#c49a5d;color:var(--main-accent);content:"✓";font-weight:700;left:0;position:absolute}.treatment-duration{background:#f5f2ed;background:var(--lighter-cream);border-radius:10px;color:#3f3b36;color:var(--dark-text);font-size:1rem;padding:15px}.comparison-dots{display:none;gap:10px;justify-content:center;margin-top:30px}.comparison-dot{background:#ece5dc;background:var(--light-bg);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.comparison-dot.active{background:#c49a5d;background:var(--main-accent);transform:scale(1.2)}.before-after-cta{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-left:auto;margin-right:auto;margin-top:50px;max-width:600px;padding:40px;text-align:center}.before-after-cta p{color:#3f3b36;color:var(--dark-text);font-size:1.2rem;line-height:1.6;margin-bottom:25px}.cta-button{background:linear-gradient(135deg,#c49a5d,#a68150);background:linear-gradient(135deg,var(--main-accent),var(--hover-secondary));border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px #c49a5d66;transform:translateY(-2px)}@media (max-width:768px){.before-after{padding:60px 0}.before-after h2{font-size:2rem}.comparison-images{gap:20px;grid-template-columns:1fr;text-align:center}.vs-divider{height:50px;margin:0 auto;width:50px}.vs-text{font-size:1rem}.comparison-image{height:250px}.comparison-selector{align-items:center;flex-direction:column}.comparison-tab{max-width:300px;width:100%}.comparison-dots{display:flex}.mobile-only{display:flex!important}.comparison-details{margin:20px;padding:20px}.comparison-details h3{font-size:1.5rem}.treatment-info{text-align:center}}@media (max-width:480px){.comparison-images{gap:15px}.comparison-image{height:200px}.image-label{font-size:.8rem;padding:6px 12px}}.service-card{overflow:hidden;transition:all .3s ease}.service-card.expanded{background:#f8f6f3;border:2px solid #c49a5d;box-shadow:0 4px 12px #c49a5d33}.service-header.clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s ease}.service-header.clickable:hover{background-color:#c49a5d1a}.expand-indicator{color:#c49a5d;font-size:1.5rem;font-weight:700;min-width:30px;text-align:center;transition:transform .2s ease}.service-card.expanded .expand-indicator{transform:rotate(180deg)}.service-expanded-content{padding:0 1rem 1rem}@keyframes slideDown{0%{max-height:0;opacity:0;padding-top:0}to{max-height:1000px;opacity:1;padding-top:1rem}}.loading-content{align-items:center;color:#666;display:flex;flex-direction:column;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#c49a5d;height:30px;margin-bottom:1rem;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.markdown-content{color:#3f3b36;line-height:1.6}.markdown-content p{margin:1rem 0}.markdown-content ul{margin:1rem 0;padding-left:2rem}.markdown-content li{list-style-type:disc;margin:.5rem 0}.markdown-content br{line-height:1.8}.markdown-content .emoji-header{align-items:center;border-bottom:1px solid #e0d5c7;color:#c49a5d;display:flex;font-size:1.4rem;gap:.8rem;margin:2rem 0 1.5rem;padding-bottom:.5rem;text-align:left}.markdown-content .emoji-header .emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Android Emoji,EmojiSymbols,sans-serif;font-size:1.6rem}.markdown-content .section-divider{border:none;border-top:2px solid #e0d5c7;margin:2.5rem 0;opacity:.6}.markdown-content .numbered-item{align-items:flex-start;display:flex;gap:.8rem;margin:1.2rem 0;padding:.5rem 0;text-align:left}.markdown-content .numbered-item .number{color:#c49a5d;flex-shrink:0;font-size:1.1rem;font-weight:700;min-width:2.5rem}.markdown-content .emoji-bullet{align-items:flex-start;display:flex;gap:.8rem;margin:1rem 0;padding:.3rem 0;text-align:left}.markdown-content .emoji-bullet .bullet-emoji{flex-shrink:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Android Emoji,EmojiSymbols,sans-serif;font-size:1.1rem;min-width:2rem}.markdown-content .note{background:#f8f6f3;border-left:4px solid #c49a5d;border-radius:0 4px 4px 0;color:#666;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem;text-align:left}.markdown-content ul{list-style:none;margin:1.5rem 0;padding-left:0;text-align:left}.markdown-content li{line-height:1.6;margin:1rem 0;padding-left:0;position:relative;text-align:left}.markdown-content li.regular-bullet{padding-left:2rem;text-align:left}.markdown-content li.regular-bullet:before{color:#c49a5d;content:"•";font-size:1.2rem;font-weight:700;left:.5rem;position:absolute}.markdown-content{font-family:Noto Sans Thai,Sarabun,Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.8;max-height:70vh;overflow-y:auto;padding:1rem;text-align:left}.markdown-content *{font-feature-settings:"liga" 1,"kern" 1}.markdown-content::-webkit-scrollbar{width:6px}.markdown-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.markdown-content::-webkit-scrollbar-thumb{background:#c49a5d;border-radius:3px}.markdown-content::-webkit-scrollbar-thumb:hover{background:#a68150}.markdown-content p{line-height:1.7;margin:1.2rem 0;text-align:left}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#c49a5d;margin:1.5rem 0 1rem;text-align:left}.markdown-content h1{border-bottom:2px solid #c49a5d;font-size:1.8rem;padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.3rem}.markdown-content strong{color:#5c5045;font-weight:600}.service-expanded-content{animation:slideDown .3s ease-out;border-top:1px solid #e0d5c7;margin-top:1rem;padding:0;text-align:left}.footer-social-image{filter:brightness(0) invert(1);height:24px;object-fit:contain;transition:all .3s ease;width:24px}.footer-social-link:hover .footer-social-image{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg);transform:scale(1.1)}.footer-social-emoji-fallback{display:inline-block;font-size:24px;transition:transform .3s ease}.footer-social-link:hover .footer-social-emoji-fallback{transform:scale(1.1)}@media (max-width:768px){.service-expanded-content{padding:0}.markdown-content{font-size:.9rem;padding:.5rem}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.1rem}.markdown-content .emoji-bullet,.markdown-content .numbered-item{flex-direction:column;gap:.2rem}.markdown-content .numbered-item .number{min-width:auto}.footer-social-emoji-fallback,.footer-social-image{font-size:20px;height:20px;width:20px}.footer-social-icon{height:20px;width:20px}.markdown-content .emoji-header{font-size:1.2rem}.markdown-content .emoji-header .emoji{font-size:1.4rem}.markdown-content .emoji-bullet,.markdown-content .numbered-item{flex-direction:column;gap:.2rem}.markdown-content .numbered-item .number{min-width:auto}.service-expanded-content{padding:0 .5rem 1rem}.markdown-content{font-size:.9rem}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.1rem}}.footer-social-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:.5rem;width:24px}.footer-social-icon img{height:24px;object-fit:contain;transition:transform .3s ease;width:24px}.footer-social-link{align-items:center;border-radius:4px;color:inherit;display:flex;padding:.5rem;text-decoration:none;transition:background-color .3s ease}.footer-social-link:hover{background-color:#ffffff1a}.footer-social-link:hover .footer-social-icon img{transform:scale(1.1)}@media (max-width:768px){.footer-social-icon,.footer-social-icon img{height:20px;width:20px}}
/*# sourceMappingURL=main.70302f7a.css.map*/