#color,
#sezon,
#material {
    display: none !important;
}
		.cart-drawer-actions {
			padding-bottom: 3.25rem;
		}
		
		.countdown-unit {
    margin: 0 10px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    min-width: 80px;
}

.countdown-num {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}

.countdown-word {
    font-size: 0.8rem;
    margin-top: 5px;
    display: block;
}

.js-countdown {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

@media (max-width: 768px) {
    .countdown-unit {
        margin: 0 5px;
        min-width: 60px;
        padding: 8px;
    }
    
    .countdown-num {
        font-size: 1.5rem;
    }
    
    .countdown-word {
        font-size: 0.7rem;
    }
}
	
	.required{
    color:#ff0000;
    font-weight:bold;
    margin-left:3px;
}	
		/* Фиксируем корзину справа сверху */
.cart-position {
position: fixed;
  top: 60px;
  right: 10px;
  z-index: 9999;
  min-width: 60px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
}
/* Базовий стиль (для ПК) */
.sale-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 60px;  /* Розмір на комп'ютері */
    height: 60px;
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px; /* Текст на комп'ютері */
    font-weight: bold;
    text-transform: uppercase;
    z-index: 10;
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
		/* Обмежуємо висоту списку товарів у кошику */
.cart-drawer-items-list {
    max-height: 350px !important; /* Налаштуйте висоту під себе */
    overflow-y: auto !important;  /* Вмикає прокрутку */
    overflow-x: hidden !important;
    padding-right: 10px;
}

/* Робимо скрол тонким та охайним */
.cart-drawer-items-list::-webkit-scrollbar {
    width: 4px;
}
.cart-drawer-items-list::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 10px;
}

/* Прибираємо "замок" на прокрутку з батьківського контейнера */
.aside.cart-drawer1 {
    overflow-y: visible !important;
}

/* Стиль для мобільних пристроїв (екрани менше 768px) */
@media (max-width: 768px) {
    .sale-badge {
        top: 8px;     
        left: 8px;
        width: 45px !important;  /* Компактний розмір */
        height: 45px !important; 
        font-size: 10px !important; /* Чіткий, але дрібний текст */
        line-height: 45px; /* Центрування тексту всередині */
        letter-spacing: 0.5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Контейнери мають бути відносними, щоб SALE не "тікав" */
.product-single__image, .pc__img-wrapper {
    position: relative !important;
}
/* Адаптив */
@media (max-width: 767px) {
    .cart-position {
        top: 5px;
        right: 5px;
        min-width: 60px;
    }
}
		.cart-drawer-items-list {
			max-height: 100%; }
	
		

			@media (max-width: 576px) {
  .razmer {
    height: 14.813rem!important;
  }
}	
	/* Обнуляємо відступи для самого хедера */
header, 
.header, 
.header-fullwidth, 
.header-mobile {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
 
}

/* Обнуляємо відступи у внутрішніх контейнерах */
.header-main, 
.header__container, 
.header-desk,
.container.d-flex.align-items-center {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Якщо логотип має власні відступи, прибираємо і їх */
.header__logo, 
.logo-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

/* Прибираємо відступи у навігаційному меню */
.navigation, 
.header-actions {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
	
}	
		@media (min-width: 992px) {
    /* 1. Основний контейнер: фіксована висота, білий фон, БЕЗ ТІНІ */
    .product-single__media {
        height: 600px !important;
        max-height: 600px !important;
        display: flex !important;
        align-items: flex-start !important;
        overflow: hidden !important;
        background-color: #ffffff !important; 
        padding: 0 !important; /* Прибрали відступи, щоб було чистіше */
        border-radius: 4px;
        box-shadow: none !important; /* ПРИБРАЛИ ТІНЬ */
    }

    /* 2. Блок головного фото: білий фон */
    .product-single__image {
        flex: 1 !important;
        height: 100% !important;
        background-color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .product-single__image .swiper-container {
        height: 100% !important;
        width: 100% !important;
    }

    .product-single__image .swiper-slide img {
        max-height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* 3. Вертикальний слайдер мініатюр: білий фон */
    .product-single__thumbnail {
        width: 100px !important; /* Стандартна ширина */
        height: 100% !important;
        margin-right: 15px !important;
        background-color: #ffffff !important;
    }

    .product-single__thumbnail .swiper-container {
        height: 100% !important;
        width: 100% !important;
        cursor: grab !important; 
    }

    .product-single__thumbnail .swiper-container-grabbing {
        cursor: grabbing !important;
    }

    .product-single__thumbnail .swiper-wrapper {
        height: auto !important;
        flex-direction: column !important;
    }

    .product-single__thumbnail .swiper-slide {
        height: 120px !important;
        margin-bottom: 10px !important;
        background-color: #fff !important;
        opacity: 0.6;
        transition: opacity 0.3s ease;
    }

    .product-single__thumbnail .swiper-slide-thumb-active {
        opacity: 1 !important;
        border: 2px solid #000;
    }
			.shop-banner__content {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        text-align: center !important;
        z-index: 10 !important;
    }

    /* 2. Великий шрифт з потужною білою аурою для ПК */
    .shop-banner__content h2, 
    .shop-banner__content h1, 
    .shop-banner__content .text-uppercase {
        color: #000000 !important; /* Чорний текст */
        font-weight: 900 !important;
        text-transform: uppercase !important;
        
        /* ЗБІЛЬШЕНИЙ ШРИФТ ДЛЯ ПК */
        font-size: 4.5rem !important; 
        line-height: 1.1 !important;
        letter-spacing: 2px !important;

        /* ГУСТА БАГАТОШАРОВА АУРА */
        text-shadow: 
            0px 0px 10px #ffffff,
            0px 0px 20px #ffffff,
            0px 0px 40px #ffffff,
            0px 0px 60px rgba(255, 255, 255, 0.9) !important;
            
        /* Прибираємо внутрішню обводку, щоб букви були повними */
        -webkit-text-stroke: 0px transparent !important;
        
        display: block !important;
        margin: 0 auto !important;
        width: fit-content !important;
    }
			
}
	@media (max-width: 576px) {
    /* Контейнер: ніяких стрибків висоти */
    .product-single__media {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        background: #fff !important;
    }

    /* Головне фото: СТАТИЧНЕ ВІКНО */
    .product-single__image {
        height: 350px !important;
        min-height: 350px !important;
        background-color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .product-single__image .swiper-slide {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 350px !important;
    }

    .product-single__image img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important; /* Фото завжди ціле і в центрі */
    }

    /* Мініатюри знизу: фіксуємо, щоб не гуляли */
    .product-single__thumbnail {
        height: 80px !important;
        margin-top: 10px !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .product-single__thumbnail .swiper-wrapper {
        display: flex !important;
        flex-direction: row !important;
        /* Важливо: не дозволяємо флексу розтягувати слайди */
        align-items: flex-start !important; 
        justify-content: flex-start !important;
    }

    .product-single__thumbnail .swiper-slide {
        width: 65px !important;
        height: 65px !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important; /* Забороняємо стискати мініатюри */
    }
		@media (max-width: 576px) {
    /* 1. Центруємо контейнер банера */
    .shop-banner__content {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        text-align: center !important;
        z-index: 10 !important;
    }

    /* 2. ЗБІЛЬШЕНИЙ заголовок з потужною аурою */
    .shop-banner__content h2, 
    .shop-banner__content h1, 
    .shop-banner__content .text-uppercase {
        color: #000000 !important;
        font-weight: 900 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        
        /* ЗБІЛЬШУЄМО ШРИФТ */
        font-size: 3.2rem !important; 
        line-height: 1.1 !important;
        letter-spacing: 1px !important;

        /* ГУСТА БІЛА АУРА (підлаштована під великий шрифт) */
        text-shadow: 
            0px 0px 10px #ffffff,
            0px 0px 20px #ffffff,
            0px 0px 35px #ffffff,
            0px 0px 45px rgba(255, 255, 255, 0.8) !important;
            
        /* Гарантуємо відсутність внутрішньої обводки */
        -webkit-text-stroke: 0px transparent !important;
        
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
}
	@media (max-width: 991px) {
    /* Батьківський контейнер шапки фільтра */
    .aside-header {
        display: flex !important;
        flex-direction: row !important; /* Кнопка зліва, текст справа */
        align-items: center !important;
        justify-content: flex-start !important; /* Притискаємо до лівого краю */
        padding: 15px !important;
        background: #fff; /* Щоб було чітко видно */
        border-bottom: 1px solid #eee;
    }

    /* Сама кнопка (хрестик) */
    .btn-close-aside {
        position: static !important; /* ВАЖЛИВО: прибираємо absolute, щоб вона стала в ряд з текстом */
        margin: 0 15px 0 0 !important; /* Відступ тільки справа від кнопки */
        padding: 0 !important;
        width: 30px !important;
        height: 30px !important;
        flex-shrink: 0 !important; /* Не даємо кнопці стискатися */
    }

    /* Заголовок "Фільтр" */
    .aside-header h3 {
        margin: 0 !important;
        font-size: 1rem !important;
        white-space: nowrap; /* Щоб текст не переносився */
    }
}
		
}