*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#f5f8fc;color:#102033}a{text-decoration:none;color:inherit}header{height:72px;background:#fff;border-bottom:1px solid #e4ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5}.logo{font-size:22px;font-weight:850}.logo b{color:#1677ff}nav{display:flex;gap:24px;align-items:center;font-weight:650;font-size:14px}.btn{display:inline-block;background:#1677ff;color:white;padding:12px 20px;border:0;border-radius:13px;font-weight:800;cursor:pointer}.btn.sm{padding:8px 12px;font-size:12px}.btn.outline{background:transparent;color:#1677ff;border:1px solid #1677ff}.btn.light{background:#fff;color:#1677ff}.mode{border:1px solid #dce5ef;background:#fff;border-radius:10px;padding:8px}.hero{max-width:1200px;margin:18px auto;border-radius:28px;min-height:430px;overflow:hidden;background:linear-gradient(115deg,#10243c,#1677ff);color:#fff}.slides article{display:none;min-height:430px;padding:70px 8%;align-items:center}.slides article.show{display:block}.slides span,main>small,.center small{font-size:11px;letter-spacing:1.6px;font-weight:900;color:#8dd0ff}.hero h1{font-size:clamp(50px,8vw,82px);line-height:.95;margin:16px 0}.hero h1 b{color:#ffb21a}.hero p{font-size:18px;max-width:600px;color:#d9eaff}main{max-width:1200px;margin:auto;padding:55px 5%}.center{text-align:center;margin-bottom:30px}.center h1,.center h2{font-size:40px;margin:8px 0}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card,.panel,.price{background:#fff;border:1px solid #e2eaf3;border-radius:20px;padding:22px;box-shadow:0 10px 30px #09233d0b}.card{min-height:180px;position:relative}.card i{font-size:30px;font-style:normal}.card p{color:#728095;font-size:13px}.card>b{position:absolute;bottom:18px;right:18px;color:#1677ff}.membership{margin-top:55px;padding:30px 6%;border-radius:24px;background:linear-gradient(100deg,#10243c,#1677ff);color:#fff;display:flex;justify-content:space-between;align-items:center}.membership h2{font-size:35px;margin:5px 0}.membership small{color:#bce1ff}.auth{min-height:calc(100vh - 72px);display:grid;place-items:center}.auth .panel,.price{width:min(520px,100%)}input,textarea{width:100%;padding:14px;border:1px solid #dce5ef;border-radius:12px;font:inherit;margin:7px 0}textarea{min-height:100px}.alert,.notice{background:#fff3c9;padding:12px;border-radius:12px;margin:10px 0}.profile{display:flex;gap:16px;align-items:center}.avatar{width:62px;height:62px;border-radius:19px;background:#10243c;color:#fff;display:grid;place-items:center;font-weight:900;font-size:25px}.blue{background:#1677ff}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.good,.bad,.status{display:inline-block;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:850}.good{background:#ddf7e8;color:#078546}.bad{background:#ffe0e0;color:#b21e1e}.money{font-size:42px}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.quick a{background:#fff;padding:18px;border-radius:15px;text-align:center;border:1px solid #e2eaf3;font-weight:750}.chathead{display:flex;gap:13px;align-items:center}.narrow{max-width:800px}.chatbox{margin-top:15px;min-height:430px;background:#edf3f9;border-radius:20px;padding:15px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:78%;padding:12px 14px;border-radius:16px}.usermsg{align-self:flex-end;background:#d9edff}.adminmsg{align-self:flex-start;background:#1677ff;color:#fff;font-weight:750;box-shadow:0 8px 25px #1677ff33}.bubble small{display:block;opacity:.6;margin-top:5px}.chatform{display:flex;gap:8px;margin-top:10px}.chatform input{margin:0}.qr{height:200px;width:200px;border:2px dashed #9db0c3;border-radius:18px;display:grid;place-items:center;text-align:center;margin:10px auto;font-size:30px}.row{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid #e3eaf2;border-radius:14px;padding:13px;margin:8px 0}.row small{display:block;color:#728095}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reels iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.dark{background:#07111e;color:#eaf3ff}.dark header,.dark .panel,.dark .price,.dark .card,.dark .quick a,.dark .row{background:#0e1b2b;border-color:#20344b;color:#eaf3ff}.dark .mode{background:#0e1b2b;color:#fff;border-color:#29415a}.dark input,.dark textarea{background:#091624;color:#fff;border-color:#29415a}.dark .chatbox{background:#091624}.dark .usermsg{background:#18344f}footer{text-align:center;padding:30px;color:#6c7b8e;border-top:1px solid #e2eaf3}@media(max-width:800px){header{height:auto;padding:13px 4%;flex-wrap:wrap;gap:10px}nav{order:3;width:100%;justify-content:space-around;gap:8px}.hero{margin:10px;border-radius:20px}.services{grid-template-columns:repeat(2,1fr)}.services .card:last-child{grid-column:span 2}.two,.reels{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}.membership{display:block;margin:35px 10px}.membership .btn{margin-top:12px}.hero h1{font-size:52px}}@media(max-width:480px){.services{grid-template-columns:1fr}.services .card:last-child{grid-column:auto}.hero{min-height:380px}.slides article{min-height:380px;padding:55px 9%}.quick{grid-template-columns:1fr 1fr}}

.pending-badge{display:inline-block;background:#ff4757;color:#fff;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.nav-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#ff4757;color:#fff;font-size:10px;margin-left:3px}.chat-row{transition:.15s}.chat-row:hover{border-color:#1677ff;transform:translateY(-1px)}.seen-label{font-size:11px;color:#7a8b9d}.ticks{font-weight:900;letter-spacing:-4px;margin-left:4px}.blue-tick{color:#67b7ff}.back{font-size:12px;color:#1677ff;font-weight:800}.dark .seen-label{color:#9eb0c4}.dark .chat-row:hover{border-color:#4b9bff}
.chat-input-wrap{position:relative;flex:1;display:flex;align-items:center}.chat-input-wrap input[name="message"]{padding-right:52px}.image-btn{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer;background:#eef5fb;font-size:18px}.image-btn input{display:none}.chat-image{display:block;max-width:min(320px,100%);max-height:320px;margin-top:8px;border-radius:13px;object-fit:cover}.chat-help{font-size:11px;color:#7a8b9d;margin-top:6px}.dark .image-btn{background:#162a3e}.dark .chat-help{color:#9eb0c4}

.route-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tour-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.tour-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:18px}.tour-map{height:430px;border-radius:16px;overflow:hidden;border:1px solid #dfe8f1}.small-map{height:300px;margin-top:10px}.builder-tools{display:flex;gap:7px;flex-wrap:wrap}.map-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.map-note{font-size:11px;color:#718196}.stops{padding-left:22px}.stops li{margin:8px 0}.stops small{display:block;color:#718196}.tour-chat{height:300px;overflow:auto;background:#edf3f9;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.tour-msg{max-width:82%;background:#fff;border:1px solid #e0e8f0;border-radius:14px;padding:9px 11px}.tour-msg.mine{align-self:flex-end;background:#d9edff}.tour-msg small{display:block;color:#75869a;margin-top:4px}.member-row{margin:6px 0}.loc-label{font-size:11px;color:#718196}.live-dot{color:#0abf53;font-weight:900}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-actions form{display:flex;gap:6px;align-items:center}.danger{background:#e53935!important}.danger-panel{margin-top:16px;border-color:#f2b4b4}.good-alert{background:#ddf7e8;color:#078546}@media(max-width:800px){.tour-grid,.route-inputs{grid-template-columns:1fr}.tour-map{height:350px}.tour-title{display:block}.admin-actions form{width:100%}.admin-actions form input{flex:1}}

.builder-tools .active{box-shadow:0 0 0 3px rgba(0,136,204,.18);transform:translateY(-1px)}
.builder-tools button:disabled{opacity:.55;cursor:not-allowed}
.tour-map{background:#e8f0f7;position:relative;z-index:1}.tour-map .leaflet-container{font-family:inherit}.small-map{min-height:320px}

.image-preview{margin-top:8px;padding:8px;border:1px solid #dce5ef;border-radius:12px;background:#f7fbff;display:flex;align-items:center;gap:10px;font-size:12px}.image-preview[hidden]{display:none}.chat-image-preview{width:90px;height:90px;object-fit:cover;border-radius:10px}.dark .image-preview{background:#0e1b2b;border-color:#29415a;color:#eaf3ff}.dark .adminmsg .chat-image{background:#fff;padding:2px}.adminmsg .chat-image{background:#fff;padding:2px}

.tour-route-links{margin-top:18px;padding-top:12px;border-top:1px solid rgba(120,160,220,.25)}
.tour-route-links h3{margin:10px 0}.route-point{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(120,160,220,.18)}
.route-point a,.stops a{font-size:.85rem;font-weight:700}.stops li a{display:block;margin-top:4px}
select{width:100%;padding:14px;border:1px solid #dce5ef;border-radius:12px;font:inherit;margin:7px 0;background:#fff;color:inherit}.dark select{background:#091624;color:#fff;border-color:#29415a}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.content-editor{display:grid;grid-template-columns:220px 1fr;gap:16px;border:1px solid #e2eaf3;border-radius:16px;padding:14px;margin:12px 0}.editor-preview{min-height:150px;border-radius:13px;overflow:hidden;background:#edf3f9;display:grid;place-items:center}.editor-preview img{width:100%;height:100%;min-height:150px;object-fit:cover}.editor-placeholder{color:#718196;font-weight:800}.editor-fields{min-width:0}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0}.check input{width:auto;margin:0}.nested{margin-top:16px;background:transparent;box-shadow:none}.hero .slides article.has-image{background-size:cover;background-position:center}.dark .content-editor{border-color:#29415a}.dark .editor-preview{background:#091624}@media(max-width:800px){.content-editor{grid-template-columns:1fr}.editor-preview{max-height:220px}.section-head{display:block}}

/* Mobile navigation: compact hamburger menu */
.nav-toggle{display:none;border:1px solid #dce5ef;background:#fff;color:#102033;border-radius:11px;width:42px;height:40px;font-size:22px;line-height:1;cursor:pointer;align-items:center;justify-content:center}.dark .nav-toggle{background:#0e1b2b;color:#fff;border-color:#29415a}
@media(max-width:800px){header{position:sticky;top:0;padding:12px 4%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.logo{font-size:19px}.nav-toggle{display:flex;order:2}header .mode{order:3}.mode{padding:7px;font-size:12px}header nav{display:none;order:4;grid-column:1/-1;width:100%;padding:8px;margin-top:2px;justify-content:stretch;align-items:stretch;flex-direction:column;gap:4px;background:#f7fbff;border:1px solid #e2eaf3;border-radius:14px;box-shadow:0 8px 22px #09233d12}header nav.open{display:flex}header nav a{display:block;width:100%;padding:11px 13px;border-radius:10px}header nav a:hover{background:#e8f2ff}header nav .nav-badge{float:right}.dark header nav{background:#0e1b2b;border-color:#29415a}.dark header nav a:hover{background:#162a3e}}

/* =========================================================
   Rider Ashu mobile bottom navigation
   Desktop navigation above remains unchanged.
   ========================================================= */
.ra-mobile-bottom-nav{display:none}
.ra-mobile-more{display:none}

@media(max-width:800px){
  /* Keep the original desktop-style header, but remove its links on mobile. */
  header{height:auto;min-height:60px;padding:13px 4%;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}
  header .logo{font-size:19px}
  header .desktop-nav{display:none !important}
  header .mode{display:block;margin-left:auto;padding:7px;font-size:12px;flex:none}

  /* Fixed app-like navigation at the bottom. */
  body{padding-bottom:76px !important}
  .ra-mobile-bottom-nav{
    position:fixed;
    left:0;right:0;bottom:0;
    height:68px;
    padding:4px 4px calc(4px + env(safe-area-inset-bottom));
    display:flex;
    align-items:stretch;
    justify-content:space-around;
    gap:2px;
    background:rgba(255,255,255,.98);
    border-top:1px solid #dce5ef;
    box-shadow:0 -6px 22px rgba(9,35,61,.14);
    z-index:9999;
  }
  .ra-mobile-bottom-nav>a,
  .ra-mobile-bottom-nav>button{
    flex:1;
    min-width:0;
    border:0;
    background:transparent;
    color:#102033;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    border-radius:12px;
    font:inherit;
    cursor:pointer;
    position:relative;
  }
  .ra-mobile-bottom-nav>a:active,
  .ra-mobile-bottom-nav>button:active{background:#eef5fb}
  .ra-mobile-bottom-nav>a>span,
  .ra-mobile-bottom-nav>button>span{font-size:21px;line-height:22px}
  .ra-mobile-bottom-nav small{font-size:10px;line-height:13px;font-weight:750;white-space:nowrap}
  .ra-mobile-bottom-nav .nav-badge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;line-height:16px;margin-left:2px;vertical-align:top}

  /* More sheet above the bottom bar. */
  .ra-mobile-more{
    position:fixed;
    left:12px;right:12px;bottom:78px;
    max-height:70vh;
    overflow:auto;
    padding:8px;
    background:#fff;
    border:1px solid #dce5ef;
    border-radius:18px;
    box-shadow:0 12px 40px rgba(9,35,61,.22);
    z-index:10000;
  }
  .ra-mobile-more.open{display:block}
  .ra-mobile-more a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 13px;
    border-radius:11px;
    text-decoration:none;
    color:#102033;
    font-size:14px;
    font-weight:650;
  }
  .ra-mobile-more a:hover{background:#eef5fb}
  .ra-mobile-more .nav-badge{margin-left:auto}

  /* Preserve existing page responsiveness. */
  .hero{margin:10px;border-radius:20px}
  .services{grid-template-columns:repeat(2,1fr)}
  .services .card:last-child{grid-column:span 2}
  .two,.reels{grid-template-columns:1fr}
  .quick{grid-template-columns:repeat(2,1fr)}
  .membership{display:block;margin:35px 10px}
  .membership .btn{margin-top:12px}
  .hero h1{font-size:52px}

  /* Night mode */
  .dark .ra-mobile-bottom-nav{background:rgba(14,27,43,.98);border-top-color:#29415a;box-shadow:0 -6px 22px rgba(0,0,0,.35)}
  .dark .ra-mobile-bottom-nav>a,
  .dark .ra-mobile-bottom-nav>button{color:#eaf3ff}
  .dark .ra-mobile-bottom-nav>a:active,
  .dark .ra-mobile-bottom-nav>button:active{background:#162a3e}
  .dark .ra-mobile-more{background:#0e1b2b;border-color:#29415a;color:#eaf3ff}
  .dark .ra-mobile-more a{color:#eaf3ff}
  .dark .ra-mobile-more a:hover{background:#162a3e}
}

@media(max-width:480px){
  .services{grid-template-columns:1fr}
  .services .card:last-child{grid-column:auto}
  .hero{min-height:380px}
  .slides article{min-height:380px;padding:55px 9%}
  .quick{grid-template-columns:1fr 1fr}
  .ra-mobile-bottom-nav{height:66px}
}

/* FINAL DESKTOP NAV CLEANUP: mobile-only elements must never appear on desktop */
@media (min-width:801px){
  .ra-mobile-bottom-nav{display:none !important;visibility:hidden !important;}
  .ra-mobile-more{display:none !important;visibility:hidden !important;}
  .desktop-nav{display:flex !important;visibility:visible !important;}
}

/* FINAL MOBILE NAV: show only the fixed bottom bar and hidden More sheet */
@media (max-width:800px){
  .desktop-nav{display:none !important;visibility:hidden !important;}
  .ra-mobile-bottom-nav{display:flex !important;visibility:visible !important;}
  .ra-mobile-more{display:none !important;visibility:hidden !important;}
  .ra-mobile-more.open{display:block !important;visibility:visible !important;}
}
