:root{--ink:#12232d;--muted:#52636d;--line:#d7e2e7;--soft:#f3f8fa;--paper:#ffffff;--blue:#087da2;--blue-dark:#07536d;--blue-soft:#e8f5f8;--green:#277560;--amber:#b06818;--shadow-sm:0 4px 14px rgba(18,35,45,0.07);--shadow:0 12px 28px rgba(18,35,45,0.12);--ring:0 0 0 3px rgba(8,125,162,0.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;background:#f8fbfc;line-height:1.65}a{color:inherit;text-decoration:none}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}img{display:block;max-width:100%}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;max-width:1280px;margin:0 auto;padding:20px clamp(18px,5vw,72px) 0;color:var(--muted);font-size:14px}.breadcrumbs a{color:var(--blue-dark);font-weight:700}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;justify-content:space-between;gap:clamp(16px,2vw,28px);min-height:76px;padding:8px clamp(18px,4vw,56px);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 14px rgba(18,35,45,.05)}.brand,.site-header{display:flex;align-items:center}.brand{min-width:260px;min-height:56px;padding:6px 0;border-radius:2px;color:#0b6f95;background:white}.brand small,.brand strong{display:block}.brand strong{font-size:25px;line-height:1.1;letter-spacing:0;font-weight:800}.brand small{color:#0b6f95;font-size:13px;font-weight:700;line-height:1.15}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;color:var(--blue-dark);font-size:14px;font-weight:700}.nav-links a{display:inline-flex;min-height:44px;align-items:center;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:transparent;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.mobile-nav{display:none}.header-call:hover,.nav-links a:hover,.site-footer a:hover{color:var(--blue)}.nav-links a:hover{border-color:#c9e2ea;background:var(--blue-soft)}.header-call{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);white-space:nowrap;color:white;font-weight:700;box-shadow:0 5px 14px rgba(8,125,162,.2);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.header-call:hover{color:white;background:var(--blue-dark);box-shadow:0 7px 18px rgba(8,125,162,.26);transform:translateY(-1px)}.hero{position:relative;overflow:hidden;display:flex;min-height:clamp(560px,72vh,680px);align-items:flex-end;padding:clamp(36px,4vw,56px) clamp(20px,6vw,88px);background:#0c313f}.hero:before{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,29,39,.9),rgba(5,29,39,.7) 48%,rgba(5,29,39,.18));content:""}.hero>*{position:relative;z-index:3}.hero-copy{max-width:720px}.hero-visual{position:absolute;inset:0;z-index:0}.hero-visual-frame{width:100%;height:100%}.hero-visual-frame img{width:100%;height:100%;object-fit:cover;object-position:center 46%;transform:scale(1.015)}.eyebrow{margin:0 0 10px;color:var(--green);font-weight:700}.hero-company{margin-bottom:8px;color:white;font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.2}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;color:var(--blue-dark);font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:0}.hero h1{max-width:680px;margin-bottom:20px;color:white;font-size:clamp(44px,6vw,76px);text-shadow:0 3px 22px rgba(0,0,0,.24)}.hero .eyebrow{color:#9ce1ce}.hero .lead{max-width:680px;color:#e8f0f3}.hero .need-list span{border-color:rgba(255,255,255,.34);background:rgba(8,43,56,.52)}.hero .button.secondary,.hero .need-list span{color:white;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero .button.secondary{border-color:rgba(255,255,255,.82);background:rgba(12,49,63,.34)}.hero .button.secondary:hover{border-color:white;color:var(--blue-dark);background:white}h2{margin-bottom:12px;font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:0}h3{margin-bottom:8px;line-height:1.35}.lead,h3{font-size:20px}.lead{max-width:720px;color:var(--muted)}.need-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.need-list span{display:inline-flex;min-height:38px;align-items:center;padding:6px 14px;border:1px solid #c8e2ea;border-radius:6px;color:var(--blue-dark);background:var(--blue-soft);font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 20px;border:1px solid var(--blue);border-radius:6px;font-weight:700;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button.primary{color:white;background:var(--blue);box-shadow:0 6px 16px rgba(8,125,162,.22)}.button.secondary{color:var(--blue-dark);background:white}.button.primary:hover{background:var(--blue-dark);box-shadow:0 9px 20px rgba(8,125,162,.28)}.button.primary:hover,.button.secondary:hover{border-color:var(--blue-dark);transform:translateY(-1px)}.button.secondary:hover{background:var(--blue-soft);box-shadow:var(--shadow-sm)}.button:active,.header-call:active,.service-link-card:active{transform:translateY(0);box-shadow:none}.hero-side{display:grid;grid-gap:12px;gap:12px}.hero-photo{overflow:hidden;border-radius:8px;box-shadow:var(--shadow);background:var(--soft)}.hero-photo img{width:100%;height:min(52vw,420px);object-fit:cover}.hero-photo figcaption{padding:10px 12px;margin:0;color:var(--muted);font-size:13px;background:white}.quick-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:white}.quick-contact span,.quick-contact strong{display:block}.quick-contact span{color:var(--muted)}.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;padding:0 clamp(18px,5vw,72px);color:white;background:#102f3c;border-top:1px solid rgba(255,255,255,.12);border-bottom:0}.trust-strip div{padding:20px clamp(16px,3vw,34px);background:transparent;border-right:1px solid rgba(255,255,255,.14)}.trust-strip div:last-child{border-right:0}.trust-strip strong{display:block;font-size:22px}.trust-strip span{color:#b9ccd4}.section{position:relative;padding:clamp(48px,8vw,86px) clamp(18px,5vw,72px)}.section.soft{background:#eef5f7}.visual-section{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.88)),url(/images/backgrounds/water-dispenser-bg.webp) 100% /460px auto no-repeat,radial-gradient(circle at right 20%,rgba(11,111,149,.1),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.98),rgba(246,251,252,.94))}.photo-band{background:radial-gradient(circle at 18% 8%,rgba(11,111,149,.12),transparent 30%),radial-gradient(circle at 82% 24%,rgba(52,115,95,.1),transparent 26%),linear-gradient(180deg,rgba(244,247,248,.98),rgba(255,255,255,.98))}.section-head{max-width:820px;margin-bottom:36px}.section-actions{margin-top:22px}.grid{display:grid;grid-gap:16px;gap:16px}.faq-preview-grid,.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-height:170px;padding:22px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow-sm)}.service-link-card{display:block;position:relative;min-height:0;padding:18px 52px 18px 18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.service-card-number{display:block;margin-bottom:10px;color:var(--green);font-size:13px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.service-link-card h3{margin-bottom:6px;font-size:22px}.service-link-card p{margin:0}.service-link-card:after{position:absolute;right:18px;bottom:15px;color:var(--blue);content:"\2192";font-size:20px;font-weight:700;transition:transform .18s ease}.service-link-card:hover{border-color:#91c5d5;box-shadow:var(--shadow);transform:translateY(-3px)}.service-link-card:hover:after{transform:translateX(4px)}.card p,.contact-panel p,.section-head p,.service-body p{color:var(--muted)}.tall-card{min-height:260px}.tall-card h2{font-size:24px}.compact-list{display:grid;grid-gap:8px;gap:8px;padding-left:20px;margin:14px 0 0;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);grid-gap:clamp(28px,5vw,56px);gap:clamp(28px,5vw,56px);align-items:start}.check-list{display:grid;grid-gap:10px;gap:10px;padding:0;margin:18px 0 0;list-style:none}.check-list li{padding-left:28px;position:relative}.check-list li:before{position:absolute;left:0;top:2px;color:var(--green);content:"✓";font-weight:700}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.photo-grid img{width:100%;aspect-ratio:4/3;border-radius:8px;object-fit:cover;background:var(--soft);box-shadow:0 10px 24px rgba(23,33,43,.12)}.large-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.large-gallery img{aspect-ratio:1/1}.contact-panel{padding:24px;border-radius:8px;border:1px solid #25404d;background:#132a36;color:white;box-shadow:var(--shadow)}.contact-panel p{color:#d8e0e5}.contact-panel .button{width:100%;margin-top:10px}.contact-panel .button.secondary{border-color:white}.contact-form{display:grid;max-width:920px;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;padding:22px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow-sm)}.contact-form label{display:grid;grid-gap:7px;gap:7px;color:var(--ink);font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:white;font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:#9ebbc7}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:var(--ring);outline:none}.contact-form textarea{resize:vertical}.form-note{margin:0;color:var(--muted);font-size:14px}.form-error,.form-success{padding:10px 12px;margin:0;border-radius:8px;font-weight:700}.form-status:empty{display:none}.form-success{color:#1f5f4f;background:#e8f6f1}.form-error{color:#8d321d;background:#fff0ea}.form-submit,.full-field{grid-column:1/-1}.faq-list{display:grid;max-width:980px;grid-gap:12px;gap:12px}.faq-item{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 20px;color:var(--blue);font-size:18px;font-weight:800}.faq-item summary:after{flex:0 0 auto;color:var(--blue);content:"+";font-size:24px;font-weight:500;line-height:1}.faq-item[open]{border-color:#9fcbd8;box-shadow:var(--shadow)}.faq-item[open] summary:after{content:"\2212"}.faq-item p{margin:0;padding:0 20px 20px;color:var(--muted)}.page-hero{padding:clamp(44px,8vw,88px) clamp(18px,5vw,72px);background:linear-gradient(90deg,rgba(244,247,248,.98) 0,rgba(244,247,248,.9) 58%,rgba(244,247,248,.68) 100%),url(/images/backgrounds/water-dispenser-bg.webp) 100% /min(46vw,560px) auto no-repeat,repeating-linear-gradient(135deg,rgba(11,111,149,.06) 0 1px,transparent 1px 18px),var(--soft)}.modern-page-hero{display:grid;min-height:390px;align-items:center;color:white;background:linear-gradient(90deg,rgba(5,35,48,.94),rgba(5,46,62,.76) 56%,rgba(5,46,62,.34)),url(/images/backgrounds/water-dispenser-bg.webp) center 48% /cover no-repeat}.inner-hero-content{max-width:780px}.modern-page-hero h1{max-width:760px;color:white;font-size:clamp(40px,5.3vw,68px);line-height:1.12;text-shadow:0 3px 18px rgba(0,25,35,.32)}.modern-page-hero .eyebrow,.modern-page-hero .lead{color:#e7f6f8}.modern-page-hero .lead{max-width:680px}.modern-page-hero .button.secondary{border-color:rgba(255,255,255,.72);color:white;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modern-page-hero .button.secondary:hover{border-color:white;background:rgba(255,255,255,.16)}.products-page-hero{background-position:center 54%}.faq-page-hero{min-height:360px}.contact-page-hero{background-position:center 58%}.page-hero .lead{max-width:820px}.service-page-hero{display:grid;min-height:470px;align-items:center;color:white;background:linear-gradient(90deg,rgba(5,35,48,.94),rgba(5,46,62,.78) 54%,rgba(5,46,62,.34)),url(/images/backgrounds/water-dispenser-bg.webp) center 44% /cover no-repeat}.service-hero-content{max-width:760px}.service-page-hero h1{max-width:720px;color:white;font-size:clamp(40px,5.6vw,72px);line-height:1.1;text-shadow:0 3px 18px rgba(0,25,35,.34)}.service-page-hero .eyebrow,.service-page-hero .lead{color:#e7f6f8}.service-page-hero .lead{max-width:660px}.service-page-hero .button.secondary{border-color:rgba(255,255,255,.72);color:white;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.service-page-hero .button.secondary:hover{border-color:white;background:rgba(255,255,255,.16)}.service-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 clamp(18px,5vw,72px);color:white;background:#102f3c}.service-proof div{padding:22px clamp(14px,2vw,28px);border-right:1px solid rgba(255,255,255,.14)}.service-proof div:last-child{border-right:0}.service-proof span,.service-proof strong{display:block}.service-proof strong{margin-bottom:3px;font-size:20px}.service-proof span{color:#b9ccd4;font-size:14px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.service-detail-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-gap:18px;gap:18px;min-height:300px;padding:clamp(24px,3vw,34px);border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.service-detail-card:hover{border-color:#91c5d5;box-shadow:var(--shadow);transform:translateY(-3px)}.service-detail-number{color:var(--green);font-size:14px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.service-detail-card h3{margin-bottom:12px;font-size:clamp(22px,2.2vw,29px)}.service-detail-card p{color:var(--muted)}.service-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 0;list-style:none}.service-tags li{padding:7px 10px;border:1px solid #cfe0e5;border-radius:4px;color:#34515d;background:#f5f9fa;font-size:14px}.service-process-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);grid-gap:clamp(36px,7vw,90px);gap:clamp(36px,7vw,90px);align-items:start}.service-process-copy{position:-webkit-sticky;position:sticky;top:110px}.service-process-copy p:last-child{color:var(--muted)}.service-process-list{padding:0;margin:0;list-style:none;border-top:1px solid #bfd2d8}.service-process-list li{display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;min-height:82px;border-bottom:1px solid #bfd2d8}.service-process-list span{color:var(--green);font-size:13px;font-weight:800}.service-process-list p{margin:0;color:var(--ink);font-size:17px;font-weight:700}.service-cta{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:clamp(38px,6vw,64px) clamp(18px,5vw,72px);color:white;background:#132a36}.service-cta h2{margin-bottom:6px;color:white}.service-cta .eyebrow,.service-cta p{color:#d8e7eb}.service-cta .button{flex:0 0 auto;min-width:190px}.photo-page-hero{min-height:360px;background:linear-gradient(90deg,rgba(7,81,109,.92),rgba(7,81,109,.72) 46%,rgba(7,81,109,.34)),url(/images/backgrounds/water-dispenser-bg.webp) 100% /cover;color:white}.photo-page-hero h1{color:white;text-shadow:0 2px 14px rgba(0,43,59,.45)}.photo-page-hero .eyebrow,.photo-page-hero .lead{color:#e9f6f9}.service-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);grid-gap:clamp(28px,5vw,56px);gap:clamp(28px,5vw,56px)}.info-box{padding:22px;border-left:4px solid var(--amber);background:#fff8ef}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.product-category-nav{position:-webkit-sticky;position:sticky;top:92px;z-index:5;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-pills a{display:inline-flex;min-height:44px;align-items:center;padding:8px 14px;border:1px solid #bad4df;border-radius:6px;color:var(--blue-dark);background:white;font-weight:700;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.category-pills a:hover{border-color:var(--blue);color:white;background:var(--blue);box-shadow:0 5px 14px rgba(8,125,162,.2)}.product-category{scroll-margin-top:110px}.product-category+.product-category{margin-top:54px}.product-category .section-head{padding-bottom:14px;border-bottom:1px solid var(--line)}.product-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.product-card:hover{border-color:#9fcbd8;box-shadow:var(--shadow);transform:translateY(-3px)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:14px;background:white;border-bottom:1px solid var(--line)}.product-card-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:18px;min-width:0}.product-card h2,.product-card h3{line-height:1.35}.product-card a:focus-visible{border-radius:4px}.product-model{margin:0;color:var(--green);font-weight:800}.product-card h3{margin:0}.product-card p{color:var(--muted);overflow-wrap:anywhere;word-break:break-word}.product-spec{padding-top:10px;border-top:1px solid var(--line);font-size:14px;line-height:1.7}.product-details{min-width:0;margin-top:4px}.product-details summary{cursor:pointer;color:var(--blue-dark);font-weight:800}.product-details p{margin-top:10px}.product-actions{margin-top:auto;display:grid;grid-gap:8px;gap:8px;padding-top:10px}.product-actions .button{width:100%}.site-footer{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;grid-gap:20px;gap:20px;padding:32px clamp(18px,5vw,72px);color:#e8eef2;background:#111920}.site-footer p{margin-bottom:4px}.footer-note{color:#b9c4cc}.compact-hero{min-height:340px}.product-list-title{font-size:20px}.product-detail{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:start}.product-detail-media{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.product-detail-media img{width:100%;aspect-ratio:1/1;object-fit:contain}.product-detail-copy h1{font-size:clamp(32px,4vw,48px)}.product-description{max-width:none;white-space:pre-line}.product-spec-panel{margin:24px 0;padding:20px;border-left:4px solid var(--blue);background:var(--soft)}.contact-overview{background:white}.contact-info-block{padding-top:4px}.contact-info-block .check-list{margin-top:24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.modern-faq-list{max-width:1040px}.contact-form button:disabled{cursor:wait;opacity:.62;transform:none}.product-spec-panel h2{font-size:24px}.product-spec-panel p{margin-bottom:0;white-space:pre-line}@media (max-width:920px){.product-detail{grid-template-columns:1fr}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.nav-links{display:none}.mobile-nav{position:relative;display:block}.mobile-nav summary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--blue-dark);background:white;cursor:pointer;font-weight:800;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:calc(100% + 10px);right:0;z-index:20;display:grid;width:min(320px,calc(100vw - 36px));padding:10px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow)}.mobile-nav nav a{display:flex;min-height:46px;align-items:center;padding:8px 12px;border-bottom:1px solid #edf2f4;color:var(--blue-dark);font-weight:700}.mobile-nav nav a:last-child{border-bottom:0}.mobile-nav .mobile-nav-call{justify-content:center;margin-top:8px;border-radius:6px;color:white;background:var(--blue)}.header-call{display:none}.service-body,.site-footer,.split{grid-template-columns:1fr}.hero{min-height:clamp(580px,76vh,680px)}.page-hero,.visual-section{background:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),url(/images/backgrounds/water-dispenser-bg.webp) 50% /cover,var(--soft)}.photo-page-hero{background:linear-gradient(rgba(7,81,109,.86),rgba(7,81,109,.78)),url(/images/backgrounds/water-dispenser-bg.webp) 50% /cover}.service-page-hero{min-height:430px;background:linear-gradient(90deg,rgba(5,35,48,.92),rgba(5,46,62,.66)),url(/images/backgrounds/water-dispenser-bg.webp) 50% /cover no-repeat}.modern-page-hero{min-height:460px;padding:42px 18px;background:linear-gradient(180deg,rgba(5,35,48,.52),rgba(5,35,48,.94) 76%),url(/images/backgrounds/water-dispenser-bg.webp) 58% /cover no-repeat}.modern-page-hero h1{max-width:100%;font-size:clamp(34px,9vw,42px)}.modern-page-hero .lead{font-size:16px}.product-category-nav{position:static;padding:0 0 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.service-detail-grid,.service-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.service-process-layout{grid-template-columns:1fr}.service-process-copy{position:static}.faq-preview-grid,.photo-grid,.product-card-grid,.product-list,.service-grid,.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.large-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){body{background:var(--paper)}.site-header{position:-webkit-sticky;position:sticky;min-height:68px;padding-block:6px}.brand{width:auto;min-width:0;min-height:52px;padding:4px 0}.brand strong{font-size:20px}.brand small{font-size:10px}.contact-form,.faq-preview-grid,.large-gallery,.photo-grid,.product-card-grid,.product-list,.service-grid,.trust-strip{grid-template-columns:1fr}.service-page-hero{min-height:500px;padding:42px 18px;background:linear-gradient(180deg,rgba(5,35,48,.58),rgba(5,35,48,.92) 72%),url(/images/backgrounds/water-dispenser-bg.webp) 58% /cover no-repeat}.service-page-hero h1{max-width:100%;font-size:clamp(34px,9vw,42px)}.service-page-hero .lead{font-size:16px}.service-detail-grid,.service-proof{grid-template-columns:1fr}.service-proof{padding-inline:18px}.service-proof div{padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.service-proof div:last-child{border-bottom:0}.service-detail-card{grid-template-columns:1fr;gap:16px;min-height:0}.service-detail-card h3{font-size:24px}.service-process-list li{grid-template-columns:42px minmax(0,1fr);gap:12px}.service-process-list p{font-size:16px}.service-cta{align-items:stretch;flex-direction:column}.actions,.button{width:100%}.hero-company{font-size:24px}.hero{min-height:calc(100dvh - 112px);padding:28px 18px}.hero:before{background:linear-gradient(180deg,rgba(5,29,39,.34),rgba(5,29,39,.72) 50%,rgba(5,29,39,.95))}.hero-visual-frame img{object-position:46% center}.hero h1{font-size:clamp(36px,11vw,46px)}.hero .hero-company{display:none}.hero .lead{font-size:16px}.hero .actions .button:nth-child(3){display:none}.lead{font-size:18px}.quick-contact{align-items:flex-start;flex-direction:column}.trust-strip{padding-inline:18px}.trust-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.trust-strip div:last-child{border-bottom:0}}