a {color: #de0000;}/* Sticky sidebar для десктопу */@media (min-width: 992px) {.sidebar {position: -webkit-sticky;position: sticky;top: 78px;}}/* Off-canvas для мобільних */@media (max-width: 991px) {#offcanvas {position: fixed;top: 0;left: -280px;width: 280px;height: 100%;background: #f9f9f9;z-index: 1050;overflow-y: auto;transition: left 0.3s ease;border-right: 1px solid #ddd;padding: 15px;}#offcanvas.active { left: 0; }#overlay {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.5);z-index: 1040;}#overlay.active { display: block; }#offcanvas .sort-box {position: -webkit-sticky;position: sticky;top: 0;background: #f9f9f9;padding-bottom: 10px;z-index: 1060;}#offcanvas .close-btn {font-size: 24px;cursor: pointer;margin-bottom: 10px;display: block;float: right;}/* Кнопка ПОКАЗАТИ товари для мобільних */#show-products {display: none;margin-top: 15px;}}/* Десктоп: в один ряд */@media (min-width: 768px) {.clear-filter-btn,.active-filters {float: left;}.active-filters {margin-left: 10px;}}/* Мобільні: у стовпчик */@media (max-width: 767px) {.clear-filter-btn {width: 100%;margin-bottom: 8px;}.active-filters {width: 100%;}}/* ===== Active filters pills ===== */.filters-toolbar {margin-top: 15px;padding: 10px 15px;border: 1px solid #ddd;border-radius: 4px;background: #fafafa;gap: 10px;display: none; /* за замовчуванням ховаємо */align-items: center;flex-wrap: wrap;}.filters-toolbar.has-filters {display: flex; /* показуємо лише коли є фільтри */}.active-filters {margin-top: 0px;}.active-filters .filter-pill {background: #c82d2d;padding: 8px 10px;margin: 4px;font-size: 14px;cursor: pointer;color: white;}.active-filters .filter-pill:hover{background: #e13535;}.active-filters .filter-pill .remove {margin-left: 5px;font-weight: bold;}#clear-filter{border-color: #c82d2d;}#clear-filter:hover{    color: #ffffff;background-color: #c82d2d;}.ajax-loader {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.8);z-index: 10;display: flex;flex-direction: column;align-items: center;justify-content: center;}.spinner {width: 48px;height: 48px;border: 5px solid #ddd;border-top: 5px solid #c82d2d;border-radius: 50%;animation: spin 0.8s linear infinite;}.loader-text {margin-top: 10px;font-size: 13px;color: #555;}.ajax-loading {pointer-events: none;opacity: 0.6;}@keyframes spin {to { transform: rotate(360deg); }}/* За замовчуванням — сховано */#active-filters-mobile,#clear-filter-mobile,.close-btn {display: none;}/* Приховуємо десктопні активні фільтри на мобільних */@media (max-width: 991px) {#active-filters {display: none !important;}}/* Показуємо ТІЛЬКИ на мобільних */@media (max-width: 767px) {#active-filters-mobile,#clear-filter-mobile,.close-btn {display: block;}}/* Десктоп */@media (min-width: 768px) {#clear-filter-mobile {display: none !important;}}/* Мобільні */@media (max-width: 767px) {#clear-filter {display: none !important;}}/* тільки для mobile canvas */@media (max-width: 767px) {#active-filters-mobile {display: block;max-width: 100%;overflow-x: hidden;white-space: normal;}#active-filters-mobile .filter-pill {max-width: 100%;margin: 3px 5px 3px 5px;word-break: break-word;white-space: nowrap;display: inline-block;padding: 3px 10px;}#active-filters-mobile .filter-pill .remove {display: inline-block;margin-left: 4px;}}#show-products,.showfilter{    color: #fff;text-transform: uppercase;text-align: center;text-decoration: none;background-color: #C82D2D;border: 1px solid #a63a37}#show-products:hover,.showfilter:hover{ color: #fff;    background-color: #ec1000;border: 1px solid #FF5722;}/* ===== FILTER GROUP ===== */.filter-group {margin-bottom: 20px;}.filter-title {font-size: 14px;font-weight: 600;margin-bottom: 10px;text-transform: uppercase;letter-spacing: .04em;color: #333;}/* ===== CUSTOM CHECKBOX ===== */.filter-checkbox {display: block;position: relative;padding-left: 28px;margin-bottom: 8px;cursor: pointer;font-size: 15px;line-height: 20px;user-select: none;font-weight: 500;}/* hide native checkbox */.filter-checkbox input {position: absolute;opacity: 0;}/* checkbox box */.filter-checkbox .checkmark {position: absolute;left: 0;top: 2px;height: 18px;width: 18px;border: 1px solid #ccc;border-radius: 3px;background: #fff;}/* checked state */.filter-checkbox input:checked + .checkmark {background: #c82d2d;border-color: #e70404;}/* check icon */.filter-checkbox .checkmark:after {content: '';position: absolute;display: none;left: 5px;top: 2px;width: 5px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}/* show check */.filter-checkbox input:checked + .checkmark:after {display: block;}/* hover */.filter-checkbox:hover .checkmark {border-color: #fabcb7;}/* Заблокований / disabled чекбокс */.filter-checkbox input[type="checkbox"]:disabled + .checkmark {background-color: #eee;border-color: #ccc;cursor: not-allowed;}/* Назва для disabled */.filter-checkbox input[type="checkbox"]:disabled ~ span {color: #aaa;cursor: not-allowed;}/* Бейдж із кількістю товарів */.filter-checkbox .count-badge {font-size: 12px;color: #888;margin-left: 5px;}@media (max-width: 991px) {.filter-group {padding-bottom: 10px;border-bottom: 1px solid #eee;}}/* ===== SORT BAR ===== */.sort-bar {margin-bottom: 20px;}/* рівна висота */.sort-bar .form-control, .sort-bar .btn {height: 38px;line-height: 38px;padding: 0 12px;font-size: 14px;}/* вирівнювання кнопки */.sort-bar .btn {text-align: center;}.sort-bar .btn:hover,.sort-bar .btn:focus,.sort-bar .btn:active{    background: #c82d2d; color: white;border-color: #c82d2d;    outline: 0;}/* стрілка */#sort-order {white-space: nowrap;}#sort-order .sort-label {font-size: 14px;margin-left: 5px;}/* мобільний канвас */@media (max-width: 991px) {.sort-bar {margin-bottom: 15px;}}/* Стиль для неактивних опцій у select */#main-hierarchy option:disabled {color: #999;background-color: #f5f5f5; cursor: not-allowed;}/* Додатково можна зробити select з disabled опціями більш зрозумілим */#main-hierarchy {color: #333;          cursor: pointer;}/* Опція, яка вибрана, але disabled, теж буде сіренька */#main-hierarchy option:disabled[selected] {color: #999;}/* ===== PRODUCT CARD ===== */.prodsummary{overflow: hidden;}.product-card {position: relative;background: #fff;border-radius: 6px;box-shadow: 0 6px 18px rgba(0,0,0,.08);transition: all .25s ease;margin: 20px auto;max-width: 320px;overflow: hidden;}.product-card:hover {transform: translateY(-6px);box-shadow: 0 14px 32px rgba(0,0,0,.15);}/* ===== BADGES ===== */.product-badges {position: absolute;top: 10px;left: 10px;z-index: 5;}.product-badges .label {display: block;margin-bottom: 6px;font-size: 12px;padding: 6px 9px;  transition: transform 0.3s ease;}.product-card:hover .product-badges .label {transform: scale(1.1);}/* ===== IMAGE ===== */.product-image {background: #f6f6f6;padding: 15px;text-align: center;}.product-image img {width: 100%;height: 220px;object-fit: contain;transition: transform .3s ease;}.product-card:hover .product-image img {transform: scale(1.05);}/* ===== BODY ===== */.product-body {padding: 15px;text-align: center;}.product-title {font-size: 17px;font-weight: 200;margin: 0 0 8px;}.product-title a {color: #222;text-decoration: none;}.product-sku {font-size: 13px;color: #777;margin-bottom: 10px;}/* ===== PRICE ===== */.product-price {margin-bottom: 12px;}.product-price .old-price {color: #999;text-decoration: line-through;margin-right: 8px;font-size: 14px;}.product-price .new-price {font-size: 22px;font-weight: 700;color: #d80000;}/* ===== BUTTON ===== */.product-btn {display: block;width: 100%;background: #c62828;color: #fff;padding: 12px;border-radius: 4px;text-decoration: none;font-weight: 600;transition: background .2s ease; transition: all 0.3s ease;}.product-btn:hover {background: #a61f1f;color: #fff;}/* Сама пагінація */.paginationp {display: inline-block;padding: 0;margin: 20px 0;list-style: none;text-align: center;}.paginationp li {display: inline-block;margin: 0 3px;}.paginationp li a {display: block;padding: 6px 12px;text-decoration: none;color: #555;border: 1px solid #ddd;border-radius: 4px;transition: all 0.3s ease;}/* Hover ефект */.paginationp li a:hover {background-color: #f5f5f5;color: #000;transform: translateY(-2px);box-shadow: 0 2px 5px rgba(0,0,0,0.15);}/* Поточна сторінка */.paginationp li.current a {background-color: #d9534f; /* червоний як бейдж Акції */color: #fff;border-color: #d43f3a;}/* Стрілки і недоступні */.paginationp li.arrow a {font-weight: bold;font-size: 16px;}.paginationp li.unavailable a {color: #aaa;cursor: not-allowed;background-color: #f9f9f9;border-color: #ddd;}/* Натискання на кнопку */.paginationp li a:active {transform: translateY(1px);box-shadow: none;}/* =================== ПРИВАТНІ СТИЛІ КАРТКИ =================== */.psp-card {background: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);overflow: hidden;margin-bottom: 30px;transition: box-shadow 0.3s ease;}.psp-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.25); }.psp-image img {width: 100%;max-height: 360px;object-fit: contain;transition: transform 0.3s ease;cursor: pointer;}.psp-card:hover .psp-image img { transform: scale(1.05); }.psp-badges .label {margin-right: 5px;font-weight: 600;font-size: 0.9em;text-transform: uppercase;padding: 4px 7px;border-radius: 2px;}.psp-details { padding: 20px 25px; }.psp-meta { font-size: 14px; margin-bottom: 10px; }.psp-meta strong { color: #9b6c20; }.psp-price { font-size: 22px; font-weight: 700; color: #d92323; margin-bottom: 12px; }.psp-price sup { font-size: 12px; vertical-align: super; }.psp-old-price { text-decoration: line-through; color: #888; font-weight: 400; margin-right: 10px; font-size: 16px; }h1.psp-title { font-size: 26px; margin-bottom: 15px; color: #222; }ul.psp-features { padding-left: 20px; margin-bottom: 15px; font-size: 15px; color: #333; }ul.psp-features li { margin-bottom: 6px; }.psp-description { font-size: 14px; line-height: 1.5; color: #444; margin-bottom: 25px; }.psp-description strong { font-weight: 700; color: #222; }.psp-btn-order {background-color: #b22b2b; border: none; color: white; font-weight: 700;font-size: 15px; padding: 10px 28px; border-radius: 3px; cursor: pointer;transition: background-color 0.3s ease, box-shadow 0.25s ease;text-transform: uppercase; letter-spacing: 1px;box-shadow: 0 4px 8px rgba(178,43,43,0.4);display: inline-block; text-align: center; text-decoration: none;}.psp-btn-order:hover {     background-color: #c82d2d;box-shadow: 0 6px 14px rgba(138, 33, 33, 0.6); color: white; }/* Мініатюри */.psp-thumbnails { margin-top: 15px; text-align: center; }.psp-thumbnails img {height: 60px; max-width: 100px; object-fit: contain; cursor: pointer;border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.2);transition: transform 0.3s ease, border-color 0.3s ease;border: 2px solid transparent;}.psp-thumbnails img:hover,.psp-thumbnails img.psp-active { border-color: #b22b2b; transform: scale(1.05); }@media (max-width: 767px) {.psp-thumbnails { white-space: nowrap; overflow-x: auto; padding-bottom: 10px; }.psp-thumbnails img { display: inline-block; margin: 0 6px; }}.product-social {display: flex;align-items: center;gap: 10px;margin-top: 20px;}.product-social span {font-size: 14px;color: #666;}.social-btn {padding: 6px 12px;border-radius: 4px;font-size: 13px;color: #fff;text-decoration: none;}.social-btn.fb { background: #1877f2; }.social-btn.tg { background: #229ed9; }.social-btn.vb { background: #7360f2; }.social-btn:hover {opacity: 0.85;}.related-products {padding: 60px 0;background: #fafafa;}.section-title {font-size: 28px;font-weight: 600;text-align: center;margin-bottom: 40px;}.section-title span {position: relative;padding-bottom: 10px;}.section-title span:after {content: '';width: 60px;height: 3px;background: #b30000;display: block;margin: 10px auto 0;}.related-item {background: #fff;margin: 15px;border-radius: 6px;overflow: hidden;transition: all .35s ease;}.related-item:hover {/*    transform: translateY(-8px);*/box-shadow: 0 20px 40px rgba(0,0,0,.15);}.image-wrap {display: block;overflow: hidden;}.image-wrap img {width: 100%;height: 220px;object-fit: contain;transition: transform .5s ease;}.related-item:hover img {/*   transform: scale(1.08);*/}.related-info {padding: 20px;text-align: center;}.related-title {font-size: 18px;margin-bottom: 6px;}.related-meta {font-size: 13px;color: #777;margin-bottom: 10px;}.related-price {font-size: 18px;font-weight: 700;color: #b30000;margin-bottom: 15px;}.btn-related {display: inline-block;padding: 8px 18px;border: 1px solid #b30000;color: #b30000;text-decoration: none;transition: .3s;}.btn-related:hover {background: #b30000;color: #fff;}/* Стилізовані стрілки Slick */.related-slider .slick-arrow {width: 46px;height: 46px;background: #fff;border-radius: 50%;z-index: 5;box-shadow: 0 5px 15px rgba(0,0,0,.2);}.related-slider .slick-prev {left: -20px;}.related-slider .slick-next {right: -20px;}.related-slider .slick-arrow:before {    margin-left: 1px;font-size: 20px;color: #b30000;}.related-slider .slick-arrow:hover,.related-slider .slick-arrow:focus{ background: whitesmoke;}/* Мобільна адаптація */@media (max-width: 768px) {.section-title {font-size: 24px;}}@media (max-width: 480px) {.related-item {margin: 10px 0;}.related-info {padding: 15px;}.related-title {font-size: 16px;}.related-price {font-size: 16px;}.btn-related {font-size: 14px;padding: 6px 14px;}}

/* Stylesheet: Posyament_catalog_filter Modified On 2026-02-23 12:05:22 */