/* KAPASITI MOBILE CATALOG R1 */

.k-catalog-card{
 background:#fff!important;
 border:1px solid #dbe4ee!important;
 border-radius:20px!important;
 overflow:hidden!important;
 padding:0!important;
 margin:10px 0!important;
 box-shadow:0 4px 18px rgba(20,45,75,.05)!important;
}

.k-catalog-summary{
 appearance:none;
 width:100%;
 border:0;
 background:#fff;
 padding:18px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 text-align:left;
 color:#172842;
 cursor:pointer;
 min-height:86px;
}

.k-summary-copy{
 min-width:0;
 display:flex;
 flex-direction:column;
 gap:8px;
}

.k-summary-copy strong{
 font-size:20px;
 line-height:1.18;
 font-weight:850;
 letter-spacing:-.02em;
}

.k-summary-copy span{
 font-size:18px;
 line-height:1;
 font-weight:850;
 color:#1e4776;
}

.k-chevron{
 flex:0 0 auto;
 width:38px;
 height:38px;
 border-radius:50%;
 background:#eef4fa;
 display:grid;
 place-items:center;
 font-size:24px;
 transition:.2s transform;
}

.k-catalog-detail{
 display:none;
 border-top:1px solid #e3eaf2;
 padding:18px!important;
}

.k-catalog-card.is-open .k-catalog-detail{
 display:block;
}

.k-catalog-card.is-open .k-chevron{
 transform:rotate(180deg);
}


/* MOBILE FIRST */
@media(max-width:760px){

 body{
  overflow-x:hidden!important;
 }

 main,
 .main,
 .page,
 .content,
 .page-content{
  width:100%!important;
  max-width:100%!important;
  padding-left:16px!important;
  padding-right:16px!important;
 }

 .k-catalog-summary{
  min-height:78px;
  padding:15px 16px;
 }

 .k-summary-copy strong{
  font-size:18px;
 }

 .k-summary-copy span{
  font-size:17px;
 }

 .k-catalog-detail{
  padding:16px!important;
 }

 /* Don't allow programme text to collapse into tiny columns */
 .k-catalog-detail p,
 .k-catalog-detail h1,
 .k-catalog-detail h2,
 .k-catalog-detail h3,
 .k-catalog-detail h4{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
 }

 /* AI Builder should not cover programme cards */
 .k-ai-builder{
  position:fixed!important;
  right:16px!important;
  bottom:88px!important;
  width:auto!important;
  min-width:0!important;
  max-width:148px!important;
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  z-index:80!important;
  font-size:15px!important;
 }

 /* Compact bottom navigation */
 .k-mobile-bottom-nav{
  min-height:64px!important;
  height:auto!important;
  padding-top:6px!important;
  padding-bottom:calc(6px + env(safe-area-inset-bottom))!important;
 }

}


/* TABLET */
@media(min-width:761px) and (max-width:1100px){
 .k-catalog-card{
  margin:12px 0!important;
 }

 .k-summary-copy strong{
  font-size:21px;
 }
}


/* DESKTOP */
@media(min-width:1101px){
 .k-catalog-card{
  transition:.18s transform,.18s box-shadow;
 }

 .k-catalog-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(20,45,75,.09)!important;
 }

 .k-catalog-summary{
  padding:20px 22px;
 }
}