/* Shared subpage composition, scoped to the remaining local redesign batch.
   Tokens and component patterns come from the approved design manual 1.4. */
.mk-refresh #site-content{background:#fff;color:#262626;font:400 16px/1.85 Manrope,Arial,sans-serif;padding-top:80px}
.mk-refresh #site-content *{box-sizing:border-box}
.mk-refresh #site-content :is(h1,h2,h3,h4){font-family:"Space Grotesk",Arial,sans-serif;font-weight:500;letter-spacing:-.035em;color:#262626}
.mk-refresh #site-content h1{font-size:clamp(32px,3.35vw,48px);line-height:1.15;margin:0 0 28px}
.mk-refresh #site-content h2{font-size:clamp(30px,3.2vw,46px);line-height:1.13;margin:0 0 28px}
.mk-refresh #site-content h3{font-size:clamp(24px,2vw,28px);line-height:1.25;margin:0 0 24px;letter-spacing:-.025em}
/* Marketing headings use capitals; editorial pages retain their own styles. */
.mk-refresh #site-content :is(h2,h3){text-transform:uppercase}
.mk-refresh #site-content :is(p,li):not(:where(.uf-contact,.uf-quote-section) *){color:#555555;font-size:16px;line-height:1.85}
.mk-refresh #site-content a{color:inherit;text-underline-offset:4px}
.mk-refresh #site-content :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid #746553;outline-offset:4px}
.mk-refresh #site-content [id]{scroll-margin-top:104px}
.mk-refresh #site-content>.text,.mk-refresh #site-content :is(section.image-grid,section.zig-zag,section.faq,section.related-items){padding-block:64px;background:#fff}
.mk-refresh #site-content :is(.container,.uf-shell,.price-shell){width:100%;max-width:1440px;margin-inline:auto;padding-inline:64px}
.mk-refresh #site-content .container .container{padding-inline:0}
.mk-refresh #site-content section.text .row{margin:0}
.mk-refresh #site-content section.text .column{flex:0 0 100%;max-width:920px;width:100%;margin:0 auto;padding:0}
.mk-refresh #site-content section.text .column :is(p:not(:has(img,picture,iframe,video,figure)),ul,ol){max-width:72ch}
.mk-refresh #site-content section.text :is(h1,h2,h3,p){text-align:left!important}
.mk-refresh #site-content section.text p{margin-bottom:24px}
.mk-refresh #site-content section.text p:last-child{margin-bottom:0}
.mk-refresh #site-content section.text :is(p,li) a{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:4px}
.mk-refresh #site-content section.text :is(ul,ol){padding-left:24px;margin-block:0 24px}
.mk-refresh #site-content section.text li{margin-bottom:8px}
.mk-refresh #site-content section.text :is(img,.tour figure){max-width:100%;width:100%;margin:32px 0;height:auto}
.mk-refresh #site-content section.text .tour figure img{margin:0}
.mk-refresh #site-content section.text .tour figure .text img{width:auto;margin:0 auto 10px}
.mk-refresh #site-content section.text iframe{max-width:100%;border:0}
.mk-refresh #site-content section.text [style*="font-family"]{font-family:inherit!important}
.mk-refresh #site-content section.text [style*="color"]{color:inherit!important}
/* Large service intros reuse the homepage photo/typography treatment. */
.mk-refresh #site-content section.page-header{height:auto;min-height:640px;display:flex;align-items:center;margin:0 0 40px;background-attachment:scroll;background-position:center;background-size:cover}
.mk-refresh #site-content section.page-header:after{background:linear-gradient(90deg,rgba(20,19,17,.85),rgba(20,19,17,.42))}
.mk-refresh #site-content section.page-header .text-wrap{position:relative;transform:none;top:auto;width:100%;padding-block:104px 96px}
.mk-refresh #site-content section.page-header :is(h1,p){color:#ffffff}
.mk-refresh #site-content section.page-header h1{font-size:clamp(42px,4.3vw,62px);line-height:1.06}
.mk-refresh #site-content section.page-header p{max-width:680px}
.mk-refresh #site-content section.page-header .col-lg-7{max-width:780px;flex-basis:100%}
.mk-refresh #site-content :is(a.button,.price-button,.uf-form button[type=submit],.uf-text-link){border-radius:0;box-shadow:none;font:500 12px/1.4 "Space Grotesk",Arial,sans-serif;letter-spacing:.02em}
.mk-refresh #site-content section.page-header a.button{height:auto;min-height:48px;line-height:1.4;padding:14px 24px;background:#faf9f7;color:#171613;backdrop-filter:none}
.mk-refresh #site-content section.content-navigation{padding-block:24px 40px;background:#fff}
.mk-refresh #site-content section.content-navigation .column{max-width:920px;flex:0 0 100%;margin:auto}
.mk-refresh #site-content section.content-navigation table{width:100%!important;height:auto!important;border:0!important;font-size:14px}
.mk-refresh #site-content section.content-navigation :is(td,tr){height:auto!important;border:0!important}
.mk-refresh #site-content section.content-navigation td{padding:16px 12px!important;border-bottom:1px solid #ded7cd!important;text-align:left!important}
.mk-refresh #site-content section.content-navigation td:first-child{width:48px!important;color:#746553}
.mk-refresh #site-content section.content-navigation td:last-child{width:auto!important}
.mk-refresh #site-content section.content-navigation a{text-decoration:none}
/* Image groups retain original links, galleries, diagrams and media. */
.mk-refresh #site-content section.zig-zag .column{margin-top:0!important}
.mk-refresh #site-content section.zig-zag .col-lg-8{flex:0 0 100%;max-width:100%;margin:0}
.mk-refresh #site-content section.zig-zag .row .row{gap:24px;margin:0}
.mk-refresh #site-content section.zig-zag .column{flex:1;max-width:none;padding:0;min-width:0}
.mk-refresh #site-content section.zig-zag img{display:block;width:100%;height:auto}
/* Owner-requested portrait composition, confined to the team on About. */
.mk-refresh #site-content section.mk-team .col-lg-8{max-width:1120px;margin-inline:auto}
.mk-refresh #site-content .mk-team__person{margin:0}
.mk-refresh #site-content .mk-team__person figcaption{margin:8px 0 0;font:400 12px/1.8 Manrope,Arial,sans-serif;color:#655d53}
.mk-refresh #site-content .mk-team__person--design{padding-top:90.4px}
.mk-refresh #site-content .mk-team__person--design figcaption{margin:0 0 8px}
@media(max-width:900px){
 .mk-refresh #site-content .mk-team__person{display:flex;flex-direction:column}
 .mk-refresh #site-content .mk-team__person--design{padding-top:0}
 .mk-refresh #site-content .mk-team__person--design figcaption{order:1;margin:8px 0 0}
}
.mk-refresh #site-content section.image-grid .grid-wrapper{gap:24px;grid-template-rows:repeat(2,320px)}
.mk-refresh #site-content section.image-grid .grid-wrapper.single-row,.mk-refresh #site-content section.image-grid .grid-wrapper.layout-2-equal{grid-template-rows:320px}
.mk-refresh #site-content section.image-grid .grid-item{overflow:hidden}
.mk-refresh #site-content section.image-grid .grid-item:before{display:none}
.mk-refresh #site-content section.image-grid .grid-item img{transition:transform .35s ease}
@media(hover:hover){.mk-refresh #site-content section.image-grid a.grid-item:hover img{transform:scale(1.025)}}
.mk-refresh #site-content section.circles-section{padding-block:24px 0}
.mk-refresh #site-content .circles{justify-content:flex-start;gap:24px}
.mk-refresh #site-content .circles__item{width:auto;height:auto;min-width:48px;border:0;border-radius:0;background:none;padding:0;box-shadow:none}
.mk-refresh #site-content .circles__item p{font:500 42px/1 "Space Grotesk",Arial,sans-serif;color:#746553;margin:0}
/* Category index: consistent image cards and a normal in-flow navigation. */
.mk-refresh #site-content section.projects{display:flex;flex-direction:column;background:#fff;padding:64px 0;min-height:0}
.mk-refresh #site-content .projects-title{order:0;margin-bottom:40px}
.mk-refresh #site-content .projects-title :is(h1,h2,p){color:#262626!important;text-align:left!important}
.mk-refresh #site-content .projects-title .col-lg-8{flex-basis:100%;max-width:920px;margin:0;padding:0 12px}
.mk-refresh #site-content .js-projects-ajax{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mk-refresh #site-content .js-projects-ajax>.row{margin:0;min-width:0}
.mk-refresh #site-content .js-projects-ajax .col-lg-8{width:100%;max-width:100%;flex-basis:100%;padding:0;margin:0}
.mk-refresh #site-content .js-projects-ajax .js-infi{grid-column:1/-1}
.mk-refresh #site-content .project{display:block!important;margin:0!important}
.mk-refresh #site-content .project a{width:100%}
.mk-refresh #site-content .project figure{background:#fff;overflow:hidden}
.mk-refresh #site-content .project figure:after{display:none}
.mk-refresh #site-content .project img{width:100%;aspect-ratio:4/3;object-fit:cover;transform:none!important}
.mk-refresh #site-content .project figcaption{position:static!important;padding:24px 0;font:500 28px/1.25 "Space Grotesk",Arial,sans-serif!important;color:#262626!important;letter-spacing:-.025em}
.mk-refresh #site-content section.projects>.categories{order:1;position:static;transform:none;margin:0 0 40px}
.mk-refresh #site-content .categories ul{display:flex;flex-wrap:wrap;gap:12px 28px;padding:20px 0;border-block:1px solid #ded7cd}
.mk-refresh #site-content .categories li{margin:0!important}
.mk-refresh #site-content .categories a{font:500 12px/1.6 "Space Grotesk",Arial,sans-serif!important;color:#262626!important;text-shadow:none!important}
.mk-refresh #site-content section.projects>.social-icons{position:static;order:4;padding-top:32px}
.mk-refresh #site-content section.projects>div:not(.projects-title):not(.js-projects-ajax){order:3}
/* Repeated related cards and FAQ follow the approved homepage patterns. */
.mk-refresh section.related-items .title h2{font:500 clamp(36px,3.2vw,46px)/1.13 "Space Grotesk",Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.mk-refresh section.related-items .title>p{font:400 16px/1.85 Manrope,Arial,sans-serif;color:#555555}
.mk-refresh section.related-items .column p:not(.name){font:400 15px/1.85 Manrope,Arial,sans-serif;color:#555555}
.mk-refresh #site-content section.related-items .title{max-width:780px;margin:0 0 40px;text-align:left}
.mk-refresh #site-content section.related-items .row{gap:24px;margin:0}
.mk-refresh #site-content section.related-items .column{flex:1;max-width:none;padding:0;min-width:0}
.mk-refresh #site-content section.related-items .column>a{display:flex;flex-direction:column;height:100%;text-decoration:none;background:#fff;border:1px solid #ded7cd}
.mk-refresh #site-content section.related-items picture img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mk-refresh #site-content section.related-items .column p{padding-inline:28px;font-size:14px;line-height:1.9}
.mk-refresh #site-content section.related-items .column .name{font:500 26px/1.25 "Space Grotesk",Arial,sans-serif;color:#262626;margin-block:28px 18px}
.mk-refresh #site-content section.faq>.container{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px}
.mk-refresh #site-content .faq-title{text-align:left}
.mk-refresh #site-content .faq-item{border:0;border-bottom:1px solid #ded7cd;background:#fff;border-radius:0}
.mk-refresh #site-content .faq-item:first-child{border-top:1px solid #ded7cd}
.mk-refresh #site-content .faq-question{padding:24px 36px 24px 0}
.mk-refresh #site-content .faq-question h3{font-size:19px;line-height:1.5;margin:0}
.mk-refresh #site-content .faq-answer-content{padding:0 36px 24px 0}
.mk-refresh #site-content .faq-answer-content p{font-size:15px}
.mk-refresh #site-content .faq-answer-content :is(p,li){line-height:1.85}
.mk-refresh #site-content section.related-items .column p:not(.name){font-size:15px;line-height:1.85}
/* Contact and pricing keep the shared working form markup and JS contracts. */
.mk-refresh #site-content .uf-contact{padding-block:64px 96px;background:#fff}
.mk-refresh #site-content .uf-page-intro{margin-bottom:48px}
.mk-refresh #site-content .uf-eyebrow,.mk-refresh #site-content .contact-eyebrow,.mk-refresh #site-content .price-eyebrow{color:#746553;font:500 11px/1.6 "Space Grotesk",Arial,sans-serif;letter-spacing:.14em}
.mk-refresh #site-content .uf-form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){border:1px solid #d6cec3;border-radius:0;background:#fff;font:400 16px/1.5 Manrope,Arial,sans-serif}
.mk-refresh #site-content .uf-form button[type=submit]{background:#262626;color:#ffffff;min-height:50px}
.mk-refresh #site-content .uf-form button[type=submit]:hover{background:#444444}
.mk-refresh #site-content .uf-contact-grid{gap:64px}
.mk-refresh #site-content .contact-location,.mk-refresh #site-content .contact-billing{border-color:#ded7cd}
.mk-refresh #site-content .price-section{padding-block:80px}
.mk-refresh #site-content .price-intro,.mk-refresh #site-content .price-offer,.mk-refresh #site-content .price-advice-grid,.mk-refresh #site-content .price-faq-section{gap:64px}
.mk-refresh #site-content .price-hero h1{font-size:clamp(42px,4.3vw,62px);line-height:1.06}
.mk-refresh #site-content .price-button{min-height:48px;padding:14px 24px;background:#262626;color:#ffffff}
.mk-refresh #site-content .price-button-light{background:#faf9f7;color:#171613}
.mk-refresh #site-content .price-cta{background:#3a352f;color:#ffffff;padding-block:104px 96px}
.mk-refresh #site-content .price-cta :is(h2,p){color:#ffffff}
.mk-refresh #site-content .price-faq summary{font:500 19px/1.5 "Space Grotesk",Arial,sans-serif}
.mk-refresh #site-content .price-faq-answer :is(p,li){font-size:15px;line-height:1.85}
.mk-refresh #site-content .price-project-grid figcaption p,.mk-refresh #site-content .price-factors article p{font-size:15px;line-height:1.85}
.mk-refresh #site-content .price-project-grid figcaption>span{font:500 11px/1.6 "Space Grotesk",Arial,sans-serif;color:#746553}
.mk-refresh #site-content .price-project-grid figcaption>small{font:400 12px/1.8 Manrope,Arial,sans-serif;color:#655d53}
.mk-refresh #site-content .price-toc{flex-wrap:wrap;justify-content:flex-start;gap:16px 28px;border-color:#ded7cd}
@media(max-width:1100px){
 .mk-refresh #site-content :is(.container,.uf-shell,.price-shell){padding-inline:40px}
 .mk-refresh #site-content section.faq>.container,.mk-refresh #site-content .uf-contact-grid,.mk-refresh #site-content .price-intro,.mk-refresh #site-content .price-offer,.mk-refresh #site-content .price-advice-grid,.mk-refresh #site-content .price-faq-section{gap:40px}
 .mk-refresh #site-content section.image-grid .grid-wrapper{grid-template-rows:repeat(2,260px)}
 .mk-refresh #site-content section.image-grid .grid-wrapper.single-row,.mk-refresh #site-content section.image-grid .grid-wrapper.layout-2-equal{grid-template-rows:260px}
}
@media(max-width:900px){
 .mk-refresh #site-content :is(.container,.uf-shell,.price-shell){padding-inline:22px}
 .mk-refresh #site-content :is(p,li):not(:where(.uf-contact,.uf-quote-section) *){font-size:14px;line-height:1.9}
 .mk-refresh #site-content section.text p{margin-bottom:20px}
 .mk-refresh #site-content section.text p:last-child{margin-bottom:0}
 .mk-refresh #site-content section.text :is(ul,ol){margin-bottom:20px}
 .mk-refresh #site-content .faq-answer-content :is(p,li),.mk-refresh #site-content section.related-items .column p:not(.name){font-size:14px;line-height:1.9}
 .mk-refresh #site-content>.text,.mk-refresh #site-content :is(section.image-grid,section.zig-zag,section.faq,section.related-items){padding-block:40px}
 .mk-refresh #site-content h2{font-size:clamp(30px,8vw,38px);line-height:1.16}
 .mk-refresh #site-content section.page-header{min-height:580px}
 .mk-refresh #site-content section.page-header h1,.mk-refresh #site-content .price-hero h1{font-size:clamp(32px,8.7vw,44px)}
 .mk-refresh section.related-items .title h2{font-size:clamp(30px,8vw,38px);line-height:1.16}
 .mk-refresh section.related-items .title>p,.mk-refresh section.related-items .column p:not(.name){font-size:14px;line-height:1.9}
 .mk-refresh #site-content section.page-header .text-wrap{padding-block:80px 64px}
 .mk-refresh #site-content .js-projects-ajax{grid-template-columns:1fr}
 .mk-refresh #site-content .project img{aspect-ratio:3/2}
 .mk-refresh #site-content section.related-items .row,.mk-refresh #site-content section.zig-zag .row .row{flex-direction:column;gap:24px}
 .mk-refresh #site-content section.related-items .column,.mk-refresh #site-content section.zig-zag .column{width:100%;flex-basis:auto}
 .mk-refresh #site-content section.faq>.container,.mk-refresh #site-content .uf-contact-grid,.mk-refresh #site-content .price-intro,.mk-refresh #site-content .price-offer,.mk-refresh #site-content .price-advice-grid,.mk-refresh #site-content .price-faq-section{grid-template-columns:1fr;gap:32px}
 .mk-refresh #site-content section.image-grid .grid-wrapper{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto;gap:24px}
 .mk-refresh #site-content section.image-grid .grid-item{grid-area:auto!important;min-height:0;aspect-ratio:3/2}
 .mk-refresh #site-content .price-section{padding-block:64px}
 .mk-refresh #site-content .price-faq-answer :is(p,li),.mk-refresh #site-content .price-project-grid figcaption p,.mk-refresh #site-content .price-factors article p{font-size:14px;line-height:1.9}
 .mk-refresh #site-content .price-hero{min-height:700px}
 .mk-refresh #site-content .price-cta{padding-block:80px 64px}
}
@media(prefers-reduced-motion:reduce){.mk-refresh #site-content *{transition:none!important;animation:none!important}}

.mk-refresh #site-content .projects-title.alt{order:3;margin:64px 0 0;padding-bottom:0}

.mk-refresh #site-content .categories:not(:has(a)){display:none!important}

/* Photo hero text retains the approved light-on-photo contrast. */
.mk-refresh #site-content .price-hero :is(h1,.price-eyebrow,.price-hero-lead,.price-breadcrumb,.price-hero-down){color:#ffffff}

/* Shared photo intro role; homepage and editorial article remain independent. */
.mk-refresh #site-content:has(>section.page-header,>.price-hero){padding-top:0}
.mk-refresh #site-content :is(section.page-header,.price-hero){height:auto;min-height:640px;margin:0;display:flex;align-items:center}
.mk-refresh #site-content :is(section.page-header .text-wrap,.price-hero-content){width:100%;max-width:1440px;margin-inline:auto;padding-block:104px 96px}
.mk-refresh #site-content .price-hero-shade{background:linear-gradient(90deg,rgba(20,19,17,.85),rgba(20,19,17,.42))}
.mk-refresh #site-content :is(section.page-header .text-wrap p,.price-hero-lead){max-width:680px;margin:0 0 28px}
.mk-refresh #site-content .price-hero .price-eyebrow{margin-bottom:20px!important}
.mk-refresh #site-content .price-breadcrumb{margin-bottom:28px}
.mk-refresh #site-content :is(section.page-header a.button,.price-hero .price-button){display:inline-flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;height:auto;min-height:48px;padding:14px 24px;background:#faf9f7;color:#171613;font:500 12px/1.4 "Space Grotesk",Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:normal}
.mk-refresh #site-content :is(section.page-header a.button,.price-hero .price-button)>span{flex-shrink:0;font-size:18px;line-height:1}
.mk-refresh #site-content section.page-header{background-position:var(--mk-hero-position,50% 50%)}
.mk-refresh #site-content .price-hero{--mk-hero-position:60% 50%;--mk-hero-mobile-position:58% 50%}
.mk-refresh #site-content .price-hero picture img{object-position:var(--mk-hero-position)}
.mk-refresh #site-content section.page-header[style*="biele-kuchyne"]{--mk-hero-mobile-position:58% 50%}
.mk-refresh #site-content section.page-header[style*="cierne-kuchyne"]{--mk-hero-mobile-position:55% 50%}
.mk-refresh #site-content section.page-header[style*="hnede-kuchyne"]{--mk-hero-mobile-position:55% 50%}
.mk-refresh #site-content section.page-header[style*="zelene-kuchyne"]{--mk-hero-mobile-position:50% 50%}
.mk-refresh #site-content section.page-header[style*="nabytok-na-mieru-ficek-a-kuchta-1"]{--mk-hero-mobile-position:50% 50%}
.mk-refresh #site-content section.page-header[style*="navrh-kuchyne-kuchynskej-linky-1"]{--mk-hero-mobile-position:60% 50%}
.mk-refresh #site-content section.page-header[style*="vyroba-nabytku-na-mieru-ficek-kuchta-h1"]{--mk-hero-mobile-position:50% 50%}

/* Compact white intros share one header offset and one content gutter. */
.mk-refresh.hp-subpage #site-content>section.text[data-scroll]:first-child{margin-top:0}
.mk-refresh #site-content>section.text:first-child .column{margin-inline:0}
.mk-refresh #site-content>section.text:first-child>.container[style*="padding-top"]{padding-block:0!important}
.mk-refresh #site-content .projects-title:not(.alt) .row{margin-inline:0}
.mk-refresh #site-content .projects-title:not(.alt) .col-lg-8{padding-inline:0}
.mk-refresh #site-content .uf-contact{padding-top:0}
.mk-refresh #site-content .uf-contact>.uf-shell{padding-top:64px}
@media(max-width:900px){
 .mk-refresh #site-content :is(section.page-header,.price-hero){min-height:580px}
 .mk-refresh #site-content :is(section.page-header .text-wrap,.price-hero-content){padding-block:80px 64px}
 .mk-refresh #site-content section.page-header{background-position:var(--mk-hero-mobile-position,50% 50%)}
 .mk-refresh #site-content .price-hero picture img{object-position:var(--mk-hero-mobile-position)}
 .mk-refresh #site-content>section.text:first-child{padding-top:44px}
 .mk-refresh #site-content section.projects{padding-top:44px}
 .mk-refresh #site-content .uf-contact>.uf-shell{padding-top:44px}
}