<section class="brand-description">

  <div class="brand-description__content">

 

    <h2 class="brand-description__title">

      Пять дней! Тысячи товаров! И ещё больше выгоды! 😍

    </h2>

 

    <div class="brand-description__hashtags">

      <a href="https://vk.ru/search/statuses?q=%23%D0%90%D0%AD%D0%A0%D0%9E%D0%B0%D0%BA%D1%86%D0%B8%D0%B8"

         target="_blank" rel="noopener noreferrer">

        #АЭРОакции

      </a>

    </div>

 

    <div class="brand-description__notice">

      🔊 С 11 по 15 ноября в Kari KIDS — дополнительная скидка 30% на ВСЁ!

    </div>

 

    <div class="brand-description__discount-box">

      <span class="brand-description__discount">

        30%

      </span>

      <span class="brand-description__discount-text">

        Дополнительная скидка на весь ассортимент!

      </span>

    </div>

 

    <p>

      Да-да, на весь ассортимент! И главное — от стоимости, указанной на ценнике!

    </p>

 

    <div class="brand-description__offers">

      <div class="brand-description__offer">

        На игрушки!

      </div>

 

      <div class="brand-description__offer">

        На одежду!

      </div>

 

      <div class="brand-description__offer">

        На обувь!

      </div>

 

      <div class="brand-description__offer">

        И многое другое!

      </div>

    </div>

 

    <p>

      Выбирайте подарки и обновки для детей по суперценам!

    </p>

 

    <p class="brand-description__accent">

      Kari KIDS — всё для счастливого детства!

    </p>

 

    <div class="brand-description__organizer">

      📌 Организатор акции ООО «КАРИ». Акция проводится с 11.11.2026г. по 15.11.2026г. Подробные условия акции уточняйте у сотрудников магазина KARI и на сайте

      <a href="https://kari.com"

         target="_blank"

         rel="noopener noreferrer">kari.com</a>

    </div>

 

    <div class="brand-description__location">

      Kari KIDS, ТРЦ «АЭРО ПАРК», 1 этаж

    </div>

 

    <div class="brand-description__footer">

      <a href="https://vk.ru/search/statuses?q=%23%D0%B2%D1%81%D1%82%D1%80%D0%B5%D1%87%D0%B0%D0%B5%D0%BC%D1%81%D1%8F%D0%B2%D0%90%D0%AD%D0%A0%D0%9E"

         target="_blank"

         rel="noopener noreferrer">

        #встречаемсявАЭРО

      </a>

      <span>❤</span>

    </div>

 

  </div>

</section>

 

<style>

.brand-description {

  background: #f7f9fc;

  padding: 40px 20px;

  font-family: Arial, Helvetica, sans-serif;

  color: #263447;

}

 

.brand-description__content {

  max-width: 960px;

  margin: 0 auto;

  background: #ffffff;

  padding: 40px;

  border-radius: 18px;

  box-shadow: 0 10px 35px rgba(31, 65, 104, 0.08);

}

 

.brand-description__title {

  position: relative;

  margin: 0 0 18px;

  padding-bottom: 16px;

  font-size: 34px;

  font-weight: 700;

  line-height: 1.3;

  color: #1d4167;

}

 

.brand-description__title::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 70px;

  height: 4px;

  background: #78b9e6;

  border-radius: 3px;

}

 

.brand-description__hashtags {

  margin-bottom: 28px;

}

 

.brand-description__hashtags a,

.brand-description__footer a {

  color: #4b91c4;

  font-size: 16px;

  font-weight: 700;

  text-decoration: none;

}

 

.brand-description__hashtags a:hover,

.brand-description__footer a:hover {

  text-decoration: underline;

}

 

.brand-description__notice {

  background: #eaf5fc;

  border-left: 4px solid #78b9e6;

  border-radius: 0 12px 12px 0;

  padding: 20px 22px;

  margin-bottom: 25px;

  font-size: 21px;

  line-height: 1.5;

  font-weight: 700;

  color: #1d4167;

}

 

.brand-description__discount-box {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 28px;

  padding: 22px 26px;

  background: #f7f9fc;

  border: 1px solid #dce6ef;

  border-radius: 14px;

}

 

.brand-description__discount {

  font-size: 46px;

  line-height: 1.1;

  font-weight: 800;

  color: #1d4167;

  white-space: nowrap;

}

 

.brand-description__discount-text {

  font-size: 18px;

  line-height: 1.5;

  font-weight: 700;

  color: #263447;

}

 

.brand-description p {

  margin: 0 0 22px;

  font-size: 17px;

  line-height: 1.8;

}

 

.brand-description__offers {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 12px;

  margin: 0 0 28px;

}

 

.brand-description__offer {

  padding: 16px 20px;

  background: #f7f9fc;

  border: 1px solid #dce6ef;

  border-radius: 12px;

  font-size: 17px;

  font-weight: 700;

  line-height: 1.5;

  color: #1d4167;

}

 

.brand-description p.brand-description__accent {

  font-size: 19px;

  font-weight: 700;

  color: #1d4167;

}

 

.brand-description__organizer {

  margin: 26px 0;

  padding: 18px 20px;

  background: #f7f9fc;

  border-radius: 10px;

  font-size: 14px;

  line-height: 1.7;

  color: #6b7888;

}

 

.brand-description__organizer a {

  color: #4b91c4;

  font-weight: 700;

  text-decoration: none;

}

 

.brand-description__organizer a:hover {

  text-decoration: underline;

}

 

.brand-description__location {

  border-top: 1px solid #dce6ef;

  padding-top: 24px;

  color: #1d4167;

  font-size: 17px;

  font-weight: 700;

  line-height: 1.6;

}

 

.brand-description__footer {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

  margin-top: 18px;

}

 

.brand-description__footer span {

  font-size: 19px;

}

 

@media (max-width: 640px) {

  .brand-description {

    padding: 20px 12px;

  }

 

  .brand-description__content {

    padding: 26px 20px;

    border-radius: 14px;

  }

 

  .brand-description__title {

    font-size: 28px;

  }

 

  .brand-description__notice {

    padding: 18px;

    font-size: 18px;

  }

 

  .brand-description__discount-box {

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

    padding: 20px;

  }

 

  .brand-description__discount {

    font-size: 40px;

  }

 

  .brand-description__discount-text {

    font-size: 16px;

  }

 

  .brand-description p {

    font-size: 16px;

  }

 

  .brand-description__offers {

    grid-template-columns: 1fr;

  }

 

  .brand-description__offer {

    font-size: 16px;

    padding: 14px 16px;

  }

 

  .brand-description__organizer {

    font-size: 13px;

  }

 

  .brand-description__location {

    font-size: 16px;

  }

}

</style>