.aircon .hero-art{box-shadow:20px 20px 0 #bfe7df}.aircon .card{box-shadow:0 8px 26px #0d485408}.aircon .hero h1{font-weight:700}
/* A cool, modern website with a photo-led split hero. */
.aircon{--display:Arial,Helvetica,sans-serif;--radius:6px;--accent:#005b73;--ink:#103a4a;--soft:#e9f5f8}
.aircon .hero{background:linear-gradient(90deg,rgba(4,38,56,.96),rgba(4,50,68,.83)),url('/assets/tilly-live/photos/aircon-1600.webp') center/cover;color:#fff;padding:clamp(4rem,8vw,7rem) 0}
.aircon .hero .eyebrow{color:#a9ebf5}.aircon .hero h1{max-width:12ch;letter-spacing:-.05em}.aircon .hero .btn{background:#fff;color:#073e50;border-color:#fff}.aircon .hero .btn.secondary{background:transparent;color:#fff}
.aircon .hero-art{border:5px solid #ffffff55;border-radius:8px;box-shadow:0 20px 45px #001c2b55}
.aircon .season-banner{padding:1.2rem 0;background:#a6e4ed;color:#07394a}.aircon .season-banner strong{margin-right:.5rem}
.aircon .card{border-radius:6px;border-top:4px solid #00829b}.aircon .service-icon{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:.35rem;border-radius:50%;background:#dff4f7;color:#005b73}
.aircon-chat{position:fixed;right:18px;bottom:18px;z-index:30;width:min(400px,calc(100vw - 32px))}.aircon-chat-toggle{display:block;margin-left:auto;padding:.8rem 1.25rem;min-height:48px;border:0;border-radius:999px;background:#005b73;color:white;font:inherit;font-weight:700;box-shadow:0 6px 24px #00283b55;cursor:pointer}.aircon-chat-panel{position:absolute;bottom:calc(100% + 10px);right:0;width:100%;max-height:min(70vh,620px);overflow:auto;padding:18px;border:1px solid #a8d5df;border-radius:14px;background:#fff;color:#103a4a;box-shadow:0 12px 50px #062e4055}.aircon-chat-panel[hidden]{display:none}.aircon-chat-panel #ask{padding:0}.aircon-chat-panel #ask h2{display:none}.aircon-chat-panel .telbot{margin:1rem 0 0}.chat-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chat-close{min-height:44px;padding:.5rem;border:0;background:transparent;color:#005b73;font:inherit;font-weight:700;cursor:pointer}.aircon-chat-panel p{margin:.5rem 0}
.aircon main{padding-bottom:64px}@media(max-width:700px){.aircon .hero-art{min-height:230px}.aircon-chat{bottom:12px;right:12px}.aircon-chat-panel{max-height:65dvh}}
/* The floating helper replaces the shared mobile quick bar on this example. */
.aircon .bottom-bar{display:none}
