/* ---- manual: common ---- */
/* mobile0111 · shared mobile fixes (layout only, no content). Loaded last on every page. */
@media (max-width:820px){
  /* store bar: 44px tap height (store-cta.js reads the bar height and shifts fixed headers by it) */
  .scta-bar{height:44px!important}
  .scta-bar a.scta-bl{min-height:44px!important}
  /* long words / URLs never push the page sideways */
  p,li,dd,dt,h1,h2,h3,h4,figcaption,blockquote,td,th,label,small{overflow-wrap:break-word}
  img,video,iframe,svg{max-width:100%}
  /* skip links: keep them off-screen without creating off-canvas boxes */
  .sk:not(:focus),.skip:not(:focus),.skip-link:not(:focus){inset-inline-start:0!important;left:auto;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
}

/* added round 2 */
@media (max-width:820px){
.scta-bar .scta-bgo,.scta-bar .scta-bs{font-size:14px!important}
nav.foot-links>a{min-width:44px!important;justify-content:center!important}
}

/* round 4: compact consent bar on mobile (CSS only; markup, buttons, handlers and storage untouched).
   Only the page-language sentence is shown, clamped to one line; buttons stay 44px on the row right below. */
@media (max-width:820px){
#adlConsent.adl-cb{padding:9px 12px!important;display:flex!important;flex-direction:column!important;gap:7px!important}
#adlConsent.adl-cb p{margin:0!important;font-size:14px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;line-clamp:1;overflow:hidden!important;text-overflow:ellipsis}
html:not([lang^="en"]) #adlConsent.adl-cb p.en{display:none!important}
html[lang^="en"] #adlConsent.adl-cb p:not(.en){display:none!important}
#adlConsent.adl-cb .b{gap:8px!important;margin:0!important}
#adlConsent.adl-cb button{min-height:44px!important;padding:6px 10px!important;font-size:14px!important}
}

/* ---- manual: en-booking ---- */
/* booking ticket form at 768–820: text >=14px, phone tap target 44px */
@media (max-width:820px){
.tix-top .tix-k,.tix-f legend b,.tix-f .tl b,p.tix-note{font-size:14px!important}
.tix-stub a.stub-ph{min-height:44px!important;display:inline-flex!important;align-items:center!important}
}

/* mobile0111 · /en/booking/ · generated: text >=14px and tap targets >=44px at <=820px (desktop untouched). Manual layout fixes are in the shared file. */
/* text (18) */
@media (max-width:820px){
p.en{font-size:14px!important}
a.he-link.rise{font-size:14px!important;line-height:1.3!important}
a.he-link.rise>span{font-size:14px!important;line-height:1.3!important}
body>main:nth-child(8)>section.hero:nth-child(1)>div.hero-grid:nth-child(9)>div.hero-copy:nth-child(1)>div.queen.rise:nth-child(2)>span:nth-child(2){font-size:14px!important;line-height:1.3!important}
span.gk{font-size:14px!important;line-height:1.3!important}
span.tal-avail.rv{font-size:14px!important;line-height:1.3!important}
span.hh{font-size:14px!important}
span.pk-flag{font-size:14px!important;line-height:1.3!important}
div.pk-who{font-size:14px!important}
span.por{font-size:14px!important;line-height:1.3!important}
div.dk-k{font-size:14px!important;line-height:1.3!important}
span.la-k{font-size:14px!important;line-height:1.3!important}
p.fine.rv{font-size:14px!important}
small{font-size:14px!important}
}
@media (max-width:374.98px){
a.glass>b{font-size:14px!important;line-height:1.3!important}
}
@media (min-width:375px) and (max-width:389.98px){
a.glass>b{font-size:14px!important;line-height:1.3!important}
}
@media (min-width:390px) and (max-width:413.98px){
a.glass>b{font-size:14px!important;line-height:1.3!important}
}
@media (min-width:414px) and (max-width:767.98px){
a.glass>b{font-size:14px!important;line-height:1.3!important}
}
/* tap targets (7) */
@media (max-width:820px){
a.brand{min-height:44px!important}
a.he-link.rise{min-height:44px!important}
li>a{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;vertical-align:middle!important}
nav.foot-links>a{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}
}
@media (min-width:390px) and (max-width:413.98px){
a.hdr-cta{min-height:44px!important}
}
@media (min-width:414px) and (max-width:767.98px){
a.hdr-cta{min-height:44px!important}
}
@media (min-width:768px) and (max-width:820px){
a.hdr-cta{min-height:44px!important}
}
