/* =========================================================
   Aamr Vaatika — Adopt a Tree page
   ========================================================= */

/* Taller tier banners than the shared default: the tree
   illustrations are the main draw on this page. */
.tier-visual{height:210px;}
.tier-visual img{position:relative;height:176px;width:auto;object-fit:contain;mix-blend-mode:multiply;}
.tier-body{padding:30px 32px 34px;}
.tier-price{font-size:2.3rem;margin:14px 0 2px;}
.tier-card ul{font-size:0.93rem;}
.tier-card ul li{margin-bottom:11px;}

/* =============== What every tier includes =============== */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.feat{background:var(--white);border-radius:var(--r-md);padding:28px 22px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.feat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.feat .icon-circle{margin-bottom:16px;}
.feat h5{font-size:0.96rem;margin-bottom:6px;}
.feat p{font-size:0.85rem;color:var(--text-soft);}
@media (max-width:900px){.feat-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.feat-grid{grid-template-columns:1fr;}}

/* =============== Variety cards =============== */
.variety-card{display:grid;grid-template-columns:200px 1fr;gap:0;padding:0;align-items:stretch;overflow:hidden;}
.variety-photo{position:relative;background:#0c0c0a;min-height:230px;overflow:hidden;}
.variety-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease);}
.variety-card:hover .variety-photo img{transform:scale(1.05);}
.variety-copy{padding:30px 32px;display:flex;flex-direction:column;justify-content:center;}
.variety-card h3{margin-bottom:6px;}
.variety-tags{display:flex;gap:8px;margin:10px 0 12px;flex-wrap:wrap;}
@media (max-width:600px){
  .variety-card{grid-template-columns:1fr;text-align:center;}
  .variety-photo{min-height:220px;}
  .variety-copy{align-items:center;}
}