/* ===================================================================================
   Product Tab Description Styles
   Стили для табов описания товара (Описание, Характеристики, Документация)
   =================================================================================== */

/* Tab Container */
.prd-tab-container {
  border-radius: 0 0 var(--radius-card) var(--radius-card);
  overflow: hidden;
  margin-bottom: var(--spacing-7);
  padding: var(--spacing-6);
}

.prd-tab-container.active {
  display: block !important;
  visibility: visible !important;
}

/* Tab Content Sections */
.prd-tab-section {
  margin-bottom: var(--spacing-7);
}

.prd-tab-section:last-child {
  margin-bottom: 0;
}

/* Section Headings */
.prd-tab-section__title {
  font-size: var(--heading-h3);
  font-weight: var(--font-weight-bold);
  color: var(--primary-color);
  margin-bottom: var(--spacing-5);
  line-height: var(--line-height-tight);
}

/* Description Text */
.prd-tab-section__text {
  font-size: var(--text-base);
  line-height: var(--line-height-relaxed);
  color: var(--text-body);
}

.prd-tab-section__text p {
  margin-bottom: var(--spacing-4);
}

.prd-tab-section__text p:last-child {
  margin-bottom: 0;
}

/* Specifications Table Container */
.prd-tab-specs {
  width: 100%;
}

/* Technical Documentation Link */
.prd-tab-docs {
  margin-top: var(--spacing-4);
}

.prd-tab-docs__link {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
  font-size: var(--text-4xl);
  font-weight: var(--font-weight-semibold);
  color: var(--link-color);
  text-decoration: none;
  padding: var(--spacing-2) 0;
  transition: color var(--transition-base);
}

.prd-tab-docs__link:hover {
  color: var(--link-hover);
}

/* Instructions / PDF Downloads */
.prd-tab-instructions {
  margin-top: var(--spacing-4);
}

.prd-tab-instruction {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  padding: var(--spacing-3) 0;
  border-bottom: 1px solid var(--border-secondary);
}

.prd-tab-instruction:last-child {
  border-bottom: none;
}

.prd-tab-instruction__link {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-3);
  color: var(--link-color);
  font-size: var(--text-base);
  text-decoration: none;
  transition: color var(--transition-base);
}

.prd-tab-instruction__link:hover {
  color: var(--link-hover);
}

/* PDF Icon */
.prd-tab-instruction__icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  color: var(--danger-color);
}

.prd-tab-instruction__icon svg {
  width: 100%;
  height: 100%;
}

/* Tag Item (for tech params) */
.prd-tab-tag {
  display: inline-block;
  margin-bottom: var(--spacing-5);
  text-align: left;
}

.prd-tab-tag__link {
display: inline-flex;
align-items: center;
gap: var(--spacing-2);
padding: var(--spacing-3) var(--spacing-6);
background: var(--secondary-color);
color: var(--text-inverse);
border-radius: var(--radius-md);
font-size: var(--text-base);
font-weight: var(--font-weight-medium);
text-decoration: none;
transition: all var(--transition-base);
}

.prd-tab-tag__link:hover {
    background: var(--secondary-dark);
    box-shadow: var(--shadow-md);
    color: var(--text-inverse);
}

/* ===================================================================================
   Responsive Styles
   =================================================================================== */

@media (max-width: 768px) {
  .prd-tab-container {
    border-radius: var(--radius-lg);
  }

  .prd-tab-section {
    margin-bottom: var(--spacing-5);
  }

  .prd-tab-section__title {
    font-size: var(--heading-h3-mobile);
    margin-bottom: var(--spacing-4);
  }

  .prd-tab-docs__link {
    font-size: var(--text-xl);
  }

  .prd-tab-instruction__icon {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 576px) {
  .prd-tab-container {
    border-radius: var(--radius-md);
  }

  .prd-tab-section__title {
    font-size: var(--text-xl);
  }

  .prd-tab-section__text {
    font-size: var(--text-sm);
  }

  .prd-tab-instruction__link {
    font-size: var(--text-sm);
  }
}