/* Start:/local/templates/auto-motors/components/bitrix/catalog.item/main/style.css?17893177893785*/
.product__gallery {
    position: relative;
}

.product__norma-upakovki {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 15;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
    color: #333;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.product__norma-upakovki .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__norma-upakovki svg {
    width: 14px;
    height: 14px;
    stroke: #333;
}

.product__price-from-qty {
    --tip-bg: color-mix(in srgb, #0b1f33 92%, #5b7fff);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    color: rgba(0, 26, 52, 0.72);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    margin-top: 2px;
    margin-bottom: 4px;
}

.product:has(.product__price-from-qty-hint:hover),
.product:has(.product__price-from-qty-hint:focus-visible),
.product:has(.product__price-from-qty-hint:focus-within) {
    overflow: visible;
}

.product__price-from-qty-text {
    min-width: 0;
}

.product__price-from-qty-hint {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: rgba(0, 26, 52, 0.45);
    cursor: help;
    transition: color .2s ease, transform .2s ease;
}

.product__price-from-qty-hint svg {
    display: block;
    width: 14px;
    height: 14px;
}

.product__price-from-qty-hint:hover,
.product__price-from-qty-hint:focus-visible {
    color: #5b7fff;
    transform: translateY(-0.5px);
    outline: none;
}

.product__price-from-qty-tip {
    position: absolute;
    right: -4px;
    bottom: calc(100% + 10px);
    z-index: 40;
    width: min(240px, 70vw);
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--tip-bg, rgba(11, 31, 51, 0.94));
    color: #fff;
    font-size: 12px;
    font-weight: 450;
    line-height: 1.45;
    letter-spacing: 0.01em;
    text-align: left;
    white-space: normal;
    box-shadow:
        0 10px 30px rgba(11, 31, 51, 0.18),
        0 2px 8px rgba(11, 31, 51, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px) scale(0.98);
    transform-origin: bottom right;
    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility 0s linear .18s;
}

.product__price-from-qty-tip::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 100%;
    border: 6px solid transparent;
    border-top-color: var(--tip-bg, rgba(11, 31, 51, 0.94));
}

.product__price-from-qty-hint:hover .product__price-from-qty-tip,
.product__price-from-qty-hint:focus-visible .product__price-from-qty-tip,
.product__price-from-qty-hint:focus-within .product__price-from-qty-tip {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility 0s;
}

@media (hover: none) {
    .product__price-from-qty-hint:focus-visible .product__price-from-qty-tip,
    .product__price-from-qty-hint:focus-within .product__price-from-qty-tip {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }
}

/* End */
/* /local/templates/auto-motors/components/bitrix/catalog.item/main/style.css?17893177893785 */