/* Final mobile layout layer. Content, desktop layout and form behaviour stay intact. */
@media (max-width:760px) {
 body.op-design .section,body.op-design .op-compact-steps,body.op-design .op-clients {padding-block:20px}
 body.op-design :is(h2,.section h2,.op-calc__heading h2) {font-size:24px;line-height:1.25;margin-bottom:12px}
 body.op-design :is(.section-lead,.city-note,.service-task p,.article-copy p,.article-copy li) {font-size:16px;line-height:1.45}
 body.op-design .section-lead {margin-bottom:16px}
 body.op-design :is(.home-hero,.city-hero) {padding-block:18px}
 body.op-design .service-hero {padding-block:0;min-height:0}
 body.op-design .service-hero .hero__grid {min-height:0;gap:12px}
 body.op-design .service-hero .hero__grid>div {padding-block:18px 0}
 body.op-design :is(.home-hero__grid,.city-hero__grid) {gap:14px}
 body.op-design :is(.home-hero,.service-hero,.city-hero) h1 {font-size:28px;line-height:1.16;margin:6px 0 12px}
 body.op-design :is(.home-hero,.service-hero,.city-hero) .lead {font-size:16px;line-height:1.45;margin:12px 0}
 body.op-design :is(.service-price,.home-hero__offer) {margin-top:14px}
 body.op-design :is(.service-price strong,.home-hero__offer strong) {font-size:26px;line-height:1.2}
 body.op-design .service-hero__actions {margin-top:14px;gap:8px}
 body.op-design .city-hero .city-hero__copy .service-offer {padding:12px;margin-top:14px}
 body.op-design .city-hero .service-offer .actions {gap:8px;margin-top:12px}
 body.op-design .city-hero .city-hero__photo {max-height:190px;aspect-ratio:16/9}
 body.op-design .service-hero picture {height:190px;margin-block:0 18px}
 body.op-design .home-hero .op-home-gallery .op-hero-gallery__track {height:190px;aspect-ratio:auto}
 body.op-design .op-hero-gallery__controls {padding:4px 8px}
 body.op-design .service-task-grid {gap:6px;margin-top:12px}
 body.op-design .service-task {display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 8px;padding:12px;min-height:0;border-radius:12px;align-content:start}
 body.op-design .service-task>b {grid-column:1;grid-row:1;margin:0;font-size:14px;line-height:1.6}
 body.op-design .service-task h3 {grid-column:2;margin:0;font-size:18px;line-height:1.3}
 body.op-design .service-task p {grid-column:1/-1;margin:0;font-size:16px;line-height:1.45}
 body.op-design .service-task:not(:has(>b)) h3 {grid-column:1/-1}
 body.op-design .service-task.op-operation-enhanced {padding:2px 12px;gap:0 8px}
 body.op-design .service-task.op-operation-enhanced>b {align-self:start;line-height:44px}
 body.op-design .op-operation-enhanced h3 {font-size:17px;line-height:1.35;min-width:0}
 body.op-design .op-operation-toggle {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 0;border:0;border-radius:4px;background:transparent;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
 body.op-design .op-operation-toggle>span:first-child {min-width:0;overflow-wrap:anywhere}
 body.op-design .op-operation-toggle:focus-visible {outline:2px solid #167445;outline-offset:2px}
 body.op-design .op-operation-chevron {width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:0 0 8px;margin-right:3px;align-self:center}
 body.op-design .op-operation-toggle[aria-expanded=true] .op-operation-chevron {transform:rotate(225deg)}
 body.op-design .service-task.op-operation-enhanced p {padding:2px 0 10px;grid-column:1/-1}
 body.op-design .home-catalog .catalog-group {gap:14px}
 body.op-design .home-catalog .catalog-group>div {padding:12px 10px;gap:10px}
 body.op-design .home-catalog .catalog-heading h3 {font-size:22px}
 body.op-design .home-catalog .catalog-heading p {margin-top:6px;line-height:1.4}
 body.op-design .home-catalog .catalog-group .service-grid {gap:7px}
 body.op-design .home-catalog .catalog-group .service-card {display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:5px 8px;min-height:0;padding:10px;border-radius:10px;align-content:start}
 body.op-design .home-catalog .catalog-group .service-card>.op-service-icon {grid-column:1;grid-row:1;width:28px;height:28px;margin:0;align-self:center}
 body.op-design .home-catalog .catalog-group .service-card>strong {grid-column:2;grid-row:1;font-size:17px;line-height:1.3;margin:0;padding:0}
 body.op-design .home-catalog .catalog-group .service-card>span {grid-column:1/-1;grid-row:2;font-size:15px;line-height:1.4;margin:0}
 body.op-design .home-catalog .catalog-group .service-card>b {position:static;grid-column:3;grid-row:1;font-size:20px}
 body.op-design .home-catalog .catalog-compact {padding:10px}
 body.op-design .home-catalog .catalog-compact a {padding-block:6px;min-height:44px}
 body.op-design .home-catalog .catalog-compact>div {gap:0}
 body.op-design .city-services .city-service-panel {padding:12px 10px}
 body.op-design .city-services .city-service-panel__heading {padding-bottom:10px;gap:6px}
 body.op-design .city-services .city-service-panel .city-service-panel__heading h3 {font-size:22px}
 body.op-design .city-services .op-service-directions {gap:8px}
 body.op-design .city-services .op-service-direction {padding:10px!important}
 body.op-design .city-services .op-service-direction h4 {margin-bottom:6px;font-size:18px;line-height:1.3}
 body.op-design .city-services .op-service-direction p {margin:6px 0;line-height:1.4}
 body.op-design .city-services .op-service-direction li a {min-height:44px;padding-block:6px;gap:8px}
 body.op-design .city-services .city-service-grid {gap:8px}
 body.op-design .city-services .city-service-card {padding:10px;min-height:0;height:auto;gap:8px}
 body.op-design .city-services .city-service-card strong {font-size:17px;line-height:1.3}
 body.op-design .city-services .city-service-card small {margin-top:3px;line-height:1.4}
 body.op-design .feature-grid--proof,body.op-design .op-compact-steps .feature-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,9em),1fr));gap:8px}
 body.op-design .feature-card--proof {padding:4px 0;min-height:0;gap:8px}
 body.op-design .op-compact-steps .feature-card {padding:8px;min-height:0;gap:7px}
 body.op-design .op-compact-steps .feature-card strong {font-size:15px;line-height:1.35}
 body.op-design .section--proof h2,body.op-design .op-compact-steps h2 {font-size:22px}
 body.op-design .op-intake .service-task-grid {margin-top:8px}
 body.op-design .faq-list {gap:6px}
 body.op-design .faq-list summary {padding:10px 12px;min-height:44px;font-size:16px;line-height:1.4}
 body.op-design .faq-list p {padding:0 12px 12px;margin:0;font-size:16px;line-height:1.45}
 body.op-design .op-districts .op-districts__panel {padding:12px;border-radius:14px}
 body.op-design .op-districts .op-districts__lead {margin-bottom:12px;line-height:1.45}
 body.op-design .op-districts .op-districts__grid {gap:6px}
 body.op-design .op-districts .op-districts__card {padding:10px;line-height:1.4}
 body.op-design .op-districts .op-districts__card span {margin-top:4px}
 body.op-design .op-districts .op-districts__foot {margin-top:12px;padding-top:12px;gap:10px}
 body.op-design .op-districts summary {min-height:44px;padding-block:8px}
 body.op-design .service-related .service-card,body.op-design .card--link {padding:12px;min-height:0}
 body.op-design .service-related .service-grid {gap:8px}
 body.op-design .request-cta .wrap {gap:12px}
 body.op-design .request-cta .lead {margin-top:8px;font-size:16px;line-height:1.45}
 body.op-design .op-calc__heading {margin-bottom:12px}
 body.op-design .op-calc__toggle {padding:12px 14px;min-height:44px;font-size:18px}
 body.op-design .op-calc__inputs,body.op-design .op-calc__result {padding:14px;gap:10px}
 body.op-design .op-calc label {gap:5px}
 body.op-design .op-calc :is(input:not([type=checkbox]),select,textarea) {font-size:16px;min-height:44px;padding:10px}
 body.op-design .op-calc__amount {font-size:28px;padding-top:8px;min-height:0}
 body.op-design .op-calc__formula,body.op-design .op-calc__note {margin:8px 0;min-height:0}
 body.op-design .op-calc__terms {margin-top:10px;padding-top:8px}
 body.op-design #our-work .op-work__heading {gap:8px;margin-bottom:12px}
 body.op-design #our-work .op-work__heading h2 {font-size:24px}
 body.op-design #our-work .op-work__cover {height:160px;min-height:0}
 body.op-design #our-work .op-work__body {padding:10px 12px}
 body.op-design #our-work .op-work__body h3 {font-size:18px;line-height:1.3;margin-bottom:4px}
 body.op-design #our-work .op-work__request {padding:14px;margin-top:14px;gap:12px}
 body.op-design .op-clients .op-clients__heading {margin-bottom:12px}
 body.op-design .op-clients .op-clients__group {margin-top:12px}
 body.op-design .op-clients .op-clients__grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,8em),1fr));gap:6px}
 body.op-design .op-clients .op-clients__item:last-child:nth-child(odd) {grid-column:auto}
 body.op-design .op-clients .op-clients__card,body.op-design .op-clients .op-clients__item:last-child:nth-child(odd) .op-clients__card {min-height:90px;padding:8px;gap:5px}
 body.op-design .op-clients .op-clients__mark {height:34px;min-height:34px;margin-bottom:4px}
 body.op-design .op-clients .op-clients__mark img {max-height:34px;max-width:100%}
 body.op-design .op-clients .op-clients__name {font-size:13px;line-height:1.3}
 body.op-design .contact-page .contact-card {padding:16px}
 body.op-design .contact-page .contact-page__grid {gap:12px}
 body.op-design .footer {padding-block:22px 18px}
 body.op-design .footer .footer__grid {gap:16px 12px}
 body.op-design .footer .footer__coverage {padding-bottom:14px;margin-bottom:14px}
 body.op-design .footer .footer__bottom {margin-top:14px;padding-top:12px}
 body.op-design :is(.home-hero__grid,.service-hero .hero__grid) {grid-template-columns:minmax(0,1fr)}
 body.op-design :is(.home-hero__copy,.service-hero .hero__grid>div,.recommendations__heading>div,.op-work__heading>div,.footer__column>*) {min-width:0}
 body.op-design :is(.home-hero,.service-hero,.city-hero,.recommendations__heading,.op-work__heading) :is(h1,h2,h3) {overflow-wrap:anywhere}
 body.op-design .faq-list {grid-template-columns:minmax(0,1fr)}
 body.op-design .faq-list details {min-width:0}
 body.op-design .faq-list summary {overflow-wrap:anywhere}
 body.op-design .footer .footer__grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5em),1fr))}
 body.op-design main,body.op-design .footer {overflow-wrap:anywhere}
 body.op-design .service-task {grid-template-columns:1.75em minmax(0,1fr)}
 body.op-design .service-hero__actions {grid-template-columns:repeat(auto-fit,minmax(min(100%,7em),1fr))}
 body.op-design :is(.button,.conversion-dock a) {min-width:0;white-space:normal;overflow-wrap:anywhere}
 body.op-design .contact-card,body.op-design .contact-card>div {min-width:0}
 body.op-design .contact-card .phone {white-space:normal}
 body.op-design .op-districts__card,body.op-design .op-districts__card :is(strong,span) {overflow-wrap:anywhere}
 body.op-design .home-catalog .catalog-group .service-card {grid-template-columns:28px minmax(0,1fr) 1.4em}
 body.op-design .request-cta .phone {white-space:normal;overflow-wrap:anywhere}
}
@media (min-width:390px) and (max-width:760px) {
 body.op-design .op-clients .op-clients__grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5em),1fr))}
}