/*
 * Uygulama kabuğu için tek yatay ölçü sistemi.
 * Header ve sayfa gridleri aynı 1302px eksene oturur; böylece route değişince
 * logo, drawer ve içerik başlangıcı yer değiştirmez.
 */
:root{--app-shell-width:1302px;--app-drawer-width:248px;--app-center-width:707px;--app-rail-width:347px}

.app-tools .top-action{width:30px;height:30px;display:grid;place-items:center;position:relative;border:0;border-radius:7px;background:transparent!important;color:#eef2f5;transition:background .16s ease,color .16s ease}.app-tools .top-action:hover{background:#141b20!important;color:#fff}.app-tools .top-settings{background:transparent!important;color:#aeb8c0}
.app-tools .top-action.notification b{position:absolute;right:-3px;top:-5px;background:#e9003f;color:#fff;border-radius:9px;padding:1px 5px;font-size:8px;line-height:1.2}
.app-tools>.user-identity{display:inline-flex;line-height:0}.app-tools .user-avatar{width:var(--ua)!important;height:var(--ua)!important;border-radius:50%!important}.guest-avatar{width:34px;height:34px;border:3px solid #e9003f;border-radius:50%;display:grid;place-items:center;background:#202832;color:#fff;font-size:10px;font-weight:800;flex:none}
.mini-user>.user-identity{display:inline-flex;flex:none}.mini-user>div:not(.user-identity){display:grid}

/* Segment halkaları: 0=marka kırmızısı, 1=bronz, 2=gümüş, 3=altın — her avatarda (rail, post, topbar, sidebar) tutarlı */
.user-avatar.segment-0:not(.has-story){padding:3px;background:linear-gradient(135deg,#e9003f,#7b102c)}
.user-avatar.segment-1:not(.has-story){background:linear-gradient(135deg,#a0522d,#6b4423,#c27a45)}
.user-avatar.segment-2:not(.has-story){background:linear-gradient(135deg,#e8edf2,#808890,#c0c8ce)}
.user-avatar.segment-3:not(.has-story){background:linear-gradient(135deg,#ffd700,#ff8c00,#fff0a0)}
.user-avatar.segment-0:not(.has-story),.user-avatar.segment-1:not(.has-story),.user-avatar.segment-2:not(.has-story),.user-avatar.segment-3:not(.has-story){padding:3px}
.user-avatar.segment-0:not(.has-story)>span,.user-avatar.segment-1:not(.has-story)>span,.user-avatar.segment-2:not(.has-story)>span,.user-avatar.segment-3:not(.has-story)>span{inset:3px}
.user-avatar.segment-1.has-story:before{background:conic-gradient(#d4956a,#7a4125,#d4956a)}.user-avatar.segment-2.has-story:before{background:conic-gradient(#f3f6f8,#7d8790,#f3f6f8)}.user-avatar.segment-3.has-story:before{background:conic-gradient(#fff3a0,#ff9d00,#ffd700,#fff3a0)}
.story-ring.add-story.segment-1{border-color:#a9653e!important}.story-ring.add-story.segment-2{border-color:#c8d0d6!important}.story-ring.add-story.segment-3{border-color:#eab52d!important}.story-ring.add-story b{right:-5px!important;bottom:-3px!important;left:auto!important;transform:none!important;line-height:1!important}

/* Üst bar hesap çipi: avatar + isim + chevron */
.topbar-account{display:flex;align-items:center;gap:7px;padding:4px 11px 4px 5px;border-radius:30px;transition:background .15s ease;text-decoration:none;color:inherit}
.topbar-account:hover{background:#141b20}
.topbar-account .user-identity-text{line-height:1.3;pointer-events:none}
.topbar-account .user-identity-text b{font-size:12.5px;white-space:nowrap}
.topbar-account .user-identity-text small{font-size:10px;white-space:nowrap}
.topbar-account>.mg-icon{color:#5c6470;flex:none}
.topbar-account.guest b{font-size:12.5px;font-weight:700;color:#eef2f5;white-space:nowrap}

.trend-users-card{padding-bottom:14px!important}
.trend-user-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.trend-user{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;min-width:0;text-align:center;padding:15px 6px 13px;border:1px solid #1c2229;border-radius:13px;background:#0b0f14;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.trend-user:hover{border-color:#2b333d;transform:translateY(-2px)}
.trend-user .user-avatar{width:50px!important;height:50px!important}
.trend-user-rank{position:absolute;top:8px;left:8px;z-index:2;display:grid;place-items:center;min-width:16px;height:16px;font-size:8.5px;font-weight:900;padding:0 4px;border-radius:20px;background:#161e25;color:#8b96a0;border:1px solid #232d35;line-height:1}
.trend-user-rank.top{background:#e9003f;color:#fff;border-color:#e9003f}
.trend-user>div{display:grid;justify-items:center;min-width:0;width:100%;gap:2px}
.trend-user b{display:block;width:100%;font-size:11px;font-weight:700;color:#eef2f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.trend-user b svg{display:inline-block;vertical-align:-2px;color:#e9003f;margin-left:2px}
.trend-user small{display:block;color:#747f89;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}
.trend-user div span{color:#e9003f;font-size:9.5px;font-weight:800;white-space:nowrap;margin-top:1px}

@media(min-width:1160px){
 .app-topbar{
  grid-template-columns:var(--app-drawer-width) minmax(520px,var(--app-center-width)) minmax(300px,var(--app-rail-width))!important;
  justify-content:center!important
 }

 .forum-layout,.notifications-layout,.settings-layout,.create-layout,
 .vehicle-add-layout,.blogs-layout,.saved-layout,.nitro-layout,.shops-layout{
  width:min(var(--app-shell-width),100%)!important;
  max-width:var(--app-shell-width)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  justify-content:stretch!important
 }

 .forum-layout,.nitro-layout{
  display:grid!important;
  grid-template-columns:var(--app-drawer-width) minmax(520px,var(--app-center-width)) minmax(300px,var(--app-rail-width))!important
 }

 .notifications-layout,.settings-layout,.create-layout,.vehicle-add-layout,
 .blogs-layout,.saved-layout{
  display:grid!important;
  grid-template-columns:var(--app-drawer-width) minmax(0,1fr)!important
 }

 .shops-layout{
  display:grid!important;
  grid-template-columns:var(--app-drawer-width) 430px minmax(0,1fr)!important
 }

 .forum-sidebar,.nitro-sidebar,.shops-sidebar,
 .notifications-layout>.social-sidebar,.settings-layout>.social-sidebar,
 .create-layout>.social-sidebar,.vehicle-add-layout>.social-sidebar,
 .blogs-layout>.social-sidebar,.saved-layout>.social-sidebar{
  box-sizing:border-box!important;
  width:var(--app-drawer-width)!important;
  min-width:var(--app-drawer-width)!important;
  margin:0!important;
  left:auto!important;
  right:auto!important
 }

 .forum-main,.nitro-main,.shops-list-panel,.notifications-main,.settings-main,
 .create-main,.vehicle-add-main,.blogs-main,.saved-main{
  box-sizing:border-box!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important
 }
}

/* Keşfet: ana akıştan bağımsız, gerçek içeriklerle çalışan keşif panosu */
.explore-app{min-height:100vh;background:#070b0e;color:#eef2f5}.explore-layout{width:min(var(--app-shell-width),100%);margin:auto;display:grid;grid-template-columns:var(--app-drawer-width) minmax(0,1fr) 270px}.explore-layout>.social-sidebar{width:var(--app-drawer-width);min-width:0}.explore-main{min-width:0;padding:10px 12px 28px;border-right:1px solid #1a2228}.explore-rail{padding:10px 10px}.explore-loading{min-height:420px}.explore-panel{border:1px solid #1d262d;border-radius:12px;background:#0a0f13;padding:12px;overflow:hidden}.explore-panel-title,.explore-panel>.explore-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.explore-panel-title h3,.quick-panel>h3{margin:0;font-size:13px}.explore-panel-title a{font-size:8px;color:#e9003f;font-weight:700}.explore-hero{min-height:230px;border:1px solid #242a2c;border-radius:12px;padding:24px;position:relative;overflow:hidden;display:flex;align-items:flex-start;background-image:linear-gradient(90deg,#f0e6d4 0%,#f0e6d4dc 37%,#0a10162b 70%),var(--hero,linear-gradient(135deg,#d9c6a3,#5b6670));background-size:cover;background-position:center;color:#29251f}.explore-hero-copy{max-width:350px;position:relative;z-index:1}.explore-hero-copy>small{font-weight:900;letter-spacing:1px;color:#a13b1e}.explore-hero h1{font-family:Georgia,serif;font-size:34px;margin:10px 0 8px}.explore-hero p{font-size:10px;line-height:1.55;max-width:290px}.explore-hero-copy>a{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 18px;background:#a93617;color:#fff;border-radius:7px;font-size:9px;font-weight:800}.explore-route-picks{position:absolute;right:18px;bottom:14px;display:flex;gap:7px}.explore-route-picks>a{width:102px;height:64px;border-radius:8px;background-size:cover;background-position:center;padding:8px;display:flex;justify-content:flex-end;flex-direction:column;color:#fff}.explore-route-picks b{font-size:8px}.explore-route-picks small{font-size:7px;color:#d7dde1}.explore-top-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:10px}.trend-car-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.trend-car-grid>a{background:#10171c;border:1px solid #202a31;border-radius:8px;overflow:hidden;min-width:0}.trend-car-grid .cover{height:76px;background:linear-gradient(135deg,#16232b,#2b3b45)}.trend-car-grid img{width:100%;height:100%;object-fit:cover}.trend-car-grid b,.trend-car-grid small{display:block;padding:7px 7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.trend-car-grid small{padding:3px 7px 7px;color:#7d8991;font-size:7px}.popular-user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;gap:8px}.popular-user-grid>a{min-width:0;display:flex;flex-direction:column;align-items:center;text-decoration:none}.popular-user-grid b{display:block;font-size:11px;line-height:1.2;margin-top:7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eef2f5}.popular-user-grid small{display:block;font-size:9px;line-height:1.2;margin-top:3px;color:#7e8890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.popular-user-grid em{display:block;font-style:normal;font-size:10px;font-weight:700;line-height:1.2;margin-top:7px;color:#e9003f;white-space:nowrap}.explore-content-grid{display:grid;grid-template-columns:1.25fr .9fr 1fr 1.2fr;gap:10px;margin-top:10px}.explore-blog-list article,.explore-blog-list .explore-blog-item{display:flex;gap:7px;padding:6px 0;border-top:1px solid #1b242a;color:inherit;text-decoration:none;align-items:center}.explore-blog-list article:first-child,.explore-blog-list .explore-blog-item:first-child{border-top:0}.explore-blog-list img{width:56px;height:38px;border-radius:5px;object-fit:cover}.explore-blog-list b,.explore-list b,.explore-route-list b,.explore-forum-list b{display:block;font-size:8px;line-height:1.3}.explore-blog-list small,.explore-list small,.explore-route-list small,.explore-forum-list small{font-size:6.5px;color:#78838c}.explore-list>a,.explore-route-list>a,.explore-forum-list>a{display:flex;align-items:center;gap:7px;padding:6px 0;border-top:1px solid #1b242a}.explore-list>a:first-child,.explore-route-list>a:first-child,.explore-forum-list>a:first-child{border-top:0}.explore-list>a>span{width:30px;height:30px;border-radius:50%;background:#131b21;display:grid;place-items:center;font-size:8px;flex:none}.explore-list img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.explore-route-list img{width:54px;height:32px;border-radius:5px;object-fit:cover}.explore-forum-list>a>div,.explore-route-list>a>div,.explore-list>a>div{min-width:0;flex:1}.explore-forum-list em{font-style:normal;font-size:7px;color:#7f8991}.quick-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.quick-panel>div>a{height:76px;border-radius:8px;background:#10161b;display:grid;place-items:center;align-content:center;gap:3px}.quick-panel svg{color:#e9003f}.quick-panel b{font-size:9px}.quick-panel small{font-size:7px;color:#7f8991}.explore-events{margin-top:10px}.explore-events>a{display:grid;padding:9px 0;border-top:1px solid #1b242a}.explore-events b{font-size:8px}.explore-events small{font-size:7px;color:#7e8991;margin-top:3px}
@media(max-width:1159px){.explore-layout{grid-template-columns:220px minmax(0,1fr)}.explore-rail{display:none}.explore-content-grid{grid-template-columns:1fr 1fr}.explore-route-picks{display:none}}
@media(max-width:760px){.explore-layout{display:block}.explore-layout>.social-sidebar{display:none}.explore-main{padding:8px}.explore-top-grid,.explore-content-grid{grid-template-columns:1fr}.trend-car-grid{grid-template-columns:1fr 1fr}.explore-hero{min-height:260px}}
.explore-hero.real-banner{color:#fff;background-image:linear-gradient(90deg,#05080bd9 0%,#05080b6e 42%,transparent 75%),var(--hero);background-position:center;background-size:cover}.explore-hero.real-banner .explore-route-picks{display:none}.explore-hero.real-banner .explore-hero-copy>small{color:#ff315f}
.explore-hero-carousel{position:relative;min-height:230px}.explore-hero-carousel>.explore-hero{display:none;height:230px}.explore-hero-carousel>.explore-hero.is-active{display:flex!important;visibility:visible;opacity:1}.explore-carousel-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.explore-carousel-dots i{width:18px;height:3px;border-radius:3px;background:#ffffff66}.explore-carousel-dots i.active{background:#fff}.explore-carousel-prev,.explore-carousel-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:28px;height:34px;border:1px solid #ffffff66;border-radius:7px;background:#05080b99;color:#fff;font-size:22px;line-height:20px;cursor:pointer}.explore-carousel-prev{left:10px}.explore-carousel-next{right:10px}
.announcement-list{display:grid;gap:10px;max-width:760px}.announcement-card{padding:18px;border:1px solid #1d262d;border-left:3px solid #e9003f;border-radius:12px;background:#0a0f13}.announcement-top{display:flex;justify-content:space-between;align-items:center}.announcement-tag{font-size:8px;color:#e9003f;text-transform:uppercase;font-weight:800}.announcement-top small,.announcement-card footer{font-size:8px;color:#7e8991}.announcement-card h2{font-size:16px;margin:12px 0 7px}.announcement-card p{font-size:10px;color:#aeb8c0;line-height:1.55;margin:0}.announcement-card footer{display:flex;justify-content:space-between;margin-top:14px}.announcement-card footer b{color:#32c883}
.route-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-page-card{display:block;border:1px solid #1d262d;border-radius:12px;background:#0a0f13;overflow:hidden}.route-page-card>img,.route-page-art{display:block;width:100%;height:150px;object-fit:cover;background:linear-gradient(135deg,#17313a,#171c36);display:grid;place-items:center;color:#e9003f}.route-page-card>div{padding:12px}.route-page-card h2{font-size:13px;margin:0 0 5px;color:#eef2f5}.route-page-card p{font-size:9px;color:#8b969e;min-height:28px;margin:0 0 8px}.route-page-card small{font-size:8px;color:#e9003f}.real-route{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #1b242a}.real-route:first-of-type{border-top:0}.real-route>span{width:48px;height:32px;border-radius:5px;background:linear-gradient(145deg,#24473f,#19243c)}.real-route>b{font-size:8px;flex:1}.real-route small{display:block;color:#78848d;font-weight:400;margin-top:3px}.real-route>i{font-style:normal;color:#e9003f}
.post-media .media-art{height:auto!important;aspect-ratio:16/10;min-height:0;max-height:none}.post-media .media-art img,.post-media .media-art video{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}

.explore-hero-carousel>.explore-hero:first-child{display:flex!important;visibility:visible;opacity:1}
.shop-detail-actions{display:flex;align-items:center;gap:8px}.shop-detail-actions>a,.shop-homepage{display:inline-flex;padding:10px 14px;border:1px solid #31404b;border-radius:8px;color:#e8edf0;font-size:11px;font-weight:700}.shop-homepage{margin-top:16px}.shop-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-item-grid article{overflow:hidden;border:1px solid #202e37;border-radius:12px;background:#0d161c}.shop-item-grid img{display:block;width:100%;height:130px;object-fit:cover}.shop-item-grid article>div{padding:13px}.shop-item-grid h3{font-size:13px;margin:6px 0}.shop-item-grid p{min-height:30px;color:#8c98a1;font-size:10px;line-height:1.5}.shop-item-grid small{color:#e9003f;font-size:9px}.shop-item-grid b{font-size:14px}.shop-item-grid em{display:block;margin-top:8px;color:#ff5b7f;font-size:9px;font-style:normal}.shop-empty-copy{color:#84919b;font-size:11px}.working-hours{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.working-hours span{padding:11px;background:#101920;border-radius:8px}.working-hours b,.working-hours small{display:block}.working-hours b{font-size:10px}.working-hours small{margin-top:4px;color:#87949e;font-size:9px}@media(max-width:800px){.shop-item-grid{grid-template-columns:1fr}.working-hours{grid-template-columns:repeat(2,1fr)}}
.shop-detail-app{min-height:100vh;background:#070b0f;color:#eef2f5}.shop-detail-layout{display:grid;grid-template-columns:248px minmax(0,900px);width:min(1180px,100%);margin:auto;padding-top:80px}.shop-detail-main{padding:28px 34px}.shop-detail-card{border:1px solid #1d2932;border-radius:16px;background:#0c141a;overflow:hidden}.shop-detail-cover{height:260px;background:#14232d linear-gradient(135deg,#17313a,#171c36);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:20px}.shop-detail-cover span{color:#fff;background:#e9003f;padding:7px 10px;border-radius:5px;font-size:10px;font-weight:800}.shop-detail-body{padding:24px}.shop-detail-head{display:flex;justify-content:space-between;align-items:center}.shop-detail-head h1{font-size:28px;margin:0}.shop-detail-head h1 i{color:#e9003f;font-style:normal}.shop-detail-head p{color:#8e9aa4;font-size:12px}.shop-primary{background:#e9003f;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:800}.shop-detail-stats{display:flex;gap:30px;border-block:1px solid #1d2932;padding:16px 0;margin:20px 0}.shop-detail-stats b,.shop-detail-stats small,.shop-detail-info span,.shop-detail-info small{display:block}.shop-detail-stats small,.shop-detail-info small{font-size:10px;color:#7e8b95;margin-top:3px}.shop-detail-info{display:flex;gap:10px;color:#e9003f;font-size:16px}.shop-detail-info span{color:#eef2f5;font-size:12px}.shop-detail-section{margin-top:18px;padding:20px;border:1px solid #1d2932;border-radius:14px}.shop-detail-section h2{font-size:18px;margin:0 0 14px}.service-pills{display:flex;flex-wrap:wrap;gap:8px}.service-pills span{padding:9px 12px;border:1px solid #2a3943;border-radius:20px;color:#b9c3ca;font-size:11px}@media(max-width:800px){.shop-detail-layout{display:block;padding-top:64px}.shop-detail-layout>.social-sidebar{display:none}.shop-detail-main{padding:18px 14px}.shop-detail-head{display:block}.shop-primary{margin-top:10px}.shop-detail-stats{gap:12px;justify-content:space-between}}
.route-detail-app{min-height:100vh;background:#070b0f;color:#eef2f5}.route-detail-layout{display:grid;grid-template-columns:248px minmax(0,900px);width:min(1180px,100%);margin:auto;padding-top:80px}.route-detail-main{padding:28px 34px}.route-detail-card{border:1px solid #1d2932;border-radius:16px;background:#0c141a;overflow:hidden}.route-detail-cover{height:300px;background:#13222c linear-gradient(135deg,#17313a,#171c36);background-position:center;background-size:cover;display:flex;align-items:flex-end;padding:20px}.route-detail-cover span,.route-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#e9003f}.route-detail-body{padding:24px}.route-detail-heading{display:flex;justify-content:space-between;gap:20px}.route-detail-heading h1{font-size:30px;margin:8px 0}.route-detail-heading p{color:#8e9aa4;font-size:12px;line-height:1.6}.route-start{align-self:center;background:#e9003f;color:#fff;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:800;white-space:nowrap}.route-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1d2932;border-bottom:1px solid #1d2932;margin:22px 0;padding:16px 0}.route-detail-stats span{padding:0 14px;border-right:1px solid #1d2932}.route-detail-stats span:last-child{border:0}.route-detail-stats b,.route-detail-stats small{display:block}.route-detail-stats b{font-size:14px}.route-detail-stats small{font-size:9px;color:#7e8b95;margin-top:4px}.route-detail-author{display:flex;align-items:center;gap:10px}.route-detail-author b,.route-detail-author small{display:block}.route-detail-author small{font-size:10px;color:#7e8b95;margin-top:3px}@media(max-width:800px){.route-detail-layout{display:block;padding-top:64px}.route-detail-layout>.social-sidebar{display:none}.route-detail-main{padding:18px 14px}.route-detail-heading{display:block}.route-start{display:inline-flex;margin-top:10px}.route-detail-stats{grid-template-columns:repeat(2,1fr);gap:14px}.route-detail-stats span:nth-child(2){border:0}.route-detail-cover{height:220px}}
/* Keşfet panosu: daha güçlü kahraman alanı ve dengeli kart ritmi */
.explore-main{padding:18px 20px 40px;background:radial-gradient(circle at 20% 0%,#101a22 0,#070b0e 42%);}
.explore-hero-carousel{min-height:300px;margin-bottom:16px;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0008}
.explore-hero-carousel>.explore-hero{height:300px;min-height:300px;padding:34px 38px;border-radius:16px}
.explore-hero.real-banner{background-image:linear-gradient(90deg,#05080bf2 0%,#05080bb8 35%,#05080b22 72%),var(--hero);}
.explore-hero h1{font-size:42px;letter-spacing:-1px}.explore-hero p{font-size:13px;max-width:390px;color:#d7dee3}.explore-hero-copy>small{font-size:11px}
.explore-panel{padding:18px;border-radius:14px;background:linear-gradient(145deg,#0d1419,#090e12);box-shadow:0 8px 24px #0004}.explore-panel-title h3,.quick-panel>h3{font-size:15px}.explore-panel-title a{font-size:10px}
.explore-top-grid,.explore-content-grid{gap:14px;margin-top:14px}
.explore-top-grid,.explore-content-grid{align-items:start}.explore-top-grid>.explore-panel,.explore-content-grid>.explore-panel{height:max-content;min-height:0}.popular-users{align-self:start}.trend-cars{align-self:start}
.route-live-map-card{position:relative;margin-bottom:16px;border:1px solid #1d2932;border-radius:16px;overflow:hidden;background:#0b141c}.route-live-map{height:440px;width:100%;z-index:1}.route-map-legend{position:absolute;z-index:500;left:18px;bottom:18px;display:flex;gap:14px;padding:10px 13px;border:1px solid #293741;border-radius:10px;background:#071016e8;color:#dbe2e6;font-size:10px}.route-map-legend span{display:flex;align-items:center;gap:6px}.route-map-legend i{width:9px;height:9px;border-radius:50%;background:#ffb000}.route-map-legend .start{background:#19c37d}.route-map-legend .finish{background:#e9003f}.route-stop-icon{display:grid!important;place-items:center;background:#ffb000;color:#111;border:3px solid #fff;border-radius:50% 50% 50% 10%;transform:rotate(-45deg);box-shadow:0 5px 16px #0009}.route-stop-icon b{transform:rotate(45deg);font-size:11px}.route-live-map .leaflet-popup-content-wrapper,.route-live-map .leaflet-popup-tip{background:#101820;color:#fff}@media(max-width:800px){.route-live-map{height:330px}.route-map-legend{left:10px;bottom:10px;gap:8px}}