/* Giặt Ơi booking popup in Tủ Mây's booking-form type and motion (Dong 2026-10-18: "follow the exact font, size,
   transition and animation like tumay for the booking form"). Values are copied from tumay.vn/order. Visual only:
   loaded on /dat-hang/, /en/order/, /en/ next to order.js; every rule is scoped to #orderOverlay. */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/tumay/baloo2-400-800-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/tumay/baloo2-400-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/tumay/baloo2-400-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tumay/plexmono-400-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tumay/plexmono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tumay/plexmono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tumay/plexmono-500-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tumay/plexmono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tumay/plexmono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tumay/plexmono-600-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tumay/plexmono-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tumay/plexmono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Lolapeluza';src:url('/fonts/tumay/Lolapeluza-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
#orderOverlay{--tm-ease:cubic-bezier(.32,.72,0,1);--tm-out:cubic-bezier(.2,0,0,1)}
#orderOverlay .order-modal,#orderOverlay .order-form,#orderOverlay input,#orderOverlay select,#orderOverlay textarea,#orderOverlay button{font-family:'Baloo 2',system-ui,sans-serif}
/* head: eyebrow + headline, as Tủ Mây's "Book your storage / THREE MINUTES, AND IT'S BOOKED." */
#orderOverlay .order-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--brand-red,#e00303);margin-bottom:8px;font-weight:400}
#orderOverlay .order-hero-title{font-family:'Lolapeluza',system-ui,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(22px,4vw,34px);line-height:1.05;color:#1a1a1a;letter-spacing:0}
#orderOverlay .order-hero-title .head-en{display:block;font-family:'Baloo 2',system-ui,sans-serif;font-weight:500;text-transform:none;font-size:14px;color:#767676;margin-top:6px;letter-spacing:0}
@media (max-width:600px){#orderOverlay .order-eyebrow{display:none}}   /* the phone header has no room beside the round buttons */
/* steps */
#orderOverlay .order-step{border:none;border-radius:22px;box-shadow:0 18px 40px -26px rgba(26,26,26,.35)}
#orderOverlay .order-step-num{width:30px;height:30px;border-radius:999px;background:var(--brand-yellow,#ffc200);color:#1a1a1a;font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:600}
#orderOverlay .order-step-title{font-family:'Baloo 2',system-ui,sans-serif;font-size:17px;font-weight:700;letter-spacing:0;color:#1a1a1a;line-height:1.2}
#orderOverlay .order-step-title .step-title-en{font-family:'Baloo 2',system-ui,sans-serif;font-size:13px;font-weight:400;color:#767676}
/* option boxes = .bk-opt */
#orderOverlay .svc-card-row .svc-card-pill{border:1px solid #e6e6e6;border-radius:14px;padding:13px 14px;transition:border-color .3s var(--tm-ease)!important;-webkit-tap-highlight-color:transparent}
#orderOverlay .svc-card-row .svc-card-pill .service-name{font-family:'Baloo 2',system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:#1a1a1a;line-height:1.25}
#orderOverlay .svc-card-row .svc-card-pill .service-name-en,#orderOverlay .svc-card-row .svc-card-pill-note{font-family:'Baloo 2',system-ui,sans-serif;font-size:13.5px;font-weight:400;letter-spacing:0;line-height:1.4;color:#1a1a1a}
#orderOverlay .svc-card-row .svc-card-pill-note{font-weight:600;color:var(--brand-red,#e00303)}
#orderOverlay .svc-card-row .svc-card-pill .service-turn{background:none;padding:0;border-radius:0;font-family:'Baloo 2',system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--brand-red,#e00303)}
#orderOverlay .svc-card-row .svc-card-pill-price{font-family:'Baloo 2',system-ui,sans-serif;font-size:16px;font-weight:700;color:#1a1a1a}
#orderOverlay .svc-popular-badge{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.14em;font-weight:600}
/* sub-items + steppers */
#orderOverlay .svc-item-name{font-family:'Baloo 2',system-ui,sans-serif;font-size:15px;font-weight:700;color:#1a1a1a}
#orderOverlay .svc-item-name-en,#orderOverlay .svc-item-rate{font-family:'Baloo 2',system-ui,sans-serif;font-size:13px;font-weight:400;color:#767676}
#orderOverlay .qty-btn,#orderOverlay .qty-input{border:1px solid #e6e6e6;border-radius:12px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;transition:border-color .3s var(--tm-ease),transform .22s var(--tm-ease)}
#orderOverlay .qty-btn:not(:disabled):active{transform:scale(.9)}
#orderOverlay .qty-unit{font-family:'Baloo 2',system-ui,sans-serif}
/* checkbox rows = .bk-opt */
#orderOverlay .option-row{border:1px solid #e6e6e6;border-radius:14px;transition:border-color .3s var(--tm-ease)}
#orderOverlay .option-row-label{font-family:'Baloo 2',system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:#1a1a1a}
#orderOverlay .option-row-label-en,#orderOverlay .option-row-desc,#orderOverlay .option-row-desc-en{font-family:'Baloo 2',system-ui,sans-serif;font-size:13.5px;font-weight:400;text-transform:none;letter-spacing:0;color:#4f4f4f}
/* inputs = .bk-in */
#orderOverlay .order-input,#orderOverlay .order-form select:not(.time-pick-input){border:1px solid #e6e6e6;border-radius:12px;padding:13px 14px;font-family:'Baloo 2',system-ui,sans-serif;font-size:16px;color:#1a1a1a;background-color:#fff;transition:border-color .3s var(--tm-ease)}
#orderOverlay .order-input:focus,#orderOverlay .order-form select:focus{outline:none;border-color:#1a1a1a;box-shadow:none}
/* dates + time = .bk-day / .bk-time */
#orderOverlay .date-block-label{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#1a1a1a}
#orderOverlay .date-block-label-en{font-family:'Baloo 2',system-ui,sans-serif;font-size:12px;letter-spacing:0;text-transform:none;color:#767676}
#orderOverlay .date-block-month{font-family:'Baloo 2',system-ui,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a}
#orderOverlay .date-tile{border:1px solid #e6e6e6;border-radius:14px;transition:border-color .3s var(--tm-ease)}
#orderOverlay .date-tile-dow{font-family:'IBM Plex Mono',monospace;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
#orderOverlay .date-tile-day{font-family:'Baloo 2',system-ui,sans-serif;font-size:19px;font-weight:700;transition:transform .26s var(--tm-ease)}
#orderOverlay .date-tile:not(:disabled):active .date-tile-day{transform:scale(.9);transition-duration:.1s}
#orderOverlay .time-pick-row{border:1px solid #e6e6e6;border-radius:12px}
#orderOverlay .time-pick-label{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#1a1a1a}
#orderOverlay .time-pick-label-en{font-family:'Baloo 2',system-ui,sans-serif;font-size:12px;letter-spacing:0;text-transform:none;color:#767676}
#orderOverlay .time-pick-input,#orderOverlay .time-pick-sep{font-family:'Baloo 2',system-ui,sans-serif;font-size:19px;font-weight:700;color:#1a1a1a}
/* price bar = .bk-foot (phone bar) */
#orderOverlay .price-bar-label{font-family:'Baloo 2',system-ui,sans-serif;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.85);line-height:1}
#orderOverlay .price-bar-label-en{display:none}
#orderOverlay .price-bar-total{font-family:'Baloo 2',system-ui,sans-serif;font-size:19px;font-weight:700;line-height:1.15;color:#fff;letter-spacing:0}
#orderOverlay .price-bar-btn{background:var(--brand-yellow,#ffc200);color:#1a1a1a;border:none;border-radius:999px;padding:11px 18px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;transition:background-color .22s var(--tm-ease),transform .22s var(--tm-ease)}
#orderOverlay .price-bar-btn:active{transform:scale(.98)}
#orderOverlay .price-bar-btn span{font-family:'IBM Plex Mono',monospace}
#orderOverlay .price-bar-btn-en{display:none}
@media (prefers-reduced-motion:reduce){#orderOverlay *{transition:none!important;animation:none!important}}
/* Dong 18-10: no helper line under "Giao lại đúng địa chỉ lấy" */
#orderOverlay .option-row-delivery .option-row-desc{display:none}
/* phone: Tủ Mây's wide headline does not fit between the round X and the call/WhatsApp/EN buttons, so it sits on
   its own line just under them (Dong 18-10, the title ran under the call button) */
@media (max-width:600px){
  #orderOverlay .order-modal-head{padding-top:58px}
  #orderOverlay .order-hero-title{font-size:21px;line-height:1.05}
  #orderOverlay .order-hero-title .head-en{font-size:13px;margin-top:4px}
}
/* Dong 18-10: no clock emoji, no dropdown arrow on the pickup/delivery time */
#orderOverlay .time-pick-icon{display:none}
#orderOverlay .time-pick-hh,#orderOverlay .time-pick-mm{background-image:none!important;-webkit-appearance:none;appearance:none;padding-left:14px;padding-right:14px;text-align:center;text-align-last:center}
