/* ==========================================================================
   CUSTOM-PRODUCT.CSS
   Правки карточки товара Bitronic2.
   Ограничены селектором .product-page — другие страницы не затрагиваются.
   Файл лежит в /local/, при обновлении шаблона не перезаписывается.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ПРЕИМУЩЕСТВА (.benefits) → 2×2 СЕТКА С SVG-ИКОНКАМИ
   -------------------------------------------------------------------------- */
.product-page .row.benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 24px;
    margin: 24px 0 0;
    padding: 24px 20px;
    background: #f9f9fc;
    border-radius: 12px;
}

@media (max-width: 600px) {
    .product-page .row.benefits {
        grid-template-columns: 1fr;
        padding: 16px;
    }
}

.product-page .row.benefits .benefit {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 12px;
    align-items: start;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.product-page .row.benefits .benefit .img-wrap {
    position: relative;
    width: 22px;
    height: 22px;
    background: none !important;
    border-radius: 0;
}

.product-page .row.benefits .benefit .img-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 6 иконок по порядку */
.product-page .row.benefits .benefit:nth-child(1) .img-wrap::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357bef5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/><circle cx='12' cy='13' r='4'/></svg>");
}
.product-page .row.benefits .benefit:nth-child(2) .img-wrap::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357bef5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/></svg>");
}
.product-page .row.benefits .benefit:nth-child(3) .img-wrap::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357bef5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>");
}
.product-page .row.benefits .benefit:nth-child(4) .img-wrap::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357bef5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/></svg>");
}
.product-page .row.benefits .benefit:nth-child(5) .img-wrap::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357bef5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='1' y='3' width='15' height='13' rx='2'/><polygon points='16 8 20 8 23 11 23 16 16 16 16 8'/><circle cx='5.5' cy='18.5' r='2.5'/><circle cx='18.5' cy='18.5' r='2.5'/></svg>");
}
.product-page .row.benefits .benefit:nth-child(6) .img-wrap::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357bef5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='16' y1='13' x2='8' y2='13'/><line x1='16' y1='17' x2='8' y2='17'/></svg>");
}

.product-page .row.benefits .benefit .content > div {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: #241d29;
    margin: 0 0 4px;
}

.product-page .row.benefits .benefit .content > p {
    font-size: 13px;
    line-height: 1.4;
    color: #6b6b6b;
    margin: 0;
}

@media (max-width: 600px) {
    .product-page .row.benefits .benefit .content > p {
        display: none;
    }
}

/* --------------------------------------------------------------------------
   2. СКРЫТЬ «ФОТО-МУХУ» В БЛОКЕ ПОКУПКИ
   -------------------------------------------------------------------------- */
.product-page .buy-block-content .product-main-photo {
    display: none;
}

/* --------------------------------------------------------------------------
   3. «ОПЦИИ: 0 ₽» — МЕЛКИЕ, СЕРЫЕ
   -------------------------------------------------------------------------- */
.product-page .additionals-price .price .value,
.product-page .additionals-price .price .b-rub {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.product-page .additionals-price .text {
    color: #888;
}
.product-page .row.benefits.hidden-xs {
    display: grid !important;
}