/* R1420 - mobilny układ stron O projekcie / O mnie / Regulamin / Prywatność.
   Ładowany fizycznie tylko do 820 px. Podstawowe przełączanie działa bez JS. */
@media (max-width:820px){
  .about-wrap,.legal-wrap{
    width:min(100%,calc(100% - 18px))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  .public-info-mobile-radio,.public-info-mobile-check{
    position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;
    opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;pointer-events:none!important;
  }
  .public-info-mobile-tabs{
    position:sticky!important;top:0!important;z-index:760!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;
    margin:4px 0 4px!important;padding:7px 2px!important;border-radius:16px!important;
    background:color-mix(in srgb,var(--surface-2,#f7f8f8) 94%,transparent)!important;
    -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
    box-shadow:0 7px 18px rgba(25,30,35,.055)!important;
  }
  .public-info-mobile-tabs label{
    display:grid!important;place-items:center!important;min-width:0!important;min-height:38px!important;padding:7px 3px!important;
    border:1px solid var(--border,#e5e7eb)!important;border-radius:999px!important;background:var(--surface,#fff)!important;
    color:var(--muted,#667085)!important;font:800 9px/1.1 Manrope,sans-serif!important;text-align:center!important;
    white-space:normal!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;
  }
  #public-info-mobile-tab-one:checked ~ .public-info-mobile-tabs label[for="public-info-mobile-tab-one"],
  #public-info-mobile-tab-two:checked ~ .public-info-mobile-tabs label[for="public-info-mobile-tab-two"],
  #public-info-mobile-tab-three:checked ~ .public-info-mobile-tabs label[for="public-info-mobile-tab-three"],
  #public-info-mobile-tab-four:checked ~ .public-info-mobile-tabs label[for="public-info-mobile-tab-four"]{
    border-color:#ff5a00!important;background:#ff5a00!important;color:#fff!important;box-shadow:0 7px 18px rgba(255,90,0,.18)!important;
  }
  .public-info-mobile-swipe-hint{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    margin:0 0 8px!important;color:var(--muted,#747b84)!important;font-size:9px!important;font-weight:700!important;line-height:1.2!important;text-align:center!important;
  }
  .public-info-mobile-swipe-hint span{color:#c84800!important;font-size:12px!important}

  #public-info-mobile-tab-one:checked ~ [data-info-mobile-panel]:not([data-info-mobile-panel="one"]),
  #public-info-mobile-tab-two:checked ~ [data-info-mobile-panel]:not([data-info-mobile-panel="two"]),
  #public-info-mobile-tab-three:checked ~ [data-info-mobile-panel]:not([data-info-mobile-panel="three"]),
  #public-info-mobile-tab-four:checked ~ [data-info-mobile-panel]:not([data-info-mobile-panel="four"]){display:none!important}

  .public-info-mobile-toggle{
    display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;grid-template-areas:"small icon" "title icon"!important;
    align-items:center!important;column-gap:9px!important;width:100%!important;min-height:60px!important;padding:10px 11px!important;
    border:1px solid var(--border,#e5e7eb)!important;border-radius:15px!important;background:var(--surface,#fff)!important;cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .public-info-mobile-toggle>span{grid-area:small!important;color:#c84800!important;font-size:8.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}
  .public-info-mobile-toggle>strong{grid-area:title!important;font-size:12px!important;line-height:1.25!important;color:var(--text,#161b22)!important}
  .public-info-mobile-toggle>i{grid-area:icon!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff0e7!important;color:#d84b00!important;font-style:normal!important}
  .public-info-mobile-toggle>i:before{content:'+'!important;font:800 20px/1 Manrope,sans-serif!important}
  .public-info-mobile-check:checked + .public-info-mobile-collapsible .public-info-mobile-toggle>i:before{content:'−'!important}

  .public-info-mobile-check:not(:checked)+.public-info-mobile-collapsible{
    padding:0!important;min-height:0!important;overflow:hidden!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;
  }
  .public-info-mobile-check:not(:checked)+.public-info-mobile-collapsible>:not(.public-info-mobile-toggle){display:none!important}
  .public-info-mobile-check:checked+.public-info-mobile-collapsible .public-info-mobile-toggle{
    margin:-4px -2px 10px!important;width:calc(100% + 4px)!important;min-height:54px!important;background:var(--surface-2,#f7f8f8)!important;border-radius:13px!important;
  }
  .public-info-mobile-collapsible .public-info-mobile-original-title{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
  }
  .public-info-mobile-collapsible .public-info-mobile-original-kicker{display:none!important}

  /* Hero krótsze i czytelniejsze na telefonie */
  .about-hero,.me-hero,.legal-hero{padding:20px 0 14px!important}
  .about-hero h1,.me-hero h1,.legal-hero h1{font-size:clamp(34px,10vw,46px)!important;line-height:1!important;margin:7px 0 13px!important;letter-spacing:-.045em!important}
  .about-lead,.me-lead,.legal-lead{font-size:15px!important;line-height:1.55!important}
  .about-pills{gap:6px!important;margin-top:14px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none!important}
  .about-pills::-webkit-scrollbar{display:none!important}.about-pills span{flex:0 0 auto!important;padding:7px 10px!important;font-size:10px!important}
  .me-sign{margin-top:12px!important;font-size:11px!important;padding:8px 11px!important}

  /* Sekcje */
  .about-section,.me-section,.legal-section{
    margin:9px 0!important;padding:20px 15px!important;border-radius:19px!important;
  }
  .about-section h2,.me-section h2,.legal-section h2{font-size:clamp(23px,7vw,30px)!important;line-height:1.08!important;margin:4px 0 11px!important}
  .about-section>p,.me-section>p,.legal-section p,.legal-section li{font-size:13px!important;line-height:1.65!important}
  .legal-section ul{padding-left:18px!important}
  .legal-note{padding:15px!important;border-radius:16px!important;margin:12px 0!important}

  /* Długie zestawy kafelków przewijamy poziomo. */
  .about-grid,.me-grid,.about-flow,.legal-summary,.privacy-principles{
    display:flex!important;grid-template-columns:none!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:5px!important;
  }
  .about-grid::-webkit-scrollbar,.me-grid::-webkit-scrollbar,.about-flow::-webkit-scrollbar,.legal-summary::-webkit-scrollbar,.privacy-principles::-webkit-scrollbar{display:none!important}
  .about-grid>*,.me-grid>*,.about-flow>*,.legal-summary>*,.privacy-principles>*{flex:0 0 82%!important;scroll-snap-align:start!important}
  .about-card,.me-card{padding:16px!important;border-radius:17px!important}.about-card b,.me-card b{font-size:15px!important}.about-card p,.me-card p{font-size:12px!important}
  .about-step{padding:14px 12px!important;border-radius:16px!important}.about-step b{font-size:12px!important}
  .legal-summary{margin:10px 0!important}.legal-summary>div{padding:15px!important;border-radius:17px!important}.legal-summary b{font-size:15px!important}.legal-summary span{font-size:11px!important}
  .privacy-principles{margin:10px 0!important}.privacy-principles>div{padding:14px!important;border-radius:17px!important}.privacy-principles b{font-size:14px!important}.privacy-principles span{font-size:11px!important}

  .privacy-table{gap:5px!important}.privacy-row{grid-template-columns:1fr!important;gap:4px!important;padding:11px 0!important}.privacy-row b,.privacy-row span{font-size:12px!important}
  .about-note,.me-quote{padding:17px!important;border-radius:17px!important;margin-top:13px!important}.me-quote{font-size:16px!important}
  .about-note b{font-size:16px!important}.about-note p{font-size:12px!important}

  .about-faq,.me-faq,.legal-faq{gap:7px!important;margin-top:12px!important}
  .about-faq summary,.me-faq summary,.legal-faq summary{padding:13px 14px!important;font-size:12px!important}
  .about-faq details p,.me-faq details p,.legal-faq details p{padding:0 14px 14px!important;font-size:12px!important;line-height:1.6!important}

  .about-actions,.me-actions{margin:12px 0 4px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .about-actions .btn,.me-actions .btn{width:100%!important}
}