/* =========================================================
   PEREKO Centrum Partnera B2B — V72
   Mobile: tylko logo + hamburger; język wewnątrz menu
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
html,body{margin:0!important;max-width:100%!important;overflow-x:clip!important}
body{min-width:0!important;display:block!important}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%}
.pereko-v72-menu-button,.pereko-v72-menu{display:none!important}

/* Desktop: zero hamburgera z warstwy responsywnej. */
@media(min-width:821px){
  .pereko-v72-menu-button,.pereko-v72-menu{display:none!important}
}

/* MOBILE HEADER: tylko logo PEREKO + trzy kreski */
@media(max-width:820px){
  header.pereko-global-topbar{
    height:64px!important;min-height:64px!important;max-height:64px!important;
    padding:0 12px!important;overflow:visible!important;
  }
  header.pereko-global-topbar .pereko-global-topbar__inner{
    width:100%!important;height:64px!important;min-height:64px!important;max-height:64px!important;
    padding:13px 0 0!important;display:flex!important;align-items:flex-start!important;
    gap:8px!important;overflow:visible!important;
  }
  .pereko-global-topbar__brand{flex:0 0 auto!important;min-width:0!important;gap:0!important}
  .pereko-global-topbar__logo-wrap{width:118px!important;height:32px!important;flex:0 0 118px!important}
  .pereko-global-topbar__logo{width:112px!important;max-width:112px!important;max-height:27px!important}
  .pereko-global-topbar__copy{display:none!important}

  .pereko-global-topbar__actions{
    margin-left:auto!important;padding:0!important;display:flex!important;
    align-items:flex-start!important;gap:0!important;max-width:none!important;overflow:visible!important;
  }
  /* Na smartfonie chowamy WSZYSTKO z desktopowej strefy akcji, łącznie z wyborem języka. */
  .pereko-global-topbar__actions > *{display:none!important}
  .pereko-global-topbar .pereko-lang-switch{display:none!important}

  .pereko-v72-menu-button{
    display:grid!important;place-items:center!important;
    width:44px!important;min-width:44px!important;height:40px!important;
    padding:0!important;border:1px solid rgba(255,255,255,.24)!important;
    border-radius:10px!important;color:#fff!important;background:rgba(255,255,255,.06)!important;
    font-size:15px!important;cursor:pointer!important;
  }
  .pereko-v72-menu-button[aria-expanded="true"]{
    color:#ffcf19!important;border-color:rgba(255,221,0,.65)!important;background:rgba(255,221,0,.10)!important;
  }

  .pereko-v72-menu{
    display:block!important;position:fixed!important;z-index:19000!important;
    top:72px!important;left:12px!important;right:12px!important;
    max-height:calc(100dvh - 84px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;
    padding:10px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:16px!important;
    color:#263137!important;background:rgba(248,250,250,.99)!important;
    box-shadow:0 26px 80px rgba(14,21,24,.34)!important;
    backdrop-filter:blur(24px) saturate(125%)!important;-webkit-backdrop-filter:blur(24px) saturate(125%)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px)!important;
    transition:.18s ease!important;
  }
  .pereko-v72-menu.is-open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;
  }

  .pereko-v72-menu__where{
    display:flex!important;align-items:center!important;gap:10px!important;
    padding:9px 10px 12px!important;border-bottom:1px solid #dce3e6!important;
  }
  .pereko-v72-menu__where i{
    width:36px!important;height:36px!important;display:grid!important;place-items:center!important;
    border-radius:10px!important;color:#252d31!important;background:#ffcf19!important;
  }
  .pereko-v72-menu__where small{
    display:block!important;color:#7b878d!important;font:800 8px Montserrat,sans-serif!important;
    letter-spacing:.08em!important;text-transform:uppercase!important;
  }
  .pereko-v72-menu__where strong{
    display:block!important;margin-top:2px!important;color:#20292d!important;font:800 13px/1.2 Montserrat,sans-serif!important;
  }

  .pereko-v72-menu__links{display:grid!important;gap:7px!important;padding-top:9px!important}
  .pereko-v72-menu__links a,.pereko-v72-menu__links button{
    width:100%!important;min-height:46px!important;display:flex!important;align-items:center!important;
    gap:11px!important;padding:0 13px!important;border:1px solid #dce3e6!important;border-radius:11px!important;
    color:#263137!important;background:#fff!important;text-align:left!important;text-decoration:none!important;
    font:800 11px Montserrat,sans-serif!important;cursor:pointer!important;
  }
  .pereko-v72-menu__links i{width:20px!important;text-align:center!important;color:#9b7800!important}
  .pereko-v72-menu__links a.is-current{border-color:#d6aa00!important;background:#fff3b7!important}

  .pereko-v72-menu__language{
    margin-top:10px!important;padding-top:10px!important;border-top:1px solid #dce3e6!important;
  }
  .pereko-v72-menu__language-label{
    display:block!important;margin:0 4px 7px!important;
    color:#7b878d!important;font:800 8px Montserrat,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  }
  .pereko-v72-language-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .pereko-v72-language-grid button{
    min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    gap:7px!important;border:1px solid #dce3e6!important;border-radius:10px!important;background:#fff!important;
    color:#263137!important;font:800 10px Montserrat,sans-serif!important;cursor:pointer!important;
  }
  .pereko-v72-language-grid button.is-active{
    border-color:#e0b600!important;background:#ffcf19!important;color:#20282c!important;
  }
  .pereko-v72-menu__links .logout-mobile{
    color:#fff!important;border-color:#222b2f!important;background:#222b2f!important;
  }
  body.pereko-v72-menu-open{overflow:hidden!important}
}

/* Login mobile: hero od samej góry, belka przezroczysta na zdjęciu. */
@media(max-width:820px){
  body.pereko-login-shell .page-shell{
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#f4f6f6!important;
  }
  body.pereko-login-shell header.pereko-global-topbar{
    position:absolute!important;z-index:17000!important;top:0!important;left:0!important;right:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body.pereko-login-shell .login-stage{
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:visible!important;
  }
  body.pereko-login-shell .visual-panel{
    min-height:520px!important;padding-top:64px!important;border-radius:0!important;background-position:center center!important;
  }
  body.pereko-login-shell .login-panel{width:100%!important;padding:28px 18px 34px!important}
}

/* Usunięcie bocznych ciemnych pasów / wrapperów na smartfonie. */
@media(max-width:820px){
  body:not(.pereko-login-shell){background:#f3f5f5!important}
  body:not(.pereko-login-shell) > .page-shell,
  body:not(.pereko-login-shell) > .dashboard,
  body:not(.pereko-login-shell) > .dashboard-shell,
  body:not(.pereko-login-shell) > .page,
  body:not(.pereko-login-shell) > .wrap,
  body:not(.pereko-login-shell) > .container,
  body:not(.pereko-login-shell) > .unified-subpage-shell{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
  }
}

/* Hero */
@media(max-width:760px){
  .hero{min-height:auto!important}
  .hero-inner{width:calc(100% - 28px)!important;padding:40px 0 34px!important}
  .hero-layout{grid-template-columns:1fr!important;gap:22px!important}
  .hero-copy h1,.hero h1{
    font-size:clamp(36px,11vw,54px)!important;line-height:1.02!important;overflow-wrap:anywhere!important;
  }
  .hero-copy p,.hero p{font-size:15px!important;line-height:1.48!important}
  .hero-shortcuts{grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .hero-shortcut{min-width:0!important;width:100%!important;padding:15px!important}
}

/* Modale */
@media(max-width:760px){
  .modal,.b2b-modal,.pereko-module-modal,.pereko-sales-modal,.case-study-modal,.fuel-switch-modal,
  .structure-legend-modal,.thermostar-cert-modal,.thermostar-components-modal,.thermostar-dimensions-modal,
  .thermostar-electric2-modal,.thermostar-full-table-modal,.thermostar-legend-modal,.mr-modal,.video-modal,.library-player{
    align-items:flex-start!important;justify-content:center!important;place-items:start center!important;
    height:100dvh!important;min-height:100dvh!important;padding:10px!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
  }
  .modal-card,.b2b-modal-card,.pereko-module-dialog,.pereko-sales-dialog,.case-study-modal__dialog,
  .fuel-switch-modal__dialog,.structure-legend-modal__dialog,.thermostar-cert-modal__dialog,
  .thermostar-components-modal__dialog,.thermostar-dimensions-modal__dialog,.thermostar-electric2-modal__dialog,
  .thermostar-full-table-modal__dialog,.thermostar-legend-modal__dialog,.mr-dialog,.pereko-fx-dialog,.pereko-vat-dialog,
  .video-modal__box,.library-player-shell{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    max-height:calc(100dvh - 20px)!important;margin:0!important;padding:16px 15px 14px!important;border-radius:15px!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
  }
  .pereko-module-lead{display:none!important}
  .modal-grid,.b2b-modal-features,.pereko-module-actions,.info-actions{grid-template-columns:1fr!important}
  .modal-btn,.pereko-module-action,.info-primary{width:100%!important;min-height:42px!important}
}

/* Formularze */
@media(max-width:760px){
  input,select,textarea{font-size:16px!important}
  input,select,textarea,button,a{max-width:100%}
  .flow-panel{grid-template-columns:1fr!important;padding:18px!important;gap:16px!important;overflow:hidden!important}
  .flow-actions{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .flow-btn{
    width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:44px!important;
    padding:10px 12px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  .actions,.card-actions,.toolbar-actions,.form-actions,.summary-actions,.button-row,.btn-row,.cta-row{
    max-width:100%!important;flex-wrap:wrap!important;
  }
}

/* Tabele */
.pereko-responsive-table,.table-wrap,.table-scroll,.price-table-wrap,.doc-table-wrap{
  max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;
}

/* Stopka */
@media(max-width:620px){
  .pereko-site-footer{
    width:100%!important;min-height:0!important;height:auto!important;margin-bottom:0!important;overflow:hidden!important;
  }
  .pereko-site-footer::before{display:none!important}
  .pereko-footer-main{padding:0 16px!important}
  .pereko-footer-inner{
    width:100%!important;min-height:0!important;grid-template-columns:1fr!important;gap:14px!important;
    padding:18px 0 14px!important;align-items:start!important;
  }
  .pereko-footer-brand{width:100%!important;align-items:flex-start!important;gap:10px!important;min-width:0!important}
  .pereko-footer-brand img{width:108px!important;max-width:108px!important;flex:0 0 auto!important}
  .pereko-footer-brand-copy{
    min-width:0!important;min-height:0!important;padding-left:10px!important;white-space:normal!important;overflow:visible!important;
  }
  .pereko-footer-brand-copy b,.pereko-footer-brand-copy small{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  }
  .pereko-footer-action{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .pereko-footer-action a,.pereko-footer-action--single a{
    width:100%!important;min-width:0!important;height:auto!important;min-height:42px!important;
    padding:9px 12px!important;white-space:normal!important;line-height:1.3!important;text-align:center!important;
  }
  .pereko-footer-bottom{
    width:calc(100% - 32px)!important;margin:0 16px!important;padding:10px 0 14px!important;
    flex-direction:column!important;gap:5px!important;font-size:8px!important;line-height:1.4!important;
    white-space:normal!important;overflow:visible!important;
  }
  .pereko-footer-bottom>*{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body{padding-bottom:0!important}
}

@media(max-width:760px){
  h1,h2,h3,h4,p,a,button,small,strong,label,span{overflow-wrap:break-word}
  .pill,.chip,.badge,.tag{max-width:100%}
}