/* v832 - Explore on phones only (linked with media="(max-width: 900px)"). Desktop is untouched.
   Clean first screen, sticky filter chips, one Featured card (Admin > Visibility > Trending), a two-column
   photo grid, one bottom button. Selectors are deliberately strong: the shared phone kit (ys-mobile-kit)
   and the critical inline CSS both style these elements. */

/* phone/desktop label pairs */
html body.ys810-explore-page .ys832-d{display:none!important}
html body.ys810-explore-page span.ys832-m{display:inline!important}

/* ---------- 1. top section: heading visible (bug: the kit painted list headings white), compact ---------- */
html body.ys810-explore-page.ys810-explore-page .ys810-explore-hero{padding:16px 16px 12px!important;background:#FFFDF8!important}
html body.ys810-explore-page.ys810-explore-page .ys810-explore-grid{display:block!important}
html body.ys810-explore-page.ys810-explore-page .ys810-issue{font:800 11px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;color:#B4530D!important;margin:0!important}
html body.ys810-explore-page.ys810-explore-page .ys810-explore-intro h1{color:#062B5C!important;font-size:28px!important;line-height:1.12!important;margin:6px 0 6px!important;max-width:none!important}
html body.ys810-explore-page.ys810-explore-page .ys810-explore-intro h1 em{color:#F56A00!important}
html body.ys810-explore-page.ys810-explore-page .ys810-explore-intro>p:not(.ys832-sub){display:none!important}
html body.ys810-explore-page.ys810-explore-page .ys810-explore-intro>p.ys832-sub{display:block!important;margin:0 0 12px!important;font:400 14.5px/1.45 Inter,system-ui,sans-serif!important;color:#4A5568!important}
html body.ys810-explore-page.ys810-explore-page .ys810-explore-visual,
html body.ys810-explore-page.ys810-explore-page .ys810-explore-footnote{display:none!important}

/* search: city picker + Discover on one row, no card around it */
html body.ys810-explore-page.ys810-explore-page .ys810-explore-search{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body.ys810-explore-page.ys810-explore-page .ys810-explore-search>label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html body.ys810-explore-page.ys810-explore-page .ys811-explore-controls{display:flex!important;gap:8px!important;align-items:stretch!important;margin:0!important}
html body.ys810-explore-page.ys810-explore-page .ys811-select-field{flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body.ys810-explore-page.ys810-explore-page .ys811-select-field>span{display:none!important}
html body.ys810-explore-page.ys810-explore-page #destinationCity{width:100%!important;height:50px!important;margin:0!important;padding:0 12px!important;border:1px solid #D6DBE6!important;border-radius:14px!important;background-color:#FFFFFF!important;font:500 15px Inter,system-ui,sans-serif!important;color:#13213F!important}
html body.ys810-explore-page.ys810-explore-page #destinationSearchButton{flex:0 0 auto!important;width:auto!important;min-width:104px!important;height:50px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:14px!important;background:#F56A00!important;color:#FFFFFF!important;font:800 15px Inter,system-ui,sans-serif!important}

/* ---------- 2. order on phones: chips, featured, grid, then "How destinations work" ---------- */
html body.ys810-explore-page.ys810-explore-page .dst-content{display:flex!important;flex-direction:column!important;padding:0 0 24px!important}
html body.ys810-explore-page.ys810-explore-page .dst-content>.dst-filters{order:1}
html body.ys810-explore-page.ys810-explore-page .dst-content>.ys832-featured{order:2}
html body.ys810-explore-page.ys810-explore-page .dst-content>.ys832-all-sec{order:3}
html body.ys810-explore-page.ys810-explore-page .dst-content>.dst-inside{order:4;margin:18px 16px 0!important}
html body.ys810-explore-page.ys810-explore-page .dst-content>.dst-bottom{order:5}
/* duplicates of the grid on phones: the stays strip and the two sideways rows (the chips do this now) */
html body.ys810-explore-page.ys810-explore-page .dst-content>.ys832-stays-sec,
html body.ys810-explore-page.ys810-explore-page .dst-content>.ys810-destination-chapter,
html body.ys810-explore-page.ys810-explore-page .dst-content>.dst-bottom{display:none!important}

/* ---------- 3. sticky filter chips ---------- */
html body.ys810-explore-page.ys810-explore-page .dst-filters{position:sticky!important;top:var(--ys832-head,62px)!important;z-index:20!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important;padding:10px 16px!important;overflow-x:auto!important;scrollbar-width:none;background:#FFFDF8!important;border-bottom:1px solid #F1EBDF!important}
html body.ys810-explore-page.ys810-explore-page .dst-filters::-webkit-scrollbar{display:none}
html body.ys810-explore-page.ys810-explore-page .dst-filter{flex:0 0 auto!important;height:36px!important;margin:0!important;padding:0 14px!important;border:1px solid #DCE3EE!important;border-radius:999px!important;background:#FFFFFF!important;color:#062B5C!important;font:700 13px Inter,system-ui,sans-serif!important;white-space:nowrap!important;box-shadow:none!important}
html body.ys810-explore-page.ys810-explore-page .dst-filter.active{background:#062B5C!important;border-color:#062B5C!important;color:#FFFFFF!important}
html body.ys810-explore-page.ys810-explore-page .dst-filter.ys832-none{display:none!important}
html body.ys810-explore-page.ys810-explore-page .dst-filter[data-filter="hill_stations"]{order:3}
html body.ys810-explore-page.ys810-explore-page .dst-filter[data-filter="cultural_arts"]{order:4}
html body.ys810-explore-page.ys810-explore-page .dst-filter[data-filter="bookable"]{order:5}

/* ---------- 4. Featured card ---------- */
html body.ys810-explore-page.ys810-explore-page .ys832-featured{display:block;padding:14px 16px 0}
html body.ys810-explore-page.ys810-explore-page.ys832-filtered .ys832-featured{display:none!important}
.ys832-sh{margin:0 0 10px}
.ys832-sh h2{margin:0;font:600 21px/1.2 Georgia,'Times New Roman',serif;color:#062B5C}
.ys832-feat{position:relative;display:block;height:250px;border-radius:20px;overflow:hidden;background:#0A3A6B;color:#FFFFFF!important;text-decoration:none!important;box-shadow:0 14px 30px rgba(6,43,92,.18)}
.ys832-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ys832-feat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,40,0) 30%,rgba(6,20,40,.86))}
.ys832-feat-body{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;display:block}
.ys832-feat-body small{display:block;font:800 11px Inter,system-ui,sans-serif;letter-spacing:.12em;color:#FFD2AE;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.ys832-feat-body b{display:block;margin:2px 0;font:600 26px/1.1 Georgia,'Times New Roman',serif;color:#FFFFFF}
.ys832-feat-desc{display:block;margin:0 0 10px;font:400 13.5px/1.4 Inter,system-ui,sans-serif;color:rgba(255,255,255,.92)}
.ys832-feat-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ys832-pills span{display:inline-block;margin-right:6px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.18);font:700 12px Inter,system-ui,sans-serif}
.ys832-go{flex:none;padding:9px 13px;border-radius:12px;background:#F56A00;font:800 13.5px Inter,system-ui,sans-serif}

/* ---------- 5. all destinations: two-column photo tiles ---------- */
html body.ys810-explore-page.ys810-explore-page .ys832-all-sec{padding:18px 16px 0!important;margin:0!important}
html body.ys810-explore-page.ys810-explore-page .ys832-all-sec .dst-section-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;margin:0 0 10px!important}
html body.ys810-explore-page.ys810-explore-page .ys832-all-sec .dst-section-head p{display:none!important}
html body.ys810-explore-page.ys810-explore-page .ys832-all-sec .dst-section-head h2{margin:0!important;font:600 21px/1.2 Georgia,'Times New Roman',serif!important;color:#062B5C!important}
html body.ys810-explore-page.ys810-explore-page .ys832-all-sec .dst-count{margin:0!important;padding:0!important;background:none!important;border:0!important;font:500 13px Inter,system-ui,sans-serif!important;color:#6B7586!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 12px!important;margin:0!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini{position:relative!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;color:inherit!important;min-height:0!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-cover{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;margin:0!important;border-radius:16px!important;overflow:hidden!important;background:#E8EEF5!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-cover img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(6,20,40,.82));pointer-events:none}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-body{position:static!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important}
/* name + state sit on the photo: aspect-ratio 4/5 of the tile width; tile width = (100vw - 44px) / 2 */
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini h3{position:absolute!important;left:10px!important;right:8px!important;top:calc((100vw - 44px) / 2 * 1.25 - 50px)!important;z-index:2!important;margin:0!important;font:600 18px/1.15 Georgia,'Times New Roman',serif!important;color:#FFFFFF!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-state{position:absolute!important;left:10px!important;right:8px!important;top:calc((100vw - 44px) / 2 * 1.25 - 27px)!important;z-index:2!important;margin:0!important;font:500 11.5px/1.2 Inter,system-ui,sans-serif!important;color:rgba(255,255,255,.9)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-status-row{display:block!important;margin:6px 2px 0!important;padding:0!important;font:600 12.5px/1.35 Inter,system-ui,sans-serif!important;color:#5B6878!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-status{display:inline!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font:inherit!important;color:inherit!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-status+.dst-status:before{content:" · "}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-status.guide{font-size:0!important}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-status.guide:after{content:"Guide";font-size:12.5px}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-status.guide:before{font-size:12.5px}
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-mini .dst-status:not(.guide):not(.info){color:#146334!important}
html body.ys810-explore-page.ys810-explore-page .dst-no-results{margin:12px 0 0!important}
/* filtered-out cards (set by the page script) - stronger than the tile rule above */
html body.ys810-explore-page.ys810-explore-page #destinationGrid .dst-filterable.ys832-out{display:none!important}

/* ---------- 6. one bottom button (Plan is already a tab) ---------- */
html body.ys810-explore-page.ys810-explore-page .ysk-bar:has(.ysk-btn-primary) .ysk-btn:not(.ysk-btn-primary){display:none!important}
html body.ys810-explore-page.ys810-explore-page .ysk-bar:has(.ysk-btn-primary) .ysk-btn-primary{flex:1 1 100%!important;width:100%!important}