/* =========================================================
   Aamr Vaatika — Visit the Farm page
   ========================================================= */

/* =============== Amenities =============== */
.amenity-grid2{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.amenity2{
  background:var(--white);border-radius:var(--r-lg);padding:30px 24px;box-shadow:var(--shadow-sm);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.amenity2:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.amenity2 .icon-circle{width:60px;height:60px;margin-bottom:18px;}
.amenity2 h4{margin-bottom:8px;}
.amenity2 p{font-size:.88rem;color:var(--text-soft);}
@media (max-width:980px){.amenity-grid2{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.amenity-grid2{grid-template-columns:1fr;}}

/* =============== Visit passes ===============
   These reuse the shared listing card, with an icon banner
   instead of a product photo. */
.pass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media (max-width:900px){.pass-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:620px){.pass-grid{grid-template-columns:1fr;}}
.pass-grid .hamper-visual{height:150px;}
.pass-grid .hamper-visual svg{color:var(--olive-800);opacity:.9;}
.pass-grid .visual-olive svg{color:var(--white);opacity:1;}
.pass-grid .tier-price{font-size:1.8rem;margin:10px 0;}

/* =============== Booking panel =============== */
.booking-panel{
  background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-md);
  padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;
}
@media (max-width:900px){.booking-panel{grid-template-columns:1fr;padding:30px 24px;}}
.booking-side{background:var(--olive-900);color:var(--white);border-radius:var(--r-md);padding:34px;}
.booking-side h3{color:var(--white);margin-bottom:14px;}
.booking-side ul{font-size:.9rem;}
.booking-side ul li{display:flex;gap:10px;margin-bottom:14px;color:rgba(255,255,255,.8);}
.booking-side ul li:last-child{margin-bottom:0;}
.booking-side ul li svg{color:var(--mango-400);flex-shrink:0;margin-top:2px;}