.grid-container.upgrade-banner {
  background: url('../images/upgrade-bg.jpg') no-repeat center center;
  background-size: cover;
  border-bottom: 10px solid #f7f0d4;
  margin-bottom: 1.5em;
  color: #FFF;
}

.upgradeh1 {
  font-family: 'Lora', serif;
  font-size: 1.4em;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  margin-bottom: 1rem;
  line-height: normal;
}

.upgrade-banner {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.upgrade-banner p {
  font-size: .9375rem;
  margin-bottom: 0;
}
.upgrade-button-row {
	  margin-top: 2rem;
}
.upgrade-button-row .cell {
  /*margin-left: .25rem;*/
  /*margin-right: .25rem;*/
  /*max-width: 280px;*/
}

.upgrade-buttons-list {
	padding-bottom: 2rem;
}

.upgrade-banner .red_button {
  /*margin: 1rem 0 1rem 0;*/
  color: #FFF;
  font-weight: 700;
  padding: 1.5em;
  width: 100%;
}

.plan-separator {
	width: 1px;
	background-image:linear-gradient(to bottom, transparent, #f7f0d4, transparent);
	opacity: 0.5;
}

.upgrade-group-name {
	color: #fff;
	font-family: 'Lora', serif;
	margin-bottom: 1rem;
}

.upgrade-btn-box .upgrade-btn {
	margin-left: 0;
	margin-right: 0;
}

.upgrade-btn-box input:checked + .upgrade-btn {
	background: #4a0e01;
	color: #f7f0d4;
}

.head-row {
  background: #f8f8f8;
  font-weight: 700;
  font-size: .9375em;
  padding: .5em 0;
}

.rubric-row {
  padding: .5em;
}

.rubric-row:nth-child(even) {
  background: #f8f8f8;
}

.rubric-row:nth-child(even) {
  background: #ececec;
}

.rubric-standard,
.rubric-free,
.rubric-enhanced {
  text-align: center;
  position: relative;
}

.rubric-row .fa-times-circle,
.rubric-row .fa-check-circle {
  font-size: 2em;
}

.rubric-row .fa-times-circle {
  color: #fe0000;
}

.rubric-row .fa-check-circle {
  color: #59ad00;
}

.rubric-feature {
  order: 1;
}

.rubric-row .asterisk {
  position: absolute;
  font-weight: 700;
  font-size: 1.5em;
  right: 0;
  left: 1.8em;
}

.rubric-row .asteriskt {
  position: absolute;
  font-size: .5em;
  top: 1.0em;
  right: 0;
  left: 11.8em;
}

/* Sticky CTA Bar */
.sticky-cta {
	position: fixed;
	bottom: -100px;
	left: 0;
	right: 0;
	background: white;
	color: inherit;
	box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
	padding: 20px;
	transition: bottom 0.3s ease;
	z-index: 1000;
}

.sticky-cta.visible {
	bottom: 0;
}

.selected-plan-info {
	display: flex;
	align-items: center;
	gap: 16px;
}

.selected-plan-info strong {
	color: inherit;
	font-size: 18px;
}

.upgrade-notice {
	font-size: 14px;
	color: #555;
	margin-top: 4px;
	font-style: italic;
	margin-bottom: 0;
}

#checkout-btn {
	width: auto;
	padding: 21px;
	position: relative;
	z-index: 1;
	animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.checkout-error {
	position: fixed;
	top: 20px;
	right: 20px;
	background: #ef4444;
	color: white;
	padding: 16px 24px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 3000;
	animation: slideIn 0.3s ease;
}

@keyframes pulse-ring {
	0% {
		box-shadow: 0 0 0 0 #ff3003;
	}
	100% {
		box-shadow: 0 0 0 10px transparent;
	}
}

@media(min-width: 375px) {
  .upgradeh1 {
    font-size: 1.5em;
  }
  .rubric-container .grid-x>.small-12 {
    width: 50%;
  }
  .rubric-container .grid-x>.small-4 {
    width: 16.66667%;
  }
  .head-row {
    font-size: .75rem;
  }
  .rubric-feature {
    order: 0;
  }
}

@media(min-width: 500px) {
  .head-row {
    font-size: .875rem;
  }
}

@media(min-width: 640px) {
  .upgrade-banner p {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .head-row {
    font-size: .9375rem;
  }
}

@media(min-width: 1024px) {
	.upgrade-banner {
		padding-top: 2.5rem;
		padding-bottom: 2rem;
	}
	
  .upgradeh1 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .upgrade-banner p {
    font-size: 1.125rem;
  }
  .upgrade-banner .red_button {
    /*margin: 1.75rem 0 3rem 0;*/
  }
  .rubric-content {
    font-size: 1.125rem;
  }
}