.category-perex h1 {margin-top: 5px;}

@media (min-width: 768px) {
.p-detail {padding-top: 10px;}
}

.p-detail-inner .brand-wrapper a{display: none;}

@media (max-width:768px) {
.category-perex, .category__secondDescription {padding-top: 15px;}

.custom-footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-bottom: 16px;
text-align: center;
}

.custom-footer > div {
display: flex;
flex-direction: column;
align-items: center;
}
#footer h4 > span::after{display:none;}

.category-perex p:first-of-type span {
line-height:1.1; 
}
} /*konec mobilního zobrazení*/

.category-perex, .category__secondDescription {margin-bottom: 0px;}

.category-top::before {
content: "";
position: absolute;
top: 0px;
left: 50%;
width: 100vw;
margin-left: -50vw;
height: 100%;
background-color:#f3ede3;
z-index: -1;
}

.cart-inner .contact-box [class*=" icon-"], .cart-inner .contact-box [class^="icon-"], .extras-wrapper [class*=" icon-"], .extras-wrapper [class^="icon-"] {
color: #37322d!important;
}
@media (min-width:768px) {
.footer-newsletter {max-width: 560px;}}

.footer-newsletter h2 {color: #FFF;}
.footer-newsletter .form-group [type="hidden"] + label {color: #FFF;}
.footer-newsletter-full-width {
background-color: #37322d;
position: relative;
padding-bottom: 10px;
}

.footer-newsletter-full-width::after {
content: "";
position: absolute;bottom: 0;
left: 15%;
right: 15%;
border-bottom: 1px solid #FFF;
}

.footer-newsletter .compact-form .btn, .footer-newsletter .form-control {height: 35px;}
.footer-newsletter .compact-form .btn {
background-color: #fff!important;
border-color: #fff!important;
color: #000!important;}
.footer-newsletter .form-control {
background-color: hsla(0,0%,100%,.2)!important;
color: #fff!important;}
.footer-newsletter {padding: 20px 0px;}

.next-to-carousel-banners .extended-banner-texts {
border-top-left-radius: 0;
border-top-right-radius: 0;
padding:20px;
position: static;
width: 100%;
background-color:#37322d;
align-items: center;
}

.next-to-carousel-banners .extended-banner-texts .extended-banner-link {
color:#f3ede3;
white-space: nowrap;}

.banner-wrapper {
padding: 15px;
padding-bottom: 80px;
}
.next-to-carousel-banners .extended-banner-texts .extended-banner-link::after {content: no-open-quote;}

@media (max-width: 992px){
.next-to-carousel-banners {
flex-flow: row wrap;
gap: 16px;
padding-bottom: 40px;
}

.banner-wrapper {
flex: 1 1 calc(50% - 16px);
box-sizing: border-box;
padding-bottom: 0px;
}

.banner-wrapper {
position: relative;
overflow: hidden;
}

.banner-wrapper img {
display: block;
width: 100%;
height: auto;
}

.homepage-blog-wrapper .news-items {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
margin-left: -8px;
margin-right: -8px;
}
.homepage-blog-wrapper .news-items > * {
flex: 0 0 auto;
margin: 8px;
}
.homepage-blog-wrapper .news-items > * {
flex: 1 0 auto;
margin: 8px;
}}

@media (min-width: 992px) {
.news-items {
display: flex;
flex-wrap: nowrap;
gap: 20px;
justify-content: center;
}
.news-item {
width: 400px;
/*height: 461px;*/
box-sizing: border-box;
}}

@media (min-width: 768px) {
.homepage-blog-wrapper .image+.text {
background: rgba(0,0,0,0);
}
.homepage-blog-wrapper{z-index:1;}
.homepage-blog-wrapper .news-item .text {
position: relative;
overflow: visible;
color:black;
display: flex;
flex-direction: column;
/*gap: 30px;*/
}
.homepage-blog-wrapper .news-item .title {
font-size:20px;
overflow: visible;
/*font-weight:400;*/
line-height:25px;
}

.homepage-blog-wrapper .image+.text .description, .homepage-blog-wrapper .image+.text .news-heading, .homepage-blog-wrapper .image+.text .title, .homepage-blog-wrapper .image+.text a, .homepage-blog-wrapper .image+.text time {
color: #000;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
overflow: hidden;
text-overflow: ellipsis;
}
.homepage-blog-wrapper .news-item .image img {border-radius:0;}
.homepage-blog-wrapper {padding:0px;}
.homepage-blog-wrapper .news-item .read-article,.one-column-body .homepage-blog-wrapper .news-item .description,.one-column-body .homepage-blog-wrapper .news-item time {
margin: 5px 0 0;}

.homepage-blog-wrapper .news-item .text {
left: 0px;
top:0px;
right:0px;
}}

.breadcrumbs-background {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 50px;
background-color: #f3ede3;
z-index: -1;
}

.p-detail-full-width {background-color: #f3ede3;}

.shp-tabs, .shp-tabs-holder {background-color: #f3ede3;}

@media (min-width: 768px) {
.one-column-body .homepage-blog-wrapper .news-item .image + .text {
padding: 10px;
}
.news-items {
margin-bottom: 30px;
}}

a.social-icon {background-color: #000;}

@media (min-width: 768px) {
.homepage-blog-wrapper .image + .text:hover {
background: rgba(0,0,0,0);
}}

@media (min-width: 768px) {
#newsWrapper .news-item .text {
background: rgba(0, 0, 0, 0);
}}

/*Srovnání velikosti loga na homepage*/
@media (min-width:768px) {
#header .header-top .header-top-wrapper .site-name, #header .header-top .header-top-wrapper h1.site-name {
font-size: 0px!important;
line-height: 0px!important;
}
}

.flag.flag-new {
background-color: #7d9d90;
border-radius: 0;
}

.flag.flag-action {
background-color: #dc494f;
border-radius: 0;
}

@media (min-width:768px) {
.sidebar, .sidebar .box {
    z-index: 5;
}}

@media (min-width:768px) {
.category-title, .content-inner > h1, .content > h2, article header h1 {
margin-top: 20px;
}}

article > img {
    display: none;
}

@media (max-width: 768px) {
.p-detail-inner-header-mobile .h1 {
font-size: 24px;
}
.p-short-description ul {
padding-left: 25px;
}}

@media only screen and (max-width: 768px) {
.subcategories {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}

.subcategories > * {
width: 100%;
}}

.extras-wrapper .discount-coupon input {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}

.box.box-bg-variant.box-sm.box-section1 a {
color: #7d9d90;
}

.box.box-bg-variant.box-sm.box-section1 a:hover {
color: #7d9d90;
}

.site-msg.information .text {
color: #fff;
}

.site-msg.information, div.message.notice-message {
background-color: #7D9D8F;
}

@media (min-width: 768px) {
.desktop-margin-image {
float: right;
margin-right: 50px;
margin-left: 50px;
}}

@media (min-width:768px) {
.filters #category-filter-hover{
display: block;
}
.filters .filter-section.filter-section-button {
display: none;
}
}

@media (min-width:768px) {
.footer-rows .custom-footer {
flex-direction: row;
padding-bottom: 22px;
padding-left: 80px;}}

.btn.btn-secondary, a.btn.btn-secondary {
	background-color: #37322d!important;
	border-color: #37322d!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.btn.btn-secondary:hover, a.btn.btn-secondary:hover {
	background-color: #6d6665!important;
	border-color: #6d6665!important;
	color:#fff!important;
	border-radius: 0px!important;
}

#footer h4 {color:#000;}
.p-detail-inner .p-price-wrapper .price-final {color:#000;}

.btn.btn-cart, .btn.btn-conversion, .btn.btn-primary:hover, a.btn.btn-cart, a.btn.btn-conversion, a.btn.btn-primary:hover {
	background-color: #37322d!important;
	border-color: #37322d!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.p-detail-inner .p-to-cart-block .add-to-cart-button {color:#fff!important;}
.products-block > div .p .p-in .p-bottom > div .p-tools .add-to-cart-button i {
color:#fff!important;
background-color: transparent;
transition: color 0.3s ease;}

.products-block > div .p .p-in .p-bottom > div .p-tools .add-to-cart-button:hover i {
color:#fff!important;
background-color: transparent;}

.benefitBanner__data {color:#000;}
.footer-rows {background-color:#F9F9F9;}

#footer h4 > span::after {
background-color:#000;
border-color:#000;}

.one-column-body .welcome-wrapper .welcome {background-color:#F9F9F9;}
.one-column-body .welcome-wrapper {background-color:#F9F9F9;}
.welcome-wrapper {padding: 20px 0;}
.product-slider-holder .product-slider-pagination .pagination-button.active {background-color:#000;}

.btn.btn-cart:hover, .btn.btn-conversion:hover, .btn.btn-primary:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover, a.btn.btn-primary:hover {
	background-color: #6d6665!important;
	border-color: #6d6665!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.btn.btn-primary, a.btn.btn-primary {
	background-color: #37322d!important;
	border-color: #37322d!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.cart-table .p-total .price-final {
color:#000;
}

#content ol.cart-header li strong::before {
background-color: unset;
}

.benefitBanner .benefitBanner__picture {
flex: 0 0 36px;
height: 36px;
margin: 6px;
}

.link-like:focus, .link-like:hover, a:focus, a:hover {
color:#669c35;
}

a.social-icon:hover {
background-color:#000;
}

.multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper i, .one-column-body .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .one-column-body .filters-wrapper .filters-unveil-button-wrapper i {
border-color:#000;
color:#fff !important;
border-radius: 0px!important;
}

.multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover, .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper i, .one-column-body .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover, .one-column-body .filters-wrapper .filters-unveil-button-wrapper i:hover {
	background-color: #6d6665!important;
	border-color:#6d6665!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.filters-unveil-button-wrapper .btn.btn-default.unveil-button {
	border-color:#37322d!important;
	border-color:#37322d!important;
	color:#fff!important;
	border-radius: 0px!important
}

.cart-content h4 {color:#000;}
.cart-inner .contact-box [class*=" icon-"], .cart-inner .contact-box [class^="icon-"], .extras-wrapper [class*=" icon-"], .extras-wrapper [class^="icon-"] {color:#37322d!important;}
.cart-inner .contact-box {font-size: 14px;}

.icon-search:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.navigation-buttons a:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="search"]:hover, .navigation-in > ul > li > a:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.icon-login:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.navigation-buttons a[data-target="login"]:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.p-detail-inner h1 {letter-spacing: 1px;}

@media (min-width:768px) {
#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {
max-height: 55px;}}

.subcategories.with-image li a .image {display: none;}
.cart-content h4 > i.icon-van {color:#000;}
.cart-content h4 > i.icon-wallet {color:#000;}
.cart-content h4 > i.icon-login {color:#000;}
.cart-content h4 > i.icon-home {color:#000;}


.multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper i {
background-color: #37322d!important;
border-color: #37322d!important;
color:#fff!important;
border-radius: 0px!important;
}

.multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover, .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper:hover i {
background-color: #37322d!important;
border-color: #37322d!important;
color:#fff!important;
border-radius: 0px!important;
}

.shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab a:hover {color:#000 !important;}
.category-title, .content-inner>h1, .content>h2, article header h1 {font-size: 30px;}
.pagination-appendix {display: none;}

@media (min-width:768px) {
#content #filters {
margin-top: 15px;}}

fieldset {
padding-block-start: 0em;
padding-block-end: 0em;}
.filter-sections .filter-section h4 {
margin-top: 10px;
margin-bottom: 3px;}

@media (min-width:768px) {
.category-top {
margin-bottom: 18px;
padding-bottom: 5px;}}

.breadcrumbs {padding: 15px 16px;}
.category-title {margin-bottom: 1px !important;}
.stars .star.is-active:hover, .stars .star.star-half::before, .stars .star.star-on::before {color:#669c35;}
.homepage-latest-contribution .latest-contribution-wrapper {display: none;}

#hodnoceniobchodu .shop-stat-all a {
background-color:#fff;
color:#000;
border-color:#000;}

#hodnoceniobchodu .shop-stat-all a:hover {
background-color:#fff;
color:#000;
border-color:#000;}

.login-from-cart {color:#669c35;}
.radio-wrapper.active {background-color: rgba(0, 0, 0, 0.05);}
.for-free {color:#000;}
.popup-widget.search-widget form .search-form-input-group .search-input {border-color:#000;}

.btn.btn-default, a.btn.btn-default {
background-color: #37322d!important;
border-color: #37322d!important;
color:#fff!important;
border-radius: 0px!important;
}

.btn.btn-default:hover, a.btn.btn-default:hover {
background-color: #6d6665!important;
border-color: #6d6665!important;
color:#fff!important;
border-radius: 0px!important;
}

.searchWhisperer__products .searchWhisperer__product__cart .btn-primary:hover {
background-color: #6d6665!important;
border-color: #6d6665!important;
color:#fff!important;
border-radius: 0px!important;
}

.searchWhisperer__buttonWrapper .btn.searchWhisperer__button:hover {
background-color: #6d6665!important;
border-color: #6d6665!important;
color:#fff!important;
border-radius: 0px!important;
}

.product-slider-holder .product-slider-pagination .pagination-button:hover {background-color: #000;}
.product-slider-holder .product-slider-navigation:hover::before {color:#000;}
.price-final strong {font-size: 20px;}
/*.site-msg.information, div.message.notice-message {background-color: rgba(255, 0, 0, 0.2);}*/

@media (max-width:768px) {
.site-msg.information {position: static;}}
.advanced-parameter-inner.yes-before {border-color:#000;}

/*@media (min-width:768px) {
.category-perex, .category__secondDescription {
margin-left: 40px;
margin-right: 40px;}}*/

.question-tooltip {
border-color:#000;
color:#000;}

.subcategories.with-image li a .text {
padding-left: 7px;
width: calc(100% - 3px);
}

.flag.flag-discount {background-color: #9bda99;}
.flag.flag-discount .price-standard {display: none;}

@media (min-width:768px){
.p-image-wrapper .flags-extra .flag .price-save, .p-image-wrapper .flags-extra .flag .price-standard {font-size: 20px;}
}

@media (max-width:768px){
.p-image-wrapper .flags-extra .flag .price-save, .p-image-wrapper .flags-extra .flag .price-standard {font-size: 16px;}
}

.p-detail-inner .p-price-wrapper .price-save {display: none;}
.p-price-wrapper .price-additional, .p-price-wrapper .standard-price-label {display: none;}
.flags-extra {
top: 0;
padding-top: 35px;
padding-left: 15px;}
.extras-wrapper .discount-coupon input {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;}

.footer-rows, #footer {
background-color: #37322d;
color: #FFF !important;}

.footer-rows * {color: #FFF !important;}
.footer-rows a {color: #FFF !important;}

#footer h4 > span::after {border-color: #FFF;}

.footer-newsletter h2 {color: #FFF;}
.footer-newsletter .form-group [type="hidden"] + label {color: #FFF;}
.footer-newsletter-full-width {
background-color: #37322d;
position: relative;
padding-bottom: 10px;
}

.footer-newsletter-full-width::after {
content: "";
position: absolute;bottom: 0;
left: 15%;
right: 15%;
border-bottom: 1px solid #FFF;
}

.benefit-banners-full-width {background-color:#faf6f0;}

/*
.footer-newsletter-full-width {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
text-align: center;
}

.footer-newsletter-full-width > * {
flex: 1;
max-width: 50%;
box-sizing: border-box;
}

.footer-newsletter-full-width > .left-column {
margin-right: 20px;
color: #FFF !important;
}

.footer-newsletter-full-width > .footer-newsletter {margin-left: 20px;}
*/




@media (min-width:992px) {
.carousel .extended-banner-texts {
  position: absolute!important;
  left: 75%!important;
  top: 50%!important;
  transform: translate(-50%, -50%)!important;
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  text-align: center!important;
  z-index: 10!important;
  max-width: 80%!important;
  padding: 20px!important;
  background-color: #fff!important;
  color: white!important;
border-top-left-radius: 0px!important;
border-top-right-radius: 0px!important;
min-height: 60%!important;
 width: auto !important;  /* Šířka bude přizpůsobena obsahu */
  height: auto !important;  /* Automatická výška podle obsahu */
min-width: 35%!important;
}

  .carousel .extended-banner-texts,
  .next-to-carousel-banners .extended-banner-texts {
    bottom: unset !important;
  }

.carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title {
  font-size: clamp(20px, 4vw, 28px)!important;
  line-height: 1.2!important;
  margin-bottom: 15px!important;
color: #37322d!important;
font-weight:600!important;

}

.carousel .extended-banner-texts .extended-banner-text {
  font-size: clamp(12px, 3vw, 16px)!important;
  line-height: 1.4!important;
  margin-bottom: 20px!important;
color: #8c8987!important;
font-weight:400!important;
}

.carousel .extended-banner-texts .extended-banner-link {
  font-size: clamp(12px, 2.5vw, 18px)!important;
  padding: 15px 30px!important;
background-color: #37322d!important;
    border-color: #37322d!important;
color: #fff!important;
  text-decoration: none!important;
  border-radius: 0px!important;
font-weight:500!important;
margin-top:20px!important;
}

.carousel .extended-banner-texts .extended-banner-link:hover {
    border-color: #37322d!important;
}


}


@media (max-width:991px) {
.carousel .extended-banner-texts {
  background-color: #fff!important;
  color: white!important;
text-align: center!important;
}

.carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title {
  font-size: clamp(20px, 4vw, 28px)!important;
  line-height: 1.2!important;
color: #37322d!important;
font-weight:600!important;

}

.carousel .extended-banner-texts .extended-banner-text {
  font-size: clamp(12px, 3vw, 16px)!important;
  line-height: 1.4!important;
color: #8c8987!important;
font-weight:400!important;
}

.carousel .extended-banner-texts .extended-banner-link {
  font-size: clamp(12px, 2.5vw, 18px)!important;
background-color: #37322d!important;
    border-color: #37322d!important;
color: #fff!important;
  text-decoration: none!important;
font-weight:500!important;
  border-radius: 0px!important;
}

.carousel .extended-banner-texts .extended-banner-link:hover {
    border-color: #37322d!important;
}}



@media (max-width:992px){
.extended-banner-link {
display: block;
margin: 0 auto;
text-align: center;
}
.extended-banner-text{
display: block;
margin: 0 auto;
text-align: center;
}}

.carousel .extended-banner-texts .extended-banner-link::after {content: unset;}

.breadcrumbs {
list-style: none;
background-color: #f3ede3;
padding-left:50px;
}

.breadcrumbs a {
text-decoration: underline;
color: #000;
font-weight:500;
}

.breadcrumbs span {
color: #000;
text-decoration: none;
font-weight:500;
}

.category-top {
position: relative;
z-index: 1;
padding-bottom: 1px;
}

/*.category-top::before {
content: "";
position: absolute;
top: -24px;
left: 50%;
width: 100vw;
margin-left: -50vw;
height: 112%;
background-color:#f3ede3;
z-index: -1;
}*/

.subcategories {
position: relative;
z-index: 1;
background-color: white;
padding-bottom: 17px;
box-sizing: border-box;
}

.subcategories::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
margin-left: -50vw;
height: calc(100% + 17px);
background-color: white;
z-index: -1;
}

.next-to-carousel-banners {background-color: #f3ede3;}

.text-container {
text-align: center;
background-color: #f3ede3;
padding: 15px;
width: 100%;
box-sizing: border-box;
}
.text-container h2 {
font-weight: 400;
text-transform: uppercase;
word-wrap: break-word;
white-space: normal;}

.header-bottom {
box-shadow: 0 6px 6px -6px rgba(0, 0, 0, .2);
position: relative;
z-index: 10;}

#category-description {
color: #8c8987;
text-align: center;
max-width: 1000px;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
font-weight:100;
padding-bottom:30px;
}

#category-description p {
margin: 0;
line-height: 1.6;
}

.category-perex h2, .category__secondDescription h2 {
font-weight: 400;
padding-top:50px;}

.category-title {display: none;} /*nechá zmizet nadpisy kategorií*/

.quantity,
.tab-content .detail-parameters,
.popup-widget.search-widget form .search-form-input-group .search-input,
.footer-newsletter .form-control {border-radius: 0;}

input[type="checkbox"], input[type="email"], input[type="radio"], input[type="search"], input[type="text"] {border-radius: 0px;}

.form-control, select {border-radius: 0px;}

@media (min-width: 767px) {
    .subcategories.with-image li a {
        border-radius: 0px;
        font-size: 12px;
    }
}

.extras-wrapper .discount-coupon input {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#content ol.cart-header li a::before, #content ol.cart-header li strong::before {
    border-radius: 0px;
}

.back-button-container {
    display: block !important;
    text-align: center !important;
    margin-top: 40px !important;
}

.back-button {
    background-color: #37322d !important;
    border: 1px solid #37322d !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block !important;
    margin: 0 auto !important;
}

.breadcrumbs::before {
    content: '';
    background-color: #f3ede3;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1;
}

.breadcrumbs {
position: relative;
}

@media (min-width: 768px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 747px;
    max-width: 747px;
  }
}

@media (min-width: 992px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 972px;
    max-width: 972px;
  }
}

@media (min-width: 1200px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 1178px;
    max-width: 1178px;
  }
}

@media (min-width: 1440px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 1420px;
    max-width: 1420px;
  }
}

.category__secondDescription {
  position: relative; 
  z-index: 1;         
  margin: 0 auto;     
  padding-bottom: 1px; 
  box-sizing: border-box;
  background-color: transparent; 
  max-width: 100%;
}

.category__secondDescription::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;         
  margin-left: -50vw;  
  bottom: 0;
  background-color: #f3ede3; 
  z-index: -1;
}
  
.category-top {
    border-bottom-style: none;
    border-bottom-width: 0px;
}

@media (min-width: 768px) {
.blog-wrapper:not(.homepage-blog-wrapper) #newsWrapper {
  max-width: 1200px !important;
  width: 100%;
  margin: 0 auto !important;
  display: block !important;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child {
  position: relative;
  flex-basis: 100%;
  display: block;
  margin-bottom: 32px;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 400px;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child .image img {
  border-radius: 0 !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child .text {
  position: absolute !important;
  top: auto !important;
  right: auto !important;
  bottom: 16px !important;
  left: 16px !important;
  display: block !important;
  color: #000 !important;
  pointer-events: none;
  z-index: 2;
  text-align: left;
  box-sizing: border-box;
  max-width: 70%;
  height: auto;
  background: #fff!important;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) {
  display: flex !important;
  flex-direction: row !important;
  flex-basis: 100%;
  margin-bottom: 16px;
  padding: 12px;
  align-items: flex-start;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  position: relative;
  height: 300px;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) a {
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image {
  width: 30% !important;
  margin-right: 16px;
  height: 100%;
  object-fit: cover;
  position: relative;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image img {
  border-radius: 0 !important;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .text {
  width: 70% !important;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  background: none !important;
  color: #000 !important;
  z-index: 2;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item .text,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .text *,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .title,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .description,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .read-article,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item time {
  color: #000 !important;
}
}

@media (max-width: 768px) {
  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) {
    display: block !important;
    margin-bottom: 16px;
    height: auto !important;
    box-shadow: none;
    padding: 8px;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) a {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    text-decoration: none;
    width: 100%;
    height: auto;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image {
    width: 80px !important;
    min-width: 80px;
    height: 80px;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image img {
    border-radius: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .text {
    display: flex;
    flex-direction: column;  
    justify-content: flex-start; 
    width: calc(100% - 80px) !important; 
    background: none !important;
    color: #000 !important;
    z-index: 2;
    padding: 0px;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 4px;
    margin-top: 0px;
  }
  
  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) time {
    font-size: 10px;
  }
  
  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .description {
    font-size: 14px;
    line-height: 1.4;
  }
}

/**/
@media (max-width: 768px) {
  .homepage-blog-wrapper .news-item {
    display: block !important;
    margin-bottom: 16px;
    height: auto !important;
    box-shadow: none;
    padding: 8px;
  }

  .homepage-blog-wrapper .news-item a {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    text-decoration: none;
    width: 100%;
    height: auto;
  }

  .homepage-blog-wrapper .news-item .image {
    width: 80px !important;
    min-width: 80px;
    height: 80px;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
  }

  .homepage-blog-wrapper .news-item .image img {
    border-radius: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .homepage-blog-wrapper .news-item .text {
    display: flex;
    flex-direction: column;  
    justify-content: flex-start; 
    width: calc(100% - 80px) !important; 
    background: none !important;
    color: #000 !important;
    z-index: 2;
    padding: 0px;
  }

  .homepage-blog-wrapper .news-item .title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 4px;
    margin-top: 0px;
  }
  
  .homepage-blog-wrapper .news-item time {
    font-size: 10px;
  }
  
  .homepage-blog-wrapper .news-item .description {
    font-size: 14px;
    line-height: 1.4;
  }
.homepage-blog-wrapper .news-items {
display: block;
flex-wrap: wrap;
overflow-x: visible;
margin-left: -8px;
margin-right: -8px;
}
}