/* =========================================
   Globálne premenne (robowe)
   ========================================= */
:root{
  --robowe-color-accent: #f15758;
  --robowe-color-accent-contrast: #ffffff;
  --robowe-color-bg: #ffffff;
  --robowe-color-bg-contrast: #f15758;
  --robowe-color-text: #231f20;
  --robowe-color-success: #008000;
  --robowe-color-border-soft: #fac9cd;
  --mobile-padding-left: 18px;
  --mobile-padding-right: 18px;
}

/* fix */
section.komplety .container,
section.tabule .container,
section.monitory .container {
  padding: 0px;
}

.slick-slider-monitory,
.slick-slider-tabule,
.company-review-slider-section,
.slick-slider-komplety{
  margin-left: -5px;
  margin-right: -5px;
}

.slick-slider-monitory .slick-slide,
.slick-slider-tabule .slick-slide,
.slick-slider-komplety .slick-slide,
.company-review-slider-section .slick-slide
{
  padding: 5px;
}

.cms-index-index section.monitory .row,
.cms-index-index section.tabule .row,
.cms-index-index section.komplety .row,
.cms-index-index section.blog .row,
.cms-index-index section.recenzie .row,
.cms-index-index section.company-revie-new .row{
    align-items: center;
}

.monitory .col-md-6.col-xs-12.relative.desktop {
  height: 350px !important;
}

.slick-slider-monitory.slick-initialized.slick-slider,
.slick-slider-komplety.slick-initialized.slick-slider,
.slick-slider-tabule.slick-initialized.slick-slider {
  padding: 0 !important;
}

section.monitory-carousel .col,
section.komplety-carousel .col,
section.tabule-carousel .col {
  padding: 0 !important;
}

section.monitory-carousel .container,
section.komplety-carousel .container,
section.tabule-carousel .container {
  padding: 0 !important;
}

section.monitory-carousel .row,
section.komplety-carousel .row,
section.tabule-carousel .row {
  margin: 0 !important;
}

.cms-index-index .product-item-name
{
    min-height: 120px !important;
}

/* =========================================
   Global helpers
   ========================================= */
 .prislusenstvo .display-flex-center{
    display:flex;
    align-items:center;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
  }

.relative{ position: relative; }

/* Skrytie H1 na home */
.cms-home.cms-index-index .page-title-wrapper h1{
  display:none;
}

/* Maincontent fullwidth */
.cms-index-index #maincontent{
  max-width:100% !important;
  padding:0;
  margin:0;
}

/* =========================================
   ZÁKLAD: spoločný vzhľad pre všetky sekcie podľa "monitory"
   (biele pozadie, rovnaké nadpisy, texty, tlačidlá)
   ========================================= */
.cms-index-index section.monitory,
.cms-index-index section.monitory-carousel,
.cms-index-index section.tabule,
.cms-index-index section.komplety,
.cms-index-index section.komplety-carousel,
.cms-index-index section.blog,
.cms-index-index section.recenzie,
.cms-index-index section.company-revie-new{
  background: var(--robowe-color-bg);
}


.cms-index-index section.prislusenstvo-top,
.cms-index-index section.tabule-carousel{
  background: var(--robowe-color-bg-contrast);
}


/* Headery vo všetkých sekciách */
.cms-index-index section.monitory h2,
.cms-index-index section.tabule h2,
.cms-index-index section.komplety h2,
.cms-index-index section.prislusenstvo h2,
.cms-index-index section.blog-se h2,
.cms-index-index section.recenzie h2,
.cms-index-index section.company-revie-new h2{
  color: var(--robowe-color-accent);
}

/* Primárne a sekundárne headery (zjednotené veľkosti) */
.cms-index-index section.monitory h2.primary-header,
.cms-index-index section.tabule h2.primary-header,
.cms-index-index section.komplety h2.primary-header,
.cms-index-index section.recenzie h2.primary-header,
.cms-index-index section.company-revie-new h2.primary-header{
  font-size:25px;
}

.cms-index-index section.monitory h2.secondary-header{
  margin-top:20px;
  font-size:28px;
  font-weight:500;
  color: var(--robowe-color-accent);
}

.cms-index-index section.komplety h2.secondary-header,
.cms-index-index section.recenzie h2.secondary-header,
.cms-index-index section.company-revie-new h2.secondary-header{
  margin-top:30px;
  font-size:28px;
  font-weight:500;
  color: var(--robowe-color-accent);
}

.cms-index-index section.tabule h2.secondary-header{
  margin-top:30px;
  font-size:28px;
  font-weight:500;
  color: var(--robowe-color-accent-contrast);
}

.cms-index-index section.prislusenstvo-top h2.secondary-header,
.cms-index-index section.blog h2.secondary-header{
  font-size:28px;
  font-weight:400;
  margin: 20px 0;
  color: var(--robowe-color-accent-contrast);
}

/* Krátke popisy – zjednotené */
.cms-index-index section.monitory .description_short,
.cms-index-index section.tabule .description_short,
.cms-index-index section.komplety .description_short,
.cms-index-index section.komplety .description,
.cms-index-index section.prislusenstvo .description_short,
.cms-index-index section.blog .description_short,
.cms-index-index section.recenzie .description_short{
  color: var(--robowe-color-text);
  font-size:15px;
  line-height:20px;
  font-weight:400;
  text-align:justify;
  padding:20px 40px 30px 0;
}

/* Prepínače dlhého popisu – zjednotené */
.cms-index-index section.monitory .show_long_description_monitory,
.cms-index-index section.monitory .hide_long_description_monitory,
.cms-index-index section.tabule .show_long_description_tabule,
.cms-index-index section.tabule .hide_long_description_tabule,
.cms-index-index section.komplety .show_long_description_komplety,
.cms-index-index section.komplety .hide_long_description_komplety{
  color: var(--robowe-color-text);
  text-align:center;
  display:block;
  cursor:pointer;
  text-decoration:underline;
}

.description_long_monitory.hidden,
.description_long_tabule.hidden,
.description_long_komplety.hidden{
  display:none;
}

/* Tlačidlový odkaz – zjednotené (monitor štýl) */
.cms-index-index section.monitory a.link-button,
.cms-index-index section.tabule a.link-button,
.cms-index-index section.komplety a.link-button,
.cms-index-index section.blog a.link-button{
  display:flex;
  justify-content:center;
  margin-top:16px;
  padding:10px;
  border-radius:35px;
  border:1px solid var(--robowe-color-accent);
  background: var(--robowe-color-bg);
  color: var(--robowe-color-accent);
  font-size:15px;
  font-weight:400;
  cursor:pointer;
  text-decoration:none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  max-width: 350px
}

.cms-index-index section.monitory a.link-button:hover,
.cms-index-index section.tabule a.link-button:hover,
.cms-index-index section.komplety a.link-button:hover,
.cms-index-index section.blog a.link-button:hover{
  background: var(--robowe-color-accent);
  border-color: var(--robowe-color-bg);
  color: var(--robowe-color-accent-contrast);
  text-decoration:none;
}

/* Blog – tlačidlo v strede, menšie, s odstupom odspodu */
.cms-index-index section.blog a.link-button.btn.btn-primary.btn-default {
  display: inline-block;
  padding: 8px 20px;                       /* menší padding */
  font-size: 15px;                         /* menší text */   /* centrovanie + odstup od spodku */
  border-radius: 35px;
  border: 1px solid var(--robowe-color-accent);
  background: var(--robowe-color-bg);
  color: var(--robowe-color-accent);
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  margin-bottom: 20px; /* odstup od spodku */
  margin-top: 5px;    /* odstup od vrchu */
}

.cms-index-index section.blog a.link-button.btn.btn-primary.btn-default:hover {
  background: var(--robowe-color-accent);
  border-color: var(--robowe-color-bg);
  color: var(--robowe-color-accent-contrast);
  text-decoration: none;
}

/* Varianty drobných odlišností podľa potreby */
a.link-button{ font-size:16px; } /* ak to používaš aj mimo sekcií */

.product-item-info a{ color: var(--robowe-color-text); }

/* =========================================
   CAROUSELY / SLIDERY – zjednotené
   ========================================= */
.cms-index-index .slider-content{
    padding: 0px 0px 25px 0px;
}

.cms-index-index .slick-slider .product-item-info{
  overflow:hidden;
  text-align:center;
  min-height:380px;
  background: var(--robowe-color-bg);
  width:auto;
  padding:15px 15px;
  position:relative;
  border:1px solid var(--robowe-color-border-soft);
  border-radius:20px;
}

.product.details.product-item-details{
    margin-top:15px;
}

.cms-index-index .slick-slider .slick-slide img{
    margin:0 auto;
}

.cms-index-index .slick-slider .slick-slide .product-item-photo img{
  min-height:150px;
}

.cms-index-index .slick-slider .product-item-link{
  font-size:15px;
}

/* viacriadkový orez názvu produktu */
.cms-index-index .product-item-link {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

/* cena a sklad */
.product-item-stock-price-box{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  min-height:60px;
}

.price-container .price{
  font-size:20px;
  font-weight: 400;
}

.cms-index-index .slick-slider .product_sku2{ font-size:12px; }
.cms-index-index .slick-slider .price-box.price-final_price2{ font-size:17px !important; }

/* šípky – farba podľa monitorov */
.cms-index-index .slick-slider button.slick-arrow::before{
  color: var(--robowe-color-accent) !important;
}
.cms-index-index .slick-slider button.slick-next.slick-arrow{
  right:-45px; background:transparent;
}
.cms-index-index .slick-slider button.slick-prev.slick-arrow{
  left:-45px; background:transparent;
}

/* špecifická séria (komplety) môže dediť rovnakú farbu šípok, ponechávam pre istotu */
.cms-index-index .slick-slider-komplety.slick-slider button.slick-arrow::before{
  color: var(--robowe-color-accent);
}

/* Recenzie slider – zjednotené na akcent */
.slick-slider-recenzie .slider-content{
  color: var(--robowe-color-accent-contrast);
  margin-top:70px;
  margin-bottom:90px;
  min-height:200px;
  padding-left:100px;
  padding-right:100px;
  text-align:left;
  display:flex !important;
  align-items:center;
}
.slick-slider-recenzie .slider-content h3{ color: var(--robowe-color-accent-contrast); }
.slick-slider-recenzie button.slick-next.slick-arrow,
.slick-slider-recenzie button.slick-prev.slick-arrow{
  background:transparent;
  color: var(--robowe-color-accent) !important;
  bottom:-19px; top:initial; opacity:1;
}
.slick-slider-recenzie button.slick-next.slick-arrow{
  right:25px !important;
}

.slick-slider-recenzie button.slick-prev.slick-arrow{
  right:60px;
  left:initial !important;
}

ul.slick-dots {display: none !important;  }

.slick-slider.slick-dotted {
  margin-bottom: 0px;
}

.cms-index-index .image-content-absolute{
  position:absolute; top:0; left:0; right:-20%; bottom:0; z-index:0;
}

.komplety .col-md-6.col-xs-12.text-content{
  padding-left:60px;
  padding-bottom:20px;
}

.cms-index-index .mobile-image{
  display:none;
}

.cms-index-index section.tabule .relative.mobile{
  display:none !important;
}

.cms-index-index section.monitory .relative.mobile{
  display:none !important;
}

.cms-index-index .product-reviews-summary{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
  flex-direction:row;
  margin:0;
  font-weight:200;
  font-size:12px;
  margin-top:15px;
}

.rating-summary .rating-result{
  width: 70px;
  min-height: 30px;
}
.product-reviews-summary.short .rating-summary span{
  font-size: 12px;
  font-weight: 300;
}

.rating-summary .rating-result > span:before{
  color:#fdd663 !important;
  font-size:22px;
}
.rating-summary .rating-result:before{
  font-size:22px;
}

.product-image-photo{ position:relative; }

/* recenzie – udrzane, ale prispôsobené farbám */
.cms-index-index section.recenzie{ margin-top:0; padding-bottom:20px; }
.cms-index-index section.recenzie svg{ max-width:15px; display:inline-block; vertical-align:baseline; margin:0 1% 0 0; }
.cms-index-index section.recenzie svg .cls-1{ fill:#032438; } /* ak potrebujes zachovat túto farbu ikony */
.cms-index-index section.recenzie .container{ padding-top:0; position:relative; }
.cms-index-index section.recenzie ul{ padding-left:0; }
.cms-index-index section.recenzie li{ margin-top:10px; font-size:16px; color:#032438; }
.cms-index-index section.recenzie h2{ font-size:25px; line-height:50px; font-weight:200; margin-bottom:15px; }

.cms-index-index section.recenzie .testimonial-container{
  background-color:#032438;
  border-top-left-radius:480px; border-bottom-left-radius:480px;
  margin-bottom:20px; position:relative;
}
.cms-index-index section.recenzie .hodnotenie{
  background-color: var(--robowe-color-accent);
  border-top-left-radius:200px; border-bottom-left-radius:200px;
  height:120px; width:55%; text-align:center; position:absolute;
  right:0; bottom:-55px; display:flex; align-items:center;
  padding:20px 80px 20px 100px;
}
.cms-index-index section.recenzie .hodnotenie .hodnotenia-header{ color:#fff; font-size:20px; }
.recenzie img.absolute-robot-image{ position:absolute; bottom:-61px; left:18%; width:260px; z-index:0; }

.page-footer{ z-index:20; }

/* skladom badge – zjednotené */
.cms-index-index section.monitory-carousel span.in-stock,
.cms-index-index section.tabule-carousel span.in-stock,
.cms-index-index section.komplety-carousel span.in-stock{
  color: var(--robowe-color-success);
  text-transform:lowercase;
  font-weight:400 !important;
  font-size:15px !important;
}

/* Tabule / Komplety / Blog – headingy v carousel */
.cms-index-index section.monitory-carousel h2,
.cms-index-index section.tabule-carousel h2,
.cms-index-index section.komplety-carousel h2{
  color: var(--robowe-color-accent);
  text-align:center;
  margin:10px 0 30px;
}

/* Voliteľné odsadenia */
.tabule .relative{ margin-top:10px; margin-bottom:10px; }
.komplety .relative{ margin-top:20px; margin-bottom:20px; }

.cms-index-index section.tabule,
.cms-index-index section.blog{
  background: var(--robowe-color-accent);
}
.cms-index-index section.tabule h2,
.cms-index-index section.blog h2{
  color: #FEF0F1;  /* svetlý text na akcente */
}
.cms-index-index section.tabule .description_short,
.cms-index-index section.blog .description_short{
  color: #ffffff;
}
.cms-index-index section.tabule a.link-button,
.cms-index-index section.blog a.link-button{
  background:#fff; border-color:#fff; color: var(--robowe-color-accent);
}
.cms-index-index section.tabule a.link-button:hover,
.cms-index-index section.blog a.link-button:hover{
  background: var(--robowe-color-accent);
  border-color:#FEF0F1; color:#FEF0F1;
}

.cms-index-index section.blog .blog-item h4 {
    font-size: 15px !important;
  font-weight: 400 !important;
    line-height: 1.5;
}

section.company-revie-new  .company-review-slider-item{
      font-size: 15px;
}

/* sekcia Príslušenstvo – layout do 3 stĺpcov */
.cms-index-index section.prislusenstvo .prislusentvo-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px; /* medzery medzi boxmi */
  padding: 30px 0;
  font-size: 15px;
}

.cms-index-index section.prislusenstvo .prislusentvo-icon a {
  flex: 0 1 280px;              /* max šírka boxu */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 20px;
  border: 1px solid #032438;
  border-radius: 10px;
  text-align: center;
  color: #032438;
  text-decoration: none;
  transition: box-shadow .2s ease, background .2s ease;
}

.cms-index-index section.prislusenstvo .prislusentvo-icon a:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2);
  background: #EEEEF7;
}

/* obmedzenie veľkosti ikon */
.cms-index-index section.prislusenstvo .prislusentvo-icon svg {
  width: 80px;
  max-height: 80px;
  height: auto;
  margin-bottom: 15px;
}


.cms-index-index section.company-revie-new .company-review-slider-item-content {
    min-height: 500px !important;
    height: 500px;
}


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

  section.komplety .container,
  section.tabule .container,
  section.monitory .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  section.monitory-carousel .container,
  section.komplety-carousel .container,
  section.tabule-carousel .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .prislusenstvo .display-flex-center {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .cms-index-index section.prislusenstvo .prislusentvo-icon
  {
    padding: 20px 10px;
  }

  .slick-slider-monitory.slick-initialized.slick-slider,
  .slick-slider-komplety.slick-initialized.slick-slider,
  .slick-slider-tabule.slick-initialized.slick-slider
  {
    padding-left: 15px;
    padding-right: 15px;
  }

}



@media only screen and (max-width: 768px){

  .cms-index-index .product-item-stock-price-box.small-price .stock-status span {
    font-size: 13px !important;
  }

  .cms-index-index .product-item-stock-price-box.small-price .price-final_price span {
    font-size: 16px !important;
  }


  main#maincontent {
    margin-top: 55px !important;
  }

  header.page-header {
    z-index: 6;
  }

  .cms-index-index .slick-slider .slick-slide .product-item-photo img{
    max-height: 120px;
    min-height: 90px;
    height: auto;
  }

  .cms-index-index section.komplety .container, section.tabule .container, section.monitory .container {
    padding-left: var(--mobile-padding-left) !important;
    padding-right: var(--mobile-padding-right) !important;
  }

  .cms-index-index section.monitory-carousel .container,
  section.komplety-carousel .container,
  section.tabule-carousel .container {
    padding-left: var(--mobile-padding-left) !important;
    padding-right: var(--mobile-padding-right) !important;
  }

  .cms-index-index section.monitory h2.secondary-header, .cms-index-index section.komplety h2.secondary-header, .cms-index-index section.recenzie h2.secondary-header, .cms-index-index section.company-revie-new h2.secondary-header, .cms-index-index section.tabule h2.secondary-header {
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .cms-index-index a.link-button.btn.btn-primary.btn-default {
    margin: 10px auto;
  }


  .monitory .col-md-6.col-xs-12.relative.desktop {
    height: auto !important;
    margin: 15px 0;
  }

  .cms-index-index .product-item-name {
    min-height: 148px !important;
  }

  .cms-index-index section.monitory .description_short, .cms-index-index section.tabule .description_short, .cms-index-index section.komplety .description_short, .cms-index-index section.komplety .description, .cms-index-index section.prislusenstvo .description_short, .cms-index-index section.blog .description_short, .cms-index-index section.recenzie .description_short {
    padding: 10px 0 5px 0px;
  }

  .cms-index-index section.prislusenstvo .prislusentvo-icon.svg-tabula svg {
    max-width: 40px !important;
  }

  .cms-index-index section.blog a.link-button.btn.btn-primary.btn-default {
    padding: 10px 25px;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .komplety .relative {
    margin: 10px auto;
  }
  .cms-index-index section.monitory-carousel span.in-stock, .cms-index-index section.tabule-carousel span.in-stock, .cms-index-index section.komplety-carousel span.in-stock {
    text-transform: lowercase;
    font-weight: 400 !important;
    font-size: 14px !important;
  }

  .cms-index-index .blog-item__content {
    min-height: 135px;
  }

  .cms-index-index section.prislusenstvo .prislusentvo-icon {
    width: 300px;
    padding: 20px 20px;
  }

  .cms-index-index section.prislusenstvo .prislusentvo-icon a {
    flex: auto;
  }

  .komplety .col-md-6.col-xs-12.text-content {
    padding-left: var(--mobile-padding-left);
    padding-right: var(--mobile-padding-right);
  }

  .cms-index-index .slick-slider button.slick-next.slick-arrow{
    display:block !important;
  }
  .cms-index-index .slick-slider button.slick-prev.slick-arrow{
    display:block !important;
  }

  .cms-index-index .slick-slider .product-item-info{
    min-height: 335px;
    padding: 10px 10px 5px 10px;
  }

  }

@media (max-width: 480px){
  .cms-index-index .blog-item__content {
    min-height: 80px;
  }
}



@media (max-width: 337px){
  .page-header .header.content .logo img{
    display:none;
  }
}