/* 60.cz – hlavní stránka, verze 20261016-6 */

/* Kolekce: stávající výška a rozložení. */
.in-index .banners-row{--h:420px;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;width:100%!important;max-width:100%;margin:0!important;box-sizing:border-box}
.in-index .banners-row:before,.in-index .banners-row:after,.in-index .banners-row>.wide-carousel{display:none!important}
.in-index .banners-row>.next-to-carousel__main{grid-area:1/1;width:100%!important;min-width:0;max-width:100%;height:var(--h)!important;margin:0!important;padding:30px 30px 110px!important;box-sizing:border-box}
.in-index .next-to-carousel__main .ntc-collection{padding:24px 0 0!important}
.in-index .next-to-carousel__main .ntc-collection__title{margin-bottom:14px}
.in-index .next-to-carousel__main .ntc-collection__text{max-height:155px;overflow:auto}
.in-index .next-to-carousel__main .ntc-collection__link{bottom:30px}
.in-index .next-to-carousel__slick-arrows{right:30px!important;bottom:30px!important}
.in-index .banners-row>.next-to-carousel-banners{grid-area:1/2;display:block!important;align-self:start;width:100%!important;min-width:0;max-width:100%;overflow:hidden}
.in-index .next-to-carousel-banners,.in-index .next-to-carousel-banners :is(.slick-list,.slick-track,.slick-slide,.banner-wrapper),.in-index .next-to-carousel-banners .slick-slide>div,.in-index .next-to-carousel-banners .banner-wrapper>a{height:var(--h)!important;box-sizing:border-box}
.in-index .next-to-carousel-banners>.slick-list{width:100%;padding:0!important;overflow:hidden}
.in-index .next-to-carousel-banners .slick-slide{padding:0 14px 0 0!important;margin:0!important}
.in-index .next-to-carousel-banners .banner-wrapper{width:100%;padding:0!important;margin:0!important}
.in-index .next-to-carousel-banners .banner-wrapper>a{display:block;width:100%;overflow:hidden;border-radius:10px}
.in-index .next-to-carousel-banners img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center}
@media(min-width:768px) and (max-width:1199px){
.in-index .banners-row{grid-template-columns:minmax(0,1fr)}
.in-index .banners-row>.next-to-carousel-banners{grid-area:2/1}
}
@media(max-width:767px){
.in-index .banners-row{--h:420px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px}
.in-index .banners-row>.next-to-carousel__main{grid-area:1/1;padding:16px 12px 85px!important;border-radius:10px}
.in-index .banners-row>.next-to-carousel-banners{grid-area:1/2}
.in-index .next-to-carousel__main .next-to-carousel__title{font-size:12px;line-height:1.3}
.in-index .next-to-carousel__main .next-to-carousel__title:before{width:18px;height:18px;flex-basis:18px;background-size:contain;background-repeat:no-repeat;margin-right:7px}
.in-index .next-to-carousel__main .ntc-collection{padding:16px 0 0!important}
.in-index .next-to-carousel__main .ntc-collection__title{font-size:20px;line-height:1.2;margin-bottom:12px;overflow-wrap:anywhere}
.in-index .next-to-carousel__main .ntc-collection__text{font-size:13px;line-height:1.45;text-align:left;max-height:210px;overflow:auto}
.in-index .next-to-carousel__main .ntc-collection__link{left:12px;right:12px;bottom:16px;display:flex;align-items:center;justify-content:center;min-height:42px;height:auto;padding:9px 10px;font-size:12px;line-height:1.3;text-align:center;white-space:normal}
.in-index .next-to-carousel-banners .slick-slide{padding:0!important}
.in-index .next-to-carousel-banners .extended-banner-title{font-size:13px!important;padding:14px 10px 30px!important}
.in-index :is(.next-to-carousel__slick-arrows,.next-to-carousel-banners .slick-arrow,.next-to-carousel-banners .slick-dots){display:none!important}
.in-index .overall-wrapper{padding-top:calc(var(--ji-top-bar-bottom,0px) + var(--ji-header-top-height,0px) + var(--ji-search-height,0px))!important}
}

/* Náhled další kolekce na desktopu. */
.in-index .banners-row>.next-to-carousel-banners>.slick-list{padding-right:14%!important}
@media(max-width:767px){.in-index .banners-row>.next-to-carousel-banners>.slick-list{padding-right:0!important}}

/* Loga: stávající mobilní mřížka. */
@media(max-width:767px){
.in-index .footer-banners{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;width:100%!important;margin:24px 0!important;padding:0!important}
.in-index .footer-banners::before,.in-index .footer-banners::after{display:none!important}
.in-index .footer-banners>.footer-banner{float:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.in-index .footer-banners>.footer-banner>a{display:flex!important;align-items:center;justify-content:center;height:76px!important;margin:0!important;padding:10px!important;box-sizing:border-box}
.in-index .footer-banners img{position:static!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:56px!important;margin:0!important;object-fit:contain!important;transform:none!important}
}

/* Dodatečně schválené mobilní úpravy. */
@media(max-width:767px){
  /* Slogan na jednom řádku. */
  .in-index .welcome :is(h1,.h1){
    font-size:clamp(17px,5.5vw,25px)!important;
    line-height:1.3!important;white-space:nowrap;
  }

  /* Čáry pocházejí ze značek a článků, nikoli z kolekcí. */
  .in-index .footer-banners{border-bottom:0!important}
  .in-index .blog-block{border-top:0!important}

  /* Tlačítko značek: bez původní velké mezery, přes oba sloupce. */
  .in-index .footer-banners>a.btn{
    grid-column:1/-1;margin-top:8px!important;justify-self:start;
  }

  /* Hierarchie: slogan > názvy sekcí > odkazy kategorií. */
  .in-index :is(.r60nadpis,.blog-block .homepage-group-title,.tb-heubl__title,.r60brands-title){
    display:flex!important;flex-flow:row nowrap!important;
    align-items:center!important;justify-content:flex-start!important;
    text-align:left!important;font-family:var(--nudica)!important;
    font-size:16px!important;font-weight:500!important;line-height:1.35!important;
    text-transform:none!important;color:#000!important;
  }
  .in-index .r60nadpis{margin:22px 0 14px!important}
  .in-index :is(.blog-block .homepage-group-title,.tb-heubl__title,.r60brands-title)::before{
    content:""!important;display:block!important;
    flex:0 0 20px!important;width:20px!important;height:21px!important;
    margin:0 10px 0 0!important;
    background:url("https://cdn.myshoptet.com/usr/www.60.cz/user/documents/img/dec-logo.png") center/contain no-repeat!important;
  }
  .in-index :is(#r60mistnosti,#r60typy) .r60nazev{
    font-size:13px!important;font-weight:500!important;line-height:1.35!important;
  }
  .in-index .blog-block .homepage-group-title{margin-bottom:24px!important}
  .in-index .r60brands-title{margin:28px 0 16px!important;padding:0!important}
  .in-index .footer-banners{margin-top:0!important}
  .in-index .footer-banners>.footer-banner:nth-of-type(-n+6){display:block!important}
  .in-index .footer-banners>.footer-banner:nth-of-type(n+7){display:none!important}

  /* Články: kompaktní karta, ovládání v polovině fotografie. */
  .in-index .blog-block #newsWrapper.r60articles.slick-slider{
    --r60-image-height:clamp(150px,calc(56.25vw - 22.5px),300px);
    display:block!important;position:relative;width:100%;
    margin:0 0 30px!important;min-height:0!important;
  }
  .in-index .blog-block .r60articles .slick-list{
    margin:0 10px!important;overflow:hidden;min-height:0!important;
  }
  .in-index .blog-block .r60articles .slick-track{
    display:flex!important;align-items:flex-start!important;
    height:auto!important;min-height:0!important;
  }
  .in-index .blog-block .r60articles .news-item.slick-slide{
    display:flex!important;flex:0 0 auto!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0 0 18px!important;
    background:#f5f5f5!important;border-radius:12px!important;
    overflow:hidden;box-sizing:border-box;
  }
  .in-index .blog-block .r60articles .news-item .image{
    display:block!important;position:relative!important;
    flex:0 0 var(--r60-image-height)!important;
    height:var(--r60-image-height)!important;
    min-height:0!important;width:100%!important;
    margin:0!important;padding:0!important;border-radius:0!important;
  }
  .in-index .blog-block .r60articles .news-item .image img{
    position:static!important;display:block!important;
    width:100%!important;height:100%!important;object-fit:cover;
  }
  .in-index .blog-block .r60articles .news-item time{
    margin:16px 15px 10px!important;padding:0!important;
    font-size:14px!important;line-height:1.4!important;flex:none!important;
  }
  .in-index .blog-block .r60articles .news-item .text{
    display:block!important;height:auto!important;min-height:0!important;
    flex:none!important;padding:0 15px!important;margin:0!important;
    background:transparent!important;
  }
  .in-index .blog-block .r60articles .news-item .text .title{
    display:block!important;height:auto!important;
    padding:0!important;margin:0!important;
    font-size:18px!important;line-height:1.4!important;
  }
  .in-index .blog-block .r60articles .slick-arrow{
    top:calc(var(--r60-image-height)/2)!important;
    margin-top:-20px!important;
  }
  .in-index .blog-block .r60articles .slick-prev{left:-5px!important}
  .in-index .blog-block .r60articles .slick-next{right:-5px!important}
}

/* Nadpis značek patří pouze do mobilního rozložení. */
@media(min-width:768px){.in-index .r60brands-title{display:none!important}}

/* Dotykový displej: odkaz po klepnutí nezůstává podtržený. */
@media(hover:none) and (pointer:coarse){
  .in-index :is(#r60mistnosti,#r60typy)>a:hover .r60nazev{
    text-decoration:none!important;
  }
}