/**
 * BeautyKlove Service Catalog Frontend CSS.
 * Compact mobile-first UI: small text, dense cards, fast layout.
 */
body:has(.bk-app) #page,
body:has(.bk-app) .site,
body:has(.bk-app) #content,
body:has(.bk-app) #primary,
body:has(.bk-app) .site-main,
body:has(.bk-app) .entry-content,
body:has(.bk-app) .col-full{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border:0!important}
body:has(.bk-app) .entry-header{display:none!important}
.bk-app,.bk-app *{box-sizing:border-box!important;-webkit-tap-highlight-color:transparent!important}
.bk-app{--bk-p:#c9246b;--bk-s:#54398e;--bk-bg:#fffaf7;--bk-text:#171717;display:block!important;width:100%!important;max-width:760px!important;margin:0 auto!important;padding:0 0 92px!important;background:#fff!important;color:var(--bk-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;overflow:hidden!important}.bk-head{position:sticky!important;top:0!important;z-index:50!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #eee!important;padding:10px 12px!important}.bk-head strong{display:block!important;font-size:14px!important;line-height:1.1!important;font-weight:950!important;color:#111!important;margin:0!important}.bk-city{display:block!important;margin:3px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#666!important;font-size:10px!important;line-height:1.2!important;font-weight:800!important;box-shadow:none!important}.bk-head-search{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%!important;border:1px solid #eee!important;background:#fff!important;font-size:13px!important;line-height:34px!important;box-shadow:0 3px 10px rgba(0,0,0,.04)!important}.bk-search{display:flex!important;align-items:center!important;gap:8px!important;width:calc(100% - 20px)!important;height:42px!important;margin:10px 10px 4px!important;padding:0 11px!important;border:1px solid #e8e8e8!important;border-radius:13px!important;background:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.035)!important}.bk-search span{font-size:12px!important;line-height:1!important}.bk-search input{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:1!important;min-width:0!important;width:100%!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;border-radius:0!important;font-size:12px!important;line-height:40px!important;font-weight:650!important;color:#111!important}.bk-search input::placeholder{color:#777!important;opacity:1!important}.bk-sections{padding:4px 10px 78px!important}.bk-section{scroll-margin-top:70px!important;margin:18px 0 0!important}.bk-section h2{font-size:14px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.2px!important;margin:0 0 4px!important;color:#111!important}.bk-sub{font-size:10px!important;line-height:1.3!important;font-weight:650!important;color:#6b7280!important;margin:0 0 10px!important}.bk-cat-hero{width:100%!important;margin:8px 0 12px!important;border-radius:14px!important;overflow:hidden!important;background:#f3f4f6!important}.bk-cat-hero img{display:block!important;width:100%!important;aspect-ratio:16/7!important;object-fit:cover!important}.bk-product-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.bk-card{display:grid!important;grid-template-columns:minmax(0,1fr) 84px!important;gap:10px!important;width:100%!important;margin:0!important;padding:13px 0!important;border:0!important;border-bottom:1px solid #eee!important;background:#fff!important;box-shadow:none!important}.bk-card-main{min-width:0!important}.bk-badge{display:inline-flex!important;margin:0 0 5px!important;color:#067a52!important;font-size:8.5px!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.35px!important}.bk-card h3{font-size:12px!important;line-height:1.22!important;font-weight:950!important;margin:0!important;color:#151515!important;letter-spacing:-.1px!important}.bk-tagline{font-size:10px!important;line-height:1.28!important;font-weight:650!important;color:#60646c!important;margin:4px 0 0!important}.bk-price-line{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;margin:6px 0 0!important}.bk-price-line strong{font-size:11px!important;line-height:1.2!important;font-weight:950!important;color:#111!important}.bk-price-line span{font-size:10px!important;line-height:1.2!important;font-weight:750!important;color:#60646c!important}.bk-chips{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:7px 0 0!important}.bk-chips span{display:inline-flex!important;align-items:center!important;min-height:18px!important;padding:0 6px!important;border-radius:999px!important;background:#fff1f7!important;color:var(--bk-p)!important;font-size:9px!important;font-weight:850!important}.bk-points{list-style:none!important;margin:7px 0 0!important;padding:0!important;display:grid!important;gap:3px!important}.bk-points li{position:relative!important;margin:0!important;padding:0 0 0 10px!important;color:#555!important;font-size:10px!important;line-height:1.25!important;font-weight:650!important}.bk-points li:before{content:""!important;position:absolute!important;left:0!important;top:.58em!important;width:3.5px!important;height:3.5px!important;border-radius:50%!important;background:var(--bk-p)!important}.bk-card-side{width:84px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.bk-img{width:78px!important;height:78px!important;border-radius:13px!important;overflow:hidden!important;background:#f3f4f6!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--bk-p)!important;font-family:Georgia,serif!important;font-size:20px!important;font-weight:950!important}.bk-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.bk-add{width:68px!important;height:30px!important;margin:-12px 0 0!important;padding:0!important;border-radius:10px!important;border:1px solid #eadffb!important;background:#fff!important;color:var(--bk-s)!important;font-size:11px!important;line-height:30px!important;font-weight:950!important;text-align:center!important;box-shadow:0 6px 14px rgba(0,0,0,.08)!important}.bk-menu-pill{position:fixed!important;left:50%!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;height:42px!important;min-width:122px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;background:#171717!important;color:#fff!important;font-size:12px!important;line-height:42px!important;font-weight:950!important;z-index:99990!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}.bk-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.68)!important;z-index:99991!important;opacity:0!important;visibility:hidden!important;transition:.2s ease!important}.bk-overlay.show{opacity:1!important;visibility:visible!important}.bk-menu-sheet,.bk-option-sheet{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%) translateY(105%)!important;width:100%!important;max-width:760px!important;background:#fff!important;border-radius:22px 22px 0 0!important;z-index:99992!important;box-shadow:0 -16px 45px rgba(0,0,0,.24)!important;transition:.24s cubic-bezier(.2,.8,.2,1)!important}.bk-menu-sheet.show,.bk-option-sheet.show{transform:translateX(-50%) translateY(0)!important}.bk-close,.bk-back{position:absolute!important;top:6px!important;border:0!important;background:#fff!important;color:#111!important;box-shadow:0 7px 20px rgba(0,0,0,.18)!important}.bk-close{right:14px!important;width:40px!important;height:40px!important;border-radius:50%!important;font-size:26px!important;line-height:40px!important;padding:0!important}.bk-back{left:14px!important;height:34px!important;min-width:74px!important;border-radius:999px!important;font-size:12px!important;line-height:34px!important;font-weight:900!important;padding:0 12px!important}.bk-menu-sheet{padding:18px 14px 22px!important;max-height:80vh!important;overflow:auto!important}.bk-menu-sheet h3,.bk-sheet-title h3{font-size:14px!important;line-height:1.2!important;font-weight:950!important;margin:0 0 12px!important;color:#111!important}.bk-menu-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 8px!important}.bk-menu-grid button{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}.bk-menu-grid span{width:62px!important;height:62px!important;border-radius:13px!important;background:#f3f4f6!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important}.bk-menu-grid img{width:100%!important;height:100%!important;object-fit:cover!important}.bk-menu-grid b{font-size:10px!important;line-height:1.2!important;font-weight:850!important;color:#151515!important}.bk-option-sheet{max-height:88vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.bk-sheet-head{padding:16px 12px 10px!important;background:#fff6ef!important;border-bottom:1px solid #eee!important}.bk-sheet-title h3{padding-right:18px!important;margin:0!important}.bk-sheet-title p{font-size:10px!important;line-height:1.3!important;font-weight:650!important;color:#60646c!important;margin:4px 0 0!important}.bk-popup-hero{width:100%!important;margin:10px 0 0!important;border-radius:14px!important;overflow:hidden!important;background:#f3f4f6!important}.bk-popup-hero img{display:block!important;width:100%!important;aspect-ratio:16/7!important;object-fit:cover!important}.bk-mini{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:10px 0 0!important}.bk-mini span{border-radius:10px!important;background:#fff!important;border:1px solid #eee!important;padding:7px 4px!important;text-align:center!important;font-size:10px!important;line-height:1.1!important;color:var(--bk-p)!important;font-weight:950!important}.bk-option-list{overflow:auto!important;padding:8px 12px 96px!important}.bk-row{width:100%!important;border:0!important;border-bottom:1px solid #f1f1f1!important;background:#fff!important;box-shadow:none!important;margin:0!important;padding:10px 0!important;display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;text-align:left!important}.bk-row.has-img{grid-template-columns:26px 48px minmax(0,1fr)!important}.bk-check{width:22px!important;height:22px!important;border-radius:6px!important;border:2px solid #777!important;display:flex!important;align-items:center!important;justify-content:center!important}.bk-row.active .bk-check{background:#171717!important;border-color:#171717!important}.bk-row.active .bk-check:after{content:"✓"!important;color:#fff!important;font-size:13px!important;font-weight:950!important}.bk-opt-img{width:48px!important;height:48px!important;border-radius:11px!important;overflow:hidden!important;background:#f3f4f6!important}.bk-opt-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.bk-info{min-width:0!important}.bk-info strong{display:block!important;font-size:12px!important;line-height:1.24!important;font-weight:950!important;color:#151515!important;margin:0!important}.bk-opt-badge{display:inline-flex!important;margin:0 0 4px!important;font-size:8.5px!important;color:#067a52!important;font-weight:950!important;text-transform:uppercase!important}.bk-opt-points{list-style:none!important;margin:4px 0 0!important;padding:0!important;display:grid!important;gap:2px!important}.bk-opt-points li{position:relative!important;padding-left:9px!important;font-size:10px!important;line-height:1.25!important;color:#60646c!important;font-weight:650!important}.bk-opt-points li:before{content:""!important;position:absolute!important;left:0!important;top:.55em!important;width:3px!important;height:3px!important;border-radius:50%!important;background:var(--bk-p)!important}.bk-meta{display:block!important;margin:5px 0 0!important;font-size:10.5px!important;line-height:1.2!important;color:#111!important;font-weight:850!important}.bk-warning{font-size:9.5px!important;color:#9f1239!important;background:#fff1f2!important;border-radius:8px!important;padding:5px 6px!important;margin:5px 0 0!important}.bk-cta{position:absolute!important;left:0!important;right:0!important;bottom:0!important;background:#fff!important;border-top:1px solid #eee!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:90px 1fr!important;gap:10px!important;align-items:center!important}.bk-cta strong{display:block!important;font-size:14px!important;line-height:1.1!important;font-weight:950!important;color:#111!important}.bk-cta span{display:block!important;font-size:9.5px!important;line-height:1.2!important;font-weight:750!important;color:#60646c!important;margin-top:2px!important}.bk-submit{height:44px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,var(--bk-p),var(--bk-s))!important;color:#fff!important;font-size:12px!important;font-weight:950!important}.bk-submit:disabled{background:#d1d5db!important;color:#777!important}.bk-toast{position:fixed!important;left:50%!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;transform:translateX(-50%) translateY(18px)!important;width:calc(100% - 28px)!important;max-width:360px!important;background:#111!important;color:#fff!important;border-radius:16px!important;padding:12px!important;z-index:999999!important;opacity:0!important;visibility:hidden!important;transition:.2s ease!important;text-align:center!important;font-size:11px!important;font-weight:850!important}.bk-toast.show{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}.bk-empty{padding:14px!important;border-radius:14px!important;background:#fff1f7!important;color:var(--bk-p)!important;font-size:12px!important;font-weight:850!important}.bk-hidden{display:none!important}


/* =====================================================
   BK 1.6.2 Product Card Image Runtime UI Patch
   Product image display size increased to 150px.
   Text remains compact for BeautyKlove mobile UI.
===================================================== */
.bk-card{grid-template-columns:minmax(0,1fr) 150px!important;gap:10px!important;align-items:start!important}.bk-card-side{width:150px!important;min-width:150px!important}.bk-img{width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;border-radius:14px!important}.bk-img img{width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important;object-fit:cover!important}.bk-add{width:118px!important;height:34px!important;min-height:34px!important;margin:-17px auto 0!important;border-radius:12px!important;font-size:12px!important;line-height:34px!important}@media(max-width:420px){.bk-card{grid-template-columns:minmax(0,1fr) 140px!important}.bk-card-side{width:140px!important;min-width:140px!important}.bk-img,.bk-img img{width:140px!important;height:140px!important;min-width:140px!important;min-height:140px!important;max-width:140px!important;max-height:140px!important}.bk-add{width:112px!important}}

/* =====================================================
   Phase 6.3 UI/performance fixes
   - 150px product image where possible
   - compact text retained
   - skeleton popup loading
   - added-to-cart action toast
===================================================== */
.bk-card{grid-template-columns:minmax(0,1fr) 150px!important;gap:10px!important}.bk-card-side{width:150px!important;min-width:150px!important}.bk-img{width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;border-radius:14px!important}.bk-img img{width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important;object-fit:cover!important}.bk-add{width:112px!important;height:34px!important;min-height:34px!important;margin:-16px auto 0!important;border-radius:11px!important;font-size:11.5px!important;line-height:34px!important}.bk-card h3{font-size:12px!important}.bk-tagline,.bk-points li{font-size:10px!important}.bk-price-line strong{font-size:11px!important}.bk-price-line span{font-size:10px!important}.bk-skeleton{height:64px!important;border-radius:14px!important;background:linear-gradient(90deg,#f3f4f6 0%,#fff 45%,#f3f4f6 100%)!important;background-size:220% 100%!important;animation:bkSkeletonMove 1.1s infinite ease-in-out!important;margin:0 0 10px!important}@keyframes bkSkeletonMove{0%{background-position:0% 0}100%{background-position:-220% 0}}.bk-row.no-img{grid-template-columns:30px minmax(0,1fr)!important}.bk-added-toast{position:fixed!important;left:50%!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;transform:translateX(-50%) translateY(20px)!important;width:calc(100% - 28px)!important;max-width:360px!important;background:#111!important;color:#fff!important;border-radius:18px!important;padding:14px!important;z-index:999999!important;opacity:0!important;visibility:hidden!important;transition:.22s ease!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}.bk-added-toast.show{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}.bk-added-toast strong{display:block!important;font-size:13px!important;line-height:1.2!important;font-weight:900!important;margin:0 0 4px!important;color:#fff!important}.bk-added-toast span{display:block!important;font-size:10.5px!important;line-height:1.25!important;font-weight:600!important;color:rgba(255,255,255,.72)!important;margin:0 0 10px!important}.bk-added-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.bk-added-actions a{height:38px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#fff!important;color:#111!important;font-size:11.5px!important;font-weight:900!important}.bk-added-actions a.bk-checkout{background:linear-gradient(135deg,#c9246b,#54398e)!important;color:#fff!important}@media(max-width:380px){.bk-card{grid-template-columns:minmax(0,1fr) 132px!important}.bk-card-side{width:132px!important;min-width:132px!important}.bk-img,.bk-img img{width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;max-width:132px!important;max-height:132px!important}.bk-add{width:100px!important}}

/* Phase 6.5 city selector */
.bk-city-sheet{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%) translateY(105%)!important;width:100%!important;max-width:760px!important;padding:20px 14px calc(24px + env(safe-area-inset-bottom))!important;background:#fff!important;border-radius:22px 22px 0 0!important;z-index:99992!important;box-shadow:0 -16px 45px rgba(0,0,0,.24)!important;transition:.24s cubic-bezier(.2,.8,.2,1)!important}.bk-city-sheet.show{transform:translateX(-50%) translateY(0)!important}.bk-city-sheet h3{margin:0 0 5px!important;color:#111!important;font-size:16px!important;font-weight:950!important}.bk-city-sheet p{margin:0 0 14px!important;color:#666!important;font-size:11px!important}.bk-city-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.bk-city-grid button{min-height:48px!important;padding:8px!important;border:1px solid #eadffb!important;border-radius:13px!important;background:#fff!important;color:#54398e!important;font-size:12px!important;font-weight:900!important}.bk-city-grid button.active{border-color:#c9246b!important;background:#fff1f7!important;color:#c9246b!important}

/* Phase 6.8: visible fallback when a supported city has no configured rows yet. */
.bk-city-fallback{margin:8px 0 12px!important;padding:10px 12px!important;border:1px solid #f3d4e2!important;border-radius:12px!important;background:#fff8fb!important;color:#7c3152!important;font-size:10.5px!important;line-height:1.35!important;font-weight:750!important}

/* Phase 6.10: clean add-on duration and cost presentation. */
.bk-option-details{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin:8px 0 0!important}.bk-option-details small{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:28px!important;margin:0!important;padding:5px 9px!important;border-radius:999px!important;font-size:10.5px!important;line-height:1!important;font-weight:850!important}.bk-option-details small b{font-size:8px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.35px!important;opacity:.62!important}.bk-duration-chip{background:#f3f4f6!important;color:#374151!important}.bk-cost-chip{background:#fff1f7!important;color:#9d174d!important}.bk-cost-chip strong{font-size:12px!important;line-height:1!important;font-weight:950!important;color:#c9246b!important}.bk-cost-chip del{font-size:9.5px!important;line-height:1!important;color:#777!important;font-weight:700!important}

/* Phase 6.11: consistent 100px add-on images without squeezing option details. */
.bk-row.has-img{grid-template-columns:30px 100px minmax(0,1fr)!important;gap:12px!important;min-height:124px!important;align-items:center!important}.bk-row.has-img .bk-check{align-self:center!important}.bk-opt-img,.bk-opt-img img{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;max-width:100px!important;max-height:100px!important}.bk-opt-img{border-radius:14px!important;border:1px solid #eee!important;box-shadow:0 5px 14px rgba(0,0,0,.06)!important}.bk-opt-img img{object-fit:cover!important}@media(max-width:380px){.bk-row.has-img{grid-template-columns:26px 100px minmax(0,1fr)!important;gap:8px!important}.bk-option-details{gap:5px!important}.bk-option-details small{padding:5px 7px!important;font-size:9.5px!important}}


/* =====================================================
   v1.8.9 Option Sheet Back Button Right Fix
   Moves Back button away from title and keeps compact mobile UI.
===================================================== */
.bk-option-sheet .bk-back,
.bk-app .bk-option-sheet .bk-back,
button.bk-back[data-bk-close]{
    left:auto!important;
    right:8px!important;
    top:8px!important;
    min-width:64px!important;
    height:30px!important;
    line-height:30px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#111!important;
    border:1px solid rgba(0,0,0,.08)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.10)!important;
    font-size:11px!important;
    font-weight:900!important;
    z-index:30!important;
}
.bk-option-sheet .bk-sheet-head,
.bk-app .bk-option-sheet .bk-sheet-head{
    padding-right:82px!important;
}


/* =====================================================
   v1.9.1 Rating Restore + Compact Service Trust Line
===================================================== */
.bk-rating{
    margin-top:4px!important;
    color:#111!important;
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1.2!important;
}
.bk-rating span{
    color:#6b7280!important;
    font-size:10px!important;
    font-weight:650!important;
}

/* =====================================================
   v1.9.1 Option Sheet Height Fix
===================================================== */
.bk-option-sheet{
    max-height:84vh!important;
    overflow:hidden!important;
}
.bk-option-sheet .bk-sheet-body,
.bk-option-sheet .bk-option-list{
    max-height:calc(84vh - 130px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}

/* =====================================================
   v1.9.1 City Sheet Close Fully Hide Fix
===================================================== */
.bk-city-sheet{
    position:fixed!important;
    left:50%!important;
    bottom:0!important;
    width:100%!important;
    max-width:760px!important;
    transform:translateX(-50%) translateY(110%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .26s ease, opacity .2s ease, visibility .2s ease!important;
    z-index:99992!important;
}
.bk-city-sheet.show{
    transform:translateX(-50%) translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
.bk-overlay:not(.show){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* v1.9.1 keep option-popup back button right aligned and clear of title */
.bk-option-sheet .bk-back,
.bk-app .bk-option-sheet .bk-back,
button.bk-back[data-bk-close]{
    left:auto!important;
    right:8px!important;
    top:8px!important;
    min-width:64px!important;
    height:30px!important;
    line-height:30px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#111!important;
    border:1px solid rgba(0,0,0,.08)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.10)!important;
    font-size:11px!important;
    font-weight:900!important;
    z-index:30!important;
}
.bk-option-sheet .bk-sheet-head,
.bk-app .bk-option-sheet .bk-sheet-head{
    padding-right:82px!important;
}

/* =====================================================
   v2.0.1 Header + Card + Sheet UI Fixes
===================================================== */
.bk-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 14px!important;
}
.bk-head-title{
    flex:1 1 auto!important;
    min-width:0!important;
    padding-left:10%!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1.1!important;
    color:#111!important;
    white-space:nowrap!important;
}
.bk-head-city-wrap{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
}
.bk-head-city-text{
    font-size:10.5px!important;
    font-weight:800!important;
    color:#6b7280!important;
    line-height:1!important;
}
.bk-change-city-btn{
    height:26px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:900!important;
    border:1px solid rgba(201,36,107,.18)!important;
    background:#fff1f7!important;
    color:#c9246b!important;
    box-shadow:none!important;
    line-height:24px!important;
}
.bk-head-search{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    line-height:30px!important;
}
@media(max-width:380px){
    .bk-head{gap:6px!important;padding:10px 10px!important}
    .bk-head-title{font-size:12px!important;padding-left:4%!important}
    .bk-head-city-text{font-size:9.5px!important}
    .bk-change-city-btn{height:24px!important;padding:0 7px!important;font-size:9.5px!important;line-height:22px!important}
    .bk-head-search{width:28px!important;min-width:28px!important;height:28px!important;line-height:28px!important}
}

/* Product card template restructure: no rating, bullets before chips, price last */
.bk-rating{display:none!important}
.bk-price-line del{
    color:#9ca3af!important;
    font-size:10px!important;
    font-weight:750!important;
    text-decoration:line-through!important;
}
.bk-price-line em{
    display:inline-flex!important;
    align-items:center!important;
    min-height:16px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#ecfdf3!important;
    color:#067a52!important;
    font-size:9px!important;
    font-style:normal!important;
    font-weight:900!important;
    line-height:1!important;
}

/* Option popup back button right side */
.bk-option-sheet .bk-back,
.bk-app .bk-option-sheet .bk-back,
button.bk-back[data-bk-close]{
    left:auto!important;
    right:8px!important;
    top:8px!important;
    min-width:64px!important;
    height:30px!important;
    line-height:30px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#111!important;
    border:1px solid rgba(0,0,0,.08)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.10)!important;
    font-size:11px!important;
    font-weight:900!important;
    z-index:30!important;
}
.bk-option-sheet .bk-sheet-head,
.bk-app .bk-option-sheet .bk-sheet-head{padding-right:82px!important}

/* Requested option sheet height */
.bk-option-sheet{
    max-height:84vh!important;
    overflow:hidden!important;
}
.bk-option-sheet .bk-sheet-body,
.bk-option-sheet .bk-option-list{
    max-height:calc(84vh - 130px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}

/* =====================================================
   BK Service App - City Sheet Close Fully Hide Fix
===================================================== */
.bk-city-sheet{
    position:fixed!important;
    left:50%!important;
    bottom:0!important;
    width:100%!important;
    max-width:760px!important;
    transform:translateX(-50%) translateY(110%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .26s ease, opacity .2s ease, visibility .2s ease!important;
    z-index:120!important;
}
.bk-city-sheet.show{
    transform:translateX(-50%) translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
.bk-overlay:not(.show){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* v2.0.1 final z-index safety for city sheet above overlay */
.bk-city-sheet{z-index:99992!important;}


/* =====================================================
   v2.0.2 Header Cleanup + Search Filter Fix
   - Remove Available Services title from cramped mobile row.
   - Keep Booking in City + Change City left, search right.
   - Search JS hides empty categories and caps results to 10.
===================================================== */
.bk-head.bk-head-v202,
.bk-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 14px!important;
}
.bk-head-title{
    display:none!important;
}
.bk-head-city-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    white-space:nowrap!important;
}
.bk-head-city-text{
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#5f6368!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.bk-change-city-btn{
    flex:0 0 auto!important;
    height:28px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:26px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    border:1px solid rgba(201,36,107,.22)!important;
    background:#fff1f7!important;
    color:#c9246b!important;
    box-shadow:none!important;
}
.bk-head-search{
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    line-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
}
.bk-search-empty{
    margin:16px 0!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    border:1px solid #f3d4e2!important;
    background:#fff8fb!important;
    color:#7c3152!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.35!important;
}
.bk-hidden{
    display:none!important;
}
@media(max-width:380px){
    .bk-head{gap:6px!important;padding:10px 10px!important}
    .bk-head-city-text{font-size:10.5px!important;max-width:142px!important}
    .bk-change-city-btn{height:25px!important;padding:0 8px!important;font-size:10px!important;line-height:23px!important}
    .bk-head-search{width:30px!important;min-width:30px!important;height:30px!important;line-height:30px!important}
}