/*
Theme Name: Mysenko Exterior Theme
Description: Lightweight mobile-first block theme for exterior cleaning SEO websites.
Version: 1.3.1
Requires at least: 6.6
Requires PHP: 8.3
Text Domain: mysenko-exterior-theme
*/
:root{--mx-green:#173b33;--mx-green-2:#295b4f;--mx-orange:#e96f32;--mx-paper:#f7f8f5;--mx-ink:#182f29;--mx-line:#d8e1dc}.wp-site-blocks{overflow:hidden}.mx-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--mx-line);backdrop-filter:blur(10px)}.mx-logo{font-weight:850;letter-spacing:.04em}.mx-logo small{display:block;font-size:9px;letter-spacing:.18em;color:#75847e}.mx-hero{min-height:min(720px,78vh);display:grid;align-items:center;position:relative;background:#eaf2ed}.mx-hero:before{content:"";position:absolute;inset:0 0 0 54%;background:linear-gradient(0deg,rgba(13,49,40,.25),transparent),var(--mx-hero-image,url('assets/images/hero-house.jpg')) center/cover no-repeat}.mx-hero__inner{position:relative;z-index:1;width:min(1240px,calc(100% - 40px));margin:auto}.mx-hero__copy{max-width:620px}.mx-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#4e7d70}.mx-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;margin:.25em 0;color:var(--mx-green)}.mx-hero h1 em{color:var(--mx-orange);font-style:normal;display:block}.mx-hero p{font-size:18px;line-height:1.7;color:#53645e;max-width:570px}.mx-button,.wp-element-button{border-radius:5px!important;background:var(--mx-orange)!important;color:#fff!important;font-weight:800;text-decoration:none;padding:.8em 1.1em}.mx-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#52645e}.mx-trust span:before{content:"✓";color:#438b77;margin-right:5px}.mx-band{padding:clamp(56px,8vw,104px) 20px}.mx-band__inner{max-width:1240px;margin:auto}.mx-kicker{color:#4e7d70;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mx-heading{font-size:clamp(34px,5vw,54px);color:var(--mx-green);margin:.25em 0}.mx-services{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid var(--mx-line);border-left:1px solid var(--mx-line)}.mx-services .wp-block-post{min-height:250px;padding:26px;border-right:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line);display:flex;flex-direction:column}.mx-services .wp-block-post:hover{background:#eef4ef}.mx-services .wp-block-post-title{font-size:21px}.mx-dark{background:var(--mx-green);color:#fff}.mx-dark .mx-heading{color:#fff}.mx-result{display:grid;grid-template-columns:1.1fr .9fr;min-height:500px}.mx-result__image{background:url('assets/images/before-after.jpg') center/cover no-repeat}.mx-result__copy{padding:clamp(42px,7vw,90px)}.mx-footer{background:#102f28;color:#dcebe6;padding:50px 20px}.mx-footer a{color:#fff}.mx-mobile-cta{display:none}.single .wp-block-post-content,.single-services .wp-block-post-content,.single-locations .wp-block-post-content,.single-projects .wp-block-post-content{max-width:780px}.mx-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}.mx-sidebar{position:sticky;top:110px}.mx-breadcrumbs{font-size:12px;color:#6e7d77}.mx-breadcrumbs a{color:inherit}.mx-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mx-archive-grid .wp-block-post{border:1px solid var(--mx-line);padding:20px;background:#fff;border-radius:6px}.mx-archive-grid img{aspect-ratio:16/10;object-fit:cover}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.mx-hero:before{inset:52% 0 0}.mx-hero{padding-bottom:330px;min-height:auto}.mx-services{grid-template-columns:repeat(2,1fr)}.mx-result{grid-template-columns:1fr}.mx-result__image{min-height:380px}.mx-content-grid{grid-template-columns:1fr}.mx-sidebar{position:static}.mx-archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{padding-bottom:58px}.mx-header .wp-block-navigation{display:none}.mx-hero{padding-bottom:280px}.mx-hero__inner{width:calc(100% - 32px)}.mx-hero h1{font-size:44px}.mx-services{grid-template-columns:1fr 1fr}.mx-services .wp-block-post{min-height:210px;padding:18px}.mx-archive-grid{grid-template-columns:1fr}.mx-mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr 1.4fr;z-index:50;left:0;right:0;bottom:0;height:58px;background:#fff;border-top:1px solid var(--mx-line)}.mx-mobile-cta a{display:grid;place-items:center;text-decoration:none;color:var(--mx-green);font-size:12px;font-weight:800}.mx-mobile-cta a:last-child{background:var(--mx-orange);color:#fff}}
@media(max-width:600px){.mx-mobile-cta{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-mobile-cta:empty{display:none}body:has(.mx-mobile-cta:empty){padding-bottom:0}}

.mx-about-page{width:100%;max-width:1240px;margin:0 auto;padding:16px 20px 56px}.mx-about-page section{margin:0 0 52px}.mx-about-page h1{color:var(--mx-green);font-size:clamp(38px,5vw,64px);line-height:1.05;margin:.2em 0 .45em}.mx-about-page h2{color:var(--mx-green);font-size:clamp(28px,3.5vw,42px);line-height:1.1;margin-bottom:.5em}.mx-about-page p,.mx-about-page li{color:#53645e;font-size:18px;line-height:1.7}.mx-about-page strong{color:var(--mx-ink)}.mx-about-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:center}.mx-about-portrait{margin:0;text-align:center}.mx-about-portrait img{width:100%;max-width:360px;border-radius:50%;box-shadow:0 16px 40px rgba(23,59,51,.16)}.mx-about-services{columns:2;column-gap:40px;padding-left:1.2em}.mx-about-services li{break-inside:avoid}.mx-about-cta{padding:32px;border:1px solid var(--mx-line);background:var(--mx-paper);border-radius:8px}.mx-about-social{text-align:center;border-top:1px solid var(--mx-line);padding-top:40px}.mx-about-qr-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px;width:100%;align-items:start}.mx-about-qr-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:var(--mx-green);font-weight:800;min-width:0}.mx-about-qr-card img{display:block;width:100%;max-width:240px;height:260px;object-fit:contain;background:#fff;border:1px solid var(--mx-line);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.mx-about-qr-card:hover img,.mx-about-qr-card:focus-visible img{transform:translateY(-4px);box-shadow:0 12px 24px rgba(23,59,51,.16)}
.mx-about-qr-grid>br{display:none!important}

/* Release 4: rendering stability and responsive safeguards. */
.mx-band:not(:first-child),.mx-related-projects,.mysenko-related{content-visibility:auto;contain-intrinsic-size:auto 700px}.wp-block-image img,.mx-project-photo,.mx-about-qr-card img{height:auto}.wp-block-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.wp-block-table table{border-collapse:collapse}.wp-block-post-content,.mx-band__inner{min-width:0}.wp-block-post-content h1,.wp-block-post-content h2,.wp-block-post-content h3,.wp-block-post-content p,.wp-block-post-content a{overflow-wrap:anywhere}
@media(max-width:700px){.mx-about-page{padding:8px 16px 40px}.mx-about-hero{grid-template-columns:1fr;gap:24px}.mx-about-portrait{order:-1}.mx-about-services{columns:1}.mx-about-page p,.mx-about-page li{font-size:16px}.mx-about-qr-grid{grid-template-columns:1fr!important;gap:20px}.mx-about-qr-card{font-size:12px}.mx-about-qr-card img{height:auto;max-width:280px;border-radius:5px}}
@media(max-width:700px){.mx-about-social{overflow:hidden}.mx-about-qr-card{width:100%;max-width:100%;overflow-wrap:anywhere}.mx-about-qr-card img{display:block!important;width:min(280px,100%)!important;max-width:100%!important;aspect-ratio:1/1;object-fit:contain}.wp-block-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.wp-block-table table{min-width:560px}.mx-band,.mx-about-page,.wp-block-post-content{min-width:0;max-width:100%;overflow-wrap:anywhere}}

.mx-hero:before{background:linear-gradient(0deg,rgba(13,49,40,.25),transparent),url('assets/images/hero-roof-cleaning.webp') center/cover no-repeat}
.mx-service-areas{max-width:780px;margin:34px auto;padding:24px;border:1px solid var(--mx-line);border-radius:10px;background:var(--mx-paper)}.mx-service-areas h2{margin:0 0 14px;color:var(--mx-green);font-size:24px}.mx-service-areas ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding-left:20px}.mx-service-areas a{color:var(--mx-green);font-weight:700}

/* Compact quote section; override the constrained WordPress group width. */
#request-service.mx-band { padding: 40px 20px; }
#request-service > .mysenko-quote { width: 100%; max-width: 1120px; margin-inline: auto; }
#request-service .mysenko-quote { padding: 24px; }
@media (max-width: 700px) {
  #request-service.mx-band { padding: 24px 16px; }
  #request-service .mysenko-quote { padding: 8px 0; }
}

/* Public layout 1.0.2 */
.mx-header-v2 *, .mx-band *, .mx-footer-v2 * { box-sizing: border-box; }
.mx-header-v2 { padding: 0 24px; }
.mx-header-inner { max-width: 1240px; margin: 0 auto; min-height: 84px; display: flex; align-items: center; justify-content: flex-end; gap: 36px; }
.mx-desktop-nav { display: flex; flex-wrap: nowrap; align-items: center; gap: 32px; }
.mx-desktop-nav a, .mx-header-quote { white-space: nowrap; }
.mx-desktop-nav a { text-decoration: none; font-weight: 600; font-size: 15px; }
.mx-desktop-nav a:hover { color: #a83f0d; }
.mx-nav-dropdown { position: relative; }
.mx-nav-dropdown summary { display: flex; align-items: center; gap: 7px; list-style: none; cursor: pointer; white-space: nowrap; font-weight: 600; font-size: 15px; }
.mx-nav-dropdown summary::-webkit-details-marker { display: none; }
.mx-nav-dropdown summary > span { width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.mx-nav-dropdown[open] summary > span { transform: rotate(225deg) translate(-2px,-1px); }
.mx-nav-dropdown summary:hover { color: #a83f0d; }
.mx-nav-dropdown > ul { position: absolute; z-index: 30; top: calc(100% + 18px); left: -18px; width: max-content; min-width: 250px; max-width: min(340px,calc(100vw - 32px)); margin: 0; padding: 10px; list-style: none; background: #fff; border: 1px solid var(--mx-line); border-radius: 9px; box-shadow: 0 14px 35px #173b3326; }
.mx-nav-dropdown > ul:before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 19px; }
.mx-nav-dropdown li { margin: 0; }
.mx-nav-dropdown li a { display: block; padding: 10px 12px; border-radius: 6px; line-height: 1.3; white-space: normal; }
.mx-nav-dropdown li a:hover { background: #eef4ef; }
.mx-nav-dropdown__all { margin-bottom: 5px!important; padding-bottom: 5px; border-bottom: 1px solid var(--mx-line); }
.mx-header-quote { flex-shrink: 0; font-size: 15px; }
.mx-mobile-menu { display: none; }
.mx-quote-band { background: var(--mx-green); padding: 40px 24px; margin-block: 0; scroll-margin-top: 100px; }
.mx-quote-band > .mysenko-quote { width: 100%; max-width: 1120px; margin: 0 auto; padding: 16px 0; }
.mx-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 32px; }
.mx-service-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--mx-line); border-radius: 12px; background: #fff; text-decoration: none; color: var(--mx-ink); transition: border-color .2s, box-shadow .2s; min-width: 0; }
.mx-service-card:hover { border-color: #3f806f; box-shadow: 0 8px 24px #173b3310; }
.mx-service-number { color: #598173; font-size: 12px; font-weight: 700; letter-spacing: .1em; }
.mx-service-card h3 { font-size: 23px; line-height: 1.2; margin: 20px 0 10px; overflow-wrap: anywhere; }
.mx-service-card p { font-size: 15px; color: #53645e; margin: 0 0 24px; }
.mx-card-link { margin-top: auto; font-size: 13px; font-weight: 700; display: flex; justify-content: space-between; gap: 12px; }
.mx-project-section { background: #eaf0eb; }
.mx-project-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 32px; }
.mx-project-card { background: #fff; border: 1px solid var(--mx-line); border-radius: 12px; overflow: hidden; min-width: 0; }
.mx-project-image-link { display: block; }
.mx-project-photo { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; }
.mx-project-caption { padding: 20px 24px; }
.mx-project-caption h3 { margin: 12px 0 0; font-size: 23px; overflow-wrap: anywhere; }
.mx-project-caption h3 a { text-decoration: none; }
.mx-project-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; line-height: 1.6; color: #53645e; overflow-wrap: anywhere; }
.mx-project-crumbs a { color: inherit; }
.mx-guide-cloud { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
.mx-guide-pill { display: inline-flex; align-items: center; max-width: 100%; border: 1px solid #c7d8ce; border-radius: 999px; padding: 14px 22px; background: #fff; color: var(--mx-green); text-decoration: none; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; transition: background .2s,color .2s; }
.mx-guide-pill:nth-child(3n+2) { background: #e6eee7; }
.mx-guide-pill:nth-child(3n) { background: #f7ede4; border-color: #e7d5c6; }
.mx-guide-pill:hover { background: var(--mx-green); color: #fff; }
.mx-footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 36px; }
.mx-footer-grid > div { min-width: 0; }
.mx-footer-grid h3 { font-size: 17px; margin: 0 0 20px; color: #fff; }
.mx-footer-brand { font-weight: 800; margin: 0 0 20px; overflow-wrap: anywhere; }
.mx-footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; font-size: 14px; }
.mx-footer-links a { text-decoration: none; overflow-wrap: anywhere; }
.mx-footer-links a:hover { text-decoration: underline; }
.mx-muted { color: #b1c4bc; }
.mx-mobile-cta-v2 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.mx-mobile-cta-v2 a:only-child { grid-column: 1/-1; }
.mx-header-v2 a:focus-visible, .mx-mobile-menu summary:focus-visible, .mx-service-card:focus-visible, .mx-guide-pill:focus-visible, .mx-project-card a:focus-visible { outline: 3px solid #b64b16; outline-offset: 4px; }
/* Put archive columns on the actual list, not the query wrapper. */
.wp-block-query.mx-archive-grid { display: block; }
.wp-block-query.mx-archive-grid > .wp-block-post-template { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; padding: 0; }
.wp-block-query.mx-archive-grid > .wp-block-post-template > li { min-width: 0; width: auto !important; }
.post-type-archive-services .mx-archive-grid .wp-block-post-date,
.post-type-archive-locations .mx-archive-grid .wp-block-post-date { display: none; }
/* Location pages use a Query wrapper around the service list. Put the grid on
   the inner post template so it does not get divided into four columns twice. */
.single-locations .wp-block-query.mx-services {
  display: block;
  border: 0;
}
.mx-about-band{padding-top:16px!important;padding-bottom:16px!important}
.single-locations .wp-block-query.mx-services > .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--mx-line);
  border-left: 1px solid var(--mx-line);
  list-style: none;
}
.single-locations .wp-block-query.mx-services > .wp-block-post-template > li {
  min-width: 0;
  width: auto !important;
}
@media (max-width: 900px) {
  .mx-header-inner { gap: 24px; }
  .mx-desktop-nav { gap: 20px; }
  .mx-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mx-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .mx-header-v2 { padding-inline: 16px; }
  .mx-header-inner { min-height: 72px; justify-content: space-between; gap: 12px; }
  .mx-desktop-nav { display: none; }
  .mx-mobile-menu { display: block; }
  .mx-mobile-menu summary { cursor: pointer; font-weight: 700; padding: 12px 0; }
  .mx-mobile-menu nav { position: absolute; left: 16px; right: 16px; top: calc(100% - 1px); display: grid; gap: 4px; padding: 12px; background: #fff; border: 1px solid var(--mx-line); box-shadow: 0 12px 20px #173b3320; border-radius: 8px; }
  .mx-mobile-menu nav a { padding: 12px; text-decoration: none; }
  .mx-mobile-menu .mx-nav-dropdown summary { padding: 12px; font-size: inherit; justify-content: space-between; }
  .mx-mobile-menu .mx-nav-dropdown > ul { position: static; width: auto; min-width: 0; max-width: none; margin: 0 8px 6px; padding: 4px 0 4px 12px; border: 0; border-left: 2px solid var(--mx-line); border-radius: 0; box-shadow: none; }
  .mx-mobile-menu .mx-nav-dropdown > ul:before { display: none; }
  .mx-mobile-menu .mx-nav-dropdown li a { padding: 9px 12px; }
  .mx-header-quote { display: none; }
  .mx-quote-band { padding: 28px 20px; }
  .mx-quote-band > .mysenko-quote { padding: 0; }
  .mx-project-grid { grid-template-columns: 1fr; }
  .mx-service-card { padding: 22px; }
  .mx-guide-pill { padding: 12px 18px; font-size: 14px; }
  .wp-block-query.mx-archive-grid > .wp-block-post-template { grid-template-columns: 1fr; }
  .single-locations .wp-block-query.mx-services > .wp-block-post-template { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
  .mx-service-grid, .mx-footer-grid { grid-template-columns: 1fr; }
  .single-locations .wp-block-query.mx-services > .wp-block-post-template { grid-template-columns: 1fr; }
}

/* Thumbtack reviews archive. */
.post-type-archive-reviews .mx-band { background: #f5f7f4; }
.mx-reviews { max-width: 1240px; margin: 0 auto; }
.mx-reviews-summary { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 32px; margin-bottom: 42px; }
.mx-reviews-summary p { color: #53645e; font-size: 17px; }
.mx-rating-summary { display: grid; justify-items: center; min-width: 180px; padding: 22px 28px; border: 1px solid var(--mx-line); border-radius: 14px; background: #fff; }
.mx-rating-summary strong { color: var(--mx-green); font-size: 46px; line-height: 1; }
.mx-rating-summary > span:last-child { margin-top: 5px; color: #64736e; font-size: 13px; }
.mx-stars { color: #e96f32; letter-spacing: .08em; white-space: nowrap; }
.mx-review-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 22px; }
.mx-review-services { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 54px; padding: 18px; border: 1px solid var(--mx-line); border-radius: 16px; background: #fff; }
.mx-review-services a { display: inline-flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid #cddbd3; border-radius: 999px; color: var(--mx-green); background: #f7faf8; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background .2s,color .2s,border-color .2s; }
.mx-review-services a:hover,.mx-review-services a:focus-visible { color: #fff; background: var(--mx-green); border-color: var(--mx-green); }
.mx-review-services strong { display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 7px; border-radius: 999px; color: var(--mx-green); background: #e3ede7; font-size: 12px; }
.mx-review-services a:hover strong,.mx-review-services a:focus-visible strong { background: #fff; }
.mx-review-group { scroll-margin-top: 110px; margin-top: 62px; }
.mx-review-group:first-of-type { margin-top: 0; }
.mx-review-group__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 0 0 22px; padding-bottom: 14px; border-bottom: 2px solid var(--mx-green); }
.mx-review-group__heading h2 { margin: 5px 0 0; color: var(--mx-green); font-size: clamp(27px,4vw,38px); }
.mx-review-group__heading > span { color: #587069; font-size: 14px; font-weight: 700; white-space: nowrap; }
.mx-review-card { min-width: 0; padding: 28px; border: 1px solid var(--mx-line); border-radius: 14px; background: #fff; box-shadow: 0 8px 30px rgba(23,59,51,.05); }
.mx-review-card__top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.mx-review-card__top a { color: #4d7469; font-size: 12px; font-weight: 700; text-decoration: none; }
.mx-review-text { margin: 22px 0; color: #263d37; font-size: 16px; line-height: 1.7; }
.mx-review-text > :first-child { margin-top: 0; }.mx-review-text > :last-child { margin-bottom: 0; }
.mx-review-card footer { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 14px; padding-top: 18px; border-top: 1px solid #e2e8e4; font-size: 13px; color: #64736e; }
.mx-review-card footer strong { color: var(--mx-green); font-size: 15px; }
.mx-review-card footer span:last-child { width: 100%; color: #477468; }
.mx-review-images { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 20px 0; }
.mx-review-images img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 7px; }
.mx-review-response { margin: 20px 0; padding: 16px; border-left: 3px solid var(--mx-orange); background: #f7f3ee; font-size: 14px; }
.mx-review-response p { margin: 7px 0 0; }
.mx-service-reviews-link { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; margin: 40px 0; padding: 22px 24px; border: 1px solid #cbdad2; border-radius: 12px; background: #f1f6f2; }
.mx-service-reviews-link > .mx-stars { font-size: 18px; }
.mx-service-reviews-link strong { color: var(--mx-green); font-size: 18px; }
.mx-service-reviews-link p { margin: 3px 0 0; color: #5c706a; font-size: 14px; }
.mx-service-reviews-link a { color: #fff; background: var(--mx-green); border-radius: 6px; padding: 11px 15px; font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.mx-inline-estimate { clear: both; width: min(1120px,100%); margin: clamp(42px,7vw,76px) auto; scroll-margin-top: 110px; }
.mx-inline-estimate .mysenko-quote { width: 100%; }
.mx-projects-archive .mx-related-projects__grid>article{min-width:0;padding:20px;border:1px solid var(--mx-line);border-radius:12px;background:#fff}.mx-projects-archive h2{font-size:24px;margin:0 0 16px}.mx-projects-archive h2 a{text-decoration:none}
.mx-projects-archive .mx-related-projects__photos figure{min-width:0;margin:0;overflow:hidden}.mx-projects-archive .mx-related-projects__photos a{display:block;min-width:0}.mx-projects-archive .mx-related-projects__photos img{display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain;border-radius:7px}
.mx-related-projects{clear:both;margin:clamp(38px,6vw,72px) 0}.mx-related-projects>h2{color:var(--mx-green);font-size:clamp(27px,4vw,38px)}.mx-related-projects__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.mx-related-projects__grid>article{min-width:0;padding:24px;border:1px solid var(--mx-line);border-radius:12px;background:#fff}.mx-related-projects__grid h3{margin:0 0 18px;font-size:24px}.mx-related-projects__grid h3 a{text-decoration:none}.mx-related-projects__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.mx-related-projects figure{min-width:0;margin:0}.mx-related-projects img{display:block;width:100%;height:auto!important;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:7px}.mx-related-projects figcaption{padding-top:7px;color:#53645e;font-size:12px;font-weight:700}.mx-project-detail>section{margin:0 0 38px}.mx-project-detail h2{color:var(--mx-green);font-size:30px}.mx-project-detail__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mx-project-detail__photos img{display:block;width:100%;height:auto;border-radius:10px}.mx-project-detail__description{max-width:780px;margin:38px 0;font-size:17px;line-height:1.7}.mx-project-detail__relation{margin:8px 0}.mx-project-detail__relation strong{color:var(--mx-green)}
.mx-related-projects__description{margin:18px 0 0;color:#40554f;font-size:15px;line-height:1.65}
.mx-service-title,.mx-location-title{width:min(780px,100%);max-width:780px!important;margin-inline:auto;white-space:nowrap;font-size:clamp(24px,3.4vw,46px)}
@media(max-width:700px){.mx-service-title,.mx-location-title{white-space:normal;font-size:clamp(30px,9vw,42px)}}
@media (max-width: 760px) {
	.mx-related-projects__grid,.mx-project-detail__photos{grid-template-columns:1fr}
  .mx-reviews-summary { grid-template-columns: 1fr; align-items: start; }
  .mx-rating-summary { justify-self: start; }
  .mx-review-grid { grid-template-columns: 1fr; }
  .mx-review-card { padding: 22px; }
  .mx-review-services { margin-bottom: 42px; padding: 12px; }
  .mx-review-services a { flex: 1 1 145px; justify-content: space-between; border-radius: 10px; }
  .mx-review-group { margin-top: 48px; }
  .mx-review-group__heading { align-items: start; }
  .mx-service-reviews-link { grid-template-columns: 1fr; align-items: start; }
  .mx-service-reviews-link a { justify-self: start; }
}