/* =========================================
   Product Card — SPECS with tabs (BEM)
   ========================================= */

.pc-typo .pc-specs{
    border:1px solid var(--pc-color-border);
    border-radius:var(--pc-radius);
    box-shadow:var(--pc-shadow);
    background:#fff;
    overflow:hidden;
}

/* ----- header + tabs ----- */
.pc-typo .pc-specs__head{
    padding:12px 16px;
    border-bottom:1px solid var(--pc-color-border);
}

.pc-typo .pc-specs__tabs{
    margin-top:12px;
    display:flex; gap:8px;
}

.pc-typo .pc-specs__tab{
    flex:1;
    padding:10px 12px;
    font-weight:600;
    border-radius:8px;
    border:1px solid var(--pc-color-border);
    background:#f9fafb;
    cursor:pointer;
    transition:all .2s;
}
.pc-typo .pc-specs__tab.is-active{
    background:#fff;
    border-color:var(--pc-color-accent);
    color:var(--pc-color-accent);
}

/* ----- content ----- */
.pc-typo .pc-specs__content{ padding:16px }

.pc-typo .pc-specs__panel{ display:none }
.pc-typo .pc-specs__panel.is-active{ display:block }

/* ----- list of characteristics (legacy grid-mode) ----- */
.pc-typo .pc-specs__wrap{
    max-height: none !important;
    overflow: visible !important;
    transition:max-height .35s ease;
}
.pc-typo .pc-specs.is-open .pc-specs__wrap{
    max-height:1000px;
}

.pc-typo .pc-specs__list{ display:grid; gap:8px }
.pc-typo .pc-specs__row{
    display:grid; grid-template-columns:1fr auto;
    gap:12px; padding:6px 0;
    border-bottom:1px dashed var(--pc-color-border);
}
.pc-typo .pc-specs__row dt{
    color:var(--pc-color-muted);
    font-weight:normal;
    font-size:14px;
}
.pc-typo .pc-specs__row dd{ margin:0; font-weight:600; font-size:14px }

/* ----- toggle button (убран) ----- */
.pc-typo .pc-specs__toggle{
    display:none !important;
}

/* ----- drawing tab ----- */
.pc-typo .pc-specs__drawing img{
    max-width:100%; height:auto; border-radius:12px; display:block;
}

/* === PC-SPECS: TABLE RESET === */
.pc-specs__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* фиксированная раскладка */
}

/* принудительно табличные роли */
.pc-specs__table thead { display: table-header-group !important; }
.pc-specs__table tbody { display: table-row-group !important; }
.pc-specs__table tr    { display: table-row !important; }
.pc-specs__table th,
.pc-specs__table td    { display: table-cell !important; vertical-align: middle; }

/* шапка */
.pc-specs__table thead th {
    font-weight:700;
    text-align:left;
    padding:12px 16px;
    vertical-align:middle;
}

/* ячейки */
.pc-specs__table td {     padding: 9px 4px; }
.pc-specs__table tbody tr + tr td { border-top:1px dashed #E5E7EB; }

/* --- колонки --- */

/* 1-я колонка: текст */
.pc-specs__col-name { width:auto !important; }
.pc-specs__table th:first-child,
.pc-specs__table td:first-child {
    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:break-word !important;
    hyphens:auto;
    vertical-align:top;
}

/* 2-я и 3-я колонки: фикс ширина */
.pc-specs__col-mm,
.pc-specs__col-inch { width:90px !important; }

/* заголовки числовых колонок */
.pc-specs__table th:nth-child(2),
.pc-specs__table th:nth-child(3) {
    text-align:center;
    white-space:nowrap !important;
}

/* значения в числовых колонках */
.pc-specs__table td:nth-child(2),
.pc-specs__table td:nth-child(3) {
    text-align:center;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow:hidden;          /* обрезаем */
    text-overflow:ellipsis;   /* троеточие */
    max-width:90px;           /* ограничение ширины */
}

/* адаптив */
@media (min-width:1440px){
    .pc-specs__col-mm,
    .pc-specs__col-inch,
    .pc-specs__table th:nth-child(2),
    .pc-specs__table th:nth-child(3),
    .pc-specs__table td:nth-child(2),
    .pc-specs__table td:nth-child(3){
        width:80px !important;
        max-width:80px !important;
    }
}

/* hover эффект */
.pc-specs__table tbody .pc-specs__row {
    transition:background-color .2s ease, box-shadow .2s ease;
    cursor:default;
}
.pc-specs__table tbody .pc-specs__row:hover {
    background-color:#f9fafb;
    box-shadow:inset 0 0 0 1px #e5e7eb;
}

/* ==== Scroll ограничение по высоте ==== */
.pc-specs__scroll {
    max-height:calc(1.5em * 26); /* примерно 12-13 строк */
    overflow-y:auto;
    border-radius:6px;
}

.pc-specs__scroll::-webkit-scrollbar { width:8px; }
.pc-specs__scroll::-webkit-scrollbar-thumb {
    background:rgba(200,0,0,0.6);
    border-radius:4px;
}
.pc-specs__scroll::-webkit-scrollbar-track { background:transparent; }