/* mobile-fix.css — 36 page(s): course-cadillac.html, course-functional.html, course-hyrox.html, course-postnatal.html, course-prenatal.html, course-reformer.html, en/course-cadillac.html, en/course-functional.html, en/course-hyrox.html, en/course-postnatal.html, en/course-prenatal.html, en/course-reformer.html, en/index.html, en/omada.html, en/person-alexandra.html, en/person-annamaria.html, en/person-apostolos.html, en/person-foteini.html, en/person-marianthi.html, en/person-stefania.html, en/personal.html, en/taksidia.html, en/tmimata.html, en/xwroi.html, index.html, omada.html, person-alexandra.html, person-annamaria.html, person-apostolos.html, person-foteini.html, person-marianthi.html, person-stefania.html, personal.html, taksidia.html, tmimata.html, xwroi.html */
@media (max-width:900px){
main.wrap{padding:118px 20px 80px !important}

/* Legibility. The builder set a lot of micro-labels at 10-11px inline — under the 12px
   Google treats as legible on a phone. Attribute selectors reach inline styles, which a
   normal rule cannot override. */
[style*="font-size:10px"],[style*="font-size: 10px"],
[style*="font-size:11px"],[style*="font-size: 11px"]{font-size:12px !important}
.sv-tab span,.nav-drop-all,.som-lbl{font-size:12px !important}

/* Touch targets. The carousel dots are 7px; the dot stays 7px but the finger gets a
   25px box around it (border-box + padding, painted only on the content area). */
.xw-dot{width:32px !important;height:32px !important;padding:12px !important;
background-clip:content-box !important}
.xw-dot.on{width:46px !important}
.xw-arrow{width:44px !important;height:44px !important}
/* Taller only. Widening this pushed the header past 320px on the longest page. */
[data-i18n-set]{padding-top:11px !important;padding-bottom:11px !important}
.som-chip{padding:12px 16px !important}
[style*="background:none"][style*="border:0"]{min-height:32px !important}
/* Home page: dots drawn inline at 8px, and labels set by class rather than inline. */
[style*="width:8px"][style*="height:8px"],[style*="width:30px"][style*="height:3px"]{
padding:12px !important;background-clip:content-box !important;
width:32px !important;height:32px !important;border-radius:999px !important}
.acc-cat,.hv-3,footer p,footer a{font-size:12px !important}

/* A two-column grid whose 1fr tracks cannot shrink below their content pushed the
   newsletter block 36px past a 320px screen. One column, and let tracks shrink. */
.nl-grid2{grid-template-columns:1fr !important;gap:24px !important}
[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
[style*="display:grid"]>*{min-width:0}

/* Footer links were 15px tall — the text line and nothing else. The same is true of
   the mono "← back" links the bundle puts at the top of most pages. */
footer a,nav a{display:inline-block;padding:8px 0}
a[style*="letter-spacing:0.14em"]{display:inline-block;padding:10px 0}

/* The open menu lives inside the position:fixed header, so it is fixed too and the
   page cannot scroll it. At 375x667 the panel runs 733px: everything below Ταξίδια
   sits past the viewport and is unreachable. Cap it to the room under the header
   and let the panel scroll itself. dvh accounts for the phone's collapsing URL bar;
   the vh line is the fallback for browsers without it. overscroll-behavior stops the
   page behind from taking over the scroll at either end. */
#somMenu,.hdr-menu{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);
overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}