/* =========================================================
   ВКЛАДКИ ТОВАРА (product-tabs.css)
   🎛 Шпаргалка по настройке мини-таблицы:
   - gap у .aura-ptabs__ct-row        → все зазоры в строке сразу
   - margin-right у картинки/иконки   → только зазор «картинка → название»
   - 1 буква ≈ 7–8 px
   ========================================================= */

.aura-ptabs {
    --aura-accent: #2DD4BF;
    --aura-glow: rgba(45, 212, 191, .45);
    --aura-card: #191b1a;
    --aura-card-2: #212423;
    --aura-border: #2b2f2d;
    --aura-text: #f2f4f3;
    --aura-muted: #a7adab;
    --aura-radius: 18px;

    margin: 48px 0;
    color: var(--aura-text);
}

.aura-ptabs__nav-wrap {
    position: sticky;
    top: 0;
    z-index: 30;
    background: rgba(12, 13, 12, .85);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.aura-ptabs__nav {
    position: relative;
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--aura-border);
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.aura-ptabs__nav::-webkit-scrollbar { display: none; }

.aura-ptabs__tab {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
    border: 0;
    background: transparent;
    color: var(--aura-muted);
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: color .25s ease;
    -webkit-tap-highlight-color: transparent;
}
.aura-ptabs__tab:hover { color: var(--aura-text); }
.aura-ptabs__tab.is-active { color: var(--aura-accent); }
.aura-ptabs__tab:focus-visible {
    outline: 2px solid var(--aura-accent);
    outline-offset: -2px;
    border-radius: 10px;
}

.aura-ptabs__indicator {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 0;
    border-radius: 2px;
    background: var(--aura-accent);
    box-shadow: 0 0 12px var(--aura-glow);
    transition: transform .35s cubic-bezier(.22, .61, .36, 1), width .35s cubic-bezier(.22, .61, .36, 1);
}

.aura-ptabs__panel { padding: 24px 0 8px; }
.aura-ptabs__panel[hidden] { display: none; }
.aura-ptabs__panel.is-active { animation: aura-ptabs-in .4s cubic-bezier(.22, .61, .36, 1); }
@keyframes aura-ptabs-in {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: none; }
}

.aura-ptabs__card {
    background: var(--aura-card);
    border: 1px solid var(--aura-border);
    border-radius: var(--aura-radius);
    padding: 28px;
}
.aura-ptabs__card p { margin: 0 0 1em; line-height: 1.75; color: #cfd6d3; }
.aura-ptabs__card p:last-child { margin-bottom: 0; }

.aura-ptabs__heading {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 700;
    color: var(--aura-accent);
}
.aura-ptabs__count { margin-left: 6px; font-size: 15px; font-weight: 600; color: var(--aura-muted); }
.aura-ptabs__empty { color: var(--aura-muted); }

/* === ✅ ВСТУПИТЕЛЬНЫЙ ТЕКСТ НАПОЛНЕНИЯ === */
.aura-ptabs__intro {
    margin: 0 0 20px;
    line-height: 1.75;
    color: #cfd6d3;
}
.aura-ptabs__intro p { margin: 0 0 .8em; }
.aura-ptabs__intro p:last-child { margin: 0; }

/* === ✅ СТАРАЯ СЕТКА (не используется, оставлена на будущее) === */
.aura-ptabs__contents-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 14px;
}
.aura-ptabs__content-item {
    background: var(--aura-card-2);
    border: 1px solid var(--aura-border);
    border-radius: 14px;
    padding: 20px 12px;
    text-align: center;
    transition: transform .25s ease, border-color .25s ease;
}
.aura-ptabs__content-item:hover { transform: translateY(-3px); border-color: var(--aura-accent); }
.aura-ptabs__content-icon { display: block; margin-bottom: 10px; font-size: 40px; line-height: 1; }
.aura-ptabs__content-img {
    display: block;
    width: 84px;
    height: 84px;
    object-fit: cover;
    border-radius: 14px;
    margin: 0 auto 10px;
    background: var(--aura-card);
    border: 1px solid var(--aura-border);
}
.aura-ptabs__content-title { font-size: 14px; }

/* === ✅ ОТЗЫВЫ === */
.aura-ptabs__reviews-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.aura-ptabs__review {
    background: var(--aura-card);
    border: 1px solid var(--aura-border);
    border-radius: var(--aura-radius);
    padding: 22px 24px;
}
.aura-ptabs__review-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.aura-ptabs__review-author { font-weight: 700; }
.aura-ptabs__review-date { font-size: 13px; color: var(--aura-muted); }
.aura-ptabs__review-text { margin: 0; line-height: 1.7; color: #cfd6d3; }

/* === ✅ МИНИ-ТАБЛИЦА НАПОЛНЕНИЯ (desktop + mobile) === */
.aura-ptabs__contents-table { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.aura-ptabs__ct-row {
    display: flex; align-items: center; gap: 16px; /* 🎛 все зазоры строки */
    background: var(--aura-card-2);
    border: 1px solid var(--aura-border);
    border-radius: 14px;
    padding: 12px 14px;
}
/* Desktop: картинка ×2 (было 48px) */
.aura-ptabs__ct-img {
    width: 96px; height: 96px;
    object-fit: cover; border-radius: 10px;
    flex: 0 0 auto; background: #fff;
}
.aura-ptabs__ct-icon { width: 96px; flex: 0 0 auto; text-align: center; font-size: 44px; line-height: 1; }
/* 🎛 Дополнительный зазор «картинка → название» (≈2 буквы), бейдж не трогает */
.aura-ptabs__ct-img,
.aura-ptabs__ct-icon { margin-right: 12px; }
.aura-ptabs__ct-title { flex: 1; font-size: 15px; line-height: 1.5; color: var(--aura-text); }
.aura-ptabs__ct-qty {
    flex: 0 0 auto; background: #22c55e; color: #fff;
    font-weight: 700; font-size: 12px; padding: 4px 10px; border-radius: 999px;
}

/* === ✅ МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 768px) {
    .aura-ptabs { margin: 28px 0; }
    .aura-ptabs__tab { padding: 14px; font-size: 14px; }
    .aura-ptabs__card { padding: 20px; }

    /* Прижимаем таблицу к краям (≤ 3 мм).
       🎛 Если до края всё ещё далеко — увеличьте до -16px; если вплотную — до -10px */
    .aura-ptabs__card--contents {
        margin: 0 -14px;   /* компенсируем отступы контейнера темы */
        padding: 6px;
    }
    .aura-ptabs__contents-table { gap: 6px; }
    .aura-ptabs__ct-row { gap: 8px; padding: 6px; border-radius: 10px; }
    .aura-ptabs__ct-img { width: 80px; height: 80px; border-radius: 8px; }
    .aura-ptabs__ct-icon { width: 80px; font-size: 36px; }
    /* 🎛 мобильный зазор «картинка → название» */
    .aura-ptabs__ct-img,
    .aura-ptabs__ct-icon { margin-right: 8px; }
    .aura-ptabs__ct-title { font-size: 13px; }
    .aura-ptabs__ct-qty { padding: 3px 8px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
    .aura-ptabs, .aura-ptabs * { animation: none !important; transition: none !important; }
}