/*
 * Стили страницы товара (good.php).
 *
 * Раньше эти правила выводились тегами <style> внутри <body>, из-за чего
 * валидатор W3C ругался: «Element "style" not allowed as child of element
 * "div"/"body" in this context». Метаданные <style> допустимы только в <head>,
 * поэтому правила вынесены в отдельный файл и подключаются из includes/head.php.
 */

/* Курсор-подсказка над ценой: только витрина quadromoto.by (body.site-by). */
.site-by .good__prices {
	cursor: help;
}

#good-swiper-horizontal .goods__item_img {
    cursor: zoom-in;
}

.lightbox-nav:hover {
    background: rgba(0, 0, 0, 0.8) !important;
    opacity: 1 !important;
}

.lightbox-close:hover {
    background: rgba(0, 0, 0, 0.8) !important;
    opacity: 1 !important;
}

.lightbox-drag-dot:hover {
    background: white !important;
    transform: scale(1.3) !important;
}

@media (max-width: 768px) {
    .lightbox-nav {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
    
    .lightbox-nav.prev {
        left: 10px !important;
    }
    
    .lightbox-nav.next {
        right: 10px !important;
    }
    
    .lightbox-close {
        top: 10px !important;
        right: 10px !important;
        width: 35px !important;
        height: 35px !important;
    }
    
    .lightbox-counter {
        font-size: 14px !important;
        bottom: 50px !important;
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.lightbox {
    animation: fadeIn 0.3s ease;
}

.lightbox-slide img {
    transition: transform 0.3s ease;
}

.lightbox-slides-container.dragging {
    cursor: grabbing;
}

/*
 * У ютуб-плееров в описании товара из <iframe> убран устаревший frameborder="0"
 * (см. good.php) — рамку теперь снимает CSS, как и рекомендует спецификация.
 */
.product__tabs_text iframe {
	border: 0;
}
