/* FixMobi - serwisowy charakter, czytelność i uczciwy przekaz (2026-11) */
.evidence-strip {
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  padding:30px 36px;margin-block:10px 30px;
  border:1px solid #cfdef7;border-left:4px solid #536dff;border-radius:22px;
  background:linear-gradient(120deg,#f1f6ff,#e9f0ff);
  box-shadow:0 14px 38px #18356e0b;
}
.evidence-copy {min-width:0;max-width:780px;}
.evidence-eyebrow {display:block;font:800 11px/1.5 'Outfit',sans-serif;letter-spacing:.16em;color:#516de4;margin-bottom:9px;}
.evidence-copy h2 {font:800 clamp(22px,2.3vw,33px)/1.15 'Outfit',sans-serif;letter-spacing:-.035em;color:#172648;margin:0 0 12px;}
.evidence-copy p {color:#536784;font-size:14px;line-height:1.75;margin:0;}
.evidence-link {display:inline-flex;gap:12px;align-items:center;justify-content:center;flex-shrink:0;min-width:210px;max-width:240px;padding:16px 18px;color:#f8fbff !important;background:#1d376b;text-decoration:none;font-size:13px;font-weight:800;border-radius:12px;transition:transform .2s,background .2s;}
.evidence-link:hover {transform:translateY(-2px);background:#3154a2;}
.evidence-link:focus-visible {outline:3px solid #64c5ff;outline-offset:4px;}

/* Battery service demonstration: a flat battery is not the same as broken glass. */
#repair-game .game-display .game-low-power {
  position:absolute;inset:0;display:flex;gap:9px;align-items:center;justify-content:center;flex-direction:column;
  background:radial-gradient(circle at 50% 44%,#28447cbb,#10213e9e 75%);z-index:2;
  transition:opacity .45s ease,transform .45s ease;pointer-events:none;
}
#repair-game .game-low-power-icon {
  width:42px;height:22px;padding:3px;display:flex;align-items:center;
  border:2px solid #ffb6a3;border-radius:5px;position:relative;
  box-shadow:0 0 15px #ff967544;
}
#repair-game .game-low-power-icon:after {content:"";position:absolute;right:-6px;top:6px;width:3px;height:7px;border-radius:0 2px 2px 0;background:#ffb6a3;}
#repair-game .game-low-power-icon span {display:block;width:19%;height:100%;border-radius:2px;background:#ffa386;}
#repair-game .game-low-power small {font:800 8px/1 'Outfit',sans-serif;letter-spacing:.12em;color:#e8bdba;text-shadow:0 0 10px #e19b8a40;}
#repair-game[data-stage="4"] .game-low-power,
#repair-game[data-stage="5"] .game-low-power {opacity:0;transform:scale(.82);}
#repair-game .game-screen-message {position:relative;z-index:1;opacity:0;transition:opacity .4s ease;}
#repair-game[data-stage="4"] .game-screen-message,
#repair-game[data-stage="5"] .game-screen-message {opacity:1;}

/* Genuine additional interaction: post-repair tests, not just clicking 'done'. */
#repair-game .game-diagnostics {display:none;position:relative;z-index:5;min-width:0;}
#repair-game[data-stage="4"] .game-diagnostics {
  display:block;
  margin-top:8px;padding:11px 12px 12px;
  background:linear-gradient(140deg,#112a52,#163863);
  border:1px solid #5476b29a;border-radius:12px;
  box-shadow:inset 0 0 18px #58b9fc0c;
}
#repair-game .game-diagnostics-head {
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  margin-bottom:10px;font:800 10px/1.3 'Outfit',sans-serif;letter-spacing:.11em;color:#a6d8ff;
}
#repair-game .game-diagnostics-head small {font-size:10px;color:#81bfe8;letter-spacing:0;}
#repair-game .game-diagnostics-buttons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
#repair-game .game-check {
  min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;
  border-radius:9px;border:1px solid #456da7;background:#254570;color:#e0ecff;
  font:750 11px/1.2 'Outfit',sans-serif;padding:10px 6px;
  transition:background .2s,border-color .2s,transform .2s;
}
#repair-game .game-check:hover {border-color:#76d4fc;background:#2d5c96;transform:translateY(-1px);}
#repair-game .game-check:focus-visible {outline:2px solid #8ae8ff;outline-offset:2px;}
#repair-game .game-check[aria-pressed="true"] {background:#175c58;border-color:#58d5ba;color:#e0fff4;}
#repair-game .game-check[aria-pressed="true"] span {color:#a7ffe4;}
#repair-game .game-check[aria-pressed="true"] span:before {content:"✓";}
#repair-game .game-check[aria-pressed="true"] span {font-size:0;}
#repair-game .game-check[aria-pressed="true"] span:before {font-size:13px;}
#repair-game .game-bottom span {font-size:9px;letter-spacing:.07em;}
#repair-game .game-head span {min-height:30px;}

#data-lab.is-verifying .dl-compact-screen {border-color:#83cbf5!important;box-shadow:inset 0 0 0 1px #64c4f044;}
#data-lab.is-verifying #dl-status {color:#9ad8ff!important;}
#data-lab.is-verifying .dl-primary {background:linear-gradient(115deg,#4078cc,#268fb2)!important;}
#data-lab.is-verifying .dl-files {pointer-events:none;opacity:.85;}

/* Maintain useful rhythm on both desktop and mobile. */
@media(max-width:900px) {
  .evidence-strip {flex-direction:column;align-items:stretch;padding:25px 24px;gap:20px;}
  .evidence-link {width:100%;max-width:none;}
}
@media(max-width:460px) {
  .evidence-strip {margin-block:4px 20px;padding:22px 20px;border-radius:17px;}
  #repair-game .game-diagnostics-buttons {gap:5px;}
  #repair-game .game-check {flex-direction:column;gap:3px;padding:9px 3px;font-size:10px;}
  #repair-game .game-diagnostics-head {letter-spacing:.075em;}
}
@media(prefers-reduced-motion:reduce) {
  #repair-game .game-low-power,#repair-game .game-check,.evidence-link {transition:none !important;}
}

.repair-social-proof {margin-top:15px;font-size:13px!important;line-height:1.4!important;}
.repair-social-proof a {color:#4763ca;font-weight:750;text-decoration:underline;text-underline-offset:3px;}
.repair-social-proof a:hover {color:#234a99;}


/* 6.1 - display brand under the final success label, never behind it. */
#repair-game[data-stage="5"] .game-screen-message {opacity:0 !important;}
#repair-game .game-success .game-success-brand {
  display:block;
  width:auto;height:auto;
  font:850 12px/1.25 'Outfit',sans-serif;
  letter-spacing:.11em;
  color:#f0f8ff;
  background:none;
  -webkit-text-fill-color:currentColor;
  text-shadow:0 1px 12px rgba(31,207,185,.16);
  margin-top:0;
  text-align:center;
}
#repair-game .game-success .game-success-brand span {
  display:inline;
  width:auto;height:auto;
  border:0;border-radius:0;
  background:none !important;
  padding:0;margin:0;
  font:inherit;
  color:#8ce2ff !important;
  -webkit-text-fill-color:#8ce2ff;
  box-shadow:none;
  letter-spacing:inherit;
}
#repair-game[data-stage="5"] .game-success {
  gap:9px;
}
/* The portfolio/repair-proof section separates the hero claim from the process detail. */
main > .about-hero + .evidence-strip {
  margin-top:12px;
  margin-bottom:28px;
}
@media(max-width:760px) {
  main > .about-hero + .evidence-strip {margin-top:16px;margin-bottom:24px;}
}


/* FixMobi 6.2 - last responsive editorial details */
/* Above "Poznaj FixMobi": remove the excess whitespace, preserving clear distance from the sticky navigation. */
main > .about-hero {
  padding-top:clamp(34px,3.8vw,54px) !important;
  min-height:0 !important;
}
/* The Facebook project link sits inside the proof panel, away from the top navigation CTA. */
.evidence-strip {align-items:stretch;}
.evidence-link {
  align-self:flex-end;
  min-width:225px;max-width:253px;
  gap:10px;padding:11px 12px;
  background:linear-gradient(120deg,#173d80,#2563c5);
  border:1px solid #477aca;
  border-radius:13px;
  box-shadow:0 7px 18px #0c306320;
  line-height:1.34;
}
.evidence-facebook-icon {
  flex:0 0 32px;height:32px;border-radius:10px;
  display:grid;place-items:center;background:#f0f6ff;color:#1667bf;
}
.evidence-link-label {flex:1;min-width:0;font-size:12.5px;}
.evidence-link-chevron {flex:0 0 19px;display:grid;place-items:center;transition:transform .2s ease;}
.evidence-link:hover {background:linear-gradient(120deg,#1d4c9d,#2c77d8);}
.evidence-link:hover .evidence-link-chevron {transform:translateX(3px);}
/* A restrained, consistent arrow icon in the footer offer across all pages. */
.footer .footer-web-button .footer-web-arrow {
  flex:0 0 31px;display:grid;place-items:center;
  height:31px;border-radius:10px;
  background:#d0e0ff;color:#244b93;
  transition:transform .2s ease,background .2s ease;
}
.footer .footer-web-button:hover .footer-web-arrow {background:#c3d8ff;transform:translateX(2px);}
.footer .footer-web-button .footer-web-arrow svg {display:block;}
/* Three steps: less heavy typography and visual mass without sacrificing readability. */
@media(min-width:901px) {
  .dark-section .process-list {gap:12px;}
  .dark-section .process-list > div {
    min-height:98px;padding:15px 20px;gap:17px;
  }
  .dark-section .process-list > div > span {
    flex-basis:43px;height:43px;border-radius:12px;
    font-size:15px;font-weight:700;
  }
  .dark-section .process-list h3 {
    font-size:clamp(17px,1.32vw,20px) !important;
    font-weight:650 !important;line-height:1.28;margin-bottom:4px;
  }
  .dark-section .process-list p {font-size:clamp(13px,1.02vw,14.5px) !important;line-height:1.46;}
}
@media(max-width:900px) {
  .dark-section .process-list h3 {font-size:16px !important;font-weight:650 !important;line-height:1.32;}
  .dark-section .process-list p {font-size:12.5px !important;line-height:1.5;}
  .dark-section .process-list > div {padding:14px 15px;}
}
@media(max-width:760px) {
  main > .about-hero {padding-top:28px !important;}
  .evidence-link {align-self:stretch;width:100%;max-width:none;}
}
@media(max-width:360px) {
  .evidence-link {gap:8px;}
  .evidence-link-label {font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {
  .evidence-link-chevron,.footer .footer-web-button .footer-web-arrow {transition:none !important;}
}


/* 6.3 - Compact transition from serviced devices to typical faults. */
main > section.repair-services {padding-bottom:50px !important;}
main > section.typical-faults {padding-top:48px !important;}

/* A clean question/chat pictogram replaces the overly decorative screwdriver in the FAQ CTA. */
.faq-intro .faq-repair-cta {display:inline-flex;align-items:center;gap:13px;}
.faq-intro .faq-repair-cta .faq-repair-tool {
  width:31px;height:31px;flex:0 0 31px;display:inline-flex;align-items:center;justify-content:center;
  margin-left:3px;border:1px solid rgba(36,77,145,.16);border-radius:9px;
  background:rgba(31,75,154,.09);color:#244c87;
  transition:transform .2s ease,background .2s ease;
}
.faq-intro .faq-repair-cta .faq-repair-tool svg {display:block;width:20px;height:20px;}
.faq-intro .faq-repair-cta:hover .faq-repair-tool {transform:translateX(2px);background:rgba(31,75,154,.16);}
@media(max-width:760px) {
  main > section.repair-services {padding-bottom:34px !important;}
  main > section.typical-faults {padding-top:30px !important;}
  .faq-intro .faq-repair-cta {gap:9px;}
  .faq-intro .faq-repair-cta .faq-repair-tool {width:28px;height:28px;flex-basis:28px;}
}
@media(prefers-reduced-motion:reduce) {
  .faq-intro .faq-repair-cta .faq-repair-tool {transition:none !important;}
}


/* 6.4 Final QA: restore clear, prominent footer CTA and consistent phone action. */
.footer .footer-web-button {
  min-height:58px !important;
  padding:13px 23px !important;
  gap:16px !important;
  font-size:15px !important;
  font-weight:750 !important;
  border-radius:14px !important;
  white-space:nowrap;
}
.footer .footer-web-button .footer-web-arrow {
  flex:0 0 35px !important;
  width:35px !important;
  height:35px !important;
  border-radius:11px !important;
}
.area-band-inner a.button:has(.call-cta-icon) {gap:15px;}
.call-cta-icon {
  display:inline-flex;align-items:center;justify-content:center;
  width:31px;height:31px;flex:0 0 31px;
  border:1px solid rgba(241,247,255,.44);
  border-radius:10px;background:rgba(255,255,255,.14);
  transition:background .2s ease,transform .2s ease;
}
.call-cta-icon svg {display:block;width:19px;height:19px;}
.area-band-inner a.button:hover .call-cta-icon {
  background:rgba(255,255,255,.24);transform:rotate(-7deg);
}
@media(max-width:760px) {
  .footer .footer-web-button {min-height:54px !important;padding:12px 17px !important;}
  .footer .footer-web-button .footer-web-arrow {width:33px !important;height:33px !important;flex-basis:33px !important;}
}
@media(prefers-reduced-motion:reduce) {
  .call-cta-icon {transition:none !important;}
}