:root{--blue:#2aafd2;--navy:#101c25;--ink:#26323b;--muted:#687780}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none}.topbar{background:var(--navy);color:#e8f8fc;font-size:.82rem;padding:9px 0}.brand-logo{width:178px;height:56px;object-fit:contain}.navbar{z-index:20}.nav-link{font-weight:650;color:#273943}.btn-primary{background:var(--blue);border-color:var(--blue);font-weight:700;padding:.75rem 1.25rem}.btn-primary:hover{background:#1595b7;border-color:#1595b7;transform:translateY(-1px)}.hero{background:linear-gradient(110deg,rgba(9,28,39,.91),rgba(9,28,39,.54)),url('https://images.unsplash.com/photo-1517677208171-0bc6725a3e60?auto=format&fit=crop&w=2000&q=85') center/cover;min-height:570px;color:white;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff2b;border-radius:50%;right:-90px;bottom:-210px;box-shadow:0 0 0 35px #ffffff0c,0 0 0 75px #ffffff0a}.hero-content{max-width:680px;position:relative;z-index:1;padding:90px 0}.eyebrow{color:var(--blue);font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(2.7rem,5.7vw,5.2rem);line-height:1.02;font-weight:850;letter-spacing:-.045em}.hero p{font-size:1.1rem;color:#e3edf1;max-width:560px;line-height:1.8}.section{padding:78px 0}.section-soft{background:#f4fafc}.section-title{font-size:clamp(2rem,3.5vw,3rem);font-weight:850;letter-spacing:-.04em;color:var(--navy)}.section-lead{max-width:650px;color:var(--muted);line-height:1.8}.feature-card,.service-card,.step-card{border:1px solid #e3edf1;border-radius:22px;padding:27px;height:100%;background:white;transition:.25s;box-shadow:0 8px 28px #0e3c4d08}.feature-card:hover,.service-card:hover,.step-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px #0e3c4d13;border-color:#b6e8f4}.icon-box{width:58px;height:58px;border-radius:18px;background:#e5f8fd;color:#159fbe;display:grid;place-items:center;font-size:1.45rem;margin-bottom:20px}.service-card h3{font-size:1.15rem;font-weight:800}.service-price{font-size:1.4rem;color:#159fbe;font-weight:850}.service-category{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;color:#6c818a;font-weight:800}.cta-band{background:linear-gradient(115deg,#20a9ce,#167fa4);border-radius:26px;padding:40px;color:white}.footer{background:#101c25;color:#d2e0e5}.footer h5{color:white;font-weight:800;margin-bottom:18px}.footer a:not(.btn){display:block;color:#c2d2d8;margin:10px 0}.footer-logo{width:190px;max-height:75px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.whatsapp-float{position:fixed;right:20px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#20bd68;color:white;display:grid;place-items:center;font-size:28px;z-index:30;box-shadow:0 8px 24px #0003}.page-hero{padding:65px 0;background:linear-gradient(115deg,#e8f9fd,#f7fbfc)}.form-control,.form-select{border-radius:12px;padding:.8rem 1rem;border-color:#d9e5e9}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem #2aafd225}.admin-body{background:#f3f7f9}.admin-nav{background:#101c25;color:white;min-height:100vh}.admin-nav a{display:block;color:#d8e7ec;padding:12px 16px;border-radius:10px}.admin-nav a:hover{background:#263b47}.admin-card{border:0;border-radius:18px;box-shadow:0 5px 22px #173c4b0c}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.visible{opacity:1;transform:none}@media(max-width:767px){.hero{min-height:510px}.hero-content{padding:65px 0}.section{padding:55px 0}.brand-logo{width:145px;height:48px}.cta-band{padding:28px}.topbar{font-size:.75rem}}


/* V2 Android-style bottom navigation */
.native-bottom-nav{display:none} @media(max-width:767.98px){body{padding-bottom:82px}.native-bottom-nav{position:fixed;z-index:1040;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;gap:2px;padding:8px 5px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e5edf1;box-shadow:0 -8px 28px rgba(15,35,50,.12);backdrop-filter:blur(16px);border-radius:18px 18px 0 0}.native-bottom-nav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#61717c;font-size:10px;font-weight:700}.native-bottom-nav a i{font-size:18px}.native-bottom-nav a.nav-book{color:#fff;background:#27afd2;border-radius:16px;padding:10px 3px;margin-top:-23px;box-shadow:0 7px 18px rgba(39,175,210,.35)}.native-bottom-nav a.nav-book i{font-size:20px}.footer{padding-bottom:12px}.whatsapp-float{bottom:95px!important;right:12px!important}}

/* V2.1 service category selector and multi-service bag */
.service-filter-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.service-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-chip{border:1px solid #dce9ee;background:#fff;color:#415660;border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:750;transition:.2s}.category-chip span{display:inline-grid;place-items:center;margin-left:4px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#edf5f7;font-size:.72rem}.category-chip.active,.category-chip:hover{background:#10202a;color:#fff;border-color:#10202a}.category-chip.active span{background:#2aafd2;color:#fff}.bag-summary{display:flex;align-items:center;gap:11px;padding:9px 10px 9px 12px;background:#f4fbfd;border:1px solid #d8f0f6;border-radius:18px}.bag-summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dff7fd;color:#149cbd;font-size:1.1rem}.bag-summary>span:nth-child(2){display:flex;flex-direction:column;line-height:1.35;min-width:74px}.bag-summary strong{font-size:.9rem}.bag-summary small{color:#657781;font-size:.8rem}.service-shop-card{display:flex;flex-direction:column;min-height:270px;padding:24px}.service-shop-card .service-desc{min-height:42px;line-height:1.55}.service-item-check{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf4f6;color:transparent;font-size:.7rem;flex-shrink:0}.service-shop-card.in-bag{border-color:#8bdced;box-shadow:0 10px 28px #159fbe13}.service-shop-card.in-bag .service-item-check{background:#25afd0;color:#fff}.shop-add-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-qty-control{display:flex;align-items:center;gap:12px;border:1px solid #dce9ee;border-radius:999px;padding:5px;background:#f9fcfd}.shop-qty-control button{border:0;border-radius:50%;width:30px;height:30px;background:#e6f7fb;color:#0d91b0;font-size:1.15rem;font-weight:800;line-height:1}.shop-qty-control span{min-width:14px;text-align:center;font-weight:800}.add-bag-btn{padding:.62rem 1rem;font-size:.87rem;white-space:nowrap}.mobile-bag-bar{display:none}.checkout-bag{border:1px solid #e2edf1;border-radius:18px;overflow:hidden}.checkout-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid #e9f0f3}.checkout-item:last-child{border-bottom:0}.checkout-item-main{display:flex;flex-direction:column;gap:4px;min-width:0}.checkout-item-category{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#169bb9;font-weight:850}.checkout-item-name{font-size:1rem;color:#1c2c36}.checkout-item-rate{font-size:.82rem;color:#6b7a83}.checkout-item-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}.checkout-qty{display:flex;align-items:center;gap:10px;border:1px solid #dbe8ed;border-radius:999px;padding:4px}.checkout-qty button{border:0;border-radius:50%;width:28px;height:28px;background:#e5f8fc;color:#138eac;font-size:1.1rem;font-weight:800;line-height:1}.checkout-qty span{min-width:12px;text-align:center;font-weight:800}.checkout-line-total{min-width:82px;text-align:right}.remove-item{border:0;background:#fff0f0;color:#c84a4a;border-radius:10px;width:34px;height:34px}.checkout-totals{background:#f5fafc;border:1px solid #e1edf1;border-radius:16px;padding:18px}.checkout-totals>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.checkout-totals .checkout-grand-total{border-top:1px solid #dce8ec;padding-top:13px;margin-top:12px;margin-bottom:0;font-size:1.08rem}.checkout-grand-total strong{font-size:1.4rem;color:#159fbe}.empty-bag{text-align:center;padding:36px 18px}.empty-bag-icon{display:grid;place-items:center;margin:0 auto 14px;width:64px;height:64px;border-radius:22px;background:#e4f8fc;color:#159fbe;font-size:1.5rem}.payment-option{display:flex;align-items:center;gap:12px;height:100%;min-height:96px;border:1px solid #dce8ed;border-radius:16px;padding:16px;cursor:pointer;position:relative;transition:.2s}.payment-option:has(input:checked){border-color:#28afd2;background:#f0fbfe;box-shadow:0 0 0 2px #28afd21c}.payment-option input{accent-color:#20a9ce;width:18px;height:18px;flex-shrink:0}.payment-option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e3f8fc;color:#149bb9;flex-shrink:0}.payment-option>span:nth-of-type(2){display:flex;flex-direction:column;gap:4px;padding-right:10px}.payment-option strong{font-size:.95rem}.payment-option small{font-size:.79rem;color:#71818a;line-height:1.4}.payment-selected{margin-left:auto;color:#22a9ca;opacity:0}.payment-option:has(input:checked) .payment-selected{opacity:1}.payment-disabled{opacity:.6;cursor:not-allowed}.service-filter-item[hidden]{display:none!important}
@media(max-width:767.98px){.service-filter-wrap{align-items:stretch}.service-filters{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}.category-chip{white-space:nowrap;padding:9px 12px}.bag-summary{display:none}.service-shop-card{min-height:0;padding:19px}.service-shop-card .service-desc{min-height:0}.shop-add-row{gap:8px}.shop-qty-control{gap:7px}.shop-qty-control button{width:28px;height:28px}.add-bag-btn{padding:.6rem .8rem}.mobile-bag-bar{position:fixed;z-index:1035;left:10px;right:10px;bottom:91px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px 11px 16px;border:1px solid #d8edf3;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px #122d3a24;backdrop-filter:blur(14px)}.mobile-bag-bar>div{display:flex;flex-direction:column;line-height:1.4}.mobile-bag-bar strong{font-size:.9rem}.mobile-bag-bar small{font-size:.8rem;color:#61737d}.mobile-bag-bar .btn{padding:.65rem 1rem}.checkout-item{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.checkout-item-actions{width:100%;justify-content:space-between;gap:9px}.checkout-line-total{margin-left:auto;min-width:70px}.checkout-qty{gap:8px}.payment-option{padding:13px;gap:9px}.payment-option-icon{width:36px;height:36px}.payment-option strong{font-size:.88rem}.checkout-totals{padding:15px}}


/* V2.2 mobile-native storefront polish */
@media (max-width: 767.98px) {
  :root { --mobile-gutter: 14px; }
  html { -webkit-text-size-adjust: 100%; scroll-padding-top: 78px; }
  body { background: #f5f9fb; padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .topbar { display: none !important; }
  body > nav.navbar, nav.navbar.sticky-top {
    position: sticky; top: 0; z-index: 1025;
    min-height: 66px; padding: 7px 0;
    background: rgba(255,255,255,.96) !important;
    border-bottom: 1px solid #e7eff2;
    box-shadow: 0 3px 14px rgba(16,39,52,.06) !important;
    backdrop-filter: blur(18px);
  }
  nav.navbar .container { padding-left: var(--mobile-gutter); padding-right: var(--mobile-gutter); }
  .brand-logo { width: 138px; height: 43px; }
  .navbar-toggler { border: 0; border-radius: 12px; padding: 9px 11px; box-shadow: none !important; }
  .navbar-collapse {
    margin: 9px -2px 0; padding: 9px 12px 13px;
    background: #fff; border: 1px solid #e5eef2; border-radius: 18px;
    box-shadow: 0 14px 35px rgba(16,39,52,.10);
  }
  .navbar-nav { gap: 2px !important; align-items: stretch !important; }
  .navbar-nav .nav-link { padding: 12px 10px; border-radius: 11px; font-size: .98rem; }
  .navbar-nav .nav-link:active { background: #e9f9fd; }
  .navbar-nav .btn { display: block; margin-top: 6px; padding: 13px 16px !important; }
  .container { --bs-gutter-x: 1.25rem; }
  .page-hero { padding: 34px 0 31px; }
  .page-hero h1, .hero h1 { font-size: clamp(2rem, 8vw, 2.75rem); line-height: 1.06; letter-spacing: -.04em; }
  .page-hero p, .hero p, .section-lead { font-size: .98rem; line-height: 1.65; }
  .hero { min-height: 470px; border-radius: 0 0 26px 26px; }
  .hero-content { padding: 49px 0 56px; }
  .section { padding: 37px 0; }
  .section-title { font-size: 1.8rem; line-height: 1.15; }
  .feature-card, .service-card, .step-card {
    border-radius: 19px; padding: 20px; box-shadow: 0 5px 18px rgba(14,60,77,.055);
  }
  .service-shop-card { border-radius: 19px; padding: 17px; }
  .service-shop-card h3 { font-size: 1.05rem; line-height: 1.3; }
  .service-price { font-size: 1.25rem; }
  .icon-box { width: 50px; height: 50px; border-radius: 16px; margin-bottom: 14px; }
  .form-control, .form-select, textarea.form-control {
    min-height: 48px; border-radius: 14px; font-size: 16px;
  }
  textarea.form-control { min-height: 100px; }
  .btn { min-height: 44px; }
  .btn-sm { min-height: 38px; }
  .table-responsive { border-radius: 14px; }
  .checkout-bag, .checkout-totals { border-radius: 18px; }
  .footer { margin-top: 30px !important; padding-bottom: 12px; border-radius: 24px 24px 0 0; }
  .footer .container { padding-top: 32px !important; padding-bottom: 22px !important; }
  .footer-logo { width: 160px; }
  .whatsapp-float { width: 48px; height: 48px; font-size: 24px; right: 12px !important; bottom: calc(101px + env(safe-area-inset-bottom)) !important; }
  .native-bottom-nav {
    left: 9px; right: 9px; bottom: calc(8px + env(safe-area-inset-bottom));
    min-height: 66px; padding: 7px 5px 6px;
    border: 1px solid rgba(221,234,239,.95); border-radius: 23px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 8px 30px rgba(14,38,52,.16);
    backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
  }
  .native-bottom-nav a {
    min-height: 49px; justify-content: center; gap: 4px;
    border-radius: 15px; font-size: 10px; letter-spacing: -.01em;
    transition: background .18s ease, color .18s ease;
  }
  .native-bottom-nav a i { font-size: 18px; }
  .native-bottom-nav a:active { background: #e8f8fc; transform: scale(.97); }
  .native-bottom-nav a.nav-book {
    width: 54px; flex: 0 0 54px; min-height: 55px; margin-top: -18px;
    border-radius: 19px; padding: 8px 3px;
    background: linear-gradient(145deg, #31bbdc, #159cbe);
    box-shadow: 0 7px 17px rgba(25,164,197,.34);
  }
  .native-bottom-nav a.nav-book span { font-size: 9px; }
  .mobile-bag-bar {
    bottom: calc(86px + env(safe-area-inset-bottom));
    left: 10px; right: 10px; border-radius: 18px;
  }
  .mobile-bag-bar .btn { min-height: 43px; }
  .cta-band { border-radius: 22px; padding: 25px 21px; }
  .reveal { opacity: 1; transform: none; }
}
@media (min-width: 768px) {
  .native-bottom-nav { display: none !important; }
}