/* Mobilní ladění – vlastní samostatný chat, načítá se jako poslední styl */
/* Jen media queries pro mobil a tablet; desktop (≥1024 px s myší) se nemění. */

/* M-001 Mobilní menu: celá výška okna, ikona křížku při otevření */
@media (max-width:1023px){
  :root body nav#mobile-menu.re-mobile-menu{height:auto;max-height:none;bottom:0;overscroll-behavior:contain}
  :root body .re-site .re-menu-toggle[aria-expanded="true"] svg{display:none}
  :root body .re-site .re-menu-toggle[aria-expanded="true"]::before{content:"";width:22px;height:22px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M6 18 18 6' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M6 18 18 6' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
}

/* M-002 iOS nepřibližuje stránku při ťuknutí do pole (písmo ≥16 px) */
@media (max-width:1023px),(pointer:coarse){
  :root body .re-site input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),
  :root body .re-site select,
  :root body .re-site textarea{font-size:16px!important}
}

/* M-003 Ovládání nad chat bublinou MediaMC (vpravo dole, ~56 px) */
@media (max-width:1023px){
  :root body .re-site .re-hero .re-hero-bottom{bottom:78px}
  :root body .re-site .re-hero .re-film-status{bottom:136px}
  :root body .re-site .rv-hero-foot{padding-right:72px}
}
@media (max-width:767px){
  :root body .re-site .re-hero .re-hero-content{padding-bottom:180px}
}
@media (max-width:359px){
  :root body .re-site .re-hero .re-hero-content{padding-bottom:172px}
}

/* M-004 Dotykové plochy ≥44 px */
@media (max-width:1023px){
  :root body .re-site .re-menu-toggle{width:44px;height:44px}
  :root body .re-site .re-film-bar::after{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px}
  :root body .re-site .re-film-control .re-icon-btn{width:44px;height:44px}
  :root body .re-site :is(.re-pill,.re-filter-pills .pill){min-height:44px}
  :root body .re-site .re-compare-toggle{width:44px;height:44px}
  :root body .re-site .re-model-card .re-save-model,:root body .re-site .re-model-card .re-icon-btn{width:44px;height:44px}
  :root body .re-site .re-product-bottom .re-text-link{min-height:44px}
  :root body .re-site .re-footer a:not(.re-wordmark){padding-block:11px;margin-bottom:0;line-height:1.45}
  :root body .re-site .re-footer h4{margin-bottom:8px}
  :root body .re-site .re-footer-bottom a{display:inline-flex!important;align-items:center;min-height:44px}
  :root body .re-site .re-float-top{width:44px;height:44px}
  :root body .re-site .re-model-sticky .re-btn{min-height:44px}
  :root body .re-site .re-footer-bottom>*{margin-bottom:0}
  :root body .re-site .re-model-sticky{padding-block:0}
  :root body .re-site .re-model-sticky nav a{padding-block:15px}
  :root body .re-site .re-breadcrumb a{padding-block:13px;margin-block:-13px}
  :root body .re-site .re-model-stage .re-zoom-product{min-height:44px;padding-right:8px}
  :root body .re-site .re-model-sub-actions button{min-height:44px}
  :root body .re-site .re-mobile-model-bar .re-call{width:44px;height:44px}
  :root body .re-site .re-compare-dock .re-icon-btn{width:44px;height:44px}
  :root body .re-site summary{min-height:44px}
  :root body .re-site .refin .refin__step{min-width:44px;min-height:44px}
  :root body .re-site .re-fit-controls input[type=range]{height:44px;margin-top:0}
  :root body .re-site .rv-hero-down{min-height:44px}
  :root body .re-site .rpop-phone a{display:inline-block;padding-block:12px}
  :root body .re-site .re-compare-tools label{display:inline-flex;align-items:center;gap:8px;min-height:44px}
}

/* M-005 Fotogalerie: popisky alb max. 2 řádky, fotka zůstane vidět */
@media (max-width:767px){
  :root body .alb-masonry .alb-cap{padding:22px 10px 0;border-bottom:9px solid transparent;font-size:11px;line-height:1.3;letter-spacing:.05em;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;hyphens:auto}
}

/* M-006 Čitelnost drobného písma na mobilu a tabletu */
@media (max-width:1023px){
  :root body .re-site :is(.re-eyebrow,.re-product-category,.re-article-meta,.re-location-sub,.re-trust-line,.re-process,
    .re-key-spec .re-name,.re-footer-bottom,.re-build-label,.re-map-label,.re-stage-note,.re-mobile-model-bar .re-price small){font-size:11px}
  :root body .re-site :is(.re-pill,.re-filter-pills .pill,.re-badge,.re-photo-caption,.re-num,.re-route-meta,.re-micro,.re-breadcrumb,
    .re-zoom-product,.re-model-sticky nav,.re-value small,.re-seat-mark,.re-radar-caption,.re-local-mosaic figcaption,.re-film-label,
    .re-form-grid label,.re-footer h4,.re-mobile-model-bar .re-btn,.re-compare-dock,.re-compare-dock .re-btn,.re-metric-label,
    .re-price-block small,.rpop-summary-note,.rpop-summary-kicker,.rv-card-cat,.rv-card-time,.rv-hero-foot,.rv-result,.rv-meta,.rv-play-text small){font-size:12px}
  :root body .re-site :is(.re-btn,.re-text-link,.re-source-note,.re-form-note,.re-catalog-count,.re-product-specs,.re-availability,
    .re-compare-bike p,.re-compare-data .re-data-row,.re-compare-legend,.re-compare-remove,.re-model-sub-actions button){font-size:13px}
  :root body .re-site .re-hero .re-actions .re-btn{font-size:12px}
  :root body .re-site .re-mobile-model-bar .re-btn{font-size:12px;white-space:nowrap}
  :root body .re-site .re-filter-grid label{font-size:12px}
  :root body .re-site .re-source-note{font-size:12px!important}
  :root body .re-site .re-footer-bottom a{font-size:12px!important}
  :root body .re-site .refin :is(.refin__bubble,.refin__scale,.refin__termmarks,.refin__provider,.refin__disclaimer,.refin__summary-kicker){font-size:12px}
  :root body .re-site :is(.re-section-head .re-intro,.re-product-copy .re-claim,.re-fit-copy p,.re-article-card p,.re-variant-section p,
    .re-ownership p,.re-faq-list details p,.re-reason-list li,.re-local-fact p,.re-proof-strip span,.re-fit-result p,.re-community-bar p){font-size:15px}
  :root body .re-site .re-footer p{font-size:14px}
  :root body .re-site .re-footer a:not(.re-wordmark){font-size:15px}
}

/* M-006 úzké telefony: tlačítka v hero vedle sebe */
@media (max-width:374px){
  :root body .re-site .re-hero .re-actions .re-btn{font-size:11px}
}

/* M-008 Klíčové parametry detailu modelu bez zalomení čísla */
@media (max-width:767px){
  :root body .re-site .re-key-spec .re-value{white-space:nowrap;font-size:clamp(22px,7.2vw,30px)}
}
/* M-008 Tablet na šířku: podmenu Galerie (pravá strana) nepřeteče okraj */
@media (min-width:1024px) and (max-width:1279px){
  :root body .re-site .re-nav-right .re-navdrop-panel{left:auto;right:-12px}
}