/* Telefony a tablety: čitelný text, pružné rozvržení a dotykové cíle. */
@media (max-width:1024px){
 html{font-size:16px;}
 body{min-width:0;}
 .site-wrapper{padding:clamp(0px,2vw,24px);}
 .site-main{width:100%;min-width:0;}
 .site-main > .inner{--padding-horizontal:clamp(20px,4vw,40px);--padding-vertical:clamp(32px,6vw,64px);width:100%;}
 .text-component.style-2{font-size:1rem;line-height:1.85;letter-spacing:.035em;width:100%;}
 .text-component.style-1,.text-component.style-4{width:100%;overflow-wrap:break-word;}
 .container-component.columns > .wrapper > .inner > div{min-width:0;}
 .buttons-component.style-1{width:100%;}
 .buttons-component.style-1 > li{width:100%;min-width:0;}
 .buttons-component.style-1 > li > a{width:100%;max-width:100%;min-height:52px;height:auto;line-height:1.5;padding:14px 20px;letter-spacing:.12em;font-size:.9rem;justify-content:center;}
 .buttons-component.style-1 > li > a > .label{overflow:visible;white-space:normal;overflow-wrap:anywhere;}
 .buttons-component.style-1 > li > a > svg{width:24px;height:28px;margin:0 12px 0 0;}
 .icons-component.style-1 a{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;}
 .phone-link{display:inline-block;min-height:44px;padding:6px 0;color:inherit !important;white-space:nowrap;}
}
@media(min-width:601px) and (max-width:1024px){
 .gallery-component.instance-1 ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;}
 .gallery-component.instance-1 ul > li{width:100%;min-width:0;}
 .gallery-component.instance-1 ul > li > .thumbnail,
 .gallery-component.instance-1 ul > li > .thumbnail > .frame{display:block;width:100%;height:100%;}
 .gallery-component.instance-1 ul > li > .thumbnail > .frame > img{display:block;width:100% !important;max-width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;}
}
@media(max-width:820px){
 .container-component.instance-3.columns > .wrapper > .inner{flex-direction:column !important;flex-wrap:nowrap !important;gap:24px;}
 .container-component.instance-3 > .wrapper > .inner > div:nth-child(n){width:100% !important;padding:0 !important;margin:0 !important;--alignment:center;--flex-alignment:center;--margin-left:auto;--margin-right:auto;}
 .image-component.style-1 > .frame{width:clamp(160px,32vw,220px);max-width:100%;}
}
@media(max-width:600px){
 .site-wrapper{padding:0;}
 .site-main > .inner{--padding-horizontal:20px;--padding-vertical:36px;--spacing:24px;}
 .text-component.style-4{font-size:1.4rem;letter-spacing:.12em;line-height:1.6;}
 .text-component.style-1{font-size:1.15rem;letter-spacing:.07em;line-height:1.65;}
 #text12 br{display:none;}
 .container-component.style-1:not(:last-child),.container-component.style-2:not(:last-child){margin-bottom:32px !important;}
 .container-component.style-2:not(:first-child){margin-top:32px !important;}
 .container-component.instance-1 > .wrapper > .inner{--padding-horizontal:20px;--padding-vertical:24px;}
 .gallery-component.instance-1 ul{display:flex;flex-direction:column;}
 .gallery-component.instance-1 ul > li{width:100%;min-width:0;}
 .gallery-component.instance-1 ul > li > .thumbnail > .frame > img{width:100% !important;height:auto;max-height:none;}
}
@media(hover:none),(pointer:coarse){
 .gallery-component.instance-1 ul > li > .thumbnail:hover > .frame > img{transform:none !important;}
 .buttons-component.style-1 > li > a:hover{transform:none;}
 a,button{touch-action:manipulation;}
}