:root {
--primary-gold: #D4AF37;
--primary-gold-hover: #AD9138;
--primary-radius: 4px;
--primary-bg-green: linear-gradient(180deg, #46835C 0%, #1D7139 100%);
}

@font-face {
font-family: 'PlayfairDisplay';
src: url('/user/documents/font/PlayfairDisplay-VariableFont_wght.woff2') format('woff2');
font-weight: 100 900;
font-style: normal;
}

@font-face {
font-family: 'SourceSans3';
src: url('/user/documents/font/SourceSans3-VariableFont_wght.woff2') format('woff2');
font-weight: 100 900;
font-style: normal;
}

@font-face {
font-family: 'Montserrat';
src: url('/user/documents/font/Montserrat-VariableFont_wght.woff2') format('woff2');
font-weight: 100 900;
font-style: normal;
}

html {
font-size: 16px !important;
}

body {
line-height: 1.5;
color: #1A1A1A;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'PlayfairDisplay', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 20px;
}

p,
a,
b,
span,
.btn,
label,
input,
textarea,
select,
option,
button,
strong {
font-family: 'SourceSans3', sans-serif;
font-style: normal;
font-size: 16px;
}

p {
    text-align: justify;
}

select:focus-visible {
    outline: 0px !important;
}


input {
border-radius: var(--primary-radius) !important;
}

img {
border-radius: var(--primary-radius);
}

.latest-contribution-wrapper {
    display: none !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #1a1a1a !important;
opacity: 1 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
color: #1a1a1a !important;
opacity: 1 !important;
}

input::placeholder,
textarea::placeholder {
color: #1a1a1a !important;
opacity: 1 !important;
font-weight: 400 !important;
}

a.btn {
    background-color: var(--primary-gold);
    border-radius: var(--primary-radius);
    border: 1px solid var(--primary-gold);
    text-decoration: none !important;
    color: #FFFFFF;
}



a.btn:hover{
    background-color: var(--primary-gold-hover);
    color: #FFFFFF;
    border: 1px solid var(--primary-gold);
}

.content-wrapper:not(.benefitBanner):not(:has(.benefitBanner)),
.row.banners-row {
position: relative !important;
z-index: 2 !important;
background-color: transparent;
}

.content-wrapper.container,
.container:has(.skin-section) {
padding: 0 20px !important;
margin-left: auto;
margin-right: auto;
}

:where(body.ums_homepage_cart_checkout_headings--on) .welcome div {
max-width: 100%;
}

.homepage-box {
border: 0px !important;
}

.overall-wrapper {
overflow: hidden;
}

@media (min-width: 768px) {
.content {
padding-left: 0px;
padding-right: 0px;
}
.news-item-widget {
margin-bottom: 15px;
}
}

.blog-cta-wrap {
width: 100%;
text-align: center;
margin-top: 40px;
height: 90px;
}

.news-item .text .title {
font-size: 20px;
font-weight: 400;
text-decoration: underline !important;
line-height: 25px;
color: #000000;
}

.homepage-blog-moved .news-item .image img {
height: 220px;
border-radius: 20px 20px 20px 0;
object-fit: cover;
}

.homepage-blog-moved {
overflow-x: clip;
}

.blog-heading-wrap {
width: 100%;
text-align: center;
margin-bottom: 0px;
margin-top: 30px;
}

.row,
#navigation {
margin-left: 0 !important;
margin-right: 0 !important;
}

.blog-heading-title {
font-size: 28px;
line-height: 1.15;
margin-bottom: 12px;
font-weight: 500;
}

.blog-heading-description {
font-size: 20px;
line-height: 1.5;
color: #4d4d4d;
max-width: 720px;
margin: 0 auto;
font-weight: 400;
}

:where(body.ums_homepage_cart_checkout_headings--off) .welcome div {
max-width: 100%;
}

.content-wrapper.welcome-wrapper {
background: var(--primary-bg-green);
}

.homepage-box.welcome-wrapper {
border-top: 0px!important;
margin-bottom: 0px!important;
margin-top: 0px!important;
}

.content-wrapper:has(.cz-features-container.moved) {
background: #f7f4ed;
}

:where(.ums_discussion_rating_forms--on) .stars-wrapper {
flex-wrap: nowrap;
}

.products-block.products .p .price span,
.products-block.products .p .price strong {
font-size: 28px;
font-weight: 600;
}

.availability span[style="color:#8dd1c1"] {
color: #46835C!important;
font-weight: 500;
}

.availability span[style="color:#8dd1c1"]::before {
content: "\e913";
display: inline-block;
font-family: shoptet;
font-style: normal;
font-variant: normal;
font-weight: 300;
color: #46835C;
margin-right: 1px;
}

.products-block .ratings-wrapper {
min-height: 30px;
padding-bottom: 0px;
}

.product .p-in-in .name span {
font-size: 20px;
}

.p .name {
color: #000;
font-size: 20px;
font-weight: bold;
}

.products-block.products .p .name {
height: 65px;
margin-bottom: 0;
}

.product .p-in-in {
display: flex;
flex-direction: column-reverse;
}

.product .p-in-in .product-appendix {
display: none;
}

.stars .star.is-active:hover,
.stars .star.star-half:before,
.stars .star.star-on:before {
color: var(--color-primary);
}

:where(.ums_discussion_rating_forms--off) .stars a,
:where(.ums_discussion_rating_forms--off) .stars span {
width: 17px;
}

:where(.ums_discussion_rating_forms--off) .stars {
width: 90px;
}

:where(.ums_discussion_rating_forms--off) .stars a:before,
:where(.ums_discussion_rating_forms--off) .stars span:before {
font-size: 15px;
}

.products .product .p-bottom .p-tools form:hover button {
transition: .3s;
background: var(--primary-gold-hover);
}

.p-bottom .p-tools form button::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
-webkit-mask-image: url("/user/documents/svg/shopping-cart.svg");
mask-image: url("/user/documents/svg/shopping-cart.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
background-color: #fff;
}

@media (min-width: 1440px) {
.products .product {
width: 290px!important;
}
body.in-index .products-block {
justify-content: space-around;
}
}

.products .product {
box-shadow: 1px 1px 10px #D7D7D7;
border-radius: 10px 10px 0 0;
border: 2px solid #EFE9DD !important;
transition: .4s;
}

.product {
position: relative;
padding-bottom: 15px !important;
margin-bottom: 35px!important;
}

.product::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
aspect-ratio: 314 / 34;
transform: translateY(90%);
background-size: 100%;
background-image: url("/user/documents/svg/item_line.svg");
background-repeat: no-repeat;
background-position: center bottom;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}

@media (max-width: 767px) {
.product::after {
transform: translateY(93%);
}
:nth-child(1 of .moved-category-wrapper.content-wrapper.container) {
margin-top: 30px;
}
.moved-category-wrapper.content-wrapper>.container:has(.products-block) {
padding: 0px;
}
body:not(.type-product) .breadcrumbs.navigation-home-icon-wrapper {
    padding-left: 0px;
}
}

.products .product:hover {
border: 2px solid #D4AF37!important;
}

.products-block>div {
border-right-width: 0;
}

.product .p .image img {
height: 250px;
object-fit: cover;
}

.products-block .name {
line-height: 1.2;
}

.availability .show-tooltip,
.availability .availability-amount {
text-transform: lowercase !important;
font-size: 13px;
color: #46835C;
}

.availability .show-tooltip {
font-weight: 500;
}

.availability .availability-amount {
font-weight: 400;
}

.availability {
display: inline-flex;
align-items: center;
gap: 4px;
margin-bottom: 10px;
}

.blog-wrapper .news-item:nth-child(n+3):last-child {
margin-right: 0px !important;
}

.homepage-blog-wrapper .news-items-grid {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.blog-wrapper .news-item {
    padding: 0px;
}

.blog-wrapper .news-item,
.news-item {
display: flex;
flex-direction: column;
box-sizing: border-box;
}

.news-item .read-more-btn-wrapper:not(:has(a)) {
display: none;
}

.news-item .read-more-btn-wrapper {
margin-top: auto;
padding-top: 15px;
}

/* #newsWrapper (související články) - grid místo flexu, ať nemusíme
   počítat flex-basis procenta pro každý breakpoint zvlášť */
#newsWrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}

@media (max-width: 1199px) {
#newsWrapper {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 767px) {
#newsWrapper {
grid-template-columns: 1fr;
}
}

.availability:has(span[data-original-title="Skladem."])::before {
content: "";
display: inline-block;
width: 13px;
height: 10px;
background-color: #46835C;
mask-image: url('/user/documents/svg/check.svg');
-webkit-mask-image: url('/user/documents/svg/check.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: bottom right;
-webkit-mask-position: bottom right;
mask-size: contain;
-webkit-mask-size: contain;
z-index: 1;
}

.availability:not(:has([data-original-title="Skladem."])) .availability-amount{
    display: none !important;
}

@media (min-width: 768px){
.availability:has(.availability-amount) [data-original-title="Skladem."]::after {
content: ",";
margin-left: -0.23em;
}
}

@media (max-width: 768px) {
    .product .availability-amount {
        display: none !important;
    }
}

.benefitBanner__link {
    width: 100% !important;
}

.benefitBanner__content {
text-align: center;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}

.position--benefitHomepage {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}

.benefitBanner__title {
font-family: 'PlayfairDisplay', serif;
font-size: 1.25rem;
font-weight: 500;
color: #fff;
}

.benefitBanner__item:first-of-type {
margin-bottom: 0px !important;
padding-top: 0px;
padding-bottom: 15px;
}

.benefitBanner.position--benefitHomepage {
margin-top: 0px;
}

.benefitBanner__item:has(>.benefitBanner__content>.benefitBanner__data>.benefits-title) {
width: 100% !important;
flex: 0 0 100% !important;
border: 0px;
}

.benefits-title,
.benefits-title span {
font-family: 'PlayfairDisplay', sans-serif;
font-size: 2rem;
font-weight: 500;
color: #fff;
}

.benefits-title span {
font-weight: 700;
}

span.gold-text {
color: var(--primary-gold) !important;
}

.benefitBanner {
width: 100%;
position: relative;
isolation: isolate;
}

.benefitBanner::before {
content: "";
position: absolute;
top: -150px;
bottom: 0px;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: linear-gradient(180deg, #46835C 0%, #1D7139 100%);
z-index: -1;
}

body.type-page .benefitBanner::before {
    top: 0px;
    bottom: 0px;
}

body.in-index .benefitBanner__item:nth-last-child(2) {
border-bottom: none;
}

@media (min-width: 992px) {
.benefitBanner__item,
.multiple-columns-body .benefitBanner__item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 1 1 20%;
padding: 30px 10px 30px 10px;
gap: 15px;
border-right: 1px solid #ddd;
}
.benefitBanner__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body.in-index .benefitBanner__item:nth-last-child(2) {
border-right: none;
}
.benefitBanner.position--benefitHomepage {
margin-bottom: 100px;
}
.benefitBanner__item:last-child {
border-right: none;
}
.benefitBanner__content {
text-align: center;
}
.benefitBanner__picture {
flex-shrink: 0;
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.benefitBanner__img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}

.custom-welcome-wrapper {
width: 100%;
text-align: center;
}

.custom-welcome-wrapper h1 {
font-weight: 600;
font-size: 30px;
}

.custom-welcome-wrapper img {
display: block;
margin: 0 auto 10px;
max-width: 150px;
}

.homepage-box {
border-bottom-width: 0px;
}

.stars-element .stars.star-list {
gap: 5px;
}

@media(max-width:767px) {
.benefitBanner::before {
margin-bottom: 45px;
}
.result-card__heading {
margin-top: 10px!important;
}
.banner__logo {
height: 16px!important;
width: 134px!important;
}
.benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(4) {
margin-bottom: 0px!important;
}
.footer-icons-title {
text-align: left!important;
}
.footer-icons {
justify-content: flex-start;
}
.contact-card {
flex-direction: row!important;
}
.contact-card__left,
.contact-card__right {
width: 46%!important;
flex-direction: column!important;
}
:where(.ums_forms_redesign--off) .compact-form .btn {
height: 37px;
}
.latest-contribution.latest-contribution-discussion {
flex-direction: column;
}
.review-header-h {
height: 70px!important;
}
.blog-heading-description {
font-size: 18px;
}
.blog-cta-wrap {
margin-top: 0px;
}
.homepage-blog-wrapper.row.blog-wrapper {
margin-left: 0;
margin-right: 0;
}
.blog-wrapper .news-item {
padding: 20px;
}
.result-card__image {
height: 180px!important;
}
.result-card__heading {
font-size: 20px;
}
.btn.btn--outline,
.btn.btn--filled {
font-size: 12px!important;
padding: 10px 5px !important;
}
.result-card__body {
padding: 8px 7px 7px!important;
}
.result-card {
border-radius: 20px 20px 20px 0!important;
}
.products-block.products>div {
padding: 5px;
margin-bottom: 15px;
}
.products-block.products .ratings-wrapper {
margin-bottom: 5px;
}
.availability span[style="color:#8dd1c1"] {
font-size: 11px;
}
.availability::before {
width: 11px;
height: 8px;
}
.availability {
margin-bottom: 5px;
}
.availability .availability-amount {
display: none;
}
.products-block.products .p .price span,
.products-block.products .p .price strong {
font-size: 20px;
}
.product .p-in-in .name span {
font-size: 16px;
}
.product .p .image img {
height: 175px;
}
.h4.homepage-group-title,
h4.homepage-group-title,
.blog-heading-title {
font-size: 24px;
}
.position--benefitHomepage {
padding: 25px 10px;
border-radius: 20px;
}
.custom-welcome-wrapper {
margin-top: 60px;
}
.custom-welcome-wrapper h1 {
font-size: 28px;
}
.benefitBanner__content {
text-align: left;
flex: 1;
}
.benefitBanner__item {
display: flex;
flex-direction: row;
padding: 30px 10px 30px 10px;
gap: 15px;
border-bottom: 1px solid #ddd;
}
.benefitBanner__item:last-child {
border-bottom: none;
}
.benefits-title {
text-align: center;
}
.benefitBanner__picture {
flex-shrink: 0;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.benefitBanner__img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}

@media (min-width: 321px) and (max-width: 767px) {
.columns-mobile-2 .products-block>div {
width: 49%;
}
.products-block {
justify-content: space-between;
}
.columns-mobile-2 .products-block>div .p a.image {
margin-bottom: 10px;
}
.columns-mobile-2 .products-block>div .p-bottom .p-tools {
min-width: 100%;
}
.p-bottom .p-tools form button {
width: 100%;
}
.products-block.products .p .name {
height: 45px;
}
}

.h4.homepage-group-title,
h4.homepage-group-title {
font-weight: 500;
font-size: 32px;
margin-bottom: 30px;
}

:where(.ums_forms_redesign--off) .form-control {
height: 47px!important;
}

#footer a {
text-decoration: underline !important;
font-weight: 500;
}
#footer a:hover {
text-decoration: none !important;
font-weight: 500;
}

#footer .custom-footer__articles ul li a {
font-size: 16px;
text-decoration: underline!important;
text-transform: uppercase;
font-weight: 500;
}

/* Odkazy v sekcích patičky (Inspirace, Něco málo o nás, O nákupu, Důležité
   informace) - dřív .news-item-widget > h4.newsItemWidget__heading > a
   (generovalo přes rubriky duplicitní odkazy), teď přímo <a> uvnitř
   .footer-nav-links. Font stejný jako předtím po h4 (viz obecné pravidlo
   pro h1-h6), barva/podtržení řeší už #footer a výše. */
.footer-nav-links > a {
    display: block;
    font-family: 'PlayfairDisplay', sans-serif;
    font-size: 20px;
}

@media (min-width: 768px) {
    .footer-nav-links > a {
        margin-bottom: 15px;
    }
}

.footer-icons-title {
text-align: center;
color: #000;
font-weight: 500;
font-size: 28px;
margin-bottom: 20px;
}

#footer .pageElement__heading {
font-size: 28px;
text-transform: none;
font-weight: 500;
}

#footer,
#footer>.container {
background: #f7f4ed;
}

.custom-footer {
border-width: 0;
}

#footer>.container>.site-name {
display: none;
}

.footer-logo {
text-align: center;
justify-content: center;
font-size: 18px;
}

.footer-logo>.site-name {
position: relative;
max-width: 100%;
width: 100%;
text-align: center !important;
left: unset !important;
top: unset !important;
margin-bottom: 15px;
}

.flex.column {
flex-direction: column;
}

@media (min-width: 1200px) {
.custom-footer {
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
}
.custom-footer>div {
flex: 0 0 auto;
width: 25%;
}
}

.rc-author {
font-weight: 700;
font-size: 20px;
}

.latest-contribution-content {
width: 100%;
}

.rc-badge {
font-size: 16px;
font-weight: 800;
}

.latest-contribution-image {
display: none;
}

.hodnoceni-heading-p {
font-size: 20px;
color: #000;
text-decoration: underline;
}

.hodnoceni-heading {
font-family: 'PlayfairDisplay', serif;
margin: 0;
font-size: 28px;
font-weight: 500;
color: #000;
margin-bottom: 5px;
}

.rating-hp {
position: relative;
z-index: 1;
font-size: 80px;
font-weight: 800;
color: #000;
}

.review-header {
justify-content: center;
gap: 10px;
min-width: 100%;
}

.latest-contribution.latest-contribution-discussion h2 {
display: none;
}

.latest-contribution.latest-contribution-discussion {
display: flex;
justify-content: space-between;
}

.blog-heading-title,
.blog-heading-description {
color: #000!important;
}

.p-bottom .p-tools form button span,
.p-bottom .p-tools a.btn {
font-size: 16px;
line-height: 1;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}

.product .p-in-in {
/*height: stretch;*/
flex-grow: 1;
}

.availability-moved {
margin-top: auto;
}

.product .p-in {
display: flex;
flex-direction: column;
justify-content: space-between;
/*height: stretch;*/
flex-grow: 1;
}

.products-block.products .p .name {
height: auto;
margin-bottom: 5px;
}

@media (max-width: 767px) {
:where(.ums_forms_redesign--off) .compact-form .btn {
height: 47px;
}
.p-bottom .p-tools form button span,
.p-bottom .p-tools a.btn {
font-size: 14px;
}
.p-bottom .p-tools form button::before {
width: 18px;
height: 18px;
}
.custom-footer [class*="custom-footer__section"] ~ [class*="custom-footer__section"] {
    margin-top: 30px; 
}
}

@media (min-width: 321px) and (max-width: 767px) {
.columns-mobile-2 .products-block>div .flags-extra {
bottom: 0px;
}
.p-bottom .p-tools form button {
padding-top: 6px;
padding-bottom: 6px;
}
.p-bottom .p-tools .btn.btn-primary {
padding-top: 10px;
padding-bottom: 10px;
}
.p-bottom .p-tools form button,
.p-bottom .p-tools .btn.btn-primary {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
}

.category-header {
background: #fff;
}

.latest-contribution-wrapper {
margin-top: 10px;
}

.main-heading-cat {
display: none;
}

@media (max-width:768px) {
.iuv-reviews-section {
padding: 10px 20px;
}
.csr-panel--price {
left: auto!important;
right: 0!important;
}
.latest-contribution-wrapper {
padding-left: 10px;
padding-right: 10px;
}
.products-block {
gap: 0px;
padding: 15px;
justify-content: space-between;
}
.main-heading-cat {
display: block;
}
.category-title,
.sectionDescription h1,
header[itemprop="headline"] h1{
font-family: 'PlayfairDisplay', serif;
font-size: 32px;
font-weight: 600;
color: #FFFFFF;
}
}

@media(min-width: 321px) and (max-width: 366px){
    .products-block {
        padding: 5px;
    }
}

header[itemprop="headline"],
header[itemprop="headline"] p,
header[itemprop="headline"] span {
    color: #FFFFFF !important;
}

.antiaging-section {
display: flex;
flex-wrap: wrap;
}

.antiaging-section .col {
width: 50%;
margin-bottom: -83px;
}

.antiaging-section .col.text {
font-size: 16px;
color: #000;
margin-bottom: 83px;
}

.antiaging-section img {
max-width: 100%;
height: auto;
display: block;
position: relative;
top: -83px;
}

@media (max-width:768px) {
.antiaging-section {
flex-direction: column;
}
.antiaging-section .col {
width: 100%;
margin-bottom: 0;
}
.antiaging-section .image {
order: -1;
}
.antiaging-section img {
top: 0px;
}
}

.navigation-home-icon-wrapper:before {
top: 51%;
font-size: 14px;
font-weight: 900;
color: var(--primary-gold);
}
/*
.breadcrumbs>span>a:before {
top: 35.5%;
}

.breadcrumbs>span>a:after {
bottom: 28.5%;
}

.breadcrumbs>span>a:after,
.breadcrumbs>span>a:before {
height: 20%;
}
*/
@media (min-width: 768px) {

    .breadcrumbs>span>a, .breadcrumbs>span>span {
        display: inline-block;
        padding: 10px 10px;
        min-height: unset;
    }
    .breadcrumbs .navigation-bullet {
                display: inline-block;
        padding: 10px 0;
        min-height: unset;
    }

}

.breadcrumbs {
border-bottom: none;
}

.breadcrumbs a,
.breadcrumbs span {
font-size: 14px;
}

.blog-heading-description {
font-size: 18px;
}

.homepage-products-button {
display: flex;
flex-direction: row-reverse;
margin-bottom: -90px;
margin-top: 60px;
}

.homepage-products-button.mobile {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 20px;
margin-bottom: 20px;
}

.next-to-carousel-banners .extended-banner-text::before {
content: "›";
font-size: 40px;
font-weight: 400;
color: #fff;
position: absolute;
right: 0;
background: var(--primary-gold);
height: 100%;
line-height: 32px;
bottom: 0px;
width: 26px;
padding-left: 5px;
}

.next-to-carousel-banners a:hover .extended-banner-text {
width: 110px;
transition: width 0.35s ease, opacity 0.35s ease;
}

.next-to-carousel-banners a .extended-banner-text {
transition: width 0.35s ease, opacity 0.35s ease;
bottom: 10px;
max-width: 80%;
left: 10px !important;
width: 35px;
font-size: 13px;
left: auto;
border-radius: var(--primary-radius);
border: 2px solid var(--primary-gold);
background: var(--primary-gold);
font-weight: 600;
text-transform: uppercase;
padding: 8px;
overflow: hidden;
white-space: nowrap;
color: #fff;
line-height: 21px;
}

input[type=search] {
height: 40px!important;
}

.search button {
height: 40px!important;
line-height: 29px;
}

:where(.ums_forms_redesign--off) .compact-form .btn::after {
font-size: 18px;
}

@media (min-width: 1440px) {
body.in-index .products-block {
justify-content: space-between;
gap: 20px;
}
}

@media (max-width: 1440px) {
.result-card__actions .btn {
font-size: 12px!important;
}
}

@media (min-width: 620px) and (max-width: 767px) {
.product .p .image img {
height: 300px;
}
}

@media (min-width: 1200px) and (max-width: 1440px) {
.footer-icons .footer-icon {
margin: 8px;
}
.p-bottom .p-tools form button {
line-height: 1.5!important;
}
.products-block .p-bottom .prices {
max-width: 45%;
}
.products-block .p-bottom .p-tools {
max-width: 55%;
}
.products-block>div {
width: 23.5%;
}
body.in-index .products-block {
justify-content: center!important;
gap: 20px;
}
.products-block.products .p .price span,
.products-block.products .p .price strong {
font-size: 20px;
}

    .p-bottom:not(:has(.p-tools a.btn)) .p-tools {
        margin-right: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
.homepage-products-button a {
font-size: 10px;
}
.p-bottom .p-tools form button {
line-height: 1!important;
}
.p-bottom .p-tools form button::before {
display: none;
}
.products-block.products .p .price span,
.products-block.products .p .price strong {
font-size: 20px;
}
.product .p-in-in .name span {
font-size: 16px;
}
.product .p .image img {
height: 225px;
}
body.in-index .products-block {
justify-content: center!important;
gap: 20px;
}
.benefitBanner__title {
font-size: 15px;
}
.products-block>div {
width: 23%;
}
}

@media (min-width: 767px) and (max-width: 992px) {
.p-bottom .p-tools form button {
line-height: 1!important;
}
.p-bottom .p-tools form button::before {
display: none;
}
.products-block.products .p .price span,
.products-block.products .p .price strong {
font-size: 20px;
}
.product .p-in-in .name span {
font-size: 16px;
}
.product .p .image img {
height: 225px;
}
.products-block>div {
width: 31%;
}
body.in-index .products-block {
justify-content: center!important;
gap: 20px;
}
}

@media (min-width: 767px) and (max-width: 1280px) {
.latest-contribution-inner {
max-width: 25%;
}
.rc-author {
font-size: 14px;
}
.rc-badge {
font-size: 11px;
font-weight: 600;
}
.latest-contribution-inner {
padding: 10px;
}
}

@media (min-width: 1281px) and (max-width: 1440px) {
.latest-contribution-inner {
max-width: 33%;
}
}

@media (min-width:768px) {
.middle-banners-wrapper {
margin-bottom: 0;
}
#products-5 {
margin-bottom: 20px;
justify-content: space-between;
}
#products-8 {
justify-content: space-between;
}
.menu-item-856 .menu-level-2 li a img {
max-width: 55px!important;
}
body:not(.type-page) .overall-wrapper:has(.breadcrumbs-wrapper) header
body:not(.in-slovnik-pojmu) .overall-wrapper:has(.breadcrumbs-wrapper) header {
padding-bottom: 20px;
border-bottom: 2px solid #00000010;
}
.category-top,
.breadcrumbs-wrapper {
position: relative;
z-index: 1;
}
.category-title,
.sectionDescription h1,
header[itemprop="headline"] h1{
margin-top: 0;
padding-top: 20px;
font-size: 40px;
font-weight: 600;
color: #FFFFFF;
}
.breadcrumbs {
background: var(--primary-color);
}
.category-title,
.category-perex {
    max-width: 75%;
}
}

body:not(.type-category) .sidebar {
    display: none !important;
}

@media (min-width: 768px){
body.in-o-nas #header,
body.in-velkoobchodni-nabidka #header,
body.type-post #header {
    box-shadow:
        0 15px 6px 13px rgba(70, 131, 92, 0.05),
        0 14px 4px -12px rgba(128, 128, 128, 0.03);
    position: relative;
    border: 0px !important;
}

body.in-o-nas .breadcrumbs.navigation-home-icon-wrapper,
body.in-velkoobchodni-nabidka .breadcrumbs.navigation-home-icon-wrapper,
body.type-post .breadcrumbs.navigation-home-icon-wrapper {
    margin-top: 20px;
}
}
.category-top {
width: 100%;
position: relative;
}

/* Full-bleed pozadí přes celou šířku okna - box-shadow trik (spread + clip-path)
   neumí gradient, jen plnou barvu, proto stejný ::after přístup jako u
   .sectionDescription/header[itemprop="headline"] o kus níž v souboru. */
   .category-top {
    margin-top: -3px;
   }
.category-top::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 110vw;
background: var(--primary-bg-green);
z-index: -1;
}

body.in-o-nas .breadcrumbs.navigation-home-icon-wrapper,
body.in-velkoobchodni-nabidka .breadcrumbs.navigation-home-icon-wrapper,
body.type-post .breadcrumbs.navigation-home-icon-wrapper  {
width: 100%;
background-color: unset;
box-shadow: unset;
clip-path: unset;
}

.sectionDescription p,
header[itemprop="headline"] p {
    color: #ffffff !important;
    font-size: 16px;
}
.sectionDescription,
header[itemprop="headline"] {
    padding-bottom: 15px;
}

.homepage-box {
margin-bottom: 0px;
}
/* --- HLAVNÍ MŘÍŽKA (Od kraje do kraje) --- */
.subcategories.with-image {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Mobil: 2 vedle sebe */
    grid-auto-rows: 1fr; /* KLÍČOVÉ: Všechny řádky v mřížce budou mít VŽDY stejnou výšku podle nejvyššího prvku v dané řadě */
    gap: 15px 10px;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Obalový prvek řádky */
.subcategories-line {
    margin-top: -50px;
    z-index: 3;
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}

/* --- JEDNOTLIVÉ DLAŽDICE --- */
.subcategories.with-image > li {
    display: flex !important;
    flex-direction: column;
    border: 2px solid #EFE9DD;
    border-radius: 8px 8px 0px 0px;
    background-color: #FFFFFF;
    position: relative;
    
    width: 100% !important;
    max-width: none !important;
    /* Odstraněna fixní výška, prvek se teď přirozeně přizpůsobí mřížce */
    height: auto !important; 
    min-height: 140px; /* Snížená minimální výška, aby boxy nebyly zbytečně obří */
    max-height: none !important;
    
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    list-style: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

/* Hover efekt */
.subcategories.with-image > li:hover {
    border: 2px solid #D4AF37 !important;
    transform: scale(1.01);
}

/* Dekorační SVG linka pod dlaždicí */
.subcategories.with-image > li::after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: 0;
    aspect-ratio: 316 / 36;
    transform: translateY(91%);
    background-size: 100%;
    background-image: url("/user/documents/svg/item_line.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    pointer-events: none;
}

/* --- ODKAZY A OBSAH --- */
.subcategories.with-image li a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Zarovnání odshora dolů */
    flex-grow: 1; /* Odkaz vyplní celou výšku li, kterou mu určí mřížka */
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px !important; /* Mírně stažený padding pro kompaktnější vzhled */
    background: transparent !important;
    border: none !important;
    text-decoration: none;
    box-sizing: border-box;
}

/* Skrytí nežádoucích pseudo-prvků ze Shoptetu */
.subcategories li a:after,
.subcategories.with-image li a::before {
    display: none !important;
}

/* --- OBRÁZKY --- */
.subcategories.with-image li a .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px; /* Sníženo z 90px pro lepší kompaktnost */
    margin-bottom: 8px;
    flex-shrink: 0; /* Obrázek se nikdy nezmáčkne */
}

.subcategories.with-image li a .image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

/* --- TEXTY --- */
.subcategories.with-image li a span.text,
.subcategories.with-image li a .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    width: 100%;
    color: #1A1A1A !important;
    padding-left: 0px;
    text-align: center;
    text-overflow: unset;
    overflow: visible;
    max-height: 100%;
    font-size: 13px; /* Mírně zmenšené písmo pro mobily */
    line-height: 1.2;
    padding-top: 5px;
}


/* --- RESPONZIVITA (MEDIA QUERIES) --- */

/* Pro tablety (4 vedle sebe) */
@media screen and (min-width: 768px) {
    .subcategories.with-image {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 15px;
    }
    .subcategories.with-image li a span.text,
    .subcategories.with-image li a .text {
        font-size: 14px; /* Na desktopu vrátíme původní velikost textu */
    }
}

/* Pro střední monitory (6 vedle sebe) */
@media screen and (min-width: 1200px) {
    .subcategories.with-image {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

/* Pro velké obrazovky (1440px a více) – 8 vedle sebe */
@media screen and (min-width: 1440px) {
    .subcategories.with-image {
        grid-template-columns: repeat(8, 1fr) !important;
        gap: 15px;
    }
}
@media (min-width: 1200px) {
.category-top::before {
height: 100%;
}
}

@media (max-width: 767px) {
.availability .show-tooltip {
display: block!important;
font-size: 11px;
}
.result-card__body {
padding: 8px 15px 15px!important;
}
.homepage-box.welcome-wrapper {
padding-bottom: 0px;
margin-bottom: 50px;
}
.blog-heading-description {
margin-top: 25px
}
.custom-footer__articles {
order: 1;
}
.custom-footer__banner12 {
order: 2;
}
.custom-footer__banner17 {
order: 3;
}

.category-top .category-title,
.sectionDescription h1,
header[itemprop="headline"] h1 {
    margin-top: -5px;
    padding-top: 25px;
}
}

.overall-wrapper:has(.menu-item-856 a.active) .category-top li .image img {
max-height: 60px !important;
}

.listItemsTotal strong {
padding-right: 3px;
}

#content:not(:has(.category-perex)) .category-content-wrapper {
margin-top: 40px!important;
}

#content:not(:has(.category-perex)) .category-top::before {
height: 70%;
}

@media (max-width: 767px) {
#customSortingWrapper {
flex-direction: column;
width: 100%;
}
.js-listSorting,
#customSortingWrapper>.csr-dropwrap {
width: 100%;
}
.csr-trigger--pill {
width: 100%;
justify-content: center;
}
.csr-inner {
width: 100%;
justify-content: space-between;
}
.breadcrumbs {
display: block;
background: transparent;
z-index: 1;
}
.csr-trigger:not(.csr-trigger--pill) {
border-bottom: 0;
}
.csr-trigger-text {
text-decoration-line: underline;
}
.navigation-home-icon-wrapper:before {
left: 0;
}
.breadcrumbs a,
.breadcrumbs span {
font-weight: 500;
}
.breadcrumbs .navigation-bullet {
font-size: 0;
display: inline-block;
}

.antiaging-section {
position: relative;
z-index: 1;
}
.main-heading-cat {
font-weight: 500;
}
body:not(.type-product) .breadcrumbs-wrapper {
margin-top: 25px;
}
}

.navigation-bullet {
    font-size: 0px !important;
}

.navigation-bullet::before {
content: "\e90f";
display: inline-block;
transform: rotate(180deg);
font-size: 12px;
font-family: 'shoptet';
line-height: 14px;
font-weight: 400 !important;
}

@media (min-width: 768px){
    .navigation-bullet::before{
        margin-top: -5px;
    }
}

.loadMore button {
display: inline-block;
background: #1D7139!important;
color: #FFFFFF !important;
font-size: 16px;
font-weight: 700;
padding: 13px 25px;
text-transform: uppercase;
text-decoration: blink !important;
border-radius: var(--primary-radius);
align-self: flex-start;
transition: background 0.2s, transform 0.15s;
min-width: 250px;
}

.loadMore button:hover {
background: #fff!important;
color: #1D7139 !important;
}

.loadMore {
margin-top: -15px;
margin-bottom: 10px;
}

.iuv-progress-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
max-width: 380px;
width: 100%;
}

.iuv-progress-text {
font-size: 16px;
color: #1A1A1A;
margin: 0;
font-weight: 500;
}

.iuv-progress-bar-bg {
width: 100%;
max-width: 400px;
height: 6px;
background-color: #E0E0E0;
border-radius: 3px;
overflow: hidden;
}

.iuv-progress-bar-fill {
height: 100%;
background-color: #1D7139;
border-radius: 3px;
transition: width 0.3s ease;
}

.pagination .pagination__list .pagination__link:focus-visible,
.pagination .pagination__list .pagination__link:hover,
a.btn.goToTop__button:focus-visible,
a.btn.goToTop__button:hover {
background-color: #D9D9D9;
border-color: #46835C!important;
color: #46835C
}

#customSortingWrapper {
gap: 15px;
}

.breadcrumbs-wrapper {
z-index: 0;
}

.goToTop__button {
display: none!important;
}

.listingControls {
flex-direction: column;
}

.pagination {
margin: 0 auto;
}

.csr-label {
font-weight: 600;
}

.col.text {
font-size: 16px;
color: #000;
line-height: 25px;
}

.sidebar {
background: transparent;
}

@media (min-width: 1440px) {
.blog-wrapper .news-item {
flex-basis: 23%;
}
.antiaging-section img {
width: 320px;
margin: 0 auto;
}
}

@media (max-width: 1440px) {}

@media (min-width: 620px) and (max-width: 767px) {}

@media (min-width: 1200px) and (max-width: 1440px) {
.blog-wrapper .news-item {
flex-basis: 33%;
}
.antiaging-section img {
width: 320px;
margin: 0 auto;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.blog-wrapper .news-item {
flex-basis: 33%;
}
}

@media (min-width: 767px) and (max-width: 992px) {
.blog-wrapper .news-item {
flex-basis: 33%;
}
}

@media (min-width: 767px) and (max-width: 1280px) {}

@media (min-width: 1281px) and (max-width: 1440px) {}

@media (min-width:768px) {
.pagination__list li strong.pagination__currentPage,
.pagination__list li a.pagination__link {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 6px;
border-radius: 4px;
font-size: 14px!important;
font-weight: 400;
text-decoration: none;
cursor: pointer;
transition: border-color 0.2s, color 0.2s;
}
}

@media (max-width: 1200px) {}

@media (max-width: 767px) {
.iuv-progress-wrapper {
max-width: 300px!important;
}

.pagination__list li strong.pagination__currentPage,
.pagination__list li a.pagination__link {
min-width: 30px;
height: 30px;
padding: 0 6px;
border-radius: 4px;
font-size: 12px !important;
}
}

.result-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.pagination__list {
display: flex;
align-items: center;
gap: 6px;
list-style: none;
padding: 0;
margin: 0;
justify-content: center;
}

.pagination__list li strong.pagination__currentPage {
border: 1px solid #46835C;
color: #1A1A1A;
background-color: #fff;
font-weight: 700;
}

.pagination__list li a.pagination__link {
border: 1px solid #D9D9D9 !important;
color: #1A1A1A !important;
background-color: #fff !important;
}

.pagination__link--next::before {
content: "\e90f";
display: inline-block;
transform: rotate(180deg);
}

.pagination__list li span.pagination__ellipsis {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
font-size: 14px;
color: #333;
border: none;
background: none;
letter-spacing: 1px;
}

.breadcrumbs-wrapper::before {
height: 100%;
}

.prices .price-standard>span {
font-size: 12px;
}


.flags-default .flag,
.flags-extra .flag,
.flags-extra .flag span {
color: #1a1a1a !important;
clear: right;
float: right;
background-color: #E6F2EA!important;
border-radius: var(--primary-radius);
font-size: 16px;
font-weight: bold;
padding: 4px 8px;
}

.products-block .p .flags-default {
right: 10px;
left: auto;
top: 10px;
gap: 3px;
display: flex;
flex-direction: column;
align-items: flex-end;
}

.flag-freeshipping .icon-van {
display: none;
}

.flag-freeshipping .flag-text {
text-transform: none;
}


@media (min-width: 768px) {
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
border-bottom-width: 0px;
}
}

@media (max-width: 767px) {
.products-block .p .flags-default {
gap: 0;
right: 5px;
}
.antiaging-section .col.text {
margin-bottom: 0px;
}
.columns-mobile-2 .products-block>div .flags-extra {
left: 0;
right: auto;
max-width: 65px;
}
}

.breadcrumbs-wrapper::before {
height: 100%;
}

.prices .price-standard>span {
font-size: 12px;
}


.products-block .p .flags-default {
right: 10px;
left: auto;
top: 10px;
gap: 3px;
display: flex;
flex-direction: column;
align-items: flex-end;
}

.flag-freeshipping .icon-van {
display: none;
}

.flag-freeshipping .flag-text {
text-transform: none;
}


@media (min-width: 768px) {
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
border-bottom-width: 0px;
}
}

@media (max-width: 767px) {
.products-block .p .flags-default {
gap: 0;
right: 5px;
}
.antiaging-section .col.text {
margin-bottom: 0px;
}

}

.products-related .p .availability,
.products-related .p .flags-inline,
.products-related .p .p-desc,
.products-related .p .price-standard-wrapper,
.tab-content .p .availability,
.tab-content .p .flags-inline,
.tab-content .p .p-desc,
.tab-content .p .price-standard-wrapper,
:where(.ums_discussion_rating_forms--off) .products-related .p .stars-wrapper,
:where(.ums_discussion_rating_forms--off) .tab-content .p .stars-wrapper {
display: block;
}

.p-image {
margin-bottom: 20px;
}



.p-final-price-wrapper .price-save {
display: none;
}

.social-buttons-wrapper {
display: none;
}

#tooltip667762 {
left: 747.631px!important;
}

.p-tools .btn {
border: none;
outline: 1px solid #FAE1BF;
outline-offset: -3px;
border-radius: var(--primary-radius);
background-color: var(--primary-gold) !important;
padding: 8px 16px;
border: none;
}

.p-tools .btn:hover {
    background-color: var(--primary-gold-hover) !important;
    border: 0px !important;
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .p-tools .btn {
        padding: 8px 8px;
    }
}


.qty-wrap .increase {
top: 6px;
right: 10px;
}

.qty-wrap .decrease {
border-style: solid none none solid;
border-width: 1px;
left: 10px;
right: auto;
top: 6px;
}

.p-detail .add-to-cart {
gap: 5%;
}

.p-detail .add-to-cart button {
width: 55%;
}

.qty-wrap {
display: flex;
align-items: center;
gap: 8px;
background: #fff;
padding: 1px 10px;
width: fit-content;
margin: 0 auto;
}

.qty-wrap .decrease,
.qty-wrap .increase {
border-radius: 10px !important;
width: 36px!important;
height: 36px;
background: #f0828a;
border: none;
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.qty-wrap .decrease::before {
content: "\e919";
font-family: "shoptet";
font-style: normal;
font-weight: 400;
display: inline-block;
top: 6px;
}

.qty-wrap .increase::before {
content: "\e918";
font-family: "shoptet";
font-style: normal;
font-weight: 400;
display: inline-block;
top: 6px;
}

.qty-wrap .decrease:hover,
.qty-wrap .increase:hover {
background: #e06870;
}

.qty-wrap .decrease__sign,
.qty-wrap .increase__sign {
display: none;
}

.qty-wrap label {
display: flex;
align-items: center;
}

.qty-wrap input.amount {
width: 32px;
text-align: center;
border: none;
outline: none;
font-size: 16px;
font-weight: 500;
background: transparent;
}

.qty-wrap input.amount::-webkit-outer-spin-button,
.qty-wrap input.amount::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.product-top .shipping-options::before {
content: "\e92e";
font-family: "shoptet";
font-style: normal;
font-weight: 400;
display: inline-block;
color: #000;
font-size: 18px;
margin-right: 7px;
position: relative;
top: 2px;
}

.product-top .availability-value {
margin-top: 10px;
display: flex;
align-items: flex-end;
gap: 5px;
}

.product-top .price-additional {
margin-top: 10px;
font-size: 12px;
}

.product-top .availability-value .shipping-options {
margin-left: auto;
text-decoration: underline;
color: #2066AC;
}

.product-top .price-standard span {
font-size: 18px;
font-weight: 500;
}

.product-top .availability-value:has(.availability-label[style*="#8dd1c1"])::before {
content: "\e913";
display: inline-block;
font-family: shoptet;
color: #46835C;
margin-right: 4px;
font-size: 14px;
}

.availability-value:has(.availability-label[style*="#8dd1c1"]) {
font-size: 16px;
font-weight: 500;
}

.availability-label[style*="#8dd1c1"] {
color: #46835C !important;
}

.detail-review-grid .name {
margin-top: 0px;
margin-bottom: 10px;
}

.detail-review p {
margin-bottom: 15px;
}

.detail-review-grid {
margin-top: 20px;
border-bottom: 1px solid #EBEBEB;
}

.name-rating {
display: flex;
align-items: center;
gap: 10px;
}

.name-rating .stars {
display: flex;
gap: 3px;
top: -6px;
}

.name-rating .star {
font-size: 0;
position: relative;
}

.name-rating .star::before {
content: "\e91c";
font-family: "shoptet";
color: #D4AF37;
font-size: 14px;
line-height: 1;
}

.breadcrumbs-wrapper .appendix {
display: none;
}

.bullet-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}

.bullet-item {
position: relative;
padding-left: 2.5rem;
}

.bullet-item span {
font-weight: 500;
}

.bullet-icon {
position: absolute;
left: 0;
top: 0.2em;
width: 16px;
height: 16px;
}

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

.p-detail-inner-header h1 {
font-weight: 500;
}

.p-detail-inner .p-code-label {
display: block;
padding-right: 3px;
}

.p-detail-inner-header .p-code {
flex-direction: row;
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
margin-left: auto;
margin-right: 0px;
color: #000;
}

.p-detail-inner-header .product-appendix {
display: none;
}

.p-detail-inner p[data-testid="productCardDescr"] {
display: none;
}

.p-detail-inner .stars-wrapper {
margin-bottom: 20px;
}

.p-detail-inner .flags-default.flags-inline {
position: absolute;
right: 15px;
top: 15px;
z-index: 2;
}


.p-detail-inner .breadcrumbs-wrapper .breadcrumbs {
background: transparent;
}

.product-top .stars-wrapper .stars-label {
color: #2066AC;
text-decoration: underline;
}

/* display: inline-block, ať se "Více informací" + šipka (::after) chovají jako
   jeden atomický kus - buď se vejdou na řádek celé, nebo se celé zalomí na
   další řádek (nikdy nerozdělí uprostřed). inline-block zároveň drží podtržení
   vcelku (jeden inline box), takže nevzniká vizuálně přerušené podtržení. */
.more-info-link.chevron-after.chevron-down-after {
color: #2066AC;
font-weight: 500;
margin-left: 5px;
white-space: nowrap;
}

@media (min-width: 1440px) {
.col-xs-12.col-lg-6.p-image-wrapper {
width: 60%!important;
}
.col-xs-12.col-lg-6.p-info-wrapper {
width: 40%!important;
}
}

@media (max-width: 1440px) {}

@media (min-width: 620px) and (max-width: 767px) {}

@media (min-width: 1200px) and (max-width: 1440px) {}

@media (min-width: 992px) and (max-width: 1200px) {
.col-xs-12.col-lg-6.p-image-wrapper {
width: 60%!important;
}
.col-xs-12.col-lg-6.p-info-wrapper {
width: 40%!important;
}
}

@media (min-width: 767px) and (max-width: 992px) {}

@media (min-width: 1200px) and (max-width: 1440px) {
.col-xs-12.col-lg-6.p-image-wrapper {
width: 60%!important;
}
.col-xs-12.col-lg-6.p-info-wrapper {
width: 40%!important;
}
}

.faq-section {
width: 100%;
padding: 20px 20px 40px;
box-sizing: border-box;
background: #fff;
}

.faq-section__title {
font-size: 26px;
font-weight: 700;
text-align: center;
margin-bottom: 40px;
}

.faq-section__grid {
display: flex;
gap: 24px;
align-items: flex-start;
}

.faq-section__col {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
}

.faq-item {
border: 1px solid #e8e8e8;
border-radius: 13px 13px 13px 0;
overflow: hidden;
transition: border-color 0.2s;
}

.faq-item.active {
border-color: #f06292;
}

.faq-item__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 20px;
cursor: pointer;
gap: 16px;
}

.faq-item__question {
font-size: 16px;
font-weight: 500;
line-height: 1.4;
color: #000;
flex: 1;
}

.faq-item__icon {
flex-shrink: 0;
font-family: 'shoptet';
font-size: 14px;
color: #000;
transition: transform 0.15s ease;
display: inline-block;
}

.faq-item__icon::before {
content: "\e90e";
font-size: 20px;
}

.faq-item.active .faq-item__icon {
transform: rotate(180deg);
}

.faq-item__answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.15s ease, padding 0.15s ease;
padding: 0 20px;
}

.faq-item.active .faq-item__answer {
max-height: 400px;
padding: 0 20px 18px 20px;
}

.faq-item__answer p {
font-size: 16px;
line-height: 1.6;
color: #000;
margin: 0;
}

@media (max-width: 767px) {
.faq-section__grid {
flex-direction: column;
}
}

.how-to-section {
width: 100%;
padding: 20px 20px 40px;
background-color: #fff5f5;
box-sizing: border-box;
text-align: center;
}

.how-to-section__title {
font-size: 26px;
font-weight: 700;
margin-bottom: 40px;
}

.how-to-section__grid {
display: flex;
gap: 50px;
justify-content: center;
align-items: stretch;
}

.how-to-section__card {
flex: 1;
max-width: 430px;
background: #fff;
border-radius: 16px;
overflow: hidden;
text-align: left;
height: 100%;
}

.how-to-section__image {
width: 100%;
height: 320px;
overflow: hidden;
}

.how-to-section__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
border-radius: 20px 20px 20px 0;
}

.how-to-section__content {
padding: 20px;
padding: 20px 20px 20px 0px;
}

.how-to-section__step {
display: inline-block;
background-color: #f06292;
color: #fff;
font-size: 20px;
font-weight: 700;
padding: 3px 18px;
border-radius: 0px 50px 50px 0;
margin-bottom: 14px;
padding-right: 45px;
}

.how-to-section__subtitle {
font-size: 17px;
font-weight: 500;
margin-bottom: 8px;
color: #000;
padding-left: 20px;
}

.how-to-section__text {
font-size: 16px;
line-height: 1.6;
color: #000;
margin: 0;
padding-left: 20px;
}

@media (max-width: 767px) {
.how-to-section__grid {
flex-direction: column;
align-items: center;
}
.how-to-section__card {
width: 100%;
max-width: 100%;
}
.how-to-section__image {
height: 260px;
}
}

.product-detail-section {
display: flex;
gap: 60px;
align-items: flex-start;
width: 100%;
padding: 40px 0;
box-sizing: border-box;
}

.product-detail-section__left {
flex: 0 0 50%;
max-width: 50%;
}

.product-detail-section__left h2 {
font-size: 22px;
font-weight: 600;
margin-bottom: 24px;
}

.ingredient-label {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 4px;
}

.ingredient-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
margin-top: 20px;
}

.product-detail-section__left p {
font-size: 16px;
line-height: 1.6;
color: #000;
margin: 0 0 8px 0;
}

.product-detail-section__right {
flex: 0 0 calc(50% - 60px);
max-width: calc(50% - 60px);
display: flex;
justify-content: center;
}

.ingredients-table {
border: 1px solid #ebebeb;
border-radius: 12px;
overflow: hidden;
font-size: 16px;
width: 100%;
max-width: 420px;
background: #fafafa;
}

.ingredients-table__header {
display: flex;
justify-content: space-between;
padding: 16px 20px;
font-weight: 600;
color: #000;
}

.ingredients-table__row {
padding: 12px 20px;
border-bottom: 1px solid #f0f0f0;
color: #000;
}

.ingredients-table__row:last-child {
border-bottom: none;
}

@media (max-width: 767px) {
.product-detail-section {
flex-direction: column;
}
.product-detail-section__left,
.product-detail-section__right {
flex: 1;
max-width: 100%;
width: 100%;
}
}

.extended-description {
display: none;
}

.two-col-section__text h2 {
font-weight: 500;
}


.description-inner {
flex-direction: column;
}

.two-col-section__image img {
border-radius: 20px 20px 20px 0;
}


.two-col-section {
display: flex;
gap: 40px;
align-items: center;
width: 100%;
}

.two-col-section__text {
flex: 1;
}

.two-col-section__image {
flex: 1;
}

.two-col-section__image img {
width: 100%;
height: auto;
display: block;
}

@media (max-width: 767px) {
.two-col-section {
flex-direction: column;
}
.two-col-section__image {
order: 1;
}
.two-col-section__text {
order: 2;
}
.row.banners-row .col-sm-4:has(.next-to-carousel-banners) {
display: none !important;
}
#carousel img {
border-radius: 8px;
}
}
@media(min-width: 768px){
.position--benefitProduct {
margin-top: 35px;
padding: 35px;
gap: 1%;
}
}


.products.products-block .p-bottom.no-buttons .prices {
margin-bottom: 0;
}

.products.products-block .p-bottom.no-buttons {
margin-top: 20px;
}

.products-related {
margin-bottom: 50px;
}

.products-related-header {
text-align: center;
font-weight: 500;
margin-bottom: 30px;
}


@media (min-width: 1440px) {}

@media (max-width: 1440px) {}

@media (min-width: 620px) and (max-width: 767px) {}

@media (min-width: 1200px) and (max-width: 1440px) {
.p-detail .products-block .product {
width: 23.5%;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.p-detail .products-block .product {
width: 23%;
}
}

@media (min-width: 768px) {
.banners-row {
display: flex;
}
.banners-row .col-sm-4 {
display: flex;
}
.next-to-carousel-banners {
display: flex;
flex-direction: column;
width: 100%;
gap: 10px;
}
.next-to-carousel-banners .banner-wrapper {
flex: 1;
display: flex;
}
.next-to-carousel-banners .banner-wrapper a {
width: 100%;
display: flex;
}
.next-to-carousel-banners .banner-wrapper img {
width: 100%;
height: 100%;
object-fit: fill;
}
}

.review-header-h .rating-hp {
font-family: 'PlayfairDisplay', sans-serif;
}

.stars-element .star:before {
font-size: 20px;
}

.review-header .stars-element {
margin-top: 10px;
}

.rc-badge {
background-color: #E6F2EA !important;
border-radius: var(--primary-radius) !important;
}

.custom-footer .banner {
background: transparent !important;
}

.custom-footer h3.pageElement__heading span {
font-family: 'PlayfairDisplay', sans-serif;
font-size: 28px;
font-weight: 500;
color: #000;
}

#footer a,
#footer .news-item-widget a {
color: #1A1A1A;
}

div:has(>.banner>.banner-wrapper .footer-custom-contact-row.full-width),
div:has(>.banner>.banner-wrapper .footer-logo.full-width) {
width: 100%;
background-color: #EFE9DD;
box-shadow: 0 0 0 100vw #EFE9DD;
clip-path: inset(0 -100vw);
}

div:has(>.banner>.banner-wrapper .full-width) {
width: 100%;
}

.banner:has(>.banner-wrapper .full-width) {
display: flex;
width: 100%;
}

.banner:has(>.banner-wrapper .full-width)>.banner-wrapper {
width: 100%;
}

#footer .banner {
margin-bottom: 0px !important;
}

.footer-custom-contact-row.full-width {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 16px;
width: 100%;
background-color: #EFE9DD;
}

.footer-custom-contact-row.full-width>div {
flex: 1 1 0;
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
}

.footer-rows .site-name a img {
max-height: 55px;
}

@media (max-width: 767px) {
.footer-rows .site-name a img {
max-height: 60px;
}
}

.support-box {
display: flex;
align-items: center;
gap: 12px;
}

.support-box,
.support-box__phone {
color: #1A1A1A !important;
font-family: 'SourceSans3', sans-serif;
}

.support-box__phone {
font-size: 16px;
font-weight: 550;
}

.support-box__time {
font-size: 16px;
}

.support-box__title {
font-family: 'PlayfairDisplay', sans-serif;
font-size: 1rem;
font-weight: 700;
}

.support-box__avatar-wrap {
position: relative;
flex-shrink: 0;
}

.support-box__avatar img {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
display: block;
}

.support-box__status {
position: absolute;
bottom: 2px;
right: 2px;
width: 12px;
height: 12px;
background: #4caf50;
border: 2px solid #fff;
border-radius: 50%;
display: block;
}

.support-box__content {
display: flex;
flex-direction: column;
gap: 2px;
}

.footer-custom-contact-row.full-width>.flex img {
flex-shrink: 0;
object-fit: contain;
}

.footer-custom-contact-row.full-width>.flex span,
.footer-custom-contact-row.full-width .support-box__title {
font-family: 'PlayfairDisplay', sans-serif;
font-size: 1.25rem;
font-weight: 700;
color: inherit;
text-decoration: none;
display: flex;
flex-direction: column;
gap: 2px;
color: #1A1A1A;
}

.footer-custom-contact-row.full-width>.flex span a,
.footer-custom-contact-row.full-width .support-box__phone {
font-size: 1rem;
font-weight: 400;
text-decoration: underline;
color: #000;
}

.footer-custom-contact-row.full-width .support-box__time {
font-size: 16px;
}

.footer-custom-contact-row.full-width>.flex span a:hover {
text-decoration: underline;
}

.footer-custom-contact-row.full-width>.flex:last-child {
gap: 8px;
flex-wrap: wrap;
}

.footer-custom-contact-row.full-width>.flex:last-child img {
width: 48px;
height: 48px;
}

.footer-custom-contact-row.full-width .social-icons {
justify-content: space-evenly;
}

.footer-payments-wrapper {
display: flex;
flex-direction: column;
margin-top: 35px;
}

.footer-payments-logos-wrapper,
.paymants-info-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
gap: 15px;
width: 100%;
font-size: 1rem;
margin-bottom: 20px;
}

.paymants-info-wrapper {
gap: 20px;
line-height: 1.1;
}

.footer-payments-logos-wrapper img {
padding-right: 10px;
}

.footer-payments-logos-wrapper img,
.paymants-info-wrapper img {
display: block;
height: 1.9rem;
max-height: 2.9rem;
width: auto;
object-fit: contain;
flex: 0 1 auto;
}

@media (max-width: 767px) {
.footer-payments-logos-wrapper,
.paymants-info-wrapper {
flex-wrap: wrap;
justify-content: unset;
gap: 15px;
}
.footer-payments-logos-wrapper {
gap: 20px;
}
.footer-payments-logos-wrapper img {
padding-right: 15px;
height: 2.3rem;
}
.paymants-info-wrapper {
margin-top: 20px;
}
.paymants-info span {
font-size: 16px;
}
.footer-payments-logos-wrapper img .paymants-info-wrapper img {
max-width: 100%;
}
.paymants-info .payment-icon {
width: 100px;
}
.footer-custom-contact-row.full-width>.flex:last-child img {
width: 48px;
height: 48px;
}
.footer-custom-contact-row.full-width>div {
gap: 32px;
}
.support-box {
    padding: 0px !important;

}
#footer .site-name {
display: block;
}
.banner:has(.flex.column.full-width.footer-logo) {
min-height: auto !important;
}
.skin-card {
margin-bottom: 10px;
}
.benefits-title,
.benefits-title span {
font-size: 30px;
}
.benefits-title span.gold-text {
    display: block;
    width: 100%;
}
.benefitBanner__title {
font-size: 20px;
}
}

.paymants-info {
display: flex;
align-items: center;
gap: 0.8rem;
}

.paymants-info .payment-icon {
height: auto;
object-fit: contain;
}

@media (min-width: 768px) {
.paymants-info .payment-icon {
width: 2rem;
}
}

.footer div:has(>.banner>.banner-wrapper>span>.footer-custom-contact-row) {
margin-bottom: 20px;
}

@media (max-width: 768px) {
.footer-custom-contact-row.full-width {
flex-direction: column;
gap: 35px;
}
.footer-custom-contact-row .social-icons {
margin-bottom: 25px;
}
.footer-custom-contact-row.full-width>div {
flex: 1 1 100%;
width: 100%;
}
.custom-footer div {
width: 100%;
}
.custom-footer>div:has(h3.pageElement__heading) {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 15px;
}
.custom-footer h3.pageElement__heading {
flex: 1 1 100%;
width: 100% !important;
}
.custom-footer>div:has(h3.pageElement__heading)>div,
.footer-nav-links > a {
flex: 1 1 45%;
}
.custom-footer {
padding-top: 0px;
}
}

.benefitBanner::after {
content: "";
position: absolute;
background-color: var(--primary-gold);
mask-image: url('/user/documents/svg/list_benefits.svg');
-webkit-mask-image: url('/user/documents/svg/list_benefits.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: bottom right;
-webkit-mask-position: bottom right;
mask-size: contain;
-webkit-mask-size: contain;
z-index: 1;
    pointer-events: none;
}

.benefitBanner__item {
position: relative;
z-index: 99;
}

.cz-hero-image {
position: relative;
}

.cz-hero-image::before {
content: "";
position: absolute;
background-size: 100%;
background-image: url('/user/documents/svg/listy_velke.svg');
background-repeat: no-repeat;
background-position: center bottom;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
z-index: 3;
    pointer-events: none;
}

/* Duplikace .cz-hero-image::before pro velkoobchod.html - tam obrázek nemá
   .cz-hero-image obal (jen standardní .custom-page-media), takže se ::before
   dekorace listí musí připojit sem. ::before na samotném <img> by se nikdy
   nevykreslil (img je replaced element, pseudo-elementy na něm nefungují). */
body.in-velkoobchodni-nabidka .custom-page-media {
position: relative;
}

body.in-velkoobchodni-nabidka .custom-page-media::before {
content: "";
position: absolute;
background-size: 100%;
background-image: url('/user/documents/svg/listy_velke.svg');
background-repeat: no-repeat;
background-position: center bottom;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
z-index: 3;
    pointer-events: none;
}

.content-wrapper:has(.cz-features-container.moved)::after {
content: "";
position: absolute;
background-color: var(--primary-gold);
mask-image: url('/user/documents/svg/listecky_2.svg');
-webkit-mask-image: url('/user/documents/svg/listecky_2.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: bottom right;
-webkit-mask-position: bottom right;
mask-size: contain;
-webkit-mask-size: contain;
z-index: 1;
    pointer-events: none;
}

.content-wrapper:has(>.container>.newsletter-section)::after {
content: "";
position: absolute;
background-color: var(--primary-gold);
mask-image: url('/user/documents/svg/list_benefits.svg');
-webkit-mask-image: url('/user/documents/svg/list_benefits.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: bottom right;
-webkit-mask-position: bottom right;
mask-size: contain;
-webkit-mask-size: contain;
z-index: 1;
transform: scaleX(-1);
pointer-events: none;
}

body.type-page .benefitBanner::after {
content: "";
position: absolute;
background-color: var(--primary-gold);
mask-image: url('/user/documents/svg/list_benefits.svg');
-webkit-mask-image: url('/user/documents/svg/list_benefits.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: bottom right;
-webkit-mask-position: bottom right;
mask-size: contain;
-webkit-mask-size: contain;
z-index: 1;
transform: scaleX(-1) rotate(16deg);
pointer-events: none;
}

.homepage-blog-wrapper:nth-child(1 of .homepage-blog-wrapper)::after {
content: "";
position: absolute;
background-color: var(--primary-gold);
mask-image: url('/user/documents/svg/listy_4.svg');
-webkit-mask-image: url('/user/documents/svg/listy_4.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: bottom right;
-webkit-mask-position: bottom right;
mask-size: contain;
-webkit-mask-size: contain;
z-index: 1;
    pointer-events: none;
}

@media (min-width: 1200px) {
.cz-hero-image::before {
bottom: -60px;
right: -50px;
height: 600px;
width: 600px;
}
body.in-o-nas .cz-hero-image::before,
body.in-velkoobchodni-nabidka .cz-hero-image::before,
body.type-post .cz-hero-image::before {
bottom: -35px;
        right: 125px;
        height: 350px;
        width: 350px;
}
body.in-velkoobchodni-nabidka .custom-page-media::before {
bottom: -35px;
right: 60px;
height: 390px;
width: 390px;
}
.sectionDescription::before,
body.type-page header[itemprop="headline"]::before {
bottom: -30px;
right: 200px;
height: 300px;
width: 300px;
}
}

@media (max-width: 1199px) {
.cz-hero-image::before {
bottom: -40px;
right: -50px;
height: 450px;
width: 450px;
}
body.in-velkoobchodni-nabidka .custom-page-media::before {
bottom: -40px;
right: -50px;
height: 450px;
width: 450px;
}
.sectionDescription::before,
body.type-page header[itemprop="headline"]::before {
bottom: -30px;
right: 210px;
height: 300px;
width: 300px;
}
}

@media (min-width: 992px) {
.benefitBanner::after {
bottom: -60px;
right: -45px;
height: 250px;
width: 250px;
}
.content-wrapper:has(.cz-features-container.moved)::after {
bottom: -45px;
right: 40px;
height: 250px;
width: 250px;
}
.content-wrapper:has(>.container>.newsletter-section)::after {
top: -170px;
left: 45px;
height: 250px;
width: 250px;
}
body.type-page .benefitBanner::after {
top: -180px;
left: -40px;
height: 250px;
width: 250px;
}
.homepage-blog-wrapper:nth-child(1 of .homepage-blog-wrapper)::after {
top: -170px;
left: 45px;
height: 250px;
width: 250px;
}
}

@media (max-width: 991px) {
.benefitBanner::after {
bottom: -40px;
right: 20px;
height: 170px;
width: 170px;
}
.content-wrapper:has(.cz-features-container.moved)::after {
bottom: -25px;
right: 15px;
height: 150px;
width: 150px;
}
.cz-hero-image::before {
bottom: -35px;
right: -45px;
height: 350px;
width: 350px;
}
body.in-velkoobchodni-nabidka .custom-page-media::before {
bottom: -35px;
right: -45px;
height: 350px;
width: 350px;
}
.sectionDescription::before,
body.type-page header[itemprop="headline"]::before {
bottom: 15px;
right: 240px;
height: 250px;
width: 250px;
}
.content-wrapper:has(>.container>.newsletter-section)::after {
top: -170px;
left: 45px;
height: 250px;
width: 250px;
}
body.type-page .benefitBanner::after {
top: -150px;
left: -50px;
height: 200px;
width: 200px;
}
.homepage-blog-wrapper:nth-child(1 of .homepage-blog-wrapper)::after {
top: -170px;
left: 45px;
height: 250px;
width: 250px;
}
}

@media(max-width:767px) {
.benefitBanner::after {
bottom: 10px;
right: 0px;
height: 150px;
width: 150px;
}
.content-wrapper:has(.cz-features-container.moved)::after {
bottom: -35px;
right: 10px;
height: 200px;
width: 200px;
}
.cz-hero-image::before {
bottom: -35px;
right: -45px;
height: 350px;
width: 350px;
}
body.in-velkoobchodni-nabidka .custom-page-media::before {
bottom: -35px;
right: 130px;
height: 350px;
width: 350px;
}
.sectionDescription::before,
body.type-page header[itemprop="headline"]::before {
top: -10px;
left: -25px;
height: 200px;
width: 200px;
}
.content-wrapper:has(>.container>.newsletter-section)::after {
top: -93px;
left: 10px;
height: 150px;
width: 150px;
}
body.type-page .benefitBanner::after {
top: -150px;
left: auto;
right: 10px;
height: 150px;
width: 150px;
transform: scaleX(1) rotate(16deg);
}
body.type-page .benefitBanner::before {
    top: -40px;
    bottom: -60px;
}

.homepage-blog-wrapper:nth-child(1 of .homepage-blog-wrapper)::after {
top: -93px;
left: 10px;
height: 150px;
width: 150px;
}
}

@media (max-width: 500px){
    body.in-velkoobchodni-nabidka .custom-page-media::before {
        bottom: -35px;
        right: 0px;
        height: 350px;
        width: 350px;
    }
}

@media (max-width: 424px){
    body.in-velkoobchodni-nabidka .custom-page-media::before {
        bottom: -35px;
        right: 0px;
        height: 300px;
        width: 300px;
    }
}

body.type-page .benefitBanner {
    margin-bottom: 90px;
    margin-top: 90px;
}

.homepage-blog-wrapper {
margin-top: 57px;
}

.homepage-blog-wrapper img,
.news-item,
.news-item img {
border-radius: 8px 8px 0px 0px;
}

.news-item {
background-color: #fff;
}

.homepage-blog-wrapper {
width: 100%;
background-color: #EFE9DD !important;
position: relative;
overflow: visible;
}

.homepage-group-header {
width: 100%;
text-align: center;
color: #1a1a1a;
}

.homepage-group-header .homepage-group-title.h4 {
margin-bottom: 15px;
}

.homepage-group-header {
margin-bottom: 20px;
}

.homepage-group-description {
font-size: 16px;
font-weight: 400;
}

.news-item {
padding: 0px;
}

.news-item .text,
.news-item .read-more-btn-wrapper {
padding: 0 10px 10px 10px;
}

#newsWrapper .news-item .read-more-btn-wrapper {
padding: 15px 10px 15px 10px;
}

.news-item .text .description {
line-height: 1.2;
}

.homepage-blog-wrapper .news-items-grid {
justify-content: space-between;
}

.news-item .text .title {
text-decoration: none !important;
font-size: 20px;
font-weight: 700;
}

.news-item .text .description {
font-size: 16px;
font-weight: 400;
}

.news-item .title {
margin-top: 20px;
}

.homepage-blog-wrapper .more-articles-link-wrapper {
margin-top: 50px;
text-align: center;
}

.homepage-blog-wrapper .btn.btn-secondary,
.news-item .btn.btn-secondary {
font-size: 1rem;
font-weight: 700;
color: #1A1A1A;
background-color: transparent;
border-radius: var(--primary-radius);
border-width: 2px;
}

.homepage-blog-wrapper .btn.btn-secondary:hover,
.news-item .btn.btn-secondary:hover {
background-color: var(--color-primary);
}

.read-more-btn-wrapper a {
padding: 8px 20px !important;
}

.more-articles-link-wrapper a {
padding: 10px 40px;
width: 350px;
}

.more-articles-link-wrapper>.btn {
    z-index: 3;
    position: relative;
}

.homepage-blog-wrapper .h4 {
margin-top: 10px;
}

@media (min-width: 1200px) {
.homepage-blog-wrapper {
padding-top: 40px;
}
}

@media (min-width: 1201px) {
.p-tools a.btn {
padding: 12px 16px;
}
}

@media (max-width: 1199px) {
:nth-child(1 of .homepage-blog-wrapper) {
padding-top: 80px;
}
}

@media(min-width: 768px) {
.news-item {
flex-basis: 22%;
}
.products-block .p-bottom>div:has(a.btn) {
justify-content: space-between;
}
.p-bottom:not(:has(.p-tools a.btn)) .prices {
flex-basis: 35% !important;
}
.p-bottom:not(:has(.p-tools a.btn)) .p-tools {
flex-basis: 60% !important;
}
}

@media(max-width: 767px) {
.news-item {
flex-basis: 100%;
}
.homepage-blog-wrapper .h4 {
font-size: 32px;
}
:nth-child(1 of .homepage-blog-wrapper) {
padding-top: 50px;
padding-bottom: 50px;
}
.homepage-blog-wrapper {
padding-top: 30px;
padding-bottom: 50px;
}
.homepage-group-description {
font-size: 16px;
}
.homepage-group-header {
padding: 0 15px;
}
.homepage-group-header:not(.homepage-group-description) {
margin-bottom: 40px;
}
body.type-category #products.products-block,
body.type-product .products-block {
padding: 0 !important;
}
}

.products-block .price-final {
    color: #000000;
}

.products-block .p-bottom>div {
align-items: center;
}

body.type-category #content:has(.subcategories-line) .category-top {
padding-bottom: 100px;
}

body.type-category .category-top {
padding-bottom: 40px;
}

body:not(.type-product) .breadcrumbs.navigation-home-icon-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

body.type-category #content:not(:has(.subcategories-line)) .category-content-wrapper {
    margin-top: 25px;
}

.category-top,
.breadcrumbs>span>a:after,
.breadcrumbs>span>a:before,
.breadcrumbs a,
.breadcrumbs span,
.category-top h1,
.category-top span,
.category-top strong,
.category-top .category-perex p {
color: #FFFFFF;
}

.category-top .breadcrumbs-wrapper {
width: 100%;
}

body.type-category .category__secondDescription {
display: none !important;
}

@media (min-width: 768px) {
.loadMore button {
margin-top: 15px;
}
}

@media (min-width: 768px) {
/* Nastavení hlavního kontejneru s produkty */
body.type-category #products.products-block,
body.type-search #products.products-block {
display: grid;
grid-template-columns: repeat(auto-fill, 215px);
justify-content: end;
/* Zarovná celou mřížku k pravému kraji */
gap: 25px;
/* Tady si nastav, jak moc je chceš od sebe roztáhnout */
}
body.type-category #products.products-block .product,
body.type-search #products.products-block .product {
float: none;
width: 215px;
margin: 0;
}
}

@media (min-width: 1440px) {
/* Nastavení hlavního kontejneru s produkty */
body.type-category #products.products-block,
body.type-search #products.products-block {
display: grid;
grid-template-columns: repeat(auto-fill, 290px);
justify-content: end;
/* Zarovná celou mřížku k pravému kraji */
gap: 50px;
/* Tady si nastav, jak moc je chceš od sebe roztáhnout */
}
body.type-category #products.products-block .product,
body.type-search #products.products-block .product {
float: none;
width: 290px;
margin: 0;
}
}

/* 1. KROK: Smažeme původní Shoptet ikonu z velkého obalu */
.breadcrumbs.navigation-home-icon-wrapper:before {
    content: none !important;
    display: none !important;
}
#navigation-first .navigation-home-icon::after {
    display: none !important;
}

.navigation-home-icon-wrapper #navigation-first a {
padding-left: 0px;
}
/* 2. KROK: Resetujeme odkaz a uděláme z něj viditelný čtvereček */
#navigation-first .navigation-home-icon  {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    position: relative !important;
    vertical-align: middle !important;
    overflow: visible !important;
    opacity: 1 !important;              /* Pojištění proti skrytému opacity: 0 */
    visibility: visible !important;      /* Pojištění proti visibility: hidden */
    text-decoration: none !important;
    margin-top: -2px;
    margin-right: 5px;
}

[data-testid="breadcrumbsSecondLevel"]::after, [data-testid="breadcrumbsSecondLevel"]::before {
    display: none !important;
}

/* 3. KROK: Samotná maska s pojištěním */
#navigation-first .navigation-home-icon:before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    
    /* KLÍČOVÉ: Pro masku se barva definuje přes pozadí, ne přes color */
    background-color: var(--primary-gold); 
    
    /* Tvoje ostrá maska */
    -webkit-mask-image: url('/user/documents/svg/breadcrum_head.svg') !important;
    mask-image: url('/user/documents/svg/breadcrum_head.svg') !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    pointer-events: none;
    transform: rotate(0);
}

@media (max-width: 768px) {
body.type-product .benefitBanner__item,
body.type-page .benefitBanner__item {
    flex: 0 0 100% !important;
}
}


@media (min-width: 768px) {
body.type-product .benefitBanner__item,
body.type-page .benefitBanner__item {
    flex: 0 0 49% !important;
}
}

/**
* product page
*/
@media (min-width: 992px) {
body.type-product .benefitBanner__item,
body.type-page .benefitBanner__item {
    flex: 1 1 15% !important;
}
}


body.type-product .benefitBanner::before {
    top: 0px;
}

@media (min-width: 992px) {
   body.type-product .benefitBanner::after {
        top: -175px;
        right: -45px;
        height: 250px;
        width: 250px;
        transform: rotate(16deg);
    }


}



/**
* Množství v cart-widget
*/
.quantity {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    height: 40px !important;
    background-color: #ffffff !important;
    position: relative;
    border: none;
}
.quantity .increase,
.quantity .decrease {
    position: static !important;
    width: 36px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    color: #fff;
}

.quantity button,
.quantity .amount {
    font-size: 16px;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.quantity .amount {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #D9D9D9 !important;
}

.quantity button {
    color: #fff;
    background-color: #1D7139;
    border: 1px solid #1D7139;
}

.quantity label {
    margin: 0 !important;
    display: flex !important;
    height: 100% !important;
}

.quantity .amount {
    width: 50px !important;
    height: 100% !important;
    text-align: center !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}

.quantity .amount::-webkit-outer-spin-button,
.quantity .amount::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.quantity .decrease {
    order: 1 !important;
    border-radius: 6px 0 0 6px !important;
}

.quantity label {
    order: 2 !important;
}

.quantity .amount {
    border-left: none !important;  
    border-right: none !important; 
}

.quantity .increase {
    order: 3 !important;
    border-radius: 0 6px 6px 0 !important;
}

.quantity .amount:focus {
    background-color: #fffdf9 !important;
}

.quantity-form .quantity {
    padding-right: 0;
}

.decrease__sign,
.increase__sign {
    display: block;
    font-size: 20px;
}

.decrease span,
.increase span {
    color: #fff;
}

.quantity .decrease:before,
.quantity .increase:before {
    display: none !important;
}

.quantity .decrease, .quantity .increase {
    background-color: #1D7139;
    border: 1px solid #1D7139;
}


.custom-latest-contribution-wrapper.container {
    margin-top: 20px;
    margin-bottom: 30px;
}

body.type-posts-listing .sidebar,
body.type-post .sidebar,
body.in-o-nas .sidebar,
body.in-velkoobchodni-nabidka .sidebar {
    display: none !important;
}

.news-item .image {
    margin-right: 0px !important;
    width: 100% !important;
}


@media (min-width: 1200px) {
    .content-inner {
        max-width: 100% !important;
    }
}

#newsWrapper {
    margin-top: 80px;
}

#newsWrapper .news-item {
    border-color: #DADADA;
    border: 1px solid #DADADA;
    border-radius: 8px;
}

/*
=======
Skin card
========
Přesunuto z detail.css (bylo scoped na body.type-product) - komponenta
"Co právě řešíte?" se používá i mimo detail produktu, proto platí obecně.
*/

/* ─── HLAVNÍ SEKCE A VNITŘNÍ STRUKTURA ─────────────────── */
.content-wrapper:has(.skin-simple-row) {
        background-color: #F7F4ED !important;
}
/* ─── NEW WRAPPER ELEMENT ───────────────────────────────── */
.skin-simple-row {
    width: 100%;
}

/* ─── SECTION ─────────────────────────────────── */
.skin-section {
    width: 100%;
    padding: 40px 0px 48px;
}

.skin-section__inner {
    margin: 0 auto;
}

/* ─── ROW (desktop: heading left, cards right) ── */
.skin-row {
    display: flex;
    align-items: center; /* ZABRÁNÍ ROZTAHOVÁNÍ KARET NA VÝŠKU TEXTU */
    gap: 32px;
    margin-bottom: 25px;
}

.skin-simple-row .skin-section__inner .skin-row .skin-row__heading-wrapper {
    font-family: 'PlayfairDisplay', sans-serif;
    display: flex;
    flex-direction: column;
    color: #1A1A1A !important;
    text-align: left;
}

.skin-simple-row .skin-section__inner .skin-row .skin-row__heading-wrapper p {
    color: #1A1A1A !important;
    font-size: 16px;
}

.skin-simple-row .skin-section__inner .skin-row .skin-row__heading {
    font-size: 40px;
    font-weight: 600;
    color: #1A1A1A;
    line-height: 1.3;
    margin-top: 0;
}

/* ─── CARDS WRAPPER ───────────────────────────── */
.skin-cards {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    flex: 1;
}

/* ─── SINGLE CARD ─────────────────────────────── */
.skin-card {
    position: relative;
    background: #ffffff;
    border-radius: 10px 10px 0 0;
    border: 2px solid #EFE9DD !important;
    transition: .4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    flex: 1 1 0;
    min-width: 0;
    justify-content: space-evenly;
    padding: 5px;
}

.skin-card:hover {
    border: 2px solid #D4AF37 !important;
}

.skin-card:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    aspect-ratio: 314 / 34;
    transform: translateY(94%);
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='314' height='34' viewBox='0 0 314 34' fill='none'%3E%3Cpath d='M157.5 10L142.345 2.5H172.655L157.5 10Z' fill='white'/%3E%3Cpath d='M164.704 16.1383C163.045 11.1275 157.887 9.2302 157.154 8.97314C156.399 9.30534 151.568 11.522 150.212 16.5458C148.791 21.8066 151.757 28.0075 157.707 30.9998C163.684 27.7845 166.424 21.3368 164.704 16.1383Z' fill='white' stroke='%23D4AF37' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M157.154 8.97334C152.291 7.07915 146.148 5.27249 138.924 4.45512C136.159 4.1423 133.551 4.00995 131.129 4H117' fill='white'/%3E%3Cpath d='M157.154 8.97334C152.291 7.07915 146.148 5.27249 138.924 4.45512C136.159 4.1423 133.551 4.00995 131.129 4H117' stroke='%23D4AF37' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M157.154 8.97334C162.016 7.07915 168.16 5.27249 175.384 4.45512C178.148 4.1423 180.757 4.00995 183.178 4H197.308' fill='white'/%3E%3Cpath d='M157.154 8.97334C162.016 7.07915 168.16 5.27249 175.384 4.45512C178.148 4.1423 180.757 4.00995 183.178 4H197.308' stroke='%23D4AF37' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M0 4H117' stroke='%23D4AF37' stroke-width='5'/%3E%3Cpath d='M197 4H314' stroke='%23D4AF37' stroke-width='5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    margin-left: -2px;
    margin-right: -2px;
}

/* Icon — problems: circle */
.skin-card__icon {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.skin-card__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.skin-card__label {
    font-size: 1.15rem;
    font-weight: 500;
    color: #1A1A1A;
    text-align: center;
    line-height: 1.4;
    text-decoration: underline;
    max-width: 80%;
}

/* Product icon: taller rectangle */
.skin-cards--products .skin-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    margin-bottom: 8px;
    flex-shrink: 0;
    border-radius: 12px;
}

/* ════════════════════════════════════════════════
   MOBILE  ≤ 1023px / 767px
════════════════════════════════════════════════ */
@media (max-width: 1023px) {
    /* Stack heading above grid */
    .skin-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .skin-row__heading {
        font-size: 32px;
        flex: unset;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 15px;
    }

    /* Upravený grid pro karty */
    .skin-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        row-gap: 50px;
        width: 100%;
    }

    /* 5th card centered and matching size perfectly */
    .skin-cards .skin-card:nth-child(5) {
        grid-column: 1 / -1;
        width: calc((100% - 12px) / 2);
        margin: 0 auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }

    .skin-card {
        flex: unset;
    }

    .skin-card__icon {
        width: 60px;
        height: 60px;
    }
}

    .skin-card {
        min-height: 150px;
    }

@media (max-width: 767px) {
    .skin-row__heading-wrapper {
        width: 100%;
    }

    .skin-card {
        padding-bottom: 10px;
    }

    .skin-card__label {
        text-decoration: none !important;
    }

    .skin-row:first-of-type {
        margin-bottom: 50px;
    }

    .skin-cards {
        column-gap: 20px;
        row-gap: 30px;
    }
}

@media (min-width: 768px) {
    .skin-row__heading-wrapper {
        width: 25%;
    }
}

@media (max-width: 991px) {
    .skin-row__heading-wrapper {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .skin-row__heading-wrapper {
        width: 25%;
        text-align: left;
    }
}

/*
=======
Breadcrumbs - detail článku a stránky (body.type-post, body.in-o-nas, body.in-velkoobchodni-nabidka)
========
Zkopírováno z detail.css, kde je to stejné pro body.type-product.
Zatím jen PC verze (bez mobilního @media max-width: 767px) - ten
přidáme zvlášť, až budeme řešit mobil.
*/

/* --- HLAVNÍ KONTEJNER --- */
body.in-o-nas .breadcrumbs-wrapper .navigation-home-icon-wrapper,
body.in-velkoobchodni-nabidka .breadcrumbs-wrapper .navigation-home-icon-wrapper,
body.type-post .breadcrumbs-wrapper .navigation-home-icon-wrapper {
    position: relative;
    display: block;
    line-height: 1.5;
}

/* --- IKONA DOMEČKU (Předřazená před celé drobečky) --- */
body.in-o-nas #navigation-first .navigation-home-icon::before,
body.in-velkoobchodni-nabidka #navigation-first .navigation-home-icon::before,
body.type-post #navigation-first .navigation-home-icon::before {
    display: inline-block;
    vertical-align: middle;
    background-color: #2066AC !important;
}

@media (min-width: 768px) {
    body.in-o-nas .breadcrumbs>span>a, body.in-o-nas .breadcrumbs>span>span,
    body.in-velkoobchodni-nabidka .breadcrumbs>span>a, body.in-velkoobchodni-nabidka .breadcrumbs>span>span,
    body.type-post .breadcrumbs>span>a, body.type-post .breadcrumbs>span>span {
        padding: 10px 0px;
    }
    body.in-o-nas .navigation-home-icon-wrapper #navigation-first a,
    body.in-velkoobchodni-nabidka .navigation-home-icon-wrapper #navigation-first a,
    body.type-post .navigation-home-icon-wrapper #navigation-first a {
        padding-left: 15px;
    }

    /* --- IKONA DOMEČKU (Předřazená před celé drobečky) --- */
    body.in-o-nas .navigation-home-icon-wrapper::before,
    body.in-velkoobchodni-nabidka .navigation-home-icon-wrapper::before,
    body.type-post .navigation-home-icon-wrapper::before {
        top: 2px !important;
        transform: none !important;
        margin: 0 !important;
    }

}

/* --- JEDNOTLIVÉ POLOŽKY DROBEČKŮ --- */
body.in-o-nas .breadcrumbs span,
body.in-velkoobchodni-nabidka .breadcrumbs span,
body.type-post .breadcrumbs span {
    display: inline;
    color: #000000;
    font-size: 14px;
    font-weight: 550;
    white-space: normal;
}

/* Odkazy uvnitř drobečků */
body.in-o-nas .breadcrumbs a,
body.in-o-nas .breadcrumbs a span,
body.in-velkoobchodni-nabidka .breadcrumbs a,
body.in-velkoobchodni-nabidka .breadcrumbs a span,
body.type-post .breadcrumbs a,
body.type-post .breadcrumbs a span {
    color: #2066AC !important;
    text-decoration: underline;
    display: inline;
}

/* --- ODDĚLOVACÍ ŠIPKY / LOMÍTKA --- */
body.in-o-nas .breadcrumbs .navigation-bullet,
body.in-velkoobchodni-nabidka .breadcrumbs .navigation-bullet,
body.type-post .breadcrumbs .navigation-bullet {
    color: #787878;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    top: 0px;
    line-height: 1.5;
    padding: 10px 5px;
    margin: 0;
}


/* ==========================================================================
   Společný základ pro rodiče a obrázek
   ========================================================================== */

   @media (min-width: 768px) {
    body:not(.type-detail,.in-o-nas,.in-velkoobchodni-nabidka,.type-post) .breadcrumbs.navigation-home-icon-wrapper {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
    }
    }

header[itemprop="headline"] {
    line-height: 2;
}

.sectionDescription,
header[itemprop="headline"],
.custom-page-section.nase-pobocky {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--color-primary);
    isolation: isolate;
}

.sectionDescription,
header[itemprop="headline"] {
    color: #FFFFFF;
}


h1[data-testid="textArticleTitle"] {
    position: relative;
    width: 100%;
    background-color: var(--color-primary);
    isolation: isolate; 
    margin-top: 0;
    padding: 40px 0;
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    font-family: 'PlayfairDisplay', sans-serif;
    text-align: center;
}
.sectionDescription::after,
body:not(.type-detail,.in-o-nas,.in-velkoobchodni-nabidka,.type-post) .breadcrumbs.navigation-home-icon-wrapper::after,
h1[data-testid="textArticleTitle"]::after,
header[itemprop="headline"]::after,
.custom-page-section.nase-pobocky::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 110vw;
    z-index: -1;
}

.sectionDescription,
h1[data-testid="textArticleTitle"],
header[itemprop="headline"] {
    margin-top: -3px;
}

.sectionDescription::after,
h1[data-testid="textArticleTitle"]::after,
header[itemprop="headline"]::after {
background: var(--primary-bg-green);
}

p > a,
p > span,
span > a {
    font-size: inherit;
}

/* Breadcrumbs dostává jen plnou barvu (horní barva gradientu), ne gradient -
   je to samostatný box NAD headerem, takže vlastní gradient dělal ošklivý
   "reset" na švu (breadcrumbs skončí dole tmavou, header hned pod tím
   začíná znovu světlou). Plná #46835C přesně navazuje na horní okraj
   headerova gradientu, takže na švu barvy sedí. */
body:not(.type-detail,.in-o-nas,.in-velkoobchodni-nabidka,.type-post) .breadcrumbs.navigation-home-icon-wrapper::after {
background: #46835C;
}

.custom-page-section.nase-pobocky::after {
    background-color: #EFE9DD ;
}

.sectionDescription img,
header[itemprop="headline"] img {
    display: block;
    object-fit: contain;
}

.sectionDescription:has(p img)::before,
header[itemprop="headline"]:has(p img)::before {
    content: "";
    position: absolute;
    background-image: url('/user/documents/svg/listy_velke.svg');
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 3;
    pointer-events: none;
    transform: rotate(-180deg) translateZ(0) scale(1.01);
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}
@media(min-width: 768px){
header[itemprop="headline"]:not(:has(p:first-of-type > img)) {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}
/* ==========================================================================
   1. MOBILNÍ VERZE (Výchozí stav)
   ========================================================================== */
@media (max-width: 767px) {
    .sectionDescription,
   header[itemprop="headline"] {
        gap: 15px;
    }
    .sectionDescription p:has(img),
    header[itemprop="headline"] p:has(img) { order: 1; width: 100%; height: auto; margin-top: 15px; }
    .sectionDescription h1,
    header[itemprop="headline"] h1  { order: 2; }
    .sectionDescription p,
    header[itemprop="headline"] p   { order: 3; }

}



@media (min-width: 768px) {
    .sectionDescription,
    header[itemprop="headline"]:has(p:first-of-type > img) {
        padding-right: 450px;
        min-height: 250px;
    }

        /* Obrázek vytrhneme z flexboxu a napozicujeme ho doprava dolů s přesahem */
    .sectionDescription img,
    header[itemprop="headline"]:has(p:first-of-type > img) img {
        position: absolute;
        right: 60px;
        bottom: -50px;
        width: 400px;
        height: 300px; /* Ideální je definovat pevný rozměr pro přesnou matematiku lístečků */
        z-index: 1;
    }
}


/* ==========================================================================
   2. POČÍTAČOVÁ VERZE (Od desktopu nahoru)
   ========================================================================== */

@media (min-width: 992px) {
    .sectionDescription,
     header[itemprop="headline"]:has(p:first-of-type > img) {
        padding-right: 550px; /* Prostor pro obrázek vpravo, aby do něj nešel text */
        min-height: 250px;    /* Pojistka výšky sekce kvůli absolutnímu img */
    }


}

   @media (min-width: 1200px) {
    .sectionDescription,
   header[itemprop="headline"]:has(p:first-of-type > img) {
        padding-right: 650px; /* Prostor pro obrázek vpravo, aby do něj nešel text */
        min-height: 250px;    /* Pojistka výšky sekce kvůli absolutnímu img */
    }

   }

#content-wrapper:has(.sectionDescription) {
    margin-top: -2px;
}
@media(min-width: 992px) {
body.type-post .container #content,
body.type-post .breadcrumbs {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
body.type-post .breadcrumbs,
body:is(.in-o-nas,.in-velkoobchodni-nabidka) {
    padding-left: 2px !important;
}

body:is(.in-o-nas,.in-velkoobchodni-nabidka) .container #content,
body:is(.in-o-nas,.in-velkoobchodni-nabidka) .breadcrumbs {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}
}



/*================*/
/* CUSTOM PAGE - CSS */
/*================*/
/* --- Globální obal --- */
.custom-page-wrapper {
    margin: 0 auto;
    width: 100%;
}

.custom-page-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px; /* Mezera mezi jednotlivými bloky */
    gap: 20px;
}

@media (max-width: 767px){
    .custom-page-row {
        gap: 0px;
    }
    body.in-o-nas .custom-page-row img {
        margin-bottom: 0px !important;
    }
}

.custom-page-row .custom-page-row {
    margin-bottom: 0;
}

/* Obrázek si drží vlastní poměr stran a neořezává se - nemusí výškou sedět s textem vedle */
.custom-page-media img {
    width: 100%;
    height: 100%;
    border-radius: var(--primary-radius);
    display: block;
    margin: 0 auto;
}

/* --- KOUZLO PRO MOBIL (Pod sebou v pořadí: Nadpis > Obrázek > Text) --- */
@media (max-width: 767px) {
    .custom-page-content {
        /* Toto rozbalí kontejner a umožní třídit vnitřní prvky v rámci celého řádku */
        display: contents; 
    }
    
    .custom-page-row h2 {
        order: 1; /* Nadpis bude první */
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .custom-page-media {
        order: 2; /* Obrázek bude druhý */
        margin-bottom: 20px;
        width: 100%;
    }
    
    .custom-page-text {
        order: 3; /* Všechny texty budou poslední */
    }
}

/* --- STYLY PRO PC A TABLETY (Vedle sebe) --- */
@media (min-width: 768px) {
    .custom-page-row {
        flex-direction: row; /* Vedle sebe */
        gap: 50px; /* Široká mezera mezi sloupcem obrázku a textu */
    }

    /* Reverse třída - přehodí pořadí prvků (obrázek nalevo) */
    .custom-page-row.custom-page-reverse {
        flex-direction: row-reverse;
    }

    /* Rovnoměrné rozvržení sloupců (1:1 i při více sloupcích v řádku).
       flex-grow/shrink stejné pro všechny -> stejná šířka bez ohledu na obsah,
       min-width: 0 dovolí dlouhému nezalomenému textu se zalomit místo přetečení. */
    .custom-page-col {
        flex: 1 1 0;
        min-width: 0;
    }

    /* Vertikální zarovnání na střed */
    .align-items-center {
        align-items: center;
    }
}

/* --- PARAMETRY / INFO BOX (převzato z detailu produktu, upraveno pro custom stránky) --- */

/* Sloupec je flex-column, aby podbarvený box uvnitř (viz níže) mohl
   vyplnit celou dostupnou výšku, kterou sloupci dá stretch v .custom-page-row */
.custom-page-tab-block {
    display: flex;
    flex-direction: column;
}

.custom-page-tab-block h3 {
    font-family: 'PlayfairDisplay', sans-serif;
    font-size: 32px;
    font-weight: 500;
    color: #1A1A1A;
    margin-top: 0;
}

.custom-page-parameters-holder {
    flex: 1; /* Vyplní zbylou výšku bloku, aby podbarvení sedělo se sousedním sloupcem */
    background-color: #F7F4ED;
    padding: 20px;
    border-radius: 4px;
}

.custom-page-param-content {
    margin-bottom: 12px; /* Menší mezera mezi parametry pod sebou */
}
.custom-page-param-item:last-child {
    margin-bottom: 0; /* Poslední parametr nemá spodní mezeru */
}

.custom-page-param-label {
    display: block;
    font-weight: 400;
    margin-bottom: 2px; /* Těsná mezera k textu pod ním */
    font-size: 16px;
    color: #000000;
}

.custom-page-param-content,
.custom-page-param-content span,
.custom-page-param-content a {
    font-size: 16px;
    color: #1D7139;
    font-weight: 600;
}

/* --- ČLÁNKY / RECEPTY NA CUSTOM STRÁNCE (stejný vzhled jako #newsWrapper) ---
   Základní vzhled .news-item (barvy, padding, typografie, tlačítko) řeší obecná
   pravidla pro .news-item výše v souboru - tady jen duplikujeme to, co bylo
   u #newsWrapper vázané na ID (grid rozvržení a rámeček karty). */
.custom-page-news-item-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-top: 0px;
}

@media (max-width: 1199px) {
    .custom-page-news-item-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .custom-page-news-item-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Kompaktní varianta - menší karty vedle sebe, vycentrované (např. "Naše pobočky"),
   místo roztažení přes celou šířku jako u sloupců 1fr výše */
.custom-page-news-item-wrapper.custom-page-news-item-wrapper-compact {
    grid-template-columns: repeat(3, minmax(0, 330px));
    justify-content: center;
}

@media (max-width: 767px) {
    .custom-page-news-item-wrapper.custom-page-news-item-wrapper-compact {
        grid-template-columns: minmax(0, 330px);
    }
}

.custom-page-news-item-wrapper .news-item img {
    width: 100%;
}

.custom-page-news-item-wrapper .news-item {
    border: 1px solid #DADADA;
    border-radius: 8px;
}

.custom-page-news-item-wrapper .news-item .read-more-btn-wrapper {
    padding: 15px 10px 15px 10px;
    
}

.custom-page-news-item-wrapper .news-item .read-more-btn-wrapper a {
text-decoration: none;
}

body.in-o-nas header[itemprop="headline"],
body.in-velkoobchodni-nabidka header[itemprop="headline"],
body.type-post header[itemprop="headline"] {
    display: none !important;
}

/* Styly pouze pro mobilní zařízení (do šířky displeje 767px) */
@media (max-width: 767px) {
    .flags.flags-default .flag:nth-child(n+3) {
        display: none !important;
    }

}
/* 1. Skrytí sidebaru, pokud má filtr výrobců pouze jeden div */
body.type-category:has(.filter-section-parametric-id-21 fieldset > div:only-of-type) aside.sidebar,
body.type-category:not(:has(.filter-section-parametric-id-21)) aside.sidebar,
.filter-total-count {
    display: none !important;
}


@media (min-width: 768px) {
    body.type-category:has(.filter-section-parametric-id-21 fieldset > div:only-of-type) .category-content-wrapper,
    body.type-category:not(:has(.filter-section-parametric-id-21)) .category-content-wrapper {
        width: 100% !important;
    }
    body.type-category:not(:has(.filter-section-parametric-id-21)) .category-content-wrapper #products.products-block{
        justify-content: center;
    }
    .custom-page-wrapper .breadcrumbs{
        margin-left: 5px;
    }
}


body.type-page .content-wrapper p,
body.type-page .content-wrapper span,
body.type-page .content-wrapper,
body.type-post .content-wrapper p,
body.type-post .content-wrapper span,
body.type-post .content-wrapper {
    color: #000000;
}
body.type-page .content-wrapper h1 span,
body.type-post .content-wrapper h1 span {
    color: var(--primary-gold);
}
body.type-page .content-wrapper h1,
body.type-page .content-wrapper h1 span,
body.type-post .content-wrapper h1,
body.type-post .content-wrapper h1 span {
    margin-top: 0;
    font-family: 'PlayfairDisplay', sans-serif;
    font-size: 40px;
    font-weight: 700;
}
body.type-page .content-wrapper h2,
body.type-post .content-wrapper h2 {
    font-family: 'PlayfairDisplay', sans-serif;
    font-size: 32px;
    font-weight: 500;
}

.green-text {
    color: #1D7139 !important;
    font-weight: 700;
}

body.in-o-nas .content-wrapper h2,
body.in-velkoobchodni-nabidka .content-wrapper h2,
body.type-post .content-wrapper h2 {
    font-weight: 700;
}


body.type-page .content-wrapper .pobocka h2 {
    font-weight: 700;
}

body.type-page .content-wrapper .pobocka-lokace h2,body.type-page .content-wrapper .pobocka-nahled h2{
    font-weight: 500;
}

@media(min-width: 768px) {
    
.pobocka-lokace h2,.pobocka-nahled h2{
    text-align: center;
}
}

@media(max-width: 767px){
    body.type-page .content-wrapper h1,
    body.type-page .content-wrapper h1 span,
    body.type-post .content-wrapper h1,
    body.type-post .content-wrapper h1 span {
    font-size: 32px;
    font-weight: 700;
}
body.type-page .content-wrapper h2,
body.type-post .content-wrapper h2 {
    font-size: 32px;
    font-weight: 500;
}

body.in-o-nas .content-wrapper h2,
body.in-velkoobchodni-nabidka .content-wrapper h2,
body.type-post .content-wrapper h2 {
    font-weight: 700;
}
.custom-page-section .custom-page-section-title {
    text-align: left;
}
}

.custom-page-section.nase-pobocky .custom-page-section-title{
    text-align: center;
}

.pobocka-title,
.pobocka-title strong {
    font-size: 20px;
}

.pobocka-title {
    display: inline-block;
    position: relative;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Údaje pobočky (adresa, telefon, otevírací doba) používají stejnou
   label/content strukturu jako kontaktní box výš na stránce, ale karta
   pobočky je úzká (280px) - proto menší a klidnější styl než tam. */
.news-item .custom-page-param-item {
    margin-bottom: 8px;
}

.news-item .custom-page-param-label {
    display: inline; /* label a hodnota na jednom řádku, zalamují se jako jeden celek */
    font-size: 16px;
    font-weight: 700; /* tučný label */
    color: #6b6b6b;
    margin-bottom: 0;
}

.news-item .custom-page-param-label::after {
    content: ":"; /* dvojtečka za labelem */
}

.news-item .custom-page-param-content,
.news-item .custom-page-param-content span,
.news-item .custom-page-param-content a {
    display: inline; /* naváže se za label na stejný řádek */
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

/* --- KONTAKTNÍ FORMULÁŘ ---
   HTML formuláře vkládá Shoptet přes #FORM[code=contact]# a nelze ho upravovat,
   proto rozvržení řešíme čistě přes CSS (fieldset jako grid) + doplňky přes JS
   (placeholdery, přejmenování labelu) v script-1.js. */
body:not(.in-o-nas,.in-velkoobchodni-nabidka,.type-post) div[itemprop="about"] {
    margin-top: 40px;
    margin-bottom: 40px;
}
@media(min-width: 768px){

body:is(.in-o-nas,.in-velkoobchodni-nabidka,.type-post) .breadcrumbs {
    padding-bottom: 0 !important;
    margin-top: 40px !important;
}

}

body:is(.in-o-nas,.in-velkoobchodni-nabidka,.type-post) .breadcrumbs {
    padding-top: 0 !important;
}


.custom-page-section:last-child {
    margin-bottom: 40px;
}
.custom-page-section.kontakt > p {
    text-align: center;
    margin-bottom: 30px;
}

.custom-page-section.kontakt fieldset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px; /* menší mezery, ať jsou pole víc u sebe */
}

/* Shoptet každému .form-group defaultně dává vlastní spodní margin - když ho
   necháme, sčítá se s grid gapem a řádky jsou zbytečně daleko od sebe */
.custom-page-section.kontakt .form-group {
    margin-bottom: 0;
}

/* Zpráva, souhlas a tlačítko jedou přes celou šířku, jméno + e-mail vedle sebe */
.custom-page-section.kontakt .form-group:has(textarea),
.custom-page-section.kontakt .form-group.consents,
.custom-page-section.kontakt .form-group.submit-wrapper {
    grid-column: 1 / -1;
}

.custom-page-section.kontakt .form-group:not(.consents) label {
    display: block;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 8px;
}

.custom-page-section.kontakt .submit-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}

/* !important, protože Shoptet dává submit tlačítku vlastní width: 100%
   (mimo náš CSS, řešeno v base šabloně) - jinak by justify-content: flex-end
   neměl na čem zabrat. */
.custom-page-section.kontakt .submit-wrapper .btn {
    width: 40%;
    flex: 0 0 auto;
    padding: 10px 30px;
    font-size: 16px;
    margin-left: auto;
    margin-right: 0;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 700;
    background-color: var(--primary-gold);
    border: 0px;
}

.custom-page-section.kontakt .submit-wrapper .btn:hover {
    background-color: var(--primary-gold-hover);
}

@media (max-width: 767px) {
    .custom-page-section.kontakt > p {
        text-align: left;
    }

    .custom-page-section.kontakt fieldset {
        grid-template-columns: 1fr;
    }

    .custom-page-section.kontakt .form-group:not(.consents) label {
        font-size: 18px;
    }
}

.custom-page-section.kontakt {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.custom-page-section.kontakt .form-group>input.form-control {
    width: 100% !important;
}

.custom-page-section.kontakt .form-group>textarea.form-control {
    min-height: 150px;
}

@media (min-width: 768px){
    .custom-page-section.kontakt .custom-page-section-title h2 {
    text-align: center;
}

}

/* --- DETAIL POBOČKY (nase-obchody.html) ---
   Struktura na jednu pobočku: .custom-page-section.pobocka obsahuje 2x
   .custom-page-row (info+foto, pak lokace+náhled). Rozvržení do sloupců
   řeší už existující .custom-page-row/.custom-page-col z výše v souboru,
   tady jen doplňujeme specifika (iframe, nadpisy, mobilní pořadí). */

.custom-page-section.pobocka {
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.custom-page-section.pobocka:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.custom-page-section.pobocka .custom-page-col > h3 {
    font-family: 'PlayfairDisplay', sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 15px;
}

.custom-page-section.pobocka iframe {
    display: block;
    width: 100%;
    height: 300px;
    border: 0;
    border-radius: var(--primary-radius);
}

/* Fotka vedle info bloku má být stejně vysoká jako obsah s nadpisem vedle ní.
   .custom-page-col už dostane stejnou výšku přes align-items: stretch (řádek výše
   v souboru), ale samotný <img> by si bez tohoto pravidla držel jen výšku podle
   vlastního poměru stran - proto height: 100% + object-fit: cover (ořízne, ale
   výšky si tak přesně sednou). Mimo desktopový řádkový layout (mobil) se toto
   pravidlo díky neurčité výšce rodiče chová jako běžné height: auto. */
@media (min-width: 768px) {
    .custom-page-section.pobocka .custom-page-media {
        padding-top: 26.6px;
    }
}

/* Mobilní pořadí napříč oběma řádky: nadpis > foto > info blok > lokace > náhled.
   Stejný trik jako u .custom-page-content výše (display: contents + order),
   jen o úroveň hlouběji - "rozpustíme" obě .custom-page-row i .custom-page-tab-block,
   ať jsou nadpis a parametry samostatné položky, které lze přeřadit nezávisle na fotce. */
@media (max-width: 767px) {
    .custom-page-section.pobocka {
        display: flex;
        flex-direction: column;
    }

    .custom-page-section.pobocka .custom-page-row,
    .custom-page-section.pobocka .custom-page-tab-block {
        display: contents;
    }

    .custom-page-tab-block {
        margin-bottom: 25px;
    }

    .custom-page-section.pobocka .custom-page-section-title {
        order: 1;
    }

    .custom-page-section.pobocka .custom-page-media {
        order: 2;
        margin-bottom: 20px;
    }

    .custom-page-section.pobocka .custom-page-parameters-holder {
        order: 3;
        margin-bottom: 30px;
    }

    .custom-page-section.pobocka .pobocka-lokace {
        order: 4;
        margin-bottom: 30px;
    }

    .custom-page-section.pobocka .pobocka-nahled {
        order: 5;
    }
}


/* Základní styl pro všechna písmenka abecedy */
a[href*="/slovnik-pojmu/?letter="] {
    display: inline-block;
    min-width: 42px;
    height: 42px;
    line-height: 40px; /* Vycentrování textu na výšku */
    text-align: center;
    border: 1px solid #EFE9DD;
    color: #000000;
    text-decoration: none;
    margin: 3px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 32px;
    transition: all 0.2s ease;
}

/* Efekt po najetí myší */
a[href*="/slovnik-pojmu/?letter="]:hover {
    border-color: #1D7139;
}

/* Aktuálně vybrané písmeno - Shoptet ho místo <a> vykreslí jako <strong>
   (nejde odkazovat samo na sebe). Stejný styl jako běžné písmenko + rovnou
   stav jako při hoveru (zelený border), ať je vidět, které je aktivní. */
body.in-slovnik-pojmu .content-inner > p strong {
    display: inline-block;
    min-width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #1D7139;
    color: #000000;
    margin: 3px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 32px;
}

@media (min-width: 992px){
body.type-page:not(.in-o-nas,.in-velkoobchodni-nabidka,.type-post) div[itemprop="about"],
body.in-slovnik-pojmu .content-wrapper-in{
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#glossary-listing {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}
}

body.in-slovnik-pojmu .content-wrapper-in {
    margin-top: 40px;
}

body.in-slovnik-pojmu .content-wrapper-in h1:first-of-type {
    display: none !important;
}

#glossary-listing h2 a{
    color: #1D7139;
    text-decoration: underline;
    font-size: 20px;
    font-weight: 700;
}

#glossary-listing h2 a:hover {
    text-decoration: none;
}

/* --- DOPRAVA A PLATBA (doprava.html) ---
   Box s bílým pozadím, stínem a zaoblením, uvnitř řádky Logo / Text / Cena
   oddělené linkou. Rozvržení 2 boxy vedle sebe / pod sebou na mobilu řeší
   už existující .custom-page-row + .custom-page-col výše v souboru. */

.custom-page-doprava-box {
    background-color: #FFFFFF;
    border-radius: var(--primary-radius);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    padding: 6px 20px;
}

.custom-page-doprava-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #EFEFEF;
}

.custom-page-doprava-item:last-child {
    border-bottom: 0;
}

/* Logo/ikona metody - zatím prázdný obal, doplň <img> přímo do HTML */
.custom-page-doprava-item-icon {
    flex: 0 0 48px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-page-doprava-item-icon img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.custom-page-doprava-item-text {
    flex: 1;
}

.custom-page-doprava-item-text strong {
    font-weight: 600;
}

/* Tag mezi textem a cenou, blíže k textu (např. "Nad 1000 Kč zdarma" u GLS) */
.custom-page-doprava-item-tag {
    flex: 0 0 auto;
    background-color: #1D7139;
    color: #FFFFFF !important;
    border-radius: 16px;
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.custom-page-doprava-item-price {
    flex: 0 0 auto;
    margin-left: auto;
    white-space: nowrap;
    text-align: right;
}

.custom-page-doprava-item-price strong {
    font-weight: 700;
}

/* Na mobilu tag ("Nad 1000 Kč zdarma") spadne pod text, na PC zůstává vedle.
   Zalomení na nový řádek vynutí neviditelný "rozbíječ" (::after kontejneru,
   flex-basis: 100%) mezi cenou a tagem - tag samotný tak zůstane velký akorát
   podle textu (flex: 0 0 auto), místo aby se roztáhl na celou šířku řádku. */
@media (max-width: 767px) {
    .custom-page-doprava-item {
        flex-wrap: wrap;
    }

    .custom-page-doprava-item-icon {
        order: 1;
    }

    .custom-page-doprava-item-text {
        order: 1;
    }

    .custom-page-doprava-item-price {
        order: 2;
    }

    .custom-page-doprava-item::after {
        content: "";
        order: 3;
        flex-basis: 100%;
        height: 0;
    }

    .custom-page-doprava-item-tag {
        order: 4;
        flex: 0 0 auto;
        max-width: calc(100% - 44px); /* ať se vejde i s odsazením margin-left */
        margin-top: 6px;
        margin-left: 44px; /* zarovnání pod text (32px ikona + 12px gap) */
        white-space: normal; /* dlouhý text se zalomí místo přetečení mimo box */
    }

    /* Boxy Doprava/Platba pod sebou i mezery mezi jednotlivými řádky (Česká republika/
       Zahraničí/Velkoobchod) sjednoceny na stejnou hodnotu. Selektor přes :has() místo
       body.in-doprava, ať nezávisí na přesném slugu stránky. */
    .custom-page-row:has(.custom-page-doprava-box) {
        gap: 32px;
        margin-bottom: 32px;
    }
}

@media (min-width: 768px) {
    /* Na PC sjednoceno se stávajícím gapem 50px mezi boxy v řádku (.custom-page-row) */
    .custom-page-row:has(.custom-page-doprava-box) {
        margin-bottom: 50px;
    }
}

#glossary-listing h2{
    margin-bottom: 5px;
}

#glossary-listing p {
    color: #000000;
}

body.in-ochranne-znamky .custom-page-section a{
    font-size: 16px;
    font-weight: 700;
}
body.in-ochranne-znamky .custom-page-section a:hover{
  text-decoration: none;
}

body.in-reklamace ul li::marker,
body.in-obchodni-podminky ul li::marker  { 
    content: "–  "; 
}

p:has(br:only-child) {
    margin-bottom: 0px; /* nebo klidně úplně schovat přes display: none; */
}

body.type-post .post-title h1{
    margin-bottom: 0;
}

body.type-post .post-title{
    margin-bottom: 20px;
}

.news-item time,
body.type-post time,
body.type-post:has(.post-title) h1[itemprop="headline"] {
    display: none !important;
}

body.type-post:not(:has(.post-title)) h1[data-testid="textArticleTitle"]::after {
    display: none !important;
}
body.type-post:not(:has(.post-title)) h1[data-testid="textArticleTitle"] {
    color: #000000;
    background-color: transparent !important;
}

@media(min-width: 768px){
    body.in-nase-recepty.type-post #header{
        margin-bottom: 32px;
    }
}

/* "Autor" blok (Naše recepty) - Autor / Tým čajová zahrada pod sebou.
   <b> je inline, proto z .autor uděláme flex-column, ať jsou oba prvky
   samostatně na řádku bez nutnosti sahat na display u samotných <b>. */

.author {
    display: flex;
    flex-direction: column;
    gap: 2px; /* jediné místo, kde ladit mezeru mezi label a content */
}

body.type-post .author {
    margin-top: 10px;
}

.author-label {
    font-size: 16px;
    line-height: 1;
}
.author-content {
    font-size: 16px;
    line-height: 1;
}

.news-item .author {
    margin-bottom: 10px;
}