/* HolidaySeva — /sitemap/ page styles.
   Reuses the design tokens already defined on :root by header.css
   (--ta-navy, --ta-yel, --ta-r, --ta-max, --ta-font, etc.) so this page
   stays on the same visual system as the rest of the site. No Bootstrap /
   Tailwind / icon fonts — plain CSS only, no decorative icon chips. */

.page-sitemap{background:var(--ta-white,#fff)}

.page-sitemap *,
.page-sitemap *::before,
.page-sitemap *::after{box-sizing:border-box}

.sm-wrap{
  max-width:var(--ta-max,1360px);
  margin:0 auto;
  padding:0 clamp(20px,4vw,56px);
}

/* ===================== HERO ===================== */
.sm-hero{padding:32px 0 20px}
.sm-hero__in{text-align:center;max-width:640px;margin:0 auto}

.sm-eyebrow{
  margin:0 0 8px;
  font:700 11.5px/1 var(--ta-font,'Poppins',sans-serif);
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--ta-gray-muted,#5d6778);
}

.sm-h1{
  margin:0;
  font:600 clamp(26px,4vw,38px)/1.15 var(--ta-font,'Poppins',sans-serif);
  letter-spacing:-0.6px;
  color:var(--ta-navy,#0d2b5e);
}

.sm-accent{
  display:block;
  width:36px;
  height:3px;
  margin:12px auto 0;
  border-radius:999px;
  background:var(--ta-yel,#ffc72c);
}

.sm-sub{
  margin:12px 0 0;
  font:400 14.5px/1.5 var(--ta-font,'Poppins',sans-serif);
  color:var(--ta-gray-muted,#5d6778);
}

/* ===================== GROUPS / CARDS ===================== */
.sm-body{padding:4px 0 36px}

.sm-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
  align-items:start;
}

.sm-card{
  background:var(--ta-white,#fff);
  border:1px solid var(--ta-gray-border,#e5e9f0);
  border-radius:18px;
  padding:18px 18px 6px;
}

.sm-card__label{
  margin:0 0 4px;
  font:600 12px/1.2 var(--ta-font,'Poppins',sans-serif);
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--ta-navy,#0d2b5e);
}

.sm-links{list-style:none;margin:0;padding:0}

.sm-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--ta-gray-border,#e5e9f0);
  text-decoration:none;
  color:inherit;
}
.sm-links li:last-child .sm-link{border-bottom:0}

.sm-link__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.sm-link__title{
  font:600 14px/1.3 var(--ta-font,'Poppins',sans-serif);
  color:var(--ta-black,#091f45);
}
.sm-link__desc{
  font:400 12px/1.35 var(--ta-font,'Poppins',sans-serif);
  color:var(--ta-gray-muted,#5d6778);
}

.sm-link__arrow{
  width:14px;height:14px;flex-shrink:0;
  color:var(--ta-gray-muted,#5d6778);
}
.sm-link:hover .sm-link__arrow{color:var(--ta-navy,#0d2b5e)}

/* ===================== CLOSING CTA ===================== */
.sm-cta{padding:16px 0 36px}
.sm-cta__in{
  text-align:center;
  background:var(--ta-gray-bg,#f3f6fc);
  border-radius:18px;
  padding:26px 20px;
}
.sm-cta__h{
  margin:0;
  font:600 clamp(19px,2.6vw,24px)/1.2 var(--ta-font,'Poppins',sans-serif);
  letter-spacing:-.3px;
  color:var(--ta-navy,#0d2b5e);
}
.sm-cta__p{
  margin:6px 0 0;
  font:400 14px/1.5 var(--ta-font,'Poppins',sans-serif);
  color:var(--ta-gray-muted,#5d6778);
}
.sm-cta__btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:16px;
  background:var(--ta-navy,#0d2b5e);
  color:#fff;
  font:600 13.5px/1 var(--ta-font,'Poppins',sans-serif);
  text-decoration:none;
  border-radius:999px;
  padding:11px 18px;
}
.sm-cta__btn:hover{background:var(--ta-black,#091f45)}
.sm-cta__btn svg{width:14px;height:14px}

/* ===================== RESPONSIVE ===================== */
@media(max-width:720px){
  .sm-grid{grid-template-columns:1fr}
  .sm-card{padding:16px 16px 4px}
  .sm-hero{padding:24px 0 16px}
  .sm-cta{padding:12px 0 28px}
}