@media (max-width: 991px){

  .hokka-menu{
    display:none;
  }

  .hokka-hero-slide,
  .hokka-hero-layout{
    min-height:540px;
  }

  .hokka-hero-content{
    max-width:460px;
    padding:0 0 72px;
  }

  .hokka-hero-title,
  .hokka-hero-content h1{
    font-size:48px;
    line-height:1.08;
  }

  .hokka-hero-text,
  .hokka-hero-content p{
    font-size:17px;
    line-height:1.7;
  }

  .hokka-product-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .hokka-footer__top{
    flex-direction:column;
  }
}

@media (max-width: 640px){

  .hokka-header__inner{
    min-height:74px;
  }

  .hokka-header__cta .hokka-btn,
  .hokka-header__cta .hokka-btn-primary{
    display:none;
  }

  .hokka-hero-slide,
  .hokka-hero-layout{
    min-height:430px;
  }

  .hokka-hero-content{
    max-width:100%;
    padding:0 0 64px;
  }

  .hokka-hero-badge{
    font-size:10px;
    letter-spacing:1.2px;
    margin-bottom:12px;
  }

  .hokka-hero-title,
  .hokka-hero-content h1{
    font-size:30px;
    line-height:1.12;
    margin-bottom:12px;
  }

  .hokka-hero-text,
  .hokka-hero-content p{
    font-size:14px;
    line-height:1.65;
    margin-bottom:18px;
  }

  .hokka-hero-buttons{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .hokka-btn,
  .hokka-btn-secondary,
  .hokka-btn-primary,
  .hokka-btn-outline{
    width:100%;
  }

  .hokka-hero-arrow{
    width:40px;
    height:40px;
    bottom:14px;
  }

  .hokka-hero-arrow span{
    font-size:22px;
  }

  .hokka-hero-arrow-prev{
    left:12px;
  }

  .hokka-hero-arrow-next{
    right:12px;
  }

  .hokka-hero-dots{
    bottom:18px;
  }

  .hokka-product-grid{
    grid-template-columns:1fr;
  }
}


/* FEATURES TABLET + MOBILE */

@media (max-width:768px){

  .hokka-features-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
  }

  .hokka-feature-card{
    padding:18px;
    border-radius:20px;
  }

  .hokka-feature-card__top{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
  }

  .hokka-feature-card__icon{
    width:36px;
    height:36px;
    min-width:36px;
    font-size:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
  }

  .hokka-feature-card__icon .dashicons{
    font-size:18px;
    width:18px;
    height:18px;
    line-height:18px;
  }

  .hokka-feature-card__title{
    font-size:16px;
    line-height:1.3;
    margin:0;
  }

  .hokka-feature-card__text{
    font-size:13px;
    line-height:1.5;
    margin:6px 0 0;
  }
}


/* VERY SMALL MOBILE */

@media (max-width:480px){

  .hokka-features-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .hokka-feature-card{
    padding:16px;
  }

  .hokka-feature-card__top{
    gap:10px;
    margin-bottom:6px;
  }

  .hokka-feature-card__icon{
    width:34px;
    height:34px;
    min-width:34px;
    font-size:16px;
  }

  .hokka-feature-card__icon .dashicons{
    font-size:17px;
    width:17px;
    height:17px;
    line-height:17px;
  }

  .hokka-feature-card__title{
    font-size:16px;
  }

  .hokka-feature-card__text{
    font-size:13px;
    line-height:1.45;
  }
}