/* Saddle Atlas phone app (Bob 10.10.2026). Brief: BUILD_BRIEF_SADDLE_MOBILE.md (Harry), draft v3. Only up to 767 px; the desktop map stays as it is.
 * Tokens from the draft (:root there). Fonts come from the child theme (Barlow Condensed, Fraunces, DM Sans are already loaded by the map fragment). */
#sa-app{--night:#0f141a;--gold:#c9a063;--gold-ink:#1a1208;--cream:#fbf4e6;--ink:#2a1a10;--brown:#5a2a1a;--muted:#6b5a48;--sun:#e9c46a;--hoof:#c8693f;--mount:#5f86a6;--fjord:#3fa7a0;--taste:#a63a50;--castle:#8c8577;--line:#243039;--card:#161e26;--soft:#aab3bc;
  position:relative;background:var(--night);color:#fff;font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
#sa-app *{box-sizing:border-box}
#sa-app button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
#sa-app :focus-visible{outline:3px solid var(--gold);outline-offset:2px}
#sa-app .ph{background-size:cover;background-position:center;background-color:#222}
#sa-app .top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
#sa-app .mark{font-family:'Barlow Condensed';font-weight:900;font-size:24px;letter-spacing:.06em;text-transform:uppercase}
#sa-app .mark b{color:var(--gold);font-weight:900}
#sa-app .lang{min-width:48px;height:48px;display:flex;align-items:center;justify-content:flex-end;font-size:14px;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.08em}
#sa-app .cbar{display:flex;align-items:center;gap:12px;margin:4px 16px 0;height:72px;width:calc(100% - 32px);padding:0 20px 0 16px;border-radius:999px;border:1.5px solid var(--gold);background:var(--cream);color:var(--ink)}
#sa-app .cbar svg{width:34px;height:34px;flex:none}
#sa-app .cbar strong{display:block;font-size:18px;font-weight:700;line-height:1.15}
#sa-app .cbar small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
#sa-app .gold{margin:6px 16px 0;min-height:32px;display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;font-size:12px;letter-spacing:.03em;color:var(--sun);font-weight:700;text-transform:uppercase;line-height:1.3}
#sa-app .gold i{width:9px;height:9px;border-radius:50%;background:var(--sun);flex:none}
#sa-app .gold span{color:#fff;font-weight:500;text-transform:none;letter-spacing:0;font-size:13px}
#sa-app .sh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:16px 16px 8px}
#sa-app .sh h2{margin:0;font-family:'Barlow Condensed';font-weight:900;font-size:22px;letter-spacing:.04em;text-transform:uppercase}
#sa-app .sh span{font-size:12px;color:var(--soft);text-align:right}
/* map: at least 55 percent of the first view (height from the viewport height) */
#sa-app .mapbox{position:relative;margin:2px 16px 0;border-radius:22px;overflow:hidden;height:max(56svh,340px);background:#0e2a38;border:1px solid #1f4558;touch-action:manipulation}
#sa-app .mapbox svg.m{position:absolute;inset:0;width:100%;height:100%;display:block}
#sa-app .land{fill:#2d3943;stroke:#3b4953;stroke-width:.35}
#sa-app .cc{stroke:rgba(201,160,99,.85);stroke-width:.9;vector-effect:non-scaling-stroke;cursor:pointer}
#sa-app .cc.sel{stroke:#f0cb74;stroke-width:1.6}
#sa-app .chit{fill:transparent;stroke:transparent;stroke-width:14;vector-effect:non-scaling-stroke;cursor:pointer}
#sa-app .mlab{position:absolute;transform:translate(-50%,-50%);min-height:44px;padding:0 13px;border-radius:999px;background:rgba(15,20,26,.8);border:1px solid rgba(201,160,99,.7);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;white-space:nowrap;z-index:2;transition:opacity .2s}
#sa-app .mlab b{color:var(--sun);font-weight:700}
#sa-app .mlab.hide,#sa-app .rpin.hide{opacity:0;pointer-events:none}
#sa-app .rpin{max-width:170px;position:absolute;transform:translate(-50%,-50%);min-height:44px;padding:0 12px 0 8px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;white-space:nowrap;z-index:3;border:1px solid var(--gold);transition:opacity .2s}
#sa-app .rpin span{overflow:hidden;text-overflow:ellipsis}
#sa-app .rpin i{flex:none;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-style:normal;font-size:12px;display:flex;align-items:center;justify-content:center}
#sa-app .rpin.zero{background:rgba(251,244,230,.82)}
#sa-app .rpin.zero i{background:#d9cdb4;color:#5b4a36}
#sa-app .ipin{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;display:flex;align-items:center;justify-content:center;z-index:3;transition:opacity .2s}
#sa-app .ipin i{min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-style:normal;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #0f141a;box-shadow:0 0 0 3px rgba(201,160,99,.35)}
#sa-app .ipin.zero i{background:#d9cdb4;color:#5b4a36}
#sa-app .ilab{position:absolute;transform:translate(-50%,0);z-index:3;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000,0 0 8px #000;white-space:nowrap;pointer-events:none;transition:opacity .2s}
#sa-app .cont{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;gap:4px;padding:3px;border-radius:999px;background:rgba(15,20,26,.8);border:1px solid rgba(255,255,255,.3)}
#sa-app .cont button{min-height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;color:#e8edf0;background:transparent;border:0}
#sa-app .cont button.on{background:#f0cb74;color:#1a1408}
#sa-app .mapbox.lv1 .cont,#sa-app .mapbox.lv2 .cont{display:none}
#sa-app .mapnote{position:absolute;left:12px;top:14px;font-size:12px;color:#cfe1e8;text-shadow:0 1px 6px #000;z-index:1;pointer-events:none}
#sa-app .reset{position:absolute;left:10px;top:10px;height:44px;padding:0 14px;border-radius:999px;background:rgba(15,20,26,.8);border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;z-index:4;opacity:0;pointer-events:none;transition:opacity .2s}
#sa-app .reset.on{opacity:1;pointer-events:auto}
#sa-app .all{position:absolute;right:10px;top:10px;height:44px;padding:0 14px;border-radius:999px;background:rgba(15,20,26,.8);border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:700;display:flex;align-items:center;z-index:4}
#sa-app .mskel{position:absolute;inset:0;background:linear-gradient(110deg,#0e2a38 30%,#16384a 50%,#0e2a38 70%);background-size:200% 100%;animation:sa-sk 1.4s linear infinite}
@keyframes sa-sk{to{background-position:-200% 0}}
#sa-app .info{margin:10px 16px 0;padding:12px 14px;border-radius:18px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;gap:12px;min-height:76px}
#sa-app .info .tx{flex:1;min-width:0}
#sa-app .info h3{margin:0;font-family:'Barlow Condensed';font-weight:900;font-size:26px;line-height:1;text-transform:uppercase}
#sa-app .info p{margin:3px 0 0;font-size:13px;color:#b6c0c9;line-height:1.35}
#sa-app .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:16px;font-weight:700;text-align:center;text-decoration:none}
#sa-app .btn.sec{background:#fff;border:1px solid rgba(42,26,16,.25);color:var(--ink);font-weight:600}
#sa-app .info .btn{width:auto;padding:0 18px;flex:none;min-height:48px;font-size:15px}
#sa-app .clist{display:flex;gap:8px;padding:10px 16px 0;overflow-x:auto;scrollbar-width:none;min-height:64px}   /* fixed height before the chips arrive: no layout shift */
#sa-app .clist::-webkit-scrollbar{display:none}
#sa-app .worlds{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 16px}
#sa-app .worlds .w{grid-column:span 2}
#sa-app .worlds .w:nth-child(n+4){grid-column:span 3}
#sa-app .w{position:relative;height:100px;border-radius:16px;overflow:hidden;color:#fff;border:2px solid transparent}
#sa-app .w::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,26,0) 35%,rgba(15,20,26,.88))}
#sa-app .w b{position:absolute;left:9px;bottom:22px;font-family:'Barlow Condensed';font-weight:800;font-size:15px;line-height:1;text-transform:uppercase;letter-spacing:.03em;right:6px}
#sa-app .w u{position:absolute;left:9px;bottom:7px;font-size:12px;text-decoration:none;opacity:.95;display:flex;align-items:center;gap:5px}
#sa-app .w u i{width:9px;height:9px;border-radius:50%;display:inline-block}
#sa-app .w:active{transform:scale(.98)}
#sa-app .chips{display:flex;gap:8px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
#sa-app .chips::-webkit-scrollbar{display:none}
#sa-app .chip{flex:none;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(15,20,26,.55);border:1px solid rgba(255,255,255,.28);font-family:'Barlow Condensed';font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#fff;display:flex;align-items:center;gap:6px}
#sa-app .chip b{color:var(--sun);font-weight:800}
#sa-app .chip.on{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
#sa-app .chip.on b{color:var(--gold-ink)}
#sa-app .foot{padding:20px 16px 110px;font-size:12px;line-height:1.5;color:#8d97a1}
#sa-app .dock{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(402px,calc(100% - 28px));height:58px;border-radius:999px;background:rgba(15,20,26,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);display:flex;z-index:40}
#sa-app .dock button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:#c9d0d6;min-height:44px;text-align:center}
#sa-app .dock button.on{color:var(--gold)}
#sa-app .dock svg{width:22px;height:22px}
/* full pages: no half-high sheet */
#sa-app .ov{position:fixed;top:0;bottom:0;left:0;right:0;transform:translateY(100%);transition:transform .28s ease-out;background:var(--night);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;z-index:60}
#sa-app .ov:focus{outline:none}
#sa-app .ov.on{transform:translateY(0);visibility:visible}
#sa-app .ov .pad{padding-bottom:calc(60px + env(safe-area-inset-bottom));max-width:620px;margin:0 auto}
#sa-app .ohero{position:relative;height:210px;background-size:cover;background-position:center;background-color:#222}
#sa-app .ohero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,26,.55),rgba(15,20,26,0) 40%,rgba(15,20,26,.92))}
#sa-app .ohero h1{position:absolute;left:16px;right:16px;bottom:12px;margin:0;font-family:'Barlow Condensed';font-weight:900;font-size:48px;line-height:.9;text-transform:uppercase}
#sa-app .obar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;min-height:52px;padding:env(safe-area-inset-top) 12px 0 6px;box-sizing:content-box;background:var(--night);border-bottom:1px solid var(--line)}
#sa-app .back{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:0;flex:none}
#sa-app .back:active{background:rgba(255,255,255,.1)}
#sa-app .olab{font-size:14px;font-weight:700;color:#cdd5db;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sa-app .credit{position:absolute;right:12px;top:18px;z-index:2;font-size:11px;color:#e9e2d2;text-shadow:0 1px 4px #000}
#sa-app .oclaim{font-family:'Fraunces';font-style:italic;font-size:18px;color:#e8dcc4;margin:10px 16px 0;line-height:1.25}
#sa-app .way{display:flex;align-items:stretch;gap:4px;margin:14px 16px 0}
#sa-app .way div{flex:1;min-height:56px;border-radius:14px;border:1px solid #2b3742;padding:7px 8px;font-size:12px;color:#8d97a1;display:flex;flex-direction:column;justify-content:center;line-height:1.25;min-width:0}
#sa-app .way div:first-child{flex:1.4}
#sa-app .way div b{display:block;font-size:12.5px;font-weight:700;color:#cdd5db;line-height:1.15;overflow-wrap:anywhere}
#sa-app .way div.cur{border-color:var(--gold);background:rgba(201,160,99,.12);color:var(--sun)}
#sa-app .way div.cur b{color:#fff}
#sa-app .way div.done b{color:var(--sun)}
#sa-app .way i{align-self:center;color:#6b7782;font-style:normal}
#sa-app .minimap{position:relative;margin:14px 16px 0;border-radius:18px;overflow:hidden;background:#0e2a38;border:1px solid #1f4558}
#sa-app .minimap svg{display:block;width:100%;height:100%;position:absolute;inset:0}
#sa-app .minimap .mk{fill:rgba(201,160,99,.9);stroke:#fff;stroke-width:.5;cursor:pointer}
#sa-app .minimap .mk.sel{fill:#fff}
#sa-app .mmlab{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;pointer-events:none}
#sa-app .mmlab span{background:var(--night);border:1.5px solid var(--gold);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px}
#sa-app .lbl{font-family:'Barlow Condensed';font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--soft);margin:16px 16px 8px}
#sa-app .offers{padding:0 16px}
#sa-app .offer{background:var(--cream);color:var(--ink);border-radius:18px;padding:12px;margin:0 0 12px;min-height:236px}
#sa-app .ad{display:flex;align-items:center;margin-bottom:6px;font-size:12px;color:var(--muted);gap:8px}
#sa-app .ad span{flex:1;min-width:0;line-height:1.25}
#sa-app .ad b{font-family:'Barlow Condensed';font-weight:800;letter-spacing:.14em;text-transform:uppercase;border:1px solid #8a5a2a;color:#8a5a2a;border-radius:5px;padding:2px 7px;flex:none}
#sa-app .orow{display:flex;gap:12px}
#sa-app .oimg{width:84px;height:84px;border-radius:12px;flex:none;overflow:hidden;background-color:#d8cdb6}
#sa-app .oimg img{display:block;width:84px;height:84px;object-fit:cover}
#sa-app .oimg.np{background:linear-gradient(160deg,#cdbf9d,#e7dcc3)}
#sa-app .offer h4{color:var(--ink)!important;margin:0;font-family:'Barlow Condensed';font-weight:800;font-size:23px;line-height:1.02;overflow-wrap:anywhere}
#sa-app .offer p{margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--muted)}
#sa-app .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
#sa-app .tag{font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;background:#f0e3c9;color:var(--brown)}
#sa-app .why{font-size:14px;margin:10px 0 0;line-height:1.4;padding:8px 10px;background:#f3e8d2;border-radius:10px}
#sa-app .price{font-size:14px;font-weight:600;margin:10px 0 8px}
#sa-app .tip{display:inline-block;background:var(--ink);color:var(--sun);font-family:'Barlow Condensed';font-weight:800;font-size:12px;letter-spacing:.12em;padding:3px 9px;border-radius:999px;margin-bottom:6px;text-transform:uppercase}
#sa-app .sk{background:var(--cream);border-radius:18px;height:236px;margin:0 0 12px;opacity:.14;animation:sa-pulse 1.2s ease-in-out infinite}
@keyframes sa-pulse{50%{opacity:.26}}
#sa-app .sfoot{font-size:12px;line-height:1.45;color:#8d97a1;margin:6px 16px 0}
#sa-app .empty{margin:0 16px 12px;padding:14px;border-radius:16px;background:var(--card);font-size:15px;line-height:1.45}
#sa-app .sug{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 16px;min-height:56px;padding:6px 0;border-bottom:1px solid var(--line)}
#sa-app .sug .ic{width:40px;height:40px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;background:#1c2630;font-size:14px;font-weight:700;color:var(--sun)}
#sa-app .sug strong{font-size:16px;display:block}
#sa-app .sug small{font-size:12px;color:var(--soft)}
#sa-app .sug .num{margin-left:auto;font-size:14px;color:var(--soft);font-weight:600}
#sa-app .islands{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
#sa-app .isl{position:relative;height:170px;border-radius:20px;overflow:hidden;color:#fff;background-size:cover;background-position:center;background-color:#222}
#sa-app .isl::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,20,5,.35),rgba(15,20,26,0) 35%,rgba(15,20,26,.9))}
#sa-app .isl b{position:absolute;left:12px;bottom:34px;font-family:'Barlow Condensed';font-weight:900;font-size:28px;line-height:.9;text-transform:uppercase}
#sa-app .isl u{position:absolute;left:12px;bottom:12px;text-decoration:none;font-size:13px}
#sa-app .bmap{position:relative;margin:14px 16px 0;border-radius:22px;background:#0e2a38;border:1px solid #234a5e;height:210px;overflow:hidden}
#sa-app .bmap svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#sa-app .kwrap{padding:14px 0 0}
#sa-app .kwrap #sa-cflow{border-radius:22px;margin:0 12px;max-width:none}
#sa-app .kt{margin:10px 16px 0;font-family:'Barlow Condensed';font-weight:900;font-size:34px;line-height:.95;text-transform:uppercase}
#sa-app .toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:#fff;color:var(--ink);padding:10px 16px;border-radius:14px;font-size:14px;z-index:90;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:opacity .2s;text-align:center}
#sa-app .toast.on{opacity:1}
#sa-app .noscr{padding:20px 16px;font-size:15px}
@media(prefers-reduced-motion:reduce){#sa-app *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:374px){#sa-app .ohero h1{font-size:42px}#sa-app .mlab,#sa-app .rpin{font-size:12px;padding:0 10px 0 8px}#sa-app .info .btn{padding:0 12px;font-size:14px}#sa-app .info h3{font-size:23px}}

#sa-app .cf-sub{display:block;font-size:11.5px;font-weight:400;color:#a9b1bb;margin-top:2px}
#sa-app .offpins{position:absolute;left:10px;bottom:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px;z-index:6;pointer-events:none}
#sa-app .opin{pointer-events:auto;min-height:44px;padding:0 14px;border-radius:999px;background:rgba(15,20,26,.92);border:1px solid var(--gold,#c9a063);color:#e9e6df;font:700 13px/1 var(--body,'DM Sans',system-ui,sans-serif);display:inline-flex;align-items:center;gap:7px}
#sa-app .opin b{color:#e0bb7e}

/* ---- Merkliste, Nähe (Eddie 10.10.) ---- */
#sa-app .offer{position:relative}
#sa-app .heart{position:relative;flex:none;margin:-6px -6px -6px 0;width:44px;height:44px;border-radius:50%;background:#2a1a10;border:1px solid rgba(201,160,99,.6);display:flex;align-items:center;justify-content:center;padding:0}
#sa-app .heart svg{width:22px;height:22px;fill:none;stroke:#e0bb7e;stroke-width:2}
#sa-app .heart[aria-pressed=true]{background:#c9a063}
#sa-app .heart[aria-pressed=true] svg{fill:#17120a;stroke:#17120a}
#sa-app .dock button{position:relative}
#sa-app .dock .bdg{position:absolute;top:3px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c9a063;color:#17120a;font:700 11px/18px var(--body,'DM Sans',sans-serif);font-style:normal;text-align:center}
#sa-app .quick{display:flex;padding:8px 16px 0}
#sa-app .quick button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(201,160,99,.6);color:#e0bb7e;font:700 14px/1 var(--body,'DM Sans',sans-serif);display:inline-flex;align-items:center;gap:8px;background:transparent}
#sa-app .quick svg{width:18px;height:18px}

/* ---- owner corrections 10.10. night (iPhone review): offer card button, no page behind overlays, no empty gap on Discover, compact compass results with photo ---- */
#sa-app .obtn{display:flex;align-items:center;gap:12px;margin-top:2px}
#sa-app .obtn .btn{width:auto;flex:none;padding:0 24px;min-height:48px;font-size:15.5px}
#sa-app .obtn .via{font-size:12.5px;color:var(--muted);line-height:1.25}
html.sa-ovopen #sa-app>:not(.ov):not(.dock):not(.toast){visibility:hidden}
#sa-app .offer{min-height:0}
#sa-app .foot{padding:16px 16px 12px}
@media(max-width:767px){html.sa-app-on body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}
#sa-app #sa-cflow .cf-pic{display:block;grid-area:pic;width:84px;height:84px;border-radius:12px;overflow:hidden;background:#3a3126}
#sa-app #sa-cflow .cf-pic img{display:block;width:84px;height:84px;object-fit:cover}
#sa-app #sa-cflow .cf-card{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"pic where" "pic title" "pic meta" "go go";column-gap:12px;row-gap:3px;padding:12px;align-items:start}
#sa-app #sa-cflow .cf-card .cf-where{grid-area:where;margin:0;font-size:11px}
#sa-app #sa-cflow .cf-card .cf-title{grid-area:title;margin:0;font-size:17px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#sa-app #sa-cflow .cf-card .cf-meta{grid-area:meta;margin:2px 0 0;font-size:13px;font-weight:700}
#sa-app #sa-cflow .cf-card .cf-reason,#sa-app #sa-cflow .cf-card .cf-check{display:none}
#sa-app #sa-cflow .cf-card .cf-act{display:flex;align-items:center;gap:12px;grid-area:go;margin-top:8px}
#sa-app #sa-cflow .cf-card .cf-go{margin:0}
#sa-app #sa-cflow .cf-card .cf-via{display:inline;font-size:12.5px;line-height:1.25;color:var(--cf-muted)}
#sa-app #sa-cflow .cf-card .cf-pic:not(:has(img)){background:#2a241b}

#sa-app .swb{display:flex;margin:10px 16px 8px;border:1.5px solid var(--gold);border-radius:999px;overflow:hidden;background:rgba(15,20,26,.6)}
#sa-app .swb span,#sa-app .swb a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;font-size:15px;font-weight:700;text-decoration:none;color:#e9e6df}
#sa-app .swb span{background:var(--gold);color:var(--gold-ink)}

/* region points (owner 11.10.): one point per place with its number, close points become number marks, tap opens a card with the offers; margins keep them clear of the Back pill and the lower edge */
#sa-app .mpt{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(201,160,99,.28);display:flex;align-items:center;justify-content:center;padding:0;z-index:4}
#sa-app .mpt i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#c9a063;color:#17120a;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font:800 15px/1 var(--disp,'Barlow Condensed',sans-serif);box-shadow:0 2px 8px rgba(0,0,0,.5)}
#sa-app .mpt.multi i{width:40px;height:40px;font-size:17px;background:#fbf4e6;border-color:#c9a063}
#sa-app .mpt.hand i{background:#161e26;color:#e0bb7e;border:2px dashed #c9a063}
#sa-app .mpt.sel{background:rgba(255,255,255,.35)}
#sa-app .mpt.hide{display:none}
#sa-app .ptcard{display:block;height:auto;max-height:none;overflow:visible;position:absolute;left:10px;right:10px;bottom:10px;z-index:9;background:var(--cream);color:var(--ink);border-radius:18px;padding:12px 12px 10px;box-shadow:0 10px 30px rgba(0,0,0,.55)}
#sa-app .ptcard.top{bottom:auto;top:60px}
#sa-app .ptx{position:absolute;right:4px;top:4px;width:44px;height:44px;font-size:26px;line-height:1;color:var(--ink)}
#sa-app .pth{padding-right:44px}
#sa-app .pth b{display:block;font:800 21px/1.05 var(--disp,'Barlow Condensed',sans-serif);text-transform:uppercase}
#sa-app .pth span{font-size:13px;color:var(--muted)}
#sa-app .ptr{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid #e3d9c9}
#sa-app .ptt{flex:1;min-width:0}
#sa-app .ptt b{display:block;font-size:14.5px;line-height:1.2;max-height:2.4em;overflow:hidden}
#sa-app .ptad{display:inline-block;font:800 10px/1 var(--disp,'Barlow Condensed',sans-serif);letter-spacing:.14em;text-transform:uppercase;border:1px solid #8a5a2a;color:#8a5a2a;border-radius:4px;padding:2px 5px;margin-bottom:3px}
#sa-app .ptm{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
#sa-app .ptb{flex:none;min-height:44px;padding:0 16px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-weight:700;font-size:14px;display:flex;align-items:center;text-decoration:none}
#sa-app .ptall{display:block;width:100%;min-height:44px;margin-top:6px;font-weight:700;font-size:14px;color:var(--brown);text-align:center}
#sa-app .ptw{font-size:13px;color:var(--muted);padding:8px 0}

/* v23.2.28 search page */
.ssearch{padding:6px 16px 90px}
.sfield{position:relative;display:flex;align-items:center;background:#1f1813;border:1.5px solid rgba(212,173,110,.55);border-radius:14px;min-height:52px}
.sfield svg{width:22px;height:22px;margin:0 8px 0 14px;color:#d4ad6e;flex:none}
.sfield input{flex:1;min-width:0;background:transparent;border:0;color:#f7f2e8;font:600 17px/1.2 'DM Sans',system-ui,sans-serif;padding:14px 4px;outline:0}
.sfield input{-webkit-appearance:none;appearance:none;border:0!important;box-shadow:none!important;border-radius:0}
.sfield input:focus,.sfield input:focus-visible{outline:0!important;box-shadow:none!important;border:0!important;background:transparent}
.sfield input[type=search]::-webkit-search-cancel-button,.sfield input[type=search]::-webkit-search-decoration{display:none;-webkit-appearance:none}
.sfield input::placeholder{color:#b9ad97}
.sfield:focus-within{border-color:#d4ad6e;box-shadow:0 0 0 3px rgba(212,173,110,.28)}
.sx{flex:none;width:44px;height:44px;border:0;background:transparent;color:#d3ccbc;font-size:24px;line-height:1;cursor:pointer}
.sres{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.shd{margin:6px 2px 2px;font:800 11.5px/1.2 'DM Sans',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d4ad6e}
.srow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;text-align:left;background:#241a12;border:1px solid rgba(212,173,110,.28);border-radius:14px;padding:10px 14px;color:#f7f2e8;font:inherit;cursor:pointer}
.srow b{display:block;font:700 16.5px/1.2 'DM Sans',system-ui,sans-serif}
.srow small{display:block;margin-top:2px;font:500 12.5px/1.3 'DM Sans',system-ui,sans-serif;color:#d3ccbc}
.srow i{font-style:normal;font:700 14px 'DM Sans',system-ui,sans-serif;color:#1a1308;background:#d4ad6e;border-radius:999px;min-width:30px;text-align:center;padding:4px 9px}
.srow:active{background:#2e2218}

/* ===== v23.2.29 Schrift A2 in der Handy-App (Ella 11.10.2026): Fraunces 600 Satzschreibung fuer Titel, DM Sans fuer Labels, groessere Foto-Credits ===== */
#sa-app .mark{font-family:'Fraunces',Georgia,serif!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.01em!important;font-size:24px!important}
#sa-app .sh h2,#sa-app .info h3,#sa-app .ohero h1,#sa-app .offer h4,#sa-app .isl b,#sa-app .kt,#sa-app .pth b,#sa-app .w b{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.012em!important;line-height:1.1!important}
#sa-app .sh h2{font-size:21px!important}
#sa-app .info h3{font-size:23px!important}
#sa-app .ohero h1{font-size:36px!important;line-height:1.06!important}
#sa-app .offer h4{font-size:19px!important}
#sa-app .isl b{font-size:22px!important}
#sa-app .kt{font-size:26px!important}
#sa-app .pth b{font-size:19px!important}
#sa-app .w b{font-size:16px!important}
#sa-app .chip,#sa-app .mpt i{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:700!important;text-transform:none!important;letter-spacing:.01em!important}
#sa-app .chip{font-size:13.5px!important}
#sa-app .mpt i{font-size:14px!important}
#sa-app .lbl,#sa-app .tip,#sa-app .ad b,#sa-app .ptad{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.14em!important}
#sa-app .lbl,#sa-app .tip{font-size:12px!important}
#sa-app .ptad{font-size:10.5px!important}
/* photo credits */
#sa-app .credit,#sa-app .ov .credit,.ov .credit{font-size:11.5px!important;color:#f1e8d6!important;text-shadow:0 1px 3px rgba(0,0,0,.75)!important}
#sa-app .credit a,.ov .credit a{display:inline-flex;align-items:center;min-height:44px;color:inherit}

/* v23.2.43 magazine articles in the country / region window (concept KONZEPT_REDAKTION, sketch Ella 2_handy_bottom_sheet_region) */
#sa-app .arts{display:flex;flex-direction:column;gap:8px;margin:12px 16px 0}
#sa-app .artrow{display:flex;align-items:center;gap:12px;min-height:72px;padding:8px 12px 8px 14px;border:1px solid rgba(212,173,110,.5);border-radius:14px;background:rgba(36,26,18,.55);color:#f7f2e8;text-decoration:none}
#sa-app .artrow .ai{flex:none;width:64px;height:64px;border-radius:10px;background:#2b2118 center/cover no-repeat}
#sa-app .artrow .at{display:flex;flex-direction:column;gap:3px;min-width:0}
#sa-app .artrow .at em{font:700 11.5px/1.2 'DM Sans',system-ui,sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#d4ad6e}
#sa-app .artrow .at b{font:600 17px/1.2 'Fraunces',Georgia,serif;color:#f7f2e8;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
#sa-app .artrow i{margin-left:auto;font-style:normal;font-size:22px;color:#d4ad6e}

/* v23.2.45 region view: offers right under the map */
#sa-app .rprev:empty{display:none}
#sa-app .rprev{margin:14px 0 6px}
#sa-app .mapbox.lv2{height:max(44svh,300px)}

/* v23.2.90: America planes (USA, Canada, Mexico, South America): numbered dots exactly on the region, names beside the dot, region list under the map */
#sa-app .dpin{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:flex;align-items:center;justify-content:center;z-index:3;background:none;border:0;transition:opacity .2s}
#sa-app .dpin i{min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font:800 13px/1 'DM Sans',system-ui,sans-serif;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid #0f141a;box-shadow:0 0 0 3px rgba(201,160,99,.35)}
#sa-app .dpin.hide{opacity:0;pointer-events:none}
#sa-app .dl{position:absolute;z-index:3;font:700 11px/16px 'DM Sans',system-ui,sans-serif;color:#fff;text-shadow:0 0 3px #0b1a22,0 0 3px #0b1a22,0 1px 2px #0b1a22;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;overflow:hidden;text-overflow:ellipsis}
#sa-app .rlist:empty{display:none}
#sa-app .rlist{margin:12px 16px 0}
#sa-app .rl{display:flex;flex-direction:column;gap:8px}
#sa-app .rrow{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:#fff;text-align:left;font-size:15px}
#sa-app .rrow b{flex:1;font-weight:700}
#sa-app .rrow span{color:var(--sun);font-weight:700;font-size:13px}
#sa-app .rrow i{font-style:normal;color:#8f9aa5;font-size:20px}
#sa-app .mapbox.lv1.dots{height:max(40svh,300px)}
.rrow .rth{flex:none;width:44px;height:44px;margin-left:-8px;border-radius:10px;background:#1b222b center/cover no-repeat;display:none}.rrow .rth.on{display:block}

#sa-app .cont{max-width:calc(100% - 20px)}#sa-app .cont button{padding:0 10px;font-size:12.5px;white-space:nowrap;flex:1 1 auto}@media(max-width:380px){#sa-app .cont button{padding:0 6px;font-size:11.5px}}@media(max-width:340px){#sa-app .cont button{padding:0 4px;font-size:10.5px}}
#sa-app .mlab.sm{min-height:30px;padding:0 9px;font-size:11.5px}

/* v23.2.94 continent tiles */
#sa-app .cont.ctiles{position:static;left:auto;bottom:auto;z-index:auto;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 10px;margin:0 0 2px;border-radius:0;background:none;border:0;max-width:none}
#sa-app .cont.ctiles::-webkit-scrollbar{display:none}
#sa-app .cont.ctiles.hid{display:none}
#sa-app .cont.ctiles .ct{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;min-height:0;padding:0;border-radius:12px;overflow:hidden;background:#141b22;border:2px solid rgba(240,203,116,.28);color:#e8edf0;text-align:left;font-size:inherit;font-weight:400;white-space:normal}
#sa-app .cont.ctiles .ct.on{border-color:#f0cb74;box-shadow:0 0 0 2px rgba(240,203,116,.35)}
#sa-app .cont.ctiles .ctm{display:block;height:64px;background:#0f2430;overflow:hidden}
#sa-app .cont.ctiles .ctm svg{display:block;width:100%;height:100%}
#sa-app .cont.ctiles .ctm .ml{fill:#c9a063;stroke:#0f2430;stroke-width:.6;vector-effect:non-scaling-stroke}
#sa-app .cont.ctiles .ctm .md{fill:#4a5663;stroke:#0f2430;stroke-width:.6;vector-effect:non-scaling-stroke}
#sa-app .cont.ctiles .ctn{display:flex;flex-direction:column;padding:6px 9px 8px;min-height:44px}
#sa-app .cont.ctiles .ctn b{font-size:13.5px;line-height:1.2;font-weight:700;color:#fff}
#sa-app .cont.ctiles .ctn i{font-style:normal;font-size:11.5px;line-height:1.3;font-weight:600;color:#f0cb74;min-height:15px}
@media(max-width:360px){#sa-app .cont.ctiles .ct{flex-basis:118px}#sa-app .cont.ctiles .ctm{height:56px}#sa-app .cont.ctiles .ctn b{font-size:12.5px}}