@media (max-width: 767px) {

  .hero {
    position: relative;
    min-height: 100svh;
  }
  
    .btn-dark {
    background: var(--white) !important;
    color: var(--darkest) !important;
  }

  .btn-dark:hover {
    background: var(--concrete) !important;
  }

  /* Снимката става fullscreen background */
  .hero-right {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    height: 100% !important;
    z-index: 0;
  }

  .hero-right-bg {
    min-height: 100% !important;
  }

  /* Тъмен overlay върху снимката */
  .hero-right-bg::after {
    background: linear-gradient(
      to bottom,
      rgba(14,12,10,.7) 0%,
      rgba(14,12,10,.5) 60%,
      rgba(14,12,10,.8) 100%
    ) !important;
  }

  /* Текстът отгоре */
  .hero-content {
    position: relative;
    z-index: 2;
    grid-template-columns: 1fr !important;
    min-height: 100svh;
  }

  .hero-left {
    padding: 80px 24px 160px !important;
    background: transparent !important;
    justify-content: flex-end;
  }

  .hero-title {
    color: var(--white) !important;
  }

  .hero-tag {
    color: var(--concrete) !important;
  }

  .hero-sub {
    color: var(--concrete) !important;
  }

  .btn-outline {
    color: var(--white) !important;
    border-color: rgba(248,245,240,.4) !important;
  }

  /* Stats bar */
  .hc-stats-bar {
    left: 24px !important;
    bottom: 32px !important;
    background: rgba(14,12,10,.7) !important;
    border-color: rgba(248,245,240,.1) !important;
  }

  .hc-num {
    color: var(--white) !important;
  }

  .hc-label {
    color: var(--stone) !important;
  }

  .hc-stat {
    border-right-color: rgba(248,245,240,.1) !important;
  }
  

  .btn-dark {
    background: var(--darkest) !important;
    color: var(--white) !important;
  }


  .hero .btn-dark {
    background: var(--white) !important;
    color: var(--darkest) !important;
  }
}