@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//zabudui-ko.dp.ua/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.0") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: #ff8c00;
	--wd-alternative-color: #ff8c00;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #6ca300;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 400px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ff8c00;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 500px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* ==================================================
   1. АНІМАЦІЇ 
   ================================================== */
@keyframes priceGlow {
  0%, 100% { text-shadow: 0 0 5px rgba(76, 175, 80, 0.4); }
  50% { text-shadow: 0 0 10px rgba(57, 255, 20, 0.6), 0 0 20px rgba(76, 175, 80, 0.4); }
}

@keyframes compBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* ==================================================
   2. ТВОЯ ЦІНА (ЗЕЛЕНИЙ)
   ================================================== */
.single-product .summary .price ins .woocommerce-Price-amount,
.single-product .summary .price > .woocommerce-Price-amount {
    color: #4CAF50 !important;
    font-weight: 800 !important;
    animation: priceGlow 2s infinite ease-in-out !important;
}

/* ==================================================
   3. КОНКУРЕНТИ (ПРИМУСОВИЙ ЧЕРВОНИЙ)
   ================================================== */
.competitor-prices-block {
    margin: 15px 0 25px 0;
    padding: 12px;
    background: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 8px;
    clear: both;
}
.competitor-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.competitor-title { font-size: 13px; color: #777; }
.comp-update-time { font-size: 11px; color: #999; font-style: italic; }

.competitor-prices-list { display: flex; flex-wrap: wrap; gap: 8px; }
.comp-price-item {
    display: flex; flex-direction: column; align-items: center;
    background: #fff5ed; padding: 6px 10px;
    border-radius: 6px; border: 1px solid #ffd5b5;
}
.comp-price-item .comp-name { font-size: 11px; color: #666; margin-bottom: 2px; }

/* ВИПРАВЛЕННЯ: Додали більше селекторів для червоного кольору */
.comp-price-item .comp-price,
.comp-price-item .comp-price .woocommerce-Price-amount,
.comp-price-item .comp-price .woocommerce-Price-amount bdi {
    color: #e53935 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    animation: compBlink 2.5s infinite ease-in-out !important;
}
/* --- АНІМАЦІЯ ЗНАЧКА: БЛИМАННЯ + ЯСКРАВИЙ ЧЕРВОНИЙ --- */

@keyframes thumbBlink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(1.1); }
}

.comp-price-item {
    position: relative;
    display: flex !important; /* Примусово flex для рядка */
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 6px 12px !important;
}

.comp-price-item::after {
    content: '👎';
    /* Ефект "червоного кольору" для емодзі через фільтр */
    filter: sepia(1) saturate(10) hue-rotate(300deg);
    
    font-size: 14px;
    z-index: 10;
    pointer-events: none;
    
    /* Анімація повинна бути тут, щоб працювати в flex-контейнері */
    animation: thumbBlink 1.5s ease-in-out infinite !important;
}

.logo-text {
         display: flex;
         flex-direction: column;
         justify-content: center;
         margin-left: 0px; /* відступ від картинки */
     }
     .brand-title {
         font-size: 12px;
         color: #e67e22; /* помаранчевий */
         font-weight: bold;
     }
     .brand-name {
         font-size: 24px;
         color: #163344; /* синій */
         font-weight: 900;
     }@media (min-width: 768px) and (max-width: 1024px) {
	body .product-grid-item:hover .wrapp-swatches{
display:none;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	body .product-grid-item:hover .wrapp-swatches{
display:none;
}
}

@media (max-width: 576px) {
	body .product-grid-item:hover .wrapp-swatches{
display:none;
}
.logo-text {
         display: flex;
         flex-direction: column;
         justify-content: center;
         margin-left: 0px; /* відступ від картинки */
     }
     .brand-title {
         font-size: 6px;
         color: #e67e22; /* помаранчевий */
         font-weight: bold;
     }
     .brand-name {
         font-size: 12px;
         color: #163344; /* синій */
         font-weight: 900;
     }
}