/* PRICING PAGE - современный дизайн */

.pricing-hero {

  position: relative;

  background: linear-gradient(135deg, #FFFFFF 0%, #F8F5F0 100%);

  padding: 80px 24px;

  text-align: center;

  overflow: hidden;

}



.pricing-hero-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url("../img/shared/sluzby_bg.jpg");

	background-size: cover;

  opacity: 0.6;

  pointer-events: none;

}



.pricing-hero-content .hero-badge {

  display: inline-block;

  background: rgba(196, 30, 58, 0.1);

  color: var(--red);

  padding: 6px 16px;

  border-radius: 40px;

  font-size: 0.75rem;

  font-weight: 600;

  letter-spacing: 1px;

  margin-bottom: 20px;

}



.pricing-hero-content h1 {

  font-size: 2.5rem;

  color: var(--gray-900);

  margin-bottom: 16px;

}



.pricing-hero-content h1 span {

  color: var(--red);

  position: relative;

}



.pricing-hero-content p {

  font-size: 1rem;

  color: var(--gray-600);

  line-height: 1.6;

}



/* Modern Pricing Section */

.pricing-modern {

  max-width: 1100px;

  margin: 0 auto;

  padding: 60px 24px;

}



/* Info Banner */

.info-banner {

  display: flex;

  gap: 16px;

  background: linear-gradient(135deg, #FFF5F5 0%, #FFFFFF 100%);

  border-left: 4px solid var(--red);

  border-radius: 20px;

  padding: 24px 28px;

  margin-bottom: 48px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

}



.info-banner-icon {

  width: 48px;

  height: 48px;

  background: rgba(196, 30, 58, 0.1);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.info-banner-icon i {

  font-size: 1.3rem;

  color: var(--red);

}



.info-banner-content strong {

  display: block;

  font-size: 0.9rem;

  color: var(--gray-900);

  margin-bottom: 6px;

}



.info-banner-content p {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.5;

  margin: 0;

}



/* Pricing Accordion */

.pricing-accordion {

  display: flex;

  flex-direction: column;

  gap: 16px;

  margin-bottom: 48px;

}



.accordion-item {

  background: var(--white);

  border-radius: 20px;

  border: 1px solid var(--gray-200);

  overflow: hidden;

  transition: all 0.3s ease;

}



.accordion-item:hover {

  border-color: var(--red-light);

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);

}



.accordion-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px 24px;

  cursor: pointer;

  transition: background 0.2s ease;

}



.accordion-header:hover {

  background: var(--gray-100);

}



.accordion-title {

  display: flex;

  align-items: center;

  gap: 14px;

}



.accordion-icon {

  width: 48px;

  height: 48px;

  background: rgba(196, 30, 58, 0.1);

  border-radius: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.accordion-icon i {

  font-size: 1.3rem;

  color: var(--red);

}



.accordion-title h3 {

  font-size: 1.1rem;

  font-weight: 600;

  color: var(--gray-900);

  margin: 0;

}



.accordion-price-preview {

  display: flex;

  align-items: center;

  gap: 16px;

}



.preview-price {

  font-size: 0.85rem;

  font-weight: 600;

  color: var(--red);

  background: rgba(196, 30, 58, 0.08);

  padding: 5px 12px;

  border-radius: 30px;

}



.accordion-arrow {

  width: 32px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s ease;

}



.accordion-arrow i {

  font-size: 0.9rem;

  color: var(--gray-500);

}



.accordion-item.open .accordion-arrow {

  transform: rotate(180deg);

}



.accordion-content {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.4s ease-out;

  border-top: 1px solid transparent;

}



.accordion-item.open .accordion-content {

  max-height: 800px;

  border-top-color: var(--gray-200);

}



/* Modern Price List */

.price-list-modern {

  padding: 24px;

  background: var(--gray-100);

}



.price-row {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding: 16px 0;

  border-bottom: 1px solid var(--gray-200);

}



.price-row:last-child {

  border-bottom: none;

}



.price-row.featured {

  background: rgba(196, 30, 58, 0.03);

  margin: 8px -12px;

  padding: 16px 24px;

  border-radius: 16px;

  border-bottom: none;

}



.price-info {

  flex: 1;

  padding-right: 20px;

}



.price-name {

  display: inline-block;

  font-weight: 600;

  color: var(--gray-900);

  font-size: 0.95rem;

  margin-bottom: 4px;

}



.feature-badge {

  display: inline-block;

  background: var(--red);

  color: var(--white);

  font-size: 0.6rem;

  font-weight: 600;

  padding: 2px 8px;

  border-radius: 20px;

  margin-left: 8px;

  vertical-align: middle;

}



.price-desc {

  display: block;

  font-size: 0.75rem;

  color: var(--gray-500);

  line-height: 1.4;

  margin-top: 2px;

}



.price-amount {

  font-weight: 700;

  color: var(--gray-900);

  font-size: 1rem;

  white-space: nowrap;

  background: var(--white);

  padding: 4px 12px;

  border-radius: 20px;

}



.featured .price-amount {

  background: var(--red);

  color: var(--white);

}



.price-subgroup {

  margin-top: 16px;

  padding-top: 16px;

  border-top: 2px dashed var(--gray-300);

}



.subgroup-title {

  font-size: 0.75rem;

  font-weight: 600;

  color: var(--gray-600);

  text-transform: uppercase;

  letter-spacing: 0.5px;

  margin-bottom: 12px;

}



/* Info Footer */

.info-footer {

  display: flex;

  gap: 16px;

  background: var(--gray-100);

  border-radius: 20px;

  padding: 24px 28px;

  margin-bottom: 48px;

}



.info-footer-icon {

  width: 48px;

  height: 48px;

  background: rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.info-footer-icon i {

  font-size: 1.2rem;

  color: var(--gray-500);

}



.info-footer-content strong {

  display: block;

  font-size: 0.9rem;

  color: var(--gray-900);

  margin-bottom: 6px;

}



.info-footer-content p {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.5;

  margin: 0;

}



/* CTA Section */

.pricing-cta {

  text-align: center;

  background: linear-gradient(135deg, var(--gray-100) 0%, var(--white) 100%);

  border-radius: 32px;

  padding: 48px 40px;

  border: 1px solid var(--gray-200);

}



.pricing-cta h3 {

  font-size: 1.5rem;

  color: var(--gray-900);

  margin-bottom: 12px;

}



.pricing-cta p {

  font-size: 0.95rem;

  color: var(--gray-600);

  margin-bottom: 28px;

  max-width: 500px;

  margin-left: auto;

  margin-right: auto;

}



.cta-buttons {

  display: flex;

  gap: 16px;

  justify-content: center;

  flex-wrap: wrap;

}



/* Адаптивность */

@media (max-width: 768px) {

  .pricing-hero {

    padding: 60px 20px;

  }

  

  .pricing-hero-content h1 {

    font-size: 1.8rem;

  }

  

  .pricing-modern {

    padding: 40px 20px;

  }

  

  .accordion-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 12px;

  }

  

  .accordion-price-preview {

    width: 100%;

    justify-content: space-between;

  }

  

/*

  .price-row {

    flex-direction: column;

    gap: 8px;

  }

  

  .price-amount {

    align-self: flex-start;

  }

*/

  

  .price-info {

    padding-right: 0;

  }

  

  .info-banner,

  .info-footer {

    flex-direction: column;

    text-align: center;

  }

  

  .info-banner-icon,

  .info-footer-icon {

    margin: 0 auto;

  }

  

  .pricing-cta {

    padding: 32px 24px;

  }

  

  .pricing-cta h3 {

    font-size: 1.2rem;

  }

  

  .cta-buttons {

    flex-direction: column;

  }

  

  .cta-buttons .btn {

    width: 100%;

    justify-content: center;

  }

}



@media (max-width: 480px) {

  .accordion-title h3 {

    font-size: 0.95rem;

  }

  

  .accordion-icon {

    width: 40px;

    height: 40px;

  }

  

  .accordion-icon i {

    font-size: 1rem;

  }

  

  .price-name {

    font-size: 0.85rem;

  }

  

  .feature-badge {

    font-size: 0.55rem;

    margin-left: 6px;

  }

  

  .price-amount {

    font-size: 0.9rem;

  }

}/* PRICING PAGE - современный дизайн */

.pricing-hero {

  position: relative;

  background: linear-gradient(135deg, #FFFFFF 0%, #F8F5F0 100%);

  padding: 80px 24px;

  text-align: center;

  overflow: hidden;

}



.pricing-hero-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C41E3A' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  opacity: 0.1;

  pointer-events: none;

}



.pricing-hero-content .hero-badge {

  display: inline-block;

  background: rgba(196, 30, 58, 0.1);

  color: var(--red);

  padding: 6px 16px;

  border-radius: 40px;

  font-size: 0.75rem;

  font-weight: 600;

  letter-spacing: 1px;

  margin-bottom: 20px;

}



.pricing-hero-content h1 {

  font-size: 2.5rem;

  color: var(--gray-900);

  margin-bottom: 16px;

}



.pricing-hero-content h1 span {

  color: var(--red);

  position: relative;

}



.pricing-hero-content p {

  font-size: 1rem;

  color: var(--gray-600);

  line-height: 1.6;

}



/* Modern Pricing Section */

.pricing-modern {

  max-width: 1100px;

  margin: 0 auto;

  padding: 60px 24px;

}



/* Info Banner */

.info-banner {

  display: flex;

  gap: 16px;

  background: linear-gradient(135deg, #FFF5F5 0%, #FFFFFF 100%);

  border-left: 4px solid var(--red);

  border-radius: 20px;

  padding: 24px 28px;

  margin-bottom: 48px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

}



.info-banner-icon {

  width: 48px;

  height: 48px;

  background: rgba(196, 30, 58, 0.1);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.info-banner-icon i {

  font-size: 1.3rem;

  color: var(--red);

}



.info-banner-content strong {

  display: block;

  font-size: 0.9rem;

  color: var(--gray-900);

  margin-bottom: 6px;

}



.info-banner-content p {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.5;

  margin: 0;

}



/* Pricing Accordion */

.pricing-accordion {

  display: flex;

  flex-direction: column;

  gap: 16px;

  margin-bottom: 48px;

}



.accordion-item {

  background: var(--white);

  border-radius: 20px;

  border: 1px solid var(--gray-200);

  overflow: hidden;

  transition: all 0.3s ease;

}



.accordion-item:hover {

  border-color: var(--red-light);

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);

}



.accordion-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px 24px;

  cursor: pointer;

  transition: background 0.2s ease;

}



.accordion-header:hover {

  background: var(--gray-100);

}



.accordion-title {

  display: flex;

  align-items: center;

  gap: 14px;

}



.accordion-icon {

  width: 48px;

  height: 48px;

  background: rgba(196, 30, 58, 0.1);

  border-radius: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.accordion-icon i {

  font-size: 1.3rem;

  color: var(--red);

}



.accordion-title h3 {

  font-size: 1.1rem;

  font-weight: 600;

  color: var(--gray-900);

  margin: 0;

}



.accordion-price-preview {

  display: flex;

  align-items: center;

  gap: 16px;

}



.preview-price {

  font-size: 0.85rem;

  font-weight: 600;

  color: var(--red);

  background: rgba(196, 30, 58, 0.08);

  padding: 5px 12px;

  border-radius: 30px;

}



.accordion-arrow {

  width: 32px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s ease;

}



.accordion-arrow i {

  font-size: 0.9rem;

  color: var(--gray-500);

}



.accordion-item.open .accordion-arrow {

  transform: rotate(180deg);

}



.accordion-content {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.4s ease-out;

  border-top: 1px solid transparent;

}



.accordion-item.open .accordion-content {

  max-height: 800px;

  border-top-color: var(--gray-200);

}



/* Modern Price List */

.price-list-modern {

  padding: 24px;

  background: var(--gray-100);

}



.price-row {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding: 16px 0;

  border-bottom: 1px solid var(--gray-200);

}



.price-row:last-child {

  border-bottom: none;

}



.price-row.featured {

  background: rgba(196, 30, 58, 0.03);

  margin: 8px -12px;

  padding: 16px 24px;

  border-radius: 16px;

  border-bottom: none;

}



.price-info {

  flex: 1;

  padding-right: 20px;

}



.price-name {

  display: inline-block;

  font-weight: 600;

  color: var(--gray-900);

  font-size: 0.95rem;

  margin-bottom: 4px;

}



.feature-badge {

  display: inline-block;

  background: var(--red);

  color: var(--white);

  font-size: 0.6rem;

  font-weight: 600;

  padding: 2px 8px;

  border-radius: 20px;

  margin-left: 8px;

  vertical-align: middle;

}



.price-desc {

  display: block;

  font-size: 0.75rem;

  color: var(--gray-500);

  line-height: 1.4;

  margin-top: 2px;

}



.price-amount {

  font-weight: 700;

  color: var(--gray-900);

  font-size: 1rem;

  white-space: nowrap;

  background: var(--white);

  padding: 4px 12px;

  border-radius: 20px;

}



.featured .price-amount {

  background: var(--red);

  color: var(--white);

}



.price-subgroup {

  margin-top: 16px;

  padding-top: 16px;

  border-top: 2px dashed var(--gray-300);

}



.subgroup-title {

  font-size: 0.75rem;

  font-weight: 600;

  color: var(--gray-600);

  text-transform: uppercase;

  letter-spacing: 0.5px;

  margin-bottom: 12px;

}



/* Info Footer */

.info-footer {

  display: flex;

  gap: 16px;

  background: var(--gray-100);

  border-radius: 20px;

  padding: 24px 28px;

  margin-bottom: 48px;

}



.info-footer-icon {

  width: 48px;

  height: 48px;

  background: rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.info-footer-icon i {

  font-size: 1.2rem;

  color: var(--gray-500);

}



.info-footer-content strong {

  display: block;

  font-size: 0.9rem;

  color: var(--gray-900);

  margin-bottom: 6px;

}



.info-footer-content p {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.5;

  margin: 0;

}



/* CTA Section */

.pricing-cta {

  text-align: center;

  background: linear-gradient(135deg, var(--gray-100) 0%, var(--white) 100%);

  border-radius: 32px;

  padding: 48px 40px;

  border: 1px solid var(--gray-200);

}



.pricing-cta h3 {

  font-size: 1.5rem;

  color: var(--gray-900);

  margin-bottom: 12px;

}



.pricing-cta p {

  font-size: 0.95rem;

  color: var(--gray-600);

  margin-bottom: 28px;

  max-width: 500px;

  margin-left: auto;

  margin-right: auto;

}



.cta-buttons {

  display: flex;

  gap: 16px;

  justify-content: center;

  flex-wrap: wrap;

}



/* Адаптивность */

@media (max-width: 768px) {

  .pricing-hero {

    padding: 60px 20px;

  }

  

  .pricing-hero-content h1 {

    font-size: 1.8rem;

  }

  

  .pricing-modern {

    padding: 40px 20px;

  }

  

  .accordion-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 12px;

  }

  

  .accordion-price-preview {

    width: 100%;

    justify-content: space-between;

  }

/*

  

  .price-row {

    flex-direction: column;

    gap: 8px;

  }

  

  .price-amount {

    align-self: flex-start;

  }

  

  .price-info {

    padding-right: 0;

  }

*/

  

  .info-banner,

  .info-footer {

    flex-direction: column;

    text-align: center;

  }

  

  .info-banner-icon,

  .info-footer-icon {

    margin: 0 auto;

  }

  

  .pricing-cta {

    padding: 32px 24px;

  }

  

  .pricing-cta h3 {

    font-size: 1.2rem;

  }

  

  .cta-buttons {

    flex-direction: column;

  }

  

  .cta-buttons .btn {

    width: 100%;

    justify-content: center;

  }

}



@media (max-width: 480px) {

  .accordion-title h3 {

    font-size: 0.95rem;

  }

  

  .accordion-icon {

    width: 40px;

    height: 40px;

  }

  

  .accordion-icon i {

    font-size: 1rem;

  }

  

  .price-name {

    font-size: 0.85rem;

  }

  

  .feature-badge {

    font-size: 0.55rem;

    margin-left: 6px;

  }

  

  .price-amount {

    font-size: 0.9rem;

  }

}/* PRICING PAGE - современный дизайн */

.pricing-hero {

  position: relative;

  background: linear-gradient(135deg, #FFFFFF 0%, #F8F5F0 100%);

  padding: 80px 24px;

  text-align: center;

  overflow: hidden;

}



.pricing-hero-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C41E3A' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  opacity: 0.1;

  pointer-events: none;

}



.pricing-hero-content .hero-badge {

  display: inline-block;

  background: rgba(196, 30, 58, 0.1);

  color: var(--red);

  padding: 6px 16px;

  border-radius: 40px;

  font-size: 0.75rem;

  font-weight: 600;

  letter-spacing: 1px;

  margin-bottom: 20px;

}



.pricing-hero-content h1 {

  font-size: 2.5rem;

  color: var(--gray-900);

  margin-bottom: 16px;

}



.pricing-hero-content h1 span {

  color: var(--red);

  position: relative;

}



.pricing-hero-content p {

  font-size: 1rem;

  color: var(--gray-600);

  line-height: 1.6;

}



/* Modern Pricing Section */

.pricing-modern {

  max-width: 1100px;

  margin: 0 auto;

  padding: 60px 24px;

}



/* Info Banner */

.info-banner {

  display: flex;

  gap: 16px;

  background: linear-gradient(135deg, #FFF5F5 0%, #FFFFFF 100%);

  border-left: 4px solid var(--red);

  border-radius: 20px;

  padding: 24px 28px;

  margin-bottom: 48px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

}



.info-banner-icon {

  width: 48px;

  height: 48px;

  background: rgba(196, 30, 58, 0.1);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.info-banner-icon i {

  font-size: 1.3rem;

  color: var(--red);

}



.info-banner-content strong {

  display: block;

  font-size: 0.9rem;

  color: var(--gray-900);

  margin-bottom: 6px;

}



.info-banner-content p {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.5;

  margin: 0;

}



/* Pricing Accordion */

.pricing-accordion {

  display: flex;

  flex-direction: column;

  gap: 16px;

  margin-bottom: 48px;

}



.accordion-item {

  background: var(--white);

  border-radius: 20px;

  border: 1px solid var(--gray-200);

  overflow: hidden;

  transition: all 0.3s ease;

}



.accordion-item:hover {

  border-color: var(--red-light);

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);

}



.accordion-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px 24px;

  cursor: pointer;

  transition: background 0.2s ease;

}



.accordion-header:hover {

  background: var(--gray-100);

}



.accordion-title {

  display: flex;

  align-items: center;

  gap: 14px;

}



.accordion-icon {

  width: 48px;

  height: 48px;

  background: rgba(196, 30, 58, 0.1);

  border-radius: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.accordion-icon i {

  font-size: 1.3rem;

  color: var(--red);

}



.accordion-title h3 {

  font-size: 1.1rem;

  font-weight: 600;

  color: var(--gray-900);

  margin: 0;

}



.accordion-price-preview {

  display: flex;

  align-items: center;

  gap: 16px;

}



.preview-price {

  font-size: 0.85rem;

  font-weight: 600;

  color: var(--red);

  background: rgba(196, 30, 58, 0.08);

  padding: 5px 12px;

  border-radius: 30px;

}



.accordion-arrow {

  width: 32px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s ease;

}



.accordion-arrow i {

  font-size: 0.9rem;

  color: var(--gray-500);

}



.accordion-item.open .accordion-arrow {

  transform: rotate(180deg);

}



.accordion-content {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.4s ease-out;

  border-top: 1px solid transparent;

}



.accordion-item.open .accordion-content {

  max-height: 800px;

  border-top-color: var(--gray-200);

}



/* Modern Price List */

.price-list-modern {

  padding: 24px;

  background: var(--gray-100);

}



.price-row {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding: 16px 0;

  border-bottom: 1px solid var(--gray-200);

}



.price-row:last-child {

  border-bottom: none;

}



.price-row.featured {

  background: rgba(196, 30, 58, 0.03);

  margin: 8px -12px;

  padding: 16px 24px;

  border-radius: 16px;

  border-bottom: none;

}



.price-info {

  flex: 1;

  padding-right: 20px;

}



.price-name {

  display: inline-block;

  font-weight: 600;

  color: var(--gray-900);

  font-size: 0.95rem;

  margin-bottom: 4px;

}



.feature-badge {

  display: inline-block;

  background: var(--red);

  color: var(--white);

  font-size: 0.6rem;

  font-weight: 600;

  padding: 2px 8px;

  border-radius: 20px;

  margin-left: 8px;

  vertical-align: middle;

}



.price-desc {

  display: block;

  font-size: 0.75rem;

  color: var(--gray-500);

  line-height: 1.4;

  margin-top: 2px;

}



.price-amount {

  font-weight: 700;

  color: var(--gray-900);

  font-size: 1rem;

  white-space: nowrap;

  background: var(--white);

  padding: 4px 12px;

  border-radius: 20px;

}



.featured .price-amount {

  background: var(--red);

  color: var(--white);

}



.price-subgroup {

  margin-top: 16px;

  padding-top: 16px;

  border-top: 2px dashed var(--gray-300);

}



.subgroup-title {

  font-size: 0.75rem;

  font-weight: 600;

  color: var(--gray-600);

  text-transform: uppercase;

  letter-spacing: 0.5px;

  margin-bottom: 12px;

}



/* Info Footer */

.info-footer {

  display: flex;

  gap: 16px;

  background: var(--gray-100);

  border-radius: 20px;

  padding: 24px 28px;

  margin-bottom: 48px;

}



.info-footer-icon {

  width: 48px;

  height: 48px;

  background: rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.info-footer-icon i {

  font-size: 1.2rem;

  color: var(--gray-500);

}



.info-footer-content strong {

  display: block;

  font-size: 0.9rem;

  color: var(--gray-900);

  margin-bottom: 6px;

}



.info-footer-content p {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.5;

  margin: 0;

}



/* CTA Section */

.pricing-cta {

  text-align: center;

  background: linear-gradient(135deg, var(--gray-100) 0%, var(--white) 100%);

  border-radius: 32px;

  padding: 48px 40px;

  border: 1px solid var(--gray-200);

}



.pricing-cta h3 {

  font-size: 1.5rem;

  color: var(--gray-900);

  margin-bottom: 12px;

}



.pricing-cta p {

  font-size: 0.95rem;

  color: var(--gray-600);

  margin-bottom: 28px;

  max-width: 500px;

  margin-left: auto;

  margin-right: auto;

}



.cta-buttons {

  display: flex;

  gap: 16px;

  justify-content: center;

  flex-wrap: wrap;

}



/* Адаптивность */

@media (max-width: 768px) {

  .pricing-hero {

    padding: 60px 20px;

  }

  

  .pricing-hero-content h1 {

    font-size: 1.8rem;

  }

  

  .pricing-modern {

    padding: 40px 20px;

  }

  

  .accordion-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 12px;

  }

  

  .accordion-price-preview {

    width: 100%;

    justify-content: space-between;

  }

  

/*

  .price-row {

    flex-direction: column;

    gap: 8px;

  }

  

  .price-amount {

    align-self: flex-start;

  }

  

  .price-info {

    padding-right: 0;

  }

  

*/

  .info-banner,

  .info-footer {

    flex-direction: column;

    text-align: center;

  }

  

  .info-banner-icon,

  .info-footer-icon {

    margin: 0 auto;

  }

  

  .pricing-cta {

    padding: 32px 24px;

  }

  

  .pricing-cta h3 {

    font-size: 1.2rem;

  }

  

  .cta-buttons {

    flex-direction: column;

  }

  

  .cta-buttons .btn {

    width: 100%;

    justify-content: center;

  }

}



@media (max-width: 480px) {

  .accordion-title h3 {

    font-size: 0.95rem;

  }

  

  .accordion-icon {

    width: 40px;

    height: 40px;

  }

  

  .accordion-icon i {

    font-size: 1rem;

  }

  

  .price-name {

    font-size: 0.85rem;

  }

  

  .feature-badge {

    font-size: 0.55rem;

    margin-left: 6px;

  }

  

  .price-amount {

    font-size: 0.9rem;

  }

}





/*====================================*/

/* === Общий фон страницы === */

.pricing-modern-v2 {

  background: linear-gradient(135deg, #f4f6f8, #e9edf2);

/*  padding: 80px 20px;*/

/*  color: #1a1a1a;*/

}



/* контейнер */

.pricing-container {

  max-width: 750px;

  margin: 0 auto;

}



/* заголовок */

.pricing-header {

  text-align: center;

  margin-bottom: 60px;

}



.pricing-header h1 {

  font-size: 48px;

  font-weight: 700;

  color: #1a1a1a;

}



.pricing-badge {

  color: #e74c3c;

  font-size: 14px;

  letter-spacing: 1px;

}



/* === Карточки === */

.price-card {

  position: relative;

  border-radius: 20px;

  padding: 25px 25px 20px;

  margin-bottom: 35px;



  /* 🔥 основной градиент */

  background: radial-gradient(circle at 20% 20%, #2b1a1a, #0f0f0f);



  color: white;



  /* 💎 эффекты */

  box-shadow: 

    0 10px 30px rgba(0,0,0,0.25),

    inset 0 0 0 1px rgba(255,255,255,0.05);



  transition: all 0.35s ease;

  overflow: hidden;

}



/* ✨ subtle glow эффект */

.price-card::before {

  content: "";

  position: absolute;

  inset: 0;

  background: radial-gradient(circle at 0% 0%, rgba(255,80,80,0.15), transparent 40%);

  opacity: 0;

  transition: opacity 0.4s ease;

}



/* hover эффект */

.price-card:hover {

  transform: translateY(-6px) scale(1.01);

  box-shadow: 

    0 20px 50px rgba(0,0,0,0.35),

    0 0 25px rgba(255,80,80,0.15);

}



.price-card-title {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;



  height: 48px; /* увеличили высоту */



  display: flex;

  align-items: center;

  justify-content: center;



  border-radius: 20px 20px 0 0;



  font-size: 24px;

  font-weight: 600;

  letter-spacing: 0.5px;



  background: var(--red);



  box-shadow: 0 5px 15px rgba(255,80,80,0.35);



  text-align: center;

}



/* === Контент === */

.price-card-body {

  margin-top: 60px;

}



/* строки */

.price-row {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;



  padding: 12px 0;

  border-bottom: 1px solid rgba(255,255,255,0.06);



  font-size: 15px;

}



/* последняя строка без линии */

.price-row:last-child {

  border-bottom: none;

}



/* название */

.price-row span:first-child {

  opacity: 0.9;

	color:white;

}



/* цена */

.price-row span:last-child {

  font-weight: 600;

  letter-spacing: 0.3px;

}



/* 🔥 highlight позиции */

.price-row.highlight span:last-child {

  color: #ff7b5c;

  text-shadow: 0 0 8px rgba(255,120,90,0.5);

}



/* === subtle animation при появлении === */

.price-card {

  opacity: 0;

  transform: translateY(20px);

  animation: fadeUp 0.6s ease forwards;

}



.price-card:nth-child(2) { animation-delay: 0.1s; }

.price-card:nth-child(3) { animation-delay: 0.2s; }

.price-card:nth-child(4) { animation-delay: 0.3s; }

.price-card:nth-child(5) { animation-delay: 0.4s; }

.price-card:nth-child(6) { animation-delay: 0.5s; }



@keyframes fadeUp {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}/* левая часть */

.price-left {

  max-width: 70%;

}



/* название */

.price-name {

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 3px;

	color: white;

}



/* описание */

.price-desc {

  font-size: 14.5px;

  line-height: 1.4;

  color: white;

}



/* цена */

.price-amount {

  font-weight: 600;

  white-space: nowrap;

}



/* строка */

.price-row {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 15px;



  padding: 12px 0;

  border-bottom: 1px solid rgba(255,255,255,0.06);

}





.price-card:hover .price-desc {

  opacity: 1;

}



/*============================*/

/* modern pricing styles */

.pricing-modern-v2 {

  padding: 2rem;

  max-width: 900px;

  margin: 0 auto;

}



.pricing-container {

  display: flex;

  flex-direction: column;

  gap: 2rem;

}



/* Info banner */

.info-banner {

  background: linear-gradient(135deg, #f0f4ff 0%, #e8edf8 100%);

  border-left: 4px solid #667eea;

  border-radius: 12px;

  padding: 1.5rem;

  display: flex;

  gap: 1rem;

  align-items: flex-start;

}



.info-banner-icon {

  flex-shrink: 0;

}



.info-banner-icon img {

  width: 40px;

  height: 40px;

}



.info-banner-content strong {

  display: block;

  color: #2c3e50;

  margin-bottom: 0.5rem;

  font-size: 1rem;

}



.info-banner-content p {

  color: #5a6c7e;

  font-size: 0.9rem;

  line-height: 1.5;

  margin: 0;

}



/* Price cards */

.price-card {

  background: #ffffff;

  border-radius: 16px;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);

  overflow: hidden;

  transition: transform 0.2s, box-shadow 0.2s;

}



.price-card:hover {

  transform: translateY(-2px);

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);

}



.price-card-title {

  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

  color: white;

  padding: 1rem 1.5rem;

  font-size: 1.2rem;

  font-weight: 600;

}



.price-card-body {

  padding: 0.5rem 0;

}



/* Price rows */

.price-row {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0.9rem 1.5rem;

  border-bottom: 1px solid #eef2f6;

  transition: background 0.2s;

}



.price-row:hover {

  background: #f8fafc;

}



.price-left {

  flex: 1;

  padding-right: 1rem;

}



.price-name {

  font-weight: 600;

  color: #2c3e50;

  margin-bottom: 0.25rem;

}



.price-desc {

  font-size: 0.8rem;

  color: #7f8c8d;

  line-height: 1.4;

}



.price-amount {

  font-weight: 700;

  color: #2c3e50;

  white-space: nowrap;

  font-size: 1rem;

}



/* Highlighted row */

.price-highlighted {

  background: linear-gradient(90deg, rgba(102, 126, 234, 0.05) 0%, transparent 100%);

  border-left: 3px solid #667eea;

}



.price-highlighted .price-name {

  color: #667eea;

}



.price-highlighted .price-amount {

  color: #667eea;

}



/* Badge */

.badge-cerec {

  display: inline-block;

  background: #667eea;

  color: white;

  font-size: 0.7rem;

  padding: 0.2rem 0.6rem;

  border-radius: 20px;

  margin-top: 0.25rem;

}



/* Subgroup */

.price-subgroup {

  background: #f8fafc;

  margin: 0.5rem 1.5rem 1rem 3rem;

  border-radius: 8px;

  overflow: hidden;

}



.price-subgroup .price-row {

  padding-left: 1rem;

  border-bottom: 1px solid #eef2f6;

}



.price-subgroup .price-row:last-child {

  border-bottom: none;

}



/* Info footer */

.info-footer {

  background: #fef9e6;

  border-left: 4px solid #f39c12;

  border-radius: 12px;

  padding: 1.5rem;

  display: flex;

  gap: 1rem;

  align-items: flex-start;

}



.info-footer-icon {

  flex-shrink: 0;

}



.info-footer-icon img {

  width: 40px;

  height: 40px;

}



.info-footer-content strong {

  display: block;

  color: #e67e22;

  margin-bottom: 0.5rem;

  font-size: 1rem;

}



.info-footer-content p {

  color: #5a6c7e;

  font-size: 0.9rem;

  line-height: 1.5;

  margin: 0;

}



/* CTA section */

.pricing-cta {

  text-align: center;

  background: linear-gradient(135deg, #f8f9fc 0%, #f0f4fa 100%);

  border-radius: 16px;

  padding: 2rem;

}



.pricing-cta h3 {

  color: #2c3e50;

  font-size: 1.3rem;

  margin-bottom: 0.5rem;

}



.pricing-cta p {

  color: #5a6c7e;

  margin-bottom: 1.5rem;

  max-width: 450px;

  margin-left: auto;

  margin-right: auto;

}



.cta-buttons {

  display: flex;

  gap: 1rem;

  justify-content: center;

  flex-wrap: wrap;

}



.btn {

  padding: 0.75rem 1.5rem;

  border-radius: 8px;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.2s;

  border: none;

  display: inline-flex;

  align-items: center;

  gap: 0.5rem;

}



.btn-primary {

  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

  color: white;

}



.btn-primary:hover {

  transform: translateY(-2px);

  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);

}



.btn-outline {

  background: transparent;

  border: 2px solid #667eea;

  color: #667eea;

}



.btn-outline:hover {

  background: #667eea;

  color: white;

}



/* Responsive */

@media (max-width: 768px) {

  .pricing-modern-v2 {

    padding: 1rem;

  }

/*

  

  .price-row {

    flex-direction: flex;

    align-items: flex-start !important;

    gap: 0.5rem;

	  text-align: left;

  }

  

    .price-left {

    flex: 1 !important;

    min-width: 0 !important;

    padding-right: 10px !important;

  }

  

  .price-amount {

    align-self: flex-end !important;

	margin-top: 8px;

 }

	

	

	

.price-name {

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 3px;

	text-align: left;

	

	}

.price-desc {

  font-size: 12.5px;

  line-height: 1.4;

	}



 цена 

.price-amount {

  font-weight: 600;

  white-space: nowrap;

}

*/

	

	

	

	

	

	

	

	

  

  .price-subgroup {

    margin-left: 1rem;

    margin-right: 1rem;

  }

  

  .info-banner, .info-footer {

    flex-direction: column;

  }

  

  .cta-buttons {

    flex-direction: column;

  }

  

  .btn {

    width: 100%;

    justify-content: center;

  }

	

	.price-row {

  display: flex;

		gap: 0.5rem;

  align-items: stretch;

  justify-content: space-between;



/*  border: 1px solid #888;*/

  

}





.price-left {

  flex: 1;

  padding: 16px;

/*  border-right: 1px solid #888;*/



  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;  

	text-align: left; 

}





.price-name {

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 3px;

		

}





.price-desc {

  color: #4C4748;

  font-size: 0.8rem;

  margin-top: 4px

	}

	.price-name,

.price-desc {

  text-align: left;

  width: 100%; 

}

.price-amount {

  display: flex;

  align-items: flex-start;

  padding: 12px;

  font-weight: 400;

  color: #2c3e50;

  white-space: nowrap;

  font-size: 1rem;

}



/* LABEL */

/*

.flex-label {

  padding: 6px 14px;

  border-radius: 6px;



  background: #5aa0b8;

  color: #fff;



  font-size: 0.8rem;

  font-weight: 500;

}

*/

	

	

	

	

	

	

	

/*

	.price-row {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 16px;

  padding: 14px 0;

  border-bottom: 1px dashed rgba(0,0,0,0.08);

}



.price-left {

	display: flex;

	flex-direction: row;

  flex: 1;

  min-width: 0;

}



.price-name {

	display: flex;

	flex-direction: column

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 4px;

}



.price-desc {display: flex;

	flex-direction: row;

  font-size: 0.85rem;

  color: var(--gray-500);

  margin-top: 4px;

}



.price-amount {

	display: flex;

  flex-direction: column;

  font-weight: 700;

  white-space: nowrap;

  flex-shrink: 0;

}

*/

}