/* MirPMR — Куда поехать сейчас? Pro 2.0 */
.mwg{--ink:#132030;--mut:#5c6b7d;--line:#e3e9f1;--soft:#f6f9fc;--r:16px;margin:34px 0;font-family:inherit}
.mwg *{box-sizing:border-box}

.mwg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.mwg-head small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--mwg-accent,#087cf0);margin-bottom:6px}
.mwg-head h2{margin:0 0 6px;font-size:clamp(24px,3.2vw,34px);line-height:1.15;color:var(--ink);letter-spacing:-.02em}
.mwg-head p{margin:0;color:var(--mut);font-size:15px}
.mwg-date{flex:none;font-size:12px;font-weight:600;color:var(--mut);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:7px 14px;white-space:nowrap}

.mwg-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.mwg-filters button{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 13px/1 inherit;padding:9px 16px;border-radius:999px;cursor:pointer;transition:.18s}
.mwg-filters button:hover{border-color:var(--mwg-accent,#087cf0);color:var(--mwg-accent,#087cf0)}
.mwg-filters button.on{background:var(--mwg-accent,#087cf0);border-color:var(--mwg-accent,#087cf0);color:#fff}

.mwg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.l-compact .mwg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.mwg-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .18s,box-shadow .18s}
.mwg-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(19,32,48,.1)}
.mwg-card.mwg-hide{display:none}

.mwg-art{position:relative;height:110px;display:flex;align-items:center;justify-content:center}
.mwg-art span{font-size:46px;filter:drop-shadow(0 6px 14px rgba(19,32,48,.22))}
.t-sea .mwg-art{background:linear-gradient(135deg,#0d6fd8 0%,#3ba7f0 55%,#8fd2ff 100%)}
.t-mountains .mwg-art{background:linear-gradient(135deg,#1d7a52 0%,#3fae7d 55%,#a8e4c3 100%)}
.t-city .mwg-art{background:linear-gradient(135deg,#4d4ed8 0%,#7b6cf0 55%,#c3b8ff 100%)}
.t-exotic .mwg-art{background:linear-gradient(135deg,#d86a1f 0%,#f0a03b 55%,#ffd9a0 100%)}
.t-near .mwg-art{background:linear-gradient(135deg,#0e8f9c 0%,#2fbcc4 55%,#a5ecef 100%)}
.mwg-art::after{content:"";position:absolute;inset:auto 0 0 0;height:38px;background:linear-gradient(to top,rgba(255,255,255,.28),transparent)}

.mwg-body{display:flex;flex-direction:column;gap:9px;padding:16px 18px 18px;flex:1}
.mwg-badges{display:flex;flex-wrap:wrap;gap:6px}
.mwg-badge{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.mwg-badge.s-top{background:#e8f6ee;color:#177245}
.mwg-badge.s-ok{background:#e8f1fc;color:#0f5cb8}
.mwg-badge.s-off{background:#fcefe2;color:#b05d10}
.mwg-badge.s-fav{background:#132030;color:#ffd76a}
.mwg-badge.s-type{background:var(--soft);color:var(--mut);border:1px solid var(--line)}

.mwg-card h3{margin:0;font-size:19px;line-height:1.25;color:var(--ink);letter-spacing:-.01em}
.mwg-card h3 em{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--mut);margin-top:2px}
.mwg-card p{margin:0;font-size:14px;line-height:1.55;color:#3d4c5e;flex:1}

.mwg-meta{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0}
.mwg-meta li{font-size:12px;font-weight:600;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:5px 9px;display:flex;align-items:center;gap:4px}
.mwg-price{color:var(--ink);font-weight:800;letter-spacing:.06em}
.mwg-price i{font-style:normal;color:#c3ccd7}

.mwg-btn{align-self:flex-start;margin-top:4px;font-size:13.5px;font-weight:700;color:var(--mwg-accent,#087cf0);text-decoration:none}
.mwg-btn:hover{text-decoration:underline}

/* Featured hero card */
.mwg-hero{grid-column:span 3;flex-direction:row;min-height:230px}
.mwg-hero .mwg-art{width:38%;height:auto}
.mwg-hero .mwg-art span{font-size:84px}
.mwg-hero .mwg-body{padding:26px 30px;justify-content:center}
.mwg-hero h3{font-size:27px}
.mwg-hero p{font-size:15.5px;flex:0 1 auto}

.mwg-note{margin:14px 2px 0;font-size:12.5px;color:var(--mut)}

/* Widget */
.mwg-w{display:flex;flex-direction:column;gap:6px}
.mwg-w-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid #e3e9f1;border-radius:12px;background:#fff;text-decoration:none;transition:.15s}
a.mwg-w-row:hover{border-color:var(--mwg-accent,#087cf0);box-shadow:0 6px 16px rgba(19,32,48,.08)}
.mwg-w-flag{font-size:22px;flex:none}
.mwg-w-txt{flex:1;min-width:0}
.mwg-w-txt b{display:block;font-size:14px;color:#132030;line-height:1.2}
.mwg-w-txt small{display:block;font-size:12px;color:#5c6b7d}
.mwg-w-dot{flex:none;width:9px;height:9px;border-radius:50%}
.mwg-w-dot.s-top{background:#2fae6f}
.mwg-w-dot.s-ok{background:#2f89e8}
.mwg-w-dot.s-off{background:#e0902f}

@media(max-width:960px){
 .mwg-grid,.l-compact .mwg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mwg-hero{grid-column:span 2}
}
@media(max-width:620px){
 .mwg-head{flex-direction:column;align-items:flex-start}
 .mwg-grid,.l-compact .mwg-grid{grid-template-columns:1fr}
 .mwg-hero{grid-column:span 1;flex-direction:column;min-height:0}
 .mwg-hero .mwg-art{width:100%;height:130px}
 .mwg-hero .mwg-art span{font-size:56px}
 .mwg-hero .mwg-body{padding:16px 18px 18px}
}