Random záhlaví backup

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<style>
:root {
--template-headings-font: "Inter", sans-serif;
--template-font: "Inter", sans-serif;
--blue: #0C27C5;
--orange: #FF8329;
--border: solid 2px var(--blue);
}
body {
background-color: #EEEDE6;
}
.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6, .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a {
color: var(--blue);
}
.navigation-in>ul>li>a:hover {color: var(--orange);}
.content-wrapper {
background-color: transparent;
}
.navigation-in ul li a b {
font-weight: 500;
}
.navigation-in {
font-size: 15px;
line-height: 150%;
}
.products-block>div .p {
border: var(--border);
}
.flavor_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}
.flavor_wrapper span {
font-size: 12px;
color: #fff;
background: var(--blue);
padding: 7px 12px;
border-radius: 15px;
}
.products-block .flavor_wrapper {
padding: 10px 0;
border-top: var(--border);
border-bottom: var(--border);
margin: 20px;
}
.products-block>div .p .name {
height: 18px;
font-size: 16px;
text-transform: uppercase;
color: var(--blue);
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-align:left;
}
.flavor_wrapper span.orange_bg {
background: var(--orange);
}
.type-product .flavor_wrapper {
justify-content: flex-start;
padding: 10px 0;
}
@media (min-width: 992px) {
.wide .p-detail-inner .p-image-wrapper {
border-right: var(--border);
}
.p-detail-inner .p-data-wrapper {
border-right: var(--border);
border-top: var(--border);
padding: 40px 20px;
}
}
.type-product .responsive-nav {
display: none;
}
.wide .p-detail-tabs-wrapper {
padding: 0;
}
.wide .p-detail-tabs-wrapper:before {display:none;}
.p-param-block {
display: none;
}
.p-detail-inner .p-data-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.top-products-wrapper {display:none;}
.homepage-texts-wrapper:has(.top-products-wrapper) .welcome-wrapper {
max-width: 100%;
margin: 0;
}
#marquee {
padding: 30px;
border-top: var(--border);
border-bottom: var(--border);
margin: 50px 0;
}
#marquee .slick-list {padding: 0 !important;}
#marquee .slick-slide {
font-size: 32px;
font-weight: 400;
padding: 0 10px 0 0;
}
#footer {
background-color: transparent;
border-top: var(--border);
}

.type-product .tab-content {
padding-left: 0px;
padding-right: 0px;
}
#desc_grid {
display: grid;
grid-template-columns: 1fr 1fr;
border: var(--border);
}
.desc_child1 {
grid-column: span 2;
padding: 30px 50px;
}
.desc_child2 {
padding: 30px 50px;
}
.border_bottom {
border-bottom: var(--border);
}
.border_right {
border-right: var(--border);
}
.desc_map {
display: flex;
align-items: center;
justify-content: center;
}
.desc_child2.desc_info {
padding: 0;
}
.desc_child2.desc_info > span,
.desc_child2.desc_info > div {padding: 30px 50px;}
.desc_info {}
.desc_name {
width: 100%;
display: block;
font-size: 32px;
}
.desc_flavours,
.desc_usage {font-size: 0;}
.desc_params .detail-parameters tr:nth-child(-n+3) {display:none;}
.desc_params {font-size:0;}
.desc_params .detail-parameters {
font-size: 16px;
}
.desc_params .detail-parameters tr:not(:last-child) { border-bottom: var(--border);}
table.detail-parameters tbody tr th {
text-transform: none;
font-weight: 500;
}
.desc_child1 {}
.desc_nl {}
#desc_img_1 {}
#desc_img_2 {}
#desc_grid h3 {}
#desc_grid p {}
#desc_grid img {}
#desc_grid span {}
#desc_grid div {}
.intensity_meter {
display: flex;
gap: 5px;
}
.intensity_meter span {
font-size: 0;
width: 15px;
height: 15px;
border-radius: 100%;
display: block;
background: var(--blue);
}
.intensity_meter span.orange_bg {background: var(--orange);}

.site-msg-custom.step-1 {display:none;}
.co-delivery-method:has(#shipping-4.active) .site-msg-custom.step-1 {display:block;}
.site-msg-custom.step-1 {
display: block;
}

.bulk-quantity-buttons {
display: flex;
gap: 8px;
margin-top: 10px;
}

.bulk-btn {
position: relative;
padding: 8px 14px;
border-radius: 14px;
border: 1px solid #ddd;
background: #f5f5f5;
cursor: pointer;
font-weight: 600;
min-width: 48px;
transition: 0.2s ease;
color: #000;
font-size: 16px;
}

.bulk-btn:hover {
background: var(--color-secondary-hover);
color:#fff;
}

.bulk-btn.active {
background: #7aa33c;
color: #fff;
border-color: #7aa33c;
}

.bulk-btn[data-badge]::after {
content: attr(data-badge);
position: absolute;
top: -7px;
right: -7px;
background: #7aa33c;
color: #fff;
font-size: 11px;
padding: 2px 6px;
border-radius: 20px;
font-weight: 600;
}
.products-block>div {
margin-bottom: 30px;
}
.connected-products {
display: flex;
gap: 6px;
margin-top: 8px;
}

.connected-dots {
width: 18px;
height: 18px;
border-radius: 50%;
display: block;
border: 1px solid #ddd;
transition: transform .2s ease;
}

.connected-dots:hover {
transform: scale(1.15);
}
.connected-products:before {content:'Další varianty:';}

.custom-modal {
position: fixed;
inset: 0;
display: none;
z-index: 9999;
}

.custom-modal.active {
display: block;
}

.custom-modal-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.6);
}

.custom-modal-content {
position: relative;
max-width: 500px;
margin: 10vh auto;
background: #fff;
padding: 20px;
z-index: 2;
}

.option-item {
padding: 10px;
border: 1px solid #ddd;
margin-bottom: 10px;
cursor: pointer;
}

.option-item:hover {
background: #f5f5f5;
}

.modal-close {
position: absolute;
top: 10px;
right: 10px;
}
.p-variants-block .detail-parameters .surcharge-list select {
display: none;
}
</style>