.ss-home-refurb {
  padding:20px 0 42px;
  background:#fff
}
.ss-refurb-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:23px
}
.ss-refurb-kicker {
  font-size:12px;
  font-weight:800;
  letter-spacing:.09em;
  color:#1668b7
}
.ss-refurb-heading h2 {
  font-size:clamp(25px,3vw,36px);
  line-height:1.15;
  color:#123d70;
  margin:7px 0 8px
}
.ss-refurb-heading h2 em {
  font-style:normal;
  color:#116dc2
}
.ss-refurb-heading p {
  margin:0;
  color:#5f7186;
  line-height:1.5
}
.ss-refurb-viewall {
  display:inline-flex;
  gap:8px;
  align-items:center;
  white-space:nowrap;
  padding:12px 17px;
  background:#1365b7;
  border-radius:10px;
  color:#fff!important;
  font-weight:800;
  text-decoration:none
}
.ss-refurb-viewall:hover {
  background:#0b4e94
}
.ss-refurb-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px
}
.ss-refurb-card {
  background:#fff;
  border:1px solid #d9e5f2;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 26px rgba(16,60,113,.075);
  display:flex;
  flex-direction:column;
  min-width:0
}
.ss-refurb-picture {
  height:205px;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#f4f7fb;
  overflow:hidden
}
.ss-refurb-picture img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .2s
}
.ss-refurb-card:hover .ss-refurb-picture img {
  transform:scale(1.025)
}
.ss-refurb-photo-switch {
  position:absolute;
  z-index:2;
  bottom:8px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:5px;
  background:rgba(255,255,255,.94);
  padding:4px;
  border:1px solid #dce7f4;
  border-radius:99px;
  box-shadow:0 2px 10px #123d7020
}
.ss-refurb-photo-switch button {
  cursor:pointer;
  background:transparent;
  color:#244c75;
  border:0;
  padding:5px 8px;
  border-radius:99px;
  font-size:11px;
  font-weight:750;
  white-space:nowrap
}
.ss-refurb-photo-switch button.is-current {
  background:#1566b7;
  color:#fff
}
.ss-refurb-photo-switch button:focus-visible {
  outline:2px solid #1365b7;
  outline-offset:2px
}
.ss-refurb-placeholder {
  color:#7288a3;
  font-size:45px
}
.ss-refurb-content {
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:15px;
  flex:1
}
.ss-refurb-cat {
  font-size:11px;
  font-weight:800;
  color:#1670ae;
  text-transform:uppercase
}
.ss-refurb-name {
  font-size:16px;
  line-height:1.35;
  color:#123d70;
  margin:0;
  font-weight:800;
  overflow-wrap:anywhere
}
.ss-refurb-spec {
  font-size:12px;
  line-height:1.45;
  color:#5b6f84;
  margin:0;
  overflow-wrap:anywhere
}
.ss-refurb-price {
  font-size:21px;
  font-weight:900;
  color:#132c47;
  margin:auto 0 0
}
.ss-refurb-stock {
  color:#1a7651;
  font-size:12px;
  font-weight:700
}
.ss-refurb-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:4px
}
.ss-refurb-actions a {
  padding:10px 5px;
  border-radius:9px;
  font-size:12px;
  font-weight:800;
  text-align:center;
  text-decoration:none
}
.ss-refurb-whatsapp {
  background:#118b4c;
  color:#fff!important
}
.ss-refurb-store {
  background:#eaf3fd;
  color:#0e5399!important
}
.ss-refurb-message {
  grid-column:1/-1;
  padding:24px 18px;
  border:1px dashed #c6d7e9;
  border-radius:12px;
  color:#536a81;
  text-align:center
}
.ss-refurb-footnote {
  font-size:12px;
  color:#6d7d90;
  margin:15px 0 0
}
@media(max-width:950px) {
  .ss-refurb-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:550px) {
  .ss-home-refurb {
    padding:30px 0
  }
  .ss-refurb-heading {
    align-items:flex-start;
    flex-direction:column
  }
  .ss-refurb-grid {
    gap:10px
  }
  .ss-refurb-picture {
    height:140px
  }
  .ss-refurb-content {
    padding:10px
  }
  .ss-refurb-actions {
    grid-template-columns:1fr
  }
  .ss-refurb-price {
    font-size:18px
  }
  .ss-refurb-name {
    font-size:14px
  }
}
@media(max-width:370px) {
  .ss-refurb-grid {
    grid-template-columns:1fr
  }
  .ss-refurb-picture {
    height:200px
  }
}
.ss-home-refurb .ss-refurb-picture .ref-img-primary {
  position:relative;
  z-index:1
}
.ss-home-refurb .ss-refurb-picture .ref-img-secondary {
  position:absolute;
  inset:0;
  z-index:2;
  opacity:0
}
.ss-home-refurb .ss-refurb-card.has-second-image:hover .ref-img-secondary {
  opacity:1
}
.ss-home-refurb .ss-refurb-card.has-second-image:hover .ref-img-primary {
  opacity:0
}
@media(hover:none),(pointer:coarse) {
  .ss-home-refurb .ss-refurb-card.has-second-image:hover .ref-img-secondary {
    opacity:0
  }
  .ss-home-refurb .ss-refurb-card.has-second-image:hover .ref-img-primary {
    opacity:1
  }
}
