/* Адаптивный, центрированный VK-плеер 16:9 */
.vk16x9{
  position: relative;
  width: 100%;
  max-width: 960px;          /* ширина на десктопе — поправь под свой макет */
  margin: 24px auto;         /* центрирование и отступы сверху/снизу */
  aspect-ratio: 16 / 9;      /* сохраняем 16:9 на современных браузерах */
  background: transparent;
  overflow: hidden;
  border-radius: 0px;        /* опционально: скругление, можно убрать */
}

/* сам iframe заполняет контейнер без растяжения */
.vk16x9 > iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  border-radius: inherit;     /* повторяем скругление контейнера */
}

/* Фолбэк на старые браузеры без aspect-ratio */
@supports not (aspect-ratio: 16 / 9){
  .vk16x9{ height: 0; padding-top: 56.25%; } /* 9/16=56.25% */
  .vk16x9 > iframe{ position: absolute; top: 0; left: 0; height: 100%; }
}

/* Мобильная адаптация: видео во всю ширину блока */
@media (max-width: 600px){
  .vk16x9{
    max-width: 100%;
    margin: 16px auto;
    border-radius: 0px;     /* можно уменьшить радиус на мобиле */
  }
}







/* ==== Блок оформления формы поиска Beds24 ==== */
/* Палитра (можешь поменять под проект) */
:root{
  --pc-bg:#f7f9fc;
  --pc-card:#ffffff;
  --pc-text:#0f172a;
  --pc-muted:#6b7280;
  --pc-primary:#046AB6;   /* синий */
  --pc-primary-600:#045a96;
  --pc-accent:#dcab46;    /* золото */
  --pc-border:#e5e7eb;
  --pc-shadow:0 8px 24px rgba(2,6,23,.06);
  --pc-radius:16px;
}

/* Контейнер формы */
.pc-search{
  max-width:1100px; margin:0 auto 20px; padding:16px;
  background:var(--pc-card); border:1px solid var(--pc-border);
  border-radius:var(--pc-radius); box-shadow:var(--pc-shadow);
}

/* Сетка */
.pc-grid{
  display:grid; gap:12px;
  grid-template-columns: repeat(7, minmax(0,1fr));
  align-items:end;
}
@media (max-width:1024px){ .pc-grid{ grid-template-columns: repeat(4, 1fr);} }
@media (max-width:640px){  .pc-grid{ grid-template-columns: repeat(2, 1fr);} }

/* Поле */
.pc-field > span{
  display:block; font:500 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:var(--pc-muted); margin:0 0 6px;
}
.pc-input{
  width:100%; height:44px; padding:10px 12px; border-radius:12px;
  border:1px solid var(--pc-border); background:#fff; color:var(--pc-text);
  outline:none; transition:border-color .2s, box-shadow .2s;
  -webkit-appearance:none; appearance:none;
}
.pc-input:focus{
  border-color:var(--pc-primary);
  box-shadow:0 0 0 3px rgba(4,106,182,.15);
}

/* Кнопка */
.pc-btn{
  height:44px; padding:0 18px; border:0; border-radius:12px; cursor:pointer;
  background:linear-gradient(135deg,var(--pc-primary),var(--pc-primary-600));
  color:#fff; font:600 15px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  transition:transform .06s ease, filter .2s ease; grid-column: span 1;
}
.pc-btn:hover{ filter:brightness(1.05); }
.pc-btn:active{ transform:translateY(1px); }

/* Дата-поля — иконка календаря (необязательно, для iOS/desktop Safari) */
input[type="date"].pc-input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23046AB6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position: calc(100% - 12px) 50%;
  padding-right:40px;
}

/* На очень узких экранах кнопка на всю ширину */
@media (max-width:480px){ .pc-btn{ grid-column:1 / -1; } }