/* R4U — mobile polish v1 | sem modificar artes e capas originais */
@media (max-width: 780px) {
  html,body{max-width:100%;overflow-x:clip}
  .shell{width:100%;max-width:100%;min-width:0}
  header .shell{max-width:100%}
  .r4u-top-links{
    width:calc(100% - 20px)!important;
    margin:10px!important;
    padding:9px 10px!important;
    display:flex!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    position:relative!important
  }
  .r4u-top-links a{
    flex:0 0 auto;
    min-height:40px;
    scroll-snap-align:start;
    white-space:nowrap
  }
  .r4u-top-links a.nav-lead{
    padding:9px 13px!important;
    max-width:205px
  }
  .r4u-top-links a.nav-lead span{
    white-space:normal!important;
    overflow-wrap:break-word;
    line-height:1.1;
    text-align:center
  }
  .hero{
    width:calc(100% - 20px);
    margin:10px 10px 16px!important;
    isolation:isolate;
    max-width:100%;
    border-radius:14px!important
  }
  .hero .slide{width:100%;max-width:100%;min-width:100%}
  .hero .luxe-competency{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,55%) minmax(0,45%)!important
  }
  .hero .luxe-copy{max-width:100%;min-width:0;padding:8% 8% 0!important}
  .hero .luxe-copy h2{
    font-size:clamp(26px,6.5vw,39px)!important;
    line-height:1.04!important;
    overflow-wrap:break-word
  }
  .hero .luxe-books{min-width:0;max-width:100%;overflow:visible!important}
  .hero .luxe-books a{min-width:0;max-width:45%}
  .hero .luxe-books a img{max-width:100%;object-fit:contain}
  .hero .product-copy{max-width:90%;min-width:0}
  .hero .product-copy h1{font-size:clamp(25px,6vw,37px)!important;overflow-wrap:break-word}
  .hero .kit-copy h2{font-size:clamp(25px,6vw,35px)!important}
  .hero .review-body{max-width:100%;min-width:0}
  .hero .review-body h2{font-size:clamp(24px,6vw,36px)!important}
  .hero .dots{z-index:24}
  .r4u-problems,.r4u-editorial-stripe,.r4u-real-section{
    max-width:100%;
    min-width:0;
    overflow:visible
  }
  .r4u-problems-grid,.r4u-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .r4u-ed-realgrid,.r4u-real-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .r4u-editorial-cae{
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0;
    padding:24px 18px 0!important;
    margin-inline:10px!important
  }
  .r4u-editorial-cae .editorial-text{min-width:0}
  .r4u-editorial-cae .portrait{
    height:260px!important;
    min-height:260px!important;
    margin:0 -18px
  }
  .r4u-editorial-cae .portrait img{
    height:100%!important;
    width:100%!important;
    max-height:none!important;
    object-fit:cover;
    object-position:center 30%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 79%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 79%,transparent 100%)
  }
  .r4u-ed-head{flex-direction:column;align-items:flex-start}
  .r4u-ed-book,.r4u-real-book{min-width:0}
  .r4u-ed-cover{height:175px!important}
  .r4u-ed-book b{overflow-wrap:break-word}
  .footer{padding-inline:17px}
}
@media(max-width:390px) {
  .hero{height:525px!important;min-height:525px!important}
  .hero .luxe-copy{padding:8% 7% 0!important}
  .hero .luxe-copy h2{font-size:27px!important}
  .r4u-problems-grid{gap:8px}
  .r4u-problems-grid a{padding:12px!important;min-height:152px!important}
  .r4u-problems-grid b{font-size:15px!important}
  .r4u-focus-grid a{padding:13px!important}
  .r4u-ed-realgrid{gap:9px}
  .r4u-ed-book{padding:10px!important}
  .r4u-ed-cover{height:155px!important}
  .r4u-ed-book b{font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
  .hero .slide,.hero .luxe-books a,.r4u-editorial-cae .portrait img{transition:none!important}
}