.pp-perks-table-wrap {
  box-shadow: 0px 5px 20px 1px;
}
.pp-perks-table-wrap::after{
  content:"";
  display:block;
  width:50%;
  height:50%;
  background: white;
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
  z-index:-1;
  box-shadow: 0px 5px 80px 0px;
}
.pp-packages {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    gap: 34px;
    padding-block: 50px;
}
.pp-card-ui {
    border: 1px solid #d9dce3;
    /* border-radius: 14px; */
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
}
.pp-card-head {
    padding: 28px 18px;
    text-align: center;
    color: #fff;
}
.pp-ribbon {
    font-size: 36px;
    letter-spacing: .12em;
    font-weight: 800;
    font-family: 'AvenirLTStd Black Book';
}
.pp-card-body {
    padding: 20px 20px 50px 20px
}
.pp-subtitle {
    color: #002F87;
    margin: 6px 0 14px;
    font-size: 22px;
    line-height: 1.3;
    font-family: 'AvenirLTStd Book', Helvetica, Arial, sans-serif;
    text-align: center;
}
.pp-price {
    font-size: 26px;
    font-weight: 700;
    margin: 4px 0 10px;
}
.pp-list {
    list-style: none;
    padding-left: 0;
    margin: 0;

}
.pp-list li {
    position: relative;
    padding-left: 28px;
    margin: 10px 0;
    font-family: 'AvenirLTStd Book', Helvetica, Arial, sans-serif;
}
.pp-tier-silver .pp-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #8A8C8E;
}
.pp-tier-silver .pp-list.plus li:before {
    content: "✓";
    color: #8A8C8E;
    font-weight: 900;
}
.pp-plus-title {
    margin-top: 16px;
    font-weight: 800;
    color: #002F87;
}
.pp-tier-gold .pp-list.plus li:before {
    content: "✓";
    color: #D9A729;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
}

.pp-tier-platinum .pp-list.plus li:before {
    content: "✓";
    color: #231F20;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
}
.pp-empty {
    padding: 10px;
    border: 1px dashed #bbb;
}

.pp-perks-table {
    width: 100%;
    border-collapse: collapse;
}
.pp-perks-table th,
.pp-perks-table td {
    border: 1px solid #002F87;
    padding: 14px 12px;
    vertical-align: top;
    font-weight: 600;
    color: #002F87;
    font-family: 'AvenirLTStd Book', Helvetica, Arial, sans-serif;
}
.pp-perk-th {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.pp-logo-text {
    color: #119cd8;
    font-weight: 800;
}
.pp-plus {
    color: #5ebd3e;
    font-weight: 800;
    margin-left: 2px;
}
.pp-perk-name {
    font-weight: 600;
}
.pp-packages-section {
    padding: 60px 20px;
    background-image: url('/wp-content/uploads/2025/08/uri_ifs___M_fc0ce568-a94b-47d9-9849-9f6f81a91932.webp');
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}

/* Collapsed: show only first 5 Included items */
.pp-list-wrap.is-collapsed .pp-list.included li:nth-child(n+6) {
  display: none;
}

/* Hide PLUS block while collapsed */
.pp-list-wrap.is-collapsed .pp-plus-block {
  display: none;
}

/* Expanded: show all + make the whole panel scrollable */
.pp-list-wrap.is-expanded {
  max-height: 360px;         /* adjust to taste */
  overflow: auto;
  padding-right: 6px;
}

/* Toggle button style (matches your UI) */
.pp-view-toggle {
  display: flex;
  justify-content: center;
  text-decoration: none;
  margin: 12px 0 0 4px;
  background: none;
  color: #002F87 !important;
  font-weight: 500;
  border: 0;
  border-radius: 6px;
  padding: 10px 14px;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  font-size: 1rem;
  font-family: 'AvenirLTStd Book', Helvetica, Arial, sans-serif;
}
.pp-view-toggle:hover {   
 display: flex;
  justify-content: center;
  text-decoration: none;
  margin: 12px 0 0 4px;
  background: none;
  color: #002F87 !important;
  font-weight: 500;
  border: 0;
  border-radius: 6px;
  padding: 10px 14px;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  font-size: 1rem;
  font-family: 'AvenirLTStd Book', Helvetica, Arial, sans-serif;
}
.pp-card-ui{
  display:flex;
  flex-direction:column;
}

/* Header baseline */
.pp-card-head{
  padding:20px 20px 20px 20px;
  text-align:center;
  color:#fff;
  position:relative;
  border-bottom:1px solid rgba(0,0,0,.06);
}

/* Stronger specificity to make sure gradients win over any earlier styles */
.pp-card-ui.pp-tier-silver .pp-card-head{
  background:linear-gradient(180deg,#bcbcbc 0%,#9f9f9f 60%,#8c8c8c 100%) !important;
}
.pp-card-ui.pp-tier-gold .pp-card-head{
  background:linear-gradient(180deg,#e0b84d 0%,#d4a536 60%,#c89a2f 100%) !important;
}
.pp-card-ui.pp-tier-platinum .pp-card-head{
  background:linear-gradient(180deg,#4b4a4e 0%,#3c3b3f 60%,#323136 100%) !important;
}

/* GOLD = featured (bigger, lifted above neighbors) */
.pp-card-ui.pp-featured{
  /* transform: scale(1.1) translateY(-30px); */
  box-shadow:0 18px 36px rgba(9,25,68,.20);
  z-index:2;
}

/* --- Active-mode behavior ------------------------------------ */
/* When any card is active, flatten the default featured bump on others */
.pp-packages.has-active .pp-card-ui.pp-featured:not(.is-active){
  transform: none;
  box-shadow: 0 10px 24px rgba(9,25,68,.12);
  z-index: 1;
}

/* In active mode, only the .is-active card should grow */
.pp-packages.has-active .pp-card-ui:hover{
  transform: none;                   /* disable hover scaling on non-active */
  box-shadow: 0 10px 24px rgba(9,25,68,.12);
}

/* On hover: any card grows */
.pp-card-ui:hover {
  transform: scale(1.1) translateY(-30px);
  box-shadow: 0 24px 48px rgba(9,25,68,.28);
  z-index: 5;
  cursor: pointer;
}

/* Any card hovered or clicked = bigger + lifted higher */
/* .pp-card-ui:hover, */
/* Special rule: if hovering a non-featured, flatten the featured */
.pp-card-ui:hover ~ .pp-card-ui.pp-featured,
.pp-card-ui.pp-featured:hover ~ .pp-card-ui {
  transform: none !important;
  box-shadow: 0 10px 24px rgba(9,25,68,.12);
  z-index: 1;
}

/* Flatten featured when any other card is hovered */
.pp-packages:has(.pp-card-ui:hover):not(:has(.pp-card-ui.pp-featured:hover)) 
  .pp-card-ui.pp-featured {
    transform: none !important;
    box-shadow: 0 10px 24px rgba(9,25,68,.12);
    z-index: 1;
}

/* Smooth transitions */
.pp-card-ui{
  transition: transform .25s ease, box-shadow .25s ease, z-index .25s ease;
  transform-origin:center top;
}
.pp-benefits-heading-logo {
  width:120px;
}
.pp-benefits-th {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
}
.pp-col-tier {
  color: #002F87;
  font-size: 1.5rem;
  font-family: 'AvenirLTStd Book', Helvetica, Arial, sans-serif;
}
.pp-inherits {
  margin-top: 2rem;
  background-color: #f9fafb;
  padding: 12px 20px;
  border-radius: 8px;
  font-family: 'AvenirLTStd Book', Helvetica, Arial, sans-serif;
}

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  .pp-card-ui{transition:none}
}


@media (max-width:720px){
    .pp-packages{grid-template-columns:1fr}
    .pp-grid{grid-template-columns:1fr}
}