/* =================================================================================
   CYKLOSHOP.SK – KONSOLIDOVANÉ INDIVIDUÁLNÍ STYLY
   ---------------------------------------------------------------------------------
   Sloučeno 13 původních CSS souborů + 3 inline <style> bloky do jednoho.
   Nahrazuje (původní pořadí načítání zachováno = stejný cascade behavior):

     HEAD:                                       BODY (přesunuto do head – fix FOUC):
       1. styles_individual_rkj_head_v01           13. prodejny_opennig.css
       2. top-parametry.css                        14. Doplnek_telefon_topbar.css
       3. css-detail.min.css                       15. ind_footer.css
       4. Podrobny_popis_detail.css                16. style_individual_rkj_body_v01
       5. banner_poradce_stano_mob.css
       6. banner_poradce_stano_pc.css
       7. verticalni_slickslider.css
       8. cykloshop_mobil.min.css
       9. [inline] hides + Poradce_stano vypnutí
       10. pred_head.css
       11. [inline] DM coupon + contact-header-phone
       12. [inline] cs-meta-* (článek metadata)

   ---------------------------------------------------------------------------------
   Verze: v1 (2025-05-18)
   Doporučení před nasazením: spustit přes cssnano / Shoptet asset pipeline pro
   produkční minifikaci. Soubor je strukturován tak, aby zůstal čitelný pro budoucí
   úpravy – minifikace odstraní whitespace a komentáře.
   ================================================================================= */


/* =================================================================================
   1. OBECNÉ STYLY HEAD (styles_individual_rkj_head_v01.min.css)
   ================================================================================= */
#header::after{border-bottom:1px solid #c4161b}
#navigation{border-bottom:1px solid #c4161b}
.description{color:black;font-size:16px!important}
.welcome h1{font-size:25px!important}
@media (max-width:768px){.predajne-cykloshop{display:none!important}}
.social-follow{display:flex;justify-content:center;align-items:center;padding:20px 0;color:#fff;font-family:Arial,sans-serif;font-size:25px;font-weight:600;text-align:center;width:100%;margin-top:30px}
.social-follow__text{margin-left:20px}
.social-follow__icons{display:flex;gap:40px;margin-right:20px;margin-left:70px}
.social-follow__icons img{width:52px;height:52px;transition:transform 0.3s ease-in-out}
.social-follow__icons a:hover img{transform:scale(1.2)}
@media (max-width:768px){.social-follow{flex-direction:column;text-align:center;gap:15px}.social-follow__text{font-size:25px;margin:0;line-height:1.2}.social-follow__icons{margin:0}}
.custom-footer.elements-7{background:black;padding:50px;border-radius:20px;margin-top:20px;margin-bottom:20px}


/* =================================================================================
   2. DETAIL PRODUKTU – KEY PARAMETRY (top-parametry.css)
   ================================================================================= */
.key-param-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}
.key-param-box{position:relative;border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#fff;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;height:150px}
.key-param-box:hover{transform:translateY(-5px);box-shadow:0 6px 10px rgba(0,0,0,.15)}
.key-param-icon{position:absolute;top:10px;left:10px;width:30px;height:30px}
.key-param-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.key-param-box-nadpis{font-size:18px;font-weight:bold;color:#333;text-transform:uppercase}
.key-param-box-hodnota{font-size:16px;color:#666}
@media (max-width:1024px){.key-param-container{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.key-param-container{grid-template-columns:1fr}}


/* =================================================================================
   3. DETAIL PRODUKTU – HLAVNÍ (css-detail.min.css)
   ================================================================================= */
.col-xs-12.col-lg-6.p-info-wrapper.visible-element{background:#f9f9f9;padding:40px;border-radius:20px}
.p-detail-inner-header h1{font-size:32px}
.p-short-description>p{display:inline;font-size:17px;line-height:1.3}
@media screen and (min-width:992px){body.type-detail .p-image-wrapper{padding-right:53px}}
.brand-logo{max-height:40px;margin-left:5px}
.znacka{display:flex;align-items:center;justify-content:center}
.social-buttons-wrapper{align-items:center}
@media screen and (min-width:992px){
  #variants{background:unset;padding:0;margin-bottom:0;padding-top:0;position:relative;bottom:100px}
  #variants::before{content:"Varianty produktu";display:block;margin-bottom:28px;font-size:25px;color:#24242E;font-weight:700;text-align:center;max-width:260px;margin:auto!important;padding:20px;position:relative;top:42px;background:white}
  .variant-name{font-size:20px}
  .variant-table{border-top:2px solid;padding-top:20px}
  button.btn.btn-plain.btn-cart.add-to-cart-button.ask-btn{background-color:#fff!important;border:2px solid #000!important;color:#000;font-size:15px;line-height:20px!important;height:48px!important;max-width:180px}
  button.btn.btn-plain.btn-cart.add-to-cart-button.ask-btn:hover{background-color:#000!important;color:#fff!important}
  button.btn.btn-plain.btn-cart.add-to-cart-button.ask-btn::before{content:'\e926'}
  button.btn.btn-plain.btn-cart.add-to-cart-button{max-width:180px;height:48px!important;font-size:15px;line-height:20px!important}
  .btn.btn-conversion:hover,a.btn.btn-conversion:hover,.btn.btn-cart:hover,a.btn.btn-cart:hover,.btn.btn-primary:hover,a.btn.btn-primary:hover{background-color:#008e24;border-color:#008e24!important}
  .variant-cart .btn.add-to-cart-button::before{margin-right:12px;position:relative;font-size:18px;top:-2px}
  .variant-image img{cursor:zoom-in;height:auto;width:100px!important;max-width:unset}
  .variant-image{position:relative;margin-right:40px;flex-shrink:0;width:100px;background:#000}
  .var-dostupnost{width:30%}
}
img[src*="shoptet-plugin.homecredit.cz"]{display:none!important}
.col-sm-12.shp-tabs-row.responsive-nav{border-bottom:1px solid #9d9d9d}
a.shp-tab-link.dkLabBookmarkTab{background:#fff!important;border:unset!important}
ul#p-detail-tabs{border:unset}
.shp-tab-link{background-color:#fff}
@media screen and (min-width:992px){.shp-tabs-holder ul.shp-tabs li a{font-size:15px!important;border:unset}}
li.shp-tab.active{border-bottom:2px solid #ff0007}
@font-face{font-family:'shoptet-icons';src:url('https://cdn.myshoptet.com/usr/252557.myshoptet.com/user/documents/blank/ikony/ikony.woff?v25') format('woff'),url('https://cdn.myshoptet.com/usr/252557.myshoptet.com/user/documents/blank/ikony/ikony.ttf?v25') format('truetype'),url('https://cdn.myshoptet.com/usr/252557.myshoptet.com/user/documents/blank/ikony/ikony.eot?v25') format('embedded-opentype');font-weight:400;font-style:normal}
a.shp-tab-link[href="#description"]::before{content:"\e915";font-family:'shoptet-icons';margin-right:13px;font-size:20px;display:inline-block;vertical-align:middle}
li[data-id="15919"] a.shp-tab-link::before{content:"\e936";font-family:'shoptet-icons';margin-right:13px;font-size:18px;display:inline-block;vertical-align:middle}
li[data-id="10169"] a.shp-tab-link::before{content:"\e926";font-family:'shoptet-icons';margin-right:13px;font-size:20px;display:inline-block;vertical-align:middle}
li[data-id="10170"] a.shp-tab-link::before{content:"\e913";margin-right:13px;font-family:'shoptet-icons';font-size:18px;display:inline-block;vertical-align:middle}
li[data-id="10296"] a.shp-tab-link::before{content:"\e900";margin-right:13px;font-family:'shoptet-icons';font-size:18px;display:inline-block;vertical-align:middle}
a.shp-tab-link.dkLabBookmarkTab:hover{color:#c4181c!important}
@media screen and (min-width:992px){
  .p-short-description>p{display:block}
  .p-thumbnails{position:relative;overflow:visible;width:100%;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
  .p-thumbnails>div{position:absolute;left:0;top:0;width:auto;height:auto;transition:left .3s ease-out}
  .p-thumbnail{width:100px;height:100px;object-fit:cover}
  .p-thumbnails-horizontal{display:flex;flex-wrap:wrap;height:auto;gap:10px;min-height:160px;overflow:hidden;transition:height .3s ease}
  .p-thumbnails a img{height:auto!important}
  .p-thumbnails a.highlighted img{border-left:0;border-right:0;border-bottom:2px solid red;border-top:0}
  .p-thumbnail{margin-bottom:10px;transition:transform .2s ease}
  .p-thumbnail:hover{transform:scale(1.2);z-index:10;border-bottom:2px solid #000}
  .extended-description.more-param h3{font-size:24px!important;border-bottom:2px solid #c4181c!important;padding-bottom:16px}
  span.row-header-label{font-weight:600;color:#000}
  .extended-description{flex:0 1 auto;width:450px;padding:20px;border-right:2px solid #fff;border-bottom:2px solid #fff;box-shadow:rgba(0,0,0,.16) 0px 1px 4px;border-radius:0 18px 18px 0;border-top:2px solid #fff}
}
@media (min-width:1200px){.basic-description{border-right:2px solid #f3f3f3}}


/* =================================================================================
   4. PODROBNÝ POPIS DETAIL (Podrobny_popis_detail.css)
   ================================================================================= */
.header-box{padding:20px;text-align:center;margin-bottom:40px;border-bottom:2px solid #efefef;padding-bottom:0}
.header-box-content{display:flex;justify-content:space-between;align-items:center}
.brand-logo{max-height:50px}
.seo-title{font-size:18px;font-weight:600;color:#24242e}
.seo-title-center{font-size:34px;font-weight:700;margin-top:30px;color:#000}
h2.ai-heading{font-size:28px;margin-top:0;margin-bottom:30px}
@media (max-width:600px){h2.ai-heading{font-size:20px;margin-top:0;margin-bottom:8px;padding:20px}}
p.ai-intro{margin-bottom:40px;font-size:17px}
@media (max-width:600px){p.ai-intro{margin-bottom:40px;font-size:17px;padding:0 20px}}
iframe.ai-video{padding:20px;background:black;border-radius:20px}
@media (max-width:600px){iframe.ai-video{background:black;border-radius:10px;width:100%}}
h3.ai-subheading{font-size:24px;margin-top:50px!important}
@media (max-width:600px){h3.ai-subheading{padding:0 20px;font-size:20px}}
p.ai-description{margin-bottom:50px;font-size:17px;color:#787878}
@media (max-width:600px){p.ai-description{margin-bottom:50px;font-size:17px;color:#787878;padding:20px;margin-bottom:20px}}
video#video-ap{margin-top:20px;margin-bottom:20px}


/* =================================================================================
   5. BANNER PORADCE STANO – MOBIL (banner_poradce_stano_mob.css)
   ================================================================================= */
@media (min-width:600px){#Poradce_stano_mobile{display:none}}
@media (max-width:600px){
  #Poradce_stano_mobile{max-width:100%;background-color:#000;color:#fff;padding:15px 0 0;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.2);margin-top:12px;background-image:linear-gradient(165deg,#000 0%,#515151 100%)}
  #Poradce_stano_mobile .contento{display:flex;flex-direction:row;align-items:center;text-align:left;width:360px;justify-content:space-between}
  #Poradce_stano_mobile .lefto h4{font-size:15px!important;font-weight:700;margin-bottom:2px;color:white}
  #Poradce_stano_mobile .lefto h5{font-size:22px;font-weight:400;margin-bottom:0;color:white;margin-top:0;font-weight:600}
  #Poradce_stano_mobile .lefto{padding-right:17px}
  #Poradce_stano_mobile .contact-row{display:flex;flex-direction:column;gap:0;align-items:flex-start}
  #Poradce_stano_mobile .phone{font-size:19px;font-weight:600;color:#fff;text-decoration:none!important}
  #Poradce_stano_mobile .phone::before{content:'\e933';font-family:'ikony';font-size:20px;margin-right:10px;color:#fff}
  #Poradce_stano_mobile .chat-button{display:inline-flex;align-items:center;background-color:unset;color:#fff;padding:5px 0;text-decoration:none!important;border-radius:5px;font-weight:600;font-size:16px;justify-content:center}
  #Poradce_stano_mobile .chat-button::before{content:'\e941';font-family:'ikony';font-size:18px;margin-right:10px}
  #Poradce_stano_mobile .chat-button span{text-decoration:underline}
  #Poradce_stano_mobile .righto img{padding:10px;max-height:120px;object-fit:cover;border-radius:50%}
  .contact-row{margin-bottom:15px}
}


/* =================================================================================
   6. BANNER PORADCE STANO – PC (banner_poradce_stano_pc.css)
   ================================================================================= */
#Poradce_stano{max-width:614px;background-color:#000;color:#fff;padding:20px;display:flex;align-items:center;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.2);margin-top:22px;background-image:linear-gradient(165deg,#000 0%,#515151 100%)}
#Poradce_stano .contento{display:flex;justify-content:space-between;width:100%;align-items:center}
#Poradce_stano .lefto{flex:1}
#Poradce_stano .lefto h4{font-size:26px;font-weight:700;margin-bottom:10px;color:white;margin-left:20px}
#Poradce_stano .lefto h5{font-size:23px;font-weight:400;margin-bottom:30px;color:white;margin-left:20px;margin-top:0}
#Poradce_stano .contact-row{display:flex;align-items:center;gap:15px;margin-left:20px}
#Poradce_stano .phone{font-size:16px;font-weight:600;display:flex;align-items:center;color:#fff;text-decoration:none}
#Poradce_stano .phone::before{content:'\e933';font-family:'ikony';font-size:20px;margin-right:10px;color:#fff}
#Poradce_stano .chat-button{display:inline-flex;align-items:center;background-color:unset;color:#fff;padding:8px 15px;text-decoration:none!important;border-radius:5px;font-weight:600;font-size:16px;transition:.3s}
#Poradce_stano .chat-button::before{content:'\e941';font-family:'ikony';font-size:18px;margin-right:10px}
#Poradce_stano .chat-button span{text-decoration:underline}
#Poradce_stano .chat-button:hover{background-color:#fff;color:#000}
#Poradce_stano .righto img{max-height:167px;object-fit:cover;margin-left:20px;position:relative;top:40px}


/* =================================================================================
   7. VERTIKÁLNÍ SLICK SLIDER – RELATED PRODUCTS (verticalni_slickslider.css)
   ================================================================================= */
#related .products-block{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%}
#related .slick-track{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;width:100%!important;transform:none!important}
#related .slick-slide{display:block!important;width:100%!important;height:auto!important;margin-bottom:10px}
#related .slick-list{overflow-y:auto!important;max-height:1200px;scrollbar-width:thin;scroll-behavior:smooth}
#related .slick-prev,#related .slick-next{position:absolute;left:50%;transform:translateX(-50%);background:#c4161c;color:white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:10}
#related .slick-prev,#related .slick-next{display:none!important}
#related ul.slick-dots{display:none!important}


/* =================================================================================
   8. CYKLOSHOP MOBIL – obecné mobilní úpravy (cykloshop_mobil.min.css)
   ================================================================================= */
@media (max-width:768px){
  .subcategories li{width:100%!important}
  .subcategories.with-image li a .text{flex-grow:0;text-align:left;display:inline-block;overflow:hidden;text-overflow:ellipsis;padding-left:30px!important;font-size:16px}
  .subcategories.with-image a::after{content:"\e945";font-size:14px;color:#c4161c;margin-left:auto;font-family:'ikony';margin-right:9px}
  .subcategories.with-image li a .image{width:75px;padding-left:15px}
  .subcategories li a{height:55px;margin-bottom:5px}
  body:not(.type-index):not(.type-product):not(.ordering-process) h1{margin-bottom:20px;text-align:center}
  span.load-products.btn.btn-default.unveil-button{width:fit-content!important;margin-left:auto;margin-right:auto;background:#fff;color:#000;border:3px solid #fff;box-shadow:rgba(60,64,67,.3) 0px 1px 2px 0px,rgba(60,64,67,.15) 0px 1px 3px 1px}
  .load-products.btn::after{content:"+";font-family:ikony;font-size:24px;margin-left:18px;color:#c4171f}
  .btn.load-products{line-height:42px}
  body.type-category .dkLabComparerAddProduct,body.id-1 .dkLabComparerAddProduct{display:none!important}
}


/* =================================================================================
   9. SKRYTÉ TABY + PORADCE STANO HIDES (původně inline <style> v Záhlaví)
   ================================================================================= */
li.shp-tab.podobne-odkaz{display:none}
li.shp-tab.souvisejici-odkaz{display:none}
body.type-post #Poradce_stano,body.type-post #Poradce_stano_mobile{display:none!important}
body.ordering-process #Poradce_stano,body.ordering-process #Poradce_stano_mobile{display:none!important}
body.type-page #Poradce_stano,body.type-page #Poradce_stano_mobile{display:none!important}
/* PŘIDÁNO v3: hide mobile banner na non-detail stránkách (původně byla skryta jen desktop verze) */
body.type-index #Poradce_stano_mobile{display:none!important}
body.type-category #Poradce_stano_mobile{display:none!important}


/* =================================================================================
   10. PRED HEAD (pred_head.css) – mix detail produktu, kategorie, tooltip
   ================================================================================= */
@media screen and (max-width:690px){
  .col-xs-12.col-lg-6.p-info-wrapper.visible-element{background:#f9f9f9;padding:0;border-radius:0}
  .p-info-wrapper>.p-short-description{padding:20px 30px}
  .buy-box.varianty{padding-left:30px;padding-right:30px}
  .social-buttons-wrapper{align-items:center;padding:0 30px;flex-wrap:nowrap}
  .link-icons.watchdog-active{display:flex;flex-direction:column;width:59%;vertical-align:middle}
  .p-info-wrapper #dkLabComparerDiv{margin:0 24px 12px 0!important;font-size:13px;margin-top:30px!important}
}
.btn#choose-variant{height:56px;width:266px;line-height:54px;font-size:16px;background:#000;border:2px solid #fff;color:#fff;box-shadow:rgba(0,0,0,.1) 0px 4px 12px;border-radius:10px}
a#choose-variant:hover{background:green}
.btn.btn-primary,a.btn.btn-primary{color:#000;background:#fff;border:2px solid;border-color:#000;border-radius:0;font-size:17px}
button.btn.btn-cart.add-to-cart-button{background:#80c800;font-size:17px;border-radius:0}
button.btn.btn-cart.add-to-cart-button:hover{background:#1f7d00!important;border:unset}
.products-block .p-bottom>div{display:flex;flex-wrap:wrap;align-items:flex-end;min-height:85px;margin-bottom:25px}
.p-in-in .product-appendix{display:none}
body.type-index #Poradce_stano{display:none!important}
div#Poradce_stano_mobile{flex-direction:row}
@media (max-width:600px){#Poradce_stano_mobile .contento{width:unset!important;margin-left:28px}}
.price-tooltip h3{margin:0;font-size:18px;padding:10px 0;color:white}
.price-tooltip{position:absolute;background:rgba(0,0,0,.9);color:#fff;padding:11px 28px 24px;border-radius:5px;font-size:14px;max-width:270px;display:none;z-index:1;box-shadow:0 4px 6px rgba(0,0,0,.2)}
.price-tooltip button{background:#ff0000;color:#fff;border:none;padding:2px 10px;cursor:pointer;font-size:16px;margin-top:5px;border-radius:3px;width:100%;font-weight:700}
.price-tooltip button:hover{background:#1f7d00}
.tooltip-text{font-size:16px;color:#fff;line-height:1.4;margin-bottom:10px}
@media (max-width:768px){
  body.type-category .p-tools{display:none}
  .product.action-plus-done a.image{margin-bottom:5px}
  .products-block.products .p .name{margin-bottom:5px;font-size:13px;line-height:1.43;font-weight:500;text-decoration:underline!important}
  .products-block .p-bottom>div{margin-bottom:5px}
  .products-block .p-bottom>div{min-height:unset;height:fit-content!important;margin-top:10px}
  .products-block.products .product{padding:32px 22px 12px 22px}
  span.flag.flag-black-friday-2{color:black}
  span.flag.flag-action-percentage{background:red!important;border-radius:100%;height:45px;width:45px;padding:0;display:flex;justify-content:center;align-items:center;margin-top:5px}
}
body.type-category #Poradce_stano{display:none!important}


/* =================================================================================
   11. ORIGINÁLNÍ INLINE <style> V ZÁHLAVÍ – obecné úpravy (header, top-bar, garance,
       Quatro, coupon, atd.) – ř. 4–5 v původním Záhlaví.html
   ================================================================================= */
@media screen and (min-width:768px){
  #header::after{background-color:#c4161c}
  .navigation-in{background-color:transparent}
  .navigation-in>ul>li>a,.submenu-arrow::after{color:#fff}
  .menu-helper::after{color:#fff}
}
.btn:not(.cart-count),.compact-form .form-control,.pagination>a,.pagination>strong,a.login-btn{border-radius:30px}
@media screen and (min-width:1200px){
  .top-navigation-bar .project-email{display:inline-block;font-size:16px;font-weight:bold;margin-left:24px;color:var(--color-primary)}
  a.project-email::before{content:'\e910';font-size:16px}
}
@media screen and (min-width:360px) and (max-width:767px){
  .top-navigation-contacts{display:block!important}
  .top-navigation-contacts .project-phone{display:none!important}
  .top-navigation-contacts .project-email{display:block!important;position:absolute;right:164px;top:15px;color:#A3A3AF}
  a.project-email::before{content:'\e910'}
  .top-navigation-contacts .project-email span{display:none}
}
@media screen and (min-width:768px){
  .multiple-columns-body .basic-description,.multiple-columns-body .extended-description{width:100%;padding-right:0}
}
.type-index .benefitBanner{display:none}
@media screen and (max-width:767px){.top-navigation-contacts .project-email{display:none!important}}
.p-info-wrapper #dkLabComparerDiv{margin:0 24px 12px 0!important;font-size:13px}
.p-info-wrapper #dkLabComparerDiv>span{text-decoration:underline}
.p-info-wrapper #dkLabComparerDiv>span:hover{text-decoration:none}
.p-info-wrapper .dkLabComparerDetailSpan.hasIcon::before{display:inline-block}
.garance-ceny::before{display:none!important}
.garance-ceny{order:0!important;margin-bottom:24px;display:block;margin-right:0;width:100%}
@media screen and (min-width:768px){.multiple-columns-body .buy-box .p-final-price-wrapper{margin-bottom:5px}}
@media screen and (max-width:767px){.garance-ceny{margin-bottom:0}}
.quatro-addon__calc-button__wrapper{padding-left:32px;background-size:24px auto;font-size:15px;margin:0 0 12px 0!important}
#variants .quatro-addon__calc-button__wrapper{font-size:12px;font-weight:600}
.discount-coupon:not(.uplatneno) form{display:block;margin-top:0}
.kupon-odkaz{display:none}


/* =================================================================================
   12. DM ADDON – COUPON STYLING + CONTACT HEADER PHONE
       (původní inline <style data-addon="Cena po zadání slevového kódu">)
   ================================================================================= */
.dm-coupon-div{border:solid 1px #c4161c!important;border-radius:4px!important;background-color:#fff!important;color:#000!important;padding:4px!important;font-size:18px!important}
.dm-coupon-div span{color:#c4161c!important}
.dm-coupon-div:before{background-color:#c4161c!important;color:#fff!important;font-size:18px!important}
body.mobile .contact-header-phone{display:none!important}


/* =================================================================================
   13. ČLÁNEK / BLOG METADATA – .cs-meta-* (původní inline <style>)
   ================================================================================= */
span.cs-meta-value{color:#508700!important;font-weight:600}
span.cs-meta-label{padding-right:5px}
.cs-article-meta.is-compact{display:flex;text-align:center;align-items:center;justify-content:space-between}
span.cs-meta-item.cs-meta-date::before{content:"\e927";font-family:ikony;font-size:16px;position:relative;top:1px;margin-right:8px;color:#c4181c}
span.cs-meta-item.cs-meta-author img{max-width:22px;margin-right:10px}
span.cs-meta-item.cs-meta-reading img{max-width:25px;margin-right:10px}
.cs-meta-row{padding:10px 0;border-bottom:1px solid #e9e9e9;margin-bottom:15px;display:flex;align-items:center}
/* detail článku */
.news-item time,.news-item-detail time{margin-bottom:unset;margin-right:20px}
span.cs-meta-item.cs-meta-date{margin-right:20px}
span.cs-meta-item.cs-meta-author{margin-right:20px}
body.in-blog.template-11.type-post .cs-meta-row{display:flex;align-items:center}
@media screen and (max-width:767px){
  body.in-blog.template-11.type-post .cs-meta-row{display:flex;align-items:center;flex-direction:column}
  .cs-article-meta{display:flex;align-items:center;margin-top:10px}
  span.cs-meta-item.cs-meta-author span.cs-meta-label{display:none}
  .news-item time,.news-item-detail time{margin-bottom:6px;margin-right:0;padding:5px 19px;background:#f4f4f4;width:100%;text-align:center}
  .cs-article-meta.is-compact{display:flex;text-align:center;align-items:center;justify-content:center;flex-flow:wrap}
  body.id-1 span.cs-meta-item.cs-meta-date{margin-right:0;width:100%;margin-bottom:9px;border-bottom:1px solid #ececec}
  body.in-blog.template-11.type-posts-listing .cs-meta-row{display:flex!important;align-items:center;flex-direction:column!important}
}


/* =================================================================================
   14. PRODEJNY OTVÍRACÍ DOBY (top bar) – přesunuto z BODY (prodejny_opennig.css)
       FIX FOUC: dříve se načítalo jako <link> v <body>, blokovalo render.
   ================================================================================= */
.predajne-cykloshop{display:flex;align-items:center;gap:10px;font-size:14px;justify-content:center}
.store-heading{font-weight:bold;display:flex;align-items:center;color:black}
.map-icon{width:22px;height:22px;margin-right:5px}
.store-link{text-decoration:underline}
.store-status{display:flex;align-items:center;gap:5px}
.status-icon{width:10px;height:10px;border-radius:50%}
.status-open{background-color:#00ae00;animation:blink 1s infinite;margin-right:4px}
.status-closed{background-color:#ff0000}
.status-text.open{color:#5b9a00;font-weight:600}
.status-text.soon{color:#d57d00}
.slash{color:#a31f1f;font-weight:bold}
@keyframes blink{50%{opacity:.5}}
@media screen and (min-width:768px) and (max-width:1439px){
  .top-navigation-bar .container>div{display:block;text-align:left;height:48px;line-height:48px}
}
@media (min-width:768px){.top-navigation-bar .container>div{flex:unset!important}}
@media screen and (max-width:768px){
  .predajne-cykloshop{justify-content:center;margin:10px 0;padding:10px 0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
  .status-text,.slash{display:none}
  .store-status{gap:0}
}


/* =================================================================================
   15. DOPLNĚK TELEFON TOPBAR – přesunuto z BODY (Doplnek_telefon_topbar.css)
   ================================================================================= */
.contact-header-phone{display:flex;align-items:center;justify-content:flex-end;font-size:14px;gap:6px}
.contact-text-phone{font-size:14px;font-weight:600;color:black}
.phone-icon{width:20px;height:20px}
.contact-phone{color:#c71f16!important;text-decoration:underline;font-weight:bold}
.phone-status{display:flex;align-items:center;gap:4px}
.phone-status-dot{width:8px;height:8px;border-radius:50%}
.phone-status-dot.online{background-color:#00ae00;animation:blink 1.5s infinite}
.phone-status-dot.offline{background-color:#c71f16;animation:none}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}
@media (min-width:1200px){.top-navigation-bar .container>div:last-child{text-align:right;margin-left:auto}}
@media (min-width:768px) and (max-width:1439px){.top-navigation-bar .container{display:flex;align-items:center;flex-direction:column-reverse}}
@media (min-width:1200px) and (max-width:1439px){.top-navigation-bar .container>div:last-child{text-align:center;margin-left:unset}}


/* =================================================================================
   16. FOOTER INDIVIDUÁLNÍ – přesunuto z BODY (ind_footer.css)
       FIX FOUC: footer styly se načítaly mezi skripty v body, způsobovaly posun.
   ================================================================================= */
.custom-footer__newsletter.extended.newsletter{width:100%;background:unset}
.custom-footer__newsletter.extended.newsletter.reg{display:none}
#footer .custom-footer>div h4{font-size:22px;margin-bottom:0;color:#fff;padding-bottom:0;font-weight:700}
#footer .contact-box a,#footer .password-helper a,#footer .news-item-widget a,#footer ul a{color:#fff}
.footer-links-icons{border-top:unset;padding:12px 0;margin-top:auto}
@media (min-width:768px){.footer-bottom{border-top:unset}}
.footer-icon{background:white;padding:20px;max-width:120px;width:100%;height:44px;display:flex;align-items:center;justify-content:center;border-radius:40px}
footer#footer{background-image:url(https://www.cykloshop.sk/user/documents/upload/rkj_cykloshop/img_pic/bg_footer_cykloshop.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}
.custom-footer div ul li::before{display:none}
#footer ul li{padding-left:0!important}
#footer .banner-wrapper a{font-size:17px}
.custom-footer.elements-6{background:#000000a8;padding:50px;margin-top:30px;border-radius:20px;width:100%}
.info-icon{display:flex;align-items:center;gap:8px}
.info-icon__img{max-width:24px;height:auto;margin-right:8px;display:inline-block;vertical-align:middle}
/* MailerLite - !important nutný kvůli pořadí načítání (CSS je teď v HEAD,
   MailerLite injektuje formulář a styly POZDĚJI v body) */
#mlb2-15260422.ml-form-embedContainer .ml-form-embedWrapper{background-color:#00000061!important;background-image:unset!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;border-width:2px!important;border-color:#000!important;border-radius:20px!important;border-style:solid!important;box-sizing:border-box!important;display:inline-block!important;margin:0!important;padding:40px!important;position:relative!important}
@media (max-width:768px){#mlb2-15260422.ml-form-embedContainer .ml-form-embedWrapper{background-color:#00000061!important;background-image:unset!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;border-width:2px!important;border-color:#000!important;border-radius:unset!important;border-style:solid!important;box-sizing:border-box!important;display:inline-block!important;margin:0!important;padding:10px 20px!important;position:relative!important}}
#mlb2-15260422.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow{height:auto!important;width:100%!important;display:flex!important;justify-content:center!important}
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal{width:40%!important;float:left!important}
#mlb2-15260422.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input,#mlb2-15260422.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button{border-radius:0!important;height:57px!important}
#mlb2-15260422.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover{background-color:#3ae700!important;border-color:#3be700!important;color:#fff!important}
#mlb2-15260422.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label{display:flex!important;align-items:center!important;justify-content:center!important}


/* =================================================================================
   17. BODY HOMEPAGE STYLES – přesunuto z BODY (style_individual_rkj_body_v01.min.css)
       (nadpisy produktových sekcí, YTB wrap, footer-banners, info-section)
   ================================================================================= */
@media (min-width:768px){
  .homepage-group-title.homepage-products-heading-8.h4.visible-element,
  .homepage-group-title.homepage-products-heading-11.h4.visible-element,
  .homepage-group-title.homepage-products-heading-14.h4.visible-element{text-align:center;margin:45px 0 20px}
}
div#products-11{margin-bottom:40px!important}
/* !important nutný - inline <style> v body (Shoptet editor pole pro YTB sekci)
   přepisuje background-color:#1a1a1a a maže gradient. Originál fungoval proto,
   že style_individual_rkj_body_v01.min.css byl v BODY po inline stylu. */
.ytb-wrap{position:relative;z-index:1;background:linear-gradient(to bottom,#1a1a1a 40%,rgba(26,26,26,0) 100%)!important}
.bodyw{background:unset!important}
@media (max-width:1200px){.welcome div{padding-right:0}}
@media (min-width:1200px) and (max-width:1440px){.welcome div{padding-right:0;background:unset}}
.info-section{display:flex;align-items:center;gap:8px}
.info-icon__img{max-width:24px;height:auto;display:inline-block}
.footer-banners .ikona img{max-width:50px}
.custom-footer>div:not(.contact){padding-right:20px}
@media screen and (min-width:767px){.custom-footer{width:100%}}
@media screen and (max-width:767px){#footer .custom-footer>div.click-able:not(.contact) h4::after{right:-40px}}
div#products-8{margin-bottom:50px!important}
div#products-11{margin-bottom:10px!important}
.homepage-group-title.homepage-products-heading-14.h4.visible-element{margin-top:10px;margin-bottom:25px}


/* =================================================================================
   END
   ================================================================================= */