/* ==== Critical CSS для product/top.html ==== */
/* Предотвращает FOUC (огромные элементы до загрузки inline-стилей) */

/* Размеры SVG-иконок в бейджах */
.product-badge-verified,
.product-badge-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Логотип бренда */
.product__top-brand-logo {
    display: block;
    max-height: 24px;
    max-width: 120px;
    width: auto;
    object-fit: contain;
    border-radius: 4px;
}
a.product__top-brand-link {
    text-decoration: none;
}
.product__top-brand {
    position: relative;
}
.product__top-brand-link_logo {
    position: relative;
    display: inline-block;
}
.product__top-brand-tooltip {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(30,30,30,0.85);
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    padding: 4px 8px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s;
    z-index: 20;
}
.product__top-brand-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: rgba(30,30,30,0.85);
}
.product__top-brand:hover .product__top-brand-tooltip,
.product__top-brand-link_logo:hover .product__top-brand-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Layout трёх колонок в шапке товара */
.product__top {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px 14px;
}
.product__top-item_brand-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.product__top-item_badges {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    padding-left: 25%;
    pointer-events: none;
}
.product__top-item_badges > * {
    pointer-events: auto;
}
.product__top-item_right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

/* Бейджи */
.product__top-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: inherit;
    color: #4A90D9;
    text-decoration: none;
}

/* Кнопка копирования ссылки */
.product__copy-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #8b8b8b;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
}
.product__copy-link-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Share dropdown — скрыт до загрузки JS */
.product__top-share-drop {
    display: none;
}

/* Модалки скрыты по умолчанию */
.custom-modal,
.custom-modal-overlay,
.custom-modal-overlay-2 {
    display: none;
}