/* ============================================================
   A-Side Boilers v1.95 — boiler catalogue visual consistency preview
   Status: PREVIEW ONLY
   Scope: catalogue header/nav + “More than just the boiler” inclusion tiles.
   Catalogue data, filters, pricing, quote logic and functional systems unchanged.
   ============================================================ */

/* Match the approved homepage header language and premium proportions. */
.catalog-v195 .site-header{
  background:#fff;
  border-bottom:0;
  border-radius:0 0 28px 28px;
  box-shadow:0 10px 30px rgba(26,18,49,.07);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.catalog-v195 .header-inner{height:68px}
.catalog-v195 .main-nav{gap:25px}
.catalog-v195 .main-nav>a:not(.header-quote){
  position:relative;
  color:#17153b;
  font-size:.72rem;
  font-weight:750;
}
.catalog-v195 .main-nav>a:not(.header-quote):hover{color:#17153b}
.catalog-v195 .main-nav .nav-current{color:#17153b!important}
.catalog-v195 .main-nav .nav-current::after{
  content:"";
  position:absolute;
  left:3px;
  right:3px;
  bottom:-9px;
  height:2px;
  border-radius:2px;
  background:#ff6a29;
}
.catalog-v195 .header-quote{
  min-width:145px;
  justify-content:center;
  padding:12px 20px!important;
  border-radius:11px!important;
  color:#fff!important;
  font-size:.78rem!important;
  background:linear-gradient(100deg,#ff7518,#ff6247 48%,#ef2372)!important;
  box-shadow:0 14px 28px rgba(239,35,114,.18)!important;
}

/* Inclusion tiles: centre the icon and copy and keep all copy safely contained. */
.catalog-v195 .catalog-inclusion-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px!important;
}
.catalog-v195 .catalog-inclusion-list li{
  min-width:0;
  min-height:104px;
  padding:12px 8px 11px!important;
  display:grid!important;
  grid-template-rows:38px auto;
  align-content:center!important;
  justify-items:center!important;
  gap:7px!important;
  text-align:center!important;
  overflow:hidden;
}
.catalog-v195 .catalog-inclusion-list img{
  width:32px!important;
  height:32px!important;
  flex:none!important;
  margin:0 auto!important;
}
.catalog-v195 .catalog-inclusion-list span{
  display:block!important;
  width:100%;
  max-width:100%;
  margin:0!important;
  color:#514a68;
  font-size:.70rem;
  font-weight:750;
  line-height:1.18;
  text-align:center!important;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

@media (min-width:741px) and (max-width:1100px){
  .catalog-v195 .header-inner{height:61px}
  .catalog-v195 .main-nav{gap:13px!important}
  .catalog-v195 .main-nav>a:not(.header-quote){font-size:.59rem!important}
  .catalog-v195 .main-nav .header-quote{min-width:118px;padding:9px 12px!important;font-size:.62rem!important}
  .catalog-v195 .catalog-package-card{padding:24px}
  .catalog-v195 .catalog-inclusion-list li{min-height:98px;padding:10px 7px!important}
  .catalog-v195 .catalog-inclusion-list span{font-size:.66rem;line-height:1.17}
}

@media (max-width:1000px){
  .catalog-v195 .main-nav{
    display:none;
    position:absolute;
    left:20px;right:20px;top:62px;
    padding:15px;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(33,26,61,.10);
    box-shadow:0 18px 50px rgba(28,20,56,.14);
    flex-direction:column;
    align-items:stretch;
    gap:2px!important;
  }
  .catalog-v195 .main-nav.open{display:flex}
  .catalog-v195 .main-nav>a{padding:9px 10px!important;font-size:.86rem!important}
  .catalog-v195 .main-nav .nav-current::after{display:none}
  .catalog-v195 .main-nav .header-quote{min-width:0!important;margin-top:4px;text-align:center}
  .catalog-v195 .menu-button{display:block}
}

@media (max-width:620px){
  .catalog-v195 .header-inner{height:74px}
  .catalog-v195 .catalog-inclusion-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog-v195 .catalog-inclusion-list li{min-height:100px!important;padding:10px 7px!important}
  .catalog-v195 .catalog-inclusion-list span{font-size:.68rem}
}