a {
	color: #AF3907;
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a.active,
.dropdown-menu li>a:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #666;
}

#top #currency .currency-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #666;
}

@media (min-width: 992px) {
	#cart>.btn {
		background: none;
		color: #000;
		border-radius: 3px;
		padding: 4px 15px 4px 10px;
		line-height: 32px;
		border-bottom: 2px solid transparent;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		box-shadow: none;
	}

	#cart.open>.btn,
	#cart>.btn:hover {
		background: none;
		box-shadow: none;
	}

	#cart>.btn>.shop-bag {
		color: #A50003;
		float: left;
		font-size: 28px;
		line-height: 32px;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	}

	#cart>.btn>.car-down {
		color: #333;
		float: right;
		line-height: 32px;
		transition: transform 0.2s ease 0s;
	}

	#cart>.btn .cart-total {
		color: #333;
		display: block;
		margin-left: 40px;
		margin-right: 15px;
		text-align: left;
	}

	#cart>.btn .cart-total b {
		color: #666;
	}
}

@media (max-width: 992px) {
	#cart>.btn {
		background: #666666;
		color: #fff;
		border-radius: 3px;
		padding: 4px 15px 4px 10px;
		line-height: 32px;
		border-bottom: 2px solid #333;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		box-shadow: none;
	}

	#cart.open>.btn,
	#cart>.btn:hover {
		background: #A50003;
		box-shadow: none;
	}
}

.btn-menu {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #A50003;
	border-color: #A50003;
	/* border-bottom:2px solid #F24D07; */
}

#menu.open .btn-menu,
.btn-menu:hover,
.btn-menu:active,
.btn-menu.active,
.btn-menu.disabled,
.btn-menu[disabled] {
	background-color: #A50003;
	border-color: #A50003;
}

#menu #menu-list>li>a:hover,
#menu #menu-list>li>a.hover,
#menu #menu-list>li .child-box .child_parent:hover,
#menu #menu-list>li .child-box .child_children.hover .child_parent,
#menu #menu-list .child2-box .child_children_link a:hover {
	color: #A50003
}

.container-accordion-menu .parent-link:hover,
.container-accordion-menu .parent-link:hover .arrow,
.container-accordion-menu .parent-link.hover,
.container-accordion-menu .parent-link.hover .arrow {
	color: #A50003
}

.container-accordion-menu .sub-category-link:hover,
.container-accordion-menu .sub-category-link:hover .arrow,
.container-accordion-menu .sub-category-link.hover,
.container-accordion-menu .sub-category-link.hover .arrow {
	color: #A50003
}

.container-accordion-menu .child_children_link>a:hover {
	color: #A50003
}

#horizontal-menu .dropdown-inner .child a:hover {
	color: #A50003
}

#horizontal-menu .nav>li:hover>a,
#horizontal-menu .nav>li.open>a {
	color: #fff
}

#horizontal-menu .nav>li:hover>a,
#horizontal-menu .nav>li.open>a {
	background-color: transparent;
}

#additional-menu .nav>li:hover>a,
#additional-menu .nav>li.open>a {
	background-color: #A50003;
	border-radius: 4px;
	color: #fff;
}

#horizontal-menu .nav>li:hover>a,
#horizontal-menu .nav>li.open>a {
	background-color: #A50003;
}

@media (min-width: 768px) {

	#additional-menu .dropdown:hover .dropdown-menu,
	#additional-menu .dropdown.open .dropdown-menu {
		display: block;
		border-top: 3px solid #A50003;
	}

	#horizontal-menu .dropdown:hover .dropdown-menu,
	#horizontal-menu .dropdown.open .dropdown-menu {
		display: block;
		border-top: 3px solid #A50003;
	}
}

#horizontal-menu {
	background-color: #f5f5f5;
}

#horizontal-menu .menu-static-width>.dropdown-menu {
	border-top: 3px solid #A50003;
}

#horizontal-menu .menu-full-width>.dropdown-menu {
	border-top: 3px solid #A50003;
}

#top-fixed.sticky-header-2 {
	background: #555;
	border-top: 7px solid #A50003;
}

.btn-search {
	color: #fff;
	background-color: #d9d9d9;
	border-color: #d9d9d9;
	/*border-bottom:2px solid #333333;*/
	padding: 8.5px 28px;
	margin-left: 0px !important;
	border-radius: 0px 3px 3px 0px;
	box-shadow: none;
}

.btn-search:hover,
.btn-search:active,
.btn-search:focus {
	border-color: #A50003;
	/* border-bottom:2px solid #F24D07; */
	background-color: #A50003;
	color: #fff;
}

.btn-view-now {
	color: #ffffff;
	background-color: #666666;
	border-color: #333333;
	border-style: solid solid solid;
	border-width: 1px 1px 2px 1px;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	padding: 7.5px 12px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

.btn-view-now:hover,
.btn-view-now:active,
.btn-view-now:focus {
	background-color: #A50003;
	color: #ffffff !important;
	border-color: #F24D07;
}

.btn-general {
	color: #6E6E6E;
	background-color: #ffffff;
	border-color: #cccccc;
	border-style: solid solid solid;
	border-width: 1px 1px 2px 1px;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	padding: 7.5px 12px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

#product .btn-general {
	color: #ffffff;
	background-color: #A50003;
	border-color: #F24D07;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.product-list .product-thumb:hover .btn-general,
.product-grid .product-thumb:hover .btn-general,
.container-module-productany .product-thumb:hover .btn-general,
.container-module .product-thumb:hover .btn-general {
	color: #ffffff;
	background-color: #A50003;
	border-color: #A50003;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-general:hover,
.btn-general:active {
	background-color: #A50003 !important;
	color: #ffffff !important;
	border-color: #A50003 !important;
}

.container-module .title-module:after,
.categorywall-container .title-module:after {
	border-bottom: 2px solid #A50003;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	width: 100px;
}

.btn-carousel-module {
	background: #fff none repeat scroll 0 0;
}

.btn-carousel-module:hover,
.btn-carousel-module:active {
	background: #A50003 none repeat scroll 0 0;
	color: #A50003;
}

.btn-quickview {
	background-color: #666666;
	border: medium none;
	box-shadow: none;
	color: #fff;
	border-radius: 0px 5px 0px 0px;
	font-size: 11px;
	font-weight: 600;
	padding: 8px 12px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}

.btn-quickview:hover {
	background-color: #333333;
	color: #ffffff;
}

.btn-wishlist {
	color: #666666;
	background-color: #ffffff;
	border-color: #cccccc;
	display: inline-block;
	border-bottom: 2px solid #d9d9d9;
	padding: 9px 11px;
	transition: all 0.4s ease 0s;
}

.btn-wishlist:hover {
	border-color: #A50003;
	background-color: #A50003;
	color: #fff;
}

.btn-compare {
	color: #666666;
	background-color: #ffffff;
	border-color: #cccccc;
	display: inline-block;
	border-bottom: 2px solid #d9d9d9;
	padding: 9px 10px;
	transition: all 0.4s ease 0s;
}

.btn-compare:hover {
	border-bottom: 2px solid #A50003;
	border-color: #A50003;
	background-color: #A50003;
	color: #fff;
}

.btn-fastorder {
	color: #fff;
	background-color: #666666;
	border-color: #555555;
	display: inline-block;
	border-bottom: 2px solid #474747;
	padding: 9px 10px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

.btn-fastorder:hover,
.btn-fastorder:focus,
.btn-fastorder.focus {
	border-color: #A50003;
	background-color: #A50003;
	color: #fff;
}

.cat-wall .item-parent:hover .sc-name {
	color: #A50003;
}

.nav-tabs-all>li>a:hover:after {
	background: #fff;
	/* border-bottom:2px solid #A50003; */
	transition: width 100ms;
	width: 50%;
}

.nav-tabs-all>li>a:hover:before {
	background: #fff;
	/* border-bottom:2px solid #A50003; */
	transition: width 100ms;
	width: 50%;
}

.nav-tabs-all>li.active a {
	border-bottom: 2px solid #A50003;
	color: #A50003;
}

.nav-tabs-all>li>a:hover,
.nav-tabs-all>li>a:focus {
	background: none;
	color: #A50003;
}

.nav-tabs-all>li.active:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #A50003;
	content: "";
	left: 45%;
	position: absolute;
}

.my-tabs>li.active>a {
	border-bottom: 2px solid #A50003;
	margin-top: 0;
	padding-bottom: 12px;
	padding-top: 12px;
	position: relative;
}

.my-tabs>li.active>a:hover,
.my-tabs>li.active>a:focus {
	margin-top: 0;
	padding-bottom: 12px;
	padding-top: 12px;
	position: relative;
	border-bottom: 2px solid #A50003;
}

.my-tabs>li>a:hover {
	background: #f5f5f5 none repeat scroll 0 0;
	border-color: #ccc;
	font-size: 14px;
	color: #A50003;
	border-bottom: 2px solid #ccc;
}

#product .quantity-adder .add-action:hover {
	background: #A50003;
}

.carousel-container .owl-controls .owl-page.active span {
	background: #A50003 none repeat scroll 0 0;
}

footer {
	border-top: 3px solid #A50003;
}

footer h3 {
	color: #A50003
}

.footer-ribbon:before {
	border-right: 10px solid #AF3907;
}

.footer-ribbon {
	background-color: #A50003;
	margin: -49px 0 25px;
	padding: 10px 20px 6px;
	position: absolute;
}

.block-banner-footer:hover {
	background: #999;
	border-color: #666;
}

.box-heading {
	background-color: #666;
	border: 1px solid #555;
}

#bar {
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #A50003;
}

#progressBar {
	width: 100%;
	background: #cccccc;
}

.btn-newsletter {
	border-radius: 4px;
	color: #fff;
	background: #A50003;
	border: 2px solid #A50003;
	/* border-bottom:2px solid #E25E06; */
	font-size: 14px !important;
	font-weight: bold;
	line-height: 26px;
	padding: 8px 15px 7px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: baseline;
}

.btn-newsletter:hover,
.btn-newsletter:active,
.btn-newsletter.active,
.btn-newsletter.disabled,
.btn-newsletter[disabled] {
	color: #A50003;
	background: #fff;
	border: 2px solid #A50003;
}


.blog-author {
	display: table;
	margin: 5px;
}

body.blog-author {
	display: block;
}

.blog-author strong {
	color: black;
	font-size: 14px;
}

.blog-author-description {
	color: #777;
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}

.blog-author-description p a {
	margin-left: 0px;
}

.blog-author-description p {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.blog-authors-description {
	margin-left: 5px;
}

.blog-author-image {
	display: table-cell;
}

.blog-author-image>img {
	border-radius: 100%;
	width: 150px;
}

.blog-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-flow: row;
	align-content: center;
	justify-content: center;
	align-items: start;
	justify-items: center;
	grid-gap: 10px;
}

li.blog-data-record {
	list-style-type: none;

}

@media (min-width: 768px) {
	.blog-author-image>img {
		border-radius: 100%;
		width: 120px;
	}
}

.blog-author-image {
	width: 150px;
}

@media (min-width: 768px) {
	.blog-author-image {
		width: 120px;
	}
}

@media (max-width: 1280px) {
	.blog-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* maks blog styles */
  /* 16px розмір тексту */
#description p{
  font-size: 16px;
}
.blog-article h1 {
    font-family: 'Bahnschrift', sans-serif;
    font-weight: 700;
    font-stretch: 87.5%;
    color: #a50003;
    text-transform: uppercase;
    border-bottom: 2px solid #a50003;
}
.blog-article h2 {
    font-family: 'Bahnschrift', sans-serif;
    font-weight: 700;
    font-stretch: 87.5%;
    color: #a50003;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #a50003;
}
.blog-article h3{
    font-family: 'Bahnschrift', sans-serif;
    font-weight: 800;
    font-stretch: 87.5%;
    color: #000;
    text-transform: uppercase;
}
  /* марковані списки для статей */
#description ul{
  list-style: none;
  padding-left: 0;
}

#description ul li {
  position: relative;
  padding-left: 40px;
  font-size: 16px;
  margin-bottom: 5px;
}

#description ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 16px;
  height: 16px;
  padding-left: 40px;
  background: url("/image/catalog/icons/DotBulletRedNEW-03.svg") no-repeat center / contain;
}
  /* марковані списки у вигляді чекбокс */
#description ul.check li::before {
  background: url("/image/catalog/icons/CheckBulletRedNEW-06.svg") no-repeat center / contain;
}
  /* марковані списки з хрестиками */
#description ul.cross li::before {
  background: url("/image/catalog/icons/CrossBulletRedNEW-08.svg") no-repeat center / contain;
}
  /* марковані списки зі знаками питання */
#description ul.quest li::before {
  background: url("/image/catalog/icons/QuestionBulletRedNEW-10.svg") no-repeat center / contain;
}
  /* Заголовок (Аккордеон) */
  .faq h3 {
      background: #a50003;
      color: #ffffff !important;
      padding: 14px 45px 14px 25px;
      margin: 10px 0 0 !important;
      cursor: pointer;
      position: relative;
      text-transform: none;
      font-size: 18px;
      font-weight: 700;
      /* Зрізаний кут: верхній лівий (16px) */
      clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), 100% 100%, 0 100%, 0 16px);
  }

  /* Стрілочка вправо для закритого стану */
  .faq h3::after {
      content: "▶";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 13px;
      color: #ffffff;
  }

  /* Стрілочка вниз для відкритого стану */
  .faq h3.active::after {
      content: "▼";
  }

  /* Блок із текстом відповіді */
  .faq p {
      display: none;
      position: relative;
      padding: 20px 25px;
      margin: 0;
      background: #ffffff;
      color: #a50003;
      font-size: 15px;
      line-height: 1.5;
      z-index: 1;
  }

  .faq p.active {
      display: block;
  }

  /* Червона рамка зі зрізаним нижнім правим кутом */
  .faq p::before {
      content: "";
      position: absolute;
      inset: 0;
      background: #a50003;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
      z-index: -2;
  }

  /* Білий фон всередині рамки (з товщиною контуру 1px) */
  .faq p::after {
      content: "";
      position: absolute;
      inset: 0 1px 1px 1px;
      background: #ffffff;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
      z-index: -1;
  }
/* Оновлений контейнер з відступом під елементи зверху */
.faq {
    margin-top: 20px;
    padding-top: 35px;
    position: relative;
    font-family: sans-serif;
}

/* Напис FAQ капсом над лінією */
.faq::before {
    content: "FAQ";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: 800;
    color: #a50003;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Суцільна червона лінія під написом FAQ та над акордеонами */
.faq::after {
    content: "";
    position: absolute;
    top: 35px; /* Позиція лінії між текстом FAQ та першим блоком */
    left: 0;
    width: 100%;
    height: 2px; /* Товщина лінії */
    background-color: #a50003; /* Колір лінії */
}
/* відступ після останнього елемена faq */
.faq h3:last-child {
    margin-bottom: 12px;
}
.sources p{
    background: #ffffff;
    color: #a50003;
    border-color: #a50003;
    padding: 14px 45px 14px 25px;
    margin: 10px 0 0 !important;
    cursor: pointer;
    position: relative;
    text-transform: none;
    font-size: 18px;
    font-weight: 700;
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), 100% 100%, 0 100%, 0 16px);
}
.sources {
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
    padding-bottom: 20px;
}
/* Зовнішній блок (червона рамка) */
.sources p {
    margin: 0;
    background: #a50003;
    padding: 1px; /* Товщина рамки 1px */
    /* Скос верхнього лівого та нижнього правого кутів */
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
/* Внутрішнє посилання (білий фон + стрілочка) */
.sources p a {
    display: block;
    background-color: #ffffff;
    color: #a50003;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    padding: 14px 20px 14px 52px; /* Відступ зліва під іконку */
    
    /* Внутрішній скос */
    clip-path: polygon(15.5px 0, 100% 0, 100% calc(100% - 15.5px), calc(100% - 15.5px) 100%, 0 100%, 0 15.5px);
    
    /* Червона вигнута стрілочка через SVG Data URI */
    background-image: url("/image/catalog/icons/ArrowBulletRedNEW-13.svg");
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 22px 22px;
}
/* Ефект підкреслення при наведенні */
.sources p a:hover {
    text-decoration: underline;
}
/* Рамка навколо цитати */
blockquote {
    position: relative;
    margin: 20px 0;
    padding: 20px 25px 20px 60px; /* Відступ зліва під іконку */
    color: #a50003;
    font-size: 16px;
    line-height: 1.5;
    font-style: normal;
    
    /* Скидання системних стилів теми (прибирає сіру смугу) */
    border: none !important;
    outline: none;
    z-index: 1;
}

/* Зовнішня червона рамка зі скошеними кутами */
blockquote::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #a50003;
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
    z-index: -2;
}

/* Внутрішній білий фон + іконка (розташована поверх рамки) */
blockquote::after {
    content: "";
    position: absolute;
    inset: 1px; /* Товщина рамки 1px */
    background-color: #ffffff;
    
    /* Додавання та позиціонування іконки */
    background-image: url("/image/catalog/icons/LogoBulletRedNEW-05.svg");
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-size: 24px 24px;
    
    clip-path: polygon(15.5px 0, 100% 0, 100% calc(100% - 15.5px), calc(100% - 15.5px) 100%, 0 100%, 0 15.5px);
    z-index: -1;
}
/* Основний контейнер блоку автора */
.blog-author {
    display: flex;
    align-items: center;
    gap: 25px;
    margin: 25px 0;
}

/* Фотографія зі зрізаними кутами (верхній лівий, верхній правий, нижній лівий) */
.blog-author-image {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
}

.blog-author-image img {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    object-fit: cover;
    display: block;
    /* Геометрична форма зображення відповідно до макету */
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

/* Текстовий блок */
.blog-author-description {
    display: flex;
    flex-direction: column;
}

.blog-author-description p {
    margin: 0 0 6px 0;
}

/* Мітка "Автор:" / "РЕДАКТОР" */
.blog-author-description smal,
.blog-author-description small {
    color: #a50003;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Посилання та Ім'я автора */
.blog-author-description p a {
    text-decoration: none;
}

.blog-author-description b[itemprop="name"] {
    color: #a50003;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 8px;
    font-family: 'Bahnschrift', sans-serif;
    font-weight: 700;
    font-stretch: 87.5%;
}

/* Текст опису */
.blog-author-description p:last-child {
    color: #222222;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

/* Адаптивність для смартфонів */
@media (max-width: 600px) {
    .blog-author {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .blog-author-image {
        width: 100%;
        max-width: 150px;
        height: auto;
        aspect-ratio: 1 / 1;
    }
}
/* Контейнер змісту */
#toc, .toc-container {
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

/* Скидання та налаштування списку змісту */
#description ul.toc-list,
.toc-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Елемент списку (перевизначення дефолтного li) */
#description ul.toc-list li.toc-item,
.toc-list li.toc-item {
    position: relative;
    padding-left: 28px !important; /* Відступ під лого-маркер */
    margin: 0;
    list-style: none !important;
}

/* Перевизначення дефолтного маркера #description ul li::before */
#description ul.toc-list li.toc-item::before,
.toc-list li.toc-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em; /* Вирівнювання по першому рядку тексту */
    width: 18px;
    height: 18px;
    /* Заміна дефолтної крапки на логотиповий маркер */
    background: url("/image/catalog/icons/LogoBulletRedNEW-05.svg") no-repeat center / contain !important;
}

/* Посилання змісту */
.toc-list li.toc-item a {
    display: inline-block;
    color: #a50003;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    background: none !important;
    padding: 0 !important;
}

/* Підкреслення при наведенні */
.toc-list li.toc-item a:hover {
    text-decoration: underline;
}

/* Відступ для підзаголовків H3 */
#description ul.toc-list li.toc-item.toc-h3,
.toc-list li.toc-item.toc-h3 {
    margin-left: 20px;
}