@import url(../themes/gromit/assets/css/vars);@topH:64px;
@sideW:480px;
@radius:10px;
@panelBg:#fff;
@panelTxt:#000;
@accent:#0E8946;
@accentSft:fade(@accent,8%);#header,
.header,
.footer,
.inner-header,
#promoMarket,
.modal-fix >.footer {display:none !important }
.modal-fix {opacity:1 !important;transform:none !important }.tango-map {position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;background:#f5f5f5;&__canvas {position:absolute;inset:0;width:100%;height:100% }}.tango-top {position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:30;background:@panelBg;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 40px);@media @sm {top:10px;left:10px;right:10px;transform:none;max-width:none;padding:6px;border-radius:12px;gap:4px }&__search {position:relative;display:flex;align-items:center;&-btn {background:transparent;border:0;cursor:pointer;min-width:92px;height:56px;padding:0 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#000;border-radius:10px;font-family:'Bebas Neue',serif;text-transform:uppercase;letter-spacing:.04em;.trs(all);svg {width:22px;height:22px }.tango-top__tab-label {font-size:12px;line-height:1 }&:hover {background:#f5f5f5 }&.is_active {background:@accent;color:#fff }@media @sm {min-width:64px;height:54px;padding:0 8px;flex:0 0 auto;svg {width:20px;height:20px }.tango-top__tab-label {font-size:10px }}}&-box {position:absolute;top:calc(100% + 12px);left:0;width:340px;max-width:90vw;background:@panelBg;border-radius:@radius;box-shadow:0 8px 32px rgba(0,0,0,.14);padding:14px;&[hidden] {display:none }@media @sm {left:0;right:0;width:auto;max-width:none;position:fixed;top:76px;margin:0 10px }}&-input {width:100%;padding:12px 14px;border:1px solid #e5e5e5;border-radius:8px;outline:none;font-size:15px;.trs(border-color);&:focus {border-color:@accent }}&-results {margin-top:10px;max-height:50vh;overflow:auto }}&__tabs {display:flex;gap:4px;@media @sm {flex:1 1 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar {display:none }}}&__tab {background:transparent;border:0;cursor:pointer;min-width:92px;height:56px;padding:0 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#000;border-radius:10px;font-family:'Bebas Neue',serif;text-transform:uppercase;letter-spacing:.04em;.trs(all);svg {width:22px;height:22px;display:block }&-label {font-size:12px;line-height:1 }&:hover {background:#f5f5f5 }&.is_active {background:@accent;color:#fff;box-shadow:0 4px 12px fade(@accent,25%) }@media @sm {min-width:76px;height:54px;padding:0 10px;flex:0 0 auto;svg {width:20px;height:20px }&-label {font-size:10px }}}}.tango-dropdown {position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:460px;max-width:calc(100vw - 40px);max-height:70vh;background:@panelBg;border-radius:@radius;box-shadow:0 10px 32px rgba(0,0,0,.14);overflow:hidden;display:flex;flex-direction:column;&[hidden] {display:none }@media @sm {left:0;right:0;width:auto;max-width:none;max-height:60vh;transform:none;position:fixed;top:calc(@mobHeader + 76px);margin:0 10px }&__head {padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efefef }&__title {text-transform:uppercase;letter-spacing:.04em;font-size:16px }&__close {background:transparent;border:0;cursor:pointer;padding:6px;display:flex;color:#999;.trs(color);&:hover {color:#000 }svg {width:16px;height:16px }}&__body {overflow:auto;padding:8px 0 }}.tango-list-item {display:flex;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;.trs(background);&:hover {background:#f7f7f7 }&__logo,&__thumb {flex:0 0 48px;width:48px;height:48px;border-radius:6px;background-color:#f5f5f5;background-size:contain;background-repeat:no-repeat;background-position:center }&__thumb {border-radius:4px }&__body {flex:1 1 auto;min-width:0 }&__title {font-family:'Bebas Neue',serif;font-size:15px;line-height:1.2;color:#000;margin:0 0 2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden }&__meta {font-size:11px;color:#888 }}.tango-cat-group {border-bottom:1px solid #f0f0f0;&:last-child {border-bottom:0 }&__head {width:100%;background:transparent;border:0;cursor:pointer;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;.trs(background);&:hover {background:#f7f7f7 }}&__name {font-family:'Bebas Neue',serif;font-size:17px;text-transform:uppercase;letter-spacing:.04em;color:#000 }&__chevron {width:16px;height:16px;color:#888;flex:0 0 16px;transition:transform .25s ease }&.is_open {.tango-cat-group__head {background:@accentSft }.tango-cat-group__name {color:@accent }.tango-cat-group__chevron {transform:rotate(180deg);color:@accent }}&__body {padding:4px 8px 10px;background:#fafafa }}.tango-cat-sub {width:100%;background:transparent;border:0;cursor:pointer;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left;border-radius:6px;.trs(all);&:hover {background:#fff }&__name {font-size:13px;line-height:1.3;color:#333 }&__count {font-size:11px;color:#999;flex:0 0 auto;margin-left:8px }&.is_active {background:@accent;.tango-cat-sub__name {color:#fff;font-weight:500 }.tango-cat-sub__count {color:rgba(255,255,255,.8) }}}.tango-detail__cover img {width:100%;height:auto;max-width:480px;display:block }.tango-side {position:absolute;top:0;right:0;bottom:0;width:@sideW;background:@panelBg;box-shadow:-6px 0 24px rgba(0,0,0,.08);z-index:40;transform:translateX(100%);transition:transform .35s ease;display:flex;flex-direction:column;&[hidden] {display:flex }&.is_open {transform:translateX(0) }@media @sm {width:100%;height:30vh;top:auto;bottom:0;right:0;left:0;transform:translateY(100%);box-shadow:0 -6px 24px rgba(0,0,0,.12);border-radius:16px 16px 0 0;&.is_open {transform:translateY(0) }}&__close {position:absolute;top:16px;right:16px;z-index:50;background:#fff;border:0;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.08);color:#000;pointer-events:auto;.trs(background);&:hover {background:#f5f5f5 }svg {width:12px;height:12px;pointer-events:none }}&__inner {flex:1 1 auto;overflow:auto;padding:24px 28px 32px;@media @sm {padding:20px 20px 24px }}}.tango-detail {&__cover {margin:-24px -28px 16px;background:#f5f5f5 center / cover no-repeat;@media @sm {width:100%;margin:-20px -20px 16px;height:180px }}&__logo {height:60px;margin-bottom:12px;background-position:left center;background-repeat:no-repeat;background-size:contain }&__cat {font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:@accent;margin-bottom:6px }&__title {font-family:'Bebas Neue',serif;font-size:28px;line-height:1.1;text-transform:uppercase;margin:0 0 14px }&__date {font-size:12px;color:#888;margin-bottom:14px }&__meta {display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin-bottom:16px;font-size:13px;dt {color:#888 }dd {margin:0;color:#000 }}&__text {font-size:14px;line-height:1.55;p + p {margin-top:0.8em }img {max-width:100%;height:auto }}}.tango-route-inline {margin-top:22px;padding:18px;background:#f7f7f7;border-radius:12px;border:1px solid #ececec;@media @sm {padding:14px }&__head {display:flex;align-items:center;justify-content:space-between;margin-bottom:12px }&__title {text-transform:uppercase;letter-spacing:.04em;font-size:16px;color:#000 }&__row {margin-bottom:12px;&:last-of-type {margin-bottom:0 }}&__label {display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;color:#888;font-size:11px }&__to {padding:12px 14px;background:#fff;border:1px solid #e7e7e7;border-radius:8px;font-size:14px;color:#000;font-family:'Bebas Neue',serif;text-transform:uppercase;letter-spacing:.03em }&__from-wrap {position:relative }&__input {width:100%;padding:12px 38px 12px 14px;background:#fff;border:1px solid #e7e7e7;border-radius:8px;font-size:14px;outline:none;.trs(all);&::placeholder {color:#999 }&:focus {border-color:@accent;box-shadow:0 0 0 3px fade(@accent,12%) }}&__clear {position:absolute;top:50%;right:8px;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#aaa;.trs(all);&:hover {background:#f0f0f0;color:#000 }svg {width:12px;height:12px }&[hidden] {display:none }}&__hint {margin-top:8px;padding:8px 12px;background:fade(@accent,8%);color:@accent;border-radius:6px;font-size:12px;line-height:1.4;&[hidden] {display:none }&.is_active {background:fade(@accent,12%);font-weight:500 }}&__results {margin-top:8px;max-height:240px;overflow:auto;background:#fff;border:1px solid #ececec;border-radius:8px;&[hidden] {display:none }.tango-list-item {padding:8px 14px }}&__actions {margin-top:14px;display:flex;gap:8px;.button {flex:1 1 auto }}&__build {&:disabled {opacity:.5;cursor:not-allowed }}&__reset {flex:0 0 auto !important }}.tango-toast {position:absolute;left:50%;bottom:32px;transform:translateX(-50%);background:rgba(0,0,0,.86);color:#fff;padding:10px 18px;border-radius:6px;z-index:80;font-size:13px;pointer-events:none;opacity:0;.trs(opacity);&.is_show {opacity:1 }&[hidden] {display:block }}.tango-map__canvas:empty:before {content:'Загружаем карту...';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#888;font-family:'Bebas Neue',serif;font-size:18px;text-transform:uppercase;letter-spacing:.08em}