/* Start:/bitrix/templates/gvozdevsoft_zavodgs_s1/components/bitrix/news.detail/catalog/style.css?177938240913429*/
/* ==========================================================================
   ОБЩИЙ КОНТЕЙНЕР ШОУРУМА
   ========================================================================== */
#digital-showroom { background-color: #ffffff; color: #222222; padding: 30px; border-radius: 20px; border: 1px solid #e0e0e0; overflow: hidden; }
.showroom-top-wrapper { margin-bottom: 30px; }
#digital-showroom .row { display: flex; flex-wrap: wrap; margin: 0 -15px; }

.showroom-title { font-size: 28px; font-weight: bold; color: #111; margin-bottom: 15px; line-height: 1.3; display: block !important; margin-left: 0; padding-left: 0; }

/* ==========================================================================
   ГАЛЕРЕЯ
   ========================================================================== */
.showroom-gallery { display: flex; gap: 20px; }
.showroom-thumbnails { display: flex; flex-direction: column; gap: 12px; width: 80px; }
.showroom-thumb-item { background: #fff; border-radius: 8px; padding: 3px; border: 2px solid #f0f0f0; cursor: pointer; transition: 0.3s; }
.showroom-thumb-item.active { border-color: #6D399A; box-shadow: 0 0 10px rgba(109, 57, 154, 0.2); }
.showroom-main-box { flex: 1; background: #ffffff; border-radius: 20px; padding: 20px; display: flex; align-items: center; justify-content: center; min-height: 400px; border: 1px solid #f0f0f0; }
.showroom-img { max-width: 100%; max-height: 450px; object-fit: contain; }

/* ==========================================================================
   ИНФО-КАРТОЧКА
   ========================================================================== */
.showroom-info-card { padding-left: 0; }
.showroom-art { margin-bottom: 20px; margin-left: 0; padding-left: 0; }
.showroom-art .art-number { font-size: 20px; font-weight: 700; color: #6D399A; display: inline-block; }

.showroom-status-box { float: right; margin-top: 5px; font-weight: 700; font-size: 14px; }
.showroom-art::after { content: ""; display: table; clear: both; } /* Clearfix для статуса */
.status-green { color: #27ae60; } .status-red { color: #e74c3c; } .status-orange { color: #f39c12; } .status-blue { color: #3498db; }

.showroom-current-price { font-size: 24px; font-weight: bold; margin-bottom: 30px; margin-left: 0; padding-left: 0; color: #111; }
.curr-symbol { color: #6D399A; margin-left: 10px; }

.showroom-purchase-row { margin-left: 0; padding-left: 0; margin-bottom: 20px; margin-top: -20px; }

/* КНОПКИ */
.showroom-neon-btn:hover, .showroom-neon-btn.added-success { background: #6D399A !important; color: #fff !important; box-shadow: 0 5px 15px rgba(109, 57, 154, 0.3); }
.showroom-neon-btn { border: 2px solid #6D399A !important; padding: 10px 50px !important; border-radius: 30px !important; font-weight: bold; letter-spacing: 1px; transition: 0.3s; cursor: pointer; display: flex; align-items: center; justify-content: center; min-width: 150px; }

/* ==========================================================================
   ВЫБОР ХАРАКТЕРИСТИК (Диаметры, Камни, Режимы)
   ========================================================================== */
.attribute-label { font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #444; margin-bottom: 15px; }

.diameter-selector-wrapper { margin-top: 30px; margin-bottom: 30px; }
.diameter-tags-box { display: flex; gap: 8px; flex-wrap: wrap; }
.diameter-tag { padding: 8px 15px; border-radius: 4px; font-weight: bold; transition: 0.2s; }
.diameter-tag.active { background: #6D399A; color: #fff; border: 1px solid #6D399A; }
.diameter-tag.link { background: #fff; color: #333; border: 1px solid #ccc; text-decoration: none; }
.diameter-tag.link:hover { border-color: #6D399A; color: #6D399A; }

.stone-icons-wrapper, .work-mode-icons-wrapper { margin-top: 30px; margin-bottom: 25px; }
.icons-flex-box { display: flex; gap: 10px; flex-wrap: wrap; }

.stone-icon-item { width: 45px; height: 45px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; border-radius: 4px; }
.stone-icon-item img { max-width: 90%; max-height: 90%; object-fit: contain; }

.work-mode-item { width: 45px; height: 45px; border: 2px solid #6D399A; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: #fff; cursor: help; transition: 0.3s; }
.work-mode-item:hover { background-color: #f9f5ff; transform: scale(1.05); }
.work-mode-item img { max-width: 85%; max-height: 85%; object-fit: contain; }

/* ==========================================================================
   АНОНС
   ========================================================================== */
.showroom-short-desc { margin-top: 25px; padding-left: 0; border-top: 1px solid #f0f0f0; padding-top: 15px; clear: both; display: block; float: none; }
.short-desc-content { display: block !important; -webkit-line-clamp: unset !important; max-height: none !important; overflow: visible !important; height: auto !important; line-height: 1.5; margin-bottom: 15px; clear: both; }

.more-link-btn { display: inline-block; margin-top: 5px; margin-bottom: 15px; color: #6D399A; font-weight: 700; cursor: pointer; text-decoration: none; font-size: 14px; }
.more-link-btn:hover { text-decoration: underline; }
.more-link-btn i { margin-left: 5px; transition: transform 0.3s; }

/* ==========================================================================
   ДОСТУПНЫЕ ВАРИАНТЫ (СТРОКИ С ТОВАРАМИ)
   ========================================================================== */
.showroom-linked-top { clear: both; width: 100%; display: block; margin-top: 20px; }
.showroom-section-title { font-size: 20px; font-weight: bold; margin: 30px 0 15px; color: #111; padding-left: 0 !important; margin-left: 0 !important; text-align: left !important; }

.linked-row-premium { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; background: #ffffff; padding: 15px !important; margin-bottom: 10px !important; border-radius: 12px !important; border: 1px solid #e1e1e1 !important; transition: 0.3s; gap: 15px; }
.linked-row-premium:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.04); border-color: #6D399A !important; }

.l-main-link { display: flex !important; align-items: center !important; text-decoration: none !important; flex: 1 1 auto !important; min-width: 250px !important; margin-right: 15px !important; }
.l-img-small { width: 60px !important; height: 60px !important; object-fit: contain !important; border-radius: 6px; flex-shrink: 0 !important; margin-right: 15px; }
.l-text-content { display: flex; flex-direction: column; }
.l-title { display: block; color: #333; font-size: 14px !important; font-weight: bold; line-height: 1.2 !important; }
.l-article { display: block; color: #888; font-size: 12px; margin-top: 4px; }

.l-controls { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 20px !important; flex-wrap: nowrap !important; }
.l-price-val { font-weight: 700 !important; font-size: 18px !important; color: #1a1a1a; white-space: nowrap !important; }
.l-buy-wrap { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; }

/* УПРАВЛЕНИЕ КОЛИЧЕСТВОМ */
.l-qty-box { display: flex !important; align-items: center; border: 1px solid #ccc !important; border-radius: 4px; overflow: hidden; height: 32px; background: #fff !important; }
.main-qty-fix { width: 130px; margin-right: 20px; height: 55px; border-radius: 30px; border-color: #6D399A !important; background: #f9f9f9 !important; } 
.l-q-btn { width: 25px; height: 100%; background: #f0f0f0 !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: #333 !important; font-weight: bold; padding: 5px 10px; }
.main-qty-fix .l-q-btn { width: 48px; font-size: 20px; background: transparent !important; padding: 0; }
.l-qty-input { width: 35px !important; background: transparent !important; border: none !important; color: #111 !important; text-align: center !important; font-size: 14px !important; font-weight: bold !important; padding: 0 !important; }
.main-qty-fix .l-qty-input { width: 34px !important; font-size: 18px !important; }

.l-plus-btn { min-width: 130px; height: auto; padding: 8px 15px; background: #6D399A !important; color: #fff !important; border: none !important; cursor: pointer; transition: 0.2s ease; display: flex !important; align-items: center; justify-content: center; border-radius: 40px !important; font-size: 15px; white-space: nowrap; flex-shrink: 0; margin: 0 !important; }
.l-plus-btn:hover { background: #5a2e80 !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(109, 57, 154, 0.4); opacity: 0.9; }

/* ==========================================================================
   ТАБЫ И ХАРАКТЕРИСТИКИ
   ========================================================================== */
.showroom-tabs-container { clear: both; display: block; margin-top: 40px !important; }
.showroom-tabs-list { display: flex; gap: 40px; border-bottom: 1px solid #e0e0e0; list-style: none; padding: 0; margin-bottom: 30px; }
.showroom-tabs-list li { padding-bottom: 15px; cursor: pointer; color: #999; font-weight: bold; transition: 0.3s; }
.showroom-tabs-list li.active { color: #222; border-bottom: 3px solid #6D399A; }

.showroom-tabs-body { min-height: 400px; position: relative; }
.showroom-tab-panel { display: none; }
.showroom-tab-panel.active { display: block; animation: fadeIn 0.3s ease-in-out; }

.showroom-specs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.spec-card { background: #f9f9f9; padding: 20px; border-radius: 18px; border: 1px solid #eeeeee; transition: 0.3s; }
.spec-card:hover { border-color: #6D399A; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.spec-label { color: #6D399A; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.spec-value { color: #111; font-size: 17px; }
/* ==========================================================================
   АДАПТАЦИЯ ПОД МОБИЛЬНЫЕ
   ========================================================================== */
@media (max-width: 768px) {
    #digital-showroom { padding: 15px; }
    .showroom-title { font-size: 22px; }
    .showroom-gallery { flex-direction: column-reverse; }
    .showroom-thumbnails { flex-direction: row; width: 100%; overflow-x: auto; padding-bottom: 10px; }
    .showroom-main-box { min-height: 250px; padding: 10px; }
    .showroom-info-card { padding-left: 0; margin-top: 20px; }
    
    /* 1. КОРЗИНА СВЕРХУ (Главный блок товара) */
    .catalog-cart-input-detail {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Запрещаем перенос */
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .main-qty-fix {
        flex-shrink: 0 !important;
        margin-right: 0 !important; /* Сбрасываем ПК отступ в 20px */
        width: 110px !important; /* Немного сужаем счетчик, чтобы кнопке было свободнее */
    }
    .main-qty-fix .l-q-btn {
        width: 35px !important; /* Сужаем кнопки плюс и минус на телефонах */
    }
    .cr-buy-btn {
        flex-grow: 1 !important; /* Кнопка занимает все свободное место */
        width: auto !important;
        padding: 10px 15px !important; /* Убираем гигантский ПК-отступ 50px, чтобы текст влезал */
    }

    /* 2. КОРЗИНА СНИЗУ (Блок "Доступные варианты") */
    .linked-row-premium { flex-direction: column !important; align-items: stretch !important; gap: 15px; }
    .l-main-link { flex-direction: column; text-align: center; margin-right: 0 !important; }
    .l-img-small { margin-bottom: 10px; margin-right: 0; }
    .l-text-content { margin-left: 0; }
    .l-title { white-space: normal; } 
    
    .l-controls { flex-direction: column; width: 100%; border-top: 1px solid #eee; padding-top: 15px; gap: 15px !important; }
    
    /* Выстраиваем нижний счетчик и кнопку в один ряд */
    .l-buy-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 10px !important;
    }
    .l-qty-box {
        flex-shrink: 0 !important; /* Не даем счетчику сжиматься */
    }
    .l-plus-btn {
        flex-grow: 1 !important; /* Кнопка "В корзину" растягивается */
        width: auto !important;
    }
    
    /* ТАБЫ */
    .showroom-tabs-list { flex-direction: column; gap: 0; border-bottom: none; }
    .showroom-tabs-list li { border-bottom: 1px solid #e0e0e0; padding: 15px 10px; text-align: center; }
    .showroom-tabs-list li.active { border-bottom: 2px solid #6D399A; background: #fafafa; }
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17755878902530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */
/* /bitrix/templates/gvozdevsoft_zavodgs_s1/components/bitrix/news.detail/catalog/style.css?177938240913429 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17755878902530 */