.elementor-31727 .elementor-element.elementor-element-279e69a{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:110px;--padding-bottom:110px;--padding-left:120px;--padding-right:120px;--z-index:1;}.elementor-31727 .elementor-element.elementor-element-279e69a:not(.elementor-motion-effects-element-type-background), .elementor-31727 .elementor-element.elementor-element-279e69a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://audioproductacademy.com/wp-content/uploads/2026/01/d9d196cf21a3eddec430f98eb69733c3-e1768216350599.webp");background-position:top center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-31727 .elementor-element.elementor-element-55d8396e{text-align:end;width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;z-index:0;}.elementor-31727 .elementor-element.elementor-element-55d8396e .elementor-heading-title{font-family:"Futura-bold", Sans-serif;font-size:60px;font-weight:bold;line-height:90px;color:#FFFFFD;}.elementor-31727 .elementor-element.elementor-element-55d8396e > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-31727 .elementor-element.elementor-element-07de8cc{--display:flex;}.elementor-31727 .elementor-element.elementor-element-07de8cc:not(.elementor-motion-effects-element-type-background), .elementor-31727 .elementor-element.elementor-element-07de8cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5f782af );}@media(max-width:1024px) and (min-width:768px){.elementor-31727 .elementor-element.elementor-element-279e69a{--width:100%;}}@media(max-width:1024px){.elementor-31727 .elementor-element.elementor-element-279e69a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-31727 .elementor-element.elementor-element-55d8396e{text-align:end;--container-widget-width:46%;--container-widget-flex-grow:0;width:var( --container-widget-width, 46% );max-width:46%;}}@media(max-width:992px){.elementor-31727 .elementor-element.elementor-element-55d8396e{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}}@media(max-width:767px){.elementor-31727 .elementor-element.elementor-element-279e69a{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-31727 .elementor-element.elementor-element-55d8396e{text-align:center;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-31727 .elementor-element.elementor-element-55d8396e .elementor-heading-title{font-size:55px;}.elementor-31727 .elementor-element.elementor-element-55d8396e > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3735a38 *//* =========================
   КНОПКИ КАТЕГОРИЙ (РОЗОВЫЕ)
   ========================= */
.lp-categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 40px 0;
  justify-content: center;
}

/* Основной цвет: #ff69b4
   Hover: #ff85c1
   Active можно сделать ещё чуть темнее, например #ff479e
*/
.cat-btn {
        font-family: var(--e-global-typography-72f47fd-font-family), Sans-serif;
    font-size: var(--e-global-typography-72f47fd-font-size);
  background-color: #ffffff !important;     /* zawsze białe */
  border: 2px solid #1F1F1F;      /* czarny border */
  border-radius: 0;              /* PROSTOKĄT */
  padding: 8px 20px 6px;
  cursor: pointer;
  font-weight: 500;
  color: #1F1F1F;                /* czarny tekst */
  font-size: 1rem;
  transition:
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
  box-shadow: none;
}


.cat-btn:hover {
  background-color: #ffffff;           /* nadal białe */
  color: #FF2400;                      /* czerwony tekst */
  border-color: #FF2400;               /* czerwony border */
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.cat-btn.active {
  background-color: #ffffff;           /* nadal białe */
  color: #FF2400;                      /* czerwony tekst */
  border-color: #FF2400;               /* czerwony border */
  transform: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}


/* =========================
   КОНТЕЙНЕР СЛАЙДЕРА
   ========================= */
#lp-courses-grid {
  display: none; /* изначально скрыт */
  margin-bottom: 40px;
}

/* Убираем дефолтные стрелки slick */
.slick-arrow.slick-hidden {
  display: none !important;
}
.slick-prev:not(.custom-prev),
.slick-next:not(.custom-next) {
  display: none !important;
}

.slick-slider .slick-track{
    display: flex !important;
    /*gap: 45px !important;*/
}
.slick-initialized .slick-slide {

    display: flex;
    flex-direction: column;
    margin: 0 20px;
}
.lp-course-content {
    display: flex;
    flex-direction: column;
    height: 218px;
}

.slick-slider .slick-list{
    margin: 0 -20px; 
}


/* =========================
   КАРТОЧКИ КУРСОВ
   ========================= */
.lp-course-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 380px; /* при желании меняйте */
  background: #fff;
    border: 1px solid #a5a3a3;
    border-radius: 0;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  
}
.lp-course-item:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Фиксируем высоту картинки, чтобы карточки были одинакового размера */
.lp-course-thumbnail {
  height: 173px; 
  overflow: hidden;
}
.lp-course-thumbnail img {
  width: 100%;
  height: 174px;
  object-fit: cover; 
  display: block;
}

.lp-course-content {
  padding: 15px;
  flex-grow: 1; 
}
.lp-course-title {
  margin: 0 0 8px;
  font-size: 20px;
  height: 50px;
  line-height: 1.3;
  font-weight: 600;
      padding-top: 10px;
          margin-bottom: 20px;
}
.lp-course-instructor {
      font-family: 'MyHelvetica', sans-serif;
    font-size: 16px;
    color: #555;
    font-weight: 500;
        padding: 10px 0px;
}
.lp-course-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.lp-course-rating-stars i {
    color: #1F1f1f;
    margin-right: 8px;
    font-size: 12px;
    position: relative;
    top: -3px;
    /* margin-top: -9px; */
}
.lp-course-rating-value {
font-family: 'MyHelvetica', sans-serif;
  font-size: 16px;
  color: #555;
  font-weight: 500;
}
.lp-course-price {

  font-family: 'MyHelveticaMedium', sans-serif;
    color: #FF2400;
    font-size: 20px;
    margin-top: auto;
}

/* =========================
   СПИННЕР (LOADING)
   ========================= */
.spinner {
  border: 8px solid #f3f3f3; 
  border-top: 8px solid #ff69b4; /* розовый */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
  margin: 30px auto;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* =========================
   КАСТОМНЫЕ СТРЕЛКИ
   ========================= */
.custom-prev, .custom-next {
  
  border: none;
  border-radius: 25%;
  width: 40px;
  height: 40px;
  color: #1F1F1F;
  font-size: 1.5rem;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white !important;
}
.custom-prev:hover, .custom-next:hover {
  opacity: 1;
    color: #FF2400;  
  
}
.custom-prev {
  left: 20px; /* насколько смещена влево */
}
.custom-next {
  right: 20px; /* насколько смещена вправо */
}

/* =========================
   АДАПТИВНОСТЬ
   ========================= */
@media (max-width: 768px) {
  #lp-courses-grid .slick-slide {
    width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 480px) {
  #lp-courses-grid .slick-slide {
    width: 100%;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura-bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://audioproductacademy.com/wp-content/uploads/2026/01/futura-bold-webfont.woff2') format('woff2'),
		url('https://audioproductacademy.com/wp-content/uploads/2026/01/futura-bold-webfont.woff') format('woff');
}
/* End Custom Fonts CSS */