/* Phase 14: common accessories styles */
/* SS Computers - shared accessory page styles */
/* Common rules extracted from the seven accessory page stylesheets. */

.software-modern-action b,
.hinge-modern-action b,
.battery-modern-action b,
.display-modern-action b,
.keyboard-modern-action b,
.toner-modern-action b,
.refurb-modern-action b {
  margin-top: 10px;
  color: #0874d8;
  font-size: 13px;
}

.software-step-grid,
.software-use-grid-modern,
.software-related-grid,
.hinge-step-grid,
.hinge-problem-grid,
.hinge-brand-grid,
.hinge-related-grid,
.battery-step-grid,
.battery-symptom-grid,
.battery-brand-grid,
.battery-support-grid,
.display-step-grid,
.display-problem-grid-modern,
.display-brand-grid,
.display-related-grid-modern,
.keyboard-step-grid,
.keyboard-problem-grid-modern,
.keyboard-brand-grid,
.keyboard-related-grid-modern,
.toner-step-grid,
.toner-problem-grid-modern,
.toner-related-grid,
.refurb-upgrade-grid-premium {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}

.topbar .container {
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.topbar .container>.eco-topline {
  display: block;
  flex: 1 1 280px;
  min-width: 0;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.5;
}

.topbar .container>.topbar-call {
  white-space: nowrap;
}

.software-check-grid,
.hinge-check-grid,
.battery-checklist,
.display-check-grid-modern,
.keyboard-check-grid,
.toner-check-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin-top: 22px;
}

.software-check-item,
.hinge-check-item,
.battery-check-item,
.display-check-item,
.keyboard-check-item,
.toner-check-item {
  padding: 22px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #d7e7f6;
  box-shadow: 0 12px 28px rgba(18,75,133,.08);
}

.software-check-item p,
.hinge-check-item p,
.battery-check-item p,
.display-check-item p,
.keyboard-check-item p,
.toner-check-item p {
  margin: 8px 0 0;
  color: #647991;
  font-size: 14px;
  line-height: 1.6;
}

.software-confidence-copy h2,
.hinge-confidence-copy h2,
.battery-confidence-copy h2,
.display-confidence-copy h2,
.keyboard-confidence-copy h2,
.toner-confidence-copy h2 {
  margin: 14px 0 0;
  color: #123f7a;
  font-size: clamp(28px,3vw,40px);
  line-height: 1.12;
}

.software-confidence-copy p,
.hinge-confidence-copy p,
.battery-confidence-copy p,
.display-confidence-copy p,
.keyboard-confidence-copy p,
.toner-confidence-copy p {
  margin: 12px 0 0;
  color: #60758d;
  font-size: 16px;
  line-height: 1.7;
}

.software-heading-modern,
.hinge-heading-modern,
.battery-heading,
.display-heading-modern,
.keyboard-heading-modern,
.toner-heading-modern {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 28px;
}

.software-heading-modern h2,
.hinge-heading-modern h2,
.battery-heading h2,
.display-heading-modern h2,
.keyboard-heading-modern h2,
.toner-heading-modern h2 {
  margin: 14px 0 0;
  color: #123f7a;
  font-size: clamp(28px,3vw,42px);
  line-height: 1.15;
}

.software-heading-modern p,
.hinge-heading-modern p,
.battery-heading p,
.display-heading-modern p,
.keyboard-heading-modern p,
.toner-heading-modern p {
  margin: 10px auto 0;
  max-width: 780px;
  color: #60758d;
  font-size: 16px;
  line-height: 1.65;
}

.software-modern-action small,
.hinge-modern-action small,
.battery-modern-action small,
.display-modern-action small,
.keyboard-modern-action small,
.toner-modern-action small {
  margin-top: 8px;
  color: #5e7692;
  font-size: 13px;
  line-height: 1.5;
}

.software-modern-action span,
.hinge-modern-action span,
.battery-modern-action span,
.display-modern-action span,
.keyboard-modern-action span,
.toner-modern-action span {
  color: #68809c;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.software-modern-action strong,
.hinge-modern-action strong,
.battery-modern-action strong,
.display-modern-action strong,
.keyboard-modern-action strong,
.toner-modern-action strong {
  margin-top: 6px;
  color: #123f7a;
  font-size: 18px;
  line-height: 1.25;
}

.software-modern-banner,
.hinge-modern-banner,
.battery-modern-banner,
.display-modern-banner,
.keyboard-modern-banner,
.toner-modern-banner {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid #d4e5f7;
  background: #fff;
  box-shadow: 0 18px 48px rgba(19,71,127,.12);
}

.software-modern-banner img,
.hinge-modern-banner img,
.battery-modern-banner img,
.display-modern-banner img,
.keyboard-modern-banner img,
.toner-modern-banner img {
  display: block;
  width: 100%;
  height: auto;
}

.software-modern-intro,
.hinge-modern-intro,
.battery-modern-intro,
.display-modern-intro,
.keyboard-modern-intro,
.toner-modern-intro {
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.software-modern-intro p,
.hinge-modern-intro p,
.battery-modern-intro p,
.display-modern-intro p,
.keyboard-modern-intro p,
.toner-modern-intro p {
  margin: 10px 0 0;
  color: #60758d;
  font-size: 15px;
  line-height: 1.65;
}

.software-modern-section,
.software-confidence,
.hinge-modern-section,
.hinge-confidence,
.battery-confidence,
.display-modern-section,
.display-confidence,
.keyboard-modern-section,
.keyboard-confidence,
.toner-modern-section,
.toner-confidence {
  padding: 28px 0;
}

.software-modern-trust,
.hinge-modern-trust,
.battery-modern-trust,
.display-modern-trust,
.keyboard-modern-trust,
.toner-modern-trust {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  margin-top: 16px;
}

.software-modern-wrap,
.software-step-strip .container,
.software-modern-section .container,
.software-confidence .container,
.software-modern-cta .container,
.seo-faq .container,
.hinge-modern-wrap,
.hinge-step-strip .container,
.hinge-modern-section .container,
.hinge-confidence .container,
.hinge-modern-cta .container,
.seo-faq .container,
.battery-modern-wrap,.battery-step-strip .container,.battery-section .container,.battery-confidence .container,.battery-cta .container,.seo-faq .container,
.display-modern-wrap,
.display-step-strip .container,
.display-modern-section .container,
.display-confidence .container,
.display-modern-cta .container,
.seo-faq .container,
.keyboard-modern-wrap,
.keyboard-step-strip .container,
.keyboard-modern-section .container,
.keyboard-confidence .container,
.keyboard-cta .container,
.seo-faq .container,
.toner-modern-wrap,
.toner-step-strip .container,
.toner-modern-section .container,
.toner-confidence .container,
.toner-modern-cta .container,
.seo-faq .container {
  width: calc(100% - 48px);
  max-width: 1440px;
  margin: 0 auto;
}

.software-service-card-modern p,
.hinge-problem-card p,
.battery-symptom-card p,
.display-problem-card p,
.keyboard-problem-card p,
.toner-problem-card p {
  margin: 10px 0 0;
  color: #617790;
  font-size: 14px;
  line-height: 1.65;
}

.software-spec-note,
.hinge-spec-note,
.battery-spec-note,
.display-spec-note,
.keyboard-spec-note,
.toner-spec-note {
  margin-top: 14px;
  color: #6b8097;
  font-size: 13px;
  line-height: 1.6;
}

.software-spec-panel,
.hinge-spec-panel,
.battery-spec-panel,
.display-spec-panel,
.keyboard-spec-panel,
.toner-spec-panel {
  padding: 24px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #d7e7f7;
  box-shadow: 0 14px 34px rgba(17,72,127,.09);
}

.software-spec-row,
.hinge-spec-row,
.battery-spec-row,
.display-spec-row,
.keyboard-spec-row,
.toner-spec-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px dashed #cfe0f3;
}

.software-spec-row span,
.hinge-spec-row span,
.battery-spec-row span,
.display-spec-row span,
.keyboard-spec-row span,
.toner-spec-row span {
  color: #698099;
  font-size: 14px;
}

.software-spec-row:first-child,
.hinge-spec-row:first-child,
.battery-spec-row:first-child,
.display-spec-row:first-child,
.keyboard-spec-row:first-child,
.toner-spec-row:first-child {
  border-top: 0;
  padding-top: 0;
}

.software-step-card,
.hinge-step-card,
.battery-step-card,
.display-step-card,
.keyboard-step-card,
.toner-step-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid #d7e7f7;
  box-shadow: 0 10px 24px rgba(17,73,130,.07);
}

.software-step-card p,
.hinge-step-card p,
.battery-step-card p,
.display-step-card p,
.keyboard-step-card p,
.toner-step-card p {
  margin: 7px 0 0;
  color: #657991;
  font-size: 14px;
  line-height: 1.55;
}

.software-step-strip,
.hinge-step-strip,
.battery-step-strip,
.display-step-strip,
.keyboard-step-strip,
.toner-step-strip {
  padding: 6px 0 24px;
}

.software-use-card p,
.hinge-brand-card p,
.battery-brand-card p,
.display-brand-card p,
.keyboard-brand-card p,
.toner-brand-card p {
  margin: 9px 0 0;
  color: #647a92;
  font-size: 14px;
  line-height: 1.6;
}

/* Phase 14: page-specific styles */
/* SS Computers - refurbished-laptop page styles moved from inline HTML */

/* Environmental message in the existing top contact bar. */


@media (min-width:801px) and (max-width:1160px){.topbar .container>.eco-topline{order:3;flex-basis:100%}}
@media (max-width:800px){.topbar .container{justify-content:center;gap:3px 12px;text-align:center}.topbar .container>span:first-child:not(.eco-topline):not(.topbar-call){display:none}.topbar .container>.topbar-call{order:1}.topbar .container>.eco-topline{order:2;flex:0 0 100%;font-size:13px;font-weight:800}}

.refurb-modern-hero{
  padding:18px 0 0;
  background:
    radial-gradient(circle at 12% 18%,rgba(14,165,233,.08),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(59,130,246,.08),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
}
.refurb-modern-wrap{
  width:calc(100% - 32px);
  max-width:1440px;
  margin:0 auto;
}
.refurb-modern-banner{
  overflow:hidden;
  border:1px solid #d6e6f8;
  border-radius:22px;
  background:#eaf4ff;
  box-shadow:0 18px 46px rgba(20,73,130,.14);
}
.refurb-modern-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.refurb-modern-actions{
  display:grid;
  grid-template-columns:1.4fr .8fr .8fr;
  gap:14px;
  align-items:stretch;
  margin:16px 0 0;
}
.refurb-modern-intro,
.refurb-modern-action{
  border:1px solid #d8e7f7;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(24,76,128,.08);
}
.refurb-modern-intro{padding:20px 22px}
.refurb-modern-intro small{
  display:block;
  margin-bottom:6px;
  color:#0874d8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
}
.refurb-modern-intro h1{
  margin:0;
  color:#123f7a;
  font-size:clamp(25px,2.6vw,36px);
  line-height:1.15;
}
.refurb-modern-intro p{
  margin:9px 0 0;
  color:#60758d;
  font-size:15px;
  line-height:1.55;
}
.refurb-modern-action{
  display:flex;
  min-height:112px;
  flex-direction:column;
  justify-content:center;
  padding:18px 20px;
  text-decoration:none;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.refurb-modern-action:hover,
.refurb-modern-action:focus-visible{
  transform:translateY(-4px);
  border-color:#8dc4f5;
  box-shadow:0 16px 34px rgba(21,85,151,.15);
  outline:none;
}
.refurb-modern-action span{
  color:#687b90;
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.refurb-modern-action strong{
  margin-top:5px;
  color:#123f7a;
  font-size:18px;
  line-height:1.25;
}

.refurb-modern-trust{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:14px 0 22px;
}
.refurb-modern-trust div{
  padding:13px 15px;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  border:1px solid #dce9f7;
  color:#38516e;
  text-align:center;
  font-size:13px;
  font-weight:800;
}
@media(max-width:900px){
  .refurb-modern-actions{grid-template-columns:1fr 1fr}
  .refurb-modern-intro{grid-column:1/-1}
  .refurb-modern-trust{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .refurb-modern-hero{padding-top:10px}
  .refurb-modern-wrap{width:calc(100% - 18px)}
  .refurb-modern-banner{border-radius:14px}
  .refurb-modern-banner img{aspect-ratio:16/9}
  .refurb-modern-actions{grid-template-columns:1fr;gap:10px}
  .refurb-modern-intro{padding:17px}
  .refurb-modern-action{min-height:0;padding:16px}
  .refurb-modern-trust{grid-template-columns:1fr 1fr;gap:8px}
  .refurb-modern-trust div{padding:11px 8px;font-size:12px}
}

.refurb-brand-section{position:relative;overflow:hidden;padding:72px 0 76px;background:radial-gradient(circle at 8% 16%,rgba(14,165,233,.08),transparent 27%),radial-gradient(circle at 92% 84%,rgba(99,102,241,.08),transparent 30%),linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%)}
.refurb-brand-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.30;background-image:radial-gradient(#b8d3f2 1px,transparent 1px);background-size:26px 26px}
.refurb-brand-section .container{position:relative;z-index:1}.refurb-brand-head{text-align:center;max-width:900px;margin:0 auto 34px}
.refurb-brand-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 15px;border:1px solid #cfe2fa;border-radius:999px;background:#fff;color:#0b67c2;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 22px rgba(24,74,130,.08)}
.refurb-brand-head h2{margin:0;color:#102c55;font-size:clamp(30px,3.3vw,44px);line-height:1.14;font-weight:850}.refurb-brand-head h2 em{font-style:normal;color:#0b72df}
.refurb-brand-head p{max-width:790px;margin:13px auto 0;color:#5d7188;font-size:16px;line-height:1.65}
.refurb-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.refurb-brand-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d7e6f7;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(25,77,132,.09);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.refurb-brand-card:hover{transform:translateY(-6px);border-color:#8fc4f6;box-shadow:0 20px 42px rgba(20,83,150,.16)}
.refurb-brand-media{aspect-ratio:16/9;overflow:hidden;background:#eef5fc}.refurb-brand-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.refurb-brand-card:hover .refurb-brand-media img{transform:scale(1.03)}
.refurb-brand-body{display:flex;flex:1;flex-direction:column;padding:20px}.refurb-brand-name small{color:#0b72df;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.refurb-brand-body h3{margin:5px 0 0;color:#123f7a;font-size:21px;line-height:1.2}.refurb-brand-body p{margin:9px 0 0;color:#63778e;font-size:14px;line-height:1.55}
.refurb-brand-points{display:grid;gap:7px;margin:14px 0 18px;padding:0;list-style:none}.refurb-brand-points li{position:relative;padding-left:21px;color:#405b78;font-size:13px;line-height:1.4}.refurb-brand-points li::before{content:"✓";position:absolute;left:0;top:0;color:#0b7be5;font-weight:900}
.refurb-brand-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#0b72df,#1359c8);color:#fff;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 8px 18px rgba(11,114,223,.18)}
.refurb-brand-card:nth-child(3) .refurb-brand-btn{background:linear-gradient(135deg,#e31d1a,#c91010)}.refurb-brand-card:nth-child(4) .refurb-brand-btn{background:linear-gradient(135deg,#6137d8,#7c3aed)}.refurb-brand-card:nth-child(5) .refurb-brand-btn{background:linear-gradient(135deg,#2d9d2d,#17831f)}.refurb-brand-card:nth-child(6) .refurb-brand-btn{background:linear-gradient(135deg,#f59e0b,#ea580c)}
.refurb-brand-note{margin-top:18px;padding:15px 18px;border:1px solid #d7e5f5;border-radius:15px;background:#fff;color:#5c7086;text-align:center;font-size:13px;line-height:1.55}
@media(max-width:980px){.refurb-brand-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.refurb-brand-section{padding:48px 0 52px}.refurb-brand-grid{grid-template-columns:1fr;gap:14px}.refurb-brand-card{border-radius:16px}.refurb-brand-body{padding:18px}}

/* Make the refurbished page use the available screen width cleanly */
.refurb-page .refurb-modern-wrap,
.refurb-page .refurb-strip .container,
.refurb-page .refurb-brand-section .container,
.refurb-page .refurb-check-section .container,
.refurb-page .refurb-upgrade-section .container,
.refurb-page .refurb-faq-section .container,
.refurb-page .refurb-cta-section .container{
  width:calc(100% - 48px);
  max-width:1440px;
  margin-left:auto;
  margin-right:auto;
}

/* Brand section should feel spacious, not squeezed into the middle */
.refurb-brand-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.refurb-brand-card{min-width:0}
.refurb-brand-media{aspect-ratio:16/9}

/* Give the banner more visual presence on wide displays */
@media (min-width:1200px){
  .refurb-modern-wrap{max-width:1500px}
  .refurb-modern-banner img{width:100%;height:auto}
  .refurb-brand-section .container{max-width:1440px}
}

/* Tablet */
@media (max-width:980px){
  .refurb-page .refurb-modern-wrap,
  .refurb-page .refurb-strip .container,
  .refurb-page .refurb-brand-section .container,
  .refurb-page .refurb-check-section .container,
  .refurb-page .refurb-upgrade-section .container,
  .refurb-page .refurb-faq-section .container,
  .refurb-page .refurb-cta-section .container{
    width:calc(100% - 28px);
  }
  .refurb-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}

/* Mobile */
@media (max-width:620px){
  .refurb-page .refurb-modern-wrap,
  .refurb-page .refurb-strip .container,
  .refurb-page .refurb-brand-section .container,
  .refurb-page .refurb-check-section .container,
  .refurb-page .refurb-upgrade-section .container,
  .refurb-page .refurb-faq-section .container,
  .refurb-page .refurb-cta-section .container{
    width:calc(100% - 18px);
  }
  .refurb-brand-grid{grid-template-columns:1fr;gap:14px}
}

.refurb-check-premium{
  position:relative;
  overflow:hidden;
  padding:76px 0;
  background:
    radial-gradient(circle at 8% 12%,rgba(59,130,246,.18),transparent 30%),
    radial-gradient(circle at 90% 84%,rgba(99,102,241,.18),transparent 32%),
    linear-gradient(135deg,#0f2347 0%,#1d315e 55%,#273d75 100%);
  color:#fff;
}
.refurb-check-premium::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:26px 26px;
  opacity:.18;
  pointer-events:none;
}
.refurb-check-premium .container{position:relative;z-index:1}
.refurb-check-topline{max-width:820px;margin-bottom:30px}
.refurb-check-topline .refurb-kicker{
  display:inline-flex;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#dbeafe;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.refurb-check-topline h2{
  max-width:760px;
  margin:14px 0 10px;
  color:#fff;
  font-size:clamp(31px,3.4vw,48px);
  line-height:1.08;
}
.refurb-check-topline p{
  max-width:800px;
  margin:0;
  color:#d2def2;
  font-size:16px;
  line-height:1.65;
}
.refurb-check-premium-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:26px;
  align-items:stretch;
}
.refurb-check-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.refurb-check-points article{
  display:flex;
  gap:13px;
  padding:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.refurb-check-points article>b{
  flex:0 0 38px;
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#fff;
  color:#163a70;
  font-size:12px;
}
.refurb-check-points strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.refurb-check-points small{display:block;color:#c9d7ec;font-size:12px;line-height:1.45}
.refurb-confidence-card{
  padding:22px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f6f9ff 100%);
  color:#18314f;
  box-shadow:0 22px 50px rgba(3,13,35,.24);
}
.confidence-head{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding-bottom:13px;border-bottom:1px solid #dce6f2
}
.confidence-head span{font-size:11px;font-weight:900;letter-spacing:.11em;color:#6c7b91}
.confidence-head strong{font-size:15px;color:#173f7a}
.confidence-row{
  display:flex;justify-content:space-between;gap:16px;
  padding:12px 0;border-bottom:1px dashed #d9e4ef;font-size:13px
}
.confidence-row span{color:#718197}
.confidence-row b{color:#203a5b;text-align:right}
.refurb-confidence-card p{margin:14px 0 0;color:#728196;font-size:11px;line-height:1.5}

.refurb-upgrade-premium{
  padding:72px 0;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
}
.refurb-upgrade-premium .refurb-heading{text-align:center;max-width:850px;margin:0 auto 28px}
.refurb-upgrade-premium .refurb-heading span{color:#6d5dfc;font-weight:900;letter-spacing:.12em;font-size:11px}
.refurb-upgrade-premium .refurb-heading h2{font-size:clamp(28px,3vw,40px);color:#102c55;margin:9px 0 8px}
.refurb-upgrade-premium .refurb-heading p{color:#66798e;line-height:1.6}

.refurb-upgrade-grid-premium a{
  display:flex;flex-direction:column;
  padding:22px;
  min-height:200px;
  border:1px solid #d8e7f7;
  border-radius:18px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(22,73,126,.08);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.refurb-upgrade-grid-premium a:hover{
  transform:translateY(-5px);
  border-color:#91c4f3;
  box-shadow:0 20px 38px rgba(22,73,126,.14);
}
.refurb-upgrade-grid-premium a>span{
  width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
  background:#edf5ff;color:#0b72df;font-size:22px;margin-bottom:14px
}
.refurb-upgrade-grid-premium strong{color:#123f7a;font-size:17px}
.refurb-upgrade-grid-premium small{color:#697c91;line-height:1.5;margin:8px 0 18px}
.refurb-upgrade-grid-premium em{margin-top:auto;color:#0b72df;font-style:normal;font-size:12px;font-weight:850}

.refurb-match-section{
  padding:18px 0 70px;
  background:linear-gradient(180deg,#eef5ff 0%,#f9fbff 100%);
}
.refurb-match-card{
  display:grid;
  grid-template-columns:1.45fr .55fr;
  gap:28px;
  align-items:center;
  padding:34px 36px;
  border:1px solid #d9ddff;
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 20%,rgba(99,102,241,.16),transparent 30%),
    linear-gradient(135deg,#fff 0%,#f3f0ff 100%);
  box-shadow:0 18px 42px rgba(52,61,120,.12);
}
.refurb-match-copy>span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#6a5af9}
.refurb-match-copy h2{margin:8px 0 8px;color:#142c56;font-size:clamp(28px,3vw,40px);line-height:1.15}
.refurb-match-copy p{margin:0;color:#66788e;font-size:15px;line-height:1.6;max-width:760px}
.refurb-match-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.refurb-match-chips span{
  padding:7px 10px;border:1px solid #d9ddff;border-radius:999px;
  background:#fff;color:#53647a;font-size:11px;font-weight:800
}
.refurb-match-actions{display:flex;flex-direction:column;gap:10px}
.refurb-match-actions .refurb-btn{
  display:flex;justify-content:center;align-items:center;
  min-height:48px;padding:12px 16px;border-radius:12px;font-weight:850;text-decoration:none
}
.refurb-match-actions .primary{background:linear-gradient(135deg,#6f5df8,#4c3fd7);color:#fff;box-shadow:0 10px 20px rgba(91,76,218,.24)}
.refurb-match-actions .ghost{background:#fff;color:#203a5b;border:1px solid #d8deef}

@media(max-width:980px){
  .refurb-check-premium-grid{grid-template-columns:1fr}
  .refurb-upgrade-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
  .refurb-match-card{grid-template-columns:1fr}
  .refurb-match-actions{flex-direction:row}
  .refurb-match-actions .refurb-btn{flex:1}
}
@media(max-width:620px){
  .refurb-check-premium{padding:52px 0}
  .refurb-check-points{grid-template-columns:1fr}
  .refurb-upgrade-premium{padding:52px 0}
  .refurb-upgrade-grid-premium{grid-template-columns:1fr}
  .refurb-match-section{padding-bottom:52px}
  .refurb-match-card{padding:24px 20px;border-radius:18px}
  .refurb-match-actions{flex-direction:column}
}

.refurb-check-premium{
  position:relative;
  overflow:hidden;
  padding:76px 0;
  color:#18314f;
  background:
    radial-gradient(circle at 12% 18%,rgba(14,165,233,.10),transparent 24%),
    radial-gradient(circle at 88% 82%,rgba(99,102,241,.09),transparent 27%),
    linear-gradient(180deg,#fbfdff 0%,#f2f8ff 100%);
}
.refurb-check-premium::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(114,151,195,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(114,151,195,.13) 1px,transparent 1px);
  background-size:34px 34px;
}
.refurb-check-premium::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  right:-150px;
  top:-190px;
  background:radial-gradient(circle,rgba(14,165,233,.13),rgba(14,165,233,0) 68%);
  pointer-events:none;
  opacity:1;
}
.refurb-check-premium .container{position:relative;z-index:2}
.refurb-check-topline{
  max-width:900px;
  margin:0 auto 34px;
  text-align:center;
}
.refurb-check-topline .refurb-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 14px;
  border:1px solid #bddbf5;
  border-radius:999px;
  background:#fff;
  color:#0b6fc8;
  box-shadow:0 8px 22px rgba(24,74,130,.08);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}
.refurb-check-topline h2{
  max-width:820px;
  margin:14px auto 10px;
  color:#102c55;
  font-size:clamp(31px,3.4vw,46px);
  line-height:1.08;
}
.refurb-check-topline p{
  max-width:820px;
  margin:0 auto;
  color:#62768d;
  font-size:16px;
  line-height:1.65;
}
.refurb-check-premium-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:24px;
  align-items:stretch;
}
.refurb-check-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.refurb-check-points article{
  display:flex;
  gap:14px;
  min-height:145px;
  padding:20px;
  border:1px solid #d7e6f7;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 28px rgba(28,79,132,.08);
  backdrop-filter:none;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.refurb-check-points article:hover{
  transform:translateY(-4px);
  border-color:#9bc8f1;
  box-shadow:0 18px 36px rgba(28,79,132,.13);
}
.refurb-check-points article>b{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#eaf5ff,#dff8f3);
  color:#0b6fc8;
  border:1px solid #cfe4f7;
  font-size:12px;
}
.refurb-check-points strong{
  display:block;
  color:#173f7a;
  font-size:16px;
  margin-bottom:5px;
}
.refurb-check-points small{
  display:block;
  color:#6b7d91;
  font-size:12px;
  line-height:1.5;
}
.refurb-confidence-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid #d7e6f7;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  color:#18314f;
  box-shadow:0 18px 38px rgba(28,79,132,.11);
}
.refurb-confidence-card::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  bottom:-80px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(99,102,241,.10),rgba(99,102,241,0) 72%);
  pointer-events:none;
}
.confidence-head{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid #dce6f2;
}
.confidence-head span{
  color:#6b7d92;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
}
.confidence-head strong{color:#173f7a;font-size:15px}
.confidence-row{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:13px 0;
  border-bottom:1px dashed #d9e4ef;
  font-size:13px;
}
.confidence-row span{color:#718197}
.confidence-row b{color:#203a5b;text-align:right}
.refurb-confidence-card p{
  position:relative;
  margin:15px 0 0;
  color:#728196;
  font-size:11px;
  line-height:1.55;
}
@media(max-width:980px){
  .refurb-check-premium-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .refurb-check-premium{padding:52px 0}
  .refurb-check-topline{text-align:left}
  .refurb-check-topline h2,
  .refurb-check-topline p{margin-left:0;margin-right:0}
  .refurb-check-points{grid-template-columns:1fr}
}

.refurb-check-points article{
  position:relative;
  overflow:hidden;
  min-height:210px;
  padding:24px 24px 22px;
  border:1px solid transparent;
  background:
    linear-gradient(#ffffff,#ffffff) padding-box,
    linear-gradient(135deg,#9ed6ff 0%,#c5f3e8 48%,#c9c3ff 100%) border-box;
  box-shadow:0 14px 34px rgba(30,76,128,.10);
}
.refurb-check-points article::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  right:-52px;
  bottom:-60px;
  background:radial-gradient(circle,rgba(14,165,233,.12),rgba(14,165,233,0) 70%);
  pointer-events:none;
}
.refurb-check-points article:nth-child(2)::after{background:radial-gradient(circle,rgba(16,185,129,.11),rgba(16,185,129,0) 70%)}
.refurb-check-points article:nth-child(3)::after{background:radial-gradient(circle,rgba(99,102,241,.11),rgba(99,102,241,0) 70%)}
.refurb-check-points article:nth-child(4)::after{background:radial-gradient(circle,rgba(236,72,153,.09),rgba(236,72,153,0) 70%)}
.refurb-check-points article>b{
  flex-basis:46px;
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(135deg,#eef7ff,#e7fbf5);
  box-shadow:inset 0 0 0 1px #c9e3f8,0 7px 16px rgba(25,87,145,.08);
}
.refurb-check-points article span{position:relative;z-index:1}
.refurb-check-points strong{
  font-size:18px;
  line-height:1.25;
  margin-bottom:8px;
}
.refurb-check-points small{
  font-size:13px;
  line-height:1.6;
}
.refurb-check-points em{
  display:block;
  margin-top:13px;
  padding-top:12px;
  border-top:1px dashed #d8e6f3;
  color:#0b72df;
  font-size:12px;
  line-height:1.45;
  font-style:normal;
  font-weight:800;
}
.refurb-confidence-card{
  border:1px solid transparent;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) padding-box,
    linear-gradient(135deg,#a7d8ff,#d1c8ff,#b9eadf) border-box;
  box-shadow:0 18px 42px rgba(30,76,128,.12);
}
.confidence-head{
  margin:-3px -3px 7px;
  padding:13px 14px 15px;
  border:1px solid #e0ebf7;
  border-radius:14px;
  background:linear-gradient(135deg,#f7fbff,#f5f3ff);
}
.confidence-row{
  padding:14px 3px;
}
.confidence-row span{
  min-width:88px;
  font-weight:700;
  color:#60758e;
}
.confidence-row b{
  max-width:70%;
  line-height:1.45;
}
.confidence-assurance{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.confidence-assurance span{
  padding:7px 10px;
  border:1px solid #d6e6f5;
  border-radius:999px;
  background:#fff;
  color:#315878;
  font-size:11px;
  font-weight:800;
}
@media(max-width:620px){
  .refurb-check-points article{min-height:0;padding:20px}
  .confidence-row{display:block}
  .confidence-row b{display:block;max-width:none;margin-top:5px;text-align:left}
}