/* Package-family responsive polish — shared by Packages, Essentials, Elevate, Momentum, Bespoke and Lead Magnets & Tools. */

/* Qualification icons: use the same visual language as the homepage on every package-family page. */
.pkg-page .pkg-expertise-list .pkg-expertise-item:nth-child(2) .pkg-expertise-item-icon,
.pkg-page .pkg-expertise-list .pkg-expertise-item:nth-child(3) .pkg-expertise-item-icon{
  width:44px!important;
  height:44px!important;
  display:block!important;
  flex:0 0 44px!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  background-color:#f2ebf7!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:24px 24px!important;
  border:1px solid #dfd0eb!important;
  border-radius:12px!important;
}
.pkg-page .pkg-expertise-list .pkg-expertise-item:nth-child(2) .pkg-expertise-item-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23725098' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z'/%3E%3Cpath d='M22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E")!important;
}
.pkg-page .pkg-expertise-list .pkg-expertise-item:nth-child(3) .pkg-expertise-item-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='%23725098' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M9 21V9'/%3E%3C/svg%3E")!important;
}

/* Desktop: retain four evidence items across each row. */
@media(min-width:821px){
  .pkg-page .pkg-expertise-list{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Mobile/tablet: match the homepage stacked 2 x 2 evidence layout. */
@media(max-width:820px){
  .pkg-page .pkg-expertise-row{
    display:block!important;
  }
  .pkg-page .pkg-expertise-row>h3{
    padding:0 0 13px!important;
    margin:0!important;
  }
  .pkg-page .pkg-expertise-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-top:1px solid #e5daed!important;
  }
  .pkg-page .pkg-expertise-item,
  .pkg-page .pkg-expertise-item:nth-child(even){
    min-width:0!important;
    padding:15px 12px!important;
    border-top:1px solid #e5daed!important;
    border-left:1px solid #e5daed!important;
  }
  .pkg-page .pkg-expertise-item:nth-child(odd){
    border-left:0!important;
  }
  .pkg-page .pkg-expertise-item:nth-child(-n+2){
    border-top:0!important;
  }
  .pkg-page .pkg-expertise-item>span:last-child{
    min-width:0!important;
  }
  .pkg-page .pkg-expertise-item b,
  .pkg-page .pkg-expertise-item small{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

@media(max-width:520px){
  /* Explicitly prevent the older shared stylesheet from collapsing credentials to one column. */
  .pkg-page .pkg-expertise-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .pkg-page .pkg-expertise-item,
  .pkg-page .pkg-expertise-item:nth-child(even){
    padding:14px 9px!important;
    border-left:1px solid #e5daed!important;
  }
  .pkg-page .pkg-expertise-item:nth-child(odd){border-left:0!important;}
  .pkg-page .pkg-expertise-item:nth-child(-n+2){border-top:0!important;}
  .pkg-page .pkg-expertise-item b{font-size:.78rem!important;line-height:1.35!important;}
  .pkg-page .pkg-expertise-item small{font-size:.68rem!important;line-height:1.35!important;}
  .pkg-page .pkg-expertise-list .pkg-expertise-item:nth-child(2) .pkg-expertise-item-icon,
  .pkg-page .pkg-expertise-list .pkg-expertise-item:nth-child(3) .pkg-expertise-item-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    background-size:22px 22px!important;
  }
}

/* Packages intro mobile pricing cards: one predictable vertical structure. */
@media(max-width:620px){
  .page-packages .pkg-overview .pkg-package-list{
    gap:16px!important;
  }
  .page-packages .pkg-overview .pkg-package-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:20px!important;
  }
  .page-packages .pkg-overview .pkg-package-row>.pkg-number{
    grid-column:1!important;
    grid-row:auto!important;
    margin:0 0 2px!important;
  }
  .page-packages .pkg-overview .pkg-package-main,
  .page-packages .pkg-overview .pkg-package-price{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }
  .page-packages .pkg-overview .pkg-package-main{
    padding:0!important;
  }
  .page-packages .pkg-overview .pkg-package-price{
    display:block!important;
    margin:4px 0 0!important;
    padding:16px 0 0!important;
    border-left:0!important;
    border-top:1px solid #e4d9ee!important;
  }
  .page-packages .pkg-overview .pkg-package-price>strong{
    display:block!important;
    margin:0 0 6px!important;
    font-size:1.8rem!important;
    line-height:1.05!important;
  }
  .page-packages .pkg-overview .pkg-package-price>small{
    display:block!important;
    margin:0 0 9px!important;
  }
  .page-packages .pkg-overview .pkg-package-price>p{
    margin:8px 0!important;
  }
  .page-packages .pkg-overview .pkg-package-price>.pkg-text-link{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    margin:10px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    white-space:normal!important;
  }
}