@charset "utf-8";.main_slider_bg.postament {background-color: #5c5c5c !important;}.features-top-bar {background: #ffffff;border: 1px solid #eae5de;border-radius: 8px;padding: 20px 15px;margin-bottom: 25px;}.feature-item {display: flex;align-items: flex-start;gap: 15px;}.feature-icon {color: #d4933d;font-size: 32px;min-width: 40px;text-align: center;line-height: 1;}.feature-text h4 {margin: 0 0 5px 0;font-size: 17px;color: #222;}.feature-text p {margin: 0;font-size: 13px;color: #666;line-height: 1.4;}/* Filter Bar */.filter-bar {background: #ffffff;border: 1px solid #eae5de;border-radius: 8px;padding: 15px 20px;margin-bottom: 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px;}.filter-buttons {display: flex;flex-wrap: wrap;gap: 8px;align-items: center;}.btn-filter {background: #f5f0e8;border: 1px solid #e0d7cb;color: #444;padding: 8px 16px;border-radius: 6px;font-size: 13px;font-weight: 500;background-color: #f5f0e8;}.btn-filter.active, .btn-filter:hover {background: #e29c3e;border-color: #d4933d;color: #fff;}.btn-filter.active i{font-weight: 600;font-size: 16px;margin-right: 10px;}.btn-dropdown {background: #ffffff;border: 1px solid #ddd;color: #333;padding: 8px 14px;border-radius: 6px;font-size: 13px;display: inline-flex;align-items: center;justify-content: space-between;min-width: 150px;}.view-toggle {display: flex;gap: 4px;}.btn-view {background: #ffffff;border: 1px solid #ddd;color: #666;padding: 7px 10px;border-radius: 4px;font-size: 14px;}.btn-view.active {background: #e29c3e;border-color: #d4933d;color: #fff;}/* Granite Card */.granite-card {background: #ffffff;border: 1px solid #eae5de;border-radius: 8px;overflow: hidden;margin-bottom: 30px;transition: box-shadow 0.2s ease;}.granite-card:hover {box-shadow: 0 6px 16px rgba(0,0,0,0.06);}.granite-img-wrap {position: relative;height: 210px;overflow: hidden;}.granite-img-wrap img {width: 100%;height: 100%;object-fit: cover;}.granite-content {    background: whitesmoke;padding: 20px;}.granite-title {font-size: 18px;color: #111;margin: 0 0 8px 0;}.granite-origin {font-size: 12px;color: #d4933d;margin-bottom: 12px;font-weight: 500;}.granite-origin i {margin-right: 4px;}.granite-desc {font-size: 14px;color: #666;line-height: 1.5;margin-bottom: 20px;min-height: 58px;}.granite-link {font-size: 13px;font-weight: 600;color: #e29c3e;text-decoration: none;display: inline-flex;align-items: center;gap: 5px;}.granite-link:hover {color: #c07d24;text-decoration: none;}/* Load More Button */.load-more-wrap {text-align: center;margin: 20px 0 40px 0;}.btn-load-more {background: #ffffff;border: 1px solid #e0d7cb;color: #444;padding: 12px 30px;border-radius: 6px;font-size: 14px;font-weight: 500;display: inline-flex;align-items: center;gap: 10px;}.btn-load-more:hover {border-color: #d4933d;color: #d4933d;}/* Bottom Help Section */.help-bottom-section {background: #ffffff;border: 1px solid #eae5de;border-radius: 8px;padding: 30px 20px;margin-bottom: 50px;}.help-main-block {border-right: 1px solid #eee;padding-right: 20px;}.help-icon-title {display: flex;align-items: flex-start;gap: 15px;margin-bottom: 15px;}.help-icon-title i.fa-file-text-o {font-size: 40px;color: #d4933d;}.help-icon-title h3 {margin: 0 0 5px 0;font-size: 18px;color: #111;}.help-icon-title p {margin: 0;font-size: 13px;color: #666;line-height: 1.4;}.btn-consult {background: #e29c3e;color: #fff;border: none;padding: 10px 20px;border-radius: 6px;font-size: 13px;font-weight: 600;}.btn-consult:hover {background: #d08a2d;color: #fff;}.help-feature-col {padding: 0 15px;}.help-col-item {display: flex;gap: 12px;align-items: flex-start;}.help-col-item i {font-size: 24px;color: #d4933d;min-width: 28px;}.help-col-item h5 {margin: 0 0 4px 0;font-size: 15px;color: #222;}.help-col-item p {margin: 0;font-size: 13px;color: #666;line-height: 1.35;}@media (max-width: 991px) {.help-main-block {border-right: none;border-bottom: 1px solid #eee;padding-right: 0;padding-bottom: 25px;margin-bottom: 25px;}}/* Product Detail Main Block */.product-detail-box {background: #ffffff;border: 1px solid #eae5de;border-radius: 8px;padding: 10px;margin-bottom: 30px;}.product-img-large {position: relative;border-radius: 6px;overflow: hidden;border: 1px solid #eae5de;height: 380px;}.product-img-large img {width: 100%;height: 100%;object-fit: cover;}.product-title {font-size: 26px;color: #111;margin-top: 0;margin-bottom: 10px;}.product-origin {font-size: 14px;color: #d4933d;margin-bottom: 20px;font-weight: 500;}.product-origin i {margin-right: 6px;}.product-specs {background: #fdfbf7;border: 1px solid #f0e9df;border-radius: 6px;padding: 15px 20px;margin-bottom: 20px;}.spec-row {display: flex;justify-content: space-between;padding: 8px 0;border-bottom: 1px solid #eae5de;font-size: 13px;}.spec-row:last-child {border-bottom: none;}.spec-label {color: #666;}.spec-value {padding-left: 10px;    text-align: right;font-weight: 600;color: #222;}.product-desc {font-size: 14px;color: #555;line-height: 1.6;margin-bottom: 25px;}/* Основний контейнер опису */.product-descdetail {font-size: 13.5px;color: #555;line-height: 1.6;margin-bottom: 20px;}/* Стилізація списків усередині .product-descdetail */.product-descdetail ul {margin: 15px 0;padding-left: 20px;list-style-type: none; /* Прибираємо стандартні маркери */}/* Елементи списку */.product-descdetail ul li {position: relative;margin-bottom: 10px;padding-left: 5px;}/* Кастомні акуратні маркери у фірмовому помаранчевому стилі */.product-descdetail ul li::before {content: "■"; /* Можна змінити на "•", якщо хочете крапочки */position: absolute;left: -15px;color: #d4933d; /* Фірмовий колір з макету */font-size: 10px;top: 3px;}/* Виділення жирним текстом на початку пунктів (якщо використовується) */.product-descdetail ul li strong,.product-descdetail ul li b {color: #222;font-weight: 600;}/* Абзаци всередині контейнера */.product-descdetail p {margin-bottom: 12px;}.product-actions {justify-content: center;display: flex;gap: 15px;align-items: center;flex-wrap: wrap;margin: 15px 0}.btn-order {background: #e29c3e;color: #fff;border: none;padding: 12px 25px;border-radius: 6px;font-size: 14px;font-weight: 600;transition: background 0.2s;}.btn-order:hover {background: #d08a2d;color: #fff;}.btn-samples {background: #ffffff;border: 1px solid #e0d7cb;color: #444;padding: 12px 25px;border-radius: 6px;font-size: 14px;font-weight: 500;}.btn-samples:hover {border-color: #d4933d;color: #d4933d;}
/* Stylesheet: page_premium_granit Modified On 2026-08-28 16:07:15 */