/* 15.4.2025 css*/

 

@font-face {
font-family: "TT Firs"; src: url(/static/fonts/tt-firs/TTFirs-ExtraBold.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

@font-face {
font-family: "TT Firs"; src: url(/static/fonts/tt-firs/TTFirs-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

* { margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; }

body { background-color: #fff; color: #000; font-family: Helvetica,Arial,sans-serif; font-size: 1rem; overflow-y: scroll; }

 
/*
@keyframes fadeInAnimation {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes zoomInAnimation {
  0% { transform: scale(0.5, 0.5); }
  50% { transform: scale(1.3, 1.3); }
  100% { transform: scale(1, 1); }
}

*/

*, ::after, ::before { box-sizing: border-box; }

a { color: var(--blue); text-decoration: underline; }

h1, h3 { font-weight: 800; }

h1.nadpis-kategorie { font-size: 2.5rem; font-family: "TT Firs",Helvetica,Arial,sans-serif; font-weight: 800; color: #000; margin-bottom: 30px; }

:root { --sticky-top: 127px; --blue: #009fe3; --grayborder: #e1e1e1; --lightgray: #f5f5f5; --lightwhite: rgba(255, 255, 255, 0.7); --lightwhiteborder: rgba(255, 255, 255, 0.3); --smallspace: 10px; --mediumspace: 30px; --bigspace: 60px; }

.strip { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }

section.navbarx { width: 100%; position: sticky; top: 0; z-index: 100; background-color: #fff; }

section.navbarx>div:first-child { padding-top: 20px; padding-bottom: 20px; }

.navbarx>.search-menu { background-color: #fff; display: flex; justify-content: space-between; align-items: center; }


.search-bar { display: flex; justify-content: left; align-items: center; background-color: #fff; border: 1px solid var(--grayborder); border-radius: 50px; background-color: #f5f5f5; width: 300px; }

.search-bar>input[type=text] { font-size: 1rem; width: calc(100%); height: 40px; border-radius: 5px; border: 0 none; background-color: transparent; }

.search-bar>input[type=text]::placeholder { font-size: 0.8rem; color: #888; }

.search-bar>.search-button { font-size: 1rem; height: 30px; width: 30px; opacity: 0.5; transition: opacity 0.5s ease; margin-left: auto; cursor: pointer; margin-left: 10px; margin-right: 10px; }

.search-bar>.search-button:hover { opacity: 1; }

.search-bar>input[type=text]:focus+.search-button { outline-style: none; opacity: 1; }

.search-bar>input[type=text]:focus { outline: 0 none!important; }

.search-window { position: absolute; overflow-y: auto; max-height: 900px; left: 0; right: 0; top: 100%; z-index: 500; margin-left: 0; background-color: #fff; box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, .2); }

.search-window a { font-size: 0.9rem; color: hsl(0, 0%, 45%); text-decoration: none; }

.main-menu { background-color: var(--blue); }

.main-menu>div { color: #fff; font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-size: 0.8rem; font-style: normal; -webkit-font-smoothing: antialiased; height: 45px; display: flex; justify-content: left; width: 100%; }

.main-menu>div>.menu-item { height: 100%; padding-left: 15px; padding-right: 15px; position: relative; display: flex; align-items: center; justify-content: right; }

 

.main-menu>div>.menu-item[text=true] { padding-left: 0; padding-right: 0; }

.main-menu>div>.menu-item:hover { background-color: #00a7ee; }

.main-menu>div>.menu-item>img { cursor: pointer; }

.main-menu>div>.menu-item>a { white-space: nowrap; display: block; padding: 0 10px; color: #fff; font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-weight: 800; font-size: 0.8rem; font-style: normal; -webkit-font-smoothing: antialiased; line-height: 45px; text-decoration: none; }

.mbutton { color: #fff; background: var(--blue); padding: 15px 30px 15px 30px; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-around; align-items: center; border-radius: 30px; user-select: none; transition: 0.3s; font-family: Helvetica,Arial,sans-serif; line-height: 1rem; font-weight: 600; -webkit-font-smoothing: antialiased; letter-spacing: -0.5px; border: 0!important; }

.mbutton:hover { background-color: #000; }

.mbutton-invert { background: transparent; color: var(--blue); border: 1px solid var(--grayborder); text-decoration: none; }

.mbutton-invert:hover { background: #f5f5f5; color: #000; }

.mradio { font-size: 0.9rem; cursor: pointer; display: flex; justify-content: left; align-items: center; user-select: none; padding: 10px; border: 1px solid #e1e1e1; border-radius: 5px; margin-bottom: 10px!important; transition: 0.3s; outline: 1px solid transparent; }

.mradio:hover { outline: 1px solid var(--blue); border: 1px solid var(--blue); }

.mradio img { max-width: 100%; max-height: 1.5rem; margin-right: 10px; margin-left: 10px; }

.mradio:focus-within { border: 1px solid var(--blue); outline: 1px solid var(--blue); }

.mradio .radio>.false { width: 1.5rem; height: 1.5rem; background-image: url('/static/css/radio-button-false.svg'); background-size: 1.5rem 1.5rem; }

.mradio .radio>.true { width: 1.5rem; height: 1.5rem; background-image: url('/static/css/radio-button-true.svg'); background-size: 1.5rem 1.5rem; }

.mradio.true { border: 1px solid var(--blue); outline: 1px solid var(--blue); }

.mradio>.check>.false { width: 1.5rem; height: 1.5rem; background-image: url('/static/css/check-button-false.svg'); background-size: 1.5rem 1.5rem; }

.mradio>.check>.true { width: 1.5rem; height: 1.5rem; background-image: url('/static/css/check-button-true.svg'); background-size: 1.5rem 1.5rem; }

.mradio .cena { margin-left: auto; font-size: 0.8rem; }

.input-error-msg { background-color: #fff; color: red; font-size: 0.8rem; position: absolute; z-index: 1; left: 12px; top: -8px; padding: 1px; }

.input-error-msg:empty { display: none; }

.modal-dropdown { background-color: #00000077; position: fixed; z-index: 20; width: 100%; height: 100%; top: 0; left: 0; }

.modal-dropdown-content { font-size: 1rem; color: #747474; position: absolute; background-color: #fff; color: #000; border-radius: 5px; width: 610px; height: auto; margin-top: 15px; top: 100%; right: 0; z-index: 500; font-family: Helvetica,Arial,sans-serif; }

.modal-dropdown-content[thin=true] { width: 250px; }

.modal-dropdown-caret { z-index: 200; position: absolute; width: 15px; height: 15px; top: 45px; left: 50%; transform: translateX(-50%); background-color: transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5)); }


.main-menu-znacky-items { display: flex; flex-direction: row; flex-wrap: wrap; padding: 20px; justify-content: space-between; }

.main-menu-znacky-items>a { transition: 0.3s; }

.main-menu-znacky-items>a:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15); }

.main-menu-znacky-items>a>div { width: 100px; height: 80px; display: flex; align-items: center; justify-content: center; padding: 30px; }

.main-menu-znacky-items>a>div>img { width: 90px; object-fit: contain; }


.hlavne-kategorie { display: none;}



.main-menu-podkategorie { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }



.main-menu-podkategorie div[submenu=true] { width: 100%; }
.main-menu-podkategorie div[submenu=true][columns2=true] { width: 33.3%; }


.main-menu-podkategorie div[submenu=true]>div[linkx=true] { position: relative;  padding: 5px;   }
.main-menu-podkategorie div[submenu=true]>div[linkx=true]:hover { background-color: #e6e6e6; }
.main-menu-podkategorie div[submenu=true]>div[linkx=true][selectedx=true] { background-color: #e6e6e6; }
.main-menu-podkategorie div[submenu=true]>div[linkx=true]>a {  font-size: 1rem; color: hsl(0, 0%, 45%); text-decoration: none;  }
.main-menu-podkategorie div[submenu=true]>div[linkx=true]>a>div { display: flex; justify-content: left; align-items: center;  min-width : 200px;}
.main-menu-podkategorie div[submenu=true]>div[linkx=true]>a>div>img { width: 30px; height: 30px; margin-right: 5px; mix-blend-mode: multiply; }



.main-menu-podkategorie div[submenu=true]>div[linkx=true]>a>div>div[caption=true] { }

.main-menu-podkategorie div[submenu=true]>div[linkx=true]>a>div>div[append=true] { margin-left: auto; }



.main-menu-podkategorie div[submenu=true]>div[linkx=true]>div[sitems=true] { position: absolute; display: block; white-space: nowrap; width: auto; left: 99%; top: 0; transform: translateY(0); background-color: #fff; z-index: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 5px; }

.main-menu-podkategorie div[submenu=true]>div[linkx=true]>div[sitems=true]:empty { display: none; }






.modal-dropdown-content { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 5px; }

.main-menu-sady-items { display: flex; flex-direction: column; flex-wrap: wrap; }

.main-menu-sady-items>div { width: 100%; }

.main-menu-sady-items>div>div {min-width : 150px; position: absolute; display: block; white-space: nowrap; width: auto; left: 99%; transform: translateY(-30px); background-color: #fff; z-index: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 5px; }

.main-menu-sady-items>div a { text-decoration: none; }

.main-menu-sady-items>div a>div { font-size: 1rem; color: hsl(0, 0%, 45%); padding: 5px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; }

.main-menu-sady-items>div a:hover>div { background-color: #e6e6e6; }







.detail { font-size: 1rem; color: #747474; }

section.popis-kategorie { max-width: 1440px; margin-left: auto; margin-right: auto; dpadding-bottom: var(--bigspace); font-size: 1rem; color: #747474; -webkit-font-smoothing: antialiased; }

.navigacia { color: var(--grayborder); font-family: Helvetica,Arial,Tahoma,sans-serif; font-size: 0.8rem; padding-top: var(--mediumspace); padding-bottom: var(--mediumspace); }

.navigacia>a:last-child { color: #353535; font-weight: 800; text-decoration: none; }

.navigacia>a { color: #747474; text-decoration: none; }

.navigacia>a:hover { color: #000; }

.sada-preview h2 { font-size: 2rem; font-family: "TT Firs",Helvetica,Arial,sans-serif; font-weight: 800; color: #fff; margin-top: 30px; margin-bottom: 0; }

.sada-preview .mbutton { background-color: var(--blue); color: #fff; text-decoration: none!important; width: 200px; margin-top: 30px; transition: 0.3s; }

.sada-preview .mbutton:hover { background-color: #000; }

.view-product-detail h1 { font-size: 2rem; font-family: "TT Firs",Helvetica,Arial,sans-serif; font-weight: 800; color: var(--blue); margin-bottom: var(--smallspace); }

.view-product-detail .cena-a-dostupnost { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--grayborder); border-bottom: 1px solid var(--grayborder); padding-top: var(--smallspace); padding-bottom: var(--smallspace); margin-top: var(--mediumspace); margin-bottom: var(--mediumspace); }



.view-product-detail > .usp-znacka { display : flex;  width : 100%;    justify-content: space-between; align-items: center; }

.view-product-detail > .usp-znacka > .usp-detail { width :70%;  }


.view-product-detail > .usp-znacka > .znacka {  width : 30%; height:auto !important}








.dostupnost-ano, .dostupnost-nie { font-size: 0.8rem; font-weight: 600; margin-left : auto;  color: #FFFFFF; padding : 3px; padding-left : 7px; padding-right: 7px; border-radius: 12px; /* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9); */ }

/*.dostupnost-ano { color: #747474; color: #3cad00; font-size: 0.8rem; } */




/*.dostupnost-nie { color: #747474; color: #e04517; font-size: 0.8rem; } */

.dostupnost-nie { background-color:#e04517;}

.dostupnost-ano { background-color:#159e0e;}

 
  
 




.kratky-popis { line-height: 1.5rem; -webkit-font-smoothing: antialiased; }

.kratky-popis a { display: block; margin-top: var(--smallspace); color: #747474; }

#main-carousel { max-height: 70vh; width: 100%; }

.znacka-link { transition: 0.3s; }

.znacka-link:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15); }

.znacka { width: 160px; height: 140px; display: flex; align-items: center; justify-content: center; padding: 20px; }

.znacka>img { width: 140px!important; }

.blog-preview, .najnovsie-clanky, .odporucane-kategorie, .odporucane-produkty, .shimano-ssc, .vybrane-sady-shimano, .zoznam-znaciek { /* padding-top: var(--bigspace); */ padding-bottom: var(--mediumspace); }

.blog-preview h2, .najnovsie-clanky h2, .odporucane-kategorie h2, .odporucane-produkty h2, .vybrane-sady-shimano h2, .zoznam-znaciek h2 { text-align: center; margin-bottom: var(--mediumspace); }

.zoznam-kolekcii h2 { text-align: center; margin-bottom: var(--mediumspace); }


/*

body#homepage .product-main-img { background-color: var(--lightgray); }

body#homepage .product-main .cena { font-size: 0.9rem; }

body#homepage .product-main-img img { mix-blend-mode: multiply; }

*/


section.vypis-produktov { }

div.vypis-produktov { background-color: var(--lightgray); background-color: #fff; }

.vypis-znaciek { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.vypis-znaciek a img { width: 150px; }

section.detail-produktu { font-size: 1rem; color: #747474; }

.detail-produktu-obsah { width: 100%;   display: flex; }

.detail-produktu-obsah-img { width: 50%; display: flex; flex-wrap: wrap; }

.detail-produktu-obsah-info { width: 50%; }

.detail-produktu-obsah-info .view-product-detail { padding-left: 90px; padding-right: 90px; }

section.popis-pod-produktom { background-color: var(--lightgray); padding-top: var(--bigspace); padding-bottom: var(--bigspace); scroll-margin-top: 132px; }

section.popis-kategorie p { margin-bottom: 15px; line-height: 1.75; }

h2 { font-size: 2rem; font-family: "TT Firs",Helvetica,Arial,sans-serif; font-weight: 800; color: #000; }

.view-product-kategoria .link { padding: 5px 10px 5px 10px; border: 1px solid var(--grayborder); border-radius: 5px; color: #000; display: flex; flex-direction: row; justify-content: left; align-items: center; font-size: 0.9rem; text-decoration: none; outline: 1px solid transparent; transition: 0.3s; }

.view-product-kategoria .link:hover { border: 1px solid var(--blue); box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15); outline: 1px solid var(--blue); }

.view-product-kategoria .link img { float: left; width: 50px; height: 50px; margin-right: 5px; mix-blend-mode: multiply; }

.view-product-kategoria .pocet-produktov { margin-left: auto; color: #b1b1b1; font-size: 0.8rem; display: none; }

.view-title { padding-top: 20px; padding-bottom: 20px; font-size: 2rem; font-family: "TT Firs"; font-weight: 800; color: #414141; }

/* ------------------- products items ----------------------*/
 
.view-products-items { padding-bottom: 20px; padding-top: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 15px; row-gap: 15px; align-items: stretch; }
.view-products-items .product-item  { background-color: #fff; color: #000; text-decoration: none!important; /*transition: 0.3s; animation: zoomInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards; */
                         font-family: Helvetica,Arial,Tahoma,sans-serif; font-weight: bold; position: relative; z-index: 1;  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.05);}
 
.view-products-items .product-item:hover { box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1); }
.view-products-items .product-item > img { width: 100%; height: 240px;   object-fit: contain; mix-blend-mode: multiply; padding: 20px;} 



.view-products-items .buynow { display: block; background: #000; -webkit-mask: url('/static/add-to-cart.a57e29e.svg') no-repeat center; -webkit-mask-size: 100% auto; mask: url('/static/add-to-cart.a57e29e.svg') no-repeat center; mask-size: 100% auto; width: 20px; height: 25px; position: absolute; right: 20px; top: 20px; }
.view-products-items .buynow:hover { display: block; background: var(--blue); -webkit-mask: url('/static/add-to-cart.a57e29e.svg') no-repeat center; -webkit-mask-size: 100% auto; mask: url('/static/add-to-cart.a57e29e.svg') no-repeat center; mask-size: 100% auto; width: 20px; height: 25px; position: absolute; right: 20px; top: 20px; }

.view-products-items .gift {  display: block; background: #000; -webkit-mask: url('/static/gift.svg') no-repeat center; -webkit-mask-size: 100% auto; mask: url('/static/gift.svg') no-repeat center; mask-size: 100% auto; width: 20px; height: 25px; position: absolute; right: 45px; top: 20px; }
.view-products-items .gift:hover { display: block; background: var(--blue); -webkit-mask: url('/static/gift.svg') no-repeat center; -webkit-mask-size: 100% auto; mask: url('/static/gift.svg') no-repeat center; mask-size: 100% auto; width: 20px; height: 25px; position: absolute; right: 45px; top: 20px; }



.view-products-items .nazov {   font-weight : 500; font-size: 0.9rem; bottom : 45px; position : absolute; z-index: 30;  width : 100%;  padding :5px; padding-left: 20px; padding-right: 20px; }
.view-products-items .cena-a-dostupnost { display: flex; align-items: center; font-size: 0.9rem; margin-top: 30px; }
.view-product-detail .cena, .view-products-items a .cena { color: var(--blue); font-size: 1rem;}
.view-product-detail .cena { font-family: 'TT Firs',Helvetica,Arial,sans-serif; font-weight: 700; }
.view-product-detail .cena::after { content: "s DPH"; color: #999; font-weight: normal; font-family: Helvetica,Arial,sans-serif; font-size: 0.8rem; }
.view-product-detail .cena-pred-zlavou { font-family: 'TT Firs',Helvetica,Arial,sans-serif; font-weight: 700; }





 .discount  { display: block;  width: auto;  position: absolute; left: 20px; top: 20px; background-color: var(--blue); color : #fff; padding: 5px; font-size: 1.2rem; border-radius: 5px;}




/*.product-main-img { display: flex; justify-content: center; align-items: center;  background-color: var(--lightgray);   border-top-left-radius: 15px;  border-top-right-radius : 15px;} */






.pridaj-do-kosika { margin-top: var(--mediumspace); margin-bottom: var(--mediumspace); }

/* ------------------- products items ----------------------*/

/* ------------------- menu kategorie ----------------------*/

.view-product-kategoria { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; align-items: stretch; margin-bottom : 20px;}

.view-product-kategoria>.link>.button>.caption { font-size: 0.8rem; margin-left: 8px; }

.view-product-kategoria>.link>.button>div>img { margin-left: 8px; width: 40px; height: 40px; }

/* ------------------- menu kategorie ----------------------*/
/* ------------------- menu atributy ----------------------*/
.filter-preview:not(:has(.filter-selected)) { display: none; }

.filters-caption { font-size: 0.8rem; font-weight: bold; margin-right: 10px; list-style-type: none; white-space: nowrap; }

.filters-used { padding-top: 10px; padding-bottom: 10px; font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; font-weight: 800; color: #000; font-size: 0.8rem; }

.filters-used:not(:has(.filter-selected)) { display: none; }

.filter-selected:after { content: ""; background-image: url('/static/css/discard.svg'); background-size: contain; display: inline-block; padding: 3px; width: 16px; height: 16px; position: relative; top: -8px; left: -2px; cursor: pointer; }

.filter-selected { color: #777; }

.view-products-attribpanel { height: 45px; color: #000; font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-weight: 800; font-size: 0.8rem; font-style: normal; display: flex; justify-content: left; }

.dropdownx { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: left; height: 100%; border: 1px solid #e1e1e1; border-radius: 5px; margin-right: 10px; transition: 0.3s; }

.dropdownx>span { padding-left: 10px; padding-right: 10px; }

.dropdownx>.content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; padding: 12px; z-index: 1; top: 45px; width: 200px; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15); border-radius: 5px; }

.dropdownx .menu-item-div { }

.dropdownx:hover { background-color: #f9f9f9; border: 1px solid #000!important; }

.dropdownx:hover .content { display: block; }

/* ------------------- menu atributy ----------------------*/

.menu-item-div { padding: 5px; border: 1px solid var(--grayborder); cursor: pointer; margin: 5px; background-color: rgb(255, 255, 255); display: inline-block; border-radius: 5px!important; }

.menu-item-div:hover { background-color: #fff; transition: background-color 0.2s linear; border: 1px solid var(--blue); }

.view-product-detail>.switch { flex-wrap: wrap; display: flex; justify-content: left; color: #747474;}

.view-product-detail>.switch>.caption { width: 100%; padding: 0; color: #747474; font-size: 0.9rem; font-weight: bold; }

.view-product-detail>.switch>.button { margin: 5px; margin-left: 0; border: 1px solid var(--grayborder); color: #000; text-decoration: none; width: 75px; display: flex; justify-content: center; align-items: top; flex-flow: row wrap; border-radius: 5px; padding: 10px; font-size: 0.8rem; }

.view-product-detail>.switch>.button:hover { border: 1px solid var(--blue); outline: 1px solid var(--blue); }

.view-product-detail>.switch>.selected { border: 1px solid var(--blue); outline: 1px solid var(--blue); }

.view-product-detail>.switch>.disabled { background-color: #e9e9e9; color: #a3a3a3; }

.view-product-detail>.switch>.button>.image { width: 750px; height: 50px; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-flow: wrap; }

.view-product-detail>.switch>.button>.image>.glyph { max-width: 100%; max-height: 100%; }

.view-product-detail>.switch>.button>.caption { padding: 10px; }

.view-product-detail .nazov-sady { padding-bottom: var(--smallspace); border-bottom: 1px solid var(--grayborder); margin-bottom: var(--mediumspace); }

.view-product-detail .nazov-sady a { color: #000; text-decoration: none; }

.view-product-detail .nazov-sady a:hover { text-decoration: underline; }

.thumbnails { flex-direction: column; gap: 10px; margin: 0 auto 0 auto!important; padding: 15px!important; }

.thumbnails .thumbnail { opacity: 1!important; width: 50px!important; height: 50px!important; transition: 0.3s; border-radius: 5px; border: 1px solid var(--grayborder); margin: 0!important; }

.thumbnails .thumbnail:hover { border: 1px solid var(--blue); }

#thumbnails .thumbnail.is-active { border: 1px solid var(--blue)!important; opacity: 1.0!important; }

section.footer { background-color: var(--blue); padding-top: 30px; /*margin-top: 120px; */}

.footer img { margin-bottom: 10px; }

.footer a img { opacity: 0.7; transition: opacity 0.2s ease-in-out 0s; }

.footer a img:hover { opacity: 1; }

.footer .logo-footer { display: block; width: 196px; height: 32px; background: #fff; -webkit-mask: url('/static/logo.8726577.svg') no-repeat center; -webkit-mask-size: 100% auto; mask: url('/static/logo.8726577.svg') no-repeat center; mask-size: 100% auto; margin-bottom: 15px; }

.footer>.copy { margin-top: 30px; border-top: 1px solid var(--lightwhiteborder); margin-left: auto; margin-right: auto; height: 80px; flex-wrap: wrap; display: flex; justify-content: space-between; align-items: center; max-width: 1400px; }

.footer>.copy>.copyright { font-size: 0.8rem; color: var(--lightwhite); }

.footer>.copy>.social { flex-wrap: wrap; display: flex; justify-content: right; }

.footer>.copy>.social>.button>a>.round { height: 25px; width: 25px; border-radius: 50%; padding: 2px; margin: 5px; border: 1px solid var(--lightwhiteborder); }

.footer>.copy>.social>.button>a>.round:hover { border: 1px solid #fff; }

.footer>.copy>.social>.button>a>.round:hover>img { filter: invert(100%); }

.footer>.copy>.social>.button>a>.round>img { height: 25px; width: 25px; display: block; margin-left: auto; margin-right: auto; width: 60%; filter: invert(1); object-fit: contain; height: 100%; width: 100%; }

.footer .social .button:first-child img { width: 30%!important; }

.footer .menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 0; }

.footer>.menu>.column>.caption { padding-bottom: 10px; font-weight: bold; font-size: 0.8rem; color: #fff; }

.footer>.menu>.column>.links { }

.footer>.menu>.column>.links>a { color: var(--lightwhite); font-size: 0.8rem; line-height: 1.8rem; text-decoration: none; cursor: pointer; }

.footer>.menu>.column>.links>a:hover { color: #fff; }

.heureka-sidebar { z-index: 100; position: fixed; top: 130px; float: left; left: -320px; }

.heureka-sidebar:hover { left: 0; transition: left 0.7s; }

.sada-baner { background-size: cover; background-position: center; padding: 60px 0 60px 0; box-shadow: rgba(0, 0, 0, .6) 0 0 0 1000000px inset; }

.sada-baner .strip { display: flex; align-items: center; }

.sada-baner .view-product-kategoria { display: grid; grid-template-columns: repeat(8, 1fr); margin-top: 30px; }

.sada-baner .view-product-kategoria a { border: 1px solid #999; color: #fff; align-items: left!important; }

.sada-baner .view-product-kategoria a:hover { color: #000; border: 1px solid #fff; }

.sada-baner .view-product-kategoria a img { display: none; }

.sada-baner .logo { background: #00000000; padding-left: 45px; }

.sada-baner h1 { font-size: 2.5rem; font-family: "TT Firs",Helvetica,Arial,sans-serif; }

.sada-baner .content { color: #fff; line-height: 1.5; font-weight: 500; }




 

 
.slider-container {position : relative; height: 500px; width: 100%; overflow: hidden; }

.slider {position : absolute;    top: 0; 
  left: 0;
  width: 100%;
  height: 100%; display: flex; justify-content: center; align-items: center;   text-shadow: 0px 0px 30px rgba(0, 0, 0);  opacity: 1;}
.slider > img {  object-fit: cover; height: 500px; width: 100%;  max-width: 100%; max-height: 100%;   filter: brightness(50%);}
.slider >.content { position: absolute; color: #fff; font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-style: normal; width: 100%; max-width: 1440px;  text-align: center;}
.slider >.content>  h1 { font-size: 4rem; }
.slider >.content>.text { /* font-family: 'TT Firs',Helvetica,Arial,sans-serif; text-transform: uppercase;  */ font-size: 1.2rem; font-weight: 900; }
.slider >.content>.link { text-decoration: none; margin-top: 65px; color: #fff; display: flex; justify-content: center; align-items: center; }
.slider >.content>.link>.button {  padding: 20px 30px 20px 30px; border: 2px solid #fff; border-radius: 5px; cursor: pointer; }
.slider >.content>.link>.button:hover { background-color: #ffffffDD; }
.slider >.content>.link>.button>.caption { font-size: 1rem; color: #fff; }
.slider >.content>.link>.button:hover>.caption { color: var(--blue); }



.fade-enter-active, .slide-fade-leave-active {
  transition: opacity 2s ease, transform 2s ease;

}

.fade-enter, .slide-fade-leave-to {
  opacity: 0; /* Fade out effect */
  transform: scale(1.5);
  
}

.fade-enter-to {
  opacity: 1; /* Fade in effect */
  
}


.slider-position { display: flex; justify-content: center; align-items: center;  bottom : 10px; }
.slider-position-indicator { width : 90px; height : 15px; background-color : var(--blue);    border-radius: 6px;   }
.slider-position-indicator-active { background-color : #FFFFFF33; cursor : pointer;}
.slider-position-indicator-active:hover  {  background-color : #FFFFFF55;  }

.prihlasenie { width: 50%; margin-left: 25%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-top: 50px; margin-bottom: 50px; }

.user-login { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; }

/*-------------------- shopping cart --------------------*/
.shopping-cart { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;   }

.shopping-cart > .title { font-size:  1rem;  font-weight: bold; padding : 40px; padding-bottom : 10px; padding-top : 20px;  display : none; border-bottom : 1px solid rgb(168, 168, 168) }

.shopping-cart>.items { width: 100%; max-height: 50vh;    overflow-y: auto;}

 
.shopping-cart>.suma { width: 100%; padding: 10px 10px 0 10px; text-align: center; background-color: var(--lightgray); font-size: 0.9rem; }

.shopping-cart>.suma2 { background-color: red; width: 100%; padding: 5px 10px 10px 10px; text-align: center; background-color: var(--lightgray); border-bottom: 1px solid var(--grayborder); font-size: 0.8rem; font-weight: bold; }

.shopping-cart>.pokracovatvnakupe {  padding-top: 0px; margin-bottom: 30px; color: #747474; font-size:  1rem;  font-weight: bold;}

.shopping-cart>.pokracovatvnakupe:hover { cursor: pointer; }


.shopping-cart .mbutton { margin: 30px; margin-bottom: 30px; width: 100%; }

.shopping-cart .btn-delete img { width: 15px; margin: 5px;  }

.shopping-cart>.items>.item { padding: 20px; display: flex; justify-content: left; align-items: center; border-bottom: 1px solid var(--grayborder); }

.shopping-cart>.items>.item img.thumb { margin: 0 10px 0 0!important; width: 70px; }

.shopping-cart>.items>.item>div>.caption { font-family: Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-weight: 800; font-size: 0.9rem; }

.shopping-cart>.items>.item>div>.caption a { color: #000; text-decoration: none; }

.shopping-cart>.items>.item>div>.price { color: var(--blue); font-size: 0.9rem; font-weight: 800; margin-top: 0.5rem; width: 250px; display: flex; align-items: center; justify-content: left; }

.shopping-cart>.items>.item>div>.price>.total { margin-left: auto; }

.shopping-cart>.items>.item .formula { color: #000; font-weight: normal; }

.item-detail { width: 100%; }

.formula-detail { display: flex; align-items: center; min-width: 100px; justify-content: flex-end; }

.formula-cena { min-width: 100px; }

.formula-cena span { color: #bbb; font-weight: normal; }

.formula-text-ks { border: 1px solid var(--grayborder); padding: 5px 21px 5px 21px; border-radius: 5px; }

.formula-delete { margin-left: 10px; }

.formula-delete img { opacity: 0.5; }

.formula-plus-minus { display: flex; align-items: center; }

.shopping-cart .parametre { margin-top: 5px; font-size: 0.8rem; color: #747474; }

/*-------------------- shopping cart --------------------*/
.menu-item>#cart-indicator { position: absolute; z-index: 1; top: -5px; left: 35px; width: 1.5rem; height: 1.5rem; font-family: Helvetica,Arial,Tahoma,sans-serif; font-weight: 700; font-size: 0.8rem; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 2px solid var(--blue); color: var(--blue); border-radius: 50%; padding: 0.2rem; display: none; }

.menu-item>.cart-indicator:empty { display: none; }

/*-------------------- shopping cart preview --------------------*/
.shopping-cart-preview { display: flex; flex-direction: row; justify-content: center; align-items: stretch; width: 100%; }

.shopping-cart-preview>.items { width: 100%; margin-bottom: 0px; }

.shopping-cart-preview>.order-info { width: 40%; }

.shopping-cart-preview>.items img.item-thumb { width: 100px; margin: 10px; }

.shopping-cart-preview>.items .price img { width: 20px; margin: 5px; }

.shopping-cart-preview>.suma { width: 100%; padding: 10px; text-align: center; background-color: #f6f6f6; }

.shopping-cart-preview>.items>.item { padding: 10px 0 10px 0; display: flex; justify-content: left; align-items: center; border-bottom: 1px solid var(--grayborder); }

.shopping-cart-preview>.items>.item:hover { cursor: pointer; }

.shopping-cart-preview>.items>.item>div>.caption { font-family: Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-weight: 800; color: #000; font-size: 0.9rem; }

.shopping-cart-preview>.items>.item>div>.caption a { color: #000; text-decoration: none; }

.shopping-cart-preview>.items>.item>div>.caption a:hover { color: #000; text-decoration: underline; }

.shopping-cart-preview>.items>.item>div>.price { color: var(--blue); font-size: 0.8rem; font-weight: 800; margin-top: 0.5rem; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.shopping-cart-preview>.items>.item>div>.price>.formula { color: var(--blue); font-size: 0.8rem; font-weight: 800; display: flex; align-items: center; justify-content: left; }

.shopping-cart-preview>.items>.item>div>.price>.total { margin-left: auto; }

.shopping-cart-preview .parametre { margin-top: 5px; font-size: 0.8rem; color: #747474; }

/*-------------------- shopping cart preview --------------------*/

/*-------------------- order--------------------*/
.order-preview { min-height: 600px; }

.order_preview { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 3px; min-height: 600px; }

.order-preview h2 { margin-bottom: 30px; }

.order_preview>.items { width: 100%; }

.order_preview>.suma { width: 100%; padding: 10px; text-align: center; background-color: #f6f6f6; }

.order_preview>.items>.item { padding: 3px; padding-right: 9px; display: flex; flex-wrap: row; justify-content: left; align-items: center; border-left: 2px solid #fff; }

.order_preview>.items>.item:hover { cursor: pointer; border-left: 2px solid var(--blue); }

.order_preview>.items>.item>div>.caption { font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-weight: 800; font-size: 0.8rem; }

.order_preview>.items>.item>div>.price { color: var(--blue); font-size: 0.8rem; font-weight: 800; margin-top: 0.5rem; width: 250px; display: flex; align-items: center; justify-content: left; }

.order_preview>.items>.item>div>.price>.formula { color: var(--blue); font-size: 0.8rem; font-weight: 800; margin-top: 0.5rem; width: 250px; display: flex; align-items: center; justify-content: left; }

.order_preview>.items>.item>div>.price>.total { margin-left: auto; }

/*--- shop ssc page ---------------*/

.shop-description { line-height: 1.5; }

.shop-description p { color: #777!important; font-size: 0.9rem; }

.shop a { color: #777!important; }

.shop .shop-photo { height: 250px; }

.shop-ssc-logo { height: 50px!important; float: right; margin-top: -165px!important; margin-right: 10px; }

/*-------------------- shopping cart preview --------------------*/

body#objednavka .main-menu-div { display: none; }

body#objednavka .footer .menu { display: none; }

body#objednavka section.footer { padding-top: 0; background: #fff; }

body#objednavka section.footer>.copy { margin-top: 0; }

body#objednavka .copyright { color: #000; }

body#objednavka .detail { min-height: calc(100% - 157px); }

body#objednavka .social { display: none; }

.order-steps { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }

.order-step, .order-step-active { padding: 10px; display: flex; flex-direction: column; align-items: center; font-size: 0.8rem; text-align: center; }

.order-step-caption { padding-top: 5px; }

.order-step-active { font-weight: normal; color: #000; }

.order-step-clickable { cursor: pointer; }

.order-step-number { background-color: var(--lightgray); border: 1px solid var(--grayborder); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }

.order-step-active .order-step-number { background-color: #000; color: #fff; }

.order-step-between { height: 1px; width: 30px; border-top: 1px solid #ccc; }

.order-nadpis { font-size: 1.5rem; color: #000; margin-bottom: var(--smallspace)!important; }

.fakturacia, .platba { margin-top: var(--mediumspace); }

.detail .order-login { font-size: 0.9rem; text-align: center; max-width: 600px; margin: 0 auto 0 auto; color: #747474; }

.order-login-link { color: var(--blue); border: 1px solid var(--grayborder); border-radius: 50px; padding: 10px 20px 10px 20px; cursor: pointer; margin-left: 10px; margin-right: 10px; transition: 0.3s; }

.order-login-link:hover { text-decoration: none; background: var(--lightgray); }

.order-login p { margin-bottom: 0; }

.order-login-buttons { margin-top: 10px; margin-bottom: 20px; }

.order-buttons { margin-top: 1rem; margin-bottom: 1rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.user-login .mbutton { width: 100%; }

.zabudnute-heslo { width: 100%; text-align: right; margin-top: -15px; margin-bottom: 30px; }

.zabudnute-heslo a { font-size: 0.8rem; color: #747474; }

.zabudnute-heslo a:hover { text-decoration: underline!important; }

.mate-ucet, .nemate-ucet { font-size: 0.8rem; color: #747474; }

.nemate-ucet a, mate-ucet a { color: var(--blue); }

.mate-ucet a:hover, .nemate-ucet a:hover { text-decoration: underline!important; color: var(--blue)!important; }

.order-continue-unregistered { width: 100%; display: flex; align-items: center; justify-content: space-between; }

.order-continue-unregistered .line { flex-grow: 1; border-top: 1px solid var(--grayborder); }

.order-continue-unregistered .text { white-space: nowrap; margin: 10px; font-size: 0.9rem; }

.modalx li { border: 0!important; }

.modalx li:hover { box-shadow: none; outline: none; }

body#objednavka .order-buttons { margin-top: 45px; }

.order-left, .order-right { margin-top: 0px; }

.order-left { width: 60%; padding-right: 30px; }

.order-right { width: 40%; background: #f5f5f5; padding: 30px; }

.order-right img { border: 1px solid var(--grayborder); border-radius: 5px; margin-left: 0!important; }

.order-right .shopping-cart-preview { flex-direction: column; }

.order-right .shopping-cart-preview>.items { width: 100%!important; }

.order-right .shopping-cart-preview>.items>.item { border-left: 0 none; }

.order-right .shopping-cart-preview>.items>.item>div>.price { width: 100%!important; }

.order-info { margin: 0 auto 0 auto; background-color: var(--lightgray); padding: 30px; text-align: center; }

.order-info .order-buttons { flex-direction: column-reverse; }

.order-info .suma { font-size: 2rem; font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; color: var(--blue); font-weight: 800; }

.order-info .suma2 { border-top: 1px solid var(--grayborder); padding-top: 10px; color: #747474; font-size: 0.9rem; }




.order-buttons>div { }

.order-inner { width: 100%; }

.odporucane-produkty-polozky { flex-wrap: nowrap; gap: 20px; }

body#homepage .view-products-items { padding-top: 0!important; background-color: #fff; }

.kategoria-sady { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }

.kategoria-sady a {  display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; transition: 0.2s; }

.kategoria-sady a:hover { border-radius: 5px; background-color: #009fe390!important; }

.kategoria-sady-item  {  border-radius: 5px; height: 450px; background-size: cover; }




.zoznam-usp { padding-top: 20px; padding-bottom: var(--mediumspace); }
.usp {  display: flex; align-items: top; flex-wrap: wrap;   justify-content: space-between;  font-family: 'TT Firs',Helvetica,Arial,sans-serif; font-size: 1rem; font-weight: 200;  }
.usp > div {  min-width : 150px; max-width:  150px;}
.usp > div > img {  width : 100%; height : 4rem;  object-fit: contain;  }
.usp > div > div { text-align: center;}






.zoznam-kolekcii { padding-top: 20px; padding-bottom: var(--mediumspace); }

.kategoria-kolekcia {  display: flex; align-items: center; justify-content: center; flex-direction: column-reverse; font-family: 'TT Firs',Helvetica,Arial,sans-serif; font-size: 1.5rem; font-weight: 600; background-color: #00000080; }

.kategoria-kolekcia-name { text-transform: uppercase; font-size: 0.9rem; font-weight: 500; opacity: 0.8; }

.kategoria-kolekcia-title { text-align: center; }

.kategoria-kolekcie { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }

.kategoria-kolekcie>a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background-position: center center; background-size: cover; text-decoration: none; color: #fff; }

.kategoria-kolekcie>a>div { width: 100%; height: 100%; transition: 0.2s; min-height: 300px; }

.kategoria-kolekcie>a:hover>div { background-color: #009fe390; }

.kategoria-kolekcie>a:hover { }

.shimano-ssc { display: flex; flex-direction: row; }

.shimano-ssc .strip { display: flex; flex-direction: row; width: 100%; }

.img-ssc { width: 50%; background: url('/uploads/front-page/homepage-banner-1900x800.jpg'); background-size: cover; }

.text-ssc { background-color: var(--blue); width: 50%; padding: 120px 60px 120px 60px; }

.text-ssc>.caption { color: #fff; opacity: 0.8; font-family: 'TT Firs'; text-transform: uppercase; }

.text-ssc>p { color: #fff; line-height: 1.25; opacity: 0.8; max-width: 80%; }

.text-ssc>h2 { color: #fff; margin-bottom: 30px; }

.text-ssc .mbutton:hover { background-color: #fff!important; color: var(--blue); }

.sada-preview { color: #fff; padding: 60px; box-shadow: rgba(0, 0, 0, .6) 0 0 0 1000000px inset; margin-top: 20px; margin-bottom: 20px; background-position: center; background-size: cover; background-repeat: no-repeat; }

.sada-preview h1 { margin-top: 60px; margin-bottom: 60px; }

.sada-preview p { margin-top: 30px; }

.image-viewer { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; backdrop-filter: blur(10px); }

.full-screen-image { max-width: 90%; max-height: 90%; object-fit: contain; }

.view-product-popis { flex-wrap: wrap; display: flex; justify-content: left; flex-direction: row; }

.view-product-popis>.caption { font-family: "TT Firs"; font-weight: 800; font-size: 1.5rem; color: #000; text-transform: uppercase; width: 25%; }


.view-product-popis> .popis-menu {  font-family: Helvetica,Arial,sans-serif; font-weight: 800; font-size: 1rem; color: #FFF; margin-bottom: 40px; display : flex; flex-wrap: wrap; gap : 5px;}

.view-product-popis> .popis-menu > div { padding : 10px; background-color:  #0083bb; margin-right : 10px; border-radius:50px; cursor: pointer; padding-left: 30px; padding-right: 30px;}

.view-product-popis> .popis-menu > div[select=true] {  background-color: #009fe3; }


.view-product-popis>.detail { width: 75%; color: #747474; font-family: Helvetica,Arial,Tahoma,sans-serif; overflow-x: hidden; text-size-adjust: none!important; -moz-text-size-adjust: none!important; -webkit-text-size-adjust: none!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; line-height: 1.7rem; margin: 0 0 3rem; }

.view-product-popis>.detail a { color: #009fe3; text-decoration: none; transition-property: all; transition-duration: .3s; }

.view-product-popis>.detail h2 { font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; font-weight: 800; font-size: 1.9rem; color: #000; letter-spacing: -.026rem; line-height: 3.2rem; margin-top: 4rem; margin-bottom: 3rem; }

.view-product-popis>.detail li::marker { content: ''; }

.view-product-popis>.detail ul li { padding-left: 4rem; position: relative; font-family: Helvetica,Arial,Tahoma,sans-serif; color: #747474; margin-bottom: 2rem; }

.view-product-popis>.detail ul li:before { content: ""; position: absolute; z-index: 2; left: 0; top: 1.4rem; width: 2rem; height: .2rem; background: #009fe3; box-sizing: border-box; }

.view-product-popis>.detail p { font-family: Helvetica,Arial,Tahoma,sans-serif; color: #747474; margin: 0 0 3rem; }

.view-product-popis>.detail iframe { width: 100%; }

.view-product-popis>.detail img { width: 100%; height: auto; }

.view-product-popis>.detail table { display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; border-spacing: 2px; border-color: gray; overflow-x: scroll!important; display: inline-block!important; }

.view-product-popis>.detail table { border: 1px solid var(--grayborder)!important; margin: 0; padding: 0; border: 0; text-align: left; border-collapse: collapse; }

.view-product-popis>.detail tr { background: transparent; border-bottom: 1px solid var(--grayborder); }

.detail tr:nth-child(2n), .view-product-popis>.detail thead tr { background: transparent; }

.view-product-popis>.detail tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }

.view-product-popis>.detail th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: left; }

.detail th, .view-product-popis>.detail td { padding: 1rem 1.5rem; color: #747474; line-height: 1rem; text-align: left; }

.mobile-main-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1000; display: flex; align-items: center; gap: 0; flex-direction: column;  overflow-y: auto;}

.mobile-main-menu>div { margin: 10px; width: calc(100% - 20px);  height: 30px; display: flex; align-items: center; }

.mobile-main-menu>div a { font-family:  Helvetica,Arial,Tahoma,sans-serif; ffont-weight: 600;  font-size: 1rem; color: #000; text-decoration: none;  text-transform: none; }

.mobile-main-menu .mmitem {  width : 100%; padding : 10px;  display : flex;align-items: center; gap: 0; flex-direction: row; border-bottom: 1px dotted #009fe3;  cursor: pointer;} 
.mobile-main-menu .mmitem > a { display : flex;align-items: center;  flex: 1;}
.mobile-main-menu .mmitem > a:hover{ color :var(--blue)}
.mobile-main-menu .mmitem > a >img{  width:40px; height:40px; margin : 5px; }
.mobile-main-menu .mmitem > span{ font-size : 1rem; cursor: pointer;}
.mobile-main-menu .mmitem > span:hover{ color :var(--blue)}

.view-product-popis>.detail .kod-produktu { margin-top: var(--mediumspace); }

.view-product-popis>.detail .kod-produktu span, .view-product-popis>.detail .navod span { font-weight: bold; }



/*z html editora*/

.g-content { color: #747474; font-family: Helvetica,Arial,Tahoma,sans-serif; overflow-x: hidden; text-size-adjust: none!important; -moz-text-size-adjust: none!important; -webkit-text-size-adjust: none!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; letter-spacing: -.01rem; line-height: 1.7rem; margin: 0 0 3rem; }

.g-content a { color: #009fe3; text-decoration: none; transition-property: all; transition-duration: .3s; }

.g-content h2 { font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; font-weight: 800; color: #000; letter-spacing: -.026rem; margin-bottom: 30px; }

/*.g-content li::marker { content: '';  } */

.g-content ul li { padding-left: 4rem; position: relative; font-family: Helvetica,Arial,Tahoma,sans-serif; color: #747474; margin-bottom: 2rem; }

.g-content ul li:before { content: ""; position: absolute; z-index: 2; left: 0; top: 1.4rem; width: 2rem; height: .2rem; background: #009fe3; box-sizing: border-box; }

.g-content p { font-family: Helvetica,Arial,Tahoma,sans-serif; color: #747474; margin-bottom: 30px; -webkit-font-smoothing: antialiased; }

.g-content iframe { width: 100%; }

.g-content img { width: 100%; height: auto; }

.g-content table { display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; border-spacing: 2px; border-color: gray; }

.g-content table { width: 100%; margin: 0; padding: 0; border: 0; text-align: left; border-collapse: collapse; }

.g-content tr { background: #fff; }

.g-content thead tr, .g-content tr:nth-child(2n) { background: #fafafa; }

.g-content tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }

.g-content th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: left; }

.g-content td, .g-content th { padding: 1rem 1.5rem; color: #747474; letter-spacing: -.014rem; line-height: 1rem; text-align: left; }

.search-box { position: absolute; left: 0; right: 0; top: 100%; border-radius: 5px; background-color: #fff; padding: 20px; z-index: 556; display: fixed; width: 900px; margin: auto; }

.search-box>.search-box-input { width: 100%; font-size: 1rem; background-color: var(--lightgray); text-decoration: none; display: flex; align-items: center; padding: 10px; border-radius: 5px; }

.search-box>.search-box-input>img { width: 30px; margin-right: 10px; }

.search-box>.search-box-input>input { width: 100%; background-color: transparent; border: none; }

.search-box>.search-box-input>input:focus { border: none; outline: none; }

.search-box>.search-box-info { display: none; margin: 10px 0 10px 0; align-items: center; justify-content: space-between; }

.search-box>.search-box-info>img { height: 20px; cursor: pointer; float: right; }

.search-box>.search-box-results { overflow-y: auto; max-height: 600px; }

.search-box>.search-box-results .search-box-results-set { border-bottom: 1px solid var(--grayborder); padding-bottom: 10px; padding-top: 10px; display: flex; align-items: center; justify-content: left; }

.search-box>.search-box-results .search-box-results-set img { width: 40px; height: 40px; object-fit: contain; margin-right: 10px; }

.search-box>.search-box-results .search-box-results-set a { color: #747474; text-decoration: none; font-size: 0.9rem; }

.search-box>.search-box-results .search-box-results-set a:hover { text-decoration: underline; }

.search-box>.search-box-results .search-box-results-set a strong { color: #000; text-decoration: none; }



/* KONTAKT UPRAVY */
.kontakty { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 60px; align-items: stretch; }
.kontakt-polozka { border: 1px solid var(--grayborder); padding: 30px; text-align: center; color: #747474; font-size: 0.9rem; line-height: 1.5rem; }
.kontakt-polozka h3 { text-transform: uppercase; font-size: 1rem; font-family: "TT Firs",Helvetica,Arial,Tahoma,sans-serif; color: #000; margin-bottom: var(--mediumspace); }
.kontakt-polozka a { text-decoration: none; color: #009fe3; display: block; transition: 0.3s; }
.kontakt-polozka a:hover { color: #000; }
.kontakt-partneri { margin-top: var(--bigspace); }
.kontakt-partneri h2 { margin-bottom: var(--mediumspace); }
.kontakt-partneri > div {display : flex; flex-direction: row;  }
.kontakt-partneri > div > .kontakt-partneri-mapa {height: 400px; width: 70%; }
.kontakt-partneri > div > .kontakt-partneri-kontakt {width : 30%;  }
.kontakt-partneri > div > .kontakt-partneri-kontakt > div{ display : flex;  justify-content: center; padding: 20px; margin-left : 30px; min-height : 100%; }










.filtrovanie { /* overflow-x: scroll; */ position: sticky; top: var(--sticky-top); z-index: 20; border-top: 1px solid var(--grayborder); background-color: #fff; }

.filtrovanie .filters { display: flex; gap: 0; font-size: 0.8rem; padding-top: 10px; padding-bottom: 10px; align-items: center; flex-wrap: wrap; }

.filtrovanie .bdropdown { max-width: 250px; margin-bottom: 0!important; height: auto!important; }

.filtrovanie .dd-button { padding: 7px; }

.filtrovanie .filters-button { border: 1px solid var(--grayborder); margin-right: 10px; border-radius: 5px; transition: 0.3s; outline: 1px solid transparent; padding: 7px; cursor: pointer; white-space: nowrap; }

.filtrovanie .filters-button:hover { border: 1px solid var(--blue); outline: 1px solid var(--blue); background-color: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15); }

.filtrovanie .filters-sort-by { margin-left: auto; display: flex; align-items: center; }

.filtrovanie .filters-sort-by .dd-button { font-size: 0.8rem; padding: 7px 35px 7px 10px!important; outline: 1px solid transparent; border-radius: 5px; border: 1px solid var(--grayborder); transition: 0.3s; }

.filtrovanie .filters-sort-by .dd-button:hover { outline: 1px solid var(--blue); border: 1px solid var(--blue); background-color: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15); }

.filtrovanie .filters-sort-by .dd-menu { right: 0; }

















#heurekaTableft {margin-top : 150px !important}



/*-------------------- Mobile Styles  --------------------*/
 

 

@media (max-width:1300px) {


  #heurekaTableft {display: none  !important;}

  .user-login-menu {position: fixed; left : 0; right : 0; top: 0; z-index: 9999; background-color: #fff;}
  .shopping-cart {position: fixed; left : 0; right : 0; top: 0; z-index: 9999; background-color: #fff;}
  .modal-dropdown-caret {display: none;}


  .shopping-cart>.items { width: 100%; max-height: auto;    overflow-y: hidden;}





  .filtrovanie {   top: 107px;  }



  .search-bar > input{ display : none;}
  .search-bar  { width : 40px; border: 0px; background : #fff;}

  .search-button > img  { width : 25px; height :25px;}

 
  [mobile=false] { display: none!important; }
  [mobile=true] { display: flex!important;   }
  .detail-produktu-obsah { flex-wrap: wrap; }
  .detail-produktu-obsah-img { width: 100%; }
  .detail-produktu-obsah-info { width: 100%; }
  .detail-produktu-obsah-info .view-product-detail { padding-left: 0; padding-right: 0; }
  .view-product-popis { display: block; }
  .view-product-popis>.detail { width: 100%; }
  .sada-baner .strip { flex-wrap: wrap; }
  .content-znacky { flex-wrap: wrap; }
  .search-box { width: 100%; }
  .gallery-swipe-ctrl-bnt {display:none}



  .kontakt-partneri > div {display : flex; flex-direction : column;   }

  .kontakt-partneri > div > .kontakt-partneri-mapa {height: 400px; width: 100%; }
  .kontakt-partneri > div > .kontakt-partneri-kontakt {width : 100%;  margin-top : 40px; }
  .kontakt-polozka { text-align: center; color: #747474; font-size: 0.9rem; line-height: 1.5rem; }
  .kontakt-partneri > div > .kontakt-partneri-kontakt > div{ display : flex;  margin-left : 0px; justify-content: center;   min-height : 100%; }




  .usp > #shimanousp {display : none;}
 

  .slider >.content>  h1 { font-size: 2rem; }
  .slider-container { height: 300px; zoom : 0.7; }



  .view-product-detail > .usp-znacka { flex-direction: column; flex-wrap: wrap; }
  .view-product-detail > .usp-znacka > .usp-detail { width :100%;  }
  .view-product-detail > .usp-znacka > .znacka {  width : 100%; }


  .view-product-detail > .usp-znacka > .znacka {  height : 40px;}




  .hlavne-kategorie { display: block;} .hlavne-kategorie { display: block;}

  .kat-description {display: none;}
 

 


   
  .view-product-kategoria { grid-template-columns: repeat(2, 2fr); }



  .view-product-popis>.caption, h2 { font-size: 1rem; }
  .slider h1, h1.nadpis-kategorie { font-size: 2rem; }
  .view-product-detail h1 { font-size: 1rem; margin-top: 20px; }

 
  .iconbox-text,   .kod-produktu,   .kratky-popis,   .mbutton,   .minput>input,   .mradio,   .order-steps,   .view-product-detail .cena,   .view-product-detail>.switch>.caption, .view-product-popis>.detail p { font-size: 0.85rem; }
  .footer>.menu>.column>.links>a { line-height: 1.5rem; }
  .footer>.menu>.column>.caption { padding-bottom: 0; }
  .mradio_check_text, .navigacia { font-size: 0.75rem; }


 
  .view-product-kategoria .link img { width: 25px; height: 25px; }
  .footer .menu { text-align: center; }
  .footer>.menu>.column>.caption { padding-top: var(--mediumspace); }



  section.detail-produktu  {margin-bottom: 0px;   }
 



  section.popis-pod-produktom { padding-top: 20px; }
 
  .vypis-znaciek a img { width: 100px; }


  section.navbarx>div:first-child { padding-top: 10px; padding-bottom: 10px; }

  
  .navbarx>div>.main-menu { height: 35px; }

  
  
  /* .search-button img { width: 20px!important; } 

  .search-bar>input[type=text] { height: 30px; }*/
  .shimano-ssc .strip { flex-direction: column-reverse; }
  .shimano-ssc .strip .text-ssc { width: 100%; padding: 20px; }
  .shimano-ssc .strip .img-ssc { width: 100%; height: 300px; }
  .search-window { max-height: 60vh; }
  
/*  
  .order-step, .order-step-active { padding: 0; }
  .order-step-between { width: 10px; visibility: hidden; }
  .order-step-number { font-size: 0.7rem; width: 20px; height: 20px; }
*/


  .order-left, .order-right { width: 100%; }
  .order-buttons { flex-direction: row; }
 
  
  
  section.cart-preview .strip { padding-left: 20px; padding-right: 20px; }
  .shopping-cart-preview>.items img.item-thumb { width: 50px; }
  #order .detail, .cart-preview { flex-direction: column!important; }
  #order .detail .order-left, .cart-preview .order-left { padding-right: 0; }
  #order .detail .order-right { background: #fff; }

  #order .detail .order-right { padding: 10px; }
  #order .detail .order-right img { width: 25px!important; }
  #order .detail .order-right .shopping-cart-preview>.items { margin-bottom: 10px; }
  #order .detail .order-right .shopping-cart-preview>.suma { font-size: 0.85rem; }
  #order .detail .order-right .items { display: none; }
  #order .detail .order-right .suma { position: fixed; left: 0; bottom: 65px; width: 100%; border-top: 1px solid #e1e1e1; box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, .2); }
  .shopping-cart-preview>.items>.item>div>.price { margin-top: 0; }
  .mradio .radio>.false, .mradio .radio>.true { background-size: 1rem 1rem; width: 1rem; height: 1rem; }
   
  /*
  .order-buttons { position: fixed; left: 0; bottom: 0; margin-bottom: 0; background: #fff!important; width: 100%; padding: 15px 20px 15px 20px; z-index: 100; }  
  */


  /*
  .mbutton { padding: 10px 20px 10px 20px; }
*/



  .kategoria-kolekcie>a>div { width: 100%; height: 100%; transition: 0.2s; min-height: 200px; padding: 10px; }
  .blog-obrazok-titulny { margin-bottom: var(--smallspace)!important; }
  .blog-meta { margin-bottom: 3px!important; }
  
  
  /*
  .order-steps { justify-content: space-between; }
*/

  .formula-text-ks { padding: 5px; }
  .shopping-cart-preview>.items .price img { width: 15px; }


  .shopping-cart > .title {display : block;}
 

  .order-right {   margin-top : 0px; padding : 0px !important; }




  /* zľavový kód na mobiloch */
  /*.order-right > .order-info > .dcl-component { display: none;}
*/

 

 
 
}







@media (max-width:600px) {
  .view-products-items {padding:  0px; gap: 0px; grid-template-columns: repeat(2, 2fr); }

  .order-step, .order-step-active { padding: 0; }
  .order-step-between { width: 10px; visibility: hidden; }
  .order-step-number { font-size: 0.7rem; width: 20px; height: 20px; }


  .view-products-items .nazov {   font-weight : 500; font-size: 0.9rem; bottom : 66px; position : absolute; z-index: 30;  width : 100%;  padding :5px; padding-left: 20px; padding-right: 20px; }
}



 


.modal-header .close { border: none!important; /* Removes unwanted borders */ outline: none!important; /* Removes focus outline */ background-color: #fff; width: 30px; }

.grid-kontakty { display: grid; grid-template-columns: auto auto auto auto; gap: 10px; padding: 10px; }

.grid-kontakty .grid-item { border: solid 1px var(--grayborder); padding: 20px; text-align: center; }

.grid-kontakty .grid-item a { display: inline-block; margin: 0 10px; vertical-align: top; text-decoration: none; color: var(--blue); }

.iconbox { display: flex; align-items: center; flex-direction: row; justify-content: normal; width: 100%; margin-bottom: 10px; }

.iconbox img { width: 20px; margin-right: 10px; }

.iconbox_text { font-size: 0.9rem; }

/* BLOG UPRAVY */
.blog-prehlad { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); grid-column-gap: var(--mediumspace); grid-row-gap: 60px; align-items: stretch; }

.blog-meta { display: flex; font-size: 0.9rem; color: #747474; margin-bottom: var(--smallspace); }

.blog-publikovane { margin-right: var(--smallspace); }

.blog-skupina-kategoria { color: #b1b1b1; text-decoration: none; transition: 0.3s; }

.blog-skupina-kategoria:hover { color: #000; }

.blog-skupina-nazov { margin-top: var(--bigspace); }

.blog-prehlad-polozka { }

.blog-link { color: #000; text-decoration: none; font-weight: 800; font-size: 1rem; }

.blog-skupina-titulok { font-weight: 800; text-decoration: none; color: #000; }

.blog-obrazok-titulny { object-fit: cover; width: 100%; height: 450px; margin-bottom: var(--mediumspace); border-radius: 5px; }

.blog-prehlad-button { max-width: 250px; margin: 30px auto 0 auto; }

.blog-prehlad-button a { text-decoration: none; }

.blog-clanok h1 { text-align: center; }

.blog-clanok .blog-meta { justify-content: center; margin-bottom: var(--bigspace); }

.blog-obrazok-hlavny { width: 100%; height: 500px; object-fit: cover; border-radius: 5px; }

.blog-obrazok img { width: 100%; border-radius: 5px; }

.blog-text { font-size: 18px; line-height: 2rem; color: #747474; margin-left: auto; margin-right: auto; margin-top: var(--bigspace); margin-bottom: var(--bigspace); max-width: 680px; -webkit-font-smoothing: antialiased; }

.blog-text a { text-decoration: none; color: var(--blue); }

.blog-text h2 { margin-bottom: var(--mediumspace); }

.blog-text a:hover { color: #000; }




.nav-item a { font-size: 0.8rem; color: #000; font-weight: normal; }

.navbar-nav { padding-top: 10px; padding-bottom: 10px; }

.dropdown-menu { padding-top: 0; padding-bottom: 0; }

.content-znacky { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.obal-znacky { padding-right: 50px; }

.obal-logo { text-align: center; }

.obal-logo img { max-width: 200px; }

.kategorie-sada { padding-top: 40px; padding-bottom: 40px; }

.znacky-ul { columns: 3; background-color: var(--blue); }

h1.nadpis-kategorie span { font-weight: normal; color: #bbb; }

.group-tlacitka { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; margin: 0 auto 0 auto; }

.items-doprava, .items-faktudaje, .items-platba, .items-suma, .items-total { display: flex; justify-content: space-between; color: #000; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; }

.items-doprava span, .items-doprava-info, .items-platba span, .items-suma span, .items-total span { font-size: 0.8rem; color: #747474; }

.items-total { border-top: 1px solid var(--grayborder); }

.items-total { font-weight: bold; }

.items-total .suma-right { color: var(--blue); }

.items-doprava-info { margin-top: -5px; }

.items-faktudaje { padding-bottom: 0; }

.items-faktudaje.caption { font-weight: bold; margin-top: 30px; }

.order-wide { width: 100%; max-width: 620px; margin: 0 auto 0 auto; }



.paginacia { /* overflow-x: scroll; */  /*position: sticky; bottom: 0; */ z-index: 20; border-top: 1px solid var(--grayborder); background-color: #fff; }
.paginacia .filters { display: flex; gap: 0; font-size: 0.8rem; padding-top: 10px; padding-bottom: 10px; align-items: center; flex-wrap: wrap; }
.paginacia .filters-button { border: 1px solid var(--grayborder); margin-right: 10px; border-radius: 5px; transition: 0.3s; outline: 1px solid transparent; padding: 7px; cursor: pointer; white-space: nowrap; }













.side-menu { background-color: #00000088; position: fixed; z-index: 2001; width: 100%; height: 100%; top: 0; left: 0; }

.side-menu>div { max-height: 100vh; overflow-y: scroll; background-color: #fff; position: fixed; width: 350px; height: 100%; overflow-y: scroll; top: 0; right: 0; }

.side-menu>div>div[nadpis=true] { font-size: 2rem; font-weight: bold; padding: 10px; }

.side-menu>div>div[panel=true] { padding-bottom: 30px; padding-top: 10px; position: relative; bottom: 0; background-color: #fff; }

.side-menu>div>div[panel=true]>div[filters=true] { display: flex; flex-wrap: wrap; font-size: 0.8rem; padding: 10px; padding-bottom: 0; border-top: 1px solid var(--grayborder); border-bottom: 1px solid var(--grayborder); width: 100%; }

.side-menu>div>div[panel=true]>div[filters=true]:not(:has(.side-menu-filter-active)) { display: none; }

.side-menu>div>div[panel=true]>div[filters=true]>div { border: 1px solid var(--grayborder); margin-right: 10px; margin-bottom: 10px; border-radius: 5px; transition: 0.3s; outline: 1px solid transparent; padding: 7px; cursor: pointer; white-space: nowrap; }

.side-menu>div>div[panel=true]>div[filters=true]>div:hover:after { content: "x"; position: absolute; top: 5px; z-index: 5; width: 20px; height: 20px; background-color: #000; text-align: center; border-radius: 50%; font-size: 0.8rem; color: #fff; }

.side-menu>div>div[panel=true]>div[reset=true] { text-align: center; text-decoration: underline; font-size: 0.8rem; font-weight: bold; cursor: pointer; }

.side-menu>div>div[panel=true]>div[close=true] { color: #fff!important; margin: 20px 20px 10px 20px; font-size: 0.9rem; width: 310px; }

.side-menu>div>div[items=true] { height: calc(100vh - 220px); overflow-y: scroll; }

.side-menu>div>div[items=true]>.header { border-top: 1px solid #e1e1e1; padding: 10px; background-color: #fff; cursor: pointer; margin-bottom: 1px; font-size: 0.85rem; font-weight: bold; transition: visibility 0s,opacity 0.5s linear; }

.side-menu>div>div[items=true]>div>span { border-radius: 50%; margin-right: 10px; width: 20px; height: 20px; float: left; }

.side-menu>div>div[items=true] .item { transition: 0.3s; font-size: 0.85rem; background-color: #f5f5f5; color: #747474; padding: 10px 30px 10px 30px; cursor: pointer; }

.side-menu>div>div[items=true] .item-disabled { transition: 0.3s; font-size: 0.85rem; background-color: #f5f5f5; color: #bbb; padding: 10px 30px 10px 30px; cursor: not-allowed; }

.side-menu>div>div[items=true] .item-active { color: #fff; }

.side-menu>div>div[items=true] .item:hover { background-color: #e1e1e1; }

.side-menu>div>div[items=true] .mbutton:hover { background: #000!important; border-radius: 50px!important; }

.show-my-account { text-align: center; }

.show-my-account a { color: var(--blue); }

.show-my-account a:hover { color: #000; }

.watchdog { z-index: 556; position: fixed; width: 400px; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; margin-bottom: 20px; }

.watchdog>.watchdog-caption { font-family: Helvetica,Arial,Tahoma,sans-serif; letter-spacing: 0; font-weight: 800; font-size: 0.9rem; margin-bottom: 20px; }

.watchdog>.watchdog-text { font-size: 0.8rem; color: #747474; margin-bottom: 20px; }

.menu-kategorie { z-index: 556; position: fixed; left: 0; right: 0; width: 1400px; max-height: 500px; padding: 20px; background-color: #fff; top: 135; margin-left: auto; margin-right: auto; }

/* Hide the actual checkbox */
.dropdown-checkbox { display: none; }

/* Style the label */
.dropdown-label { cursor: pointer; display: inline-block; padding: 10px; font-weight: 800; }

/* Initially hide the dropdown content */
.dropdown-content { display: none; position: absolute; min-width: 160px; z-index: 1; }

/* Show the dropdown content when the checkbox is checked */
.dropdown-checkbox:checked+.dropdown-label+.dropdown-content { display: block; }

.thumbnails { display: flex; margin: 1rem auto 0; padding: 0; justify-content: center; }

.thumbnail { width: 70px; height: 70px; overflow: hidden; list-style: none; margin: 0 0.2rem; cursor: pointer; }

.thumbnail img { width: 100%; height: auto; }

.thumbnail { opacity: 0.3; display: flex; justify-content: center; align-items: center; }

.thumbnail.is-active { opacity: 1; border: 1px solid #ddd; }




.image > img {

  max-width: 100%;
  height : auto;



  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.image.image-style-block-align-right {

  max-width: 100%;
  height : auto;

  display: block;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

.image.image-style-block-align-left {
display: block;
margin-left: 0;
margin-right: auto;
text-align: left;
}



.ckeditorcss {font-family: Helvetica,Arial,sans-serif,"TT Firs" ; color : #310909}

.ckeditorcss .text-tiny {font-size: 0.5rem;}
.ckeditorcss .text-small {font-size: 0.8rem;}
.ckeditorcss .text-default {font-size: 1rem;}
.ckeditorcss .text-big {font-size: 1.5rem;}
.ckeditorcss .text-huge {font-size: 2rem;}


.ckeditorcss > p { }

.ckeditorcss table { border-collapse: collapse;}
.ckeditorcss thead {background-color: #d8d8d8;}


.ckeditorcss  th, td {
  border: 1px solid rgb(185, 185, 185); /* Ohraničenie buniek */
  padding: 10px; /* Vnútorné odsadenie */
  text-align: left;
}

.ckeditorcss > .image-style-align-right{
  display : block;


  float : right;
  /* border : 1px solid red; */

  margin-left : 10px;
  margin-bottom : 5px;
  margin-top : 5px;

}




.ckeditorcss > .image-style-align-left{
  display : block;


  float : left;
  /* border : 1px solid red; */
  margin-right : 10px;
  margin-bottom : 5px;
  margin-top : 5px;

}