@charset "utf-8";:root{--mro-orange:#f45b00;--mro-orange-dark:#d84f00;--mro-navy:#253445;--mro-text:#3b4a5a;--mro-muted:#687786;--mro-line:#dce4eb;--mro-soft:#f6f8fa;--mro-white:#fff;--mro-shadow:0 12px 32px rgba(28,44,61,.07)} .mobile-repair-overview{color:var(--mro-text);line-height:1.68} .mobile-repair-overview *{box-sizing:border-box} .mobile-repair-overview h2,.mobile-repair-overview h3{color:var(--mro-navy);line-height:1.25} .mobile-repair-overview h2{margin:0 0 10px;font-size:clamp(1.55rem,2.2vw,2.05rem)} .mobile-repair-overview h3{margin:0 0 8px} .mobile-repair-overview p{margin:0 0 14px} .mro-eyebrow{display:block;margin-bottom:7px;color:var(--mro-orange);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .mro-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:28px;padding:32px;border:1px solid var(--mro-line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7f9fb 100%)} .mro-lead{font-size:1.08rem;color:var(--mro-navy)} .mro-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .mro-pills span{padding:8px 12px;border:1px solid #ffd4bb;border-radius:999px;background:#fff7f2;color:var(--mro-navy);font-size:.88rem;font-weight:700} .mro-quick{padding:23px;border:1px solid #ffd1b5;border-radius:15px;background:#fff7f2} .mro-quick h3{font-size:1.2rem} .mro-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px} .mro-quick-links a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px 10px;border:1px solid var(--mro-line);border-radius:10px;background:#fff;color:var(--mro-navy);font-size:.9rem;font-weight:800;text-align:center;text-decoration:none;transition:.2s ease} .mro-quick-links a:hover{border-color:#ffc39e;color:var(--mro-orange);transform:translateY(-1px)} .mro-section{padding-top:52px} .mro-heading{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;margin-bottom:23px} .mro-heading>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--mro-orange);color:#fff;font-weight:900} .mro-heading h2{margin-bottom:5px} .mro-heading p{max-width:900px;margin:0;color:var(--mro-muted)} .mro-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .mro-service-grid article{position:relative;padding:22px;border:1px solid var(--mro-line);border-radius:15px;background:#fff;box-shadow:var(--mro-shadow)} .mro-service-grid b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:14px;border-radius:9px;background:#fff0e7;color:var(--mro-orange);font-size:.8rem} .mro-service-grid p{margin:0;color:var(--mro-muted);font-size:.93rem} .mro-directory{margin-top:52px;padding:32px;border-radius:18px;background:var(--mro-soft)} .mro-directory .mro-heading{margin-bottom:22px} .mro-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start} .mro-category{padding:23px;border:1px solid var(--mro-line);border-radius:15px;background:#fff;box-shadow:var(--mro-shadow);scroll-margin-top:110px} .mro-category-head{display:flex;align-items:center;gap:13px;margin-bottom:18px} .mro-category-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:11px;background:var(--mro-orange);color:#fff;font-size:1.05rem;font-weight:900} .mro-category-head .mro-eyebrow{margin-bottom:2px} .mro-category-head h3{margin:0;font-size:1.18rem} .mro-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .mro-link-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 13px;border:1px solid var(--mro-line);border-radius:10px;background:#f8fafb;color:var(--mro-navy);font-size:.9rem;font-weight:700;text-decoration:none;transition:.2s ease} .mro-link-grid a b{color:var(--mro-orange);font-size:1.05rem} .mro-link-grid a:hover{border-color:#ffc39e;background:#fff7f2;color:var(--mro-orange);transform:translateY(-1px)} .mro-info{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:center;margin-top:52px;padding:30px;border-radius:18px;background:var(--mro-navy);color:#dce4eb} .mro-info h2{color:#fff} .mro-info-copy p{margin-bottom:0;color:#d5dee7} .mro-info-facts{display:grid;gap:10px} .mro-info-facts div{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06)} .mro-info-facts b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--mro-orange);color:#fff;font-size:.78rem} .mro-info-facts span{color:#fff;font-weight:700} .mro-request{margin-top:52px;padding:30px;border:1px solid var(--mro-line);border-radius:18px;background:linear-gradient(135deg,#f7f9fb,#fff)} .mro-request-heading{margin-bottom:24px} .mro-request-heading p{max-width:850px;margin-bottom:0;color:var(--mro-muted)} .mro-form{padding-top:4px} @media(max-width:1050px){.mro-hero,.mro-info{grid-template-columns:1fr} .mro-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mro-category-grid{grid-template-columns:1fr}} @media(max-width:700px){.mro-hero,.mro-directory,.mro-info,.mro-request{padding:22px} .mro-section{padding-top:40px} .mro-directory,.mro-info,.mro-request{margin-top:40px} .mro-service-grid,.mro-link-grid{grid-template-columns:1fr} .mro-heading{grid-template-columns:42px 1fr;gap:12px} .mro-heading>span{width:40px;height:40px;border-radius:10px}} @media(max-width:480px){.mro-hero,.mro-directory,.mro-info,.mro-request{padding:18px} .mro-quick-links{grid-template-columns:1fr} .mro-pills{display:grid} .mro-pills span{text-align:center} .mro-heading{display:block} .mro-heading>span{margin-bottom:12px}} .mro-service-grid article{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:center} .mro-service-grid article>b{grid-column:1;grid-row:1;margin:0} .mro-service-grid article>h3{grid-column:2;grid-row:1;margin:0} .mro-service-grid article>p{grid-column:1 / -1;grid-row:2;margin:0}