/* Homepage Harbor Deals spotlight — 27 June 2026 */
.home-page .gh-home-harbor-deals{
  position:relative;
  overflow:hidden;
  margin-top:30px;
  padding:30px;
  background:
    radial-gradient(circle at 3% 0%,rgba(0,240,255,.12),transparent 30%),
    radial-gradient(circle at 98% 8%,rgba(255,43,214,.12),transparent 32%),
    linear-gradient(145deg,rgba(6,14,33,.98),rgba(10,8,29,.98));
}
.home-page .gh-home-harbor-deals::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0 44%,rgba(255,255,255,.025) 49%,transparent 54%);
}
.gh-harbor-deals-heading{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:24px;
}
.gh-harbor-deals-heading>div{max-width:760px}
.gh-harbor-deals-heading h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.8rem,3.2vw,3rem);
  line-height:1;
  letter-spacing:-.04em;
}
.gh-harbor-deals-heading p{
  margin:12px 0 0;
  color:#a9bdd1;
  font-size:.95rem;
  line-height:1.55;
}
.gh-harbor-deals-heading>a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  color:#fff;
  text-decoration:none;
  font-size:.88rem;
  font-weight:950;
  border:1px solid rgba(0,240,255,.42);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(0,240,255,.11),rgba(155,77,255,.12));
  box-shadow:inset 0 0 18px rgba(0,240,255,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.gh-harbor-deals-heading>a:hover,.gh-harbor-deals-heading>a:focus-visible{
  transform:translateY(-2px);
  border-color:#00f0ff;
  box-shadow:0 0 20px rgba(0,240,255,.18);
  outline:none;
}
.gh-harbor-offers-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.gh-harbor-offer{
  --offer-accent:#00f0ff;
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.095);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(16,26,53,.98),rgba(5,10,25,.99));
  box-shadow:0 14px 32px rgba(0,0,0,.24);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.gh-harbor-offer:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--offer-accent) 68%,white 5%);
  box-shadow:0 18px 38px rgba(0,0,0,.34),0 0 22px color-mix(in srgb,var(--offer-accent) 18%,transparent);
}
.gh-harbor-offer-game{--offer-accent:#00eaff}
.gh-harbor-offer-keyboard{--offer-accent:#b76cff}
.gh-harbor-offer-mouse{--offer-accent:#ff4fd8}
.gh-harbor-offer-controller{--offer-accent:#53e5ff}
.gh-harbor-offer-software{--offer-accent:#ffd84d}
.gh-harbor-offer-image{
  position:relative;
  display:block;
  height:205px;
  overflow:hidden;
  text-decoration:none;
  background:
    radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--offer-accent) 13%,transparent),transparent 57%),
    linear-gradient(180deg,#0a1123,#070c19);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.gh-harbor-offer-image::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(4,8,18,.36));
}
.gh-harbor-offer-image img{
  display:block;
  width:100%;
  height:100%;
  padding:16px 12px 10px;
  object-fit:contain;
  object-position:center;
  transition:transform .3s ease;
}
.gh-harbor-offer:hover .gh-harbor-offer-image img{transform:scale(1.035)}
.gh-harbor-category-chip,.gh-harbor-ebay-chip{
  position:absolute;
  z-index:2;
  top:11px;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 9px;
  border-radius:999px;
  font-size:.63rem;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.gh-harbor-category-chip{
  left:10px;
  color:#06101a;
  background:var(--offer-accent);
  box-shadow:0 0 15px color-mix(in srgb,var(--offer-accent) 28%,transparent);
}
.gh-harbor-ebay-chip{
  right:10px;
  color:#fff;
  background:rgba(4,9,22,.78);
  border:1px solid rgba(255,255,255,.18);
}
.gh-harbor-offer-body{
  display:flex;
  flex:1;
  min-width:0;
  flex-direction:column;
  padding:16px;
}
.gh-harbor-offer-body h3{
  display:-webkit-box;
  min-height:2.42em;
  margin:0 0 7px;
  overflow:hidden;
  color:#fff;
  font-size:1rem;
  line-height:1.21;
  letter-spacing:-.012em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.gh-harbor-offer-body>p{
  min-height:2.55em;
  margin:0 0 13px;
  color:#8fa7bf;
  font-size:.76rem;
  line-height:1.42;
}
.gh-harbor-offer-price{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  margin-top:auto;
  margin-bottom:13px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.065);
}
.gh-harbor-offer-price strong{
  color:#fff;
  font-size:1.34rem;
  line-height:1;
}
.gh-harbor-offer-price span{
  color:#7f94aa;
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-align:right;
}
.gh-harbor-offer-button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 10px;
  color:#fff;
  text-decoration:none;
  font-size:.76rem;
  font-weight:950;
  text-align:center;
  border:1px solid color-mix(in srgb,var(--offer-accent) 45%,transparent);
  border-radius:10px;
  background:linear-gradient(100deg,#6c47ff,#d934cf);
  box-shadow:0 8px 18px rgba(112,65,255,.18);
}
.gh-harbor-offer-button:hover,.gh-harbor-offer-button:focus-visible{
  filter:brightness(1.1);
  outline:2px solid var(--offer-accent);
  outline-offset:2px;
}
.gh-harbor-offer-category-link{
  display:block;
  margin-top:11px;
  color:var(--offer-accent);
  text-decoration:none;
  font-size:.69rem;
  font-weight:900;
  text-align:center;
}
.gh-harbor-offer-category-link:hover{text-decoration:underline}
.gh-harbor-category-links{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.gh-harbor-category-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:12px 14px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  transition:border-color .2s ease,background .2s ease;
}
.gh-harbor-category-links a:hover,.gh-harbor-category-links a:focus-visible{
  border-color:rgba(0,240,255,.42);
  background:rgba(0,240,255,.055);
  outline:none;
}
.gh-harbor-category-links span{
  min-width:0;
  font-size:.76rem;
  font-weight:900;
}
.gh-harbor-category-links small{
  color:#7f94aa;
  font-size:.62rem;
  text-align:right;
}
.gh-harbor-affiliate-note{
  position:relative;
  z-index:1;
  margin:16px 0 0;
  color:#7890a8;
  font-size:.71rem;
  line-height:1.5;
  text-align:center;
}
.gh-harbor-affiliate-note strong{color:#9db1c6}
@media(max-width:1120px){
  .gh-harbor-offers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gh-harbor-offer-image{height:230px}
}
@media(max-width:820px){
  .gh-harbor-deals-heading{align-items:flex-start;flex-direction:column;gap:15px}
  .gh-harbor-category-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .home-page .gh-home-harbor-deals{padding:22px}
  .gh-harbor-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gh-harbor-offer-image{height:215px}
}
@media(max-width:500px){
  .home-page .gh-home-harbor-deals{width:min(100% - 20px,1240px);padding:18px}
  .gh-harbor-offers-grid{grid-template-columns:1fr}
  .gh-harbor-offer-image{height:255px}
  .gh-harbor-category-links{grid-template-columns:1fr}
  .gh-harbor-category-links small{display:none}
}