/* ==========================================================================
   MARTOCK · MOBILE 2026 — implementace mobilních návrhů z mobiledesign/*.pdf
   Načítá se JAKO POSLEDNÍ (po theme2026-pages.css), takže přebíjí vše ostatní.
   Vše je uzavřené v media queries → desktop zůstává nedotčený.

   Hodnoty jsou vytažené z PDF (390 px artboard) přes PyMuPDF:
   text spany (font size / pozice) + vektorové rámy (get_drawings).

   Výjimka proti návrhu (schválně):
   · zaoblení = 0 (hranaté prvky jako na desktopu) — bod 2 zadání
   · nejmenší typografie z návrhu (6,7–9 px) je zvednutá na čitelné minimum
     (10–12 px); rozvržení a rozměry zůstávají 1:1
   ========================================================================== */

/* --------------------------------------------- jen-mobilní prvky skryté
   (musí být PŘED media query, aby ji nepřebíjely) */
.mk-hd__contacts { display: none; }
.t26-hero__title .t26-dot,
.t26-hero__title .t26-hero__brm { display: none; }
.t26p-btn__short { display: none; }
.t26-events__more { display: none; }   /* „More News & Events" je jen mobilní */

/* ==================================================================
   HLAVIČKA  (≤1100 px — stejný breakpoint jako mobilní menu)
   Návrh: modrý box 350×64 (inset 20 px, radius 0), v něm zleva ikony
   telefon/mail/pin, uprostřed logo přetékající nad box, zprava odznak
   OPEN + hamburger. Pod boxem zlatý news ticker (19 px viditelných).
   ================================================================== */
@media (max-width: 1100px) {

  .mk-hd { padding: 0 20px; }
  .mk-hd .m-mainmenu {
    margin-top: 13px;
    /* jedna řádka: utility (ikony + OPEN) | inner (hamburger); news bar pod */
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  .mk-hd .mk-hd__info      { grid-column: 1; }
  .mk-hd .m-mainmenu__inner { grid-column: 2; }
  .mk-hd .mk-hd__cond,
  .mk-hd .m-hotnews        { grid-column: 1 / -1; }

  /* ---- řádka hlavičky ------------------------------------------------ */
  .mk-hd__info {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    height: 64px;
    padding: 0 0 0 13px;
    margin: 0;
  }
  /* desktopové utility na mobilu nejsou (jsou v drawer menu) */
  .mk-hd__info .mk-hd__wx,
  .mk-hd__info .mk-hd__cam,
  .mk-hd__info .mk-hd__snow,
  .mk-hd__info .mk-hd__util { display: none; }

  /* kontaktní ikony vlevo — návrh: středy na 43 / 67,5 / 92,3 px */
  .mk-hd__contacts {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: auto;
  }
  .mk-hd__contacts a {
    width: 20px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
  }
  .mk-hd__contacts .material-symbols-outlined {
    font-size: 19px;
    line-height: 1;
    color: #fff;
    font-variation-settings: 'FILL' 1;
  }
  .mk-hd__contacts a:active { opacity: .6; }

  /* odznak OPEN — návrh 43×15 pilulka; tady hranatý (bod 2) */
  .mk-hd__status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 18px;
    padding: 0 7px;
    background: #d7ecde;
    border: 0;
    border-radius: 0;
    flex: none;
  }
  .mk-hd__status .mk-hd__dot {
    width: 6px; height: 6px;
    background: var(--t26-green);
    border-radius: 50%;      /* tečka zůstává kruh i v návrhu */
    box-shadow: none;
    animation: none;
    flex: none;
  }
  .mk-hd__status strong {
    color: var(--t26-green);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    line-height: 1;
  }
  .mk-hd__status .mk-hd__hours { display: none; }

  /* hamburger vpravo — návrh: střed na x 346, tj. 4 px od pravé hrany boxu */
  .mk-hd .m-mainmenu__inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 0;
    padding: 0 4px 0 0;
    gap: 0;
  }
  .mk-hd .m-mainmenu__burger {
    order: 0;
    margin: 0;
    width: 40px; height: 40px;
    flex: none;
  }
  .mk-hd .m-mainmenu__burger span {
    width: 22px;
    height: 2px;
    margin: 2.5px 0;
    background: #fff;
  }

  /* logo — vycentrované, přetéká 9 px nad box (návrh: 65×62, top 26) */
  .mk-hd .m-brand {
    position: absolute;
    left: 50%;
    top: -9px;
    transform: translateX(-50%);
    order: 0;
    margin: 0;
    z-index: 60;
  }
  .mk-hd .m-brand__logo,
  .mk-hd .m-brand img {
    width: auto;
    height: 62px;
    margin: 0;
    filter: none;
  }

  /* zlatý news ticker pod boxem — návrh 19 px viditelných, bez × */
  .mk-hd .m-hotnews { margin: 0; }
  .mk-hd .m-hotnews__inner { min-height: 21px; padding: 0 !important; }
  .mk-hd .m-hotnews__text {
    font-size: 11px;
    letter-spacing: .04em;
    line-height: 21px;
  }
  .mk-hd .m-hotnews__close { display: none; }

  /* zavírací křížek drawer menu hranatý (bod 2) */
  .m-nav__close { border-radius: 0; }

  /* zadokovaný stav (scroll) — stejný box, logo se schová do boxu.
     theme2026-pages.css utility řádek při dokování skrývá; na mobilu je to
     ale celá hlavička, takže ji vracíme zpět. */
  .mk-hd.is-docked .mk-hd__info { display: flex; }
  .mk-hd.is-docked { padding-top: 6px; }
  .mk-hd.is-docked .m-mainmenu { margin-top: 0; }
  .mk-hd.is-docked .m-brand { top: 3px; }
  .mk-hd.is-docked .m-brand__logo,
  .mk-hd.is-docked .m-brand img { width: auto; height: 62px; margin: 0 0 0 0; margin-top: -8px; }
  .mk-hd.is-docked .mk-hd__info { height: 62px; padding-top: 0; }
  .mk-hd.is-docked .m-mainmenu__inner { min-height: 0; }
}

/* ==================================================================
   OBSAH  (≤700 px — telefon; návrhy jsou 390 px široké)
   ================================================================== */
@media (max-width: 700px) {

  /* ------------------------------------------------------ typografie sekcí */
  .t26-eyebrow { font-size: 11px; letter-spacing: .06em; margin: 0 0 9px; }
  .t26-title   { font-size: 24px; line-height: 30px; }

  /* odkaz sekce: v návrhu prostý text + šipka ↘ (bez rámečku) */
  .t26-sechead { flex-direction: column; align-items: flex-start; gap: 0; flex-wrap: nowrap; }
  .t26-sechead > .t26-pill {
    height: auto;
    margin-top: 12px;
    padding: 0;
    border: 0;
    gap: 5px;
    font-size: 13px;
    font-weight: 400;
    background: none;
  }
  .t26-sechead > .t26-pill:hover { background: none; color: var(--t26-blue); }
  .t26-sechead > .t26-pill img { width: 16px; height: 16px; transform: rotate(90deg); }
  .t26-sechead > .t26-pill:hover img { filter: none; }

  /* ------------------------------------------------------------------ HERO */
  /* návrh: hero 540 px vysoké, titulek 42/40, text 13/19, 3 zlatá tlačítka */
  .t26-hero { min-height: 100svh; height: auto; }
  @supports not (height: 100svh) { .t26-hero { min-height: 100vh; } }
  /* v návrhu se foto ve spodní polovině rozplyne do firemní modré */
  .t26-hero__scrim,
  .t26p-hero::after,
  .t26p-hero--poster::after {
    background: linear-gradient(180deg,
      rgba(2, 15, 70, .34) 0%,
      rgba(2, 18, 92, .52) 34%,
      rgba(2, 22, 117, .82) 66%,
      rgba(2, 22, 117, .96) 100%);
  }
  .t26-hero__content {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    padding-top: 140px;
    padding-bottom: 48px;
  }
  .t26-hero__title { font-size: 42px; line-height: 40px; letter-spacing: 0; }
  .t26-hero__title .t26-dot { display: inline; }
  .t26-hero__title .t26-hero__brm { display: inline; }
  .t26-hero__aside { max-width: none; padding-bottom: 0; }
  .t26-hero__aside p { font-size: 13px; line-height: 19px; margin: 0 0 15px; max-width: none; }
  .t26-hero__scrolldown { display: none; }

  .t26-hero__ctas { display: flex; flex-wrap: nowrap; gap: 8px; }
  .t26-hero__ctas .t26-btn {
    flex: 1 1 0;
    min-width: 0;
    height: 41px;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 700;
    background: var(--t26-gold);
  }
  .t26-btn__long { display: none; }   /* "Season |Passes" → "PASSES" */

  /* zlaté pruhy nad/pod obsahem v mobilním návrhu nejsou */
  .t26-goldstrip { display: none !important; }

  /* --------------------------------------------------------------- EVENTS */
  /* návrh: 2 sloupce, karta 166 px, obrázek 1:1, tělo 67 px, gap 14/16 */
  .t26-events { padding: 34px 0 32px; }
  .t26-events__rail { margin-top: 16px; }

  .t26-events__rail .swiper { overflow: visible; }
  .t26-events__rail .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 14px;
    transform: none !important;
  }
  .t26-events__rail .swiper-slide {
    width: auto !important;
    margin: 0 !important;
    height: auto;
  }
  /* homepage: jen 4 karty, zbytek za tlačítkem (na /events/ se nic neskrývá) */
  .t26-ev-swiper .swiper-slide:nth-child(n + 5) { display: none; }
  .t26-events__more {
    display: flex;
    width: 100%;
    height: 46px;
    margin-top: 20px;
    font-size: 14px;
  }

  .t26-evcard__body { padding: 9px 8px 10px; }
  .t26-evcard__date  { order: -1; font-size: 10px; margin: 0; letter-spacing: .03em; }
  .t26-evcard__title { font-size: 12px; line-height: 1.2; margin: 4px 0 0; }
  .t26-evcard__desc  { font-size: 11px; line-height: 1.35; margin: 5px 0 0; -webkit-line-clamp: 3; }
  .t26-evcard__arrow { display: none; }

  /* ----------------------------------------------------------- ACTIVITIES */
  /* návrh: světlá sekce, 2 velké karty (170×235) + 3 malé (112×120) */
  .t26-acts { background: #f7f8fa; padding: 34px 0 34px; }
  .t26-acts .t26-title--light { color: var(--t26-blue); }
  .t26-acts .t26-sechead > .t26-pill--light { color: var(--t26-blue); border: 0; }
  .t26-acts .t26-sechead > .t26-pill--light:hover { background: none; color: var(--t26-blue); }
  .t26-acts .t26-sechead > .t26-pill--light img {
    filter: brightness(0) saturate(100%) invert(9%) sepia(77%) saturate(4728%) hue-rotate(233deg) brightness(85%) contrast(112%);
  }
  .t26-acts__rail { margin-top: 38px; }

  .t26-acts__rail .swiper { overflow: visible; }
  .t26-acts__rail .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px 10px;
    transform: none !important;
  }
  .t26-acts__rail .swiper-slide {
    width: auto !important;
    margin: 0 !important;
    height: auto;
  }
  /* pořadí a šířky dle návrhu: Skiing + Bike Trails / Coaster + Snowboard + Tubing */
  .t26-acts__rail .swiper-slide:nth-child(1) { order: 1; grid-column: span 3; }
  .t26-acts__rail .swiper-slide:nth-child(4) { order: 2; grid-column: span 3; }
  .t26-acts__rail .swiper-slide:nth-child(5) { order: 3; grid-column: span 2; }
  .t26-acts__rail .swiper-slide:nth-child(2) { order: 4; grid-column: span 2; }
  .t26-acts__rail .swiper-slide:nth-child(3) { order: 5; grid-column: span 2; }

  .t26-actcard { height: auto; aspect-ratio: 170 / 235; }
  .t26-acts__rail .swiper-slide:nth-child(5) .t26-actcard,
  .t26-acts__rail .swiper-slide:nth-child(2) .t26-actcard,
  .t26-acts__rail .swiper-slide:nth-child(3) .t26-actcard { aspect-ratio: 112 / 120; }

  .t26-actcard__icon { width: 26px; margin-bottom: 6px; }
  .t26-actcard__icon.material-symbols-outlined { font-size: 26px; }
  .t26-actcard__label { font-size: 11px; margin: 0 0 12px; letter-spacing: .03em; }
  .t26-acts__rail .swiper-slide:nth-child(5) .t26-actcard__icon,
  .t26-acts__rail .swiper-slide:nth-child(2) .t26-actcard__icon,
  .t26-acts__rail .swiper-slide:nth-child(3) .t26-actcard__icon { width: 18px; margin-bottom: 4px; }
  .t26-acts__rail .swiper-slide:nth-child(5) .t26-actcard__icon.material-symbols-outlined,
  .t26-acts__rail .swiper-slide:nth-child(2) .t26-actcard__icon.material-symbols-outlined,
  .t26-acts__rail .swiper-slide:nth-child(3) .t26-actcard__icon.material-symbols-outlined { font-size: 18px; }
  .t26-acts__rail .swiper-slide:nth-child(5) .t26-actcard__label,
  .t26-acts__rail .swiper-slide:nth-child(2) .t26-actcard__label,
  .t26-acts__rail .swiper-slide:nth-child(3) .t26-actcard__label { font-size: 10px; margin-bottom: 8px; }

  .t26-acts .swiper-pagination { display: none; }

  /* v gridu nejsou potřeba šipky railu */
  .t26-events__rail .t26-rail__nav,
  .t26-acts__rail .t26-rail__nav { display: none !important; }

  /* ----------------------------------------------------------- CONDITIONS */
  /* návrh: webkamera 350×180, pod ní 4 kompaktní řádky (71 / 65 px) */
  .t26-cond { padding: 31px 0 32px; }
  .t26-cond .t26-sechead { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
  .t26-cond__grid { display: flex; flex-direction: column; gap: 20px; margin-top: 26px; }
  .t26-cond__cam { height: 180px; border-width: 1px; }
  .t26-cond__chip {
    border-radius: 0;
    top: 10px; left: 16px;
    height: 22px; padding: 0 9px; gap: 6px;
    font-size: 11px;
  }
  .t26-cond__chip svg { width: 15px; height: 11px; }

  .t26-cond__tiles { display: flex; flex-direction: column; gap: 8px; }
  .t26-tile {
    min-height: 65px;
    padding: 10px 16px;
    gap: 16px;
    align-items: center;
  }
  .t26-tile__icon { flex: 0 0 24px; }
  .t26-tile__icon img { width: 24px; height: 24px; }
  .t26-tile__icon .material-symbols-outlined { font-size: 24px; }
  .t26-tile__body {
    flex: 1;
    min-width: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 10px;
  }
  .t26-tile__label { grid-area: 1 / 1; font-size: 13px; letter-spacing: .02em; }
  .t26-tile__sub   { grid-area: 2 / 1; font-size: 12px; margin: 2px 0 0; }
  .t26-tile__value { grid-area: 1 / 2 / 3 / 3; justify-self: end; font-size: 13px; line-height: 1.1; }

  /* odznaky OPEN u Trail / Lift status (hranaté, bod 2) */
  .t26-cond__tiles > .t26-tile:nth-child(2) .t26-tile__value,
  .t26-cond__tiles > .t26-tile:nth-child(3) .t26-tile__value {
    background: #d7ecde;
    color: var(--t26-green);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    padding: 4px 9px;
  }

  /* první dlaždice = teplota: velká hodnota, popisky na jedné řádce */
  .t26-cond__tiles > .t26-tile:first-child { min-height: 71px; }
  .t26-cond__tiles > .t26-tile:first-child .t26-tile__body { display: block; }
  .t26-cond__tiles > .t26-tile:first-child .t26-tile__value {
    grid-area: auto;
    justify-self: start;
    text-align: left;
    display: block;
    font-size: 18px;
  }
  .t26-tile__value small { font-size: 1em; font-weight: inherit; }
  .t26-cond__tiles > .t26-tile:first-child .t26-tile__sub {
    display: inline;
    font-size: 12px !important;
    margin: 0;
  }
  .t26-cond__tiles > .t26-tile:first-child .t26-tile__sub + .t26-tile__sub::before { content: " · "; }

  /* ------------------------------------------------------------- CTA pruh */
  /* návrh: nadpis 16 px + dvě tlačítka na plnou šířku (41 px) */
  .t26-cta { padding: 40px 0 31px; }
  .t26-cta h2 { font-size: 16px; line-height: 1.25; letter-spacing: .03em; }
  .t26-cta p { display: none; }
  .t26-cta__btns { flex-direction: column; gap: 9px; margin-top: 13px; }
  .t26-cta__btns .t26-btn { width: 100%; height: 41px; font-size: 14px; }
  .t26-cta__btns .t26-btn--ghost { height: 43px; }

  /* -------------------------------------------------------------- PATIČKA */
  /* návrh: Explore | Martock → newsletter → logo + kontakty → sítě → base */
  .footer--martock { padding: 43px 0 32px; }
  .footer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;
    row-gap: 0;
  }
  .footer-grid .footer-col {
    margin: 0;
    padding: 0;
    border: 0;
  }
  /* newsletter „rozpustíme“, aby sítě mohly skončit až pod kontakty */
  .footer-grid .footer-col.footer-newsletter { display: contents; }

  .footer-grid > .footer-col.footer-nav:nth-of-type(2) { grid-column: 1; grid-row: 1; }
  .footer-grid > .footer-col.footer-nav:nth-of-type(3) { grid-column: 2; grid-row: 1; }
  .footer-newsletter h2       { grid-column: 1 / -1; grid-row: 2; margin: 24px 0 0; font-size: 13px; letter-spacing: .08em; }
  .footer-newsletter .muted   { grid-column: 1 / -1; grid-row: 3; margin: 9px 0 0; font-size: 11px; line-height: 1.35; }
  .footer-newsletter .newsletter { grid-column: 1 / -1; grid-row: 4; }
  .footer-newsletter .footer-followus { display: none; }
  .footer-newsletter .footer-socials  { grid-column: 1 / -1; grid-row: 6; }
  .footer-grid > .footer-col.footer-brand { grid-column: 1 / -1; grid-row: 5; }

  /* v návrhu jsou oba sloupce rozbalené — mobilní akordeon vypínáme */
  .footer-nav h2 {
    display: block;
    margin: 0 0 7px;
    padding: 0;
    border-top: 0;
    cursor: auto;
    color: var(--t26-gold);
    font-size: 12px;
    letter-spacing: .06em;
  }
  .footer-nav h2:hover { color: var(--t26-gold); }
  .footer-nav h2 .acc-icon { display: none; }
  .footer-nav h2 + ul {
    max-height: none;
    overflow: visible;
    opacity: 1;
    padding: 0;
    transition: none;
  }
  .footer-nav ul { margin: 0; }
  .footer-nav li { margin: 0; font-size: 12px; line-height: 18px; }
  .footer-nav a:hover { transform: none; }

  .newsletter {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: auto;
    margin-top: 14px;
    border: 0;
    background: none;
    overflow: visible;
  }
  .newsletter input {
    height: auto;
    min-height: 44px;
    padding: 13px;
    font-size: 13px;
    background: #15277d;
    border: 1px solid #7382c8;
  }
  .newsletter button {
    flex: none;
    width: 100%;
    height: 40px;
    font-size: 13px;
  }

  /* logo + kontakty vedle sebe */
  .footer-brand {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 22px;
    align-items: start;
    margin-top: 14px !important;
  }
  .footer--martock .logobot { grid-row: 1 / span 2; width: 86px; margin: 0; }
  .footer-address { grid-column: 2; grid-row: 1; padding-left: 22px; font-size: 12px; line-height: 1.35; }
  .footer-address::before { width: 15px; height: 15px; top: 1px; }
  .footer-contactlines { grid-column: 2; grid-row: 2; margin: 8px 0 0; }
  .footer-contactlines li { margin: 0 0 8px; }
  .footer-contactlines a { font-size: 12px; gap: 9px; }
  .footer-contactlines img { width: 16px; height: 16px; }

  .footer-socials { justify-content: center; gap: 24px; margin-top: 17px; }
  .footer-socials a { width: 26px; height: 26px; }

  .footer-base {
    margin-top: 18px;
    padding-top: 16px;
    flex-direction: column;
    gap: 4px;
    font-size: 10px;
    line-height: 1.5;
  }

  /* =============================================== PODSTRÁNKY (t26p-*) */
  /* Návrh (všechny PDF shodně): hero = obrázek 333 px s titulkem 32 px dole,
     případná CTA se přesouvají POD hero do řádku „tabů“ na bílém. */
  .t26p-hero {
    --t26p-hero-h: 550px;      /* výška obrázkové části heru na mobilu */
    display: block;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: #fff;
  }
  .t26p-hero__media { position: absolute; left: 0; right: 0; top: 0; height: var(--t26p-hero-h); }
  .t26p-hero::after { inset: 0 0 auto 0; height: var(--t26p-hero-h); }
  .t26p-hero__inner { display: block; padding-top: 0; padding-bottom: 0; }
  .t26p-hero__inner > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: var(--t26p-hero-h);
    padding-bottom: 22px;
  }
  .t26p-hero__title { font-size: 32px; line-height: 1.2; letter-spacing: 0; }
  .t26p-hero__eyebrow { font-size: 14px; margin: 0 0 4px; }
  .t26p-hero__scroll { display: none; }

  /* cena/„from“ v heru se po přesunu ocitne na bílém → tmavý text */
  .t26p-hero__buy { padding: 0; text-align: left; }
  .t26p-hero__from { color: #46506e; margin: 18px 0 2px; }
  .t26p-hero__price { color: var(--t26p-blue); font-size: 28px; }

  /* PASSES · LESSONS · RENTALS — 1. zlaté, ostatní obtažené (návrh 110/112 px) */
  .t26p-hero__ctas { display: flex; gap: 8px; margin-top: 32px; }
  .t26p-btn__full { display: none; }
  .t26p-btn__short { display: inline; }
  .t26p-hero__ctas .t26p-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-width: 0;
    height: 41px;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 700;
    min-height: 0;
    background: #fff;
    color: var(--t26p-blue) !important;
    border: 1px solid var(--t26p-blue);
  }
  .t26p-hero__ctas .t26p-btn:first-child {
    background: var(--t26p-gold);
    border-color: var(--t26p-gold);
    color: #fff !important;
  }

  /* ceníkové tabulky se vejdou na šířku (návrh je nemá vodorovně scrollovat) */
  .t26p-tablebox { min-width: 0; padding: 12px 10px 16px; }
  table.t26p-table { font-size: 11px; }
  table.t26p-table th,
  table.t26p-table td { padding: 10px 5px; }
  table.t26p-table thead th { font-size: 13px; padding-top: 10px; padding-bottom: 6px; }
  table.t26p-table tbody th,
  table.t26p-table tbody td:first-child { white-space: normal; }
  table.t26p-table .t26p-btn { min-width: 0; font-size: 11px; padding: 0 10px; min-height: 38px; }

  /* kompaktnější rytmus sekcí dle návrhu */
  .t26p-sec { padding: 32px 0; }
  .t26p-sec--tight { padding-top: 22px; }
  .t26p-h2 { font-size: 24px; line-height: 29px; margin-bottom: 18px; }
  .t26p-h2 + .t26p-lede { margin-top: -10px; }

  /* kalendář se vejde na šířku telefonu (bez vodorovného scrollu) */
  .t26p-calwrap { overflow-x: visible; }
  table.t26p-cal { min-width: 0; table-layout: fixed; }
  table.t26p-cal th { padding: 7px 2px; font-size: 9px; letter-spacing: 0; }
  table.t26p-cal td { height: 62px; padding: 4px 3px 5px; }
  .t26p-cal__num { font-size: 11px; }
  .t26p-cal__ev { font-size: 8px; gap: 3px; padding: 2px 3px; margin-top: 3px; }
  .t26p-cal__ev .material-symbols-outlined { display: none; }
  .t26p-calbar { gap: 10px; }

  /* aktuální podmínky ve dvou sloupcích (návrh metreology) */
  .t26p-wx { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* ------------------------------------------------------- FORMULÁŘE */
  /* žádné úzké nudle — každý input/select/textarea má na mobilu padding */
  .t26p-form input[type="text"],
  .t26p-form input[type="email"],
  .t26p-form input[type="tel"],
  .t26p-form input[type="date"],
  .t26p-form input[type="number"],
  .t26p-form select,
  .t26p-form textarea,
  .form input,
  .form select,
  .form textarea,
  .mk-search__field,
  .mk-search input[type="search"],
  .mk-search input[type="text"] {
    height: auto;
    min-height: 46px;
    padding: 13px;
    font-size: 14px;
  }
  .t26p-form textarea, .form textarea { min-height: 120px; }
  .t26p-form__check input { min-height: 0; padding: 0; }
  .t26p-search input {
    height: auto;
    min-height: 46px;
    padding: 13px 13px 13px 40px;
  }

  /* zbylé pilulky hranaté (bod 2) */
  .t26p-cam__chip { border-radius: 0; }

  /* dvousloupcové galerie jako v návrhu */
  .t26p-masonry { columns: 2; }
  .t26p-gallery2, .t26p-gallery3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
