
/* Sri Lanka: Two Cities — redesigned trip product page prototype */
.trip-intro{padding:54px 0 28px;text-align:center}
.trip-intro .breadcrumb{text-align:left;margin-bottom:34px}
.trip-intro h1{margin:0 0 12px;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.02}
.trip-kicker{max-width:760px;margin:0 auto;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.18rem,2.3vw,1.55rem);line-height:1.45;color:#4a4a43}
.trip-hero-image{max-width:1180px;margin:0 auto;padding:0 24px}
.trip-hero-image img{display:block;width:100%;height:clamp(340px,53vw,650px);object-fit:cover;object-position:50% center;border-radius:2px}
.trip-summary{padding:34px 0 24px}
.trip-facts{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(36,76,59,.2);border-bottom:1px solid rgba(36,76,59,.2)}
.trip-fact{padding:22px 18px;min-height:104px;border-right:1px solid rgba(36,76,59,.14)}
.trip-fact:last-child{border-right:0}
.trip-fact-label{display:block;margin-bottom:7px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6c6a60}
.trip-fact-value{font-family:Georgia,"Times New Roman",serif;font-size:1.18rem;line-height:1.35;color:#244c3b}
.trip-price-note{display:block;margin-top:4px;font-size:.74rem;line-height:1.35;color:#777268}
.itinerary-jump{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0 0}
.itinerary-jump p{margin:0;color:#56544d}
.itinerary-jump a{white-space:nowrap;text-decoration:none;font-weight:600}
.route-section{padding:42px 0 58px}
.route-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:center}
.route-copy h2{margin-bottom:14px}
.route-copy p{max-width:430px}
.route-line{margin-top:20px;font-size:.92rem;font-weight:600;letter-spacing:.02em;color:#244c3b}
.route-map-clean img{display:block;width:100%;height:auto}
.itinerary-section{padding:64px 0}
.itinerary-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.itinerary-head h2{margin-bottom:8px}
.itinerary-head p{margin:0;max-width:620px}
.itinerary-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:.88rem}
.itinerary-tools button{appearance:none;border:0;background:none;padding:0;color:#244c3b;font:inherit;font-weight:600;cursor:pointer}
.itinerary-tools button:hover{text-decoration:underline}
.day-accordion{border-top:1px solid rgba(36,76,59,.22)}
.day-item{border-bottom:1px solid rgba(36,76,59,.22)}
.day-summary{list-style:none;display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:18px;padding:22px 4px;cursor:pointer}
.day-summary::-webkit-details-marker{display:none}
.day-no{font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#777268}
.day-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.12rem,2vw,1.42rem);color:#244c3b}
.day-brief{font-size:.82rem;color:#777268;margin-top:3px}
.day-toggle{font-size:1.5rem;font-weight:300;line-height:1;color:#244c3b;transition:transform .2s ease}
.day-item[open] .day-toggle{transform:rotate(45deg)}
.day-content{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:38px;padding:2px 4px 34px 110px}
.day-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.day-copy p{margin-top:0}
.day-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(36,76,59,.14)}
.day-detail-item strong{display:block;margin-bottom:3px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#777268}
.day-detail-item span{font-size:.92rem}
.day-experience{grid-column:1/-1}
.trip-lower{padding:58px 0}
.trip-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.clean-info-block{padding-top:22px;border-top:1px solid rgba(36,76,59,.2)}
.clean-info-block h3{margin-bottom:20px}
.clean-info-block ul{padding-left:1.15rem;margin:0}
.clean-info-block li{margin-bottom:10px}
.good-to-know{padding:0 0 62px}
.good-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.good-item{padding-top:18px;border-top:1px solid rgba(36,76,59,.18)}
.good-item h4{font-size:1rem;margin:0 0 7px}
.good-item p{font-size:.92rem;margin:0}
@media(max-width:850px){
  .trip-facts{grid-template-columns:repeat(2,1fr)}
  .trip-fact{border-bottom:1px solid rgba(36,76,59,.14)}
  .trip-fact:nth-child(even){border-right:0}
  .trip-fact:last-child{grid-column:1/-1;border-bottom:0}
  .route-layout,.trip-lower-grid{grid-template-columns:1fr;gap:34px}
  .itinerary-head{align-items:start;flex-direction:column}
  .itinerary-tools{justify-content:flex-start}
  .day-summary{grid-template-columns:66px 1fr auto}
  .day-content{grid-template-columns:1fr;padding-left:70px}
  .good-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .trip-intro{padding-top:36px}
  .trip-hero-image{padding:0}
  .trip-hero-image img{border-radius:0}
  .trip-facts{grid-template-columns:1fr}
  .trip-fact,.trip-fact:nth-child(even){border-right:0}
  .trip-fact:last-child{grid-column:auto}
  .itinerary-jump{align-items:flex-start;flex-direction:column}
  .day-summary{grid-template-columns:54px 1fr auto;gap:10px}
  .day-content{padding-left:0}
  .day-detail{grid-template-columns:1fr}
}

