/* v823 — Travel Planner (Yatra Saathi) on phones only; linked with media="(max-width: 900px)".
   Gaps 3 (consent line), 4 (destination card -> day plan) and 5 (compact hero). */

/* 5: compact hero, the forms start higher */
html body.ysk-plan.ysk-plan .ys758-hero{padding:12px 16px 16px!important}
html body.ysk-plan.ysk-plan .ys758-hero-grid{gap:10px!important}
html body.ysk-plan.ysk-plan .ys758-breadcrumb{display:none!important}
html body.ysk-plan.ysk-plan .ys758-hero h1{margin:6px 0 4px!important;font-size:27px!important;line-height:1.12!important}
html body.ysk-plan.ysk-plan .ys758-hero-message>p:not(.ys823-hero-short){display:none!important}
html body.ysk-plan.ysk-plan .ys758-hero-message>p.ys823-hero-short{display:block!important;margin:0 0 6px!important;color:#DCE6F5!important;font:400 14px/1.45 Inter,system-ui,sans-serif!important}

/* 3: tapping the button is the consent; the line says so (desktop keeps the checkbox) */
html body.ysk-plan .ys758-consent{display:none!important}
html body.ysk-plan .ys823-consent-line{display:block!important;margin:2px 0 10px;font:400 12px/1.45 Inter,system-ui,sans-serif;color:#5B6878}

/* 4: destination cards start a day plan on phones */
html body.ysk-plan .ys758-dest{position:relative}
html body.ysk-plan.ysk-plan a.ys758-dest>span.ys823-plan-pill{position:absolute;top:8px;right:8px;z-index:3;display:inline-flex!important;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.95);color:#C2410C;font:700 11.5px Inter,system-ui,sans-serif;box-shadow:0 4px 12px rgba(9,24,40,.2)}