/* Shared storefront header: compact brand/actions row and full-width service strip. */
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-app-topbar[data-yatoon-header=clean]{display:flex;flex-direction:column;align-items:stretch;gap:10px;position:relative;inset:auto;transform:none;width:100%;max-width:100%;min-width:0;min-height:0;box-sizing:border-box;margin:0 0 24px!important;padding:14px 16px;background:var(--yt-theme-header,#fff);border:1px solid var(--yt-theme-gold,#e5e9ef);border-radius:18px;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-main{display:flex;align-items:center;justify-content:flex-start;gap:12px;position:static;width:100%;min-width:0;margin:0;padding:0;flex:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-mark{display:flex;align-items:center;justify-content:center;position:static;flex:0 0 44px;width:44px;height:44px;min-width:0;margin:0;padding:0;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:var(--yt-theme-on-header,#172033);box-shadow:none;overflow:hidden}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-mark.has-custom-logo{background:transparent}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-mark img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-title{display:block;position:static;flex:1 1 auto;width:auto;min-width:0;max-width:100%;margin:0;padding:0;text-align:start;color:var(--yt-theme-on-header,#172033)}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-title strong{display:block;max-width:100%;margin:0;padding:0;font:750 22px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:inherit;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;-webkit-line-clamp:unset}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-actions{display:flex;position:static;inset:auto;transform:none;align-items:center;justify-content:flex-end;flex:0 0 auto;flex-wrap:nowrap;gap:8px;width:auto;min-width:0;max-width:100%;margin:0;margin-inline-start:auto;padding:0}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-account{display:flex;align-items:center;justify-content:center;position:static;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;box-sizing:border-box;border:1px solid var(--yt-theme-gold,#e5e9ef);border-radius:12px;background:var(--yt-theme-header,#fff);color:var(--yt-theme-on-header,#344054);box-shadow:none;cursor:pointer}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-account svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-service{display:flex;position:static;inset:auto;transform:none;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 12px;width:100%;min-width:0;max-width:100%;min-height:38px;box-sizing:border-box;margin:0;padding:8px 12px;border:0;border-radius:12px;background:color-mix(in srgb,var(--yt-theme-on-header,#172033) 5%,var(--yt-theme-header,#fff))}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-chip{display:inline-flex;position:static;inset:auto;transform:none;float:none;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 6px;width:auto;min-width:0;max-width:100%;height:auto;min-height:30px;box-sizing:border-box;margin:0;padding:4px 9px;border:1px solid #bee6cd;border-radius:10px;background:#edf9f1;color:#17613a;box-shadow:none;white-space:normal;font:650 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:visible}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-chip::before{content:none;display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-chip.is-paused{color:#8a411a;background:#fff5eb;border-color:#f1d4b9}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-status-dot{display:block;position:static;flex:0 0 7px;width:7px;height:7px;margin:0;padding:0;border:0;border-radius:50%;background:currentColor;box-shadow:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-chip-label{font-weight:750}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-chip-label,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] #yatoon-asap-estimate{display:block;position:static;transform:none;float:none;flex:0 1 auto;width:auto;min-width:0;max-width:100%;height:auto;margin:0;padding:0;border:0;background:transparent;color:inherit;white-space:normal;overflow-wrap:anywhere;font:650 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] #yatoon-asap-estimate::before{content:"·";display:inline-block;margin-inline-end:6px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] #yatoon-asap-estimate[hidden]{display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-service-info{display:flex;align-items:center;flex:1 1 auto;flex-wrap:wrap;gap:4px 14px;min-width:0;max-width:100%}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-pickup{display:block;flex:0 1 auto;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;color:var(--yt-theme-on-header,#344054);font:600 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:start}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-pickup.is-alert{color:#b42318}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-pickup[hidden]{display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-pickup > span{display:inline}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-hours-details{flex:0 1 auto;min-width:0;max-width:100%;margin:0;margin-inline-start:auto;padding:0;border:0;color:var(--yt-theme-on-header,#596579);font:400 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-hours-details summary{display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-mobile-hours{display:block;position:static;min-width:0;max-width:100%;margin:0;padding:0;white-space:normal;overflow-wrap:anywhere;color:inherit;font:inherit}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;width:max-content;min-width:0;max-width:240px;min-height:44px;box-sizing:border-box;margin:0;padding:0 26px 0 10px;border:1px solid var(--yt-theme-gold,#d9e0e8);border-radius:12px;background:var(--yt-theme-header,#fff);color:var(--yt-theme-on-header,#344054);font:650 13px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher::after{content:"";position:absolute;inset-inline-end:10px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher select{display:block;position:absolute;inset:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:40px;margin:0;padding:0;opacity:0;font-size:16px;cursor:pointer}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-icon{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;pointer-events:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-full-label{display:block;white-space:nowrap;pointer-events:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-short-label{display:none;white-space:nowrap;pointer-events:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher:focus-within,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-account:focus-visible{outline:2px solid var(--yt-theme-accent,#2563eb);outline-offset:3px}
@media(max-width:640px){
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-app-topbar[data-yatoon-header=clean]{padding:10px 12px;gap:8px;margin-bottom:18px!important}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-main{gap:8px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-mark{flex-basis:40px;width:40px;height:40px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-title strong{font-size:19px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-actions{gap:6px;margin-inline-start:0}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-account{flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px;padding:8px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-service{min-height:36px;gap:4px 10px;padding:7px 10px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-chip,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-chip-label,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] #yatoon-asap-estimate{font-size:12px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-service-info{flex:1 1 130px;gap:3px 8px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-hours-details{margin-inline-start:0}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-hours-details summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;list-style:none;cursor:default;min-height:22px;padding:0;font:inherit}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-hours-details summary::-webkit-details-marker{display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-hours-details > .yatoon-order-hours-text{display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher{min-height:40px;font-size:12px;max-width:120px;padding-inline-start:9px;padding-inline-end:23px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-full-label{display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-short-label{display:block}
}
@media(max-width:360px){
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-icon{display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-main{gap:6px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-title strong{font-size:18px}
}

/* Booking-style country flags and compact account access. */
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-app-topbar[data-yatoon-header=clean] {overflow:visible}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-app-topbar[data-yatoon-header=clean]:has(.yatoon-language-picker[open]) {z-index:1000}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher {display:block;flex:0 0 auto;width:max-content;max-width:none;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--yt-theme-on-header,#172033)}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher::after {content:none;display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-switcher:focus-within {outline:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-picker {position:relative;margin:0;padding:0;border:0;background:transparent}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-trigger {display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-width:78px;min-height:44px;margin:0;padding:8px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--yt-theme-on-header,#172033);font:700 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;list-style:none;cursor:pointer;white-space:nowrap}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-trigger::-webkit-details-marker {display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-trigger::marker {content:''}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-trigger::before,
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-trigger::after {content:none;display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-flag {display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(128,128,128,.22);border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-flag img {display:block;flex:none;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-chevron {display:block;flex:0 0 12px;width:12px;height:12px;fill:none;opacity:.65}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-picker[open] .yatoon-language-chevron {transform:rotate(180deg)}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-panel {position:absolute;z-index:1001;inset-inline-end:0;top:calc(100% + 8px);box-sizing:border-box;width:min(268px,calc(100vw - 40px));max-height:380px;max-height:min(380px,65dvh);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:6px;border:1px solid var(--yt-theme-gold,#e5e7eb);border-radius:16px;background:var(--yt-theme-header,#fff);color:var(--yt-theme-on-header,#172033);box-shadow:0 12px 32px rgba(15,23,42,.18)}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-picker:not([open]) .yatoon-language-panel {display:none}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-choice {display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--yt-theme-on-header,#172033);box-shadow:none;font:500 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:start;letter-spacing:normal;text-transform:none;cursor:pointer}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-name {flex:1;min-width:0;overflow-wrap:anywhere}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-check {flex:0 0 14px;margin-inline-start:auto;text-align:center;font-weight:700}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-choice[aria-current=true] {font-weight:700}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-account {flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-color:transparent;border-radius:50%;background:transparent;color:var(--yt-theme-on-header,#172033)}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-header-account svg {display:block;width:24px;height:24px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] :is(.yatoon-language-trigger,.yatoon-language-choice,.yatoon-header-account):is(:hover,:focus-visible),
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-choice[aria-current=true],
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-picker[open] > summary {background:var(--yt-theme-header,#fff);background:color-mix(in srgb,var(--yt-theme-on-header,#172033) 8%,var(--yt-theme-header,#fff))}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] :is(.yatoon-language-trigger,.yatoon-language-choice,.yatoon-header-account):focus-visible {outline:2px solid var(--yt-theme-accent,#2563eb);outline-offset:3px}
@media(max-width:640px){
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-app-actions {gap:4px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap [data-yatoon-header=clean] .yatoon-language-trigger {min-width:72px;gap:6px;padding:8px;font-size:12px}
}