/* ===========================================
   PRICES PAGE STYLES
   =========================================== */

.prices-section {
   padding-top: 63px;
   margin-bottom: 100px;
}

.prices-title {
   font-family: var(--font-heading);
   font-size: 32px;
   font-weight: 700;
   color: var(--color-text);
   margin-bottom: 60px;
   text-align: center;
}

.prices-layout {
   display: flex;
   flex-direction: column;
   gap: 60px;
}

/* TRIAL CARD (GREEN) */
.trial-card {
   background-color: var(--color-primary);
   border-radius: 24px;
   padding: 24px 32px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 737px;
   width: 100%;
   margin: 0 auto;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.trial-text-left {
   font-family: var(--font-heading);
   /* PT Serif */
   font-weight: 700;
   font-size: 24px;
   color: #FFFFFF;
}

/* Эффект свечения для слова "бесплатно" */
.glow-text {
   animation: softGlow 2.5s infinite ease-in-out alternate;
}

@keyframes softGlow {
   0% {
      text-shadow: 0 0 4px rgba(255, 255, 255, 0.2);
   }

   100% {
      text-shadow: 0 0 12px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.5);
   }
}

.trial-text-right {
   font-family: var(--font-body);
   /* Inter */
   font-weight: 400;
   font-size: 16px;
   color: #CAD0CA;
}

/* PRICES CARD (WHITE) */
.prices-card {
   background-color: #FAFAFA;
   border-radius: 24px;
   padding: 48px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.price-item {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 42px 10px;
   /* 24px top/bottom makes 48px gap between items across the border */
   border-bottom: 1px solid #D5DDD5;
}

.price-item:first-child {
   padding-top: 10px;
}

.price-item:last-child {
   padding-bottom: 10px;
   border-bottom: none;
}

.price-item-center {
   align-items: center;
}

.price-item-left {
   flex: 1;
   padding-right: 20px;
}

.price-item-title-row {
   display: flex;
   align-items: baseline;
   gap: 12px;
}

.price-item-title {
   font-family: var(--font-body);
   font-weight: 500;
   font-size: 20px;
   color: var(--color-text);
   margin: 0;
}

.price-item-subtitle {
   font-family: var(--font-body);
   font-size: 16px;
   color: #8C8D8B;
}

.price-item-list {
   margin-top: 12px;
   padding-left: 24px;
   list-style-type: disc;
}

.price-item-list li {
   font-family: var(--font-body);
   font-weight: 500;
   /* same as title */
   font-size: 16px;
   color: var(--color-text);
   margin-bottom: 8px;
}

.price-item-list li:last-child {
   margin-bottom: 0;
}

.price-item-right {
   text-align: right;
   white-space: nowrap;
}

.price-item-value {
   font-family: var(--font-body);
   font-weight: 700;
   font-size: 24px;
   color: #8A9389;
}

@media (max-width: 768px) {
   .trial-card {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
   }

   .price-item {
      flex-direction: column;
      gap: 16px;
   }

   .price-item-center {
      align-items: flex-start;
   }

   .price-item-right {
      text-align: left;
   }

   .price-item-title-row {
      flex-direction: column;
      gap: 4px;
   }

   .prices-card {
      padding: 32px 20px;
   }
}