:root{--color-primary: #1976D2;--color-primary-dark: #123d75;--color-primary-light: #52aef5;--color-primary-lighter: #a9d4fa;--color-primary-subtle: #f0f7ff;--color-accent-gold: #FF9800;--color-accent-gold-light: #FFB74D;--color-accent-rose: #EC407A;--color-accent-rose-light: #F48FB1;--color-accent-green: #06C755;--color-accent-green-dark: #05a648;--color-white: #FFFFFF;--color-bg: #F0F7FF;--color-bg-warm: #F5F9FF;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text: #1e3a5a;--color-text-secondary: #5a748f;--color-text-muted: #8a9bb3;--color-border: #D6E4F0;--color-border-light: #E8F0F8;--gradient-hero: linear-gradient(180deg, #BBDEFB 0%, #90CAF9 40%, #64B5F6 100%);--gradient-sky: linear-gradient(180deg, #42A5F5 0%, #1976D2 100%);--gradient-cloud: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 50%, #90CAF9 100%);--gradient-gold: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%);--gradient-premium: linear-gradient(180deg, #E3F2FD 0%, #BBDEFB 50%, #90CAF9 100%);--gradient-glow: linear-gradient(135deg, #E3F2FD 0%, #F3E5F5 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, rgba(240, 247, 255, .95) 100%);--font-primary: "Noto Sans Thai", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Inter", "Noto Sans Thai", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .08), 0 4px 10px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 50px -5px rgba(0, 0, 0, .1), 0 10px 20px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 30px rgba(77, 168, 218, .15);--shadow-gold: 0 4px 15px rgba(212, 168, 83, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-sticky: 100;--z-navbar: 200;--z-modal: 300;--z-sticky-bar: 400;--container-max: 1200px;--container-narrow: 900px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);background-image:url(/images/hero-bg.webp);background-attachment:fixed;background-size:cover;background-position:top center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:72px;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-16) 0}.section--lg{padding:var(--space-20) 0}.text-center{text-align:center}.text-left{text-align:left}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-subtle);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);letter-spacing:.02em}.section-title{font-size:var(--text-3xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-10);line-height:var(--leading-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-xl);transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn--primary{background:var(--gradient-sky);color:var(--color-white);box-shadow:var(--shadow-md),0 4px 15px #4da8da4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 25px #4da8da66;color:var(--color-white)}.btn--line{background:var(--color-accent-green);color:var(--color-white);box-shadow:var(--shadow-md),0 4px 15px #06c7554d}.btn--line:hover{background:var(--color-accent-green-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 25px #06c75566;color:var(--color-white)}.btn--outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn--gold{background:var(--gradient-gold);color:var(--color-text);box-shadow:var(--shadow-gold)}.btn--gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a85359;color:var(--color-text)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-2xl)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--block{width:100%}.card{background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-slow);position:relative}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card__body{padding:var(--space-6)}.card__badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--gradient-gold);color:var(--color-text);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);z-index:2}.glass{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass--dark{background:#1a1a2ed9;color:var(--color-white)}.grid{display:grid;gap:var(--space-6)}.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:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #4da8da4d}50%{box-shadow:0 0 20px #4da8da99}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}.animate-delay-4{transition-delay:.4s}@media(max-width:768px){:root{--text-3xl: 1.5rem;--text-4xl: 1.875rem;--text-5xl: 2.25rem}.section{padding:var(--space-10) 0}.section--lg{padding:var(--space-12) 0}.container{padding:0 var(--space-4)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.5);transition:all var(--transition-base)}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:var(--space-3) var(--space-5)}.navbar__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-xl);color:var(--color-text);text-decoration:none}.navbar__logo-icon{font-size:var(--text-2xl)}.navbar__logo-text span{color:var(--color-primary)}.navbar__logo-img{height:42px;width:auto;display:block}.navbar__links{display:flex;align-items:center;gap:var(--space-1)}.navbar__link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none}.navbar__link:hover,.navbar__link.active{color:var(--color-primary-dark);background:var(--color-primary-subtle)}.navbar__cta{margin-left:var(--space-2)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer;z-index:10}.navbar__hamburger span{display:block;width:24px;height:2.5px;background:var(--color-text);border-radius:2px;transition:all var(--transition-base)}.navbar__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger.active span:nth-child(2){opacity:0}.navbar__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__links{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;flex-direction:column;align-items:stretch;padding:80px var(--space-6) var(--space-6);background:var(--color-white);box-shadow:-10px 0 30px #0000001a;transition:right var(--transition-slow);gap:var(--space-1);overflow-y:auto}.navbar__links.open{right:0}.navbar__link{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.navbar__cta{margin-left:0;margin-top:var(--space-4)}.nav-overlay{position:fixed;inset:0;background:#0006;z-index:calc(var(--z-navbar) - 1);opacity:0;visibility:hidden;transition:all var(--transition-base)}.nav-overlay.active{opacity:1;visibility:visible}}.sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky-bar);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(226,232,240,.5);box-shadow:0 -4px 20px #00000014;padding:var(--space-2) var(--space-4)}.sticky-bar__inner{display:flex;gap:var(--space-3);max-width:var(--container-max);margin:0 auto}.sticky-bar__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:700;text-decoration:none;transition:all var(--transition-base)}.sticky-bar__btn--line{background:var(--color-accent-green);color:var(--color-white);box-shadow:0 2px 10px #06c7554d}.sticky-bar__btn--line:hover{background:var(--color-accent-green-dark);transform:translateY(-1px);color:var(--color-white)}.sticky-bar__btn--phone{background:var(--color-primary);color:var(--color-white);box-shadow:0 2px 10px #4da8da4d}.sticky-bar__btn--phone:hover{background:var(--color-primary-dark);transform:translateY(-1px);color:var(--color-white)}.sticky-bar__btn svg{width:20px;height:20px;flex-shrink:0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:72px;background:var(--gradient-hero);background-image:url(/images/hero-bg.webp);background-size:cover;background-position:center}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,.3) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(144,202,249,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.15) 0%,transparent 50%)}.hero__clouds{position:absolute;inset:0;overflow:hidden}.hero__cloud{position:absolute;background:#ffffff80;border-radius:50%;filter:blur(40px)}.hero__cloud--1{width:400px;height:200px;top:10%;left:-5%;animation:float 8s ease-in-out infinite}.hero__cloud--2{width:300px;height:150px;top:30%;right:-3%;animation:float 10s ease-in-out infinite reverse}.hero__cloud--3{width:350px;height:180px;bottom:15%;left:20%;animation:float 12s ease-in-out infinite}.hero__content{position:relative;z-index:2;max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text)}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero__title{font-size:clamp(1.75rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:var(--space-4);letter-spacing:-.02em;color:var(--color-primary-dark)}.hero__title-highlight{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:650px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.hero__cta-group{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-10)}.hero__promo{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:500px;margin-left:auto;margin-right:auto;z-index:1}.hero__promo:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 40px #bca16640;z-index:-1;pointer-events:none;animation:promo-glow 4s ease-in-out infinite}@keyframes promo-glow{0%,to{opacity:.2}50%{opacity:1}}.hero__promo-title{font-size:var(--text-xl);font-weight:800;color:var(--color-accent-gold);margin-bottom:var(--space-2)}.hero__promo-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.experience{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.experience__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:768px){.experience__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}.experience__card{text-align:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg);border:1px solid var(--color-border-light);transition:all var(--transition-slow)}.experience__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-lighter)}.experience__icon{font-size:2.5rem;margin-bottom:var(--space-3);display:block}.experience__card-title{font-weight:700;font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2)}.experience__card-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.drip-menu{background:transparent;position:relative}.drip-menu__consult-banner{background:linear-gradient(135deg,var(--color-primary-subtle),#F0E6FF);border:2px dashed var(--color-primary-light);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);text-align:center;margin-bottom:var(--space-10);transition:all var(--transition-base)}.drip-menu__consult-banner:hover{transform:scale(1.01);box-shadow:var(--shadow-md)}.drip-menu__consult-text{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.drip-menu__group-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2)}.drip-menu__group-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6)}.drip-menu__price-badge{display:inline-flex;padding:var(--space-1) var(--space-3);background:var(--gradient-gold);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.drip-card{background:#fffffff2;border-radius:var(--radius-2xl);border:1px solid rgba(226,232,240,.6);padding:var(--space-6);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-sky);opacity:.5;transition:opacity var(--transition-base)}.drip-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;border-color:#4da8da4d}.drip-card:hover:before{opacity:1}.drip-card--premium:before{background:var(--gradient-gold)}.drip-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.drip-card__emoji{font-size:2rem;margin-bottom:var(--space-2)}.drip-card__image{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-3)}.drip-card__image img{width:100%;height:auto;display:block;transition:transform .3s ease}.drip-card__name{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.drip-card__price{font-size:var(--text-2xl);font-weight:800;color:var(--color-primary-dark)}.drip-card__price span{font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted)}.drip-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.drip-card__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-primary-subtle);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;margin-right:var(--space-1);margin-bottom:var(--space-1)}.drip-card__tags{display:flex;flex-wrap:wrap;margin-bottom:var(--space-4)}.drip-card__cta{margin-top:auto}.why-choose{background:var(--gradient-cloud);color:var(--color-text);position:relative;overflow:hidden}.why-choose:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(144,202,249,.3) 0%,transparent 50%)}.why-choose__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);position:relative;z-index:1}@media(max-width:768px){.why-choose__grid{grid-template-columns:1fr;gap:var(--space-4)}}.why-choose__card{text-align:center;padding:var(--space-8) var(--space-6);background:#fffc;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-slow);box-shadow:var(--shadow-md)}.why-choose__card:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:var(--shadow-xl)}.why-choose__icon{font-size:3rem;margin-bottom:var(--space-4);display:block}.why-choose__card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-primary-dark)}.why-choose__card-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.reviews-section{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.review-card{background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border-light);transition:all var(--transition-slow)}.review-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.review-card__stars{color:#fbbf24;font-size:var(--text-lg);margin-bottom:var(--space-3);letter-spacing:2px}.review-card__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);font-style:italic}.review-card__author{display:flex;align-items:center;gap:var(--space-3)}.review-card__avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-cloud);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;color:var(--color-primary-dark)}.review-card__name{font-weight:600;font-size:var(--text-sm)}.review-card__service{font-size:var(--text-xs);color:var(--color-text-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-8)}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.gallery-item{border-radius:var(--radius-xl);overflow:hidden;position:relative;aspect-ratio:4/3;box-shadow:var(--shadow-sm);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);z-index:2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.footer{background:var(--color-white);color:var(--color-text);padding:var(--space-12) 0 var(--space-16);border-top:3px solid var(--color-primary-lighter)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8)}@media(max-width:768px){.footer__grid{grid-template-columns:1fr;gap:var(--space-6)}}.footer__brand{margin-bottom:var(--space-4)}.footer__logo{font-size:var(--text-xl);font-weight:800;color:var(--color-primary-dark);margin-bottom:var(--space-2)}.footer__logo span{color:var(--color-primary-light)}.footer__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.footer__heading{font-size:var(--text-base);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--space-4)}.footer__link{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;transition:color var(--transition-fast);text-decoration:none}.footer__link:hover{color:var(--color-primary)}.footer__contact-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.footer__map{border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--space-4);border:1px solid var(--color-border)}.footer__map iframe{width:100%;height:200px;border:none}.footer__bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__seo-tags{font-size:var(--text-xs);color:var(--color-border);max-width:600px}.page-header{padding:calc(72px + var(--space-10)) 0 var(--space-10);background:var(--gradient-cloud);background-image:url(/images/hero-bg.webp);background-size:cover;background-position:center;color:var(--color-text);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.4) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(144,202,249,.2) 0%,transparent 50%)}.page-header__content{position:relative;z-index:1}.page-header__title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-3);color:var(--color-primary-dark)}.page-header__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-4);justify-content:center}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-dark)}.breadcrumb__sep{color:var(--color-text-muted)}.breadcrumb__current{color:var(--color-text);font-weight:600}.drip-detail{padding:var(--space-10) 0}.drip-detail__layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8);align-items:start}@media(max-width:960px){.drip-detail__layout{grid-template-columns:1fr}}.drip-detail__main{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-border-light)}.drip-detail__emoji{font-size:3.5rem;margin-bottom:var(--space-4)}.drip-detail__name{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-4)}.drip-detail__section{margin-bottom:var(--space-6)}.drip-detail__section-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.drip-detail__list{list-style:none}.drip-detail__list li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.drip-detail__list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.drip-detail__sidebar{position:sticky;top:calc(72px + var(--space-4))}.drip-detail__price-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);text-align:center;margin-bottom:var(--space-6)}.drip-detail__price{font-size:var(--text-4xl);font-weight:800;color:var(--color-primary-dark);margin-bottom:var(--space-1)}.drip-detail__price-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.drip-detail__promo-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:#856404;margin-bottom:var(--space-4)}.drip-detail__related{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border-light)}.drip-detail__related-title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-4)}.drip-detail__related-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);text-decoration:none;color:var(--color-text);margin-bottom:var(--space-2)}.drip-detail__related-item:hover{background:var(--color-bg);color:var(--color-text)}.drip-detail__related-emoji{font-size:1.5rem}.drip-detail__related-name{font-size:var(--text-sm);font-weight:600}.drip-detail__related-price{font-size:var(--text-xs);color:var(--color-primary)}.trust-signals{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-4) 0}.trust-signal{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.trust-signal__icon{font-size:var(--text-lg)}.cta-banner{background:var(--gradient-cloud);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-6);text-align:center;margin:var(--space-10) 0;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 50%);animation:float 15s ease-in-out infinite}.cta-banner__content{position:relative;z-index:1}.cta-banner__title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-3)}.cta-banner__text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.about-section{padding:var(--space-10) 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}@media(max-width:768px){.about-content{grid-template-columns:1fr}}.about-image{border-radius:var(--radius-xl);overflow:hidden;background:var(--gradient-cloud);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:5rem}.about-text h3{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.about-text p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.comparison-table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);margin:var(--space-6) 0}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.comparison-table th{background:var(--gradient-premium);color:var(--color-white);padding:var(--space-4) var(--space-4);text-align:left;font-weight:600;white-space:nowrap}.comparison-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:top}.comparison-table tr:hover td{background:var(--color-primary-subtle)}.comparison-table tr:last-child td{border-bottom:none}.promo-section{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid var(--color-accent-gold);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;margin:var(--space-8) 0;position:relative;overflow:hidden}.promo-section__badge{display:inline-block;padding:var(--space-2) var(--space-5);background:var(--gradient-gold);color:var(--color-text);font-weight:800;border-radius:var(--radius-full);font-size:var(--text-lg);margin-bottom:var(--space-4)}.promo-section__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-3)}.promo-section__text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.promo-section__images{display:flex;gap:var(--space-4);justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.promo-section__price-img,.promo-section__promo-img{max-width:380px;width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform .3s ease}.promo-section__price-img:hover,.promo-section__promo-img:hover{transform:scale(1.03)}.knowledge-section{background:transparent}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-6)}.knowledge-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease;background:var(--color-white)}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.knowledge-card img{width:100%;height:auto;display:block}.map-section{background:transparent}.map-section__content{max-width:600px;margin:0 auto;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.map-section__img{width:100%;height:auto;display:block}@media(max-width:768px){.knowledge-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.promo-section__images{flex-direction:column;align-items:center}.promo-section__price-img,.promo-section__promo-img{max-width:320px}.map-section__content{max-width:100%}}@media(max-width:480px){.knowledge-grid{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}}.fab-messenger{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-20));right:var(--space-4);width:56px;height:56px;background:#0084ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0084ff66;z-index:var(--z-sticky-bar);transition:all var(--transition-base);text-decoration:none}.fab-messenger:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 6px 16px #0084ff80;color:#fff}.fab-messenger svg{width:32px;height:32px}@media(min-width:768px){.fab-messenger{bottom:var(--space-6);right:var(--space-6);width:60px;height:60px}}.drip-card__image{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:transparent;display:flex;align-items:center;justify-content:center}.drip-card__image img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-base)}.drip-card:hover .drip-card__image img{transform:scale(1.05)}.review-card__image{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:transparent;display:flex;align-items:center;justify-content:center}.review-card__image img{width:100%;height:100%;object-fit:contain}