/* CSS Document */

/* H O M E P A G E */
.made-in-italia {position:absolute; display:inline-block; width:fit-content; top:20px; left:40px; z-index:2; }
.made-in-italia h2{
    display:inline-block;
    font-size: 40px;
    font-weight:normal;    
    text-align: initial;
    text-transform:initial;
    letter-spacing: -0.085em;
}
.made-in-italia h2 strong{
    font-weight:normal;
    display: inline-block;
    position: relative;
}
.made-in-italia h2 strong::before, .made-in-italia h2 strong::after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: -12%;
    background: #000000;
    transition: width 0.8s ease-in-out 1.2s;
}
.made-in-italia h2 strong::before {
    width: 110%;
    left: -5%;
    transform-origin: center center;
    transform: rotate(0.6deg);
}
.made-in-italia h2 strong::after {
    width: 108%;
    right: -4%;
    transform: rotate(-0.7deg);
    transform-origin: 30% center;
}




#index-slideshow .bottom-center {position:absolute; width:90%; bottom:55px; left:50%; transform: translateX(-50%);} /* puvodne bottom - 35px */
#index-slideshow .bottom-valentyn2024 {position:absolute; top:46%; left:59.35%; width:20%; /*transform: translate(-50%, -50%);*/} /* puvodne bottom - 35px */



.modul-index {position:relative; height:calc(100vh - 80px); margin-top:80px; border-bottom:solid 1px #F00;}
/*.modul-index-content {position:relative;}*/
.modul-index-content div.image {position:relative; width:100%; height:calc(100vh - 80px);  overflow:hidden; background:#FFF;}
.modul-index-content div.image a{position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; z-index:3;}
.modul-index-content div.image div.absolute{position:absolute; top:0px; left:0px;}
/*.modul-index-content div.image img{display:block; position:absolute; top:50%; left:50%; border:0px solid #F00;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }*/
/*.modul-index-content div.image img{display:block; position:absolute;width:100%; height:auto; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
*/
/*.modul-index-content div.image span {position:absolute; top:25px; left:25px; z-index:2;}*/


.modul-index-content .centerbox{border:0px solid #0F0; position:absolute; width:60%; max-width:600px; height:400px; left:50%; top:54%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);text-align:center; color:#FFF; line-height:normal; border:solid 0px #EEE;}
.modul-index-content .centerbox .title{font-size:40px; margin-bottom:0}
.modul-index-content .centerbox p{}
.modul-index-content .centerbox img{display:block; position:absolute; top:45%; left:50%; border:0px solid #F00;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

/* vanoce revive */
.modul-index-content .leftbox{border:0px solid #0F0; position:absolute; width:60%; max-width:480px; height:360px; left:100px; top:50%; -webkit-transform:translate(0%,-50%); transform:translate(0%,-50%); text-align:left; color:#FFF; line-height:normal; border:solid 0px #EEE;}
.modul-index-content .leftbox .title{font-size:40px; margin-bottom:0}
.modul-index-content .leftbox p{}
.modul-index-content .leftbox img{display:block; width:100%; /*position:absolute;*/ /*top:45%; left:50%;*/ border:0px solid #F00;/*-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/ }
@media all and (max-width: 860px) { 
.modul-index-content .leftbox{border:0px solid #0F0; position:absolute; width:80%; max-width:480px; height:360px; left:10%; top:10%; -webkit-transform:translate(0%, 0%); transform:translate(0%, 0%); text-align:left; color:#FFF; line-height:normal; border:solid 0px #EEE;}
}



.modul-index-content .index_slideshow .slick-arrow {z-index:25; position:absolute; top:50%; width:35px; height:80px;/*max-width:35px;*/ /*margin:30px;*/ cursor: pointer;}
.modul-index-content .index_slideshow .slick-arrow.slick-prev {left:0; margin-left:30px;}
.modul-index-content .index_slideshow .slick-arrow.slick-next {right:0; margin-right:30px;}
#index-slideshow.comfortness div.image {/*position:relative;*/} 
/*#index-slideshow.comfortness div.image img{display:block;} */
.comfortness-logo {position:absolute; z-index:2; top:40px; right:50px; width:180px; aspect-ratio: 24/22; background:url(../akce/comfortness/comfortness-logo.png) center center no-repeat; background-size:cover;}
.comfortness-akce {position:absolute; z-index:2; top:50px; right:70px; width:360px; aspect-ratio: 50/62; background:url(../akce/comfortness-jarni/comfortness-jarni-slevy.png) center center no-repeat; background-size:cover; background-color:rgba(50,50,50,0.8); border:solid 25px rgba(50,50,50,0.0); border-bottom:solid 10px rgba(243,159,143,0.8);}
.dnymarianne-motto {position:absolute; z-index:2; top:120px; right:24%; width:clamp(400px, 34%, 35%); /*height: auto; max-height:70%;*/ aspect-ratio: 65/50; /*background:url(../akce/2025-06-dnymarianne-motto.png) center center no-repeat; background-size:cover;*/ /*background-color:rgba(50,50,50,0.8);*//* border:solid 25px rgba(50,50,50,0.0); border-bottom:solid 10px rgba(243,159,143,0.8);*/}
.dnymarianne-motto img{position:relative; display:block; width:100%; clear:both;}
.dnymarianne-motto .mottobutton {position:relative; top:10px; clear:both; left:25%; width:42%; height:auto; aspect-ratio: 40/8; border-radius:14px; /*font-size: min(3vw, 3vh); */ background: #ffffff; /*display: flex; justify-content: center; align-items:center;*//*font-size: clamp(16px, 2.5vw, 2.5vh);*/}
.dnymarianne-motto .mottobutton span {width:100%; height:100%; color:#000; font-weight:bold; display:flex; justify-content:center; align-items:center; text-align:center; font-size: clamp(16px, 1.50vw, 3vh);}

/*
.dnymarianne-motto span {position:relative; top:10px; left:30%; width:50%; height:initial; aspect-ratio: 40/10; padding:0.5vw; border-radius:14px; font-size: min(3vw, 3vh);}
.dnymarianne-motto span:hover::before {border-radius:14px;}
*/

.comfortness-text {/*position:absolute; z-index:2;/bottom:200px;*/ width:100%; text-align:center; font-weight:500; color:#FFFFFF; font-size:150%; padding:30px;}
.comfortness-text span{font-size:360%;}


@media all and (min-aspect-ratio: 103/50) { /* landscape-wide */
.modul-index-content div.image img.hero{width:100%; height:auto; }
#index-slideshow.comfortness div.image img.hero{width:100%; max-height:calc(100vh - 80px); -o-object-fit: cover; object-fit: cover; object-position: 0 15%;}
#index-slideshow .bottom-valentyn2024 {position:absolute; top:75%; left:63%; width:280px;}
.dnymarianne-motto {top:60px; right:25%; width:clamp(340px, 34vw, min(34%, calc(100vh - 130px)));}
}
@media all and (min-aspect-ratio: 58/50) and (max-aspect-ratio: 103/50) { /* landscape */
.modul-index-content div.image img.hero{width:100%; height:auto;}

#index-slideshow.comfortness div.image img.hero{width:100%; min-height:calc(100vh - 80px); -o-object-fit: cover; object-fit: cover; /*max-width:150%; height:auto; min-height:100%;*/ /*position:absolute; aspect-ratio: 16/9; top:0; left:50%; -webkit-transform:translate(-50%,0%); transform:translate(-50%,0%);*/} 
#index-slideshow .bottom-valentyn2024 {position:absolute; top:42%; left:59.35%; width:20%;} 
}
@media all and (min-aspect-ratio: 38/50) and (max-aspect-ratio: 58/50) { /* square */
.modul-index-content div.image img.hero{width:100%; height:auto; left:0%; -webkit-transform:translateX(0%); transform:translateX(0%); /*top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/}
#index-slideshow.comfortness div.image img.hero{width:100%; min-height:calc(100vh - 80px); -o-object-fit: cover; object-fit: cover; /*object-position: center center;*/} 
.comfortness-logo {top:30px; right:40px; width:140px;}
.dnymarianne-motto {top:150px; right:15%; width:440px;}
.dnymarianne-motto .mottobutton {left:25%; width:42%; height:auto; aspect-ratio: 40/8; border-radius:11px;}
.dnymarianne-motto .mottobutton span {font-size: clamp(16px, 1.85vw, 3vh);}
#index-slideshow .bottom-valentyn2024 {position:absolute; top:49%; left:62.5%; width:30%;}
}
@media all and (min-aspect-ratio: 25/50) and (max-aspect-ratio: 38/50) { /* portrait */
/*.made-in-italia {position:relative; top:0px!important; left:0px!important; padding:10px 0 0 30px; width:100%; border:solid 0px #DDEE00; background:#dab0a7;}*/ /* hide for Comfortness intro */
.made-in-italia h2{font-size: 30px;}
/*.modul-index-content div.image>img{width:100%; height:auto;}*/
/*#index-slideshow.comfortness div.image img{width:100%; min-height:calc(100vh - 80px); -o-object-fit: cover; object-fit: cover; object-position: 0 -150px;}*/ 
#index-slideshow.comfortness div.image img.hero{width:100%; min-height:calc(100vh - 80px); -o-object-fit: cover; object-fit: cover; object-position: 0 0;} 

.comfortness-logo {top:30px; right:40px; width:120px;}
.comfortness-akce {top:initial; right:auto; width:340px; bottom:200px; left:50%; transform: translateX(-50%);}
.dnymarianne-motto {top:150px; right:auto; left:48%; width:65%; max-width:380px; transform: translateX(-25%);}
.dnymarianne-motto .mottobutton {aspect-ratio: 40/8; border-radius:9px;}
.dnymarianne-motto .mottobutton span {font-size: clamp(14px, 1.60vw, 2vh);}



#index-slideshow .bottom-center {position:absolute; bottom:105px; left:50%; transform: translateX(-50%);}
#index-slideshow .bottom-valentyn2024 {position:absolute; top:33%; left:14.5%; width:200px;}
}
@media all and (max-aspect-ratio: 25/50) { /* high */
/*.made-in-italia {position:relative; top:0px!important; left:0px!important; padding:10px 0 0 30px; width:100%; border:solid 0px #DDEE00; background:#dab0a7;}*/ /* hide for Comfortness intro */
.made-in-italia h2{font-size: 24px!important;}
.modul-index-content div.image img.hero{width:100%; height:auto; }
#index-slideshow .bottom-center {position:absolute; bottom:105px; left:50%; transform: translateX(-50%);} /* puvodne bottom - 35px */
#index-slideshow .bottom-valentyn2024 {position:absolute; top:28%; left:13.5%; width:180px;}
.comfortness-logo {top:30px; right:40px; width:120px;}
.comfortness-akce {top:initial; right:auto; width:300px; bottom:200px; left:50%; transform: translateX(-50%);}
.dnymarianne-motto {top:150px; right:auto; left:48%; width:66%; max-width:290px; transform: translateX(-25%);}
.dnymarianne-motto .mottobutton {width:54%; aspect-ratio: 40/8; border-radius:9px;}
.dnymarianne-motto .mottobutton span {font-size: clamp(14px, 1.60vw, 2vh);}
}


@media all and (max-width: 860px) { 
.made-in-italia {top:14px!important; left:30px;}
.made-in-italia h2{font-size: 30px;}
.modul-index-content div.image {position:relative; width:100%; height:calc(100vh - 80px);}
/*.dnymarianne-motto {top:150px; right:8%; width:400px;}*/
}
@media all and (max-width: 1024px) and (min-aspect-ratio: 5/4) { 
#index-slideshow .bottom-center {bottom:0px;}
/*.dnymarianne-motto {top:150px; right:20%; width:38%;}*/
}


/* MOBILE SETTINGS */
@media all and (min-aspect-ratio: 103/50) {
.landscape-wide {display:block;}
.landscape, .square, .portrait, .high {display:none!important;}
}
@media all and (min-aspect-ratio: 58/50) and (max-aspect-ratio: 103/50) { /* 16:9 */
.landscape {display:block;}
.landscape-wide, .square, .portrait, .high {display:none!important;}
}
@media all and (min-aspect-ratio: 38/50) and (max-aspect-ratio: 58/50) {
.square {display:block;}
.landscape, .landscape-wide, .portrait, .high {display:none!important;}
}
@media all and (min-aspect-ratio: 25/50) and  (max-aspect-ratio: 38/50) {
.portrait {display:block;}
.landscape, .landscape-wide, .square, .high {display:none!important;}
}
@media all and (max-aspect-ratio: 25/50) {
.high {display:block;}
.landscape, .landscape-wide, .square, .portrait {display:none!important;}
}

@media all and (min-aspect-ratio: 38/50) { /* landscape */
.show-on-landscape {display:block;}
.show-on-portrait {display:none!important;}
}
@media all and (max-aspect-ratio: 38/50) { /* portrait*/
.show-on-portrait {display:block;}
.show-on-landscape {display:none!important;}
}