/*
 * Lokarta Motion — mobile compact pass 1.24.4
 * Conservative mobile-only compaction for dedicated product pages.
 * Desktop/tablet layouts remain untouched.
 */

@media (max-width: 720px) {
  /* Shared spacing for dedicated landing pages only — HOME is intentionally excluded. */
  .pr-page .section-space,
  .crm-page .section-space,
  .dg-page .section-space,
  .dm-page .section-space,
  .fq-page .section-space,
  .fn-page .section-space,
  .hc-page .section-space,
  .wi-page .section-space,
  .ig-page .section-space,
  .mp-page .section-space,
  .jd-page .section-space,
  .jc-page .section-space,
  .kl-page .section-space,
  .kt-page .section-space,
  .lc-page .section-space,
  .ol-page .section-space,
  .rv-page .section-space,
  .wz-page .section-space,
  .ws-page .section-space {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  /* CENNIK */
  .pr-page .pr-hero-strip,
  .pr-page .pr-factor-grid,
  .pr-page .pr-check-list,
  .pr-page .pr-stack-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .pr-page .pr-hero-strip > div { padding: 16px 14px; border-radius: 18px; }
  .pr-page .pr-hero-strip strong { font-size: .88rem; }
  .pr-page .pr-hero-strip small { font-size: .72rem; line-height: 1.4; }
  .pr-page .pr-factor-card { min-height: 0; padding: 18px 16px; border-radius: 20px; }
  .pr-page .pr-factor-card h3 { margin: 18px 0 8px; font-size: 1rem; }
  .pr-page .pr-factor-card p { font-size: .8rem; line-height: 1.48; }
  .pr-page .pr-check-list span { align-items: flex-start; padding: 11px 10px; font-size: .78rem; line-height: 1.4; }
  .pr-page .pr-variant-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .pr-page .pr-variant-tabs::-webkit-scrollbar { display: none; }
  .pr-page .pr-variant-tabs button { flex: 0 0 150px; min-height: 66px; padding: 12px; scroll-snap-align: start; }

  /* CRM */
  .crm-page .crm-hero-strip,
  .crm-page .crm-context-grid,
  .crm-page .crm-panel-data,
  .crm-page .crm-public-grid,
  .crm-page .crm-reservation-lokal,
  .crm-page .crm-lead-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .crm-page .crm-lead-benefits { display: grid; }
  .crm-page .crm-hero-strip > div { padding: 16px 14px; border-radius: 18px; }
  .crm-page .crm-public-grid article { padding: 16px; border-radius: 18px; }
  .crm-page .crm-lead-benefits article { padding: 15px 12px 15px 48px; border-radius: 17px; }
  .crm-page .crm-lead-benefits article > span { left: 12px; top: 13px; width: 28px; height: 28px; }
  .crm-page .crm-lead-benefits h3 { font-size: .94rem; }
  .crm-page .crm-lead-benefits p { font-size: .8rem; line-height: 1.45; }
  .crm-page .crm-ui-footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* DANE.GOV.PL */
  .dg-page .dg-auto-grid,
  .dg-page .dg-console-kpis,
  .dg-page .dg-monitor-kpis,
  .dg-page .dg-check-list,
  .dg-page .dg-system-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .dg-page .dg-auto-grid article { padding: 18px 15px; border-radius: 20px; }
  .dg-page .dg-auto-grid h3 { font-size: .95rem; }
  .dg-page .dg-auto-grid p { font-size: .8rem; line-height: 1.45; }
  .dg-page .dg-check-list span { padding: 11px 10px; font-size: .78rem; line-height: 1.4; }
  .dg-page .dg-system-center { width: 132px; height: 132px; margin-bottom: 16px; }
  .dg-page .dg-auto-grid article:last-child:nth-child(odd),
  .dg-page .dg-console-kpis article:last-child:nth-child(odd),
  .dg-page .dg-monitor-kpis article:last-child:nth-child(odd) { grid-column: 1 / -1; }

  /* DEMO */
  .dm-page .dm-hero-strip,
  .dm-page .dm-question-grid,
  .dm-page .dm-demo-rules,
  .dm-page .dm-public-state,
  .dm-page .dm-lead-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .dm-page .dm-hero-strip > div { padding: 16px 14px; border-radius: 18px; }
  .dm-page .dm-question-grid > div { padding: 13px 11px; border-radius: 15px; }
  .dm-page .dm-public-card { padding: 14px 12px; border-radius: 16px; }
  .dm-page .dm-public-state > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  .dm-page .dm-role-tabs {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .dm-page .dm-role-tabs::-webkit-scrollbar { display: none; }
  .dm-page .dm-role-tabs button { flex: 0 0 145px; min-height: 64px; padding: 12px 14px; scroll-snap-align: start; }

  /* FAQ */
  .fq-page .fq-category-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .fq-page .fq-category-nav a { min-height: 68px; padding: 13px 12px; }
  .fq-page .fq-category-nav a:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .fq-page .fq-group { padding-top: 48px; padding-bottom: 48px; }

  /* FUNKCJE */
  .fn-page .fn-context-grid,
  .fn-page .fn-metric-grid,
  .fn-page .fn-control-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .fn-page .fn-choice-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 12px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .fn-page .fn-choice-tabs::-webkit-scrollbar { display: none; }
  .fn-page .fn-choice-tabs button { flex: 0 0 165px; min-height: 72px; padding: 13px; scroll-snap-align: start; }

  /* HISTORIA CEN */
  .hc-page .hc-price-overview,
  .hc-page .hc-app-footer,
  .hc-page .hc-source-targets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .hc-page .hc-source-targets article { padding: 16px 12px; }
  .hc-page .hc-source-targets article:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .hc-page .hc-source-core { width: 180px; }

  /* INTEGRACJA Z WORDPRESSEM */
  .wi-page .wi-hero-strip,
  .wi-page .wi-decision-grid,
  .wi-page .wi-fit-grid,
  .wi-page .wi-process-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .wi-page .wi-process-track > div { min-height: 0; }

  /* INTEGRACJE */
  .ig-page .ig-flow-steps,
  .ig-page .ig-config-grid,
  .ig-page .ig-audit-grid,
  .ig-page .ig-monitor-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .ig-page .ig-flow-steps > i { display: none; }
  .ig-page .ig-flow-steps article { min-height: 0; padding: 16px 14px; }
  .ig-page .ig-flow-steps > :last-child:nth-child(odd),
  .ig-page .ig-config-grid > :last-child:nth-child(odd),
  .ig-page .ig-audit-grid > :last-child:nth-child(odd),
  .ig-page .ig-monitor-cards > :last-child:nth-child(odd) { grid-column: 1 / -1; }

  /* INTERAKTYWNA MAPA */
  .mp-page-v2 .mp-flow-inline,
  .mp-page-v2 .mp-type-tabs,
  .mp-page .mp-depth-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .mp-page-v2 .mp-flow-inline > i,
  .mp-page .mp-depth-steps > i { display: none; }
  .mp-page-v2 .mp-flow-inline span {
    border-right: 1px solid rgba(17,20,25,.08) !important;
    border-bottom: 1px solid rgba(17,20,25,.08) !important;
  }
  .mp-page-v2 .mp-flow-inline span:nth-child(2n) { border-right: 0 !important; }
  .mp-page-v2 .mp-flow-inline span:nth-last-child(-n+2) { border-bottom: 0 !important; }
  .mp-page-v2 .mp-type-tabs button { min-height: 62px; }
  .mp-page-v2 .mp-type-tabs button:last-child:nth-child(odd) { grid-column: 1 / -1; }

  /* JAK DZIAŁA */
  .jd-page .jd-hero-strip,
  .jd-page .jd-param-grid,
  .jd-page .jd-output-grid,
  .jd-page .jd-sync-grid,
  .jd-page .jd-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .jd-page .jd-timeline > div { min-height: 82px; padding: 16px 12px 16px 52px; border-radius: 18px; }
  .jd-page .jd-timeline > div span { left: 12px; top: 15px; width: 30px; height: 30px; border-radius: 10px; }
  .jd-page .jd-timeline p { font-size: .82rem; line-height: 1.42; }
  .jd-page .jd-output-grid article { padding: 17px 14px; }

  /* JAWNOŚĆ CEN */
  .jc-page .jc-hero-strip,
  .jc-page .jc-manual-flow,
  .jc-page .jc-report-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .jc-page .jc-manual-flow > i,
  .jc-page .jc-report-steps > i { display: none; }
  .jc-page .jc-hero-strip > div {
    border-right: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 16px 12px;
  }
  .jc-page .jc-hero-strip > div:nth-child(2n) { border-right: 0; }
  .jc-page .jc-hero-strip > div:nth-last-child(-n+2) { border-bottom: 0; }

  /* KARTA LOKALU */
  .kl-page .kl-anatomy-tabs,
  .kl-page .kl-source-data,
  .kl-page .kl-unit-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .kl-page .kl-anatomy-tabs button { padding: 12px 11px; }
  .kl-page .kl-preview-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kl-page .kl-preview-content span.wide { grid-column: 1 / -1; }
  .kl-page .kl-source-data > :last-child:nth-child(odd) { grid-column: 1 / -1; }

  /* KONTAKT */
  .kt-page .kt-hero-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .kt-page .kt-hero-proof article { padding: .78rem .7rem; }

  /* LICENCJA */
  .lc-page .lc-included-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .lc-page .lc-included-list > div { padding: 12px 10px; }
  .lc-page .lc-included-list b { font-size: 11px; }
  .lc-page .lc-included-list small { font-size: 9px; line-height: 1.35; }

  /* O LOKARCIE */
  .ol-page .ol-preview-units { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .ol-page .ol-wp-points,
  .ol-page .ol-release-values { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ol-page .ol-release-values article:last-child:nth-child(odd) { grid-column: 1 / -1; }

  /* REZERWACJE */
  .rv-page .rv-process-cards,
  .rv-page .rv-mobile-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .rv-page .rv-process-cards > i { display: none; }
  .rv-page .rv-process-cards > article { min-height: 0; padding: 18px 15px; }

  /* WIEDZA */
  .wz-page .wz-standard-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wz-page .wz-standard-board article,
  .wz-page .wz-standard-board article:nth-child(2n),
  .wz-page .wz-standard-board article:nth-child(4n) {
    min-height: 150px;
    padding: 16px 14px;
    border-right: 1px solid rgba(13,15,18,.09);
  }
  .wz-page .wz-standard-board article:nth-child(2n) { border-right: 0; }

  /* WYSZUKIWARKA */
  .ws-page .ws-filter-groups,
  .ws-page .ws-result-cards,
  .ws-page .ws-mobile-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .ws-page .ws-filter-groups article { padding: 18px 15px; }
  .ws-page .ws-filter-groups article:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .ws-page .ws-hero-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ws-page .ws-hero-proof > div { padding: 10px; }

  /* GENERIC PRODUCT PAGES / fallback renderer */
  .product-page .product-section { padding-top: 54px; padding-bottom: 54px; }
  .product-page .content-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .product-page .content-card { min-height: 0; padding: 18px 15px; border-radius: 18px; }
  .product-page .content-card-icon { width: 36px; height: 36px; margin-bottom: 16px; }
  .product-page .content-card h3 { font-size: .98rem; }
  .product-page .content-card p { font-size: .8rem; line-height: 1.48; }
}

/* Tiny phones: preserve readability over compaction. */
@media (max-width: 360px) {
  .pr-page .pr-factor-grid,
  .pr-page .pr-check-list,
  .crm-page .crm-lead-benefits,
  .dg-page .dg-auto-grid,
  .wi-page .wi-decision-grid,
  .wi-page .wi-fit-grid,
  .ig-page .ig-flow-steps,
  .ig-page .ig-config-grid,
  .ig-page .ig-audit-grid,
  .jc-page .jc-manual-flow,
  .jc-page .jc-report-steps,
  .kl-page .kl-anatomy-tabs,
  .wz-page .wz-standard-board,
  .product-page .content-card-grid,
  .jd-page .jd-timeline,
  .ws-page .ws-filter-groups,
  .ws-page .ws-result-cards {
    grid-template-columns: 1fr;
  }

  .pr-page .pr-variant-tabs button,
  .dm-page .dm-role-tabs button,
  .fn-page .fn-choice-tabs button { flex-basis: 138px; }

  .mp-page-v2 .mp-flow-inline { grid-template-columns: 1fr; }
  .mp-page-v2 .mp-flow-inline span {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(17,20,25,.08) !important;
  }
  .mp-page-v2 .mp-flow-inline span:last-child { border-bottom: 0 !important; }
}