{# mobile fix for plans #}

@media (max-width: 698px) {
  
  .pricing-plan__deets-toggler {
    display: none !important; 
  }
  
}



@media (max-width: 37.5em) {
  
  .pricing-plan .hide--mobile, 
  .pricing-plan .hide--phone {
    display: block !important; 
  }
  
}

{# /End mobile fix for plans #}


.pricing-plans--discounted [data-pricing-plans-base],
.pricing-plans--base [data-pricing-plans-discounted] {
  display: none;
}

.pricing-plans {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  --il-gap-y: .55em;
  --card-column-count: 1;
  --card-gap: 1em;
  --card-gap-clear: calc(var(--card-gap) * (var(--card-column-count) - 1));
  --card-padding: clamp(1rem, 3vw, 2rem);
  --pricing-plan-ul-max-width: unset;
  gap: var(--card-gap);
  /* justify-content: var(--card-row-alignment); */
}

@media (min-width: 650px) {
  .pricing-plans {
    --card-column-count: 2;
  }
}

@media (min-width: 990px) {
  .pricing-plans {
    --card-column-count: 3;
  }
}

@media (min-width: 1500px) {
  .pricing-plans {
    --card-column-count: 3;
  }
}
/* Taken from cards2 module */

.pricing-plan {
  border: var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  padding: var(--card-padding);
  flex-basis: calc((100% - var(--card-gap-clear)) / var(--card-column-count));
  overflow: hidden;
  position: relative;
  transition: .2s background-image, .2s background-color, .2s color, .2s transform;
}

.js .pricing-plans[data-mh-animation] {
  will-change: auto !important;
}

.js .pricing-plans[data-mh-animation] .pricing-plan {
  opacity: 0;
}

.pricing-plans.animated .pricing-plan {
  animation: var(--card-animation) 1s cubic-bezier(0.46, 0.52, 0.09, 1.01) forwards;
  animation-delay: calc(var(--card-animation-delay));
}

.pricing-plan:hover {
  box-shadow: 0 2px 4px 0 rgba(11, 10, 10, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.09);
  transition: 0.2s all;
  z-index: 1;
}

@media (min-width: 990px) {
  .pricing-plan--featured {
    transform: scale(var(--pricing-plan-featured-scale, 1));
  }
}

.pricing-plan .pricing-plan__points {
  text-align: left;
  margin: 10px 0 2rem;
  max-width: var(--pricing-plan-ul-max-width);
  width: 100%;
}

.pricing-plan li {
  text-align: left;
}

.pricing-plan dd {
  font-weight: 500;
  margin-top: 0.5rem;
}

.pricing-plan__button {
  display: block;
  margin-top: auto;
  width: 100%;
}

.pricing-plan__deets .pricing-plan__button {
  margin-right: auto;
  width: calc(100% - 60px);
}

.pricing-plan__deets-toggler {
  align-items: center;
  border-radius: 50px;
  bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 50px;
  list-style: none;
  position: absolute;
  right: 0;
  width: 50px;
}

.pricing-plan__deets-toggler::-webkit-details-marker {
  display: none;
}

@media (min-width: 705px) {
  .hide--tablet-keep-featured {
    display: none;
  }
}

.pricing-plan__deets-toggler-icon {
  transition: transform 0.2s;
}

.pricing-plan__deets[open] svg.icon {
  transform: translateY(-3px) rotate(180deg);
  transition: transform 0.4s;
}

.pricing-plan__deets-toggler-icon .icon__group>*:first-child {
  stroke-dashoffset: 8.5;
}

.pricing-plan__deets-toggler-icon .icon__group>*:last-child {
  stroke-dashoffset: 8.5;
}

.pricing-plan__deets-toggler-icon .icon__group>* {
  stroke-dasharray: 17;
  transform: translateY(3px);
}

.price-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: var(--card-alignment);
  /* padding: var(--card-padding); */
  position: relative;
  width: 100%;
}

.pricing-plan__price small {
  font-size: .55em;
  margin: 0.45em 0 0;
}

.pricing-plans__controls {
  flex: 1 100%;
  margin-bottom: 1.5rem;
}

.pricing-plans__controls .button-group {
  border-radius: var(--btn-border-radius);
  border: 2px solid rgb(var(--color-foreground), .2);
  align-self: start;
  padding: 2px;
  display: inline-flex;
  gap: 1px;
}

.pricing-plans__controls button {
  border: none;
}

.pricing-plan__extra-info {
  margin: 5px 0; 
  line-height: 1.3;
    font-weight: bold;
  font-family: "Barlow";
}

.pricing-plan__extra-info--2 {
  margin-bottom: 15px !important; 
}