:root {
--clr-4:#123b62;
--clr-5:#378048;
--clr-12: #dde7f3;
--clr-13: #f9f1dd;
--clr-9: #FFC107;
--step-1: calc(var(--step-0) + 2px);
}
.vyhody li:before, .nevyhody li:before {
display:none;
}
.breadcrumbs {
  
     margin-bottom: 0;
}
#popis a {
text-decoration:underline;
}
#popis a:hover {
text-decoration:none;
color:#000;
}
strong {
font-weight: 600;
}
.category_desc h2 {
  font-size: var(--step-2);
margin-top: var(--space-3xl-4xl);
}
.category_desc ul {
    margin-left: 1.25rem;
}
.category_desc .cv-vyhody li strong {
color:var(--clr-5);
margin-bottom: 0;

}
.cv-stvorec li strong {
display:block;
font-size: var(--step-1);
}
.blog_content_wrap h1 + .mb_2xl img {
    object-fit: cover;
    width: 100%;
}

.huste p {
margin-bottom: calc(var(--space-2xs)* 1.2);
}
.nmb {
margin-bottom:0;
}
.grid12 {
    grid-template-columns: 1.5fr 1fr !important;
}
.grid12 .cv-help {
margin-top:0;
}
.cv-kont-icon {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}
.cv-kont-icon a:hover {
text-decoration:none !important;

}
.cv-kont-icon a:hover img {
    background-color: var(--clr-3);
}
.cv-kont-icon img {
border: 1px solid var(--clr-3);
    width: 48px;
    height: 48px;
    padding: 0.75rem;
    object-fit: contain;
margin-right:0.5rem;

}
.produkt figure img {
height: 10rem;
    margin: 0 auto;
    display: flex;
    object-fit: contain;
    object-position: center top;
}
.intro_doklady_wrap h5 {
font-size: var(--step-2);
}
/*.hp_banners {
    padding: 2rem 0 4rem 0;
}
*/
.intro_doklady_wrap {
    margin-top: var(--space-4xl-5xl);
}
.hp_banners h2 {
padding-right:1.75rem;
}
.otvaracie {
background-color: var(--clr-4);
    padding: var(--space-m-2xl);
color: var(--clr-1);
border-radius: var(--border_radius);
}
.otvaracie h2 {
color: var(--clr-1);
}
.otvaracie ul {
margin-bottom:0;
}
.sezona {
 margin-top: var(--space-m);
}
.otvaracie ul li  strong {
font-weight:400;
}
.otvaracie ul li em, .otvaracie ul li strong {
    background-color: transparent;
}
#blog_header_list {
  counter-reset: section;
padding: 0;
}
#blog_header_list h2{
padding: var(--space-s);
}
#blog_header_list a {
position:relative;
padding: var(--space-xs) var(--space-s)  !important;
margin: 0 !important;
border-top: none !important;
display: grid !important;
    grid-template-columns: 1.6rem 1fr;
}
#blog_header_list a:hover {
background-color:#F0F3F6;
text-decoration: none !important;
}
#blog_header_list a::before {
  counter-increment: section;
  content: counter(section) ". ";
}

#blog_header_list {
box-shadow:none;
border:none;
border-left:1px solid #F0F3F6;
}
.largemargin {
margin-bottom:var(--space-l-xl);
}
.cv-hidden {
    height: 0 !important;
}
.cv-vyhody-grid > div {
flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.cv-vyhody-grid, .cv-vyhody-col {
display:grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
.cv-vyhody-col {
gap: 0 1.5rem;
}
.cv-vyhody-grid div p > a {
text-align:right;
    display: flex;
justify-content: flex-end;
position:relative;
align-items: center;
gap:1rem;
}
.cv-vyhody-grid div p > a:after {
content: '';
    background: url(/TakacsShop/images/chevron-down-solid-blue.svg) no-repeat;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    transform: rotate(270deg);
    flex-shrink: 0;

}
.text-right {
text-align:right;
}
.cv-vyhody-grid img {
box-shadow:var(--box_shadow);
margin-bottom:1rem;
}
.cv-vyhody-grid div > p:first-child {
font-size:var(--step-1);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
flex-grow: 1;
-webkit-line-clamp: 2;
font-weight:700;
background-image: url(https://takacs.sk/TakacsShop/images/vyhoda.svg);
background-size: var(--step-1);
background-repeat:no-repeat;
background-position: left top 3px;
padding-left:calc(var(--step-1) + 10px);
}
.cv-valid {
background-image: url(https://takacs.sk/TakacsShop/images/vyhoda.svg);
background-size: var(--step-2);
background-repeat:no-repeat;
padding-left: 2.25rem;
background-position: left top 5px;
    color: var(--clr-5);
}
.tabblog {
    overflow-x: auto;
    margin-bottom: 2rem;
}
.tabblog th {
    padding: 0.625rem 0.75rem;
}
.tabblog th {
    white-space: nowrap;
}
.tabblog table img {
    margin: 0 auto;
    display: block;
}
@media (max-width: 950px) {
.hp_video video {
width:calc(100% + 2rem) !important;
margin-left:-1rem;
}
.grid12 {
grid-template-columns:1fr !important;
}
}
@media (max-width: 480px) {
.hdr_user_info {
    gap: 0.75rem;
}
.hdr_basket span[data-rel] {
    top: -6px;
}
.icons_hp {
position:relative;
z-index:300;
}

.hp_video video {
width:calc(100% + 1rem) !important;
margin-left:-0.5rem;
}

.hp_video > div h1 {
    padding: 1rem !important;
}
.hp_video > div span {
padding: 0.5rem 1rem !important;
    font-size: var(--step-0);
}
}
.icons_benefits_hp > div span {
    margin-top: -3px;
    display: block;
}

.hp_add_info > div > a:hover {
box-shadow: var(--box_shadow);
transform: translateY(-0.5rem);
}
.hp_add_info > div > a:hover span {
text-decoration:underline;
}
.breadcrumbs_children {
gap:0.5rem;
}
#popis ol{
margin-left: 1.25rem;
}
#popis ol li + li{
margin-top:8px;
}
#popis ol li::marker {
font-weight:500;
}
.cv-ul-sip {
  margin-top: 1rem !important;
}
.cv-ul-sip a{
text-decoration:none !important;
}
.cv-ul-sip a:hover  {
text-decoration:underline!important;
}
.cv-ul-sip li + li {
  border-top: 1px solid var(--clr-3);
  padding-top: 0.75rem  !important;
  margin-top: 0.75rem;
}
.cv-bg-sk {
background-color:var(--clr-12);
padding: var(--space-xl);
margin-bottom:var(--space-xl);
}
.prod_name {
    -webkit-line-clamp: 3;

}
.npb li {
padding:0 !important;
}
.npb p+ul {
margin-top: -1.25rem;
}
#blog_header_list a {
font-weight:500;
}
#blog_header_list a+a {
border-top: 1px solid var(--clr-3);
padding-top:0.75rem;
margin-top:0.75rem;
}
.cv-ikonky {
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap:var(--space-m);
text-align: center;
background-color: var(--clr-3);
    padding: var(--space-m);
    border-radius: var(--border_radius);
}
.cv-ikonka img {
width:100px;
}
.cv-ikonka p {
margin-top:var(--space-2xs);
font-weight:600;
font-size: var(--step--1);
line-height:1.2;
margin-bottom:0;
}
.prod_detail .add_basket_btn {
padding-top:var(--space-s);
padding-bottom:var(--space-s);
}
#popis h3 {
font-size:20px;
}
#popis_wrap {

    grid-template-columns: 2fr 1fr;

}
@media (max-width: 768px){

#popis_wrap {
    grid-template-columns: 100%;
}}
.prod_detail_price_wrap {
    margin-top: var(--space-xs);
}
.prod_info_wrap {
    margin-top: var(--space-l);
margin-bottom: var(--space-l);

}
.cv-vyhody, .cv-vyhody-blue, .cv-stvorec {
margin-left:0 !important;
}
.cv-vyhody li, .cv-vyhody-blue li, .cv-stvorec li, .vyhody li, .nevyhody li {
    list-style: none;
    padding-left: calc(var(--step-1) + 0.5rem) !important;
    margin-bottom: var(--space-3xs);
    background-image: url(https://takacs.sk/TakacsShop/images/vyhoda.svg);
    background-size: var(--step-0);
    background-repeat: no-repeat;
    background-position: left top 5px;
    padding-top: 0 !important;
}
.cv-vyhody li {
    margin-bottom: var(--space-xs-s);
}
.cv-vyhody-blue li {
   background-image: url(https://takacs.sk/TakacsShop/images/vyhoda-b.svg);
}
.cv-stvorec li {
   background-image: url(https://takacs.sk/TakacsShop/images/odrazka.svg);
   background-position: left top 9px;
    background-size: 12px;
}
.vyhody li {
   background-image: url(https://takacs.sk/TakacsShop/images/plus.svg);
}
.nevyhody li {
   background-image: url(https://takacs.sk/TakacsShop/images/minus.svg);
}
.cv-vyhody li strong {
    display: block;
    font-size: var(--step-1);
margin-bottom: 0.25rem;
color: var(--clr-5);
}

.blog img, #popis img {
    border-radius: var(--border_radius);
}
.blog img {
    aspect-ratio: 18 / 10;
}
.main_menu.md_hidden a[href="/vypredaj/"]{
    position:relative;

}
.main_menu.md_hidden a[href="/vypredaj/"]:before{
    content: 'TOP';
    background: var(--clr-8);
    position: absolute;
    top: -10px;
    padding: 0.1rem 0.5rem;
    font-weight: 400;
    font-size: 12px;
    color: var(--clr-1);

}
@media (min-width: 1200px) {
/*.logo {
    width: calc(var(--sirka) - (100% - var(--sirka_aside) + 3rem) + (3rem + var(--space-xl-2xl)));
}
*/
.header > div {

    gap: 2rem;
}

}
.cv-img-s img {
max-width:260px;
}
.prod_flag_wrap .bg_green{
    background: #E35F3F;
}
.cv-sluzby {
display:grid;
grid-template-columns: 1fr var(--sirka_aside);
}
.cv-sluzby aside {
grid-column:2;
}
.cv-sluzby aside > div{
border: 1px solid var(--clr-3);
    box-shadow: var(--box_shadow);
    position: sticky;
    top: 100px;
    border-radius: var(--border_radius);
    overflow: hidden;
}
.cv-sluzby aside > div h2 {
    padding: var(--space-s);
background: var(--clr-6);
color:var(--clr-1);
margin-bottom:0
}
.cv-sluzby aside > div > p {
margin-bottom:0;
 padding: var(--space-s);
}
.cv-sluzby aside a[href^="mailto:"] {
text-decoration:none !important;
}

.cv-sluzby > div  {
grid-row:1;

}
@media (min-width: 800px) {
.cv-sluzby > div {
padding-right: calc(3rem + var(--space-xl-2xl));
}
}
.prod_flag_wrap > .bg_yellow {
color: var(--clr-4);
}
.vyhody, .nevyhody {
    margin-left: 0 !important;
}
table td h2, table td p {
    margin-bottom: 0 !important;
}
.cv-tab-0 {
    margin-bottom: 2rem;
}
.info_text p:last-child, .valid_text p:last-child, .chyba_text p:last-child {
    margin-bottom: 0;
}
.faudaje, .cv-noli, .dlazba {
list-style:none;
}
.info_text {
    padding: var(--space-m-l);
}
.info_text {
    padding: var(--space-m-l);
}
.chyba_text {
    background: var(--clr-11);
    border-left: 6px solid var(--clr-8);
    padding: var(--space-m-l);
}
.valid_text {
    background: var(--clr-12);
    border-left: 6px solid var(--clr-6);
    padding: var(--space-m-l);
}
.cv-tab-tr tbody {
text-align: right;
}
.breadcrumbs_children > div {
    border: 1px solid var(--clr-2);
}
.cv-viz div {
border: 1px solid var(--clr-2);
padding: 1rem;
}
.grid2.cv-viz {
    grid-template-columns: 1fr 1fr !important;
margin-top: 1rem;
}
.cv-viz h6 {
    margin-bottom: 0.25rem;
}
.cv-viz li {
    padding: 0 !important;
}
.cv-viz ul {
margin-bottom:0;
}
.cv-kon p {
margin-bottom: 0.6rem;
}
.cv-kon a {
text-decoration:none !important;
}
.cv-kon {
    margin-bottom: var(--space-2xl-3xl);
}
.cv-ulm {
margin-left: 1.25rem;
}
.cv-nmb {
margin-bottom:0;
}
.cv-m5xl {
margin: var(--space-4xl-5xl) 0;
}
.layout2p img[src$=".png"], .layout2p img[src$=".jpg"], .layout2p img[src$=".jpeg"], .layout2p iframe {
border-radius: var(--border_radius);
}
.aliginc, .are-vertically-aligned-center {
align-items:center;
}
.dlazba {
margin-left:0 !important;
}
.dlazba li a:hover {
    color: var(--clr-1) !important;
background-color: var(--clr-4);
}
td em {
    font-weight: 600;
}
.prod_detail #pics img {
    object-fit: contain;
}

h1.text_center {
text-align:left;
}
.banners_hp {
margin-bottom:4rem;
}
.banners_hp > a {

    height: auto;
}
.regis_info_hp h2 {
font-size:var(--step-3);
}
.company_desc_hp {
max-width:80ch;
}

.hdr_oznam > div {
    font-size: var(--step-0);
text-align:center;

}
.sortiment-typ h3.h5 {
position:relative;
margin-top: var(--space-xs);
}
.sortiment-typ h3.h5 span {
    background-image: linear-gradient(90deg, var(--clr-4), var(--clr-4));
    background-size: 0% 1px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: all 500ms ease;
}
.sortiment-typ > div:hover h3 span{
	background-size: 100% 1px;
}
.sortiment-typ h3.h5:after {
    content: "";
    background-image: url(/TakacsShop/images/arrow_right_blue.svg);
    background-repeat: no-repeat;
    display: block;
    width: 7px;
    height: 14px;
    position: absolute;
    top: 5px;
    right: 0;
}
.banners_hp img {
border-radius:var(--border_radius);
}
.btn {
    font-weight: 500;

}
.layout2p > div ol, .blog_content_wrap > div ul {
margin-left: 1.25rem;
}
.layout2p > div ol li::marker {
margin-right:1rem;
}
.cv-katalog {
display:grid;
    grid-template-columns: clamp(70px, 10vw, 90px) 1fr;
    gap: var(--space-m-2xl);
align-items:center;
    border: 1px solid var(--clr-2);
    padding: 1rem;
border-radius: var(--border_radius);
}
.cv-katalog a {
background-color: var(--clr-6);
    padding: 0.5rem;
    display: inline-block;
    color: var(--clr-1) !important;
    text-decoration: none !important;
    margin-right: 0.5rem;
margin-top: 0.5rem;
    border-radius: var(--border_radius);
    font-weight: 500;
font-size: var(--step--1);
}
.cv-katalog p {
margin-bottom:0;
}
.cv-katalog a:hover {
background-color: var(--clr-4);
text-decoration: underline !important;
}
.cv-katalog h2 {
margin-bottom: 0;
}
.cv-katalog h2 + p {
font-size: var(--step--1);
}
.nopm p {
margin-bottom: 0.25rem;
}
.nopm {
margin-bottom: var(--space-l);
}
.nopm + p {
margin-bottom:0.25rem;
}
.hdr_basket span[data-rel] {
    font-weight: 700;
}
.add_basket_wrap {
    border-color: var(--clr-2);
}
html{
scroll-padding-top: 115px;
}
html.search_active {
    overflow: hidden;
    scroll-padding: 0;
}

@media (max-width: 950px) {
.layout2p.blog_content_wrap > div {
    padding-left: 0;
    padding-right: 0;
}
.cv-ikonky {
grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 800px) {
.cv-sluzby {
    grid-template-columns: 1fr;
}
.cv-sluzby aside {
    grid-column: 1;
}
 .cv-nadpis-foto  {
 grid-template-columns: 1fr;
 }
}
@media only screen and (max-width: 480px) {

.sortiment-typ > div {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--space-xs);
    align-items: center;
}
.cv-ikonky {
grid-template-columns: 1fr 1fr;
}
.sortiment-typ h3 {
margin: 0;
}
.prod_list_grid > div {
    gap: 0.5rem;
position:relative;
}
.prod_list_grid .picture.relative {
position:unset;
}

.prod_list_code {
    right:0px;
top:6px;
}
.prod_list_grid > div {
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 2.5rem;
}
.container, section.main-content > div.container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
}
