a {color: #de0000;}.image-card {position: relative;border-radius: 16px;overflow: hidden;box-shadow: 0 10px 25px rgba(0,0,0,0.25);margin-bottom: 30px ;}/* Зображення */.image-card img {width: 100%;display: block;transition: transform 0.5s ease;}.image-card--hover:hover img {transform: scale(1.08);}/* Напівпрозорий шар */.image-card__overlay {position: absolute;left: 0;right: 0;bottom: 0;height: 65%;background: linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.45) 40%,rgba(0,0,0,0) 100%);}/* Текст */.image-card__title a {position: absolute;left: 20px;bottom: 20px;right: 20px;color: #fff;font-size: 32px;font-weight: bold;line-height: 1.2;transition:color 0.25s ease,transform 0.25s ease,text-shadow 0.25s ease;}.image-card__title a:hover,.image-card__title a:focus {color: #ffeb3b; /* material yellow */transform: translateY(-2px);text-shadow: 0 6px 18px rgba(0,0,0,0.45);}@media (max-width: 767px) {.image-card__title a {font-size: 24px;}}.thumbnails-vertical {display: flex;flex-direction: column;gap: 10px; /* відстань між мініатюрами */}.thumbnails-vertical .thumb-wrapper {margin-bottom: 10px;}.thumbnails-vertical .thumb {cursor: pointer;width: 100%;}.thumbnails-horizontal{    margin-top: 16px;}.main-image {max-height: 70vh;overflow: hidden;text-align: center;}.main-image img {max-height: 100%;width: auto;display: inline-block;}#currentImage,#overlayImage {transition: opacity 0.3s ease; /* плавність переходу */-webkit-transition: opacity 0.3s ease; /* для Safari */}/* Для ефекту hover можна додати */#currentImage:hover,#overlayImage:hover {opacity: 1;}.thumb.active {border: 2px solid #da4f49;box-shadow: 0 0 0 2px rgb(203 204 205);opacity: 1;}.thumb {transition: opacity 0.2s ease, box-shadow 0.2s ease, border 0.2s ease;}.image-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.92);z-index: 9999;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.35s ease, visibility 0.35s ease;}.image-overlay.active {opacity: 1;visibility: visible;}/* Картинка */.image-overlay img {max-width: 100%;max-height: 100vh;object-fit: contain;user-select: none;-webkit-user-drag: none;touch-action: pan-y;}.image-overlay img{transition: opacity 0.35s ease;}.image-overlay img.fade-out {opacity: 0;}.image-overlay img.fade-in {opacity: 1;}/* Кнопка закриття */.overlay-close {position: absolute;top: 12px;right: 18px;font-size: 42px;color: #fff;cursor: pointer;opacity: 0.85;z-index: 10;}.overlay-close:hover {opacity: 1;}/* Стрілки */.overlay-arrow {position: absolute;top: 50%;transform: translateY(-50%);font-size: 60px;color: #fff;cursor: pointer;opacity: 0.7;z-index: 10;user-select: none;}.overlay-arrow:hover {opacity: 1;}.overlay-arrow.left {left: 20px;}.overlay-arrow.right {right: 20px;}/* Мобільні */@media (max-width: 767px) {.overlay-arrow {font-size: 44px;}}.imgcontportdetail{background: whitesmoke; padding: 12px 10px;}/* Основний стиль кнопки */.btn-custom {position: relative;overflow: hidden;display: inline-block;background: #d10909;color: #fff;border: none;transition: all 0.3s ease;border-radius: 5px;padding: 12px 25px;font-size: 16px;}/* Легка тінь для об'єму */.btn-custom:hover {box-shadow: 0 4px 15px rgba(0,0,0,0.2);transform: translateY(-2px);}/* Ефект блиску */.btn-custom::before {content: '';position: absolute;top: -50%;left: -75%;width: 50%;height: 200%;background: rgba(255,255,255,0.3);transform: rotate(25deg);transition: all 0.5s ease;pointer-events: none;}.btn-custom:hover::before {left: 120%;}/* Для посилання всередині */.btn-custom a {color: #fff;text-decoration: none;display: inline-block;width: 100%;height: 100%;}.btn-custom a:hover { color: #fff;}/* Легкий scale тексту */.btn-custom:hover span {transform: scale(1.05);transition: transform 0.3s ease;}.custom-quote {border: 2px solid #ccc;background-color: #f9f9f9; /* Світлий фон */padding: 20px 30px;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.15);font-weight: 600;font-size: 16px;line-height: 1.5;}.custom-quote ul { list-style-type: none; padding-left: 0;}.custom-quote ul li:before {content: "\2713";color: #F44336;margin-right: 10px;}.portfolio .btn-default {background: linear-gradient(135deg, #262626, #585858);color: #fff;font-weight: bold;border: none;padding: 10px 10px;transition: all 0.3s ease;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}/* Hover ефект */.portfolio .btn-default:hover {background: linear-gradient(135deg, #262626, #b51c1c);box-shadow: 0 6px 12px rgba(0,0,0,0.3);transform: translateY(-2px); /* легкий підйом */color: #fff;}.imgblock {position: relative;padding-top: 56.25%;overflow: hidden;}.img-cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}.blogpostmore{    color: #fff; background-color: #c82d2d;border-color: #d43f3a;}.blogpostmore:hover {  color: #fff;background-color: #c9302c;border-color: #ac2925;}.fixed-sidebar {position: -webkit-sticky;  /* Для старих браузерів Webkit (Safari) */position: sticky;          /* Фіксоване положення відносно контейнера */top: 20px;                 /* Відступ зверху при прокрутці */background-color: #f8f9fa; /* Легкий фон для бічної панелі */padding: 15px;border-radius: 8px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}.fixed-sidebar {box-shadow: 0 2px 5px rgba(0,0,0,0.1);}.postmainimg img{    margin-left: auto;margin-right: auto;padding: 10px;border: 1px #c82d2d solid;margin-top: 15px;background: whitesmoke;}.longtext img{  margin-left: auto;margin-right: auto;padding: 10px;border: 1px #c82d2d solid;margin-top: 10px;margin-bottom: 10px;background: whitesmoke;}/*АКції*/.promo-card {border: 1px solid #e5e5e5;background: #fff;margin-bottom: 30px;transition: box-shadow 0.2s ease;}.promo-card:hover {box-shadow: 0 6px 18px rgba(0,0,0,0.08);}.promo-card:hover .promo-overlay {background: rgba(0,0,0,0.2);transition: background 0.2s ease;}.promo-image {position: relative;}.promo-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);z-index: 1;}.promo-image img {width: 100%;height: auto;display: block;}.promo-badge {position: absolute;top: 10px;left: 10px;background: #da4f49;color: #fff;padding: 5px 10px;font-size: 13px;font-weight: 600;}.promo-date {position: absolute;top: 10px;right: 10px;background: rgba(0,0,0,0.7);color: #fff;padding: 4px 8px;font-size: 14px;font-style: italic;font-weight: 600;}.promo-date strong{    font-style: normal;color: antiquewhite;}.promo-badge,.promo-date {z-index: 2;}.promo-body {padding: 15px;}.promo-title {margin-top: 10px;font-size: 18px;text-align: center;background: #262626;padding: 7px 0;color: #ffffff;letter-spacing: 1px;border-radius: 5%;box-shadow: 0 6px 18px rgb(0 0 0 / 35%);border-bottom: 1px white solid;}.promo-text {color: #777;font-size: 14px;}.promo-note {font-size: 13px;color: #444;margin-bottom: 15px;}.promo-button {color: #da4f49; border-color: #d9534f;transition: background-color 0.3s ease, color 0.3s ease;}.promo-button:hover {background-color: #d9534f;color: white;border-color: #d43f3a;}.promo-detail {max-width: 900px;margin: 0 auto;background: #fff;border-radius: 6px;box-shadow: 0 6px 20px rgba(0,0,0,0.1);overflow: hidden;}.promo-detail   .promo-header {position: relative;}.promo-detail   .promo-header img {width: 100%;height: auto;display: block;}.promo-detail   .promo-overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.3);z-index: 1;}.promo-detail   .promo-badge {position: absolute;top: 15px;left: 15px;background: #d9534f;color: #fff;padding: 8px 15px;font-size: 18px;font-weight: 700;border-radius: 4px;z-index: 2;box-shadow: 0 3px 8px rgba(0,0,0,0.3);}.promo-detail  .promo-date {position: absolute;top: 15px;right: 15px;background: rgba(0,0,0,0.7);color: #fff;font-style: italic;padding: 8px 15px;font-size: 16px;border-radius: 4px;z-index: 2;box-shadow: 0 3px 8px rgba(0,0,0,0.3);}.promo-detail   .promo-content {padding: 30px 40px;}.promo-detail   .promo-titledetail {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 32px;font-weight: 700;margin-bottom: 20px;color: #222;border-radius: 0;}.promo-detail   .promo-subtitle {font-size: 18px;font-weight: 600;color: #d9534f;margin-bottom: 25px;text-align: center;background: #f8f9fa;padding: 15px 20px;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}.promo-detail   .promo-description {font-size: 16px;color: #444;line-height: 1.6;margin-bottom: 30px;}.promo-detail   .promo-features {font-size: 16px;color: #555;margin-bottom: 35px;padding-left: 20px;}.promo-detail   .promo-features li {margin-bottom: 12px;list-style-type: disc;}.promo-detail   .promo-cta {text-align: center;}.promo-detail   .promo-cta .btn {font-size: 18px;font-weight: 700;padding: 14px 40px;border-radius: 30px;text-transform: uppercase;transition: background-color 0.3s ease;min-width: 220px;}.promo-detail   .promo-cta .btn-primary {background-color: #d9534f;border-color: #d9534f;color: white;}.promo-detail   .promo-cta .btn-primary:hover {background-color: #c9302c;border-color: #ac2925;color: white;}
/* Stylesheet: Postament_portfolio Modified On 2026-02-09 11:12:12 */