/* v851: homepage Popular Destinations + Hill Stations, desktop "one click" layout (901px and wider).
   Phones and tablets (900px and narrower) keep the earlier layout untouched: everything new is hidden there. */
.ys851-desk{display:none}

@media (min-width: 901px){
  /* the old "big photo + list" stage is replaced on desktop */
  #te724-shell .te727-destination-widget .te724-split-stage{display:none!important}
  #te724-shell .ys851-desk{display:block}

  #te724-shell .ys851-link{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;z-index:1}
  #te724-shell .ys851-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
  #te724-shell .ys851-fallback{position:absolute;inset:0;display:grid;place-items:start center;padding-top:22%;font-size:56px;color:#ffffffa0;background:linear-gradient(135deg,#1d4f8a,#0B2F5E)}
  #te724-shell .ys851-tx{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;text-shadow:0 1px 8px #021a3699}
  #te724-shell .ys851-chip,#te724-shell .ys851-go,#te724-shell .ys851-bar{text-shadow:none}
  #te724-shell .ys851-tx small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#FFD9B8}
  #te724-shell .ys851-name{font:normal 28px/1.05 Georgia,'Times New Roman',serif;margin:3px 0 4px;color:#fff}
  #te724-shell .ys851-near{font-size:13px;opacity:.92}
  #te724-shell .ys851-go{width:38px;height:38px;border-radius:50%;background:#F56A00;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;flex-shrink:0;transition:transform .25s}
  #te724-shell .ys851-guide{position:absolute;z-index:3;top:14px;right:14px;background:#061D3Bcc;color:#fff;font-size:11px;font-weight:700;border-radius:30px;padding:5px 11px;border:1px solid #ffffff33;text-decoration:none}
  #te724-shell .ys851-guide:hover{background:#F56A00}
  #te724-shell .ys851-link:focus-visible{outline:3px solid #F56A00;outline-offset:3px;border-radius:14px}

  /* ---- Popular destinations: photo grid ---- */
  #te724-shell .ys851-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:16px}
  #te724-shell .ys851-tile{position:relative;border-radius:14px;overflow:hidden;background:#cfdde4;box-shadow:0 10px 26px #0a2a4a14;transition:transform .25s,box-shadow .25s}
  #te724-shell .ys851-tile:hover{transform:translateY(-4px);box-shadow:0 18px 38px #0a2a4a2e}
  #te724-shell .ys851-tile:hover img{transform:scale(1.06)}
  #te724-shell .ys851-tile .ys851-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000000 30%,#021a36e6 100%)}
  #te724-shell .ys851-big{grid-column:span 2;grid-row:span 2}
  #te724-shell .ys851-w2{grid-column:span 2}
  #te724-shell .ys851-w4{grid-column:span 4}
  #te724-shell .ys851-h2{grid-row:span 2}
  #te724-shell .ys851-big .ys851-name{font-size:52px}
  #te724-shell .ys851-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
  #te724-shell .ys851-chip{background:#ffffff26;border:1px solid #ffffff40;backdrop-filter:blur(4px);border-radius:30px;padding:4px 11px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  #te724-shell .ys851-tile:hover .ys851-go{transform:rotate(-45deg)}
  #te724-shell .ys851-badge{position:absolute;z-index:3;top:14px;left:14px;background:#fff;color:#062B5C;font-size:11px;font-weight:800;border-radius:30px;padding:5px 11px}

  /* ---- Hill stations: dark band + postcard rail ---- */
  #te724-shell .te727-hills{background:radial-gradient(1200px 400px at 80% -10%,#1d4f8a 0%,transparent 60%),linear-gradient(180deg,#061D3B,#0B2F5E)!important;color:#fff;position:relative;overflow:hidden}
  #te724-shell .te727-hills:before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120 L0 80 L160 30 L260 70 L420 10 L560 75 L700 35 L860 85 L1010 20 L1160 70 L1300 40 L1440 75 L1440 120Z' fill='%23ffffff0d'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
  #te724-shell .te727-hills .te724-section-heading{color:#fff}
  #te724-shell .te727-hills .te724-lede{color:#B9CBE1}
  #te724-shell .te727-hills .te724-tiny-label{color:#F5C451}
  #te724-shell .te727-hills a.te724-text-link{color:#fff!important;border-color:#F5C451;margin-left:auto}
  #te724-shell .te727-hills a.te724-text-link:hover{color:#F5C451!important}
  #te724-shell .te727-hills .ys851-arrows{display:flex;gap:8px}
  #te724-shell .ys851-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff44;background:#ffffff12;color:#fff;font-size:18px}
  #te724-shell .ys851-arrows button:hover{background:#F5C451;color:#061D3B;border-color:#F5C451}
  #te724-shell .ys851-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;position:relative;z-index:1}
  #te724-shell .ys851-rail::-webkit-scrollbar{display:none}
  #te724-shell .ys851-card{position:relative;scroll-snap-align:start;aspect-ratio:3/4;border-radius:16px;overflow:hidden;border:1px solid #ffffff22;background:#0B2F5E;transition:transform .25s}
  #te724-shell .ys851-card:hover{transform:translateY(-6px)}
  #te724-shell .ys851-card:hover img{transform:scale(1.07)}
  #te724-shell .ys851-card .ys851-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#061D3B33 0%,transparent 30%,transparent 45%,#061D3Bf2 100%)}
  #te724-shell .ys851-num{position:absolute;z-index:2;top:16px;left:18px;font:13px ui-monospace,monospace;color:#F5C451;letter-spacing:.1em;background:#061D3Bb3;padding:3px 8px;border-radius:20px}
  #te724-shell .ys851-card .ys851-tx small{color:#C8D7EA;letter-spacing:.14em}
  #te724-shell .ys851-card .ys851-name{font-size:34px}
  #te724-shell .ys851-card .ys851-near{color:#DCE6F2}
  #te724-shell .ys851-bar{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff2e;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}
  #te724-shell .ys851-card .ys851-go{background:#F5C451;color:#061D3B}
  #te724-shell .ys851-card:hover .ys851-go{transform:rotate(-45deg)}
}

/* v851: less empty space between the hero (photo + "Curated in India" line) and the stay search bar - desktop only. */
@media (min-width: 901px){
  #te724-shell .te724-hero-grid{min-height:0!important}
  #te724-shell .te724-hero-meta{margin-top:26px}
  #te724-shell .te724-hero .te724-staybar{margin-top:10px}
}

/* v851: Cities to Explore cards - "Explore" on the left, "Travel Guide" on the right, both pinned to the card bottom (desktop). */
@media (min-width: 901px){
  #te724-shell .te729-explore-section .te729-city-card{display:flex;flex-direction:column}
  #te724-shell .te729-explore-section .te729-card-copy{display:flex;flex-direction:column;flex:1 1 auto}
  #te724-shell .te729-explore-section .te732-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap;margin-top:auto;padding-top:14px;border-top:1px solid #EAF0F2}
  #te724-shell .te729-explore-section .te732-card-actions a{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;line-height:1;border-radius:999px;padding:9px 14px;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:background .18s,color .18s,border-color .18s}
  #te724-shell .te729-explore-section .te732-card-actions a:first-child{background:#062B5C;color:#fff;border-color:#062B5C}
  #te724-shell .te729-explore-section .te732-card-actions a:first-child:hover{background:#F56A00;border-color:#F56A00;color:#fff}
  #te724-shell .te729-explore-section .te732-card-actions a+a{background:#fff;color:#A34716;border-color:#F4B17A}
  #te724-shell .te729-explore-section .te732-card-actions a+a:hover{background:#FFF2E8;color:#F56A00;border-color:#F56A00}
}

/* v853: Spiritual journeys - tall photo cards, same height, short titles (desktop). Phones keep the old rail. */
@media (min-width: 901px){
  #te724-shell .te729-spiritual-section .te729-spiritual-rail{display:none!important}
  #te724-shell .te729-spiritual-section{background:radial-gradient(900px 380px at 100% 0%,#FFE3BF 0%,transparent 65%),#FFF8EF!important;position:relative;overflow:hidden}
  #te724-shell .te729-spiritual-section:before{content:"ॐ";position:absolute;right:40px;top:-60px;font:320px/1 Georgia,serif;color:#E8650C0d;pointer-events:none}
  #te724-shell .te729-spiritual-section .te724-text-link{margin-left:auto}
  #te724-shell .te729-spiritual-section .ys851-arrows{display:flex;gap:8px}
  #te724-shell .te729-spiritual-section .ys851-arrows button{border-color:#E7CDB2;background:#fff;color:#2A1208}
  #te724-shell .te729-spiritual-section .ys851-arrows button:hover{background:#E8650C;color:#fff;border-color:#E8650C}
  #te724-shell .ys853-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4.35);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 10px;position:relative}
  #te724-shell .ys853-rail::-webkit-scrollbar{display:none}
  #te724-shell .ys853-card{position:relative;display:block;aspect-ratio:3/4.1;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:linear-gradient(145deg,#F9E8D0,#E9B27A);box-shadow:0 14px 30px #5a2a0a1f;color:#fff;text-decoration:none;transition:transform .25s}
  #te724-shell .ys853-card:hover{transform:translateY(-5px)}
  #te724-shell .ys853-card:focus-visible{outline:3px solid #E8650C;outline-offset:3px}
  #te724-shell .ys853-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
  #te724-shell .ys853-card:hover img{transform:scale(1.06)}
  #te724-shell .ys853-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a0a0455 0%,transparent 26%,transparent 40%,#1f0b05f2 100%)}
  #te724-shell .ys853-fallback{position:absolute;inset:0;display:grid;place-items:start center;padding-top:28%;font-size:58px}
  #te724-shell .ys853-chip{position:absolute;z-index:2;top:14px;left:14px;background:#FFF8EFee;color:#7A2E0A;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:30px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #te724-shell .ys853-num{position:absolute;z-index:2;top:12px;right:14px;font:italic 15px Georgia,serif;color:#FFE2B8;text-shadow:0 1px 6px #0008}
  #te724-shell .ys853-tx{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;display:flex;flex-direction:column}
  #te724-shell .ys853-h{font:normal 27px/1.08 Georgia,'Times New Roman',serif;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px #0006}
  #te724-shell .ys853-loc{margin-top:6px;font-size:13px;color:#FFE2B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #te724-shell .ys853-foot{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff33;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
  #te724-shell .ys853-sub{color:#F3DCC8;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #te724-shell .ys853-go{flex-shrink:0;background:#E8650C;color:#fff;font-weight:800;border-radius:30px;padding:8px 13px;transition:background .2s,color .2s}
  #te724-shell .ys853-card:hover .ys853-go{background:#fff;color:#7A2E0A}
}

/* v854: floating cards on the hero photo (desktop). Hidden on phones (the hero photo is not shown there). */
.ys854-chips{display:none}
@media (min-width: 901px){
  #te724-shell .ys854-chips{display:block;position:absolute;inset:0;z-index:4;pointer-events:none}
  #te724-shell .ys854-chip{position:absolute;display:flex;align-items:center;gap:10px;background:#ffffffe8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #fff;border-radius:14px;padding:9px 14px 9px 10px;box-shadow:0 12px 28px #0b2a4a26;color:#0B2E47;opacity:0;animation:ys854in .7s cubic-bezier(.2,.8,.2,1) forwards,ys854float 6s ease-in-out infinite}
  #te724-shell .ys854-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px;flex-shrink:0;background:#FFF0E3}
  #te724-shell .ys854-t,#te724-shell .ys854-line{display:flex;flex-direction:column}
  #te724-shell .ys854-chip b{font-size:16px;line-height:1.15;font-weight:800;white-space:nowrap}
  #te724-shell .ys854-chip small{font-size:11px;color:#5A6E7C;line-height:1.25;white-space:nowrap}
  #te724-shell .ys854-c1{left:-22px;top:26%;animation-delay:.2s,.9s}
  #te724-shell .ys854-c2{left:24%;top:8%;animation-delay:.6s,1.4s}
  #te724-shell .ys854-c2 .ys854-ic{background:#E7F2FB}
  #te724-shell .ys854-c3{left:-10px;top:56%;animation-delay:1s,2s}
  #te724-shell .ys854-c3 .ys854-ic{background:#EAF7EF}
  #te724-shell .ys854-c4{right:-14px;top:34%;animation-delay:1.4s,2.6s}
  #te724-shell .ys854-c4 .ys854-ic{background:#FFF4D6}
  #te724-shell .ys854-c4 b{font-size:13px}
  #te724-shell .ys854-lines{display:grid}
  #te724-shell .ys854-line{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
  #te724-shell .ys854-line.ys854-on{opacity:1;transform:none}
  #te724-shell .ys854-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16A34A;margin-right:6px;vertical-align:middle;animation:ys854pulse 1.8s infinite}
  @keyframes ys854in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
  @keyframes ys854float{0%,100%{translate:0 0}50%{translate:0 -7px}}
  @keyframes ys854pulse{0%{box-shadow:0 0 0 0 #16A34A88}70%{box-shadow:0 0 0 8px #16A34A00}100%{box-shadow:0 0 0 0 #16A34A00}}
}
@media (min-width: 901px) and (prefers-reduced-motion: reduce){
  #te724-shell .ys854-chip{animation:none;opacity:1}
  #te724-shell .ys854-line{transition:none}
}

@media (prefers-reduced-motion: reduce){
  #te724-shell .ys851-tile,#te724-shell .ys851-card,#te724-shell .ys853-card,#te724-shell .ys853-card img,#te724-shell .ys851-link img,#te724-shell .ys851-go{transition:none!important}
}