/* TELEFON: wszystkie zdjecia i wideo na pelna szerokosc ekranu, format 9:16 */
@media (max-width:760px){
  main figure.frame:not(.panel__img):not(.ebk-hero),main span.frame,.tile__media,.g__item,.world__photo,.ebk-hero,figure.frame.tl__img,.sub-hero .tile--hero{
    width:100vw!important;max-width:none!important;margin-right:0!important;
    aspect-ratio:9/16!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden;position:relative;background:#000}
  main figure.frame:not(.panel__img) img,main figure.frame:not(.panel__img) video,main span.frame img,.tile__media img,.tile__media video,.g__btn,.g__btn img,.g__btn video,.world__photo img,.ebk-hero img,figure.frame.tl__img img,figure.frame.tl__img video{
    width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 30%;display:block}
  .g{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .g__item{list-style:none}
  .g__btn{display:block;padding:0;border:0;background:#000}
  /* okladki i makiety ksiazek: cala okladka, pelna szerokosc, 9:16 */
  .panel__img{width:100vw!important;max-width:none!important;aspect-ratio:9/16;background:#000;display:flex;align-items:center;justify-content:center}
  .panel__img img{width:100%!important;height:100%!important;object-fit:contain!important;box-shadow:none!important}
  /* hero */
  .slideshow{width:100%!important;aspect-ratio:9/16!important;height:auto!important}
}

/* TELEFON v3: nic nie wystaje poza ekran, naglowki sie mieszcza */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .sub-hero,.sub-hero--m{display:block!important;padding-left:var(--gut,20px);padding-right:var(--gut,20px)}
  .sub-hero>*,.sub-hero__txt,.sub-hero__txt>*{min-width:0;max-width:100%}
  .sub-hero h1,.sub-hero h1 span,.hx__a,.hx__b,.hx__c{overflow-wrap:anywhere;word-break:normal}
  .sub-hero h1{font-size:clamp(38px,11.5vw,64px)}
  .hx__a{font-size:clamp(34px,10.5vw,60px)!important}
  .hx__c{font-size:clamp(46px,14vw,90px)!important}
  .sub-hero h1.hx .hx__c.cv{font-size:clamp(34px,10vw,56px)!important}
  .sub-hero h1.hx .hx__c.cv .cv__p{white-space:normal}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important}
  .facts>div{min-width:0}.facts dd{overflow-wrap:anywhere}
  .buyrow{flex-wrap:wrap;max-width:100%}.buyrow>*{min-width:0;max-width:100%}
  .sub-hero .tile--hero{margin-top:22px}
  .tl{padding-left:30px}
  .tl__body,.tl__body>*{min-width:0;max-width:100%}
  .tl__body p,.sub-p,.lead{overflow-wrap:anywhere}
  .wrap,.sec .wrap{padding-left:var(--gut,20px);padding-right:var(--gut,20px)}
  img,video,svg{max-width:100%}
  figure.frame:not(.tl__img) figcaption.cap,figcaption.cap{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;font-size:14px;line-height:1.3;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent);color:#fff}
}
@media (max-width:760px){
  .tl{padding-right:var(--gut,18px)}
  .tl::before,.tl::after{z-index:0}
  figure.frame.tl__img{z-index:1}
  /* zdjecia-zestawienia (przed i po): cale, bez przycinania */
  figure.frame.tl__img--meta{aspect-ratio:auto!important}
  figure.frame.tl__img--meta img{height:auto!important;object-fit:contain!important}
  figure.frame.tl__img--meta figcaption.cap{position:static;background:#000;padding:10px 14px}
  .join__c{min-width:0;max-width:100%}
}
@media (max-width:760px){
  .pillars li>b{display:block;font-size:clamp(15px,4.6vw,19px);overflow-wrap:normal;hyphens:none;word-break:keep-all}
}

/* TELEFON, STRONA GLOWNA: napis "Byku, Hybrydowy atleta" nad wideo, wideo 9:16 na srodku */
@media (max-width:760px){
  .hero.hero--main{display:flex!important;flex-direction:column;align-items:center;min-height:0!important;padding-bottom:28px}
  .hero--main .hero__text{display:contents}
  .hero--main .hero__text .name{order:1;width:100%;margin:22px 0 0;padding:0 var(--gut,16px);text-align:center;position:relative;z-index:2}
  .hero--main .hero__text .name__sub{order:2;width:100%;margin:6px 0 16px;padding:0 var(--gut,16px);text-align:center;position:relative;z-index:2}
  .hero--main .hero__photo.slideshow{order:3;width:100%!important;max-width:100vw;height:auto!important;min-height:0!important;aspect-ratio:9/16!important;margin:0 auto!important;align-self:center;position:relative;z-index:1}
  .hero--main .hero__photo.slideshow::after{height:10%}
  .hero--main .hero__text .claim,.hero--main .hero__text .lead,.hero--main .hero__text .facts,.hero--main .hero__text .hero__actions{order:4;width:100%;padding-left:var(--gut,16px);padding-right:var(--gut,16px);position:relative;z-index:2}
  .hero--main .hero__text .claim{margin-top:20px}
}