/* Taevaskoja – 1024–1150px behaves as TABLET.
   The header switches to its tablet/mobile form at 1150px, but Breakdance's tablet breakpoint is 1023px, so
   between 1024 and 1150 pages still used desktop rules: 160px section spacing, 4-column option grids,
   fixed-width card rows and footer columns overflowing the viewport. This file replays every rule that
   Breakdance emits for @media (max-width:1023px) in that range, prefixed with `body` so it outranks the
   desktop (base) rules. GENERATED from uploads/breakdance/css/selectors.css on 2026-10-08 – regenerate
   (php snippet in session notes) after larger CSS changes in the builder; header.css already handles
   --page-padding for this range. */
@media (min-width: 1024px) and (max-width: 1150px) {
body .menu{--page-padding:1.5rem}
body .secondary-menu__actions{display:none}
body .primary-menu{height:4.375rem}
body .menu-toggle{display:flex;width:2rem;height:2rem}
body .primary-menu__inner{padding-top:0.5rem;padding-bottom:0.5rem}
body .logo{height:100%}
body .logo img{width:auto;height:100%}
body .primary-menu__right{display:none}
body .mega-panels{display:none}
body .posts-row{gap:1rem}
body .activities-row{gap:1rem}
body .hero{padding-top:0.25rem}
body .hero .gallery-dots{display:none}
body .hero__slide{min-height:32rem;aspect-ratio:auto;padding-top:3rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}
body .hero__media img{top:0px;left:0px;width:100%;height:100%;object-fit:cover}
body .hero__media::after{background-color:rgba(0,0,0,.16)}
body .hero__content{flex-flow:column;align-items:stretch}
body .hero__main{gap:2.25rem;width:100%}
body .hero__title{font-size:2.375rem;line-height:2.4375rem;letter-spacing:0.02375rem}
body .hero__title br{display:none}
body .hero__panel{flex-flow:column;align-items:stretch;gap:1rem;min-height:0px}
body .hero__lead{flex-grow:0;flex-shrink:0;flex-basis:auto;min-height:0px}
body .hero__buttons{gap:0.75rem;width:100%}
body .hero__buttons .button{flex-grow:1;flex-shrink:0;flex-basis:0px}
body .audience-section__head{flex-flow:column;gap:1.75rem}
body .audience-section__title{width:100%;font-size:2.125rem}
body .audience-section__aside{padding-top:0px}
body .audience-row{gap:4rem 1.5rem}
body .audience-row{flex-wrap:wrap}
body .why-section__title{width:100%;font-size:2.125rem}
body .why-card{flex-flow:column;gap:1.25rem;padding-top:2.5rem;padding-right:1.25rem;padding-bottom:4rem;padding-left:1.25rem}
body .why-card__body{width:100%}
body .why-card__body{align-self:auto}
body .stats-section__container{gap:2.5rem}
body .gallery-slide{aspect-ratio:4/3;padding-bottom:3.75rem;padding-left:1rem}
body .gallery-slide__media img{top:0px;left:0px;width:100%;height:100%;max-width:none;object-fit:cover}
body .gallery-slide__caption{width:100%}
body .gallery-slide__title{font-size:2rem}
body .activities-hero__head{flex-flow:column;gap:1.75rem}
body .activities-hero__title{width:100%;font-size:2.375rem;line-height:2.4375rem}
body .activities-hero__text{padding-top:0px}
body .highlight-card__title{width:100%;font-size:2.125rem}
body .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
body .info-section__title{width:100%;font-size:2.125rem}
body .info-stack{gap:2.5rem}
body .info-grid{flex-flow:column}
body .faq-section__title{width:100%;font-size:2.125rem}
body .gallery-nav .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .gallery-nav__container{display:flex;flex-flow:column;align-items:stretch}
body .gallery-nav__title{width:100%;font-size:2.125rem}
body .gallery-row{gap:1rem}
body .gcard{gap:1.9375rem}
body .gcard--portrait{width:18.15rem}
body .gcard--portrait .gcard__image{height:24.1875rem}
body .gcard--landscape{width:24.1875rem}
body .gcard--landscape .gcard__image{height:18.15rem}
body .gcard__text{font-size:1.2375rem;line-height:1.5rem}
body .gcard__text--sb{line-height:1.5rem}
body .single-hero__container{flex-flow:column;gap:2.25rem}
body .single-hero__lead{width:100%}
body .single-hero__title{font-size:2.375rem;line-height:2.4375rem}
body .single-hero__text{width:100%}
body .single-hero__media{width:100%;height:auto;aspect-ratio:746/439}
body .single-layout{grid-template-columns:minmax(0,1fr);gap:5rem}
body .single-intro__title{font-size:2.125rem}
body .single-block__title{font-size:2.125rem}
body .enquiry{position:static;max-width:24.4375rem}
body .activities-section .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .activities-section__container{display:flex;flex-flow:column;align-items:stretch}
body .activities-section__head{flex-flow:column;align-items:start;gap:1.5rem;padding-bottom:4rem}
body .activities-section__lead{gap:1.5rem}
body .activities-section__title{width:100%;font-size:2.125rem}
body .activities-row{gap:1rem}
body .testimonials-section .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .testimonials-section__container{display:flex;flex-flow:column;align-items:stretch}
body .testimonials-section__head{flex-flow:column;align-items:start;gap:1.5rem;padding-bottom:4rem}
body .testimonials-section__title{width:100%;font-size:2.125rem}
body .testimonials{align-items:start;gap:1.875rem}
body .testimonial{width:20.875rem}
body .location-section__intro{flex-flow:column;gap:1.75rem;padding-right:0px}
body .location-section__lead{display:contents}
body .location-section__lead .button{order:3;width:100%;margin-top:0.5rem}
body .location-section__title{order:1;width:100%;font-size:2.125rem}
body .location-section__aside{order:2;padding-top:0px}
body .travel-cards{gap:1rem}
body .travel-cards{flex-wrap:wrap}
body .travel-card{flex:1 0 calc(50% - .5rem)}
body .posts-section .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .posts-section__container{display:flex;flex-flow:column;align-items:stretch}
body .posts-section__head{flex-flow:column;align-items:start;gap:1.5rem;padding-bottom:4rem}
body .posts-section__title{width:100%;font-size:2.125rem}
body .button--tall{width:100%;height:4.125rem;min-height:4.125rem}
body .button--tall .button__label{font-size:1rem;text-align:center}
body .slider-arrows{gap:2.25rem;order:1}
body .slider-arrow{flex-grow:1;flex-shrink:0;flex-basis:0px;width:auto;border-radius:2.21875rem}
body .slider-arrow:first-child{background-color:transparent;border-top:0.1rem solid var(--arrow-bg);border-right:0.1rem solid var(--arrow-bg);border-bottom:0.1rem solid var(--arrow-bg);border-left:0.1rem solid var(--arrow-bg)}
body .posts-row{gap:1rem}
body .cta-section__inner{width:100%}
body .cta-section__title{width:100%;font-size:2.125rem}
body .footer-info__container{height:auto}
body .footer-info__columns{justify-content:center;gap:3.75rem}
body .footer-info__columns{flex-wrap:wrap}
body .footer-info__divider{display:none}
body .footer-main__top{flex-flow:column;align-items:stretch;gap:5rem;margin-bottom:3.75rem}
body .footer-logo{justify-content:center;flex-grow:0;flex-shrink:0;flex-basis:auto;order:3}
body .footer-main__right{flex-flow:column-reverse;gap:5rem}
body .footer-cta{gap:2.25rem;width:100%;height:auto}
body .footer-cta .button{width:100%}
body .footer-main__bottom{flex-flow:column;align-items:center;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
body .footer-copyright{width:100%;text-align:center;padding-top:1.25rem;padding-right:0px;padding-bottom:1.25rem;padding-left:0px;border-bottom:1px solid rgba(255,255,255,.1)}
body .footer-credit{padding-top:1.25rem;padding-right:0px;padding-bottom:1.25rem;padding-left:0px}
body .enquiry-page__container{gap:3.5rem}
body .enquiry-hero__title{font-size:2.375rem;line-height:2.4375rem}
body .stepbar{width:100%}
body .stepbar__item{width:auto;max-width:8.1875rem}
body .enquiry-layout{grid-template-columns:minmax(0,1fr);gap:3rem}
body .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body .option-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
body .enquiry--summary{width:100%}
body .page-strip__media{height:17rem}
body .meist-page__container{grid-template-columns:minmax(0,1fr);gap:3rem}
body .side-menu{position:static;width:100%}
body .side-menu .button{display:none}
body .side-menu__list{flex-flow:row;gap:0.5rem;margin-right:calc(-1 * var(--page-padding));padding-right:var(--page-padding)}
body .side-menu__list::-webkit-scrollbar{display:none}
body .side-menu__list{overflow-x:auto;scrollbar-width:none}
body .side-menu__link{flex-shrink:0;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;border-radius:0.25rem}
body .side-menu__link.is-active{width:auto}
body .side-menu__link{white-space:nowrap}
body .meist-intro__title{font-size:2.375rem;line-height:2.4375rem}
body .meist-text__title{font-size:2.125rem}
body .meist-split{flex-flow:column;align-items:stretch;gap:2.25rem}
body .meist-split__media>img{height:30rem}
body .meist-split__media .tvk-gallery__frame>img{height:30rem}
body .gallery-nav--inline .gallery-nav__head{margin-right:0px}
body .gallery-nav--inline .slider-actions{margin-right:0px}
body .gallery-nav--inline .gallery-nav__head{margin-right:0px}
body .gallery-nav--inline .slider-actions{margin-right:0px}
body .activities-section--inline .activities-section__head{margin-right:0px}
body .activities-section--inline .slider-actions{margin-right:0px}
body .activities-section--inline .activities-section__head{margin-right:0px}
body .activities-section--inline .slider-actions{margin-right:0px}
body .galerii-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body .blogi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
body .post-header__title{font-size:2.375rem;line-height:2.4375rem}
body .meist-text__title--sm{font-size:2.125rem}
body .meist-split__text--inset{padding-right:0px}
body .value-card__title--lg{font-size:2.125rem}
body .meist-page__container--narrow{grid-template-columns:minmax(0,1fr)}
body .side-menu__group{gap:0.5rem}
body .testimonials-section--inline{margin-left:calc(-1 * var(--page-padding))}
body .testimonials-section--inline .testimonials-section__container{padding:5rem var(--page-padding)}
body .testimonials--center{align-items:start}
body .meist-text__title--h3{font-size:2.125rem}
body .activities-section__title--h3{width:100%;font-size:2.125rem}
body .gallery-slide--center{padding-left:1rem}
body .extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3rem}
body .room-grid{grid-template-columns:1fr;gap:4rem}
body .room-grid--spaced{margin-top:3rem}
body .room-card--wide .room-card__image{height:24rem}
body .room-card__title{font-size:2.125rem}
body .rooms-section__container{gap:3rem}
body .rooms-section__title{font-size:2.125rem}
body .info-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3rem}
body .menu-tabs{margin-top:3rem}
body .filter-row--tabs{margin-right:calc(-1 * var(--page-padding));padding-right:var(--page-padding)}
body .filter-row--tabs::-webkit-scrollbar{display:none}
body .filter-row--tabs .filter{flex-shrink:0}
body .filter-row--tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
body .price-grid{grid-template-columns:1fr;gap:4rem}
body .menu-cols{flex-flow:column;gap:0.25rem}
body .meist-block--gap-64{margin-top:-4.25rem}
body .meist-block--gap-44{margin-top:-5.5rem}
body .activities-section--gap{margin-top:2.5rem}
body .value-card--spaced{margin-top:2.5rem}
body .split-card--spaced{margin-top:2.5rem}
body .value-card--stack{gap:2rem}
body .laager-card{gap:2.5rem;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem}
body .laager-card__title{font-size:2.125rem}
body .shift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
body .icon-grid{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}
body .why-card--yellow{padding-top:2.5rem;padding-right:1.25rem;padding-bottom:4rem;padding-left:1.25rem}
body .day-grid{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}
body .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.5rem}
body .plan-cols{flex-flow:column;gap:1.5rem}
body .audience-card{width:calc(50% - .75rem)}
body .audience-card .post-card__image{width:100%}
body .side-menu--grouped{gap:1.5rem}
body .slider-actions .button--tall{order:2}
body .split-card--spaced{margin-top:2.5rem}
body .value-card--spaced{margin-top:2.5rem}
body .primary-menu__right{display:none}
body .mega-panels{display:none}
body .posts-section__container{display:flex;flex-flow:column;align-items:stretch}
body .activities-section__container{display:flex;flex-flow:column;align-items:stretch}
body .testimonials-section__container{display:flex;flex-flow:column;align-items:stretch}
body .gallery-nav__container{display:flex;flex-flow:column;align-items:stretch}
body .posts-section__head{flex-flow:column;align-items:start;gap:1.5rem;padding-bottom:4rem}
body .activities-section__head{flex-flow:column;align-items:start;gap:1.5rem;padding-bottom:4rem}
body .testimonials-section__head{flex-flow:column;align-items:start;gap:1.5rem;padding-bottom:4rem}
body .posts-section__title{width:100%;font-size:2.125rem}
body .activities-section__title{width:100%;font-size:2.125rem}
body .testimonials-section__title{width:100%;font-size:2.125rem}
body .gallery-nav__title{width:100%;font-size:2.125rem}
body .info-section__title{width:100%;font-size:2.125rem}
body .faq-section__title{width:100%;font-size:2.125rem}
body .highlight-card__title{width:100%;font-size:2.125rem}
body .location-section__title{width:100%;font-size:2.125rem}
body .audience-section__title{width:100%;font-size:2.125rem}
body .why-section__title{width:100%;font-size:2.125rem}
body .cta-section__title{width:100%;font-size:2.125rem}
body .posts-section .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .activities-section .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .testimonials-section .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .gallery-nav .slider-actions{display:flex;flex-flow:column;align-items:stretch;gap:2.25rem;order:3;width:100%;margin-top:4rem;margin-right:0px;margin-bottom:0px;margin-left:0px}
body .gallery-row{gap:1rem}
body .single-hero__lead{width:100%}
body .single-hero__text{width:100%}
body .single-block__title{font-size:2.125rem}
body .single-intro__title{font-size:2.125rem}
body .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body .option-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
body .room-grid{grid-template-columns:1fr;gap:4rem}
body .price-grid{grid-template-columns:1fr;gap:4rem}
body .info-cards{margin-top:3rem}
body .extra-grid{margin-top:3rem}
body .menu-tabs{margin-top:3rem}
body .room-grid--spaced{margin-top:3rem}
body .activities-section--gap{margin-top:2.5rem}
body .laager-card__title{font-size:2.125rem}
body .meist-text__title{font-size:2.125rem}
body .value-card__title--lg{font-size:2.125rem}
body .rooms-section__title{font-size:2.125rem}
body .room-card__title{font-size:2.125rem}
body .icon-grid{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}
body .day-grid{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}
body .has-more-left{-webkit-mask-image:none;mask-image:none}
body .has-more-right{-webkit-mask-image:none;mask-image:none}
body .audience-row--inline .audience-card{flex-grow:0;flex-shrink:0;flex-basis:auto;width:calc(50% - .75rem)}
body .audience-row--inline{flex-wrap:wrap}
body .error-page{padding-top:2.5rem;padding-right:0px;padding-bottom:6rem;padding-left:0px}
body .error-page__container{grid-template-columns:minmax(0,1fr);gap:3rem}
body .error-page__text{max-width:none}
body .error-page__title{font-size:2.5rem}
}

/* "Miks just Taevaskoja?" cards: on phones the grid rows collapse (display:contents) and the cards become
   direct items of .why-grid, whose align-items:start left them at their own content height.
   Stretch them so all four cards share the tallest card\x27s height; the body already pushes the button down. */
@media (max-width: 767px) {
  body .why-grid { align-items: stretch; }
  body .why-card { height: auto; }
}