.nexab-pc { display: flex; gap: 2.5rem; align-items: flex-start; }

/* ── Gallery ────────────────────────────────────────────────────────── */
.nexab-pc__gallery { flex: 0 0 48%; max-width: 48%; }
.nexab-pc__main-wrap {
    position: relative;
    background: var(--nx-surface, #f4f7f6);
    border-radius: var(--nx-radius, 10px);
    overflow: hidden;
    aspect-ratio: 1/1;
    margin-bottom: .625rem;
    border: 1px solid var(--nx-border, #e5e7eb);
}
.nexab-pc__main-img { width: 100%; height: 100%; object-fit: contain; display: block; transition: opacity .2s; }
.nexab-pc__placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: var(--nx-border, #e5e7eb); }
.nexab-pc__thumbs { display: flex; gap: .5rem; flex-wrap: wrap; }
.nexab-pc__thumb {
    width: 68px; height: 68px;
    border-radius: var(--nx-radius-sm, 6px);
    overflow: hidden;
    cursor: pointer;
    border: 2px solid var(--nx-border, #e5e7eb);
    transition: border-color .15s;
    background: var(--nx-surface, #f4f7f6);
    flex-shrink: 0;
}
.nexab-pc__thumb.is-active,
.nexab-pc__thumb:hover { border-color: var(--nx-accent, #0d9488); }
.nexab-pc__thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* ── Info panel ──────────────────────────────────────────────────────── */
.nexab-pc__info { flex: 1; min-width: 0; }
.nexab-pc__name {
    font-size: clamp(1.4rem, 2.5vw, 1.875rem);
    font-weight: 800;
    color: var(--nx-heading, #10243d);
    margin: 0 0 .875rem;
    line-height: 1.25;
    letter-spacing: -.02em;
}
.nexab-pc__price-wrap { margin-bottom: 1.25rem; }
.nexab-pc__price-from { font-size: .875rem; color: var(--nx-muted, #6b7280); margin-right: .25rem; }
.nexab-pc__price-val {
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -.04em;
    color: var(--nx-accent, #0d9488);
}
.nexab-pc__no-price { color: var(--nx-muted, #6b7280); font-size: .9rem; }

/* ── Offer props ─────────────────────────────────────────────────────── */
.nexab-pc__offers { margin-bottom: 1.25rem; }
.nexab-pc__prop { margin-bottom: .875rem; }
.nexab-pc__prop-label {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--nx-muted, #6b7280);
    margin-bottom: .5rem;
}
.nexab-pc__prop-selected {
    font-size: .8125rem;
    color: var(--nx-heading, #10243d);
    margin-left: .5rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}
.nexab-pc__prop-values { display: flex; gap: .375rem; flex-wrap: wrap; }
.nexab-pc__prop-btn {
    padding: .375rem .875rem;
    border: 1.5px solid var(--nx-border, #e5e7eb);
    border-radius: var(--nx-radius-sm, 6px);
    background: var(--nx-bg, #fff);
    font-size: .875rem;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
    font-family: inherit;
    color: var(--nx-text, #5a6577);
}
.nexab-pc__prop-btn:hover { border-color: var(--nx-accent, #0d9488); color: var(--nx-accent, #0d9488); }
.nexab-pc__prop-btn.is-active { background: var(--nx-accent, #0d9488); border-color: var(--nx-accent, #0d9488); color: #fff; }
.nexab-pc__prop-btn.is-unavailable { opacity: .35; cursor: not-allowed; }
.nexab-pc__no-offers { color: var(--nx-muted, #6b7280); font-size: .85rem; margin-bottom: 1rem; }

/* ── Buy form ────────────────────────────────────────────────────────── */
.nexab-pc__buy-form { margin: 0; }
.nexab-pc__buy {
    display: flex;
    gap: .625rem;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.nexab-pc__qty {
    width: 68px;
    padding: .625rem .5rem;
    border: 1.5px solid var(--nx-border, #e5e7eb);
    border-radius: var(--nx-radius-sm, 6px);
    font-size: 1rem;
    text-align: center;
    color: var(--nx-heading, #10243d);
    font-family: inherit;
}
.nexab-pc__buy-btn {
    padding: .75rem 2rem;
    background: var(--nx-accent, #0d9488);
    color: #fff;
    border: none;
    border-radius: var(--nx-radius-sm, 6px);
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .15s, transform .15s;
    font-family: inherit;
    letter-spacing: .01em;
}
.nexab-pc__buy-btn:hover { opacity: .88; transform: translateY(-1px); }
.nexab-pc__buy-btn:disabled { opacity: .45; cursor: not-allowed; transform: none; }

/* ── Description ─────────────────────────────────────────────────────── */
.nexab-pc__desc {
    font-size: .9375rem;
    line-height: 1.7;
    color: var(--nx-text, #5a6577);
    border-top: 1px solid var(--nx-border, #e5e7eb);
    padding-top: 1.25rem;
}
.nexab-pc__desc p { margin: 0 0 .75rem; }
.nexab-pc__not-found { color: var(--nx-muted, #6b7280); padding: 20px 0; }

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .nexab-pc { flex-direction: column; gap: 1.5rem; }
    .nexab-pc__gallery { flex: none; max-width: 100%; width: 100%; }
    .nexab-pc__name { font-size: 1.375rem; }
    .nexab-pc__price-val { font-size: 1.5rem; }
}