/* =========================================
   Скорость и Комфорт — main.css (FULL)
   Dark + Gold Premium UI System
========================================= */

:root{
  /* Core palette */
  --bg: #0b0b0d;
  --bg2:#0f0f12;
  --panel:#141417;
  --panel2:#101013;
  --text:#f5f5f5;
  --muted: rgba(245,245,245,.68);
  --muted2: rgba(245,245,245,.52);
  --line: rgba(255,255,255,.08);
  --line2: rgba(255,255,255,.12);

  /* Gold system */
  --gold:#C6A75E;
  --gold2:#E7C878;
  --gold3:#8F6B2D;
  --goldSoft: rgba(198,167,94,.14);
  --goldSoft2: rgba(198,167,94,.10);

  /* Layout */
  --container: 1200px;

  /* Radius */
  --r10:10px;
  --r12:12px;
  --r16:16px;
  --r20:20px;
  --r24:24px;

  /* Spacing */
  --s6:6px;
  --s8:8px;
  --s10:10px;
  --s12:12px;
  --s14:14px;
  --s16:16px;
  --s18:18px;
  --s20:20px;
  --s24:24px;
  --s28:28px;
  --s32:32px;
  --s40:40px;
  --s48:48px;
  --s56:56px;
  --s64:64px;

  /* Shadow */
  --shadow: 0 18px 55px rgba(0,0,0,.55);
  --shadow2: 0 10px 30px rgba(0,0,0,.42);

  /* Typography */
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial;
}

/* ---------- Reset / Base ---------- */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: var(--font);
  color: var(--text);
  background:
    radial-gradient(1200px 600px at 18% -10%, rgba(198,167,94,.12), transparent 60%),
    radial-gradient(900px 500px at 85% 0%, rgba(198,167,94,.08), transparent 55%),
    linear-gradient(180deg, var(--bg), #09090b 80%);
  line-height:1.5;
}

img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
button, input, select, textarea{ font-family: inherit; }

::selection{ background: rgba(198,167,94,.28); color:#fff; }

/* ---------- Layout helpers ---------- */
.sk-container{
  width: min(var(--container), calc(100% - 40px));
  margin-inline: auto;
}

.sk-page{ min-height: 60vh; }

.sk-section{ padding: var(--s64) 0; }
@media (max-width: 900px){ .sk-section{ padding: var(--s48) 0; } }

.sk-grid{ display:grid; gap: var(--s20); }
.sk-grid--cars{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 1100px){ .sk-grid--cars{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 700px){ .sk-grid--cars{ grid-template-columns: 1fr; } }

/* ---------- Typography ---------- */
.sk-h1{
  font-size: clamp(32px, 3.6vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin:0 0 var(--s16);
}
.sk-h2{
  font-size: clamp(22px, 2.3vw, 36px);
  line-height: 1.15;
  margin:0;
}
.sk-lead{
  color: var(--muted);
  margin: 0 0 var(--s24);
  max-width: 72ch;
}
.sk-text-muted{ color: var(--muted); }

/* ---------- Card / Panels ---------- */
.sk-card{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid var(--line);
  border-radius: var(--r16);
  box-shadow: var(--shadow2);
  padding: var(--s24);
}

/* ---------- Buttons ---------- */
.sk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: var(--r12);
  border: 1px solid transparent;
  text-decoration:none;
  font-weight: 800;
  cursor:pointer;
  user-select:none;
  transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
}
.sk-btn:active{ transform: translateY(1px); }

.sk-btn--gold{
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color:#0a0a0c;
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 10px 26px rgba(198,167,94,.18);
}
.sk-btn--gold:hover{ filter: brightness(1.03); }

.sk-btn--ghost{
  background: rgba(255,255,255,.04);
  border-color: var(--line);
  color: rgba(245,245,245,.92);
}
.sk-btn--ghost:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(198,167,94,.26);
}

.sk-btn--sm{
  padding: 10px 14px;
  border-radius: var(--r12);
  font-weight: 800;
  font-size: 14px;
}

/* ---------- Inputs ---------- */
.sk-field__label{
  display:block;
  font-size: 12px;
  color: var(--muted2);
  margin-bottom: var(--s6);
}
.sk-input{
  width:100%;
  padding: 12px 12px;
  border-radius: var(--r12);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  color: var(--text);
  outline:none;
}
.sk-input:focus{
  border-color: rgba(198,167,94,.35);
  box-shadow: 0 0 0 4px rgba(198,167,94,.10);
}

/* ---------- Header ---------- */
.sk-header{
  position: sticky;
  top:0;
  z-index: 50;
  backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(11,11,13,.92), rgba(11,11,13,.72));
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.sk-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--s16);
  padding: 14px 0;
}

.sk-brand{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
}
.sk-brand__mark{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display:grid;
  place-items:center;
  background: rgba(198,167,94,.12);
  border: 1px solid rgba(198,167,94,.22);
  color: var(--gold2);
  font-weight: 900;
}
.sk-brand__text{
  font-weight: 900;
  letter-spacing: .02em;
}

.sk-nav{
  display:flex;
  gap: 18px;
  align-items:center;
}
.sk-nav a{
  text-decoration:none;
  color: rgba(245,245,245,.84);
  font-weight: 800;
  font-size: 14px;
  padding: 10px 10px;
  border-radius: 10px;
}
.sk-nav a:hover{
  background: rgba(255,255,255,.04);
  color: var(--text);
}
@media (max-width: 900px){
  .sk-nav{ display:none; }
}

/* ---------- Hero ---------- */
.sk-hero{
  position:relative;
  padding: var(--s64) 0 var(--s32);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.sk-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 30% 0%, rgba(198,167,94,.16), transparent 60%),
    radial-gradient(900px 420px at 75% 20%, rgba(198,167,94,.10), transparent 60%);
  pointer-events:none;
}
.sk-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: var(--s32);
  align-items:center;
}
@media (max-width: 980px){
  .sk-hero__grid{ grid-template-columns: 1fr; }
}
.sk-hero__visual{
  border-radius: var(--r24);
  border: 1px solid rgba(255,255,255,.08);
  overflow:hidden;
  background: rgba(255,255,255,.02);
  min-height: 320px;
  box-shadow: var(--shadow);
}
.sk-hero__visual img{
  width:100%;
  height:100%;
  min-height: 320px;
  object-fit: cover;
}
.sk-hero__actions{
  display:flex;
  gap: var(--s12);
  flex-wrap: wrap;
  margin-top: var(--s16);
}

/* ---------- Search bar (front) ---------- */
.sk-search{
  margin-top: var(--s24);
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--r16);
  padding: 14px;
  display:grid;
  grid-template-columns: 1.1fr 1fr 1fr .9fr auto;
  gap: 12px;
}
@media (max-width: 980px){
  .sk-search{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
  .sk-search{ grid-template-columns: 1fr; }
}

/* ---------- Features ---------- */
.sk-features{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--s16);
}
@media (max-width: 900px){
  .sk-features{ grid-template-columns: 1fr; }
}

/* ---------- Car card ---------- */
.sk-carcard{
  border-radius: var(--r16);
  border: 1px solid rgba(255,255,255,.09);
  overflow:hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow: var(--shadow2);
}
.sk-carcard__media{
  position:relative;
  display:block;
  text-decoration:none;
}
.sk-carcard__img{
  width:100%;
  height: 220px;
  object-fit: cover;
}
.sk-carcard__shine{
  position:absolute;
  inset:0;
  background: radial-gradient(500px 220px at 80% 10%, rgba(198,167,94,.18), transparent 55%);
  pointer-events:none;
}
.sk-carcard__body{ padding: var(--s20); }
.sk-carcard__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: var(--s16);
}
.sk-carcard__title{
  margin:0;
  font-weight: 900;
  letter-spacing: .01em;
}
.sk-carcard__title a{ text-decoration:none; }
.sk-carcard__title a:hover{ color: var(--gold2); }

.sk-carcard__price{
  color: var(--gold2);
  font-weight: 900;
  white-space: nowrap;
}
.sk-carcard__desc{
  margin-top: var(--s10);
  color: var(--muted);
  font-size: 14px;
  min-height: 42px;
}
.sk-carcard__actions{
  margin-top: var(--s16);
  display:flex;
  gap: var(--s12);
  flex-wrap: wrap;
}

/* ---------- Single car layout ---------- */
.sk-car{
  display:grid;
  grid-template-columns: 1.45fr .9fr;
  gap: var(--s24);
  align-items:start;
}
@media (max-width: 980px){
  .sk-car{ grid-template-columns: 1fr; }
}

.sk-book__title{ font-weight: 900; margin-bottom: var(--s8); }
.sk-book__price{ color: var(--gold2); font-weight: 900; margin-bottom: var(--s12); }
.sk-book__grid{ display:grid; gap: var(--s12); margin-bottom: var(--s16); }

/* ---------- Tariffs (deposit + table) ---------- */
.sk-tariffs{ margin: var(--s12) 0 var(--s16); }

.sk-tariffs__deposit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--s12);
  padding: 10px 12px;
  border-radius: var(--r12);
  border: 1px solid rgba(198,167,94,.22);
  background: rgba(198,167,94,.10);
}

.sk-tariffs__table{
  margin-top: var(--s10);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--r16);
  overflow:hidden;
  background: rgba(255,255,255,.02);
}
.sk-tariffs__row{
  display:flex;
  justify-content:space-between;
  gap: var(--s12);
  padding: 10px 12px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.sk-tariffs__row:first-child{ border-top:0; }
.sk-tariffs__k{ color: var(--muted); }
.sk-tariffs__v{ font-weight: 900; color: var(--gold2); }

/* ---------- Gallery ---------- */
.sk-gallery__main{
  position:relative;
  overflow:hidden;
  border-radius: var(--r16);
  border: 1px solid rgba(255,255,255,.08);
}
.sk-gallery__mainimg{
  width:100%;
  height: 420px;
  object-fit: cover;
  display:block;
}
@media (max-width: 980px){
  .sk-gallery__mainimg{ height: 320px; }
}
.sk-gallery__badge{
  position:absolute;
  left: 12px;
  bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(198,167,94,.25);
  color: var(--gold2);
  font-weight: 900;
  font-size: 12px;
}

.sk-gallery__thumbs{
  margin-top: var(--s10);
  display:flex;
  gap: 10px;
  overflow:auto;
  padding-bottom: 4px;
}
.sk-gallery__thumb{
  width: 96px;
  height: 72px;
  flex: 0 0 auto;
  border-radius: var(--r12);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  padding:0;
  cursor:pointer;
}
.sk-gallery__thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.sk-gallery__thumb:hover{
  border-color: rgba(198,167,94,.30);
}

/* ---------- Tabs ---------- */
.sk-tabs__bar{
  display:flex;
  gap: var(--s10);
  flex-wrap: wrap;
  padding: var(--s10);
  border-radius: var(--r16);
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}
.sk-tabs__btn{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
  color: rgba(245,245,245,.86);
  padding: 10px 12px;
  border-radius: var(--r12);
  font-weight: 900;
  cursor:pointer;
}
.sk-tabs__btn.is-active{
  border-color: rgba(198,167,94,.30);
  background: rgba(198,167,94,.14);
  color: var(--gold2);
}
.sk-tabs__panel{ display:none; margin-top: var(--s12); }
.sk-tabs__panel.is-active{ display:block; }

/* Prose */
.sk-prose{ color: rgba(245,245,245,.88); }
.sk-prose p{ margin: 0 0 var(--s16); }
.sk-prose ul{ margin: 0 0 var(--s16); padding-left: 18px; }
.sk-prose li{ margin: 8px 0; }

/* Specs table */
.sk-specs{
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--r16);
  overflow:hidden;
}
.sk-specs__row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  padding: 12px 14px;
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
}
.sk-specs__row:first-child{ border-top:0; }
.sk-specs__k{ color: var(--muted); }
.sk-specs__v{ font-weight: 900; text-align:right; }
@media (max-width: 700px){
  .sk-specs__row{ grid-template-columns: 1fr; gap: 6px; }
  .sk-specs__v{ text-align:left; }
}

/* Equipment */
.sk-equip{ display:grid; gap: var(--s14); }
.sk-equip__group{
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  border-radius: var(--r16);
  padding: 14px;
}
.sk-equip__title{
  font-weight: 900;
  margin-bottom: var(--s10);
}
.sk-equip__list{
  margin: 0;
  padding-left: 18px;
  color: rgba(245,245,245,.78);
}
.sk-equip__list li{ margin: 8px 0; }

/* ---------- Section head / Similar ---------- */
.sk-sectionhead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: var(--s16);
  margin-bottom: var(--s24);
}
@media (max-width: 700px){
  .sk-sectionhead{ flex-direction:column; align-items:flex-start; }
}

.sk-section--alt{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* ---------- Footer ---------- */
.sk-footer{
  border-top: 1px solid rgba(255,255,255,.06);
  padding: var(--s48) 0 var(--s24);
  background: linear-gradient(180deg, rgba(20,20,22,.35), rgba(11,11,13,1));
}
.sk-footer__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr .8fr;
  gap: var(--s32);
}
@media (max-width: 900px){
  .sk-footer__grid{ grid-template-columns: 1fr; }
}
.sk-footer__title{ font-weight: 900; margin-bottom: var(--s12); }
.sk-footer__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap: 10px;
}
.sk-footer__links a{
  text-decoration:none;
  color: rgba(245,245,245,.78);
}
.sk-footer__links a:hover{ color: var(--gold2); }
.sk-footer__bottom{
  margin-top: var(--s32);
  padding-top: var(--s16);
  border-top: 1px solid rgba(255,255,255,.06);
  display:flex;
  justify-content:space-between;
  gap: var(--s16);
  flex-wrap:wrap;
  color: var(--muted);
}

/* ---------- 404 / simple blocks ---------- */
.sk-center{
  text-align:center;
}

/* ---------- Flatpickr dark + gold overrides ---------- */
.flatpickr-calendar{
  background: #111114 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.55) !important;
}
.flatpickr-months, .flatpickr-weekdays{
  background: transparent !important;
}
.flatpickr-current-month, .flatpickr-weekday{
  color: rgba(245,245,245,.88) !important;
}
.flatpickr-day{
  color: rgba(245,245,245,.82) !important;
}
.flatpickr-day:hover{
  background: rgba(198,167,94,.14) !important;
  border-color: rgba(198,167,94,.22) !important;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange{
  background: rgba(198,167,94,.26) !important;
  border-color: rgba(198,167,94,.36) !important;
  color: #fff !important;
}
.flatpickr-day.today{
  border-color: rgba(198,167,94,.35) !important;
}
/* Gallery thumbs arrows + visible scroll */
.sk-gallery__nav{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:10px;
}

.sk-gallery__arrow{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
  color: rgba(245,245,245,.92);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.sk-gallery__arrow:hover{
  border-color: rgba(198,167,94,.30);
  background: rgba(198,167,94,.10);
  color: var(--gold2);
}

.sk-gallery__thumbs{
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: rgba(198,167,94,.35) rgba(255,255,255,.06);
  scrollbar-width: thin;
}
.sk-gallery__thumbs::-webkit-scrollbar{ height:8px; }
.sk-gallery__thumbs::-webkit-scrollbar-track{ background: rgba(255,255,255,.06); border-radius:999px; }
.sk-gallery__thumbs::-webkit-scrollbar-thumb{ background: rgba(198,167,94,.35); border-radius:999px; }

/* Booking calc block */
.sk-calc{
  margin: 14px 0 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  border-radius: 14px;
  overflow:hidden;
}
.sk-calc__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 10px 12px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.sk-calc__row:first-child{ border-top:0; }
.sk-calc__total b{ color: var(--gold2); }
.sk-gallery__thumb.is-active{
  border-color: rgba(198,167,94,.55);
  box-shadow: 0 0 0 3px rgba(198,167,94,.14);
}
/* Logo in header */
.sk-brand__logo{
  height: 36px;
  width: auto;
  display:block;
  border-radius: 10px;
}

/* Right side */
.sk-header__right{
  display:flex;
  align-items:center;
  gap: 12px;
}
.sk-phone{
  text-decoration:none;
  font-weight: 900;
  color: rgba(245,245,245,.85);
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.sk-phone:hover{
  border-color: rgba(198,167,94,.28);
  background: rgba(198,167,94,.08);
  color: var(--gold2);
}

/* Dropdown Autopark */
.sk-nav__drop{ position:relative; }
.sk-nav__dropbtn{ display:inline-flex; align-items:center; gap:6px; }
.sk-nav__caret{ opacity:.75; font-size: 12px; }

.sk-nav__menu{
  position:absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 260px;
  max-height: 420px;
  overflow:auto;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(15,15,18,.96);
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
  display:none;
  z-index: 999;
}

.sk-nav__drop:hover .sk-nav__menu{ display:block; }

.sk-nav__item{
  display:block;
  text-decoration:none;
  padding: 10px 10px;
  border-radius: 12px;
  color: rgba(245,245,245,.88);
  border: 1px solid transparent;
}
.sk-nav__item:hover{
  background: rgba(198,167,94,.10);
  border-color: rgba(198,167,94,.22);
  color: var(--gold2);
}
.sk-nav__itemtitle{ font-weight: 900; }

.sk-nav__empty{
  padding: 10px;
  color: rgba(245,245,245,.65);
}
.sk-nav__all{
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}
/* =========================
   TOPBAR like reference
========================= */
.sk-topbar{
  position: sticky;
  top: 0;
  z-index: 100;
  background: linear-gradient(180deg, rgba(10,10,12,.92), rgba(10,10,12,.70));
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.sk-topbar__inner{
  height: 64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}
.sk-topbar__line{
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(198,167,94,.55), transparent);
  opacity: .85;
}
.sk-logo__img{
  height: 34px;
  width: auto;
  display:block;
  border-radius: 10px;
}
.sk-topbar__right{
  display:flex;
  align-items:center;
  gap: 12px;
}
.sk-topbar__phone{
  text-decoration:none;
  font-weight: 900;
  color: rgba(245,245,245,.85);
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.sk-topbar__phone:hover{
  border-color: rgba(198,167,94,.28);
  background: rgba(198,167,94,.08);
  color: var(--gold2);
}

/* =========================
   MENU like reference
========================= */
.sk-menu{
  display:flex;
  align-items:center;
  gap: 8px;
}
.sk-menu__link{
  position:relative;
  text-decoration:none;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(245,245,245,.85);
  padding: 12px 12px;
  border-radius: 12px;
}
.sk-menu__link:hover{
  background: rgba(255,255,255,.04);
  color: #fff;
}
.sk-menu__link::after{
  content:"";
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(198,167,94,.75), transparent);
  opacity: 0;
  transform: translateY(2px);
  transition: .18s ease;
}
.sk-menu__link:hover::after{ opacity: 1; transform: translateY(0); }

.sk-menu__drop{ position:relative; }
.sk-menu__caret{ opacity:.75; font-size: 11px; }

/* dropdown panel */
.sk-menu__panel{
  position:absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 260px;
  max-height: 420px;
  overflow:auto;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(14,14,16,.96);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
  display:none;
}
.sk-menu__drop:hover .sk-menu__panel{ display:block; }
.sk-menu__item{
  display:block;
  text-decoration:none;
  padding: 10px 10px;
  border-radius: 12px;
  color: rgba(245,245,245,.88);
  border: 1px solid transparent;
  font-weight: 800;
}
.sk-menu__item:hover{
  background: rgba(198,167,94,.10);
  border-color: rgba(198,167,94,.22);
  color: var(--gold2);
}
.sk-menu__empty{ padding: 10px; color: rgba(245,245,245,.65); }
.sk-menu__panelbtn{
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}

@media (max-width: 980px){
  .sk-menu{ display:none; }
  .sk-topbar__inner{ height:auto; padding: 12px 0; }
}

/* =========================
   HERO like reference
========================= */
.sk-hero2{
  position: relative;
  padding: 52px 0 26px;
  min-height: 640px;
  overflow:hidden;
}
.sk-hero2__bg{
  position:absolute;
  inset:0;
  background-size: cover;
  background-position: center;
  filter: saturate(.95) contrast(1.05);
  transform: scale(1.04);
}
.sk-hero2__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 62% 38%, rgba(0,0,0,.15), rgba(0,0,0,.72) 60%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.82));
}
.sk-hero2__content{
  position:relative;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items:center;
}
@media (max-width: 980px){
  .sk-hero2{ min-height: auto; padding: 38px 0 22px; }
  .sk-hero2__content{ grid-template-columns:1fr; }
}
.sk-hero2__title{
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.05;
  margin:0 0 12px;
  letter-spacing: -0.02em;
}
.sk-hero2__accent{
  color: var(--gold2);
  text-shadow: 0 18px 45px rgba(198,167,94,.22);
}
.sk-hero2__sub{
  margin:0 0 18px;
  color: rgba(245,245,245,.72);
  max-width: 62ch;
}
.sk-hero2__actions{
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
}
.sk-hero2__search{
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
}
.sk-search2{
  display:grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr auto;
  gap: 12px;
}
@media (max-width: 980px){
  .sk-search2{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
  .sk-search2{ grid-template-columns: 1fr; }
}
.sk-search2__label{
  font-size: 12px;
  color: rgba(245,245,245,.62);
  margin-bottom: 6px;
}
.sk-search2__btn{ display:flex; align-items:flex-end; }
.sk-hero2__features{
  position:relative;
  margin-top: 26px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 980px){
  .sk-hero2__features{ grid-template-columns:1fr; }
}
.sk-hero2__feat{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.28);
  padding: 16px;
}
.sk-hero2__featTitle{
  color: var(--gold2);
  font-weight: 900;
}
.sk-hero2__featText{
  margin-top: 6px;
  color: rgba(245,245,245,.70);
}
/* active underline always visible */
.sk-menu__link.is-active::after{
  opacity: 1;
  transform: translateY(0);
}
.sk-menu__link.is-active{
  color: #fff;
}
.sk-search2__item,
.sk-search2__btn{
  min-width: 0;
}
.sk-search2__input{
  height: 44px;
}
.sk-search2__btn .sk-btn{
  height: 44px;
}
/* =========================================================
   1) HERO SEARCH: ВЫРАВНИВАЕМ ВСЕ ПОЛЯ ПО НИЗУ (один уровень)
   ========================================================= */

/* Важно: выравнивание элементов в grid по нижней линии */
.sk-search2{
  align-items: end;
}

/* Фиксируем одинаковую высоту зоны с лейблом у каждого поля */
.sk-search2__item{
  display: flex;
  flex-direction: column;
}

/* Лейблы одинаковой высоты, чтобы инпуты не "плясали" */
.sk-search2__label{
  min-height: 16px; /* можно 18 если хочешь больше воздуха */
  line-height: 16px;
  margin-bottom: 6px;
}

/* Инпуты и кнопка одинаковой высоты */
.sk-search2__input{ height: 46px; }
.sk-search2__btn{ display:flex; align-items:end; }
.sk-search2__btn .sk-btn{ height: 46px; }

/* На всякий случай — чтобы ничего не выталкивало колонку вниз */
.sk-search2__item,
.sk-search2__btn{ min-width: 0; }


/* =========================================================
   2) УБИРАЕМ ЗОЛОТУЮ ЛИНИЮ/БЛИК НА КАРТОЧКАХ С ФОТО
   ========================================================= */

/* Это как раз тот самый “gold shine” поверх картинки */
.sk-carcard__shine{
  display: none !important;
}

/* Иногда блеск может быть через псевдоэлементы — выключим их мягко */
.sk-carcard__media::before,
.sk-carcard__media::after{
  display: none !important;
  content: none !important;
}


/* =========================================================
   3) ДОБАВЛЯЕМ БОЛЬШЕ ЗОЛОТА ПО ВСЕМУ САЙТУ (АКЦЕНТЫ)
   ========================================================= */

/* Золото чуть ярче/дороже на вид */
:root{
  --gold2: #d6b15a;       /* основной золотой */
  --gold3: #f1d28a;       /* светлое золото */
  --goldGlow: rgba(214,177,90,.22);
}

/* Золотые акцентные рамки на карточках (очень деликатно) */
.sk-card{
  border-color: rgba(214,177,90,.10);
}
.sk-card:hover{
  border-color: rgba(214,177,90,.22);
  box-shadow: 0 18px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(214,177,90,.10);
}

/* Кнопка золото — более “премиум”, с мягким градиентом */
.sk-btn--gold{
  background: linear-gradient(180deg, var(--gold3), var(--gold2));
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 14px 40px rgba(0,0,0,.35), 0 0 0 2px rgba(214,177,90,.12);
}
.sk-btn--gold:hover{
  filter: brightness(1.03);
  box-shadow: 0 18px 55px rgba(0,0,0,.45), 0 0 0 3px rgba(214,177,90,.16);
}

/* Меню: активная линия чуть заметнее */
.sk-menu__link.is-active::after{
  background: linear-gradient(90deg, transparent, rgba(214,177,90,.95), transparent);
}

/* Заголовки секций — золотая “полоска” снизу как у премиум-шаблонов */
.sk-h2{
  position: relative;
}
.sk-h2::after{
  content:"";
  display:block;
  width: 92px;
  height: 2px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(214,177,90,.0), rgba(214,177,90,.9), rgba(214,177,90,.0));
  opacity: .9;
}

/* Инпуты: золотой hover/focus */
.sk-input:focus{
  outline: none;
  border-color: rgba(214,177,90,.35);
  box-shadow: 0 0 0 4px rgba(214,177,90,.12);
}

/* Фото-карточки авто: золотой кант при наведении (без полосы на фото) */
.sk-carcard{
  border: 1px solid rgba(255,255,255,.08);
}
.sk-carcard:hover{
  border-color: rgba(214,177,90,.18);
  box-shadow: 0 22px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(214,177,90,.10);
}
/* ===============================
   SINGLE CAR LAYOUT FIX
================================ */

/* основная сетка страницы авто */
.sk-car{
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 980px){
  .sk-car{ grid-template-columns: 1fr; }
  .sk-book{ position: static !important; top: auto !important; }
}

/* inner cards helper */
.sk-card--inner{
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
}

/* grid2: тарифы/депозит 2 колонки */
.sk-grid2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 980px){
  .sk-grid2{ grid-template-columns: 1fr; }
}

/* Tabs */
.sk-tabs__head{
  display:flex;
  gap:10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.sk-tabs__btn{
  appearance:none;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(245,245,245,.85);
  padding: 10px 14px;
  border-radius: 14px;
  font-weight: 900;
  cursor:pointer;
}
.sk-tabs__btn:hover{
  border-color: rgba(214,177,90,.22);
  background: rgba(214,177,90,.08);
}
.sk-tabs__btn.is-active{
  border-color: rgba(214,177,90,.35);
  background: rgba(214,177,90,.12);
  color: var(--gold2);
}
.sk-tabs__pane{ display:none; }
.sk-tabs__pane.is-active{ display:block; }

/* Gallery */
.sk-gallery__main{
  position:relative;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.sk-gallery__img{
  width:100%;
  height: 360px;
  object-fit: cover;
  display:block;
}
@media (max-width: 980px){
  .sk-gallery__img{ height: 260px; }
}

.sk-gallery__nav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  color: rgba(245,245,245,.92);
  font-size: 28px;
  line-height: 38px;
  cursor:pointer;
}
.sk-gallery__nav:hover{
  border-color: rgba(214,177,90,.22);
  background: rgba(214,177,90,.10);
  color: var(--gold2);
}
.sk-gallery__prev{ left: 12px; }
.sk-gallery__next{ right: 12px; }

.sk-gallery__thumbs{
  margin-top: 12px;
  display:flex;
  gap:10px;
  overflow:auto;
  padding-bottom: 6px;
}
.sk-gallery__thumb{
  flex: 0 0 auto;
  width: 92px;
  height: 62px;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  cursor:pointer;
  opacity: .88;
}
.sk-gallery__thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.sk-gallery__thumb.is-active{
  border-color: rgba(214,177,90,.35);
  box-shadow: 0 0 0 3px rgba(214,177,90,.10);
  opacity: 1;
}

/* Таблички характеристик */
.sk-table{ display:flex; flex-direction:column; gap:0; }
.sk-table__row{
  display:flex;
  justify-content:space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sk-table__row:last-child{ border-bottom: none; }
.sk-table__key{ color: rgba(245,245,245,.62); font-weight: 800; }
.sk-table__val{ color: rgba(245,245,245,.92); font-weight: 900; }

/* Booking fields */
.sk-book__fields{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 980px){
  .sk-book__fields{ grid-template-columns: 1fr; }
}
.sk-field__label{
  font-size: 12px;
  color: rgba(245,245,245,.62);
  margin-bottom: 6px;
}
.sk-field .sk-input{ height: 46px; }

/* Calc block */
.sk-calc{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  padding: 14px;
}
.sk-calc__row{
  display:flex;
  justify-content:space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sk-calc__row:last-child{ border-bottom:none; }
.sk-calc__total b{ color: var(--gold2); }
/* =========================
   Home: Trust + Steps blocks
   ========================= */

.sk-home-trust .sk-sectionhead,
.sk-home-steps .sk-sectionhead{
  margin-bottom: 16px;
}

.sk-trust-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 1100px){
  .sk-trust-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .sk-trust-grid{ grid-template-columns: 1fr; }
}

.sk-trust-card{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.sk-trust-title{
  margin-top: 12px;
  font-weight: 900;
  color: rgba(245,245,245,.92);
}

.sk-ic{
  width: 44px; height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(214,177,90,.12);
  border: 1px solid rgba(214,177,90,.22);
}
.sk-ic svg{
  width: 22px; height: 22px;
  fill: rgba(214,177,90,.95);
}

.sk-trust-strip{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(214,177,90,.10), transparent 55%),
    rgba(0,0,0,.18);
}
@media (max-width: 900px){
  .sk-trust-strip{ grid-template-columns: 1fr; }
}

.sk-trust-strip__item{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
}
.sk-trust-strip__item b{
  color: rgba(214,177,90,.95);
  font-weight: 900;
}

/* Steps */
.sk-steps{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px){
  .sk-steps{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .sk-steps{ grid-template-columns: 1fr; }
}

.sk-step{
  position: relative;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  overflow: hidden;
}
.sk-step::before{
  content:"";
  position:absolute;
  inset:-1px -1px auto -1px;
  height: 2px;
  background: linear-gradient(90deg, rgba(214,177,90,.0), rgba(214,177,90,.85), rgba(214,177,90,.0));
  opacity: .65;
}
.sk-step__num{
  font-weight: 900;
  color: rgba(214,177,90,.95);
  letter-spacing: .06em;
}
.sk-step__title{
  margin-top: 10px;
  font-weight: 900;
  color: rgba(245,245,245,.92);
}

.sk-cta-mini{
  margin-top: 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
@media (max-width: 740px){
  .sk-cta-mini{ flex-direction: column; align-items: flex-start; }
}
.sk-cta-mini__title{
  font-weight: 900;
  color: rgba(245,245,245,.92);
}
/* ==========================================
   HOME PAGE EXTENSIONS (Hero + Trust + CTA)
   ========================================== */

/* ===== HERO ===== */

.sk-home-hero{
  padding: 80px 0 60px;
  background:
    radial-gradient(900px 400px at 20% 0%, rgba(214,177,90,.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
}

.sk-home-hero__grid{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 40px;
  align-items: center;
}

@media (max-width: 1100px){
  .sk-home-hero__grid{
    grid-template-columns: 1fr;
  }
}

.sk-home-hero__actions{
  margin-top: 22px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* badges */
.sk-home-badges{
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}

@media (max-width: 900px){
  .sk-home-badges{
    grid-template-columns: 1fr;
  }
}

.sk-badge{
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

/* hero form */
.sk-home-form{
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(600px 200px at 50% 0%, rgba(214,177,90,.10), transparent 60%),
    rgba(255,255,255,.03);
  box-shadow: 0 28px 80px rgba(0,0,0,.45);
}

/* ===== TRUST BLOCK ===== */

.sk-home-trust{
  padding-top: 60px;
}

.sk-trust-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

@media (max-width: 1100px){
  .sk-trust-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 640px){
  .sk-trust-grid{
    grid-template-columns: 1fr;
  }
}

.sk-trust-card{
  padding: 20px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  transition: transform .25s ease, box-shadow .25s ease;
}

.sk-trust-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 90px rgba(0,0,0,.55);
}

.sk-trust-title{
  margin-top: 14px;
  font-weight: 900;
  color: rgba(245,245,245,.95);
}

.sk-ic{
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(214,177,90,.15);
  border: 1px solid rgba(214,177,90,.35);
}

.sk-ic svg{
  width: 22px;
  height: 22px;
  fill: rgba(214,177,90,.95);
}

/* strip */
.sk-trust-strip{
  margin-top: 24px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(900px 200px at 30% 0%, rgba(214,177,90,.12), transparent 60%),
    rgba(255,255,255,.02);
}

@media (max-width: 900px){
  .sk-trust-strip{
    grid-template-columns: 1fr;
  }
}

.sk-trust-strip__item{
  display:flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
}

.sk-trust-strip__item b{
  color: var(--gold2);
  font-weight: 900;
}

/* ===== STEPS ===== */

.sk-home-steps{
  padding-top: 60px;
}

.sk-steps{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

@media (max-width: 1100px){
  .sk-steps{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 640px){
  .sk-steps{
    grid-template-columns: 1fr;
  }
}

.sk-step{
  position:relative;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  overflow:hidden;
}

.sk-step::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background: linear-gradient(90deg, transparent, var(--gold2), transparent);
}

.sk-step__num{
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .08em;
  color: var(--gold2);
}

.sk-step__title{
  margin-top: 12px;
  font-weight: 900;
  color: rgba(245,245,245,.95);
}

/* ===== CTA MINI ===== */

.sk-cta-mini{
  margin-top: 24px;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 20px;
  padding: 18px 22px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
}

@media (max-width: 740px){
  .sk-cta-mini{
    flex-direction: column;
    align-items: flex-start;
  }
}

.sk-cta-mini__title{
  font-weight: 900;
  color: rgba(245,245,245,.95);
}

/* ===== FINAL CTA ===== */

.sk-home-final{
  padding-top: 60px;
  padding-bottom: 80px;
}

.sk-final-cta{
  padding: 36px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.15);
  background:
    radial-gradient(800px 200px at 50% 0%, rgba(214,177,90,.15), transparent 70%),
    rgba(255,255,255,.03);
  box-shadow: 0 30px 100px rgba(0,0,0,.55);
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 30px;
}

@media (max-width: 900px){
  .sk-final-cta{
    flex-direction: column;
    align-items: flex-start;
  }
}

.sk-final-cta__actions{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
}
.sk-home-hero{
  position: relative;
  overflow: hidden;
}

.sk-home-hero::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(90deg, rgba(10,10,12,.85), rgba(10,10,12,.4)),
    url('/wp-content/uploads/hero.jpg') center/cover no-repeat;

  z-index:0;
}

.sk-home-hero .sk-container{
  position: relative;
  z-index: 2;
}
/* HERO background from page featured image */
.sk-home-hero{
  position: relative;
  overflow: hidden;
}

.sk-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(10,10,12,.88), rgba(10,10,12,.40)),
    var(--hero-bg, none) center/cover no-repeat;
  z-index:0;
}

.sk-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(700px 260px at 20% 0%, rgba(214,177,90,.18), transparent 60%);
  z-index:1;
}

.sk-home-hero .sk-container{
  position: relative;
  z-index: 2;
}
/* ===== Reviews block ===== */
.sk-home-reviews{ padding-top: 60px; }

.sk-reviews-headActions{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.sk-2gis-widget{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  overflow: hidden;
}

.sk-reviews-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
@media (max-width: 1100px){
  .sk-reviews-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .sk-reviews-grid{ grid-template-columns: 1fr; }
}

.sk-review{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  padding: 18px;
  position: relative;
  overflow: hidden;
}
.sk-review::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--gold2), transparent);
  opacity:.7;
}
.sk-review__top{
  display:flex; justify-content:space-between; gap:12px; align-items:flex-start;
}
.sk-review__name{
  font-weight: 900;
  color: rgba(245,245,245,.95);
}
.sk-review__stars{
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1;
  opacity: .95;
}
.sk-review__stars span{ color: rgba(255,255,255,.18); }
.sk-review__stars span.is-on{ color: var(--gold2); }

.sk-review__text{
  margin-top: 12px;
  color: rgba(245,245,245,.78);
}

.sk-review__bottom{
  margin-top: 14px;
  display:flex;
}
.sk-review__badge{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(214,177,90,.25);
  background: rgba(214,177,90,.10);
  color: rgba(214,177,90,.95);
  font-weight: 900;
  font-size: 12px;
}

.sk-reviews-note{
  margin-top: 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
@media (max-width: 740px){
  .sk-reviews-note{ flex-direction: column; align-items: flex-start; }
}
/* ===== FAQ ===== */
.sk-home-faq{ padding-top:60px; }

.sk-faq{
  display:grid;
  gap:12px;
}

.sk-faq__item{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  overflow:hidden;
}

.sk-faq__q{
  width:100%;
  padding:16px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:transparent;
  border:none;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.sk-faq__icon{
  color:var(--gold2);
  font-size:20px;
  transition:.2s;
}

.sk-faq__a{
  max-height:0;
  overflow:hidden;
  transition:.3s;
}

.sk-faq__a div{
  padding:0 18px 16px;
  color:#aaa;
}

.sk-faq__item.active .sk-faq__a{
  max-height:200px;
}

.sk-faq__item.active .sk-faq__icon{
  transform:rotate(45deg);
}
/* ===== Contacts block ===== */
.sk-home-contacts{ padding-top: 60px; }

.sk-contacts-grid{
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 18px;
}

@media (max-width: 1100px){
  .sk-contacts-grid{ grid-template-columns: 1fr; }
}

.sk-contacts-card{
  padding: 20px;
  border-radius: 20px;
  background:
    radial-gradient(700px 240px at 20% 0%, rgba(214,177,90,.12), transparent 60%),
    rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 28px 80px rgba(0,0,0,.45);
}

.sk-contacts-title{
  font-weight: 900;
  font-size: 18px;
  color: rgba(245,245,245,.95);
}

.sk-contacts-row{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.sk-contacts-big{
  display:inline-block;
  margin-top: 6px;
  font-weight: 900;
  font-size: 22px;
  color: var(--gold2);
  text-decoration:none;
}
.sk-contacts-big:hover{ filter: brightness(1.05); }

.sk-contacts-actions{
  margin-top: 18px;
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

.sk-map-card{
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: 0 28px 80px rgba(0,0,0,.45);
}

.sk-map-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 12px;
  padding: 6px 6px 12px;
}

.sk-map{
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
}

.sk-map iframe{
  width: 100%;
  height: 360px;
  display:block;
}

@media (max-width: 640px){
  .sk-map iframe{ height: 300px; }
}
/* 2GIS fix */
.sk-map iframe {
  width: 100% !important;
  height: 360px !important;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  display: block;
  background: #111;
}
.sk-map--placeholder{
  min-height: 360px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background:
    radial-gradient(600px 240px at 30% 20%, rgba(208,170,92,.18), transparent 60%),
    radial-gradient(600px 240px at 80% 30%, rgba(255,255,255,.06), transparent 55%),
    rgba(0,0,0,.35);
}
.sk-map-placeholder{ padding:18px; max-width: 640px; }
.sk-map-placeholder__title{
  font-weight: 900;
  font-size: 18px;
  color: rgba(245,245,245,.92);
}
/* =========================================
   MOBILE ADAPTATION (SAFE, does not touch PC)
   paste to END of assets/css/main.css
========================================= */

/* ---------- <= 1024px (tablet) ---------- */
@media (max-width: 1024px){

  /* container padding */
  .sk-container{
    padding-left: 18px;
    padding-right: 18px;
  }

  /* headings */
  .sk-h1{ font-size: 44px; line-height: 1.05; }
  .sk-h2{ font-size: 28px; line-height: 1.15; }

  /* section head becomes more compact */
  .sk-sectionhead{
    gap: 12px;
  }

  /* cars grid: 2 columns */
  .sk-grid--cars{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

/* ---------- <= 980px (tablet/large phone) ---------- */
@media (max-width: 980px){

  /* prevent horizontal scroll only on mobile */
  body{ overflow-x: hidden; }

  /* header: allow wrapping (no burger yet) */
  .sk-header{ position: sticky; top: 0; z-index: 1000; }
  .sk-header__inner{ gap: 10px; }
  .sk-nav{ flex-wrap: wrap; gap: 10px; }
  .sk-nav a{ padding: 10px 10px; font-size: 14px; }
  .sk-header__actions{ flex-wrap: wrap; gap: 8px; }

  /* hero: two columns -> one column */
  .sk-home-hero{ padding-top: 34px; padding-bottom: 22px; }
  .sk-home-hero__grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* hero buttons */
  .sk-home-hero__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  /* “badges/advantages” under hero */
  .sk-home-badges{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  /* forms: fields in one column */
  .sk-book__fields{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .sk-input{ width: 100%; }

  /* common grids -> one column */
  .sk-trust-grid,
  .sk-steps,
  .sk-reviews-grid,
  .sk-contacts-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* section head: stack title + button */
  .sk-sectionhead{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .sk-sectionhead .sk-btn{ align-self: flex-start; }
}

/* ---------- <= 680px (phone) ---------- */
@media (max-width: 680px){

  .sk-container{
    padding-left: 16px;
    padding-right: 16px;
  }

  /* headings smaller */
  .sk-h1{ font-size: 34px; line-height: 1.05; }
  .sk-h2{ font-size: 24px; line-height: 1.15; }
  .sk-text-muted{ font-size: 14px; }

  /* cars grid: 1 column */
  .sk-grid--cars{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* car card buttons full width */
  .sk-carcard__actions{
    display: flex;
    gap: 10px;
  }
  .sk-carcard__actions .sk-btn{
    flex: 1;
    min-height: 44px;
  }

  /* FAQ tap targets */
  .sk-faq__q{
    padding: 14px 12px;
    font-size: 15px;
  }
  .sk-faq__a{
    padding: 0 12px 14px 12px;
  }

  /* footer stack */
  .sk-footer__grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* ---------- CAR PAGE safety (only mobile) ---------- */
@media (max-width: 980px){

  /* If there is a two-column layout on single car page */
  .sk-car-grid,
  .sk-car-layout,
  .sk-car__grid,
  .sk-single-car__grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* booking card full width */
  .sk-book,
  .sk-booking,
  .sk-booking-card,
  .sk-car-booking{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* tabs wrap */
  .sk-tabs,
  .sk-car-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .sk-tabs button,
  .sk-car-tabs button{
    flex: 1 1 auto;
    white-space: nowrap;
  }

  /* gallery thumbnails wrap */
  .sk-gallery-thumbs,
  .sk-car-thumbs{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .sk-gallery-thumbs img,
  .sk-car-thumbs img{
    width: 72px;
    height: 54px;
    object-fit: cover;
    border-radius: 10px;
  }
}
/* ===============================
   MOBILE FIXES + PREMIUM BURGER
   add to END of assets/css/main.css
================================ */

/* --- mobile header layout fix --- */
@media (max-width: 680px){
  body{ overflow-x:hidden; }

  .sk-header__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }

  .sk-logo img{
    height:32px;
    max-width:110px;
    width:auto;
  }

  /* phone chip */
  .sk-phone{
    font-size:12px;
    padding:8px 10px;
    border-radius:10px;
    white-space:nowrap;
  }

  /* header button */
  .sk-header .sk-btn{
    padding:10px 12px;
    font-size:12px;
    border-radius:10px;
    white-space:nowrap;
  }

  /* hide desktop menu on mobile */
  .sk-nav{ display:none !important; }

  /* show burger */
  .sk-burger{ display:inline-flex !important; }
}

/* --- car page padding safety (mobile) --- */
@media (max-width: 680px){
  .sk-car-hero,
  .sk-single-car,
  .sk-car-page,
  .sk-page{
    padding-left:12px;
    padding-right:12px;
  }
}

/* --- gallery thumbs scroll (mobile) --- */
@media (max-width: 680px){
  .sk-gallery{ overflow:hidden; border-radius:14px; }
  .sk-gallery img{ width:100%; height:auto; display:block; }

  .sk-gallery-thumbs{
    display:flex;
    gap:6px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
  }
  .sk-gallery-thumbs img{
    width:60px;
    height:45px;
    object-fit:cover;
    flex-shrink:0;
    border-radius:10px;
  }
}

/* ===============================
   PREMIUM MOBILE MENU (overlay)
================================ */

.sk-burger{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor:pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.sk-burger:active{ transform: scale(.98); }
.sk-burger:hover{ border-color: rgba(208,170,92,.35); background: rgba(0,0,0,.35); }

.sk-burger__lines{
  position:relative;
  width:18px;
  height:12px;
}
.sk-burger__lines span{
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  border-radius:2px;
  background: linear-gradient(90deg, rgba(245,245,245,.85), rgba(208,170,92,.95));
  transition: transform .22s ease, top .22s ease, opacity .22s ease;
}
.sk-burger__lines span:nth-child(1){ top:0; }
.sk-burger__lines span:nth-child(2){ top:5px; }
.sk-burger__lines span:nth-child(3){ top:10px; }

/* overlay */
.sk-mnav{
  position:fixed;
  inset:0;
  z-index:2000;
  pointer-events:none;
  opacity:0;
  transition: opacity .22s ease;
}
.sk-mnav.is-open{
  pointer-events:auto;
  opacity:1;
}

/* background dim */
.sk-mnav__bg{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* panel */
.sk-mnav__panel{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:min(420px, 92vw);
  background:
    radial-gradient(600px 260px at 30% 10%, rgba(208,170,92,.16), transparent 60%),
    radial-gradient(600px 260px at 90% 20%, rgba(255,255,255,.06), transparent 60%),
    rgba(8,8,10,.94);
  border-left: 1px solid rgba(255,255,255,.10);
  transform: translateX(16px);
  opacity:0;
  transition: transform .26s ease, opacity .26s ease;
  padding: 18px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.sk-mnav.is-open .sk-mnav__panel{
  transform: translateX(0);
  opacity:1;
}

.sk-mnav__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.sk-mnav__title{
  font-weight:900;
  color: rgba(245,245,245,.92);
  letter-spacing:.2px;
}
.sk-mnav__close{
  width:44px;height:44px;border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  cursor:pointer;
  transition: transform .18s ease, border-color .18s ease;
}
.sk-mnav__close:hover{ border-color: rgba(208,170,92,.35); }
.sk-mnav__close:active{ transform: scale(.98); }

.sk-mnav__links{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sk-mnav__links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(245,245,245,.92);
  text-decoration:none;
  font-weight:800;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.sk-mnav__links a:hover{
  border-color: rgba(208,170,92,.35);
  background: rgba(208,170,92,.08);
}
.sk-mnav__links a:active{ transform: scale(.99); }
.sk-mnav__links a .sk-mnav__chev{ opacity:.7; }

.sk-mnav__cta{
  margin-top:auto;
  display:flex;
  gap:10px;
}
.sk-mnav__cta .sk-btn{ flex:1; min-height:44px; }

.sk-mnav__meta{
  font-size:13px;
  color: rgba(245,245,245,.62);
  line-height:1.4;
}

/* lock scroll when menu open */
body.sk-lock{ overflow:hidden !important; }

/* burger transforms to X when open */
.sk-burger.is-open .sk-burger__lines span:nth-child(1){ top:5px; transform: rotate(45deg); }
.sk-burger.is-open .sk-burger__lines span:nth-child(2){ opacity:0; }
.sk-burger.is-open .sk-burger__lines span:nth-child(3){ top:5px; transform: rotate(-45deg); }
/* =========================================
   HEADER FIX (Desktop) + Dropdown (Autopark)
   Paste to END of assets/css/main.css
========================================= */

.sk-header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1000;

  background: rgba(8,8,10,0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.sk-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  max-width: 1300px;
  margin: 0 auto;
  padding: 14px 20px;
}

/* logo */
.sk-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  min-width: 180px;
}
.sk-logo__text {
  font-weight: 900;
  font-size: 16px;
  color: rgba(245,245,245,.92);
  line-height: 1.2;
}

/* nav (single line) */
.sk-nav {
  display: flex;
  align-items: center;
  gap: 22px;

  flex-wrap: nowrap;
  white-space: nowrap;
}
.sk-nav a {
  font-size: 14px;
  font-weight: 800;
  color: rgba(245,245,245,.82);
  text-decoration: none;
  position: relative;
  padding: 10px 6px;
}
.sk-nav a:hover { color: rgba(245,245,245,.95); }

/* active underline */
.sk-nav a.is-active::after,
.sk-nav__dropLink.is-active::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(208,170,92,.15), rgba(208,170,92,.95), rgba(208,170,92,.15));
}

/* dropdown */
.sk-nav__drop { position: relative; display: flex; align-items: center; }
.sk-nav__caret { margin-left: 6px; opacity: .75; font-size: 12px; }

.sk-nav__dropMenu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;

  min-width: 240px;
  max-height: 360px;
  overflow: auto;

  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);

  background: rgba(10,10,12,0.95);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);

  display: none;
  flex-direction: column;
  gap: 8px;

  z-index: 1200;
}

.sk-nav__drop:hover .sk-nav__dropMenu { display: flex; }

.sk-nav__dropMenu a {
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
}
.sk-nav__dropMenu a:hover {
  border-color: rgba(208,170,92,.30);
  background: rgba(208,170,92,.08);
}

/* right actions */
.sk-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.sk-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.25);
  color: rgba(245,245,245,.90);
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
}
.sk-phone:hover { border-color: rgba(208,170,92,.30); }

/* general button sizing in header only */
.sk-header .sk-btn {
  padding: 10px 16px;
  font-size: 14px;
}

/* prevent random wraps inside header */
.sk-header * { white-space: nowrap; }
/* =========================================
   PREMIUM MOBILE MENU (works with your app.js)
   Uses: .sk-burger, .sk-mnav, .is-open, body.sk-lock
   Paste to END of assets/css/main.css
========================================= */

/* lock scroll when menu open */
body.sk-lock { overflow: hidden !important; }

/* burger base (hidden on desktop) */
.sk-burger{
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.sk-burger:hover{
  border-color: rgba(208,170,92,.35);
  background: rgba(0,0,0,.35);
}
.sk-burger:active{ transform: scale(.98); }

.sk-burger__lines{ position: relative; width: 18px; height: 12px; }
.sk-burger__lines span{
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(245,245,245,.85), rgba(208,170,92,.95));
  transition: transform .22s ease, top .22s ease, opacity .22s ease;
}
.sk-burger__lines span:nth-child(1){ top: 0; }
.sk-burger__lines span:nth-child(2){ top: 5px; }
.sk-burger__lines span:nth-child(3){ top: 10px; }

/* burger -> X when open (your JS adds .is-open on burger) */
.sk-burger.is-open .sk-burger__lines span:nth-child(1){ top: 5px; transform: rotate(45deg); }
.sk-burger.is-open .sk-burger__lines span:nth-child(2){ opacity: 0; }
.sk-burger.is-open .sk-burger__lines span:nth-child(3){ top: 5px; transform: rotate(-45deg); }

/* overlay menu container */
.sk-mnav{
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}
.sk-mnav.is-open{
  opacity: 1;
  pointer-events: auto;
}

/* background */
.sk-mnav__bg{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* right panel */
.sk-mnav__panel{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: min(420px, 92vw);
  padding: 18px;

  display: flex;
  flex-direction: column;
  gap: 14px;

  border-left: 1px solid rgba(255,255,255,.10);

  background:
    radial-gradient(600px 260px at 30% 10%, rgba(208,170,92,.16), transparent 60%),
    radial-gradient(600px 260px at 90% 20%, rgba(255,255,255,.06), transparent 60%),
    rgba(8,8,10,.94);

  transform: translateX(16px);
  opacity: 0;
  transition: transform .26s ease, opacity .26s ease;
}
.sk-mnav.is-open .sk-mnav__panel{
  transform: translateX(0);
  opacity: 1;
}

/* top */
.sk-mnav__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sk-mnav__title{
  font-weight: 900;
  color: rgba(245,245,245,.92);
}
.sk-mnav__close{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  cursor: pointer;
}
.sk-mnav__close:hover{ border-color: rgba(208,170,92,.35); }

/* links */
.sk-mnav__links{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sk-mnav__links a{
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 14px 12px;
  border-radius: 16px;

  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);

  color: rgba(245,245,245,.92);
  text-decoration: none;
  font-weight: 800;

  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.sk-mnav__links a:hover{
  border-color: rgba(208,170,92,.35);
  background: rgba(208,170,92,.08);
}
.sk-mnav__links a:active{ transform: scale(.99); }
.sk-mnav__chev{ opacity: .7; }

/* optional sublist styles (if used in header.php) */
.sk-mnav__subhead{
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(245,245,245,.55);
}
.sk-mnav__sublist{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sk-mnav__sublink{
  padding: 12px 12px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  color: rgba(245,245,245,.86) !important;
}

/* CTA row */
.sk-mnav__cta{
  margin-top: auto;
  display: flex;
  gap: 10px;
}
.sk-mnav__cta .sk-btn{ flex: 1; min-height: 44px; }

/* meta */
.sk-mnav__meta{
  font-size: 13px;
  color: rgba(245,245,245,.62);
  line-height: 1.4;
}

/* mobile-only visibility:
   hide desktop nav and show burger */
@media (max-width: 680px){
  .sk-nav{ display: none !important; }
  .sk-burger{ display: inline-flex; }
}
/* =========================================
   MOBILE HEADER COMPACT (<= 680px)
========================================= */
@media (max-width: 680px){

  .sk-header{
    position: sticky;
    top: 0;
    z-index: 1000;
  }

  .sk-header__inner{
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  /* логотип компактнее */
  .sk-brand{
    min-width: 0 !important;
  }
  .sk-brand__text{
    font-size: 13px !important;
    line-height: 1.1 !important;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* прячем длинный телефон в шапке на мобиле */
  .sk-header__actions .sk-btn--ghost{
    display: none !important;
  }

  /* кнопка "Забронировать" компактнее */
  .sk-header__actions .sk-btn--gold{
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-radius: 14px !important;
  }

  /* бургер показываем */
  .sk-burger{
    display: inline-flex !important;
    width: 44px;
    height: 44px;
  }

  /* десктоп-меню скрываем */
  .sk-nav{
    display: none !important;
  }
}