/* Sekce „Tipy na výlety" — styl scopovaný pod #vylety (ze zip prototypu).
   Generováno, neupravovat ručně bez důvodu; site chrome (.site/.nav/footer) vypuštěn. */
#vylety{--navy:#012c5f; --navy-dark:#001d40; --navy-soft:#eaf1f9;
  --red:#d22630; --red-dark:#a81c25;
  --bg:#f5f7fa; --card:#ffffff; --ink:#16243a; --muted:#5d6b7e; --line:#e3e9f0;
  --ok:#1d7a4f; --ok-bg:#e7f5ee;
  --r:14px; --r-sm:10px;
  --shadow:0 1px 2px rgba(1,44,95,.06),0 8px 24px rgba(1,44,95,.07);
  --shadow-lg:0 12px 40px rgba(1,20,45,.22);}
/* Base resety přes :where() = NULOVÁ specificita → přebitelné třídami ze
   site.css (kritické pro vložený newsletter formulář: jeho .btn/.nl-form input
   musí vyhrát nad těmito resety). Komponentní pravidla níž zůstávají #vylety .trida. */
:where(#vylety) *{box-sizing:border-box}
:where(#vylety) h1,:where(#vylety) h2,:where(#vylety) h3,:where(#vylety) h4,:where(#vylety) p,:where(#vylety) ul,:where(#vylety) ol{margin:0;padding:0}
#vylety{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}
:where(#vylety) img{display:block;max-width:100%}
:where(#vylety) button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}
:where(#vylety) input,:where(#vylety) select{font-family:inherit;font-size:14px}
:where(#vylety) a{color:inherit}
#vylety .wrap{max-width:1280px;margin:0 auto;padding:0 20px}
#vylety .hero{position:relative;color:#fff;overflow:hidden;background:var(--navy-dark)}
#vylety .hero .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
#vylety .hero .shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,22,48,.88) 0%,rgba(0,28,60,.62) 45%,rgba(0,30,64,.25) 100%)}
#vylety .hero .inner{position:relative;padding:72px 0 64px;max-width:640px}
#vylety .eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(210,38,48,.92);padding:5px 13px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#vylety .hero h1{font-size:clamp(30px,4.6vw,46px);font-weight:800;line-height:1.12;margin:18px 0 12px}
#vylety .hero p.sub{font-size:16.5px;color:#dbe6f3;max-width:520px}
#vylety .searchbar{display:flex;gap:8px;margin-top:26px;max-width:520px}
#vylety .searchbar input{flex:1;height:50px;border:none;border-radius:12px;padding:0 18px;font-size:15px;outline:none;color:var(--ink)}
#vylety .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:600;transition:transform .08s ease,box-shadow .2s,background .15s}
#vylety .btn:active{transform:scale(.97)}
#vylety .btn-red{background:var(--red);color:#fff;height:50px;padding:0 22px;font-size:15px}
#vylety .btn-red:hover{background:var(--red-dark)}
#vylety .btn-ghost{border:1.5px solid rgba(255,255,255,.45);color:#fff;height:46px;padding:0 18px;font-size:14px;border-radius:12px;margin-top:14px;backdrop-filter:blur(2px)}
#vylety .btn-ghost:hover{background:rgba(255,255,255,.12)}
#vylety .stats{display:flex;gap:34px;margin-top:34px;flex-wrap:wrap}
#vylety .stats b{display:block;font-size:22px;font-weight:800}
#vylety .stats span{font-size:12.5px;color:#b9c9dd}
#vylety .colls{margin:-30px 0 8px;position:relative;z-index:5}
#vylety .colls .row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#vylety .coll{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;display:flex;gap:13px;align-items:center;text-align:left;border:1.5px solid transparent;transition:border .15s,transform .12s}
#vylety .coll:hover{border-color:var(--navy);transform:translateY(-2px)}
#vylety .coll .ic{width:42px;height:42px;border-radius:12px;background:var(--navy-soft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
#vylety .coll b{font-size:14px;display:block}
#vylety .coll span{font-size:12px;color:var(--muted)}
#vylety .toolbar{position:sticky;top:60px;z-index:1100;background:rgba(245,247,250,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 0;margin-top:18px}
#vylety .toolbar .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#vylety .chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 15px;font-size:13.5px;color:var(--muted);font-weight:500;transition:all .12s;white-space:nowrap}
#vylety .chip:hover{border-color:var(--navy)}
#vylety .chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
#vylety .tool-sep{width:1px;height:24px;background:var(--line)}
#vylety .toolbar select{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;color:var(--muted);font-weight:500;outline:none}
#vylety .toolbar .grow{flex:1}
#vylety #count{font-size:13px;color:var(--muted);white-space:nowrap}
#vylety #reset{font-size:13px;color:var(--red);font-weight:600;display:none}
#vylety .main{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px;align-items:start;padding:22px 0 60px}
#vylety #cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
#vylety #mapcol{position:sticky;top:128px;height:calc(100vh - 150px);min-height:420px;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
#vylety #map{width:100%;height:100%;background:#dde7ef}
#vylety .empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}
#vylety .empty .big{font-size:38px;margin-bottom:10px}
#vylety .card{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .14s ease,box-shadow .2s;display:flex;flex-direction:column;border:2px solid transparent}
#vylety .card:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(1,44,95,.10),0 18px 38px rgba(1,44,95,.13)}
#vylety .card.hl{border-color:var(--red)}
#vylety .card .imgbox{position:relative;aspect-ratio:16/9.5;overflow:hidden;background:linear-gradient(135deg,#d8e3ef,#b9cce0)}
#vylety .card .imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
#vylety .card:hover .imgbox img{transform:scale(1.05)}
#vylety .pill{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.94);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600;color:var(--navy);display:flex;gap:6px;align-items:center}
#vylety .heart{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;font-size:17px;color:#9aa8b8;transition:all .15s;box-shadow:0 2px 8px rgba(0,0,0,.12)}
#vylety .heart:hover{transform:scale(1.12)}
#vylety .heart.on{color:var(--red);animation:pop .3s ease}
@keyframes pop{50%{transform:scale(1.35)}}
#vylety .card .body{padding:14px 16px 12px;display:flex;flex-direction:column;gap:7px;flex:1}
#vylety .card h3{font-size:16px;font-weight:600;line-height:1.3}
#vylety .meta{display:flex;gap:12px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
#vylety .meta span{display:flex;align-items:center;gap:5px}
#vylety .tags{display:flex;gap:6px;flex-wrap:wrap}
#vylety .tag{background:var(--navy-soft);color:var(--navy);border-radius:6px;padding:2.5px 8px;font-size:11px;font-weight:600}
#vylety .card .desc{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#vylety .card .foot{display:flex;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
#vylety .card .foot .more{font-size:13.5px;font-weight:600;color:var(--navy);flex:1;text-align:left}
#vylety .icobtn{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px}
#vylety .icobtn:hover{background:var(--navy-soft);color:var(--navy)}
#vylety .mk{background:var(--navy);color:#fff;border-radius:999px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:all .12s}
#vylety .mk.hl{background:var(--red);transform:scale(1.22);z-index:999}
#vylety .mk.fav::after{content:"♥";position:absolute;top:-7px;right:-7px;background:#fff;color:var(--red);border-radius:999px;width:15px;height:15px;font-size:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.3)}
#vylety .leaflet-popup-content-wrapper{border-radius:12px;overflow:hidden;padding:0}
#vylety .leaflet-popup-content{margin:0;width:230px!important}
#vylety .pop img{width:100%;height:108px;object-fit:cover}
#vylety .pop .pb{padding:10px 12px 12px;font-family:'Inter',sans-serif}
#vylety .pop b{font-size:14px;display:block;margin-bottom:3px}
#vylety .pop small{color:var(--muted);font-size:12px}
#vylety .pop button{margin-top:8px;width:100%;background:var(--navy);color:#fff;border-radius:8px;padding:7px;font-size:13px;font-weight:600}
#vylety .pop button:hover{background:var(--navy-dark)}
#vylety .stopdot{background:#fff;border:2.5px solid var(--red);border-radius:999px;width:13px;height:13px;box-shadow:0 1px 4px rgba(0,0,0,.3)}
#vylety .modal{position:fixed;inset:0;z-index:2000;display:none;align-items:flex-start;justify-content:center;background:rgba(4,18,38,.62);backdrop-filter:blur(3px);overflow-y:auto;padding:30px 16px}
#vylety .modal.open{display:flex}
#vylety .sheet{background:#fff;border-radius:18px;max-width:1020px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;animation:up .25s ease;margin:auto 0}
@keyframes up{from{transform:translateY(26px);opacity:0}to{transform:none;opacity:1}}
#vylety .x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--ink);font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.25);z-index:10}
#vylety .x:hover{background:#fff;transform:scale(1.06)}
#vylety .dhead{position:relative;height:300px;background:var(--navy)}
#vylety .dhead img{width:100%;height:100%;object-fit:cover}
#vylety .dhead .grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,15,35,.18) 30%,rgba(0,15,35,.78) 100%)}
#vylety .dhead .ttl{position:absolute;left:28px;right:28px;bottom:22px;color:#fff}
#vylety .dhead .ttl .pills{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
#vylety .dpill{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(4px);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}
#vylety .dhead h1{font-size:clamp(22px,3.4vw,32px);font-weight:800;line-height:1.15}
#vylety .img-credit{position:absolute;right:12px;top:12px;z-index:2;max-width:calc(100% - 24px);padding:5px 9px;border-radius:7px;background:rgba(1,22,48,.78);color:#fff;font-size:10.5px;line-height:1.3;backdrop-filter:blur(4px)}
#vylety .img-credit a{color:#fff;text-decoration:underline;text-underline-offset:2px}
#vylety .img-credit-generated{font-weight:700;letter-spacing:.02em}
#vylety .dbody{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;padding:26px 28px 30px}
#vylety .dmain p.lead{font-size:15px;color:#3c4a5e;margin-bottom:20px}
#vylety .dsec{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--navy);margin:22px 0 12px;display:flex;align-items:center;gap:8px}
#vylety .dsec::after{content:"";flex:1;height:1px;background:var(--line)}
#vylety .tl{position:relative;padding-left:30px}
#vylety .tl::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:var(--line)}
#vylety .tday{position:relative;padding:0 0 18px}
#vylety .tday::before{content:"";position:absolute;left:-26px;top:5px;width:11px;height:11px;border-radius:999px;background:var(--red);border:2.5px solid #fff;box-shadow:0 0 0 2px var(--red)}
#vylety .tday b{font-size:14.5px;display:block}
#vylety .tday small{color:var(--red);font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
#vylety .tday p{font-size:13.5px;color:var(--muted);margin-top:3px}
#vylety .pracs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#vylety .prac{background:var(--bg);border-radius:var(--r-sm);padding:13px 14px}
#vylety .prac b{font-size:13px;display:flex;gap:7px;align-items:center;margin-bottom:4px}
#vylety .prac p{font-size:12.5px;color:var(--muted)}
#vylety .dside{display:flex;flex-direction:column;gap:14px}
#vylety .dmapbox{height:240px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line)}
#vylety #dmap{width:100%;height:100%}
#vylety .actrow{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#vylety .abtn{border:1.5px solid var(--line);border-radius:11px;padding:11px 8px;font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;transition:all .12s}
#vylety .abtn:hover{border-color:var(--navy);background:var(--navy-soft)}
#vylety .abtn.main{grid-column:1/-1;background:var(--red);border-color:var(--red);color:#fff}
#vylety .abtn.main:hover{background:var(--red-dark)}
#vylety .abtn.saved{border-color:var(--red);color:var(--red);background:#fdf0f1}
#vylety .xsell{border:1.5px solid var(--line);border-radius:var(--r);padding:16px}
#vylety .xsell .lbl{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
#vylety .xsell h4{font-size:17px;font-weight:800;margin:5px 0 4px}
#vylety .xsell p{font-size:12.5px;color:var(--muted)}
#vylety .xsell .links{display:flex;flex-direction:column;gap:7px;margin-top:12px}
#vylety .xsell a{font-size:13px;font-weight:600;color:var(--navy);text-decoration:none;display:flex;justify-content:space-between;background:var(--navy-soft);border-radius:9px;padding:9px 13px}
#vylety .xsell a:hover{background:#dbe8f6}
#vylety .mailbox{background:var(--bg);border-radius:var(--r);padding:18px}
#vylety .mailbox h4{font-size:14.5px;margin-bottom:4px}
#vylety .mailbox p{font-size:12.5px;color:var(--muted)}
#vylety .mailrow{display:flex;gap:8px;margin-top:11px}
#vylety .mailrow input{flex:1;height:42px;border:1.5px solid var(--line);border-radius:10px;padding:0 13px;outline:none}
#vylety .mailrow input:focus{border-color:var(--navy)}
#vylety .mailrow button{background:var(--navy);color:#fff;border-radius:10px;padding:0 17px;font-weight:600;font-size:13.5px}
#vylety .consent{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--muted);margin-top:9px}
#vylety .mailok{display:none;align-items:center;gap:11px;background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:13px 15px;font-size:13.5px;font-weight:600;margin-top:11px}
#vylety .qsheet{max-width:640px;position:relative;padding:34px 36px 30px}
#vylety .qbar{height:5px;background:var(--line);border-radius:99px;overflow:hidden;margin:18px 0 26px}
#vylety .qbar i{display:block;height:100%;background:var(--red);transition:width .3s ease}
#vylety .qsheet h3{font-size:22px;font-weight:800}
#vylety .qsheet .qsub{color:var(--muted);font-size:13.5px;margin-top:4px}
#vylety .qopts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}
#vylety .qopt{border:2px solid var(--line);border-radius:13px;padding:16px;text-align:left;transition:all .12s;background:#fff}
#vylety .qopt:hover{border-color:var(--navy)}
#vylety .qopt.sel{border-color:var(--red);background:#fdf3f3}
#vylety .qopt .qi{font-size:23px;display:block;margin-bottom:7px}
#vylety .qopt b{font-size:14.5px;display:block}
#vylety .qopt span{font-size:12px;color:var(--muted)}
#vylety .qnav{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
#vylety .qback{color:var(--muted);font-size:13.5px;font-weight:600}
#vylety .qres{display:flex;flex-direction:column;gap:12px;margin-top:20px}
#vylety .qcard{display:flex;gap:14px;border:1.5px solid var(--line);border-radius:13px;overflow:hidden;cursor:pointer;transition:all .12s;background:#fff;text-align:left}
#vylety .qcard:hover{border-color:var(--navy);transform:translateX(3px)}
#vylety .qcard img{width:130px;height:96px;object-fit:cover;flex:none}
#vylety .qcard .qcb{padding:11px 13px 11px 0;flex:1}
#vylety .qcard b{font-size:15px}
#vylety .qcard small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
#vylety .match{display:inline-flex;background:var(--ok-bg);color:var(--ok);font-size:11.5px;font-weight:800;border-radius:6px;padding:2px 8px;margin-top:7px}
#vylety .drawer{position:fixed;top:0;right:-420px;width:400px;max-width:94vw;height:100vh;background:#fff;z-index:2400;box-shadow:-12px 0 40px rgba(0,20,45,.25);transition:right .28s ease;display:flex;flex-direction:column}
#vylety .drawer.open{right:0}
#vylety .drawer .dh{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
#vylety .drawer .dh b{font-size:17px}
#vylety .drawer .list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}
#vylety .fitem{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer}
#vylety .fitem:hover{border-color:var(--navy)}
#vylety .fitem img{width:96px;height:72px;object-fit:cover;flex:none}
#vylety .fitem .fb{flex:1;padding:9px 4px 9px 0;min-width:0}
#vylety .fitem b{font-size:13.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vylety .fitem small{color:var(--muted);font-size:12px}
#vylety .fitem .rm{align-self:center;padding:10px;color:var(--muted);font-size:15px}
#vylety .fitem .rm:hover{color:var(--red)}
#vylety .drawer .df{padding:16px 20px;border-top:1px solid var(--line)}
#vylety .drawer .df .abtn.main{width:100%}
#vylety .dempty{text-align:center;color:var(--muted);padding:50px 20px;font-size:13.5px}
#vylety .dempty .big{font-size:40px;margin-bottom:12px}
#vylety .scrim{position:fixed;inset:0;background:rgba(4,18,38,.45);z-index:2300;display:none}
#vylety .scrim.show{display:block}
#vylety #toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,80px);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:500;z-index:3000;transition:transform .25s ease;box-shadow:0 8px 30px rgba(0,0,0,.35);display:flex;gap:9px;align-items:center;max-width:92vw}
#vylety #toast.show{transform:translate(-50%,0)}
#vylety #fab{display:none;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:1500;background:var(--navy);color:#fff;border-radius:999px;padding:13px 24px;font-weight:700;font-size:14px;box-shadow:0 10px 30px rgba(1,44,95,.45);gap:8px;align-items:center}
@media (max-width:1020px){
#vylety .dbody{grid-template-columns:1fr}
#vylety .colls .row{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
#vylety .main{grid-template-columns:1fr}
#vylety #mapcol{display:none}
body.vylety-mapmode #vylety #mapcol{display:block;position:fixed;inset:60px 0 0 0;z-index:900;height:auto;border-radius:0}
body.vylety-mapmode #vylety #cards, body.vylety-mapmode #vylety .colls, body.vylety-mapmode #vylety .toolbar{display:none}
#vylety #fab{display:flex}
#vylety .hero .inner{padding:54px 0 50px}
#vylety .pracs{grid-template-columns:1fr}
#vylety .qopts{grid-template-columns:1fr}
#vylety .dhead{height:220px}
}
@media print{
#vylety .hero, #vylety .colls, #vylety .toolbar, #vylety #fab, #vylety #toast,
#vylety .drawer, #vylety .scrim, #vylety .modal,
#vylety .dside .actrow, #vylety .dside .xsell, #vylety .dside .mailbox, #vylety .dmapbox{display:none!important}
#vylety .dbody{grid-template-columns:1fr}
}

/* ---- integrace do webu (mimo prototyp) ---- */
#vylety .card{position:relative}
#vylety .card .cardlink{position:absolute;inset:0;z-index:1;border-radius:var(--r)}
#vylety .card .heart,#vylety .card .foot .icobtn,#vylety .card .foot .more{position:relative;z-index:2}
#vylety .card .foot .more{pointer-events:none}      /* vizuální popisek; klik řeší cardlink */
#vylety .toolbar{top:0}                              /* reálná hlavička není sticky uvnitř sekce */
#vylety #mapcol{top:16px}
#vylety .hero .inner{max-width:680px}
#vylety{--site-gap:0}
/* skrýt prvky závislé na JS, dokud nenaběhne (no-flash) */
#vylety.js-off #fab{display:none}

/* ---- detail: příbuzné trasy + fav badge ---- */
#vylety .fav-toggle b{background:var(--red);color:#fff;min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;padding:0 5px;margin-left:4px}
#vylety .chip.fav-toggle.on,#vylety .chip.fav-toggle{color:var(--ink)}
#vylety .rel{display:grid;grid-template-columns:1fr;gap:10px}
#vylety .relcard{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;transition:border .12s,transform .12s}
#vylety .relcard:hover{border-color:var(--navy);transform:translateX(3px)}
#vylety .relcard img{width:104px;height:78px;object-fit:cover;flex:none}
#vylety .relcard span{display:flex;flex-direction:column;justify-content:center;padding:8px 10px 8px 0;min-width:0}
#vylety .relcard b{font-size:13.5px}
#vylety .relcard small{color:var(--muted);font-size:12px;margin-top:2px}
#vylety .abtn[data-fav].saved{border-color:var(--red);color:var(--red);background:#fdf0f1}
