:root {
  --yh-navy: #14283b;
  --yh-blue: #2060a0;
  --yh-water: #3090d0;
  --yh-mist: #f4f8fb;
  --yh-white: #fff;
  --yh-muted: #465c6e;
  --yh-line: #d7e3ed;
  --yh-shell: 1200px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 2rem; }
body { margin: 0; color: var(--yh-navy); background: var(--yh-white); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1.125rem; line-height: 1.65; }
img, svg { max-width: 100%; }
img { height: auto; }
button, input, select, textarea { font: inherit; }
button, .wp-element-button { cursor: pointer; }
a { color: var(--yh-blue); text-underline-offset: .2em; text-decoration-thickness: 1px; }
a:hover { color: var(--yh-navy); text-decoration-thickness: 2px; }
a, button, input, summary { -webkit-tap-highlight-color: rgba(32, 96, 160, .15); }
:focus-visible { outline: 3px solid var(--yh-blue); outline-offset: 4px; }
[hidden] { display: none !important; }
h1, h2, h3, h4 { color: var(--yh-navy); font-weight: 700; line-height: 1.16; text-wrap: balance; }
h1 { margin: 0 0 1.5rem; font-size: clamp(2.125rem, 3.7vw, 3.375rem); letter-spacing: -.035em; }
h2 { margin: 0 0 1.5rem; font-size: clamp(1.625rem, 2.35vw, 2.25rem); letter-spacing: -.025em; }
h3 { margin: 1.75rem 0 1rem; font-size: 1.375rem; }
p { margin: 0 0 1.15rem; }
ul, ol { padding-inline-start: 1.4rem; }
li { margin-block: .45rem; }
figure { margin: 0; }
address { font-style: normal; }
.yh-shell { width: min(var(--yh-shell), calc(100% - 3rem)); margin-inline: auto; }
.yh-skip-link { position: fixed; z-index: 10000; top: .75rem; left: .75rem; transform: translateY(-200%); padding: .75rem 1rem; color: var(--yh-white); background: var(--yh-navy); border-radius: 4px; font-weight: 600; }
.yh-skip-link:focus { transform: none; color: var(--yh-white); outline-color: var(--yh-water); }
.yh-main { min-height: 45vh; }
.yh-main:focus { outline: none; }
.yh-breadcrumb-shell { padding-block: .4rem; }
.yh-breadcrumb-shell:empty { display: none; }
.yh-breadcrumb-shell nav { color: var(--yh-muted); font-size: .8125rem; line-height: 1.45; overflow-wrap: anywhere; }
.yh-breadcrumb-shell ol { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem .5rem; list-style: none; padding: 0; margin: 0; }
.yh-breadcrumb-shell li { display: flex; align-items: center; gap: .5rem; min-width: 0; margin: 0; }
.yh-breadcrumb-shell li + li::before { content: "/"; color: var(--yh-muted); }
.yh-breadcrumb-shell a { display: inline-flex; align-items: center; min-height: 44px; }
.yh-breadcrumb-shell [aria-current="page"] { min-height: 44px; }
.yh-breadcrumb-shell p { margin: 0; }

/* Desktop header stays in the normal flow; the compact mobile row is sticky. */
.yh-header { position: relative; z-index: 20; border-bottom: 1px solid var(--yh-line); background: var(--yh-white); }
.yh-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 108px; }
.yh-brand { display: flex; align-items: center; gap: .85rem; flex: 0 1 auto; color: var(--yh-navy); text-decoration: none; min-width: 0; }
.yh-brand:hover { color: var(--yh-navy); }
.yh-brand img { display: block; width: 64px; height: 64px; flex: 0 0 64px; object-fit: contain; }
.yh-brand-text { display: flex; flex-direction: column; line-height: 1.35; }
.yh-brand-text strong { font-size: 1.25rem; letter-spacing: -.02em; }
.yh-brand-text > span { color: var(--yh-muted); font-size: .8125rem; max-width: 180px; margin-top: .25rem; }
.yh-navigation { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .25rem .75rem; margin-inline-start: auto; min-width: 0; font-size: .9375rem; }
.yh-menu { display: flex; align-items: center; gap: .4rem; padding: 0; margin: 0; list-style: none; }
.yh-menu li { margin: 0; position: relative; }
.yh-menu a { display: flex; align-items: center; min-height: 44px; padding: .5rem .6rem; color: var(--yh-navy); text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
.yh-menu a:hover, .yh-menu .current-menu-item > a { color: var(--yh-blue); text-decoration: underline; }
.yh-menu .menu-item-has-children { display: flex; align-items: center; flex-wrap: wrap; }
.yh-menu .sub-menu { list-style: none; padding: .5rem; margin: 0; flex-basis: 100%; background: var(--yh-white); border: 1px solid var(--yh-line); border-radius: 4px; }
.yh-menu .sub-menu a { white-space: normal; min-width: 220px; }
.yh-js .yh-menu .sub-menu { position: absolute; top: calc(100% + .25rem); left: 0; min-width: 260px; box-shadow: 0 8px 20px rgba(20, 40, 59, .08); }
.yh-submenu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; padding: 0; color: var(--yh-navy); border: 0; border-radius: 4px; background: transparent; }
.yh-submenu-toggle:hover { background: var(--yh-mist); }
.yh-submenu-toggle:focus-visible { position: relative; z-index: 1; }
.yh-submenu-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.yh-header-phone { display: flex; flex-shrink: 0; flex-direction: column; justify-content: center; min-height: 50px; border-inline-start: 1px solid var(--yh-line); padding-inline-start: 1.25rem; text-decoration: none; line-height: 1.4; }
.yh-header-phone span { font-size: .75rem; color: var(--yh-muted); }
.yh-header-phone strong { font-size: 1.125rem; letter-spacing: .01em; }
.yh-menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .55rem .75rem; background: var(--yh-white); border: 1px solid var(--yh-line); border-radius: 4px; color: var(--yh-navy); font-size: .9375rem; font-weight: 600; }

/* The pipe schematic is the principal visual; the rest stays quiet and readable. */
.yh-hero { background: var(--yh-white); padding-block: clamp(2.5rem, 5vw, 4.75rem); border-bottom: 1px solid var(--yh-line); }
.yh-hero .yh-shell { margin-block: 0; }
.wp-block-columns.yh-hero-columns { display: grid; grid-template-columns: 1.14fr 1fr; gap: 3rem; align-items: center; margin: 0; }
.yh-hero-columns > .wp-block-column { min-width: 0; }
.yh-hero-copy h1 { max-width: 680px; margin-block-start: 0; }
.yh-intro { color: var(--yh-muted); max-width: 72ch; }
.yh-hero-copy .yh-intro { max-width: 60ch; font-size: 1.125rem; line-height: 1.65; }
.yh-call-buttons { margin-block: 1.75rem 0; gap: .75rem; }
.wp-block-button__link.wp-element-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .85rem 1.25rem; border: 0; border-radius: 4px; color: var(--yh-white); background: var(--yh-blue); font-size: 1rem; line-height: 1.5; font-weight: 600; text-decoration: none; }
.wp-block-button__link.wp-element-button:hover { color: var(--yh-white); background: var(--yh-navy); }
.yh-whatsapp-button .wp-block-button__link.wp-element-button { border: 0; background: var(--yh-navy); color: var(--yh-white); }
.yh-whatsapp-button .wp-block-button__link.wp-element-button:hover { background: #233e56; color: var(--yh-white); }
.yh-cta-mobile { display: none; }
.yh-firm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1.5rem; }
.yh-firm-card { padding: 1.5rem; border: 1px solid var(--yh-line); border-top: 3px solid var(--yh-blue); border-radius: 8px; background: var(--yh-white); }
.yh-firm-grid > .yh-firm-card { margin-block: 0; }
.yh-firm-card h3 { margin-top: 0; }
.yh-firm-districts { color: var(--yh-muted); font-size: 1rem; }
.yh-firm-card .yh-related-links { margin-bottom: 0; }
@media (max-width: 600px) { .yh-firm-grid { grid-template-columns: minmax(0, 1fr); } }
.yh-primary-links { list-style: none; padding: 0; margin: 1.5rem 0 0; }
.yh-primary-links li { margin: 0; border-top: 1px solid var(--yh-line); }
.yh-primary-links li:last-child { border-bottom: 1px solid var(--yh-line); }
.yh-primary-links a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 58px; padding: .85rem 0; font-size: 1.0625rem; font-weight: 600; text-decoration: none; }
.yh-primary-links a::after { content: ""; width: .55rem; height: .55rem; flex: 0 0 .55rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); margin-inline-end: .4rem; }
.yh-primary-links a:hover { text-decoration: underline; }
.yh-schematic img { display: block; width: 100%; height: auto; aspect-ratio: 7 / 6; object-fit: contain; }
.yh-photo-slot { margin: 1.5rem 0; }
.yh-photo-slot img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 4px; }
.yh-hero-visual { align-self: center; }
.yh-image-note { margin: .5rem 1.5rem 0; font-size: .8125rem; line-height: 1.6; color: var(--yh-muted); max-width: 55ch; }

/* Full-width section grounds; prose remains within a comfortable line length. */
.yh-page-intro { padding-block: clamp(2.5rem, 5vw, 4.5rem); background: var(--yh-mist); border-bottom: 1px solid var(--yh-line); }
.yh-section { padding-block: clamp(2.75rem, 5vw, 4.5rem); margin-block: 0; border-bottom: 1px solid var(--yh-line); }
.yh-section-inner { width: min(780px, calc(100% - 3rem)); margin-inline: auto; }
.yh-section-inner > :last-child { margin-bottom: 0; }
.yh-section-inner > :first-child { margin-top: 0; }
.yh-service-feature { background: var(--yh-mist); }
.yh-service-feature + .yh-service-feature { background: var(--yh-white); }
.home .yh-section-inner { width: min(1000px, calc(100% - 3rem)); }
.home .yh-section-inner > p, .home .yh-section-inner > ul:not(.yh-related-links) { max-width: 78ch; }
.yh-related-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; padding: 0; margin: 1.75rem 0 0; list-style: none; }
.yh-related-links li { margin: 0; border-top: 1px solid var(--yh-line); }
.yh-related-links a { display: flex; align-items: center; min-height: 50px; padding-block: .8rem; font-weight: 600; line-height: 1.45; }
.yh-faqs { margin-block: 1.75rem 0; }
.yh-faq { padding-block: 0; border-top: 1px solid var(--yh-line); }
.yh-faq:last-child { border-bottom: 1px solid var(--yh-line); }
.yh-faq summary { cursor: pointer; min-height: 56px; padding: 1rem .1rem; font-weight: 600; line-height: 1.5; }
.yh-faq summary::marker { color: var(--yh-blue); }
.yh-faq[open] { padding-bottom: 1.25rem; }
.yh-faq p { margin: 0 0 1rem; color: var(--yh-muted); }
.yh-faq p:last-child { margin-bottom: 0; }
.yh-reviews { background: var(--yh-mist); }
.yh-reviews .widget { margin-block: 1.5rem 0; }
.yh-reviews .widget-title { font-size: 1.25rem; }

/* Existing plugin content passes through the normal WordPress content area. */
.yh-page-content > :not(.yh-hero):not(.yh-section):not(.yh-page-intro):not(.yh-banner):not(.alignfull) { max-width: 1200px; margin-inline: auto; }
.yh-page-content > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, .wp-block-details, .wp-block-buttons) { width: min(780px, calc(100% - 3rem)); }
.yh-page-content > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote):first-child { margin-top: 2rem; }
.yh-page-content > :where(p, ul, ol, figure, blockquote):last-child { margin-bottom: 3rem; }
.yh-page-content .alignwide { width: min(1200px, calc(100% - 3rem)); }
.yh-page-content .alignfull { max-width: 100%; }
.yh-page-content iframe { max-width: 100%; }
.yh-page-content .wp-block-table { overflow-x: auto; }
.yh-page-content pre { overflow-x: auto; }
.yh-page-content blockquote { margin-block: 2rem; padding-inline-start: 1.5rem; border-left: 3px solid var(--yh-blue); }
.yh-fallback-title { padding-block: 3.5rem 1rem; }
.yh-fallback-title h1 { max-width: 900px; }
.yh-post-date { color: var(--yh-muted); font-size: .9375rem; }
.yh-feed { padding-block: 3.5rem 4.5rem; max-width: 900px; }
.yh-feed-entry { padding-block: 2rem; border-bottom: 1px solid var(--yh-line); }
.yh-feed-entry h2 { margin-bottom: 1rem; }
.yh-feed-entry h2 a { text-decoration: none; }
.yh-feed-entry h2 a:hover { text-decoration: underline; }
.yh-feed-entry > :last-child { margin-bottom: 0; }
.yh-search-form { margin-block: 2rem; max-width: 600px; }
.yh-search-form label { display: block; margin-bottom: .5rem; font-weight: 600; }
.yh-search-controls { display: flex; gap: .75rem; }
.yh-search-controls input { flex: 1; min-width: 0; min-height: 48px; padding: .65rem .75rem; background: var(--yh-white); border: 1px solid #7d94a7; border-radius: 4px; color: var(--yh-navy); }
.yh-search-controls button { min-width: 74px; min-height: 48px; padding: .65rem 1rem; background: var(--yh-blue); color: var(--yh-white); border: 0; border-radius: 4px; font-weight: 600; }
.yh-recovery-links { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin-block: 1.5rem; }
.yh-recovery-links a { display: flex; align-items: center; min-height: 44px; }
.yh-pagination, .yh-post-navigation { padding-block: 2rem; }
.pagination { margin-top: 2rem; }
.page-numbers { display: inline-flex; min-height: 44px; min-width: 44px; align-items: center; justify-content: center; padding: .5rem; margin-inline-end: .25rem; }
.nav-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.nav-links a { display: inline-flex; align-items: center; min-height: 44px; }
.comments-area { width: min(780px, calc(100% - 3rem)); margin: 2rem auto 3rem; }
.comments-area input:not([type="checkbox"]), .comments-area textarea { width: 100%; padding: .6rem; border: 1px solid #7d94a7; border-radius: 4px; }
.comments-area input[type="submit"] { width: auto; min-height: 44px; background: var(--yh-blue); color: var(--yh-white); border: 0; padding: .75rem 1rem; }
.screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }

.yh-footer { color: var(--yh-white); background: var(--yh-navy); }
.yh-footer-inner { display: grid; grid-template-columns: 1.5fr 1fr; gap: 4rem; padding-block: 3.5rem; }
.yh-footer h2 { color: var(--yh-white); font-size: 1.625rem; margin-bottom: 1.15rem; }
.yh-footer a { color: var(--yh-white); }
.yh-footer a:hover { color: #bbdef6; }
.yh-footer :focus-visible { outline-color: #bbdef6; }
.yh-footer-phone { display: inline-flex; align-items: center; min-height: 44px; font-size: clamp(1.875rem, 3vw, 2.625rem); font-weight: 700; text-decoration: none; line-height: 1.3; margin-bottom: .75rem; }
.yh-footer-contact p { margin-bottom: 1rem; }
.yh-footer-contact p a { display: inline-flex; align-items: center; min-height: 44px; }
.yh-footer-contact address { max-width: 44ch; color: #d1e0ec; font-size: 1rem; }
.yh-footer-contact .yh-footer-hours { margin: 1rem 0 0; font-size: 1rem; color: #d1e0ec; }
.yh-footer-menu { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.5rem; list-style: none; padding: 0; margin: 0; }
.yh-footer-menu li { margin: 0; }
.yh-footer-menu a { display: flex; align-items: center; min-height: 44px; padding-block: .65rem; font-size: 1rem; }
.yh-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-block: 1.25rem; border-top: 1px solid #3d5266; font-size: .875rem; }
.yh-footer-bottom p { margin: 0; color: #d1e0ec; }
.yh-footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
.yh-footer-legal { display: flex; flex-wrap: wrap; justify-content: flex-end; column-gap: 1.25rem; row-gap: .25rem; }
@media (max-width: 767px) { .yh-footer-legal { justify-content: flex-start; } }

.yh-mobile-contact { display: none; }
.yh-footer-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.yh-contact-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem 1rem; border: 1px solid transparent; border-radius: 4px; font-size: 1rem; font-weight: 650; line-height: 1.25; text-align: center; text-decoration: none; }
.yh-contact-phone, .yh-footer-actions .yh-contact-phone { background: var(--yh-blue); color: var(--yh-white); }
.yh-contact-phone:hover, .yh-footer-actions .yh-contact-phone:hover { background: #184f85; color: var(--yh-white); }
.yh-contact-whatsapp, .yh-footer-actions .yh-contact-whatsapp { background: var(--yh-navy); color: var(--yh-white); border-color: transparent; }
.yh-contact-whatsapp:hover, .yh-footer-actions .yh-contact-whatsapp:hover { background: #233e56; color: var(--yh-white); }

@media (max-width: 767px) {
  html { scroll-padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px)); }
  body.wp-theme-yerel-hizmet { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px)); }
  .yh-footer-actions { display: none; }
  .yh-mobile-contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; position: fixed; z-index: 30; inset: auto 0 0; padding: 0; border: 0; background: var(--yh-navy); }
  .yh-mobile-contact .yh-contact-action { min-width: 0; min-height: calc(52px + env(safe-area-inset-bottom, 0px)); padding: .65rem .375rem calc(.65rem + env(safe-area-inset-bottom, 0px)); border: 0; border-radius: 0; font-size: .875rem; }
  .yh-mobile-contact .yh-contact-action:first-child { padding-left: max(.375rem, env(safe-area-inset-left, 0px)); }
  .yh-mobile-contact .yh-contact-action:last-child { padding-right: max(.375rem, env(safe-area-inset-right, 0px)); }
  .yh-mobile-contact .yh-contact-action:focus-visible { outline-color: var(--yh-white); outline-offset: -4px; }
}

@media (max-width: 1200px) and (min-width: 1051px) {
  .yh-header-inner { gap: .75rem; }
  .yh-brand-text > span { display: none; }
  .yh-brand img { width: 64px; height: 64px; flex-basis: 64px; }
  .yh-brand-text strong { font-size: 1.125rem; }
  .yh-menu { gap: 0; }
  .yh-menu a { padding-inline: .5rem; }
  .yh-header-phone { padding-inline-start: .75rem; }
  .yh-header-phone strong { font-size: 1rem; }
}

@media (max-width: 1050px) {
  .yh-header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-content: start; gap: 0 .75rem; padding-block: .85rem 0; }
  .yh-brand { grid-column: 1; margin-bottom: .85rem; }
  .yh-brand img { width: 64px; height: 64px; flex-basis: 64px; }
  .yh-brand-text > span { max-width: 260px; }
  .yh-menu-toggle { grid-column: 3; margin-bottom: .85rem; }
  .yh-language-switcher { grid-column: 2; margin-bottom: .85rem; }
  .yh-js .yh-menu-toggle[hidden] { display: inline-flex !important; }
  .yh-js .yh-menu-toggle[aria-expanded="false"] + .yh-navigation { display: none; }
  .yh-header-phone { flex-basis: 100%; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; border-inline-start: 0; border-top: 1px solid var(--yh-line); min-height: 51px; padding: .65rem 0; order: 3; }
  .yh-header-phone span { font-size: .875rem; }
  .yh-header-phone strong { font-size: 1.0625rem; }
  .yh-navigation { grid-column: 1 / -1; order: 2; margin: 0; padding-block: .25rem .75rem; border-top: 1px solid var(--yh-line); }
  .yh-menu { align-items: stretch; flex-direction: column; gap: 0; }
  .yh-menu > li { width: 100%; }
  .yh-menu > li > a { flex: 1; padding: .6rem .25rem; }
  .yh-menu .sub-menu, .yh-js .yh-menu .sub-menu { position: static; width: 100%; margin-block: .25rem .5rem; border: 0; border-inline-start: 2px solid var(--yh-line); border-radius: 0; padding: .25rem .75rem; box-shadow: none; min-width: 0; }
  .yh-menu .sub-menu a { min-width: 0; }
  .wp-block-columns.yh-hero-columns { gap: 2rem; grid-template-columns: 1.1fr 1fr; }
  .yh-hero-copy h1 { font-size: clamp(2rem, 4vw, 2.875rem); }
  .yh-image-note { margin-inline: .75rem; }
  .yh-footer-inner { gap: 2.5rem; }
}

@media (max-width: 781px) {
  .wp-block-columns.yh-hero-columns { grid-template-columns: 1fr; gap: 1.5rem; }
  .yh-hero-copy h1 { font-size: clamp(2.125rem, 6vw, 3rem); }
  .yh-hero-copy .yh-intro { max-width: 66ch; }
  .yh-hero-visual { width: min(480px, 100%); margin-inline: auto; }
  .yh-footer-inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .yh-footer-menu { max-width: 600px; }
}

@media (max-width: 780px) {
  .yh-brand img { width: 52px; height: 52px; flex-basis: 52px; }
}

@media (max-width: 540px) {
  body { font-size: 1.0625rem; }
  .yh-shell, .yh-section-inner, .home .yh-section-inner { width: calc(100% - 2.5rem); }
  .yh-header-inner { gap: 0 .75rem; }
  .yh-js .yh-header-inner { grid-template-columns: minmax(0, 1fr) auto 44px; }
  .yh-brand { gap: .6rem; }
  .yh-brand img { width: 52px; height: 52px; flex-basis: 52px; }
  .yh-brand-text strong { font-size: 1.0625rem; }
  .yh-brand-text { min-width: 0; }
  .yh-brand-text > span, .yh-menu-toggle > span { display: none; }
  .yh-menu-toggle { width: 44px; padding: 0; }
  .yh-menu-toggle svg { width: 18px; }
  .yh-header-phone span { font-size: .8125rem; }
  .yh-header-phone strong { font-size: 1rem; }
  .yh-hero { padding-block: 2rem 2.5rem; }
  .yh-hero-copy h1 { font-size: 2.125rem; line-height: 1.12; margin-bottom: 1.25rem; }
  .yh-hero-copy .yh-intro { font-size: 1.0625rem; }
  .yh-call-buttons { margin-top: 1.5rem; }
  .yh-call-buttons .wp-block-button { width: 100%; }
  .yh-call-buttons .wp-block-button__link { width: 100%; padding-inline: .7rem; font-size: .9375rem; }
  .yh-primary-links { margin-top: 1.25rem; }
  .yh-primary-links a { font-size: 1rem; min-height: 64px; padding-block: .95rem; }
  .yh-related-links { grid-template-columns: 1fr; }
  .yh-image-note { margin-inline: 0; }
  .yh-section, .yh-page-intro { padding-block: 2.5rem; }
  .yh-section-inner h2 { margin-bottom: 1.25rem; }
  .yh-page-content > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, .wp-block-details, .wp-block-buttons) { width: calc(100% - 2.5rem); }
  .yh-footer-inner { padding-block: 2.75rem; }
  .yh-footer h2 { font-size: 1.5rem; }
  .yh-footer-menu { grid-template-columns: 1fr; }
  .yh-footer-bottom { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .yh-feed, .yh-fallback-title { padding-top: 2.5rem; }
  .nav-links { flex-direction: column; }
}


/* Direct support is a WhatsApp link, without a separate chat runtime. */
.yh-header-contact { display: flex; flex-shrink: 0; align-items: center; gap: .75rem; }
.yh-header-contact .yh-header-phone { padding-inline-start: 0; border: 0; }
.yh-header-whatsapp { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; padding: .55rem .75rem; border: 1px solid var(--yh-blue); border-radius: 4px; background: var(--yh-blue); color: var(--yh-white); font-size: .875rem; font-weight: 650; line-height: 1.35; text-decoration: none; }
.yh-header-whatsapp svg { flex: 0 0 20px; }
.yh-header-whatsapp:hover { background: var(--yh-navy); border-color: var(--yh-navy); color: var(--yh-white); }
.yh-contact-single .yh-contact-whatsapp { background: var(--yh-blue); border-color: var(--yh-blue); color: var(--yh-white); }
html[lang^="ru"] .yh-whatsapp-button .wp-block-button__link.wp-element-button, html[lang^="ar"] .yh-whatsapp-button .wp-block-button__link.wp-element-button, html[lang^="en"] .yh-whatsapp-button .wp-block-button__link.wp-element-button { background: var(--yh-blue); color: var(--yh-white); }
html[lang^="ru"] .yh-call-buttons .yh-whatsapp-button, html[lang^="ar"] .yh-call-buttons .yh-whatsapp-button { grid-column: 1 / -1; }
@media (max-width: 1050px) {
  .yh-header-contact { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-column: 1 / -1; order: 3; min-width: 0; min-height: 56px; padding-block: .35rem; border-top: 1px solid var(--yh-line); }
  .yh-header-contact .yh-header-phone { flex-basis: auto; min-height: 44px; border: 0; padding: 0; order: 0; justify-content: flex-start; }
  .yh-header-contact .yh-header-phone span { display: none; }
  .yh-header-contact.yh-contact-single { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .yh-mobile-contact.yh-contact-single { grid-template-columns: 1fr; }
  .yh-header-contact { display: none; }
  .yh-header-inner { min-height: 0; padding-block: .5rem; }
  .yh-header-inner > .yh-brand, .yh-header-inner > .yh-menu-toggle, .yh-header-inner > .yh-language-switcher { margin-bottom: 0; }
  .yh-cta-desktop { display: none; }
  .yh-cta-mobile { display: inline; }
}

:root {
  --yh-service-ana-hat-tikanikligi-acma: url("../images/services/ana-hat-tikanikligi-acma.svg");
  --yh-service-dus-gideri-acma: url("../images/services/dus-gideri-acma.svg");
  --yh-service-giderden-gelen-koku-tespiti: url("../images/services/giderden-gelen-koku-tespiti.svg");
  --yh-service-kamerali-su-kacagi-tespiti: url("../images/services/kamerali-su-kacagi-tespiti.svg");
  --yh-service-kirmadan-su-kacagi-tespiti: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MjAiIGhlaWdodD0iMzIwIiB2aWV3Qm94PSIwIDAgNTIwIDMyMCIgZmlsbD0ibm9uZSI+CiAgPHRpdGxlPkvEsXJtYWRhbiBzdSBrYcOnYcSfxLEgdGVzcGl0aSDDp2l6aW1pPC90aXRsZT4KICA8cGF0aCBkPSJNNDIgMTk5aDQzNk05NSAxOTl2LTE4bTExMCAxOHYtMThtMTEwIDE4di0xOG0xMTAgMTh2LTE4IiBzdHJva2U9IiNkN2UzZWQiIHN0cm9rZS13aWR0aD0iMyIvPgogIDxwYXRoIGQ9Ik01OCAyMzZoNDAzIiBzdHJva2U9IiMzMDkwZDAiIHN0cm9rZS13aWR0aD0iMjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik01OCAyMzZoNDAzIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxwYXRoIGQ9Im0yNjcgMjI1IDEwIDExLTEwIDExIiBzdHJva2U9IiMyMDYwYTAiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0iTTI4MyAyNTZzLTEzIDE0LTEzIDIwYTEzIDEzIDAgMCAwIDI2IDBjMC02LTEzLTIwLTEzLTIwWiIgZmlsbD0iIzMwOTBkMCIvPgogIDxyZWN0IHg9IjMxMyIgeT0iNDYiIHdpZHRoPSI5MiIgaGVpZ2h0PSI5NCIgcng9IjkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzE0MjgzYiIgc3Ryb2tlLXdpZHRoPSI1Ii8+CiAgPHBhdGggZD0iTTMyOSA3M2g1OXYyOGgtNTlaIiBmaWxsPSIjZWFmMmY4Ii8+CiAgPHBhdGggZD0ibTMzNiA4OCA5LTcgOCAxNCA4LTE5IDEwIDEyaDEwTTMzNSAxMjFoMTJtMTQgMGgyMCIgc3Ryb2tlPSIjMjA2MGEwIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0zNTggMTQwdjIyYzAgMjAtNzUtMi03NSAyMnY4IiBzdHJva2U9IiMxNDI4M2IiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0iTTI3MSAxODdoMjR2MTJoLTI0WiIgZmlsbD0iIzIwNjBhMCIvPgogIDxwYXRoIGQ9Ik0yNTQgMTc0YTM4IDM4IDAgMCAxIDU4IDBtLTcyLTEyYTU3IDU3IDAgMCAxIDg2IDAiIHN0cm9rZT0iIzMwOTBkMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8Y2lyY2xlIGN4PSIyODMiIGN5PSIyMzYiIHI9IjM4IiBzdHJva2U9IiMyMDYwYTAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iNSA1Ii8+Cjwvc3ZnPgo=");
  --yh-service-lavabo-tikanikligi-acma: url("../images/services/lavabo-tikanikligi-acma.svg");
  --yh-service-petek-temizleme: url("../images/services/petek-temizleme.svg");
  --yh-service-pimas-acma: url("../images/services/pimas-acma.svg");
  --yh-service-pimas-bakimi: url("../images/services/pimas-bakimi.svg");
  --yh-service-robotla-gider-tikanikligi-acma: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MjAiIGhlaWdodD0iMzIwIiB2aWV3Qm94PSIwIDAgNTIwIDMyMCIgZmlsbD0ibm9uZSI+CiAgPHRpdGxlPlJvYm90bGEgZ2lkZXIgdMSxa2FuxLFrbMSxxJ/EsSBhw6dtYSDDp2l6aW1pPC90aXRsZT4KICA8cGF0aCBkPSJNNDggMjM5aDQyOCIgc3Ryb2tlPSIjMTQyODNiIiBzdHJva2Utd2lkdGg9IjU0IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8cGF0aCBkPSJNNDggMjM5aDQyOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjM4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8cGF0aCBkPSJtMzc5IDIyNSAxNSAzIDggMTAtMTAgMTItMTUtMi04LTEyWiIgZmlsbD0iI2Q3ZTNlZCIgc3Ryb2tlPSIjNDY1YzZlIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8cmVjdCB4PSI4MCIgeT0iNzciIHdpZHRoPSIxMjgiIGhlaWdodD0iOTgiIHJ4PSIxMyIgZmlsbD0iIzIwNjBhMCIvPgogIDxjaXJjbGUgY3g9IjE0NCIgY3k9IjEyNiIgcj0iMzUiIGZpbGw9IiNmZmYiLz4KICA8Y2lyY2xlIGN4PSIxNDQiIGN5PSIxMjYiIHI9IjI0IiBzdHJva2U9IiMzMDkwZDAiIHN0cm9rZS13aWR0aD0iNSIvPgogIDxjaXJjbGUgY3g9IjE0NCIgY3k9IjEyNiIgcj0iOSIgZmlsbD0iIzE0MjgzYiIvPgogIDxwYXRoIGQ9Ik05NiA3N1Y2MWg5N3YxNk0xMDcgMTc1djE4bTc2LTE4djE4IiBzdHJva2U9IiMxNDI4M2IiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTIwOCAxMzNoMjVjNDAgMCAxMiAxMDYgNjEgMTA2aDU2IiBzdHJva2U9IiMzMDkwZDAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0ibTMzOSAyMjkgMTEgMTAtMTEgMTBtMTMtMjAgMTEgMTAtMTEgMTAiIHN0cm9rZT0iIzIwNjBhMCIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8cGF0aCBkPSJtMzc1IDIwMiAxMi05bTI2IDQwaDE3bS01OCAzOCAxMSA5IiBzdHJva2U9IiMzMDkwZDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0ibTgzIDIzNCA4IDUtOCA1bTM2LTEwIDggNS04IDUiIHN0cm9rZT0iIzIwNjBhMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  --yh-service-sihhi-tesisat-onarimi: url("../images/services/sihhi-tesisat-onarimi.svg");
  --yh-service-tuvalet-tikanikligi-acma: url("../images/services/tuvalet-tikanikligi-acma.svg");
}

.yh-service-directory .yh-related-links a { gap: .75rem; overflow-wrap: anywhere; }
.yh-service-directory .yh-related-links :is(a[href*="/ana-hat-tikanikligi-acma"], a[href*="/main-drain-line-unblocking"], a[href*="/prochistka-osnovnoy-kanalizatsii"], a[href*="/fath-insidad-alkhat-alraisi"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-ana-hat-tikanikligi-acma) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/dus-gideri-acma"], a[href*="/shower-drain-unblocking"], a[href*="/prochistka-dushevogo-sliva"], a[href*="/fath-masraf-aldush"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-dus-gideri-acma) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/giderden-gelen-koku-tespiti"], a[href*="/drain-odor-detection"], a[href*="/poisk-zapaha-iz-kanalizatsii"], a[href*="/kashf-raihat-alsarf"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-giderden-gelen-koku-tespiti) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/kamerali-su-kacagi-tespiti"], a[href*="/camera-water-leak-detection"], a[href*="/videoinspektsiya-protechek-vody"], a[href*="/kashf-tasarrub-almiyah-bilkamira"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-kamerali-su-kacagi-tespiti) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/kirmadan-su-kacagi-tespiti"], a[href*="/non-destructive-water-leak-detection"], a[href*="/poisk-skrytoy-utechki-vody"], a[href*="/kashf-tasarrub-almiyah-bidun-taksir"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-kirmadan-su-kacagi-tespiti) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/lavabo-tikanikligi-acma"], a[href*="/sink-drain-unblocking"], a[href*="/prochistka-rakoviny-i-moyki"], a[href*="/fath-insidad-almaghsala"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-lavabo-tikanikligi-acma) center / contain no-repeat; }
.yh-service-directory .yh-related-links a[href*="/petek-temizleme"]::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-petek-temizleme) center / contain no-repeat; }
.yh-service-directory .yh-related-links a[href*="/pimas-acma"]::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-pimas-acma) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/pimas-bakimi"], a[href*="/drain-pipe-washing-radiator-cleaning"], a[href*="/promyvka-trub-i-chistka-radiatorov"], a[href*="/ghasl-alanabib-watanzif-almishaeat"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-pimas-bakimi) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/robotla-gider-tikanikligi-acma"], a[href*="/robotic-drain-unblocking"], a[href*="/mehanicheskaya-prochistka-kanalizatsii"], a[href*="/fath-insidad-almajari-bilmakina"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-robotla-gider-tikanikligi-acma) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/sihhi-tesisat-onarimi"], a[href*="/plumbing-repair-and-maintenance"], a[href*="/remont-i-obsluzhivanie-santehniki"], a[href*="/islah-wasayanat-alsibaka"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-sihhi-tesisat-onarimi) center / contain no-repeat; }
.yh-service-directory .yh-related-links :is(a[href*="/tuvalet-tikanikligi-acma"], a[href*="/toilet-drain-unblocking"], a[href*="/ustranenie-zasora-unitaza"], a[href*="/fath-insidad-almirhad"])::before { content: ""; width: 56px; height: 36px; flex: 0 0 56px; background: var(--yh-service-tuvalet-tikanikligi-acma) center / contain no-repeat; }

/* Service diagrams and direct links give each first screen its subject. */
.yh-language-switcher { position: relative; flex-shrink: 0; font-size: .875rem; line-height: 1.35; }
.yh-language-switcher summary { display: flex; align-items: center; justify-content: center; gap: .375rem; min-height: 44px; padding: .5rem .625rem; border: 1px solid var(--yh-line); border-radius: 4px; color: var(--yh-navy); cursor: pointer; list-style: none; }
.yh-language-switcher summary::-webkit-details-marker { display: none; }
.yh-language-switcher summary:hover, .yh-language-switcher[open] summary { border-color: var(--yh-blue); background: var(--yh-mist); }
.yh-language-switcher summary svg { flex-shrink: 0; }
.yh-language-switcher[open] .yh-language-chevron { transform: rotate(180deg); }
.yh-language-code { display: none; }
.yh-language-menu { position: absolute; inset-block-start: calc(100% + .5rem); inset-inline-end: 0; width: max-content; min-width: 12rem; max-width: calc(100vw - 2.5rem); padding: .375rem; margin: 0; list-style: none; border: 1px solid var(--yh-line); border-radius: 6px; background: var(--yh-white); box-shadow: 0 8px 20px rgba(20, 40, 59, .08); }
.yh-language-menu li { margin: 0; }
.yh-language-menu a { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 44px; padding: .5rem .75rem; border-radius: 3px; color: var(--yh-navy); text-decoration: none; }
.yh-language-menu a:hover, .yh-language-menu a[aria-current="page"] { background: var(--yh-mist); color: var(--yh-blue); }
.yh-language-menu a[aria-current="page"]::after { content: "\2713"; font-weight: 700; }
.yh-language-menu small { color: var(--yh-muted); font-size: .75rem; }
@media (max-width: 1200px) {
  .yh-language-name { display: none; }
  .yh-language-code { display: inline; }
}
.wp-block-columns.yh-service-intro-columns { display: grid; grid-template-columns: 1.15fr 1fr; gap: 3rem; align-items: center; margin: 0; }
.yh-service-intro-columns > .wp-block-column { min-width: 0; }
.yh-service-intro-copy h1 { margin-top: 0; }
.yh-service-intro-visual { display: flex; align-items: center; justify-content: center; }
.yh-service-visual { width: 100%; margin: 0; }
.yh-service-visual img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: contain; }
.home .yh-hero-copy { display: flex; flex-direction: column; gap: 1.5rem; }
.home .yh-hero-copy > h1 { order: 1; margin: 0; }
.home .yh-hero-copy > .yh-primary-links { order: 2; margin: 0; }
.home .yh-hero-copy > .yh-call-buttons { order: 3; margin: 0; }
.home .yh-hero-copy > .yh-intro { order: 4; margin: 0; }
.yh-primary-links a { overflow-wrap: anywhere; }
.yh-primary-links a::before { content: ""; display: block; width: 88px; height: 56px; flex: 0 0 88px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.yh-primary-links li:first-child a::before { background-image: var(--yh-service-kirmadan-su-kacagi-tespiti); }
.yh-primary-links li:nth-child(2) a::before { background-image: var(--yh-service-robotla-gider-tikanikligi-acma); }
.yh-footer-inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr) minmax(0, .8fr) minmax(0, .9fr); gap: 2rem; }
.yh-footer-inner > * { min-width: 0; }
.yh-footer-phone { font-size: clamp(1.5rem, 2.2vw, 2rem); }
.yh-footer-group h2 { font-size: 1.125rem; line-height: 1.4; }
.yh-footer-group ul { margin: 0; padding: 0; list-style: none; }
.yh-footer-group li { margin: 0; }
.yh-footer-group a { display: flex; align-items: center; min-height: 44px; padding-block: .45rem; font-size: .9375rem; line-height: 1.45; overflow-wrap: anywhere; }
.yh-footer-service-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.25rem; }
.yh-footer-navigation .yh-footer-menu { grid-template-columns: 1fr; }
[dir="rtl"] .yh-primary-links a::after { transform: rotate(225deg); }
.yh-js[dir="rtl"] .yh-menu .sub-menu { left: auto; right: 0; }
.yh-call-buttons .wp-block-button__link[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }
@media (max-width: 1050px) {
  .yh-navigation { justify-content: flex-start; }
  .yh-navigation .yh-menu { width: 100%; }
  .yh-footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yh-footer-contact, .yh-footer-services { grid-column: 1 / -1; }
}
@media (max-width: 781px) {
  .wp-block-columns.yh-service-intro-columns { grid-template-columns: 1fr; gap: 1rem; }
  .yh-service-intro-copy, .home .yh-hero-copy { display: contents; }
  .yh-service-intro-copy > h1, .home .yh-hero-copy > h1 { order: 1; margin: 0; font-size: clamp(1.75rem, 4.7vw, 2.25rem); line-height: 1.17; }
  .yh-service-intro-visual { order: 2; }
  .wp-block-image.yh-service-visual img { height: 144px; }
  .yh-service-intro-copy > .yh-call-buttons, .home .yh-hero-copy > .yh-call-buttons { order: 3; }
  .yh-service-intro-copy > .yh-intro, .home .yh-hero-copy > .yh-intro { order: 4; margin: 0; max-width: 100%; font-size: 1rem; }
  .yh-service-intro .yh-call-buttons, .home .yh-hero .yh-call-buttons, .yh-local-intro .yh-call-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: 0; width: 100%; }
  .yh-service-intro .yh-call-buttons .wp-block-button, .home .yh-hero .yh-call-buttons .wp-block-button, .yh-local-intro .yh-call-buttons .wp-block-button { width: 100%; min-width: 0; }
  .yh-service-intro .yh-call-buttons .wp-block-button__link, .home .yh-hero .yh-call-buttons .wp-block-button__link, .yh-local-intro .yh-call-buttons .wp-block-button__link { width: 100%; padding: .65rem .35rem; font-size: .875rem; min-height: 48px; overflow-wrap: anywhere; }
  .yh-call-buttons .wp-block-button__link[href^="tel:"] { flex-direction: column; }
  .home .wp-block-columns.yh-hero-columns { gap: 1rem; }
  .home .yh-hero-copy > .yh-primary-links { order: 2; margin: 0; }
  .home .yh-hero-visual { display: none; }
  .yh-primary-links a { min-height: 72px; gap: .75rem; padding-block: .5rem; line-height: 1.4; font-size: 1rem; }
  .yh-primary-links a::before { width: 72px; height: 48px; flex-basis: 72px; }
  .yh-local-intro > .yh-section-inner { display: flex; flex-direction: column; gap: 1rem; }
  .yh-local-intro h1 { order: 1; margin: 0; font-size: clamp(1.75rem, 4.7vw, 2.25rem); }
  .yh-local-intro .yh-primary-links { order: 2; margin: 0; }
  .yh-local-intro .yh-call-buttons { order: 3; }
  .yh-local-intro .yh-intro { order: 4; margin: 0; font-size: 1rem; }
}
@media (max-width: 540px) {
  .yh-service-intro, .home .yh-hero, .yh-local-intro { padding-block: 1.5rem 2rem; }
  .yh-footer-inner { grid-template-columns: 1fr; }
  .yh-footer-inner > * { grid-column: auto; }
  .yh-footer-service-list { grid-template-columns: 1fr; }
}
@media (max-width: 359px) {
  .wp-block-image.yh-service-visual img { height: 100px; }
  .home .yh-hero-copy > h1, .yh-service-intro-copy > h1, .yh-local-intro h1 { font-size: 1.625rem; }
}

html[lang^="ru"] .yh-whatsapp-button .wp-block-button__link.wp-element-button:hover, html[lang^="ar"] .yh-whatsapp-button .wp-block-button__link.wp-element-button:hover, html[lang^="en"] .yh-whatsapp-button .wp-block-button__link.wp-element-button:hover { background: var(--yh-navy); border-color: var(--yh-navy); color: var(--yh-white); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@media print {
  .yh-header, .yh-menu-toggle, .yh-footer-navigation, .yh-search-form, .yh-mobile-contact, .yh-footer-actions { display: none; }
  body.wp-theme-yerel-hizmet { padding-bottom: 0; }
  .yh-shell, .yh-section-inner { width: 100%; }
  .yh-footer { background: white; color: black; }
  .yh-footer h2, .yh-footer a, .yh-footer address { color: black; }
  .yh-hero, .yh-section, .yh-page-intro { padding-block: 1.5rem; }
  details > * { display: block; }
}

/* Keep prices and page links together without adding another card layout. */
.yh-price-intro { margin: 1rem 0 0; color: var(--yh-navy); font-size: 1rem; font-weight: 600; line-height: 1.5; }
.yh-page-jumps { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; width: min(780px, calc(100% - 3rem)); padding: 1rem 0; margin: 0 auto; list-style: none; border-bottom: 1px solid var(--yh-line); font-size: 1rem; }
.yh-page-jumps li { margin: 0; }
.yh-page-jumps a { display: flex; align-items: center; min-height: 44px; font-weight: 600; }
/* Share the content gutter and stable columns across mobile browsers and the editor. */
@media (max-width: 767px) {
  .yh-section-inner .wp-block-list.yh-page-jumps {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px;
    align-items: stretch; justify-content: normal; width: 100%; max-width: none;
    margin: 0; padding: 0 0 16px; text-align: start;
  }
  .wp-block-list.yh-page-jumps > li { min-width: 0; margin: 0; padding: 0; }
  .wp-block-list.yh-page-jumps a {
    width: 100%; height: 100%; min-height: 44px; font-size: 1rem; line-height: 1.4;
    white-space: normal; overflow-wrap: anywhere; text-align: start;
  }
  .yh-section-inner .yh-page-jumps-label { margin-bottom: 8px; }
}
.yh-price-table { margin: 1.5rem 0; font-size: 1rem; }
.yh-price-table table { width: 100%; border-collapse: collapse; }
.yh-price-table th, .yh-price-table td { padding: .75rem; border: 1px solid var(--yh-line); text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.yh-price-table th { background: var(--yh-mist); }
.yh-price-table figcaption { margin-top: .5rem; color: var(--yh-muted); font-size: .875rem; }
.home .yh-reviews .yh-section-inner { width: min(1200px, calc(100% - 3rem)); }
@media (min-width: 541px) {
  .yh-section > .yh-section-inner:has(> .iy-reviews) { width: min(1200px, calc(100% - 3rem)); }
}
@media (max-width: 781px) {
  .yh-service-intro-copy > .yh-price-intro, .home .yh-hero-copy > .yh-price-intro, .yh-local-intro .yh-price-intro { order: 4; margin: 0; font-size: .9375rem; }
  .yh-service-intro-copy > .yh-intro, .home .yh-hero-copy > .yh-intro, .yh-local-intro .yh-intro { order: 5; }
}
@media (max-width: 540px) {
  .yh-price-table { font-size: .875rem; }
  .yh-price-table th, .yh-price-table td { padding: .5rem; }
}

/* Keep early streamed brand/language in their final desktop columns. */
@media (min-width: 1051px) {
  .yh-header-inner { display: grid; grid-template-columns: minmax(0, auto) auto minmax(0, 1fr) auto; }
  .yh-header-inner > .yh-brand { grid-column: 1; }
  .yh-header-inner > .yh-language-switcher { grid-column: 2; }
  .yh-header-inner > .yh-navigation { grid-column: 3; }
  .yh-header-inner > .yh-header-contact { grid-column: 4; }
}

/* Owner-supplied photography: the reserved space remains useful before upload. */
.yh-photo-slot.yh-photo-hero,
.yh-photo-slot.yh-photo-card,
.yh-photo-slot.yh-photo-process { margin: 0; width: 100%; min-width: 0; }
.yh-photo-slot > .yh-photo-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; width: 100%; min-width: 0; padding: 1.25rem; background: #f4f9fd; border: 1px dashed #a7c6e2; border-radius: 6px; text-align: center; }
.yh-photo-placeholder-label { color: var(--yh-blue); font-size: .8125rem; line-height: 1.4; font-weight: 650; }
.yh-photo-placeholder-title { color: var(--yh-navy); max-width: 32ch; font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.yh-photo-slot.yh-photo-hero > .yh-photo-placeholder,
.yh-photo-slot.yh-photo-hero > img:not([hidden]) { height: 264px; }
.yh-photo-slot.yh-photo-card > .yh-photo-placeholder,
.yh-photo-slot.yh-photo-card > img:not([hidden]) { height: 136px; }
.yh-photo-slot.yh-photo-process > .yh-photo-placeholder,
.yh-photo-slot.yh-photo-process > img:not([hidden]) { height: 300px; }
.yh-photo-slot.yh-photo-hero > img:not([hidden]),
.yh-photo-slot.yh-photo-card > img:not([hidden]),
.yh-photo-slot.yh-photo-process > img:not([hidden]) { display: block; width: 100%; max-width: 100%; object-fit: cover; border-radius: 6px; }
.yh-photo-slot figcaption { margin-block-start: .5rem; color: var(--yh-muted); font-size: .875rem; line-height: 1.5; }

/* A compact introduction lets the four service choices follow immediately. */
.home .yh-hero { padding-block: 1rem; }
.home .wp-block-columns.yh-hero-columns { grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr); gap: 2.5rem; }
.home .yh-hero-copy { display: flex; flex-direction: column; gap: 1rem; }
.home .yh-hero-copy > h1 { order: 0; max-width: none; font-size: clamp(2rem, 3vw, 2.625rem); line-height: 1.15; }
.home .yh-hero-copy > .yh-intro { order: 0; margin: 0; font-size: 1rem; line-height: 1.6; }
.home .yh-hero-copy > .yh-call-buttons { order: 0; margin: 0; }
.home .yh-hero-visual { width: 100%; }
.home .yh-hero-copy > .yh-primary-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 1rem; order: 0; margin: 0; }
.home .yh-hero .yh-primary-links li { border-block: 0; }
.home .yh-hero .yh-primary-links a { gap: .5rem; min-height: 44px; padding-block: .25rem; font-size: .9375rem; line-height: 1.45; }
.home .yh-hero .yh-primary-links a::before { display: none; }
.yh-home-services { padding-block: 2.25rem 3rem; background: var(--yh-white); }
.yh-home-services > .yh-section-inner { width: min(1200px, calc(100% - 3rem)); }
.yh-home-services h2 { margin-block-end: 1.5rem; }
.wp-block-group.yh-home-services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.yh-home-services-grid > .yh-service-card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: .75rem; border: 1px solid var(--yh-line); border-radius: 6px; background: var(--yh-white); }
.yh-service-card .yh-photo-card > .yh-photo-placeholder,
.yh-service-card .yh-photo-card > img:not([hidden]) { border-radius: 3px; }
.yh-service-card h3 { margin: 1.1rem 0 .6rem; font-size: 1.25rem; line-height: 1.3; }
.yh-service-card-copy { display: flex; flex-direction: column; flex: 1; min-width: 0; margin: 0; padding-block-start: .75rem; }
.yh-service-card-copy > p { margin-block: 0 .75rem; color: var(--yh-muted); font-size: .9375rem; line-height: 1.6; }
.yh-service-card-link { display: block; list-style: none; padding: 0; margin-block: auto 0; }
.yh-service-card-link li { margin: 0; border: 0; }
.yh-service-card-link a { display: flex; align-items: center; min-height: 44px; padding-block: .5rem; font-size: .9375rem; font-weight: 600; line-height: 1.45; }


/* First-screen photos and later method explanations use the same native blocks. */
.yh-page-intro.yh-service-intro,
.yh-page-intro.yh-local-intro { padding-block: 2rem; }
.wp-block-columns.yh-local-intro-columns { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 3rem; align-items: center; margin: 0; }
.yh-local-intro-columns > .wp-block-column { min-width: 0; }
.yh-local-intro > .yh-section-inner { width: min(1200px, calc(100% - 3rem)); }
.yh-local-intro-copy h1,
.yh-service-intro-copy h1 { margin-block: 0 1rem; font-size: clamp(2rem, 3vw, 2.625rem); }
.yh-local-intro-copy .yh-intro,
.yh-service-intro-copy .yh-intro { font-size: 1rem; line-height: 1.6; }
.yh-local-intro-visual { min-width: 0; }
.yh-local-intro-copy > .yh-primary-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 1rem; margin: 1rem 0; }
.yh-local-intro .yh-primary-links li { border-block: 0; }
.yh-local-intro .yh-primary-links a { gap: .5rem; min-height: 44px; padding-block: .25rem; font-size: .9375rem; line-height: 1.45; }
.yh-local-intro .yh-primary-links a::before { display: none; }

.yh-process-section > .yh-section-inner { width: min(1200px, calc(100% - 3rem)); }
.wp-block-columns.yh-process-columns { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 3rem; margin: 0; }
.yh-process-columns > .wp-block-column { min-width: 0; }
.yh-process-copy h2 { margin-block-start: 0; max-width: 30ch; }
.yh-process-copy > :last-child { margin-block-end: 0; }
.yh-process-copy p,
.yh-process-copy li { font-size: 1.0625rem; line-height: 1.65; }
.yh-process-reverse .yh-process-copy { grid-column: 2; grid-row: 1; }
.yh-process-reverse .yh-process-visual { grid-column: 1; grid-row: 1; }
.yh-process-reverse .yh-process-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
.yh-support-schematic { width: min(420px, 100%); margin-block: 2rem 0; margin-inline: auto; }
.yh-support-schematic .yh-schematic img { width: 100%; height: auto; max-height: 260px; object-fit: contain; }
.yh-support-schematic .yh-image-note { margin-inline: 0; }

@media (max-width: 1050px) {
  .wp-block-group.yh-home-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home .wp-block-columns.yh-hero-columns,
  .wp-block-columns.yh-local-intro-columns,
  .wp-block-columns.yh-process-columns { gap: 2rem; }
}
@media (max-width: 781px) {
  .home .wp-block-columns.yh-hero-columns,
  .wp-block-columns.yh-local-intro-columns { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .home .yh-hero-copy,
  .yh-local-intro-copy { display: contents; }
  .home .yh-hero-copy > h1,
  .yh-local-intro-copy > h1 { order: 1; margin: 0; font-size: clamp(1.75rem, 4.7vw, 2.25rem); }
  .home .yh-hero-visual { display: block; order: 2; width: 100%; }
  .yh-local-intro-visual { order: 2; }
  .home .yh-hero-copy > .yh-call-buttons,
  .yh-local-intro-copy > .yh-call-buttons { order: 3; margin: 0; }
  .home .yh-hero-copy > .yh-primary-links,
  .yh-local-intro-copy > .yh-primary-links { order: 4; margin: 0; }
  .home .yh-hero-copy > .yh-price-intro,
  .yh-local-intro-copy > .yh-price-intro { order: 4; margin: 0; }
  .home .yh-hero-copy > .yh-intro,
  .yh-local-intro-copy > .yh-intro { order: 5; margin: 0; }
  .yh-photo-slot.yh-photo-hero > .yh-photo-placeholder,
  .yh-photo-slot.yh-photo-hero > img:not([hidden]) { height: 144px; }
  .yh-local-intro > .yh-section-inner { display: block; }
  .yh-service-intro-copy > h1 { font-size: clamp(1.75rem, 4.7vw, 2.25rem); margin: 0; }
  .wp-block-columns.yh-process-columns,
  .yh-process-reverse .yh-process-columns { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .yh-process-reverse .yh-process-copy,
  .yh-process-reverse .yh-process-visual { grid-column: auto; grid-row: auto; }
  .yh-photo-slot.yh-photo-process > .yh-photo-placeholder,
  .yh-photo-slot.yh-photo-process > img:not([hidden]) { height: 220px; }
  .yh-process-copy h2 { max-width: 100%; }
}
@media (max-width: 540px) {
  .home .yh-hero,
  .yh-page-intro.yh-service-intro,
  .yh-page-intro.yh-local-intro { padding-block: 1.5rem; }
  .yh-home-services { padding-block: 1.75rem 2.5rem; }
  .yh-home-services > .yh-section-inner,
  .yh-process-section > .yh-section-inner,
  .yh-local-intro > .yh-section-inner { width: calc(100% - 2.5rem); }
  .wp-block-group.yh-home-services-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .yh-home-services-grid > .yh-service-card { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: .5rem 1rem; padding: 1rem; }
  .yh-service-card .yh-photo-card > .yh-photo-placeholder,
  .yh-service-card .yh-photo-card > img:not([hidden]) { height: 100px; }
  .yh-service-card .yh-photo-placeholder { padding: .625rem .375rem; }
  .yh-service-card .yh-photo-placeholder-label { font-size: .6875rem; }
  .yh-service-card .yh-photo-placeholder-title { font-size: .75rem; line-height: 1.4; }
  .yh-service-card-copy > h3 { margin: 0 0 .5rem; font-size: 1.125rem; }
  .yh-service-card-copy > p { margin: 0; font-size: .875rem; }
  .yh-service-card-link { margin: .25rem 0 0; }
  .yh-service-card-link a { font-size: .875rem; }
  .yh-service-card .yh-photo-placeholder-title { display: none; }
  .yh-process-copy p,
  .yh-process-copy li { font-size: 1rem; }
  .yh-photo-slot.yh-photo-process > .yh-photo-placeholder,
  .yh-photo-slot.yh-photo-process > img:not([hidden]) { height: 176px; }
}
/* Give the two introductory links room to wrap as complete phrases. */
@media (max-width: 767px) {
  .home .yh-hero .yh-primary-links a,
  .yh-local-intro .yh-primary-links a { gap: .25rem; align-items: flex-start; }
  .home .yh-hero .yh-primary-links a::after,
  .yh-local-intro .yh-primary-links a::after { margin-inline-end: 0; margin-block-start: .4rem; }
}
@media (max-width: 359px) {
  .home .yh-hero-copy > .yh-primary-links,
  .yh-local-intro-copy > .yh-primary-links { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 541px) and (max-width: 767px) {
  .wp-block-group.yh-home-services-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .yh-home-services-grid > .yh-service-card { display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: .5rem 1rem; padding: 1rem; }
  .yh-service-card .yh-photo-card > .yh-photo-placeholder,
  .yh-service-card .yh-photo-card > img:not([hidden]) { height: 112px; }
  .yh-service-card .yh-photo-placeholder { padding: .625rem .375rem; }
  .yh-service-card .yh-photo-placeholder-title { display: none; }
  .yh-service-card-copy > h3 { margin: 0 0 .5rem; }
  .yh-service-card-copy > p { margin: 0; }
  .yh-service-card-link { margin: .25rem 0 0; }
}
/* The shared grid follows the title's actual height, so photos align with the copy. */
@media (max-width: 767px) {
  .yh-service-card > .yh-service-card-copy { display: contents; }
  .yh-service-card-copy > h3 { grid-column: 1; grid-row: 1; margin: 0; }
  .yh-service-card-copy > p { grid-column: 1; grid-row: 2; }
  .yh-service-card > .yh-photo-card { grid-column: 2; grid-row: 2 / span 2; align-self: start; }
  .yh-service-card-copy > .yh-service-card-link { grid-column: 1; grid-row: 3; margin: 0; }
}
@media (max-width: 359px) {
  .home .yh-hero-copy > h1,
  .yh-local-intro-copy > h1,
  .yh-service-intro-copy > h1 { font-size: 1.625rem; }
  .yh-home-services-grid > .yh-service-card { grid-template-columns: minmax(0, 1fr) 76px; gap: .5rem .75rem; padding: .75rem; }
  .yh-service-card .yh-photo-card > .yh-photo-placeholder,
  .yh-service-card .yh-photo-card > img:not([hidden]) { height: 92px; }
}
/* One full-width banner. Its native Image block becomes the background when filled. */
.yh-page-content > :is(.yh-hero, .yh-page-intro) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(2.5rem, 5vw, 4.5rem);
  border-bottom: 1px solid var(--yh-line);
  background: linear-gradient(115deg, #eef5fc, #e5f0f9);
}
.yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-visual, .yh-service-intro-visual, .yh-local-intro-visual)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #eef5fc 0%, rgba(238, 245, 252, .98) 40%, rgba(238, 245, 252, .94) 60%, rgba(238, 245, 252, .12) 100%);
}
.yh-page-content > :is(.yh-hero, .yh-page-intro) > :is(.yh-shell, .yh-section-inner) { width: min(1200px, calc(100% - 3rem)); }
.yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-columns, .yh-service-intro-columns, .yh-local-intro-columns) { display: block; margin: 0; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-copy, .yh-service-intro-copy, .yh-local-intro-copy),
.yh-page-content > .yh-page-intro:not(.yh-service-intro):not(.yh-local-intro) > .yh-section-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.125rem;
  width: min(740px, calc(100% - 3rem));
  margin-inline: auto;
  text-align: center;
}
.yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-copy, .yh-service-intro-copy, .yh-local-intro-copy) { width: min(740px, 100%); }
.yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-copy, .yh-service-intro-copy, .yh-local-intro-copy) > * { order: 0; margin: 0; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) h1 { max-width: 100%; margin: 0; font-size: clamp(2rem, 3.4vw, 3.25rem); line-height: 1.14; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-intro { max-width: 62ch; margin: 0; font-size: 1.0625rem; line-height: 1.65; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-price-intro { max-width: 62ch; margin: 0; font-size: .9375rem; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-call-buttons { justify-content: center; margin: 0; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-primary-links { width: 100%; margin: 0; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-primary-links a { text-align: start; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-visual, .yh-service-intro-visual, .yh-local-intro-visual) { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; align-self: stretch; margin: 0; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-photo-hero { position: absolute; inset: 0; width: 100%; height: 100%; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-photo-hero > .yh-photo-placeholder { display: none; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-photo-hero > img:not([hidden]) { width: 100%; height: 100%; border-radius: 0; object-fit: cover; }
.yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-photo-hero > figcaption { position: absolute; z-index: 2; inset: auto 1rem .75rem auto; max-width: 34ch; margin: 0; padding: .25rem .5rem; color: var(--yh-navy); background: rgba(255, 255, 255, .95); font-size: .75rem; }
.yh-page-content > :is(.yh-hero, .yh-page-intro):dir(rtl) :is(.yh-hero-visual, .yh-service-intro-visual, .yh-local-intro-visual)::after { background: linear-gradient(270deg, #eef5fc 0%, rgba(238, 245, 252, .98) 40%, rgba(238, 245, 252, .94) 60%, rgba(238, 245, 252, .12) 100%); }
@media (min-width: 782px) {
  .yh-page-content > :is(.yh-hero, .yh-page-intro):has(.yh-photo-hero > img[src]:not([hidden])) :is(.yh-hero-copy, .yh-service-intro-copy, .yh-local-intro-copy) { align-items: flex-start; max-width: min(740px, 60%); margin-inline: 0; text-align: start; }
}
@media (max-width: 781px) {
  .yh-page-content > :is(.yh-hero, .yh-page-intro) { padding-block: 2rem; }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-visual, .yh-service-intro-visual, .yh-local-intro-visual)::after,
  .yh-page-content > :is(.yh-hero, .yh-page-intro):dir(rtl) :is(.yh-hero-visual, .yh-service-intro-visual, .yh-local-intro-visual)::after { background: rgba(238, 245, 252, .92); }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) h1 { font-size: clamp(1.75rem, 7vw, 2.25rem); }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-intro { font-size: 1rem; line-height: 1.6; }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-call-buttons { width: 100%; }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-call-buttons > .wp-block-button { align-self: stretch; }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-call-buttons .wp-block-button__link { height: 100%; }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) .yh-photo-hero > figcaption { inset: auto .5rem .25rem auto; font-size: .6875rem; }
}
@media (max-width: 767px) {
  html { scroll-padding-top: 6rem; }
  .yh-js .yh-header { position: sticky; top: 0; max-block-size: calc(100vh - 52px - env(safe-area-inset-bottom, 0px)); max-block-size: calc(100dvh - 52px - env(safe-area-inset-bottom, 0px)); }
  .yh-js .yh-header-inner { max-block-size: inherit; grid-template-rows: auto minmax(0, 1fr); }
  .yh-js .yh-navigation { min-block-size: 0; align-self: stretch; overflow-y: auto; }
}
@media (min-width: 601px) and (max-width: 767px) {
  html:has(body.admin-bar) { scroll-padding-top: calc(6rem + 46px); }
  .yh-js .admin-bar .yh-header { top: 46px; max-block-size: calc(100vh - 98px - env(safe-area-inset-bottom, 0px)); max-block-size: calc(100dvh - 98px - env(safe-area-inset-bottom, 0px)); }
}

@media print {
  .yh-page-content > :is(.yh-hero, .yh-page-intro) { background: white; padding-block: 1rem; }
  .yh-page-content > :is(.yh-hero, .yh-page-intro) :is(.yh-hero-visual, .yh-service-intro-visual, .yh-local-intro-visual)::after { display: none; }
  .yh-js .yh-header { position: static; max-block-size: none; }
  .yh-photo-placeholder { break-inside: avoid; }
  .yh-service-card,
  .yh-process-columns { break-inside: avoid; }
}