/* DREWNOPLAST REX90 — automatyczna typografia mobilna
   Działa wyłącznie na telefonach <= 760 px. Desktop pozostaje bez zmian. */

@media (max-width:760px){
  html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  body{
    font-size:14px;
  }

  /* Wszystkie główne nagłówki muszą się mieścić na ekranie telefonu. */
  h1,
  .hero h1,
  .subhero h1,
  .product-subhero h1,
  .product-hero h1,
  .page-hero h1,
  .article-hero h1,
  .category-hero h1,
  .offer-hero h1,
  .intro-hero h1{
    font-size:clamp(32px,9.4vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    max-width:100%!important;
    width:auto!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
  }

  h2,
  .section-head h2,
  .product-photo-head h2,
  .quality h2,
  .quality-copy h2,
  .inspirations h2,
  .installation-copy h2,
  .legacy h2,
  .legacy-clean-copy h2,
  .contact h2,
  .contact-copy h2,
  .jobs-cta h2{
    font-size:clamp(26px,7.6vw,32px)!important;
    line-height:1.06!important;
    letter-spacing:-.03em!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
  }

  h3,
  .timeline-card h3,
  .award-card h3,
  .product-card h3,
  .feature-card h3,
  .offer-card h3{
    font-size:clamp(19px,5.7vw,24px)!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
  }

  /* Treści i opisy — czytelne, ale zwarte. */
  p,
  li,
  .hero p,
  .subhero p,
  .product-subhero p,
  .product-hero p,
  .page-hero p,
  .article-hero p,
  .section-side p,
  .quality-copy p,
  .installation-copy p,
  .legacy-clean-copy p,
  .contact-copy p{
    font-size:14px!important;
    line-height:1.6!important;
    max-width:100%!important;
  }

  /* Małe etykiety / kickery. */
  .section-kicker,
  .eyebrow,
  .hero-note,
  .years,
  .timeline-card .year,
  .product-card small,
  .gallery-label small{
    font-size:9px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important;
  }

  /* Kafelki i elementy nawigacyjne. */
  .product-card strong,
  .gallery-label strong,
  .contact-action strong,
  .footer-nav strong{
    font-size:16px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }

  .product-card span,
  .contact-action span,
  .footer-nav a,
  .footer-brand p{
    font-size:11px!important;
    line-height:1.45!important;
  }

  .primary-btn,
  .quote-btn,
  .outline-btn,
  .contact-action,
  .mobile-sticky-cta,
  button,
  input[type="submit"]{
    font-size:11px!important;
    line-height:1.2!important;
  }

  .mobile-panel>a:not(.quote-btn){
    font-size:18px!important;
    line-height:1.15!important;
  }

  /* Chroni layout przed wypychaniem przez długie EN/DE. */
  h1,h2,h3,h4,h5,h6,
  p,li,a,span,strong{
    min-width:0;
  }

  .hero-copy,
  .subhero-inner,
  .product-subhero .shell,
  .product-hero .shell,
  .product-photo-head>*,
  .section-head>*,
  .contact-grid>*,
  .installation-section>*,
  .quality>*{
    min-width:0!important;
  }
}

@media (max-width:390px){
  h1,
  .hero h1,
  .subhero h1,
  .product-subhero h1,
  .product-hero h1,
  .page-hero h1,
  .article-hero h1,
  .category-hero h1,
  .offer-hero h1,
  .intro-hero h1{
    font-size:clamp(30px,8.8vw,34px)!important;
  }

  h2,
  .section-head h2,
  .product-photo-head h2,
  .quality h2,
  .quality-copy h2,
  .inspirations h2,
  .installation-copy h2,
  .legacy h2,
  .legacy-clean-copy h2,
  .contact h2,
  .contact-copy h2,
  .jobs-cta h2{
    font-size:clamp(24px,7vw,29px)!important;
  }

  h3,
  .timeline-card h3,
  .award-card h3,
  .product-card h3,
  .feature-card h3,
  .offer-card h3{
    font-size:clamp(18px,5.3vw,22px)!important;
  }
}
/* REX91 FULL WORDS START
   Mobile: nigdy nie dziel wyrazów w połowie. Zawijanie wyłącznie między słowami. */
@media (max-width:760px){
  h1,h2,h3,h4,h5,h6,
  .hero h1,.subhero h1,.product-subhero h1,.product-hero h1,
  .page-hero h1,.article-hero h1,.category-hero h1,.offer-hero h1,.intro-hero h1,
  .section-head h2,.product-photo-head h2,.quality h2,.quality-copy h2,
  .inspirations h2,.installation-copy h2,.legacy h2,.legacy-clean-copy h2,
  .contact h2,.contact-copy h2,.jobs-cta h2,
  .timeline-card h3,.award-card h3,.product-card h3,.feature-card h3,.offer-card h3,
  .product-card strong,.gallery-label strong,.contact-action strong,.footer-nav strong{
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
  }

  h1,h2,h3,
  .hero h1,.subhero h1,.product-subhero h1,.product-hero h1,.page-hero h1,.article-hero h1{
    text-wrap:balance;
  }
}
/* REX91 FULL WORDS END */