<style id="at3mc-css">
@keyframes at3mc-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes at3pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06);box-shadow:0 0 0 6px rgba(255,255,255,.4)}}
@keyframes at3sheet-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ═══ BASE ═══════════════════════════════════════════ */
.at3mc-drop--disabled{opacity:.45;pointer-events:none;cursor:default}
.at3mc-drop--loading .at3mc-btn-label::after{content:" ⏳";font-size:11px}
.at3mc-nav{display:flex!important;align-items:center;gap:5px;flex:1;min-width:0}
.at3mc-drop{position:relative;flex-shrink:0}
.at3mc-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .18s;font-family:inherit}
.at3mc-btn:hover,.at3mc-btn--on,.at3mc-drop.open .at3mc-btn{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.45)}
.at3mc-arr{flex-shrink:0;transition:transform .2s;opacity:.7}
.at3mc-drop.open .at3mc-arr{transform:rotate(180deg)}
.at3mc-panel{display:none!important;position:absolute;top:calc(100% + 9px);left:0;z-index:10000;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);animation:at3mc-in .14s ease;color:#111}
.at3mc-drop.open .at3mc-panel{display:block!important}
#at3mc-filter .at3mc-btn{display:flex!important}

/* ═══ CITY PANEL ════════════════════════════════════ */
.at3mc-panel--city{min-width:380px;padding:0;overflow:hidden;max-height:70vh;display:flex;flex-direction:column}
.at3mc-drop.open .at3mc-panel--city{display:flex!important}

/* Search bar */
.at3cs-bar{display:flex;align-items:center;gap:8px;padding:10px 14px 9px;border-bottom:1px solid #eef0f2;flex-shrink:0;background:#fff}
.at3cs-ico{color:#9ca3af;flex-shrink:0}
.at3cs-inp{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:#111;font-family:inherit;min-width:0}
.at3cs-inp::placeholder{color:#9ca3af}
.at3cs-x{background:none;border:none;cursor:pointer;color:#c4c9d4;font-size:14px;padding:0 2px;line-height:1;flex-shrink:0;transition:color .15s}
.at3cs-x:hover{color:#6b7280}

/* Autocomplete */
.at3cs-ac{overflow-y:auto;max-height:280px}
.at3cs-ac-item{display:flex;align-items:center;gap:10px;padding:9px 14px;text-decoration:none!important;color:#111!important;transition:background .1s;cursor:pointer}
.at3cs-ac-item:hover{background:#f5f7fa}
.at3cs-ac-ic{font-size:17px;flex-shrink:0;line-height:1}
.at3cs-ac-nm{font-size:13px;font-weight:500;flex:1;min-width:0}
.at3cs-ac-nm mark{background:none;color:var(--p,#1e3a5f);font-weight:700}
.at3cs-ac-cn{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 7px;border-radius:20px;flex-shrink:0}
.at3cs-ac-msg{padding:18px 14px;text-align:center;color:#9ca3af;font-size:13px}

/* Body — scrollable */
.at3cs-body{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}

/* Popular chips 4×2 */
.at3cs-pop-wrap{padding:10px 12px 6px}
.at3cs-hd{font-size:10px;font-weight:700;color:#9ca3af;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}
.at3cs-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.at3cs-chip{display:flex;flex-direction:column;align-items:center;padding:9px 5px 7px;border:1.5px solid #eef0f2;border-radius:10px;text-decoration:none!important;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,transform .12s}
.at3cs-chip:hover{border-color:var(--p,#1e3a5f);background:#f0f4f8;transform:translateY(-1px)}
.at3cs-chip--on{border-color:var(--p,#1e3a5f)!important;background:var(--p,#1e3a5f)!important}
.at3cs-chip-ic{font-size:20px;line-height:1;margin-bottom:4px}
.at3cs-chip-nm{font-size:11px;font-weight:600;color:#374151;text-align:center;line-height:1.2}
.at3cs-chip--on .at3cs-chip-nm{color:#fff}
.at3cs-chip-cn{font-size:10px;color:#9ca3af;margin-top:3px}
.at3cs-chip--on .at3cs-chip-cn{color:rgba(255,255,255,.65)}
.at3cs-sep{height:1px;background:#eef0f2;margin:6px 0 2px}
/* Кнопка «Изменить» в полосе «Туры из» — открывает попап города */
.at3-city-change-btn{
  cursor:pointer!important;
  text-decoration:none!important;
  transition:opacity .18s;
}
.at3-city-change-btn:hover{opacity:.8}

/* Скрываем PHP-пикер города (Откуда старт) который рендерит основной плагин */
.at3-city-pick-sec{display:none!important}

.at3cs-more-btn{display:block;width:calc(100% - 12px);margin:4px 6px 10px;padding:10px 14px;background:#f8fafc;border:1px solid #eef0f2;border-radius:8px;color:#6b7280;font-size:12px;cursor:pointer;text-align:center;font-family:inherit;transition:background .12s}
.at3cs-more-btn:hover{background:#eff6ff;color:#1e3a5f;border-color:#c7d7f0}

/* Flat city list */
.at3cs-all{padding:4px 6px 10px}
.at3cs-city{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;text-decoration:none!important;color:#374151!important;font-size:13px;transition:background .1s}
.at3cs-city:hover{background:#f3f4f6}
.at3cs-city--on{background:#eff6ff;color:var(--p,#1e3a5f)!important;font-weight:700}
.at3cs-city-ic{font-size:16px;line-height:1;flex-shrink:0}
.at3cs-city-nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at3mc-cnt{margin-left:auto;background:#e5e7eb;color:#6b7280!important;font-size:11px;font-weight:600;padding:1px 6px;border-radius:20px;flex-shrink:0}

/* ═══ CAT & TAG PANELS ══════════════════════════════ */
.at3mc-panel--list{display:none!important;flex-direction:column;gap:1px;padding:8px;min-width:210px;max-height:340px;overflow-y:auto}
.at3mc-panel--tags{min-width:240px}
.at3mc-drop.open .at3mc-panel--list{display:flex!important}
.at3mc-link{display:block;padding:7px 10px;border-radius:7px;font-size:13px;color:#374151!important;text-decoration:none;transition:background .12s;white-space:nowrap}
.at3mc-link:hover{background:#f3f4f6}
.at3mc-link--on{background:#eff6ff;color:var(--p,#1e3a5f)!important;font-weight:700}
.at3mc-link--reset{color:#9ca3af!important;font-size:11px;border-bottom:1px solid #f0f0f0;margin-bottom:4px;padding-bottom:9px}
.at3mc-search{width:100%;padding:7px 10px;border:1px solid #e5e7eb;border-radius:7px;font-size:13px;margin-bottom:6px;outline:none;box-sizing:border-box;font-family:inherit;color:#111!important}
.at3mc-search:focus{border-color:var(--p,#1e3a5f)}

/* ═══ SIDE (FAV) ════════════════════════════════════ */
.at3mc-side{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}
.at3mc-cab-btn{display:flex;align-items:center;gap:5px;padding:6px 11px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:background .18s;white-space:nowrap}
.at3mc-cab-btn:hover{background:rgba(255,255,255,.27)}
.at3mc-cab-lbl{line-height:1}
@media(max-width:480px){.at3mc-cab-lbl{display:none}.at3mc-cab-btn{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%}}
.at3mc-fav{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background .18s}
.at3mc-fav:hover{background:rgba(255,255,255,.24)}
.at3mc-fav-cnt{position:absolute;top:-3px;right:-3px;background:var(--a,#e8453c);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.at3mc-call{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#4caf50;border-radius:8px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .18s;white-space:nowrap}
.at3mc-call:hover{opacity:.85}

/* ═══ OVERLAY ════════════════════════════════════════ */
@media(max-width:960px){
  .at3mc-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:99998}
  .at3mc-overlay--on{display:block}
}

/* ═══ MOBILE FILTER BAR ════════════════════════════ */
.at3mc-mob-bar{display:none}
@media(max-width:960px){
  .burger,#at3-bg,.mob-nav,#at3-mn{display:none!important}
  .at3mc-call{display:none!important}
  #at3mc-filter{display:none!important}

  .at3mc-mob-bar{
    display:flex;position:fixed;top:0;left:0;right:0;
    z-index:9001;background:#1e3a5f;height:calc(46px + env(safe-area-inset-top));
    padding-top:env(safe-area-inset-top);
    align-items:stretch;box-shadow:0 2px 8px rgba(0,0,0,.2);
    border-top:3px solid rgba(255,255,255,.18);
  }
  .at3mc-mob-btn{
    flex:1;display:flex;align-items:center;justify-content:center;
    gap:6px;padding:0 12px;background:transparent;border:none;
    color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;overflow:hidden;
    border-right:1px solid rgba(255,255,255,.18);
  }
  .at3mc-mob-btn:last-of-type{border-right:none}
  .at3mc-mob-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
  .at3mc-mob-btn--on{background:rgba(255,255,255,.12)}
  .at3mc-mob-btn:active{background:rgba(255,255,255,.2)}
  .at3mc-mob-sep{display:none}
  .at3mc-mob-arr{opacity:.6;flex-shrink:0}

  /* ═══ BOTTOM SHEET ══════════════════════════════ */
  .at3mc-mob-sheet{
    display:none;
    position:fixed;
    /* Шит открывается СВЕРХУ вниз — под мобильной полосой фильтра (46px).
       Когда iOS поднимает клавиатуру, она не закрывает шит сверху.
       Максимальная высота: до нижнего края экрана минус клавиатура (браузер сам обрезает). */
    top:46px;
    left:0;right:0;bottom:0;
    background:#fff;
    border-radius:0 0 0 0;
    z-index:99999;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:0 4px 24px rgba(0,0,0,.18);
    animation:at3sheet-in .18s ease;
    /* Поддержка safe-area на iPhone с чёлкой */
    padding-bottom:env(safe-area-inset-bottom, 0px);
  }
  .at3mc-mob-sheet--open{display:flex!important}
  /* Убираем handle — шит теперь не снизу */
  .at3mc-mob-sheet-handle{display:none}
  .at3mc-mob-sheet-title{font-size:15px;font-weight:700;color:#1e3a5f;padding:12px 16px 10px;border-bottom:1px solid #f0f0f0;flex-shrink:0}

  /* Sheet: поиск */
  .at3mc-mob-sheet .at3cs-bar{
    padding:10px 12px 9px;border-bottom:1px solid #eef0f2;
    display:flex;align-items:center;gap:8px;flex-shrink:0;background:#fff;
  }
  .at3mc-mob-sheet .at3cs-ac{max-height:none;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}

  /* Sheet: популярные 2×N */
  .at3mc-mob-sheet .at3cs-pop-grid{grid-template-columns:repeat(2,1fr)!important}

  /* Sheet: список городов */
  .at3mc-mob-sheet .at3cs-body{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;padding-bottom:20px}

  /* Sheet: категории */
  .at3mc-mob-sheet--cat .at3mc-panel--list{
    display:flex!important;position:static;box-shadow:none;animation:none;
    padding:8px 10px 20px;border-radius:0;max-height:none;flex:1;overflow-y:auto;
  }

  /* Overlay под шитом */
  .at3mc-mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99998}
  .at3mc-mob-overlay--on{display:block}
}
</style>
