/* SS Computers Data Recovery - isolated page styles */
.dr-page{color:#0c2e60;background:#fff}.dr-page *{box-sizing:border-box}.dr-container{width:min(1200px,calc(100% - 36px));margin:auto}.dr-hero{background:linear-gradient(120deg,#eff6ff,#fff);padding:65px 0}.dr-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.dr-eyebrow{font-weight:800;color:#0879ed;letter-spacing:.11em;font-size:13px;margin:0 0 12px}.dr-crumb{font-size:13px;color:#53739d;margin-bottom:18px}.dr-crumb a{color:#2469b8}.dr-page h1{font-size:clamp(32px,4vw,54px);line-height:1.14;margin:0 0 18px;color:#0c326a}.dr-page h1 span,.dr-page h2 span{color:#0b7ff5}.dr-lead{font-size:18px;line-height:1.75;color:#456282}.dr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.dr-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;background:#087af1;color:white!important;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.dr-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #075ac42e}.dr-outline{background:white;color:#086ad4!important;border:1px solid #a6cbf4}.dr-small{font-size:13px;color:#59718d;margin-top:18px}.dr-hero-photo img{width:100%;height:370px;object-fit:cover;border-radius:24px;box-shadow:0 18px 48px #113d7122}.dr-section{padding:70px 0}.dr-heading{text-align:center}.dr-page h2{font-size:clamp(27px,3.2vw,40px);line-height:1.2;margin:0 0 15px;color:#0c326a}.dr-heading>p:not(.dr-eyebrow){color:#5a708c;margin:0 0 34px}.dr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left}.dr-card{border:1px solid #d7e6f7;border-top:4px solid var(--accent,#0784f7);border-radius:18px;padding:27px 24px;box-shadow:0 10px 30px #163c6510;transition:transform .2s,box-shadow .2s;background:#fff}.dr-card:nth-child(2){--accent:#ff9700}.dr-card:nth-child(3){--accent:#13b66d}.dr-card:nth-child(4){--accent:#a04dff}.dr-card:nth-child(5){--accent:#ff5266}.dr-card:nth-child(6){--accent:#04afc6}.dr-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px #163c6522}.dr-icon{display:grid;place-items:center;width:45px;height:45px;background:#eaf4ff;color:#087af1;border-radius:12px;font-size:26px}.dr-card h3{margin:16px 0 10px;color:#103568;font-size:19px}.dr-card p{margin:0;line-height:1.65;color:#56708e}.dr-soft{background:#f3f8ff}.dr-two{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:start}.dr-two p{color:#536c89;line-height:1.7}.dr-checks{padding-left:23px;line-height:1.85;color:#234a78}.dr-note{background:white;border:1px solid #d8e7f9;border-radius:20px;padding:28px;box-shadow:0 10px 30px #12365c13}.dr-note h3{margin-top:0}.dr-note ol{padding-left:22px;line-height:1.9}.dr-note p{font-size:14px}.dr-faq{max-width:900px;margin:30px auto 0;text-align:left}.dr-faq details{border:1px solid #dce8f7;border-radius:13px;margin-bottom:12px;padding:17px 20px}.dr-faq summary{font-weight:800;cursor:pointer;color:#103568}.dr-faq details p{color:#526e8d;line-height:1.7}.dr-cta{background:linear-gradient(110deg,#063e89,#087ef2);padding:45px 0;color:white}.dr-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.dr-cta h2{color:white;margin-bottom:8px}.dr-cta p{margin:0;color:#e1edff}.dr-cta .dr-actions{margin:0}.dr-white{background:#fff;color:#086ad4!important}.dr-ghost{background:transparent;border:1px solid #a9d4ff}@media(max-width:900px){.dr-hero-grid,.dr-two{grid-template-columns:1fr}.dr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-cta-inner{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.dr-hero,.dr-section{padding:42px 0}.dr-grid{grid-template-columns:1fr}.dr-hero-photo img{height:230px}.dr-lead{font-size:16px}.dr-btn{width:100%}.dr-actions{width:100%}}

/* Approved full-width Data Recovery WebP banner */
.dr-hero img[src*="ss-computers-data-recovery.webp"]{width:100%;height:auto;object-fit:contain;display:block}

/* Full-width uncropped banner: maintain original 1672 x 941 aspect ratio. */
.dr-page .dr-full-banner{width:100%;margin:0;padding:0;background:#eef6ff;line-height:0;overflow:hidden}
.dr-page .dr-full-banner img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.dr-page .dr-intro{padding:38px 0 48px}
.dr-page .dr-intro>.dr-container{max-width:1050px}
@media(max-width:600px){.dr-page .dr-intro{padding:26px 0 36px}}

/* Header > full uncropped banner > page content > footer.
   Scope all changes to this page so the shared header/footer styles are untouched. */
body.ss-unified > header.header{position:relative;z-index:30}
body.ss-unified > main.dr-page{display:block;clear:both;width:100%;margin:0;padding:0}
body.ss-unified > main.dr-page > .dr-full-banner{display:block;position:relative;width:100%;max-width:100%;margin:0 auto;padding:0;aspect-ratio:1672/941;height:auto;overflow:hidden;background:#edf5ff;line-height:0}
body.ss-unified > main.dr-page > .dr-full-banner > img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;max-width:100%;margin:0;padding:0}
body.ss-unified > footer.ss-footer{clear:both}


/* Data Recovery page: match the Computer Repair website's header/banner/footer layout. */
body.ss-unified > header.header,
body.ss-unified > footer.ss-footer{width:100%}
body.ss-unified > main.dr-page{width:100%;clear:both}
body.ss-unified > main.dr-page > .dr-full-banner{
  width:calc(100% - 32px);max-width:1440px;margin:0 auto;
  padding:0;height:auto;aspect-ratio:auto;overflow:visible;
  background:transparent;line-height:0;
}
body.ss-unified > main.dr-page > .dr-full-banner > img{
  display:block;width:100%;height:auto;max-width:100%;
  object-fit:contain;object-position:center;border:0;border-radius:0;
}
/* Keep the Services dropdown's Data Recovery entry visually consistent. */
body.ss-unified header.header .ss-nav-dropdown[data-nav-group="services"] .menu a[href="/data-recovery.html"]{
  font-size:inherit;font-weight:inherit;line-height:inherit;
  color:inherit;text-decoration:none;
}
body.ss-unified header.header .ss-nav-dropdown[data-nav-group="services"] .menu a[href="/data-recovery.html"] .nav-menu-icon{
  width:24px;height:24px;flex:0 0 24px;fill:none;
}
@media(max-width:600px){
 body.ss-unified > main.dr-page > .dr-full-banner{width:100%;max-width:100%}
}

/* Final layout alignment with computer-repair.html (crp-shell) */
body.ss-unified main.dr-page > section.dr-full-banner{
 width:min(1240px,calc(100% - 36px));max-width:1240px;
 margin-inline:auto;padding:0;aspect-ratio:auto;height:auto;overflow:hidden;
}
body.ss-unified main.dr-page > section.dr-full-banner > img{
 width:100%;height:auto;max-width:100%;display:block;object-fit:contain;
}
/* Navigation icon dimensions are controlled by shared service-footer bundle. */
@media(max-width:600px){body.ss-unified main.dr-page > section.dr-full-banner{width:calc(100% - 18px)}}

/* Enhanced Data Recovery content design — scoped; approved navigation and banner untouched */
.dr-page{font-family:inherit}.dr-page .dr-full-banner{box-shadow:none}.dr-page .dr-trust{background:#fff;border-bottom:1px solid #dce9f7;padding:20px 0}.dr-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dr-trust-grid>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dbe8f7;border-radius:14px;background:#f8fbff}.dr-trust-grid strong{color:#0b7bea;font-size:22px}.dr-trust-grid b,.dr-trust-grid small{display:block}.dr-trust-grid b{font-size:14px;color:#123c74}.dr-trust-grid small{font-size:12px;color:#607c9c;line-height:1.4;margin-top:3px}.dr-page .dr-intro{background:linear-gradient(125deg,#eef6ff,#fff 70%)}.dr-page .dr-intro .dr-container{max-width:1100px}.dr-page .dr-intro h1{font-weight:850;letter-spacing:-.035em}.dr-page .dr-card{position:relative;overflow:hidden}.dr-page .dr-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--accent,#0784f7)}.dr-page .dr-card h3{font-weight:800}.dr-situations{background:#f6faff}.dr-symptom-grid,.dr-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dr-symptom-grid article,.dr-process-grid article{background:#fff;border:1px solid #dce8f7;border-radius:18px;padding:25px 22px;box-shadow:0 12px 28px #103c6810;transition:transform .2s,box-shadow .2s}.dr-symptom-grid article:hover,.dr-process-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 34px #103c6820}.dr-symptom-grid article>span{color:#087cf1;font-size:14px;font-weight:900;letter-spacing:.12em}.dr-process-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e5f2ff;color:#086ad4;font-size:22px;font-weight:900}.dr-symptom-grid h3,.dr-process-grid h3{font-size:18px;line-height:1.3;color:#123c74;margin:16px 0 10px}.dr-symptom-grid p,.dr-process-grid p{font-size:14px;line-height:1.7;color:#58718e;margin:0}.dr-process{background:white}.dr-local{background:linear-gradient(125deg,#edf6ff,#f8fbff)}.dr-local-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px}.dr-local-grid p{color:#4f6b8c;line-height:1.8}.dr-local-card{padding:30px;border:1px solid #cee2f9;border-radius:22px;background:#fff;box-shadow:0 18px 45px #123a6615}.dr-local-card>span{font-weight:900;letter-spacing:.13em;font-size:12px;color:#087cf1}.dr-local-card h3{font-size:22px;color:#123c74;margin:12px 0}.dr-local-card ul{padding-left:20px;color:#456383;line-height:1.85}.dr-faq details[open]{background:#f5faff;border-color:#a9cef8}.dr-faq summary:focus-visible,.dr-page a:focus-visible{outline:3px solid #1687ff;outline-offset:3px}@media(max-width:1050px){.dr-trust-grid,.dr-symptom-grid,.dr-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.dr-local-grid{grid-template-columns:1fr}.dr-trust-grid{gap:8px}.dr-trust-grid>div{padding:11px}.dr-page .dr-section{padding:48px 0}}@media(max-width:560px){.dr-trust-grid,.dr-symptom-grid,.dr-process-grid{grid-template-columns:1fr}.dr-trust-grid>div{padding:12px 16px}.dr-page .dr-section{padding:40px 0}.dr-page .dr-local-card{padding:22px}}@media(prefers-reduced-motion:reduce){.dr-page .dr-card,.dr-symptom-grid article,.dr-process-grid article{transition:none}}

/* FAQ: two balanced columns on desktop; one column on mobile */
.dr-page .dr-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;max-width:1120px;align-items:start;margin:30px auto 0;text-align:left}
.dr-page .dr-faq details{width:100%;min-width:0;margin:0;box-sizing:border-box}
@media(max-width:760px){.dr-page .dr-faq{grid-template-columns:1fr;gap:12px}}