.hrubek-preview :is(.wrap,.page-outer){max-width:var(--skin-width);margin-inline:auto;padding-inline:24px}
.hrubek-preview :is(.twocol,.page-wrap){display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-w);gap:32px;align-items:start;margin-block:28px 40px}
.hrubek-preview :is(.content,.side-col,.twocol>*,.page-wrap>*){min-width:0;max-width:100%}
.hrubek-preview .side-col{grid-column:2;grid-row:1}
.hrubek-preview .content{background:none;border:0;padding:0 12px 24px 0;box-shadow:none}
.hrubek-preview :is(.g3,.g4,.g2){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hrubek-preview .kat-hero{background:none;border:0;padding:32px 0 24px;color:var(--home-ink)}
.hrubek-preview .kat-hero h1{font-size:32px;line-height:1.25;color:var(--home-ink)}
.hrubek-preview .trip-promo{max-width:var(--skin-width);padding-inline:24px;margin:28px auto}
.hrubek-preview .trip-promo img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;border-radius:0;box-shadow:none;background:var(--home-night)}
.hrubek-preview :is(.m2-uklad,.tbl-wrap){min-width:0;max-width:100%}
.hrubek-preview .m2-uklad{grid-template-columns:minmax(0,1fr) 360px}
@media(max-width:960px){.hrubek-preview .m2-uklad{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){.hrubek-preview :is(.twocol,.page-wrap){gap:24px;grid-template-columns:minmax(0,1fr) 280px}.hrubek-preview :is(.g3,.g4,.g2){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hrubek-preview :is(.twocol,.page-wrap){grid-template-columns:minmax(0,1fr)}.hrubek-preview .side-col{grid-column:auto;grid-row:auto}.hrubek-preview :is(.wrap,.page-outer){padding-inline:16px}.hrubek-preview .content{padding-right:0}.hrubek-preview .m2-uklad{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.hrubek-preview :is(.g3,.g4,.g2){grid-template-columns:minmax(0,1fr)}.hrubek-preview .kat-hero h1{font-size:27px}}
@media(max-width:960px){.hrubek-preview .nav-panel{display:none;right:0!important;max-width:100%;transform:none}.hrubek-preview .nav-panel.open{display:block}}
.hrubek-preview aside>:not(script):not(style){margin:0 0 20px!important}
.hrubek-preview aside>:first-child,.hrubek-preview aside>:is(style,script):first-child+*{margin-top:0!important}
.hrubek-preview .kat-hero p{font-family:var(--skin-body-font)}
@media(max-width:980px){.hrubek-preview .uklad{grid-template-columns:minmax(0,1fr)}}