/* Ali Baba remains the main identity; Shaheen identifies this particular branch. */
.hotel-logo { display:block; flex-shrink:0; width:78px; height:78px; overflow:hidden; border-radius:12px; background:#fff; }
.hotel-logo img { width:100%; height:100%; object-fit:contain; display:block; }
.hotel-logo .hotel-logo-dark { display:none; }
html[data-theme="dark"] .hotel-logo { background:#402c24; }
html[data-theme="dark"] .hotel-logo-light { display:none; }
html[data-theme="dark"] .hotel-logo-dark { display:block; }
.brand-home .branch-caption { font:600 11px/1.8 'Cairo',sans-serif; letter-spacing:0; color:var(--accent); margin-top:2px; }
.brand-home { min-width:0; }.brand-home > span:last-child { min-width:0; }
.brand-home .branch-caption { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.browse-section:focus { outline:none; }
.branch-signature { display:flex; align-items:center; gap:18px; margin-top:18px; padding:16px 22px; border:1px solid var(--border); border-radius:16px; background:var(--surface); }
.branch-signature-copy { min-width:0; }
.branch-signature-copy h2 { overflow-wrap:anywhere; }
.branch-eyebrow { display:block; font:9px/1.6 Arial,sans-serif; letter-spacing:1.8px; color:var(--muted); }
.branch-signature h2 { margin-top:5px; font-size:20px; color:var(--text); }
.branch-signature p { font-size:11px; color:var(--muted); margin-top:2px; }
.branch-seal { margin-inline-start:auto; width:36px; height:36px; border:1px solid var(--border); border-radius:50%; display:grid; place-items:center; color:var(--accent); background:var(--accent-soft); flex-shrink:0; }
.branch-seal .ui-icon { width:17px; height:17px; }
.branch-footer-line { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:28px; padding-top:20px; border-top:1px solid var(--border); color:var(--muted); font-size:11px; }
.branch-footer-line b { margin-inline:7px; color:var(--caramel); }
.branch-footer-line button { background:var(--surface); border:1px solid var(--border); border-radius:24px; color:var(--accent); padding:8px 13px; font-size:10px; display:flex; align-items:center; gap:7px; }
.branch-footer-line .ui-icon { width:14px; height:14px; }
.branch-footer-line + .experience-footer { margin-top:18px; }

/* Reading time is controlled by the intro timer, independent of network loading. */
.coffee-preloader { display:grid; grid-template-rows:minmax(0,1fr) auto; justify-items:center; gap:12px; padding:48px 20px max(22px,env(safe-area-inset-bottom)); }
.coffee-preloader .preloader-content { display:flex; flex-direction:column; width:min(100%,560px); min-height:0; max-height:100%; overflow-y:auto; overscroll-behavior:contain; padding:0 6px 8px; align-self:center; scrollbar-width:thin; scrollbar-color:#b99569 transparent; }
.preloader-content > * { flex-shrink:0; }
.coffee-preloader .preloader-emblem { width:250px; margin:0; }
.coffee-preloader .preloader-eyebrow { font-size:12px; margin:0 0 5px; }
.coffee-preloader .preloader-greeting { font-size:22px; line-height:1.7; }
.preloader-branch { display:flex; align-items:center; gap:14px; max-width:100%; margin:14px 0 4px; padding:9px 15px 9px 9px; text-align:start; border:1px solid #c7ac895e; border-radius:15px; background:#efe0cc8c; }
.preloader-branch .hotel-logo { width:66px; height:66px; border-radius:9px; }
.coffee-preloader .preloader-branch .hotel-logo { background:#fff; }
.coffee-preloader .preloader-branch .hotel-logo-light { display:block; }
.coffee-preloader .preloader-branch .hotel-logo-dark { display:none; }
.preloader-branch > div { min-width:0; overflow-wrap:anywhere; }
.preloader-branch span { display:block; color:#806344; font-size:10px; }
.preloader-branch strong { display:block; color:#4b230f; font-size:17px; font-weight:800; line-height:1.7; }
.preloader-branch small { display:block; color:#806344; font-size:9px; }
.coffee-preloader .lounge-ritual { height:135px; margin:10px 0 12px; }
.coffee-preloader .ritual-coffee,.coffee-preloader .ritual-shisha { height:130px; }
.coffee-preloader .shisha-illustration { width:80px; height:107px; }
.coffee-preloader .ritual-coffee .coffee-ritual { transform:scale(1.25); margin-bottom:10px; }
.coffee-preloader .preloader-caption { margin:0 0 11px; font-size:11px; }
.coffee-preloader .preloader-corner { top:24px; font-size:9px; }
.coffee-preloader .preloader-corner-start { left:30px; }
.coffee-preloader .preloader-corner-end { right:30px; font-size:8px; letter-spacing:1px; }
.preloader-controls { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:9px; }
.coffee-preloader .preloader-signature { display:block; position:static; margin:0; font-size:11px; }
.coffee-preloader .preloader-skip { position:static; transform:none; min-height:42px; padding:8px 28px; border-radius:25px; background:#754424; border-color:#754424; color:#fff8ed; font-size:12px; box-shadow:0 5px 16px #4b230f18; }
.coffee-preloader .preloader-skip:hover { background:#4b230f; }
.preloader-auto-note { color:#886b51; font-size:9px; }
.coffee-preloader .preloader-track span { width:100%; transform:scaleX(0); transform-origin:left; animation:none; }
.is-loading .coffee-preloader .preloader-track span { animation:intro-reading-time var(--intro-duration,6s) linear forwards; animation-play-state:var(--intro-play-state,running); }
.is-loading .skip-link { visibility:hidden; }
@keyframes intro-reading-time { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(max-width:680px) {
    .brand-home .branch-caption { font-size:9px; }
    .branch-signature { gap:12px; padding:13px; margin-top:13px; border-radius:13px; }
    .branch-signature .hotel-logo { width:62px; height:62px; border-radius:9px; }
    .branch-eyebrow { font-size:7px; letter-spacing:1px; }
    .branch-signature h2 { font-size:16px; margin-top:4px; }
    .branch-signature p { font-size:9px; }
    .branch-seal { width:29px; height:29px; }.branch-seal .ui-icon { width:14px; height:14px; }
    .branch-footer-line { flex-direction:column; gap:14px; font-size:10px; }
    .coffee-preloader .preloader-emblem { width:225px; }
    .coffee-preloader .preloader-greeting { font-size:20px; }
    .preloader-branch { gap:10px; margin-top:11px; }.preloader-branch strong { font-size:15px; }
}
@media(max-height:740px) {
    .coffee-preloader { gap:8px; padding-top:40px; padding-bottom:16px; }
    .coffee-preloader .preloader-emblem { width:180px; }
    .coffee-preloader .preloader-greeting { font-size:18px; }
    .preloader-branch { margin-block:9px 3px; padding-block:6px; }.preloader-branch .hotel-logo { width:54px; height:54px; }
    .coffee-preloader .lounge-ritual { height:110px; margin:6px 0 8px; }
    .coffee-preloader .ritual-coffee,.coffee-preloader .ritual-shisha { height:104px; }
    .coffee-preloader .shisha-illustration { height:85px; width:65px; margin-bottom:4px; }
    .coffee-preloader .ritual-coffee .coffee-ritual { transform:scale(1); margin-bottom:5px; }
    .coffee-preloader .preloader-caption { font-size:10px; margin-bottom:8px; }
    .preloader-controls { gap:6px; }
}
@media(max-height:580px) and (max-width:599px) {
    .coffee-preloader .preloader-emblem { width:142px; }
    .coffee-preloader .preloader-eyebrow { font-size:10px; }
    .coffee-preloader .preloader-greeting { font-size:16px; }
    .preloader-branch strong { font-size:13px; }.preloader-branch small { font-size:8px; }
    .coffee-preloader .lounge-ritual { height:94px; margin-block:4px; }
    .coffee-preloader .ritual-coffee,.coffee-preloader .ritual-shisha { height:90px; }
    .coffee-preloader .shisha-illustration { height:70px; width:53px; }
    .coffee-preloader .ritual-coffee .coffee-ritual { transform:scale(.85); }
    .coffee-preloader .ritual-label { font-size:9px; }
    .coffee-preloader .preloader-signature { font-size:9px; }
}
@media(max-height:580px) and (min-width:600px) {
    .coffee-preloader { padding-top:35px; }
    .coffee-preloader .preloader-content { display:grid; grid-template-columns:180px minmax(260px,1fr); gap:3px 20px; width:min(100%,730px); text-align:center; }
    .coffee-preloader .preloader-emblem { grid-column:1; grid-row:1 / 7; width:180px; }
    .coffee-preloader .preloader-eyebrow,.coffee-preloader .preloader-greeting,.preloader-branch,.coffee-preloader .lounge-ritual,.coffee-preloader .preloader-caption,.coffee-preloader .preloader-track { grid-column:2; }
    .preloader-branch { margin:5px 0 0; }.preloader-branch .hotel-logo { width:43px; height:43px; }.preloader-branch strong { font-size:13px; }
    .coffee-preloader .lounge-ritual { height:84px; margin:0; }.coffee-preloader .ritual-coffee,.coffee-preloader .ritual-shisha { height:82px; }
    .coffee-preloader .shisha-illustration { height:64px; width:48px; }.coffee-preloader .ritual-coffee .coffee-ritual { transform:scale(.8); }
    .coffee-preloader .preloader-signature { display:none; }.preloader-controls { gap:4px; }
}
@media(max-width:360px) { .branch-seal { display:none; }.brand-home .branch-caption { max-width:170px; }.preloader-branch { padding-inline:9px; } }
@media(prefers-reduced-motion:reduce) { .is-loading .coffee-preloader .preloader-track span { animation:none; transform:scaleX(1); } }