/* ===============================
   Single Product
   =============================== */

.product-page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
    margin-top: 20px; /* подняли вверх */
}


@media (max-width: 900px) {
    .product-page {
        grid-template-columns: 1fr;
    }
}

/* Gallery */
.product-gallery {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.product-mainimg {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,0.08);
}

.product-mainimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-thumbs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.product-thumbs a {
    width: 85px;
    height: 85px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255,255,255,0.05);
    transition: 0.25s;
}

.product-thumbs a:hover {
    background: rgba(255,255,255,0.15);
}

.product-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Summary */
.product-summary {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.product-summary h1 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #ffbe63;
}

.product-summary .price {
    font-size: 25px;
    color: #ffbe63;
    font-weight: 600;
}

/* Add to Cart */
.svs-product-addtocart {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.svs-product-addtocart .single_add_to_cart_button {
    padding: 14px 30px;
    background: rgba(255,190,99,0.18);
    border: 1px solid rgba(255,190,99,0.35);
    color: #ffbe63;
    border-radius: 10px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.25s;
    margin-top: 12px;
}

.svs-product-addtocart .single_add_to_cart_button:hover {
    background: rgba(255,190,99,0.28);
    border-color: rgba(255,190,99,0.55);
}

.svs-product-addtocart .quantity input {
    width: 70px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.06);
    color: #fff;
    text-align: center;
}

/* ACF Features */
.product-features {
    margin-top: 10px;
    padding: 18px 22px;
    border-radius: 14px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
}

.product-features h3 {
    font-size: 20px;
    color: #ffbe63;
    margin-bottom: 12px;
}

.product-features ul {
    margin: 0;
    padding-left: 20px;
    line-height: 1.6;
    opacity: 0.9;
}

/* Tabs — кастомные SviSound */
.product-tabs {
    margin-top: 0px;
    background: rgba(255,255,255,0.05);
    border-radius: 14px;
    padding: 10px 20px;
}

/* Навигация вкладок */
.product-tabs .tabs-nav {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.product-tabs .tabs-nav li {
    padding: 8px 14px;
    cursor: pointer;
    color: rgba(255,255,255,0.8);
    border-bottom: 2px solid transparent;
    text-transform: lowercase;
    font-size: 0.95rem;
    transition: 0.2s;
}

.product-tabs .tabs-nav li.active {
    color: #ffbe63;
    border-bottom-color: #ffbe63;
}

/* Контент табов */
.product-tabs .tabs-content {
    color: rgba(255,255,255,0.9);
    line-height: 1.6;
    font-size: 16px;
}

/* Показывать только активную панель */
.product-tabs .tab-pane {
    display: none;
}

.product-tabs .tab-pane.active {
    display: block;
}

/* Видео */
/* Desktop: 2×2 */
.product-tabs .tab-pane#video .product-videos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

/* 16:9 */
.product-tabs .tab-pane#video .video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

.product-tabs .tab-pane#video .video-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Mobile: 1×4 */
@media (max-width: 768px) {
    .product-tabs .tab-pane#video .product-videos {
        grid-template-columns: 1fr;
    }
}


/* Ряд с кнопками "Ask / Testimonials /
.svs-desc-qa-row {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.svs-desc-qa-row .svs-tag {
    font-size: 0.85rem;
}

/* Адаптив под мобилки */
@media (max-width: 600px) {
    .product-tabs {
        padding: 18px 16px;
    }

    .product-tabs .tabs-nav {
        flex-wrap: wrap;
        gap: 10px;
    }
}



/* Reviews — ultra compact */

/* убираем заголовок Woo вообще */
#reviews #comments h2,
#reviews h2 {
    display: none;
}

/* убираем лишний отступ сверху */
#reviews #comments {
    margin-top: 0;
}

/* Каждый комментарий = одна компактная строка */
.commentlist .comment {
    background: none;
    border: none;
    padding: 6px 0;
    margin-bottom: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Автор, дата и звёзды — в одну строку */
.comment-author {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

/* Убрать аватар полностью */
.comment-author img {
    display: none;
}

/* мета автора и дата */
.comment-meta {
    font-size: 13px;
    opacity: 0.8;
    margin: 0;
    padding: 0;
}

/* тело комментария — минимум отступов */
.comment-content {
    margin: 0;
    padding: 0;
    line-height: 1.3;
    font-size: 14px;
}

/* форма комментариев — делаем плотнее */
#review_form_wrapper {
    margin-top: 10px;
}

#review_form label {
    margin-bottom: 4px;
    font-size: 14px;
}

/* поля формы — уплотняем */
#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
    margin-bottom: 8px;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 6px;
}

/* убираем лишние отступы под textarea */
#review_form textarea {
    min-height: 80px;
}

/* строка "There are no reviews yet." — делаем компактной */
#reviews p {
    margin: 0 0 8px 0;
    font-size: 14px;
}

/* звёздочки рейтинга — чуть ближе */
p.stars {
    margin: 0 0 6px 0;
}

/* =======================================
   Small Steel Tags for product page
   ======================================= */


/* Make all links in tabs use the steel-tag style */
/* Only style steel-tag buttons, NOT all links */
.product-tabs .tabs-content a.svs-steel-tag {
    margin-right: 6px;
    margin-bottom: 6px;
}

/* Offset for YouTube button under video grid */
.product-tabs .tab-pane#video > a {
    margin-top: 20px;
}
/* ============================================
   COMPACT TESTIMONIAL ROWS — FULL CLICKABLE
   ============================================ */

/* более специфично, чем steel-кнопки */
.product-tabs .tabs-content .svs-review-row a {
    all: unset;
    display: block;

    padding: 4px 0 5px;
    margin: 0;

    font-size: 14px;
    line-height: 1.25;
    color: #fff;

    text-decoration: none;
    cursor: pointer;

    border-bottom: 1px solid rgba(255,255,255,0.08);

    transition: color .15s ease;
}

/* убрать линию у последнего */
.product-tabs .tabs-content .svs-review-row:last-child a {
    border-bottom: none;
}

/* спокойный медный hover, как у ссылок */
.product-tabs .tabs-content .svs-review-row a:hover {
    color: #c47c36; /* тёмная медь */
}

/* автор снова белый, жирный */
.product-tabs .tabs-content .svs-review-row strong {
    color: #fff;
    font-weight: 600;
}
/* Скрываем количество только на single product */
.svs-hide-qty {
    display: none ;
}
/* Убираем Clear variations */
.woocommerce .reset_variations {
    display: none !important;
}
/* ===== WVS variation buttons — FINAL FIX ===== */

/* Базовая кнопка */
.variations .variable-item {
    position: relative;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

/* ПОЛНОСТЬЮ убираем фон плагина */
.variations .variable-item::before,
.variations .variable-item::after {
    content: none !important;
}

/* Наш фон — через contents */
.variations .variable-item .variable-item-contents {
    background: rgba(0,0,0,0.35);
    padding: 9px 16px;
    transition: all 0.2s ease;
}

/* Текст */
.variations .variable-item .variable-item-span {
    color: #ddd;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}

/* Hover */
.variations .variable-item:hover {
    border-color: #ffbe63;
}

.variations .variable-item:hover .variable-item-contents {
    background: rgba(255,190,99,0.12);
}

.variations .variable-item:hover .variable-item-span {
    color: #fff;
}

/* ВЫБРАННАЯ */
.variations .variable-item.selected {
    border-color: #ffbe63;
}

.variations .variable-item.selected .variable-item-contents {
    background: rgba(255,190,99,0.25);
}

.variations .variable-item.selected .variable-item-span {
    color: #ffbe63;
    font-weight: 600;
}
.svs-product-text {
  font-size: 0.95rem;
  line-height: 1.35;
}

.svs-product-text p {
  margin-bottom: 0.8em;
}

.svs-product-text h3 {
  margin: 1.1em 0 0.4em;
  font-size: 1.05rem;
}

.svs-product-text ul {
  margin: 0 0 0.8em 1.1em;
  padding: 0;
}

.svs-product-text li {
  margin-bottom: 0.35em;
}

.svs-product-text .svs-lead {
  line-height: 1.3;
}

.svs-product-text .svs-usage li {
  margin-bottom: 0.25em;
}