/* v733 — YatriSutra Mobile V3 homepage.
   Mobile only. Desktop/web Travel Edit v732 is intentionally untouched. */
#te733-mobile-home{display:none}
@media (max-width:900px){
  :root{--te733-navy:#062B5C;--te733-navy2:#0A3A67;--te733-orange:#F56A00;--te733-cream:#FFFDF8;--te733-blue:#F4F8FC;--te733-sage:#EDF5F0;--te733-ink:#14213D;--te733-muted:#667085;--te733-line:#E6EAF0;--te733-shadow:0 14px 32px rgba(6,43,92,.10)}
  html,body{max-width:100%;overflow-x:hidden}
  body.home-page.travel-edit-v724{background:linear-gradient(180deg,#F7FAFD 0,#FFFDF8 44%,#F6FAF7 100%)!important;padding-bottom:72px!important}
  body.home-page.travel-edit-v724 #te724-home{display:none!important}
  body.home-page.travel-edit-v724 #te733-mobile-home{display:block!important;width:100%;max-width:460px;margin:0 auto;color:var(--te733-ink);font-family:Inter,'Noto Sans Devanagari',system-ui,sans-serif;background:transparent}

  /* Shared header, same fragment as web. Mobile-only composition: logo + Track + menu. */
  body.home-page .ys-shared-header-v732 .ys-v732-inner{width:calc(100% - 24px)!important;min-height:62px!important;gap:8px!important}
  body.home-page .ys-shared-header-v732 .ys-v732-nav-spacer{height:62px!important}
  body.home-page .ys-shared-header-v732 .te724-brand-tile{width:142px!important;height:40px!important;border-radius:10px!important}
  body.home-page .ys-shared-header-v732 .te724-brand-tile img.ys-logo{width:127px!important}
  body.home-page .ys-shared-header-v732 .te724-nav-actions{display:flex!important;margin-left:auto!important;gap:7px!important}
  body.home-page .ys-shared-header-v732 .te724-host-link{display:none!important}
  body.home-page .ys-shared-header-v732 .te724-header-cta{display:flex!important;padding:9px 10px!important;min-height:38px!important;font-size:10px!important;box-shadow:none!important}
  body.home-page .ys-shared-header-v732 .te724-menu{margin-left:0!important;width:40px!important;height:40px!important;padding:0!important;border-radius:11px!important;font-size:18px!important}
  body.home-page .ys-shared-header-v732 .te724-navlinks.te724-is-open{left:-12px!important;right:-12px!important;top:100%!important;max-height:calc(100dvh - 62px - 66px - env(safe-area-inset-bottom))!important}

  /* Intro: intentionally image-free so search appears in the first screen. */
  #te733-mobile-home .te733-intro{padding:17px 16px 7px}
  #te733-mobile-home .te733-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--te733-orange)}
  #te733-mobile-home .te733-intro h1{margin:7px 0 9px;color:var(--te733-navy);font-family:Fraunces,Georgia,'Times New Roman',serif;font-size:32px;line-height:1.02;letter-spacing:-.035em}
  #te733-mobile-home .te733-intro p{margin:0;max-width:360px;color:var(--te733-muted);font-size:12px;line-height:1.5}

  /* Search first. */
  #te733-mobile-home .te733-stay-card{margin:11px 14px 0;padding:12px;background:#fff;border:1px solid var(--te733-line);border-radius:18px;box-shadow:var(--te733-shadow)}
  #te733-mobile-home .te733-city-field{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:9px;align-items:center;padding:10px;border:1px solid #DDE4EC;border-radius:13px;background:#FBFCFE}
  #te733-mobile-home .te733-pin{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#FFF0E5;color:var(--te733-orange);font-size:17px}
  #te733-mobile-home .te733-city-field small,#te733-mobile-home .te733-stay-fields small,#te733-mobile-home .te733-estimator small{display:block;color:var(--te733-muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  #te733-mobile-home .te733-city-field input{width:100%;min-width:0;margin:2px 0 0;padding:0;border:0;outline:0;background:transparent;color:var(--te733-ink);font:800 14px Inter,system-ui,sans-serif}
  #te733-mobile-home .te733-city-field b{color:#98A2B3;text-align:center}
  #te733-mobile-home .te733-stay-fields{display:grid;grid-template-columns:1fr 1fr 70px;gap:7px;margin-top:8px}
  #te733-mobile-home .te733-stay-fields label{display:block;min-width:0;padding:9px 8px;border:1px solid #E2E8F0;border-radius:11px;background:#fff}
  #te733-mobile-home .te733-stay-fields input,#te733-mobile-home .te733-stay-fields select{width:100%;min-width:0;margin:3px 0 0;padding:0;border:0;outline:0;background:transparent;color:var(--te733-ink);font:750 12px Inter,system-ui,sans-serif}
  #te733-mobile-home .te733-stay-fields select{appearance:auto}
  #te733-mobile-home .te733-primary{width:100%;min-height:45px;margin-top:9px;border:0;border-radius:12px;background:var(--te733-orange);color:#fff;font-size:13px;font-weight:900;cursor:pointer}
  #te733-mobile-home .te733-error{display:block;min-height:0;margin:4px 2px 0;color:#B42318;font-size:9px;line-height:1.25}
  #te733-mobile-home .te733-error:empty{display:none}
  #te733-mobile-home .te733-invalid{outline:2px solid #FDA29B!important;outline-offset:2px}

  /* Quick actions: no oversized hero tabs. */
  #te733-mobile-home .te733-quick{padding:12px 14px 2px}
  #te733-mobile-home .te733-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:7px}
  #te733-mobile-home .te733-quick-grid>a,#te733-mobile-home .te733-quick-grid>button{min-width:0;min-height:72px;padding:8px 4px;border:1px solid var(--te733-line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(6,43,92,.05);color:var(--te733-navy);font:800 9px Inter,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
  #te733-mobile-home .te733-quick-grid span{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 6px;border-radius:10px;background:var(--te733-blue);font-size:16px}

  /* Shared mobile section rhythm. */
  #te733-mobile-home .te733-section{padding:23px 14px 6px}
  #te733-mobile-home .te733-discover{margin-top:13px;padding-top:20px;padding-bottom:19px;background:linear-gradient(180deg,#F1F7FB 0,#F8FBFD 100%)}
  #te733-mobile-home .te733-spiritual{margin-top:13px;padding-top:20px;padding-bottom:19px;background:#FFF8F0}
  #te733-mobile-home .te733-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}
  #te733-mobile-home .te733-head>div{min-width:0}
  #te733-mobile-home .te733-head small{display:block;margin-bottom:4px;color:var(--te733-orange);font-size:8px;font-weight:900;letter-spacing:.13em}
  #te733-mobile-home .te733-head h2{margin:0;color:var(--te733-navy);font-family:Fraunces,Georgia,'Times New Roman',serif;font-size:22px;line-height:1.06;letter-spacing:-.025em}
  #te733-mobile-home .te733-head>a,#te733-mobile-home .te733-head>span{flex:0 0 auto;color:var(--te733-orange);font-size:9px;font-weight:900;text-decoration:none;white-space:nowrap}

  /* One discovery surface, tabs swap rails instead of stacking four huge widgets. */
  #te733-mobile-home .te733-tabs{display:flex;gap:7px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:none}
  #te733-mobile-home .te733-tabs::-webkit-scrollbar,#te733-mobile-home .te733-rail::-webkit-scrollbar{display:none}
  #te733-mobile-home .te733-tabs button{flex:0 0 auto;white-space:nowrap;padding:8px 10px;border:1px solid #DCE5EE;border-radius:999px;background:#fff;color:var(--te733-navy);font-size:9px;font-weight:850;cursor:pointer}
  #te733-mobile-home .te733-tabs button[aria-selected="true"]{border-color:var(--te733-navy);background:var(--te733-navy);color:#fff}
  #te733-mobile-home .te733-panel[hidden]{display:none!important}
  #te733-mobile-home .te733-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-top:9px;padding:2px 2px 8px;scroll-padding-inline:2px}
  #te733-mobile-home .te733-city-card{flex:0 0 min(76vw,292px);overflow:hidden;scroll-snap-align:start;border:1px solid var(--te733-line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(6,43,92,.07)}
  #te733-mobile-home .te733-media{display:grid;place-items:center;width:100%;height:142px;overflow:hidden;background:linear-gradient(145deg,#D8EAF5,#FFF0DE);color:#6A8DA3;font-size:28px}
  #te733-mobile-home .te733-media img{display:block;width:100%;height:100%;object-fit:cover}
  #te733-mobile-home .te733-city-copy{padding:11px}
  #te733-mobile-home .te733-city-copy>small,#te733-mobile-home .te733-spiritual-copy>small{color:var(--te733-muted);font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
  #te733-mobile-home .te733-city-copy h3,#te733-mobile-home .te733-spiritual-copy h3{margin:3px 0 4px;color:var(--te733-navy);font-size:17px;line-height:1.15}
  #te733-mobile-home .te733-city-copy p,#te733-mobile-home .te733-spiritual-copy p{display:-webkit-box;min-height:31px;margin:0 0 9px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--te733-muted);font-size:10px;line-height:1.45}
  #te733-mobile-home .te733-city-copy>div{display:flex;gap:6px}
  #te733-mobile-home .te733-city-copy>div a{flex:1;min-height:36px;display:grid;place-items:center;padding:7px;border-radius:9px;background:#EEF4FA;color:var(--te733-navy);font-size:9px;font-weight:900;text-align:center;text-decoration:none}
  #te733-mobile-home .te733-city-copy>div a.te733-orange{background:var(--te733-orange);color:#fff}

  /* Spiritual cards remain deliberately simpler than destination cards. */
  #te733-mobile-home .te733-spiritual-card{flex:0 0 min(60vw,225px);scroll-snap-align:start;overflow:hidden;border:1px solid #F0DDC9;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(111,65,23,.07)}
  #te733-mobile-home .te733-spiritual-card>a{display:block;color:inherit;text-decoration:none}
  #te733-mobile-home .te733-spiritual-media{display:grid;place-items:center;height:124px;overflow:hidden;background:#F7EDE1;font-size:28px}
  #te733-mobile-home .te733-spiritual-media img{width:100%;height:100%;object-fit:cover}
  #te733-mobile-home .te733-spiritual-copy{padding:10px}
  #te733-mobile-home .te733-spiritual-copy b{color:var(--te733-orange);font-size:9px}

  /* Planner/estimator: one compact travel-tool surface. */
  #te733-mobile-home .te733-tool-card{padding:14px;border-radius:19px;background:linear-gradient(135deg,#082E58,#0B4565);box-shadow:0 12px 28px rgba(6,43,92,.16);color:#fff}
  #te733-mobile-home .te733-tool-top{display:flex;gap:11px;align-items:center}
  #te733-mobile-home .te733-tool-top>span{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.12);font-size:21px}
  #te733-mobile-home .te733-tool-card h2{margin:0;color:#fff;font-size:17px;line-height:1.15}
  #te733-mobile-home .te733-tool-card p{margin:4px 0 0;color:#CFE0EB;font-size:10px;line-height:1.45}
  #te733-mobile-home .te733-tool-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;margin-top:11px}
  #te733-mobile-home .te733-tool-actions a,#te733-mobile-home .te733-tool-actions button{min-height:40px;border:0;border-radius:11px;padding:8px;background:#fff;color:var(--te733-navy);font-size:9px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}
  #te733-mobile-home .te733-tool-actions a:first-child{background:var(--te733-orange);color:#fff}
  #te733-mobile-home .te733-estimator{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:6px;margin-top:9px;padding:10px;border:1px solid var(--te733-line);border-radius:14px;background:#fff}
  #te733-mobile-home .te733-estimator label{min-width:0}
  #te733-mobile-home .te733-estimator select{width:100%;min-width:0;margin-top:3px;padding:8px 5px;border:1px solid #DDE4EC;border-radius:8px;background:#fff;color:var(--te733-navy);font-size:10px;font-weight:750}
  #te733-mobile-home .te733-estimator button{grid-column:1/-1;min-height:40px;border:0;border-radius:10px;background:var(--te733-orange);color:#fff;font-size:10px;font-weight:900}

  /* Services only if Admin-enabled. */
  #te733-mobile-home .te733-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #te733-mobile-home .te733-service-grid>a{min-width:0;padding:12px;border:1px solid var(--te733-line);border-radius:15px;background:#fff;color:var(--te733-ink);text-decoration:none}
  #te733-mobile-home .te733-service-grid>a>span{font-size:18px}
  #te733-mobile-home .te733-service-grid b{display:block;margin-top:6px;color:var(--te733-navy);font-size:12px}
  #te733-mobile-home .te733-service-grid small{display:block;margin-top:3px;color:var(--te733-muted);font-size:9px;line-height:1.35}

  /* Reviews and FAQ: compact trust content, no proof/stat duplication. */
  #te733-mobile-home .te733-review{flex:0 0 min(84vw,320px);min-height:166px;margin:0;padding:13px;scroll-snap-align:start;border:1px solid var(--te733-line);border-radius:16px;background:#fff}
  #te733-mobile-home .te733-stars{color:#F59E0B;font-size:11px}
  #te733-mobile-home .te733-review p{margin:7px 0 10px;color:#344054;font-size:11px;line-height:1.5}
  #te733-mobile-home .te733-review footer{display:flex;flex-direction:column;gap:2px;margin-top:auto}
  #te733-mobile-home .te733-review footer b{color:var(--te733-navy);font-size:10px}
  #te733-mobile-home .te733-review footer small{color:var(--te733-muted);font-size:9px}
  #te733-mobile-home .te733-faq details{margin:7px 0;padding:11px 12px;border:1px solid var(--te733-line);border-radius:12px;background:#fff}
  #te733-mobile-home .te733-faq summary{color:var(--te733-navy);font-size:11px;font-weight:850;line-height:1.35;cursor:pointer}
  #te733-mobile-home .te733-faq details p{margin:7px 0 0;color:var(--te733-muted);font-size:10px;line-height:1.5}

  /* Remove web-only/decorative sections from the mobile homepage. Their Admin data remains intact. */
  body.home-page .home-brand-tagline{display:none!important}
  body.home-page>.footer .cols,body.home-page .footer .cols{display:none!important}
  body.home-page .footer{padding-top:12px!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  body.home-page .footer .footer-travel-note{font-size:9px!important}
  body.home-page .footer .bottom{font-size:9px!important}

  /* Existing Admin-driven bottom tabs: preserve data/order, present like a mobile app. */
  body.home-page .mobile-bottom-nav{z-index:1220!important;height:66px!important;padding:3px 4px env(safe-area-inset-bottom)!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #E5EAF0!important;box-shadow:0 -6px 20px rgba(6,43,92,.10)!important;overflow-x:auto!important;scrollbar-width:none!important}
  body.home-page .mobile-bottom-nav::-webkit-scrollbar{display:none!important}
  body.home-page .mobile-bottom-nav .mbn-tab{min-width:62px!important;min-height:56px!important;font-size:8px!important;gap:2px!important}
  body.home-page .mobile-bottom-nav .mbn-tab>span:first-child{width:42px!important;height:25px!important;font-size:18px!important}

  /* Ask Sutra: use the real existing AI DOM as a full-height mobile chat sheet. */
  body.home-page.travel-edit-v724 #ysTravelEditChat{right:12px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;z-index:1250!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatLaunch{min-height:45px!important;padding:0 13px!important;border-radius:999px!important;box-shadow:0 12px 26px rgba(6,43,92,.26)!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatLaunch small{display:none!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel{position:fixed!important;inset:6px 6px calc(70px + env(safe-area-inset-bottom)) 6px!important;width:auto!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:20px!important;background:#F6FAFD!important;box-shadow:0 20px 54px rgba(4,25,48,.32)!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel[hidden]{display:none!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel .ys-te723-chat-head{flex:0 0 auto!important;padding:13px 14px!important;background:var(--te733-navy)!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatBody{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:11px!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant{min-height:100%!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-shell{min-height:100%!important;display:flex!important;flex-direction:column!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-brand{display:none!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-main{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-answer{flex:1 1 auto!important;min-height:90px!important;overflow-y:auto!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-chips{display:flex!important;gap:6px!important;overflow-x:auto!important;max-height:none!important;padding-bottom:3px!important;scrollbar-width:none!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-chip{flex:0 0 auto!important;white-space:nowrap!important;font-size:9px!important;padding:8px 9px!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-form{position:sticky!important;bottom:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px 44px!important;gap:7px!important;align-items:center!important;margin-top:8px!important;padding:8px!important;border:1px solid #DCE5EE!important;border-radius:16px!important;background:#fff!important;z-index:2!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-input{min-width:0!important;min-height:42px!important;border:0!important;outline:0!important;background:transparent!important;font-size:12px!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-mic{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:999px!important;background:#EEF4FA!important;color:var(--te733-navy)!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-submit{display:grid!important;place-items:center!important;width:44px!important;height:42px!important;padding:0!important;border-radius:999px!important;background:var(--te733-orange)!important;color:#fff!important}
  body.home-page.travel-edit-v724 #ysTravelEditChatPanel #heroStaysAssistant .ys-ai-submit span{display:none!important}
  html.te733-chat-open,html.te733-chat-open body{overflow:hidden!important}
  html.te733-chat-open body.home-page .mobile-bottom-nav{display:none!important}
  html.te733-chat-open body.home-page.travel-edit-v724 #ysTravelEditChatPanel{bottom:calc(6px + env(safe-area-inset-bottom))!important}
}

@media(max-width:360px){
  #te733-mobile-home .te733-intro h1{font-size:29px}
  #te733-mobile-home .te733-stay-fields{grid-template-columns:1fr 1fr 60px}
  #te733-mobile-home .te733-city-card{flex-basis:82vw}
  body.home-page .ys-shared-header-v732 .te724-brand-tile{width:132px!important}
  body.home-page .ys-shared-header-v732 .te724-brand-tile img.ys-logo{width:118px!important}
  body.home-page .ys-shared-header-v732 .te724-header-cta{padding:8px 8px!important;font-size:9px!important}
}

@media(min-width:901px){
  #te733-mobile-home{display:none!important}
}

/* v746 mobile consistency — Home only. Desktop Travel Edit remains untouched. */
@media (max-width:900px){
  /* Shared warm mobile canvas; Home's intentional colored content sections stay as-is. */
  html body.home-page.travel-edit-v723.travel-edit-v724{
    background:#FFFDF8!important;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home{
    background:#FFFDF8;
  }
  /* Common responsive display scale across Home, City and Travel Guide pages. */
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-intro h1{
    font-size:clamp(36px,9.5vw,42px);
    line-height:1.08;
    letter-spacing:-.035em;
  }
  /* Dates get two equal usable columns; Guests uses a separate full-width row. */
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:10px;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields label{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    min-height:72px;
    padding:8px 11px;
    border-radius:11px;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields label:nth-child(3){
    grid-column:1/-1;
    min-height:68px;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields small{
    font-size:10px;
    line-height:1.25;
    letter-spacing:.05em;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields input,
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields select{
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:44px;
    margin-top:2px;
    font:700 13px/1.25 Inter,system-ui,sans-serif;
    color:var(--te733-ink);
    cursor:pointer;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-city-field input{
    min-height:44px;
    font-size:14px;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-primary{
    min-height:48px;
  }
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields input:focus-visible,
  html body.home-page.travel-edit-v724 #te733-mobile-home .te733-stay-fields select:focus-visible{
    outline:2px solid #F56A00;
    outline-offset:3px;
    border-radius:5px;
  }
}

