/*
 * Typografia inspirowana stroną produktową QMPELL EVO.
 * Nagłówki: Montserrat. Teksty użytkowe i opisy: Source Sans 3.
 * Zakres: Platforma szkoleniowa, formularz szkoleniowy i ekran logowania.
 */

body.pereko-page-training-platform,
body.pereko-page-training-form,
body.pereko-page-login{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-training-platform p,
.pereko-page-training-platform small,
.pereko-page-training-platform label,
.pereko-page-training-platform a,
.pereko-page-training-platform button,
.pereko-page-training-form p,
.pereko-page-training-form small,
.pereko-page-training-form label,
.pereko-page-training-form input,
.pereko-page-training-form select,
.pereko-page-training-form textarea,
.pereko-page-training-form button,
.pereko-page-login p,
.pereko-page-login small,
.pereko-page-login label,
.pereko-page-login input,
.pereko-page-login button{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-training-platform h1,
.pereko-page-training-platform h2,
.pereko-page-training-platform h3,
.pereko-page-training-platform b,
.pereko-page-training-platform strong,
.pereko-page-training-form h1,
.pereko-page-training-form h2,
.pereko-page-training-form h3,
.pereko-page-training-form b,
.pereko-page-training-form strong,
.pereko-page-login h1,
.pereko-page-login h2,
.pereko-page-login b,
.pereko-page-login strong{
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
}

/* Główna Platforma szkoleniowa — większy, czytelny widok komputerowy. */
@media(min-width:1000px){
  .pereko-page-training-platform .training-hero h1{
    font-size:clamp(62px,4.8vw,84px)!important;
    line-height:1.02!important;
    font-weight:800!important;
    letter-spacing:-.045em!important;
  }
  .pereko-page-training-platform .training-hero-copy p{max-width:900px!important;font-size:18px!important;line-height:1.55!important}
  .pereko-page-training-platform .eyebrow,
  .pereko-page-training-platform .section-head label,
  .pereko-page-training-platform .audience-intro label{font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;font-weight:700!important}
  .pereko-page-training-platform .hero-panel b{font-size:28px!important;line-height:1.2!important}
  .pereko-page-training-platform .hero-panel p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-training-platform .section-head h2,
  .pereko-page-training-platform .audience-intro h2{font-size:38px!important;line-height:1.14!important;font-weight:700!important;letter-spacing:-.03em!important}
  .pereko-page-training-platform .section-head p,
  .pereko-page-training-platform .audience-intro p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-training-platform .academy-card h3{font-size:28px!important;line-height:1.2!important;font-weight:700!important}
  .pereko-page-training-platform .academy-card p{font-size:16px!important;line-height:1.55!important}
  .pereko-page-training-platform .card-status{font-size:11px!important}
  .pereko-page-training-platform .card-link{font-size:15px!important;line-height:1.3!important}
  .pereko-page-training-platform .audience-card h3{font-size:22px!important;line-height:1.25!important}
  .pereko-page-training-platform .audience-card p{font-size:15px!important;line-height:1.55!important}
  .pereko-page-training-platform .placeholder-card h2,
  .pereko-page-training-platform .b2b-modal-card h2{font-size:32px!important;line-height:1.15!important}
  .pereko-page-training-platform .placeholder-card p,
  .pereko-page-training-platform .b2b-modal-card>p{font-size:16px!important;line-height:1.55!important}
}

/* Formularz zapisów — wspólna skala desktopowa i mobilna. */
.pereko-page-training-form .training-hero h1{font-weight:800!important;letter-spacing:-.045em!important}
.pereko-page-training-form .training-eyebrow,
.pereko-page-training-form .training-summary label,
.pereko-page-training-form .form-section-head label,
.pereko-page-training-form .field>label{font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;font-weight:700!important}
.pereko-page-training-form .training-hero p{font-size:17px!important;line-height:1.55!important}
.pereko-page-training-form .training-summary h2{font-size:29px!important;line-height:1.18!important}
.pereko-page-training-form .training-summary p{font-size:15px!important;line-height:1.5!important}
.pereko-page-training-form .summary-tags span{font-size:13px!important}
.pereko-page-training-form .form-section-head h2{font-size:26px!important;line-height:1.2!important}
.pereko-page-training-form .form-section-head label{font-size:11px!important}
.pereko-page-training-form .field>label{font-size:12px!important;line-height:1.35!important}
.pereko-page-training-form .field input,
.pereko-page-training-form .field select,
.pereko-page-training-form .field textarea{font-size:16px!important;line-height:1.4!important;font-weight:600!important}
.pereko-page-training-form .choice label{font-size:15px!important;line-height:1.35!important}
.pereko-page-training-form .participant-head h3{font-size:19px!important}
.pereko-page-training-form .remove-participant,
.pereko-page-training-form .add-participant{font-size:13px!important}
.pereko-page-training-form .consent span{font-size:14px!important;line-height:1.5!important}
.pereko-page-training-form .form-actions p{font-size:14px!important;line-height:1.5!important}
.pereko-page-training-form .submit-training{font-size:15px!important}
.pereko-page-training-form .form-status{font-size:14px!important;line-height:1.45!important}
.pereko-page-training-form .send-confirm-card h2{font-size:30px!important;line-height:1.15!important}
.pereko-page-training-form .send-confirm-card p{font-size:16px!important;line-height:1.55!important}
.pereko-page-training-form .send-confirm-actions button{font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;font-size:15px!important}

@media(min-width:1000px){
  .pereko-page-training-form .training-hero h1{font-size:clamp(62px,4.8vw,84px)!important;line-height:1.02!important}
  .pereko-page-training-form .form-section{padding:31px!important}
  .pereko-page-training-form .form-section-head{margin-bottom:23px!important}
  .pereko-page-training-form .field input,
  .pereko-page-training-form .field select{min-height:52px!important}
}

@media(max-width:620px){
  .pereko-page-training-form .training-hero h1{font-size:clamp(38px,11vw,48px)!important;line-height:1.05!important}
  .pereko-page-training-form .training-hero p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-training-form .training-summary h2{font-size:25px!important}
  .pereko-page-training-form .training-summary p{font-size:15px!important}
  .pereko-page-training-form .form-section{padding:20px!important}
  .pereko-page-training-form .form-section-head h2{font-size:23px!important}
  .pereko-page-training-form .field input,
  .pereko-page-training-form .field select{min-height:50px!important}
  .pereko-page-training-form .field textarea{min-height:125px!important}
  .pereko-page-training-form .choice label{min-height:64px!important}
  .pereko-page-training-form .consent{padding:14px!important}
}

/* Cennik produktow — czytelny standard PEREKO na komputerze i telefonie. */
.pereko-page-products{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.5!important;
}
.pereko-page-products :is(h1,h2,h3,h4,h5,h6,strong,b),
.pereko-page-products :is(.pcat-eyebrow,.pcat-pill,.pcat-back,.pcat-action,.boiler-tab-btn){
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
}
.pereko-page-products :is(p,span,label,button,a,input,select,small){
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}
.pereko-page-products .pcat-pill,
.pereko-page-products .pcat-back{
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  font-size:12px!important;
}
.pereko-page-products .pcat-eyebrow{font-size:13px!important;line-height:1.35!important}
.pereko-page-products .pcat-hero h1{font-size:clamp(46px,4.5vw,66px)!important;line-height:1!important}
.pereko-page-products .pcat-hero-copy>p{font-size:17px!important;line-height:1.6!important}
.pereko-page-products .pcat-summary small{font-size:11px!important;line-height:1.35!important}
.pereko-page-products .pcat-summary strong{font-size:18px!important;line-height:1.35!important}
.pereko-page-products .pcat-summary span{font-size:12px!important;line-height:1.4!important}
.pereko-page-products .pcat-action{min-height:44px!important;padding:0 16px!important;font-size:13px!important}
.pereko-page-products #pereko-language-currency-panel :is(button,select,input,label,span){font-size:14px!important}
.pereko-page-products #kotly>.max-w-7xl>.flex:first-child h2{font-size:36px!important;line-height:1.1!important}
.pereko-page-products #kotly>.max-w-7xl>.flex:first-child p{font-size:16px!important;line-height:1.55!important}
.pereko-page-products #kotly .text-\[8px\],
.pereko-page-products #kotly .text-\[9px\],
.pereko-page-products #kotly .text-\[10px\]{font-size:12px!important;line-height:1.4!important}
.pereko-page-products #kotly .text-xs{font-size:13px!important;line-height:1.45!important}
.pereko-page-products #kotly .text-sm{font-size:15px!important;line-height:1.5!important}
.pereko-page-products #kotly .text-base{font-size:17px!important;line-height:1.4!important}
.pereko-page-products #kotly .text-lg{font-size:19px!important;line-height:1.35!important}
.pereko-page-products #kotly .text-xl{font-size:23px!important;line-height:1.25!important}
.pereko-page-products #kotly .text-2xl{font-size:27px!important;line-height:1.2!important}
.pereko-page-products #kotly .text-3xl{font-size:34px!important;line-height:1.1!important}
.pereko-page-products #kotly .text-4xl{font-size:42px!important;line-height:1.05!important}
.pereko-page-products #kotly .boiler-tab-btn{min-height:66px!important;padding:12px 14px!important}
.pereko-page-products #kotly .boiler-tab-btn span:first-child{font-size:12px!important;line-height:1.35!important}
.pereko-page-products #kotly .boiler-tab-btn span:last-child{font-size:17px!important;line-height:1.3!important}
.pereko-page-products #kotly :is(button,a,input,select){font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important}
.pereko-page-products #kotly :is(button,a){font-size:14px!important}
.pereko-page-products #kotly :is(h2,h3,h4,h5,h6){font-family:Montserrat,"Segoe UI",Arial,sans-serif!important}
.pereko-page-products .pereko-product-bottom-excel{min-height:44px!important;font-size:14px!important}
.pereko-page-products .pereko-product-download-row{margin-top:18px!important;padding-top:18px!important}

@media(max-width:900px){
  .pereko-page-products .pcat-hero h1{font-size:44px!important}
  .pereko-page-products .pcat-hero-copy>p{font-size:16px!important}
  .pereko-page-products .pcat-summary strong{font-size:17px!important}
}
@media(max-width:560px){
  .pereko-page-products{font-size:15px!important}
  .pereko-page-products .pcat-hero h1{font-size:38px!important;line-height:1.04!important}
  .pereko-page-products .pcat-eyebrow{font-size:11px!important}
  .pereko-page-products .pcat-hero-copy>p{font-size:15px!important}
  .pereko-page-products #kotly>.max-w-7xl>.flex:first-child h2{font-size:30px!important}
  .pereko-page-products #kotly>.max-w-7xl>.flex:first-child p{font-size:15px!important}
  .pereko-page-products #kotly .text-\[8px\],
  .pereko-page-products #kotly .text-\[9px\],
  .pereko-page-products #kotly .text-\[10px\]{font-size:11px!important}
  .pereko-page-products #kotly .text-xs{font-size:12px!important}
  .pereko-page-products #kotly .text-sm{font-size:14px!important}
  .pereko-page-products #kotly .text-base{font-size:16px!important}
  .pereko-page-products #kotly .text-lg{font-size:18px!important}
  .pereko-page-products #kotly .text-xl{font-size:21px!important}
  .pereko-page-products #kotly .text-3xl{font-size:29px!important}
  .pereko-page-products #kotly :is(button,a){font-size:13px!important}
}

/* Ekran logowania — ten sam podział krojów i czytelniejsze drobne treści. */
.pereko-page-login .login-brand__copy b,
.pereko-page-login .login-intro h1,
.pereko-page-login .updates-link__text b,
.pereko-page-login .login-features b,
.pereko-page-login .login-card h2{font-family:Montserrat,"Segoe UI",Arial,sans-serif!important}
.pereko-page-login .login-intro h1{font-weight:800!important;letter-spacing:-.045em!important}
.pereko-page-login .login-intro>p{font-size:17px!important;line-height:1.55!important}
.pereko-page-login .updates-link__text small,
.pereko-page-login .login-features small{font-size:12px!important;line-height:1.45!important}
.pereko-page-login .login-card>p{font-size:13px!important;line-height:1.5!important}
.pereko-page-login .access-note,
.pereko-page-login .security{font-size:10px!important;line-height:1.4!important}
.pereko-page-login .login-field>span{font-size:12px!important}
.pereko-page-login .login-field input{font-size:16px!important}
.pereko-page-login .submit{font-size:15px!important}

@media(max-width:860px){
  .pereko-page-login .login-intro>p{font-size:16px!important;line-height:1.5!important}
  .pereko-page-login .updates-link__text b,
  .pereko-page-login .login-features b{font-size:16px!important;line-height:1.3!important}
  .pereko-page-login .updates-link__text small,
  .pereko-page-login .login-features small{font-size:13px!important;line-height:1.45!important}
  .pereko-page-login .login-card h2{font-size:25px!important;line-height:1.2!important}
  .pereko-page-login .login-card>p{font-size:15px!important}
  .pereko-page-login .access-switch button{font-size:13px!important}
  .pereko-page-login .access-note,
  .pereko-page-login .security{font-size:11px!important}
  .pereko-page-login .login-field>span{font-size:12px!important}
  .pereko-page-login .login-field input{min-height:50px!important}
  .pereko-page-login .submit{min-height:50px!important}
}

/*
 * Pozostałe moduły Centrum Partnera — wspólny standard 19.08.2026.
 * Na komputerze zastępuje historyczne teksty 8–11 px czytelną skalą,
 * a na telefonie zachowuje zwarty, responsywny rytm.
 */
body.pereko-page-motiveko,
body.pereko-page-warranty,
body.pereko-page-startup,
body.pereko-page-history,
body.pereko-page-guide,
body.pereko-page-sales{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-motiveko :is(p,li,small,label,a,button,summary,td,th),
.pereko-page-warranty :is(p,li,small,label,a,button,td,th),
.pereko-page-startup :is(p,li,small,label,a,button),
.pereko-page-history :is(p,li,small,a),
.pereko-page-guide :is(p,li,small,label,a,button,span),
.pereko-page-sales :is(p,small,a){
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-motiveko :is(h1,h2,h3,b,strong,.info-eyebrow,.section-heading label),
.pereko-page-warranty :is(h1,h2,h3,b,strong,.info-eyebrow,.section-heading label),
.pereko-page-startup :is(h1,h2,h3,b,strong,.info-eyebrow,.section-heading label),
.pereko-page-history :is(h1,h2,h3,b,strong,.kicker,.date,.badge,.version),
.pereko-page-guide :is(h1,h2,h3,b,strong,.section-kicker,.pill,.step-no),
.pereko-page-sales :is(h1,h2,h3,b,strong,.section-kicker,.card-end){
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
}
.pereko-page-history .hero h1,
body.pereko-page-guide .hero h1.pereko-page-title{
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
}

/* MOTIVEKO, Gwarancja i Pierwsze uruchomienie. */
.pereko-page-motiveko .info-eyebrow,
.pereko-page-warranty .info-eyebrow,
.pereko-page-startup .info-eyebrow{font-size:12px!important;font-weight:700!important}
.pereko-page-motiveko .info-hero-copy>p,
.pereko-page-warranty .info-hero-copy>p,
.pereko-page-startup .info-hero-copy>p{font-size:18px!important;line-height:1.58!important}
.pereko-page-motiveko .hero-facts b,
.pereko-page-warranty .hero-facts b,
.pereko-page-startup .hero-facts b{font-size:16px!important;line-height:1.25!important}
.pereko-page-motiveko .hero-facts small,
.pereko-page-warranty .hero-facts small,
.pereko-page-startup .hero-facts small{font-size:13px!important;line-height:1.4!important}
.pereko-page-motiveko .info-alert b,
.pereko-page-warranty .info-alert b,
.pereko-page-startup .info-alert b{font-size:17px!important}
.pereko-page-motiveko .info-alert p,
.pereko-page-warranty .info-alert p,
.pereko-page-startup .info-alert p{font-size:14px!important;line-height:1.5!important}
.pereko-page-motiveko :is(.small-link,.action-link),
.pereko-page-warranty :is(.small-link,.action-link),
.pereko-page-startup :is(.small-link,.action-link){font-size:14px!important}
.pereko-page-motiveko .section-nav a,
.pereko-page-warranty .section-nav a,
.pereko-page-startup .section-nav a{font-size:13px!important}
.pereko-page-motiveko .section-heading label,
.pereko-page-warranty .section-heading label,
.pereko-page-startup .section-heading label{font-size:11px!important;font-weight:700!important}
.pereko-page-motiveko .section-heading h2,
.pereko-page-warranty .section-heading h2,
.pereko-page-startup .section-heading h2{font-size:34px!important;line-height:1.16!important;font-weight:700!important}
.pereko-page-motiveko .lead,
.pereko-page-warranty .lead,
.pereko-page-startup .lead{font-size:16px!important;line-height:1.6!important}
.pereko-page-motiveko :is(.step h3,.detail-card h3,.bullet-box h3),
.pereko-page-warranty :is(.step h3,.detail-card h3,.bullet-box h3),
.pereko-page-startup :is(.step h3,.detail-card h3,.bullet-box h3){font-size:20px!important;line-height:1.25!important}
.pereko-page-motiveko :is(.step p,.detail-card p,.bullet-box p,.bullet-box li),
.pereko-page-warranty :is(.step p,.detail-card p,.bullet-box p,.bullet-box li),
.pereko-page-startup :is(.step p,.detail-card p,.bullet-box p,.bullet-box li){font-size:15px!important;line-height:1.58!important}
.pereko-page-motiveko .step-number,
.pereko-page-warranty .step-number,
.pereko-page-startup .step-number{font-size:14px!important}
.pereko-page-warranty .warranty-table{font-size:15px!important}
.pereko-page-warranty .warranty-table th{font-size:12px!important}
.pereko-page-motiveko .action-panel h2,
.pereko-page-warranty .action-panel h2,
.pereko-page-startup .action-panel h2{font-size:28px!important;line-height:1.2!important}
.pereko-page-motiveko .action-panel p,
.pereko-page-warranty .action-panel p,
.pereko-page-startup .action-panel p{font-size:16px!important;line-height:1.55!important}
.pereko-page-motiveko .source-note,
.pereko-page-warranty .source-note,
.pereko-page-startup .source-note{font-size:13px!important;line-height:1.55!important}
.pereko-page-startup .video-link b{font-size:19px!important}
.pereko-page-startup .video-link small{font-size:14px!important}

/* Elementy właściwe dla MOTIVEKO Club. */
.pereko-page-motiveko .motiveko-reward b{font-size:20px!important}
.pereko-page-motiveko .motiveko-reward p{font-size:15px!important}
.pereko-page-motiveko .motiveko-reward strong{font-size:34px!important}
.pereko-page-motiveko .motiveko-reward small{font-size:11px!important}
.pereko-page-motiveko .motiveko-list span{font-size:14px!important}
.pereko-page-motiveko .motiveko-list b{font-size:13px!important}
.pereko-page-motiveko .motiveko-quarters b{font-size:12px!important}
.pereko-page-motiveko .motiveko-quarters small{font-size:13px!important}
.pereko-page-motiveko .motiveko-faq summary{font-size:16px!important;line-height:1.35!important}
.pereko-page-motiveko .motiveko-faq p{font-size:15px!important;line-height:1.58!important}
.pereko-page-motiveko .motiveko-contact-card label{font-size:11px!important}
.pereko-page-motiveko .motiveko-contact-card h2{font-size:32px!important}
.pereko-page-motiveko .motiveko-contact-card p{font-size:16px!important;line-height:1.55!important}
.pereko-page-motiveko .motiveko-contact-features span{font-size:12px!important}
.pereko-page-motiveko .motiveko-contact-actions :is(a,button){font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;font-size:15px!important}

/* Historia zmian. */
.pereko-page-history .kicker{font-size:12px!important;font-weight:700!important}
.pereko-page-history .hero p{font-size:18px!important;line-height:1.6!important}
.pereko-page-history .version{font-size:14px!important}
.pereko-page-history .entry{padding:29px 31px!important}
.pereko-page-history .entry .date{font-size:11px!important}
.pereko-page-history .badge{font-size:10px!important}
.pereko-page-history .entry h2{font-size:28px!important;line-height:1.22!important}
.pereko-page-history .entry ul{font-size:16px!important;line-height:1.65!important}

/* Instrukcja korzystania. */
.pereko-page-guide .hero-copy>p{font-size:18px!important;line-height:1.58!important}
.pereko-page-guide .hero-summary strong{font-size:30px!important}
.pereko-page-guide .hero-summary p{font-size:15px!important;line-height:1.5!important}
.pereko-page-guide .hero-summary small{font-size:11px!important}
.pereko-page-guide .hero-summary .hero-status{font-size:12px!important}
.pereko-page-guide .rail-card h3{font-size:22px!important}
.pereko-page-guide .rail-card p,
.pereko-page-guide .rail-note span{font-size:14px!important;line-height:1.55!important}
.pereko-page-guide .rail-note b{font-size:15px!important}
.pereko-page-guide .rail-nav a{font-size:14px!important;line-height:1.35!important}
.pereko-page-guide .section-kicker{font-size:11px!important;font-weight:700!important}
.pereko-page-guide .section h2{font-size:34px!important;line-height:1.16!important;font-weight:700!important}
.pereko-page-guide .section-lead{font-size:16px!important;line-height:1.58!important}
.pereko-page-guide .pill{font-size:11px!important}
.pereko-page-guide :is(.flow-step h3,.feature-block h3,.module-head h3,.decision-card h3){font-size:20px!important;line-height:1.25!important}
.pereko-page-guide :is(.flow-step p,.scenario p,.feature-block p,.module-body li,.tip span,.decision-row,.module-head small,.module-foot span){font-size:15px!important;line-height:1.55!important}
.pereko-page-guide .scenario b{font-size:18px!important}
.pereko-page-guide .module-foot a{font-size:13px!important}
.pereko-page-guide .tip b{font-size:18px!important}
.pereko-page-guide .final-card h2{font-size:30px!important}
.pereko-page-guide .final-card p{font-size:16px!important;line-height:1.55!important}
.pereko-page-guide .final-card .cta{font-size:15px!important}

/* Dział handlowy. */
.pereko-page-sales .section-kicker{font-size:12px!important;font-weight:700!important}
.pereko-page-sales .intro p{font-size:18px!important;line-height:1.55!important}
.pereko-page-sales .sales-card{min-height:250px!important;padding:26px!important}
.pereko-page-sales .sales-card.active:first-child{padding-top:23px!important}
.pereko-page-sales .sales-card h2{font-size:25px!important;line-height:1.2!important}
.pereko-page-sales .sales-card p{font-size:16px!important;line-height:1.55!important}
.pereko-page-sales .card-end{font-size:12px!important}

@media(min-width:1000px){
  .pereko-page-motiveko .pereko-page-title,
  .pereko-page-warranty .pereko-page-title,
  .pereko-page-startup .pereko-page-title,
  .pereko-page-history .hero h1,
  .pereko-page-guide .pereko-page-title,
  .pereko-page-sales .intro h1{
    font-size:clamp(58px,4.6vw,78px)!important;
    line-height:1.03!important;
    font-weight:800!important;
    letter-spacing:-.045em!important;
  }
  .pereko-page-motiveko .info-hero-inner,
  .pereko-page-warranty .info-hero-inner,
  .pereko-page-startup .info-hero-inner{min-height:350px!important}
  .pereko-page-motiveko .info-section,
  .pereko-page-warranty .info-section,
  .pereko-page-startup .info-section{padding:30px!important}
  .pereko-page-guide .section{padding:30px!important}
}

@media(max-width:620px){
  .pereko-page-motiveko .pereko-page-title,
  .pereko-page-warranty .pereko-page-title,
  .pereko-page-startup .pereko-page-title,
  .pereko-page-history .hero h1,
  .pereko-page-guide .pereko-page-title,
  .pereko-page-sales .intro h1{font-size:clamp(38px,11vw,48px)!important;line-height:1.06!important}
  .pereko-page-motiveko .info-hero-copy>p,
  .pereko-page-warranty .info-hero-copy>p,
  .pereko-page-startup .info-hero-copy>p,
  .pereko-page-history .hero p,
  .pereko-page-guide .hero-copy>p,
  .pereko-page-sales .intro p{font-size:16px!important}
  .pereko-page-motiveko .section-heading h2,
  .pereko-page-warranty .section-heading h2,
  .pereko-page-startup .section-heading h2,
  .pereko-page-guide .section h2{font-size:27px!important}
  .pereko-page-motiveko :is(.step h3,.detail-card h3,.bullet-box h3),
  .pereko-page-warranty :is(.step h3,.detail-card h3,.bullet-box h3),
  .pereko-page-startup :is(.step h3,.detail-card h3,.bullet-box h3){font-size:19px!important}
  .pereko-page-history .entry{padding:21px!important}
  .pereko-page-history .entry h2{font-size:22px!important}
  .pereko-page-history .entry ul{font-size:15px!important}
  .pereko-page-guide .rail-card h3{font-size:20px!important}
  .pereko-page-guide :is(.flow-step h3,.feature-block h3,.module-head h3,.decision-card h3){font-size:19px!important}
  .pereko-page-sales .sales-card{min-height:0!important;padding:22px!important}
  .pereko-page-sales .sales-card.active:first-child{padding-top:19px!important}
  .pereko-page-sales .sales-card h2{font-size:23px!important}
  .pereko-page-sales .sales-card p{font-size:15px!important}
}

/*
 * Kolejny zestaw modułów Centrum Partnera — ta sama skala typograficzna.
 * Reguły obejmują wyłącznie interfejs; dokumenty ofert i zamówień zachowują
 * własny układ wydruku A4.
 */
body.pereko-page-updates,
body.pereko-page-offer,
body.pereko-page-order,
body.pereko-page-calculator,
body.pereko-page-contacts{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-updates :is(p,li,small,a,button,span),
.pereko-page-offer :is(.pereko-page-hero p,.card p,.card small,.card label,.card input,.card select,.card textarea,.card button,.summary p,.summary small,.summary label,.summary input,.summary select,.summary button,.profilebar,.note,.warning,.preview-toolbar),
.pereko-page-order :is(.order-hero p,.order-main p,.order-main small,.order-main label,.order-main input,.order-main select,.order-main textarea,.order-main button,.order-summary p,.order-summary small,.order-summary label,.order-summary input,.order-summary select,.order-summary button,.order-modal-card p,.order-modal-card small,.order-modal-card button),
.pereko-page-calculator :is(.pereko-page-hero p,.calculator p,.calculator small,.calculator label,.calculator input,.calculator select,.calculator button,.result p,.result small,.recommend p,.recommend small,.recommend a),
.pereko-page-contacts :is(p,small,a,button,span){
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
}

.pereko-page-updates :is(h1,h2,h3,b,strong,.eyebrow,.page-label,.update-date,.tag),
.pereko-page-offer :is(.pereko-page-hero h1,.pereko-page-eyebrow,.card h2,.card h3,.card b,.card strong,.section-label,.summary h2,.summary h3,.summary b,.summary strong),
.pereko-page-order :is(.order-hero h1,.order-eyebrow,.order-main h2,.order-main h3,.order-main b,.order-main strong,.order-summary h2,.order-summary h3,.order-summary b,.order-summary strong,.order-modal-card h2,.order-modal-card h3,.order-modal-card b,.order-modal-card strong),
.pereko-page-calculator :is(.pereko-page-hero h1,.pereko-page-eyebrow,.calculator h2,.calculator h3,.calculator b,.calculator strong,.result h2,.result h3,.result b,.result strong,.recommend h2,.recommend h3,.recommend h4,.recommend b,.recommend strong),
.pereko-page-contacts :is(h1,h2,h3,b,strong,.pereko-eyebrow,.contact-label){
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
}
.pereko-page-updates .hero h1,
.pereko-page-offer .pereko-page-hero h1,
.pereko-page-order .order-hero h1,
.pereko-page-calculator .pereko-page-hero h1,
.pereko-page-contacts .pereko-page-title{
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
}

/* Historia zmian — przyciski zawsze czytelne na ciemnej belce. */
.pereko-page-history .topbar .header-pill{
  color:#ffe374!important;
  background:rgba(255,200,0,.08)!important;
  border:1px solid rgba(255,200,0,.28)!important;
}
.pereko-page-history .topbar .header-pill i{color:#ffc800!important}
.pereko-page-history .topbar .back-link{
  color:#f7f8f8!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.pereko-page-history .topbar .back-link i{color:#f7f8f8!important}
.pereko-page-history .topbar .back-link:hover{
  color:#fff!important;
  background:rgba(255,200,0,.09)!important;
  border-color:rgba(255,200,0,.55)!important;
}

/* Centrum aktualizacji. */
.pereko-page-updates .eyebrow{font-size:12px!important;font-weight:700!important}
.pereko-page-updates .hero-copy>p{font-size:18px!important;line-height:1.58!important}
.pereko-page-updates .hero-summary strong{font-size:31px!important;line-height:1.15!important}
.pereko-page-updates .hero-summary p{font-size:15px!important;line-height:1.5!important}
.pereko-page-updates .hero-summary small{font-size:11px!important}
.pereko-page-updates .update-date{font-size:11px!important;font-weight:700!important}
.pereko-page-updates .update-head h2{font-size:29px!important;line-height:1.18!important}
.pereko-page-updates .update-head p{font-size:15px!important;line-height:1.55!important}
.pereko-page-updates .tag{font-size:10px!important}
.pereko-page-updates .price-update__intro b{font-size:18px!important}
.pereko-page-updates .price-update__intro p{font-size:14px!important;line-height:1.5!important}
.pereko-page-updates .price-family h3{font-size:20px!important}
.pereko-page-updates .price-row{font-size:14px!important;line-height:1.4!important}
.pereko-page-updates .product-copy h3{font-size:25px!important;line-height:1.2!important}
.pereko-page-updates .product-copy>p{font-size:16px!important;line-height:1.58!important}
.pereko-page-updates .feature b{font-size:14px!important}
.pereko-page-updates .feature small{font-size:12px!important;line-height:1.4!important}
.pereko-page-updates .tool-copy b{font-size:16px!important}
.pereko-page-updates .tool-copy small{font-size:13px!important;line-height:1.45!important}
.pereko-page-updates .tool-state{font-size:11px!important}
.pereko-page-updates .side-card h3{font-size:22px!important;line-height:1.2!important}
.pereko-page-updates .side-card p{font-size:14px!important;line-height:1.5!important}
.pereko-page-updates :is(.side-link,.side-action,.action){font-size:14px!important}

/* Konfigurator ofert — tylko panel roboczy, bez arkusza A4. */
.pereko-page-offer .pereko-page-eyebrow{font-size:12px!important;font-weight:700!important}
.pereko-page-offer .pereko-page-hero p{font-size:18px!important;line-height:1.58!important}
.pereko-page-offer .cardhead h2{font-size:25px!important;line-height:1.2!important}
.pereko-page-offer .cardhead p{font-size:15px!important;line-height:1.5!important}
.pereko-page-offer .section-label{font-size:12px!important;font-weight:700!important}
.pereko-page-offer .field label{font-size:12px!important;font-weight:700!important}
.pereko-page-offer .field :is(input,select,textarea){font-size:16px!important;line-height:1.35!important}
.pereko-page-offer :is(.note,.warning){font-size:14px!important;line-height:1.5!important}
.pereko-page-offer .profilebar{font-size:14px!important}
.pereko-page-offer .lineitem strong{font-size:16px!important;line-height:1.3!important}
.pereko-page-offer .lineitem small{font-size:13px!important;line-height:1.45!important}
.pereko-page-offer .lineitem .money{font-size:16px!important;font-weight:700!important}
.pereko-page-offer :is(.mini,.sum-buttons button){font-size:14px!important}
.pereko-page-offer .summary h2{font-size:27px!important;line-height:1.2!important}
.pereko-page-offer .sumrow{font-size:15px!important}
.pereko-page-offer .grand{font-size:18px!important}

/* Kreator zamówień. */
.pereko-page-order .order-eyebrow{font-size:12px!important;font-weight:700!important}
.pereko-page-order .order-hero p{font-size:18px!important;line-height:1.58!important}
.pereko-page-order .order-card-head h2{font-size:25px!important;line-height:1.2!important}
.pereko-page-order .order-card-head small{font-size:14px!important;line-height:1.45!important}
.pereko-page-order .field>span{font-size:12px!important;font-weight:700!important}
.pereko-page-order .field :is(input,select,textarea){font-size:16px!important;line-height:1.35!important}
.pereko-page-order .selected-product h3{font-size:20px!important}
.pereko-page-order .selected-product p{font-size:14px!important;line-height:1.5!important}
.pereko-page-order .selected-product small{font-size:13px!important}
.pereko-page-order :is(.completeness-intro,.completeness-list,.margin-note,.summary-note){font-size:14px!important;line-height:1.5!important}
.pereko-page-order .order-items{font-size:15px!important}
.pereko-page-order .order-summary h2{font-size:27px!important}
.pereko-page-order .sum-row{font-size:15px!important}
.pereko-page-order .grand{font-size:19px!important}
.pereko-page-order :is(.summary-action,.add-product,.save-profile,.modal-button){font-size:14px!important}
.pereko-page-order .order-modal-card h2{font-size:28px!important;line-height:1.2!important}
.pereko-page-order .order-modal-card p{font-size:16px!important;line-height:1.55!important}

/* Kalkulator doboru mocy. */
.pereko-page-calculator .pereko-page-eyebrow{font-size:12px!important;font-weight:700!important}
.pereko-page-calculator .pereko-page-hero p{font-size:18px!important;line-height:1.58!important}
.pereko-page-calculator .calc-head h2{font-size:27px!important;line-height:1.2!important}
.pereko-page-calculator .calc-head p{font-size:15px!important;line-height:1.5!important}
.pereko-page-calculator .calculator label{font-size:13px!important;font-weight:700!important}
.pereko-page-calculator .calculator :is(input,select){font-size:16px!important}
.pereko-page-calculator .calculator .btn{font-size:15px!important}
.pereko-page-calculator .warning{font-size:14px!important;line-height:1.5!important}
.pereko-page-calculator .result-label{font-size:12px!important}
.pereko-page-calculator .result-main{font-size:30px!important}
.pereko-page-calculator .result-copy{font-size:15px!important;line-height:1.5!important}
.pereko-page-calculator .result-list{font-size:14px!important;line-height:1.5!important}
.pereko-page-calculator .recommend h3{font-size:27px!important;line-height:1.2!important}
.pereko-page-calculator .product h4{font-size:20px!important;line-height:1.25!important}
.pereko-page-calculator .product p{font-size:14px!important;line-height:1.5!important}

/* Kontakty PEREKO. */
.pereko-page-contacts .pereko-eyebrow{font-size:12px!important;font-weight:700!important}
.pereko-page-contacts .contact-hero-copy>p{font-size:18px!important;line-height:1.58!important}
.pereko-page-contacts .contact-hero-card small{font-size:12px!important}
.pereko-page-contacts .contact-hero-card strong{font-size:27px!important;line-height:1.2!important}
.pereko-page-contacts .contact-hero-card a{font-size:15px!important}
.pereko-page-contacts .section-heading span{font-size:11px!important;font-weight:700!important}
.pereko-page-contacts .section-heading h2{font-size:34px!important;line-height:1.16!important}
.pereko-page-contacts .section-heading p{font-size:16px!important;line-height:1.55!important}
.pereko-page-contacts :is(.lead-card h3,.person-card h3,.department-card h3,.marketing-note h3){font-size:22px!important;line-height:1.22!important}
.pereko-page-contacts :is(.lead-card .role,.person-card .role){font-size:14px!important;line-height:1.45!important}
.pereko-page-contacts .contact-links a{font-size:15px!important}
.pereko-page-contacts .region-button b{font-size:16px!important}
.pereko-page-contacts .region-button small{font-size:12px!important}
.pereko-page-contacts .person-card>small{font-size:11px!important}
.pereko-page-contacts .province-list span{font-size:13px!important}
.pereko-page-contacts .contact-label{font-size:11px!important}
.pereko-page-contacts .department-card p,
.pereko-page-contacts .marketing-note p{font-size:15px!important;line-height:1.55!important}

@media(min-width:1000px){
  .pereko-page-updates .hero h1,
  .pereko-page-offer .pereko-page-hero h1,
  .pereko-page-order .order-hero h1,
  .pereko-page-calculator .pereko-page-hero h1,
  .pereko-page-contacts .pereko-page-title{
    font-size:clamp(58px,4.6vw,78px)!important;
    line-height:1.03!important;
    font-weight:800!important;
    letter-spacing:-.045em!important;
  }
}

@media(max-width:620px){
  .pereko-page-updates .hero h1,
  .pereko-page-offer .pereko-page-hero h1,
  .pereko-page-order .order-hero h1,
  .pereko-page-calculator .pereko-page-hero h1,
  .pereko-page-contacts .pereko-page-title{font-size:clamp(38px,11vw,48px)!important;line-height:1.06!important}
  .pereko-page-updates .hero-copy>p,
  .pereko-page-offer .pereko-page-hero p,
  .pereko-page-order .order-hero p,
  .pereko-page-calculator .pereko-page-hero p,
  .pereko-page-contacts .contact-hero-copy>p{font-size:16px!important}
  .pereko-page-updates .update-head h2{font-size:24px!important}
  .pereko-page-updates .product-copy h3{font-size:22px!important}
  .pereko-page-offer .cardhead h2,
  .pereko-page-order .order-card-head h2{font-size:22px!important}
  .pereko-page-calculator .calc-head h2,
  .pereko-page-calculator .recommend h3{font-size:23px!important}
  .pereko-page-contacts .section-heading h2{font-size:27px!important}
  .pereko-page-contacts :is(.lead-card h3,.person-card h3,.department-card h3,.marketing-note h3){font-size:20px!important}
}

/*
 * Pełna korekta czytelności 19.08.2026 — elementy, które wcześniej nadal
 * dziedziczyły historyczną skalę 7–10 px.
 */

/* Centrum Aktualizacji — atrybuty, narzędzia, ceny i boczna nawigacja. */
.pereko-page-updates .feature{
  min-height:52px!important;
  padding:11px 13px!important;
  gap:11px!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
.pereko-page-updates .feature i{
  width:32px!important;
  height:32px!important;
  font-size:13px!important;
}
.pereko-page-updates .tool-item{padding:17px!important;gap:15px!important}
.pereko-page-updates .tool-icon{width:48px!important;height:48px!important;font-size:17px!important}
.pereko-page-updates .tool-copy b{
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1.3!important;
}
.pereko-page-updates .tool-copy p{font-size:15px!important;line-height:1.55!important}
.pereko-page-updates .tool-state{padding:8px 10px!important;font-size:12px!important;line-height:1.2!important}
.pereko-page-updates .price-family h3 span{font-size:10px!important}
.pereko-page-updates .price-row__new{font-size:15px!important}
.pereko-page-updates .price-note{font-size:13px!important;line-height:1.5!important}
.pereko-page-updates .side-link{font-size:14px!important;line-height:1.4!important}
.pereko-page-updates .side-link small{font-size:12px!important}
.pereko-page-updates .page-label{font-size:11px!important}
.pereko-page-updates .action{min-height:44px!important;font-size:14px!important}

/* Kreator zamówień — pełna treść robocza i komunikaty. */
.pereko-page-order .order-badge,
.pereko-page-order .private-badge{font-size:12px!important;line-height:1.25!important}
.pereko-page-order .selected-product small,
.pereko-page-order .selected-price span{font-size:12px!important;line-height:1.35!important}
.pereko-page-order .selected-price strong{font-size:21px!important}
.pereko-page-order .order-empty h3{font-size:20px!important}
.pereko-page-order .order-empty p{font-size:15px!important;line-height:1.55!important}
.pereko-page-order .item-name{font-size:16px!important;line-height:1.4!important}
.pereko-page-order .item-meta{font-size:13px!important;line-height:1.5!important}
.pereko-page-order .qty span,
.pereko-page-order .discount input{font-size:14px!important}
.pereko-page-order .discount:after{font-size:12px!important}
.pereko-page-order .item-price span{font-size:11px!important}
.pereko-page-order .item-price strong{font-size:15px!important}
.pereko-page-order .completeness-empty{font-size:14px!important;line-height:1.5!important}
.pereko-page-order .completeness-device-head strong{font-size:15px!important}
.pereko-page-order .completeness-device-head span{font-size:12px!important}
.pereko-page-order .accessory-copy b{font-size:15px!important;line-height:1.35!important}
.pereko-page-order .accessory-copy small{font-size:12px!important;line-height:1.45!important}
.pereko-page-order .accessory-price{font-size:14px!important}
.pereko-page-order .accessory-add{min-height:38px!important;font-size:13px!important}
.pereko-page-order .completeness-ok{font-size:14px!important;line-height:1.45!important}
.pereko-page-order .profile-row select{font-size:16px!important}
.pereko-page-order .save-profile,
.pereko-page-order .margin-controls button{font-size:14px!important}
.pereko-page-order .margin-results small{font-size:11px!important}
.pereko-page-order .margin-results strong{font-size:19px!important}
.pereko-page-order .summary-discount label{font-size:12px!important}
.pereko-page-order .summary-discount input{font-size:14px!important}
.pereko-page-order .summary-discount button{font-size:13px!important}
.pereko-page-order .total-box .gross{font-size:16px!important}
.pereko-page-order .total-box .gross strong{font-size:22px!important}
.pereko-page-order .summary-note{font-size:13px!important;line-height:1.5!important}
.pereko-page-order .order-modal-card>small{font-size:12px!important}
.pereko-page-order .order-modal-steps b{font-size:14px!important}
.pereko-page-order .order-modal-steps small{font-size:12px!important;line-height:1.45!important}
.pereko-page-order .order-modal-note{font-size:13px!important;line-height:1.5!important}
.pereko-page-order .order-modal-current b{font-size:14px!important}
.pereko-page-order .order-modal-current span{font-size:13px!important;line-height:1.5!important}
.pereko-page-order .toast{font-size:14px!important}

/* Kalkulator doboru — szczegóły wyników i rekomendacji. */
.pereko-page-calculator .calc-head small{font-size:12px!important;line-height:1.35!important}
.pereko-page-calculator .result-main{font-size:42px!important}
.pereko-page-calculator .result-list span{font-size:14px!important;line-height:1.45!important}
.pereko-page-calculator .result-list strong{font-size:15px!important}
.pereko-page-calculator .details div{font-size:14px!important;line-height:1.45!important}
.pereko-page-calculator .details strong{font-size:14px!important}
.pereko-page-calculator .product a{font-size:14px!important}
.pereko-page-calculator .empty{font-size:15px!important;line-height:1.55!important}

/* Kontakty — jeden poziom etykiet stanowisk i regionów. */
.pereko-page-contacts .contact-label,
.pereko-page-contacts .person-card small{
  font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.pereko-page-contacts .region-code{font-size:13px!important}
.pereko-page-contacts .region-button b{font-family:Montserrat,"Segoe UI",Arial,sans-serif!important;font-size:16px!important;line-height:1.3!important}
.pereko-page-contacts .region-button small{font-size:13px!important;line-height:1.4!important}
.pereko-page-contacts .lead-card .role,
.pereko-page-contacts .person-card .role{font-size:14px!important;line-height:1.5!important}
.pereko-page-contacts .contact-links a{font-size:15px!important;line-height:1.4!important}
.pereko-page-contacts .province-list span{font-size:13px!important;line-height:1.35!important}
.pereko-page-contacts .department-card .contact-label{font-size:13px!important;line-height:1.4!important}
.pereko-page-contacts .marketing-note p{font-size:15px!important;line-height:1.55!important}

@media(max-width:620px){
  .pereko-page-updates .feature{font-size:14px!important}
  .pereko-page-updates .tool-copy b{font-size:16px!important}
  .pereko-page-updates .tool-copy p{font-size:14px!important}
  .pereko-page-updates .tool-state{font-size:11px!important}
  .pereko-page-order .item-name{font-size:15px!important}
  .pereko-page-order .item-meta{font-size:12px!important}
  .pereko-page-calculator .details div,
  .pereko-page-calculator .details strong,
  .pereko-page-calculator .product a{font-size:13px!important}
  .pereko-page-contacts .contact-label,
  .pereko-page-contacts .person-card small,
  .pereko-page-contacts .department-card .contact-label{font-size:12px!important}
}