/* Malva Mebel / public VK video V1.3 */
.malva-vk-home-section{padding:58px 0;background:#f6f4ef}
.malva-vk-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.malva-vk-section-head h2{margin:4px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.08}
.malva-vk-section-head p{margin:0;color:#687277}
.malva-vk-section-head>a{flex:0 0 auto;color:#174f55;text-decoration:none;font-weight:700}
.malva-vk-grid{display:grid;gap:16px}
.malva-vk-grid--home{grid-template-columns:repeat(5,minmax(0,1fr));width:100%}
.malva-vk-grid--category{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.malva-vk-card{min-width:0}
.malva-vk-card__media{position:relative;display:block;width:100%;padding:0;border:0;border-radius:15px;overflow:hidden;background:#171b1d;aspect-ratio:9/16;cursor:pointer;box-shadow:0 9px 22px rgba(16,40,43,.105)}
.malva-vk-card__media img,.malva-vk-card__media iframe,.malva-vk-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;border:0}
.malva-vk-card__placeholder{background:linear-gradient(145deg,#213e42,#10191b)}
.malva-vk-card__play{position:absolute;left:50%;top:50%;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(0,0,0,.2)}
.malva-vk-card__play:after{content:"";position:absolute;left:21px;top:15px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #174f55}
.malva-vk-card__media:hover .malva-vk-card__play{transform:translate(-50%,-50%) scale(1.05)}
.malva-vk-card__badge{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;background:#f1c84c;color:#1a2325;font-size:12px;font-weight:800}
.malva-vk-card__meta{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 2px 0}
.malva-vk-card__meta strong{min-width:0;font-size:13px;color:#182b2e}
.malva-vk-card__meta span{font-size:11px;color:#7a8589}
.malva-vk-card__meta a{grid-column:1/-1;justify-self:start;margin-top:1px;color:#174f55;text-decoration:none;font-size:11px;font-weight:700}
.malva-category-media-switcher{grid-column:1/-1;width:100%;min-width:0;margin-top:28px}
.malva-category-media-tabs{display:flex;gap:8px;margin:0 0 24px;padding:5px;border-radius:14px;background:#eef2f1;width:max-content;max-width:100%}
.malva-category-media-tab{appearance:none;border:0;background:transparent;color:#5d686d;padding:11px 22px;border-radius:10px;font:inherit;font-weight:800;cursor:pointer}
.malva-category-media-tab.is-active{background:#174f55;color:#fff}
.malva-category-media-pane{width:100%;min-width:0}
.malva-category-media-pane[hidden]{display:none!important}
.malva-category-media-pane--videos{padding-bottom:12px}
.malva-vk-empty{padding:32px;border:1px solid #e1e7e6;border-radius:16px;background:#f8faf9;color:#667176;text-align:center}
@media (max-width:1340px){
  .malva-vk-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  .malva-vk-grid--home,.malva-vk-grid--category{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .malva-vk-home-section{padding:44px 0}
  .malva-vk-section-head{display:block;margin-bottom:20px}
  .malva-vk-section-head>a{display:inline-block;margin-top:12px}
  .malva-vk-grid--home{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px 8px 0}
  .malva-vk-grid--home .malva-vk-card{flex:0 0 66%;scroll-snap-align:start}
  .malva-vk-grid--home .malva-vk-card--production{order:-1}
  .malva-vk-grid--category{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .malva-vk-card__media{border-radius:14px}
  .malva-vk-card__play{width:46px;height:46px}
  .malva-vk-card__play:after{left:19px;top:13px}
  .malva-category-media-tabs{width:100%}
  .malva-category-media-tab{flex:1;padding:10px 14px}
}
@media (max-width:420px){
  .malva-vk-grid--category{grid-template-columns:1fr 1fr;gap:10px}
  .malva-vk-card__meta{display:block;padding-top:8px}
  .malva-vk-card__meta strong,.malva-vk-card__meta span,.malva-vk-card__meta a{display:block}
  .malva-vk-card__meta span{margin-top:2px}
  .malva-vk-card__meta a{margin-top:4px}
}

/* === MALVA VK HOME BOUNDS FIX V1.4: BEGIN === */
/*
 * Главная / VK-видео:
 * 1) секция использует ту же рабочую сетку, что hero/catalog;
 * 2) на tablet/desktop горизонтальная лента принудительно превращается в grid;
 * 3) ни карточка, ни media/meta не могут раздвинуть контейнер;
 * 4) мобильная горизонтальная прокрутка сохранена, но строго внутри контейнера.
 */

.malva-vk-home-section {
  width: 100%;
  max-width: 100%;
}

.malva-vk-home-section > .container,
.malva-vk-home-section .container {
  width: min(
    calc(100% - var(--malva-page-gap, 48px) * 2),
    var(--malva-page-max, 1500px)
  ) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.malva-vk-section-head,
.malva-vk-grid,
.malva-vk-grid--home,
.malva-vk-card,
.malva-vk-card__media,
.malva-vk-card__meta {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.malva-vk-grid--home {
  width: 100% !important;
}

.malva-vk-card__media,
.malva-vk-card__media img,
.malva-vk-card__media iframe,
.malva-vk-card__placeholder {
  max-width: 100% !important;
}

/* Desktop и планшеты: никаких горизонтальных выездов. */
@media (min-width: 768px) {
  .malva-vk-grid--home {
    display: grid !important;
    overflow: visible !important;
    overflow-x: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
  }

  .malva-vk-grid--home .malva-vk-card {
    flex: none !important;
    width: auto !important;
    max-width: 100% !important;
    scroll-snap-align: none !important;
  }
}

/* Большой desktop: пять карточек строго в общей сетке сайта. */
@media (min-width: 1280px) {
  .malva-vk-grid--home {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* Обычный desktop / широкий планшет. */
@media (min-width: 992px) and (max-width: 1279px) {
  .malva-vk-grid--home {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* Планшет. */
@media (min-width: 768px) and (max-width: 991px) {
  .malva-vk-grid--home {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* Телефон: общая граница сайта 16px слева/справа; карусель остаётся внутри неё. */
@media (max-width: 767px) {
  .malva-vk-home-section > .container,
  .malva-vk-home-section .container {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .malva-vk-grid--home {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    overscroll-behavior-inline: contain;
  }

  .malva-vk-grid--home .malva-vk-card {
    max-width: 100% !important;
  }
}
/* === MALVA VK HOME BOUNDS FIX V1.4: END === */


/* === MALVA VIDEO TAB YELLOW STYLE V1.1: BEGIN === */
/*
 * Задача: сделать вкладку «Видео» заметнее, в стиле жёлтых акцентных кнопок сайта,
 * не ломая текущий CTA и переключение вкладок.
 */

.malva-category-media-tab[data-malva-category-tab="videos"] {
  background: #f1c84c !important;
  border: 1px solid #e2b73e !important;
  color: #173f43 !important;
  box-shadow: 0 8px 18px rgba(241, 200, 76, .22) !important;
}

.malva-category-media-tab[data-malva-category-tab="videos"]:hover {
  background: #f4cf5c !important;
  border-color: #e5bc48 !important;
  color: #173f43 !important;
  box-shadow: 0 10px 22px rgba(241, 200, 76, .26) !important;
}

.malva-category-media-tab[data-malva-category-tab="videos"] .malva-video-tab-icon,
.malva-category-media-tab[data-malva-category-tab="videos"] .malva-video-tab-label {
  color: #173f43 !important;
}

.malva-category-media-tab[data-malva-category-tab="videos"] .malva-video-tab-count {
  background: rgba(255,255,255,.62) !important;
  color: #173f43 !important;
  border: 1px solid rgba(23, 63, 67, .08);
}

.malva-category-media-tab[data-malva-category-tab="videos"].is-active {
  background: #f1c84c !important;
  border-color: #d8ab28 !important;
  color: #173f43 !important;
  box-shadow: 0 10px 24px rgba(241, 200, 76, .28) !important;
}

.malva-category-media-tab[data-malva-category-tab="videos"].is-active .malva-video-tab-icon,
.malva-category-media-tab[data-malva-category-tab="videos"].is-active .malva-video-tab-label,
.malva-category-media-tab[data-malva-category-tab="videos"].is-active .malva-video-tab-count {
  color: #173f43 !important;
}

.malva-category-media-tab[data-malva-category-tab="videos"].is-active .malva-video-tab-count {
  background: rgba(255,255,255,.7) !important;
}
/* === MALVA VIDEO TAB YELLOW STYLE V1.1: END === */

/* === MALVA UNIVERSAL VIDEO DISCOVERY CTA V1.2: BEGIN === */
.malva-video-discovery-cta {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 2px 0;
  padding: 20px 22px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 90% 15%, rgba(241,200,76,.18), transparent 30%),
    linear-gradient(135deg, #173f43 0%, #102f32 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  box-shadow: 0 12px 30px rgba(16,47,50,.12);
}
.malva-video-discovery-cta__copy{min-width:0;display:grid;gap:4px}
.malva-video-discovery-cta__eyebrow{
  color:#f1c84c;font-size:11px;line-height:1.2;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase
}
.malva-video-discovery-cta__title{
  color:#fff;font-size:clamp(18px,2vw,24px);line-height:1.15;font-weight:850
}
.malva-video-discovery-cta__text{
  max-width:760px;color:rgba(255,255,255,.77);font-size:14px;line-height:1.45
}
.malva-video-discovery-cta__button{
  flex:0 0 auto;min-height:46px;padding:0 18px;border:0;border-radius:13px;
  background:#f1c84c;color:#173f43;font:inherit;font-size:13px;font-weight:900;
  cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease;
  box-shadow:0 8px 20px rgba(0,0,0,.12)
}
.malva-video-discovery-cta__button:hover{
  transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,0,0,.16)
}
@media(max-width:760px){
  .malva-video-discovery-cta{padding:17px;border-radius:16px;display:grid;gap:14px}
  .malva-video-discovery-cta__title{font-size:19px}
  .malva-video-discovery-cta__text{font-size:13px}
  .malva-video-discovery-cta__button{width:100%;min-height:44px}
}
/* === MALVA UNIVERSAL VIDEO DISCOVERY CTA V1.2: END === */