/* CNC modal layout: big title, image left + description right, content bottom left */
.cnc-modal-header {
  margin-bottom: 1rem;
}
.cnc-modal-title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 1rem;
}
@media (min-width: 768px) {
  .cnc-modal-title {
    font-size: 2.25rem;
  }
}
.cnc-modal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.cnc-modal-featured {
  flex: 0 0 auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .cnc-modal-featured {
    max-width: 45%;
    min-width: 280px;
  }
}
.cnc-modal-featured-image {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
.cnc-modal-description {
  flex: 1 1 280px;
  min-width: 0;
}
.cnc-modal-body {
  text-align: left;
  margin-top: 0;
}

/* Pricing Section Styles */
.cnc-pricing-section {
  margin: 20px 0 30px;
}

.cnc-pricing-container {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.cnc-price-wrapper {
  display: flex;
  align-items: baseline;
  gap: 15px;
  flex-wrap: wrap;
  flex: 1;
}

.cnc-regular-price {
  font-size: 32px;
  font-weight: bold;
  color: #333;
  line-height: 1.2;
}

.cnc-sale-price {
  font-size: 32px;
  font-weight: bold;
  color: #d63638;
  line-height: 1.2;
}

.cnc-regular-price-strikethrough {
  font-size: 30px;
  font-weight: normal;
  color: #999;
  text-decoration: line-through;
  line-height: 1.2;
}

/* Responsive */
@media (max-width: 768px) {
  .cnc-pricing-container {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .cnc-form-modal-content {
    width: 95%;
    padding: 20px;
  }
  
  .cnc-regular-price,
  .cnc-sale-price {
    font-size: 28px;
  }
  
  .cnc-regular-price-strikethrough {
    font-size: 20px;
  }
}