/*
 * Design Collection Stage-2 direction cards — mobile readability layer.
 * Scope: .bolix-wood-effect-card cards only.
 * Keeps the existing card layout/visuals and raises typography to EPS-card readability.
 */

@media (max-width: 620px){
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__visual>small{
    font-size:11.5px!important;
    line-height:1.25!important;
    padding:7px 10px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__content{
    padding:22px 20px 21px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__type{
    margin-bottom:10px!important;
    padding:6px 9px!important;
    font-size:11px!important;
    line-height:1.2!important;
    letter-spacing:.05em!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card h3{
    margin-bottom:10px!important;
    font-size:27px!important;
    line-height:1.15!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__description{
    font-size:16px!important;
    line-height:1.55!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__difference{
    margin-top:17px!important;
    padding:14px 15px!important;
    border-radius:16px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__difference small{
    margin-bottom:6px!important;
    font-size:11px!important;
    line-height:1.25!important;
    letter-spacing:.07em!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__difference p{
    font-size:15.5px!important;
    line-height:1.5!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__facts{
    margin-top:17px!important;
    gap:11px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__facts>div{
    gap:5px!important;
    padding-bottom:11px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__facts dt{
    font-size:11.5px!important;
    line-height:1.3!important;
    letter-spacing:.045em!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__facts dd{
    font-size:15px!important;
    line-height:1.5!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__features{
    gap:8px!important;
    margin-top:15px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__features li{
    padding:7px 10px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__next{
    margin-top:19px!important;
    padding-top:17px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__next div{
    gap:4px!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__next small{
    font-size:11px!important;
    line-height:1.25!important;
    letter-spacing:.07em!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__next strong{
    font-size:16px!important;
    line-height:1.35!important;
  }

  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__next>span{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    font-size:20px!important;
    flex:0 0 42px!important;
  }
}

@media (min-width: 621px) and (max-width: 760px){
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__type{font-size:9.5px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__description{font-size:14px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__difference small{font-size:9px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__difference p{font-size:13px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__facts dt{font-size:9.5px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__facts dd{font-size:12.5px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__features li{font-size:10px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__next small{font-size:9px!important}
  body.bolix-child-site.bolix-facade-design-direction-route .bolix-wood-effect-card__next strong{font-size:13px!important}
}