:root{--green:#171717;--green-dark:#000;--mint:#f1f1f1;--bg:#f3f3f3;--ink:#111;--muted:#747474;--line:#dedede;--coral:#777}.logo{border-radius:3px}.switcher{background:#ededed}.switcher button.active{box-shadow:none;border:1px solid #d5d5d5}.phone{border-color:#d7d7d7;box-shadow:0 24px 70px #00000014;border-radius:18px}.hospital,.wallet,.mint{background:#f0f0f0}.coral{background:#dedede;color:#333}.service.selected{background:#fafafa}.service b{color:#111}.notice{color:#555;background:#f2f2f2}.tabs{border-radius:0 0 18px 18px}.tabs button{border:0;background:none;color:var(--muted);padding:18px 26px}.tabs button.active{color:#000;font-weight:700}aside{background:#111}aside a{color:#aaa;cursor:pointer}aside a.active{background:#333}.tag{background:#eee;color:#333}.tag.done{background:#222;color:#fff}.metric-grid em,.online{color:#444}.alert{background:#eee;border-color:#555}.alert.calm{background:#f5f5f5;border-color:#999}dialog::backdrop{background:#0008}#toast{background:#111}.module-tools{display:flex;gap:10px;margin:22px 0}.module-tools input,.module-tools select{padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:4px}.module-tools input{min-width:260px}.module-tools .action{margin-left:auto;background:#111;color:#fff;border:0;padding:10px 16px;border-radius:4px}.module-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{background:#fff;border:1px solid var(--line);padding:18px;border-radius:6px}.module-card h3{margin:4px 0 8px}.module-card p{color:var(--muted);font-size:13px;line-height:1.7}.module-card .row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.module-card button{border:1px solid #bbb;background:#fff;padding:7px 11px;border-radius:4px}.mobile-page{min-height:610px}.mobile-page h2{margin:4px 0 18px}.list-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.list-row small{display:block;color:var(--muted);margin-top:5px}.summary-box{background:#111;color:#fff;padding:22px;border-radius:7px;margin:15px 0}.summary-box b{font-size:28px;display:block;margin:8px 0}.ghost{border:1px solid #bbb;background:#fff;padding:9px 13px;border-radius:4px}@media(max-width:820px){.module-cards{grid-template-columns:1fr}.module-tools{flex-wrap:wrap}.module-tools input{min-width:100%}}

/* Relaxed sage palette and storefront */
:root{--green:#6f9991;--green-dark:#527970;--mint:#edf5f2;--bg:#f3f7f5;--ink:#2e403c;--muted:#75847f;--line:#dce7e3;--coral:#a9bbb6}.logo{background:var(--green)}.switcher{background:#e9efed}.switcher button.active{color:var(--green-dark);border-color:#d6e2de}.hospital,.wallet,.mint{background:var(--mint)}.coral{background:#e2ebe8;color:#607a74}.service b{color:#527970}aside{background:#547a73}aside a{color:#dbe8e5}aside a.active{background:#70958e}.tag.done,.summary-box{background:#6f9991}.metric-grid em,.online{color:#527970}.alert{background:#eef3f1;border-color:#86a59f}.alert.calm{background:#f7f9f8;border-color:#aabdb8}#toast{background:#466a63}.module-tools .action{background:#5f8981}.carousel{position:relative;height:150px;margin:0 0 14px;border-radius:9px;overflow:hidden;background:#6f9991;color:#fff}.slides,.slide{height:100%}.slide{display:none;padding:25px 28px;background:linear-gradient(120deg,#668f87,#91afa9)}.slide:nth-child(2){background:linear-gradient(120deg,#799d96,#b0c6c1)}.slide:nth-child(3){background:linear-gradient(120deg,#5e847d,#91aaa5)}.slide.active{display:block}.slide span{font-size:11px;opacity:.8}.slide h2{font-size:21px;margin:12px 0 6px}.slide p{font-size:12px;margin:0;opacity:.86}.carousel-arrow{position:absolute;top:55px;border:0;background:#ffffff30;color:#fff;width:28px;height:34px;font-size:24px}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}.carousel-dots{position:absolute;bottom:11px;left:28px;display:flex;gap:6px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff60}.carousel-dots button.active{width:20px;border-radius:5px;background:#fff}.detail-link{position:absolute;right:12px;bottom:13px;color:var(--green-dark);font-size:11px}.browse-tip{background:#8aa8a2}.service-detail{min-height:665px}.detail-back{border:0;background:none;padding:0;color:var(--green-dark);font-weight:bold}.detail-visual{height:180px;border-radius:9px;margin:18px 0;background:linear-gradient(135deg,#b7cbc6,#6f9991);display:flex;align-items:flex-end;padding:18px;color:#fff}.detail-visual b{font-size:34px}.detail-price{display:flex;justify-content:space-between;align-items:end}.detail-price h1{margin:8px 0;color:var(--green-dark)}.detail-section{border-top:1px solid var(--line);padding:14px 0}.detail-section h3{font-size:14px;margin:0 0 8px}.detail-section p,.detail-section li{font-size:12px;color:var(--muted);line-height:1.7}.detail-section ol{padding-left:20px}.detail-actions{display:grid;grid-template-columns:1fr 2fr;gap:9px;margin-top:12px}
.slide-image{padding:0!important;background-size:cover!important;background-position:center!important;position:relative}.slide-one{background-image:url('assets/images/carousel-01.png')!important}.slide-two{background-image:url('assets/images/carousel-02.jpg')!important}.slide-three{background-image:url('assets/images/carousel-03.jpg')!important}.slide-image::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1f3d3aaf 0%,#1f3d3a55 54%,transparent 100%)}.slide-copy{position:relative;z-index:1;padding:24px 28px;text-shadow:0 1px 5px #0008}.slide-copy span{opacity:.9}.slide-copy h2{max-width:230px}.slide-copy p{max-width:245px}
.order-modal form{width:min(330px,88vw);padding:20px}.order-modal h2{margin:0 0 12px;font-size:17px}.order-modal #modalBody{margin:8px 0 15px;line-height:1.5}.order-modal #modalBody label{margin:0 0 12px;font-size:13px}.order-modal #modalBody select{margin-top:6px;padding:9px}.order-modal .primary{padding:11px}.order-summary{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:10px;font-size:13px}.order-summary b{font-size:20px;color:var(--green-dark)}.order-modal small{font-size:11px;line-height:1.5;display:block}.order-modal form{max-height:80vh;overflow:auto}
.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.booking-grid input{margin-top:6px;padding:9px!important}.appointment-line{background:var(--mint);padding:9px;border-radius:5px;color:var(--green-dark)!important}.countdown{display:block;color:#9b6a3d;margin-bottom:9px}.location-retry{border:0;background:none;color:var(--green-dark);font-size:11px;width:100%;padding:10px}.dual-actions,.order-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scan-frame{height:150px;border:2px dashed var(--green);display:grid;place-items:center;text-align:center;background:var(--mint)}.location-box{text-align:center;background:var(--mint);padding:20px;border-radius:6px}.order-list-card{padding:15px;border:1px solid var(--line);border-radius:7px}.order-list-card small{display:block;color:var(--muted);margin-top:5px}.order-card-actions{margin-top:14px}.order-card-actions .primary{padding:9px}.voucher-code{text-align:center;padding:12px}.voucher-code .qr-demo{font-size:100px;line-height:1;color:var(--ink)}.voucher-code b{display:block;font-size:28px;letter-spacing:4px;margin-top:5px}
