
:root{--hd-bg:#040914;--hd-panel:#091225;--hd-panel-2:#0c1830;--hd-line:rgba(75,223,255,.22);--hd-cyan:#00e5ff;--hd-blue:#3587ff;--hd-pink:#e44bff;--hd-text:#f6fbff;--hd-muted:#9db1c8;}
body.harbor-deals-page{background:radial-gradient(circle at 10% 5%,rgba(0,229,255,.08),transparent 26rem),radial-gradient(circle at 90% 18%,rgba(215,61,255,.08),transparent 28rem),#030712;color:var(--hd-text);}
.gh-harbor-deals{width:min(1480px,calc(100% - 34px));margin:0 auto 70px;font-family:Arial,Helvetica,sans-serif;}
.hd-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:28px;align-items:center;padding:clamp(28px,5vw,68px);border:1px solid rgba(0,229,255,.28);border-radius:26px;background:linear-gradient(125deg,rgba(5,17,38,.98),rgba(14,8,37,.96));box-shadow:0 24px 70px rgba(0,0,0,.38);}
.hd-hero:before,.hd-hero:after{content:"";position:absolute;border-radius:999px;filter:blur(8px);pointer-events:none}.hd-hero:before{width:330px;height:330px;right:-130px;top:-150px;background:rgba(214,57,255,.16)}.hd-hero:after{width:280px;height:280px;left:-120px;bottom:-170px;background:rgba(0,229,255,.15)}
.hd-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--hd-cyan);font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hd-eyebrow:before{content:"";width:28px;height:2px;background:currentColor;box-shadow:0 0 10px currentColor}
.hd-hero h1{max-width:850px;margin:0;font-size:clamp(2.55rem,6vw,5.8rem);line-height:.91;letter-spacing:-.055em;text-transform:uppercase}.hd-hero h1 span{display:block;color:transparent;background:linear-gradient(90deg,#fff 5%,#62eaff 48%,#d570ff);-webkit-background-clip:text;background-clip:text}
.hd-hero-copy>p{max-width:780px;margin:22px 0 0;color:#bdcce0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7}.hd-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hd-primary,.hd-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:900;text-decoration:none;transition:.2s ease}.hd-primary{color:#031018;background:linear-gradient(100deg,#00e5ff,#67ffcf);box-shadow:0 10px 30px rgba(0,229,255,.18)}.hd-secondary{color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05)}.hd-primary:hover,.hd-secondary:hover{transform:translateY(-2px)}
.hd-hero-stats{position:relative;z-index:1;display:grid;gap:12px}.hd-stat{padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(3,9,24,.58);backdrop-filter:blur(10px)}.hd-stat strong{display:block;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1;color:#fff}.hd-stat span{display:block;margin-top:6px;color:var(--hd-muted);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hd-disclosure{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(8,16,34,.8);color:#aebed1;font-size:.9rem;line-height:1.55}.hd-disclosure b{color:#fff}.hd-disclosure-icon{color:#68efff;font-size:1.2rem;line-height:1}
.hd-controls{position:sticky;top:10px;z-index:20;margin:28px 0 24px;padding:16px;border:1px solid rgba(0,229,255,.2);border-radius:18px;background:rgba(5,12,27,.94);box-shadow:0 18px 44px rgba(0,0,0,.34);backdrop-filter:blur(16px)}.hd-controls-top{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:12px}.hd-search-wrap{position:relative}.hd-search-wrap svg{position:absolute;left:15px;top:50%;width:20px;transform:translateY(-50%);fill:none;stroke:#7feeff;stroke-width:2}.hd-search,.hd-select{width:100%;height:48px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#08142a;color:#fff;font:inherit}.hd-search{padding:0 16px 0 45px}.hd-select{min-width:170px;padding:0 38px 0 14px}.hd-search:focus,.hd-select:focus{outline:2px solid rgba(0,229,255,.45);outline-offset:1px}.hd-platform-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.hd-filter-btn{min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0a162c;color:#c5d1df;font-weight:900;cursor:pointer}.hd-filter-btn:hover,.hd-filter-btn.is-active{color:#05101b;border-color:transparent;background:linear-gradient(100deg,#00e5ff,#79ffc7)}.hd-results-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 2px 16px}.hd-results-row p{margin:0;color:#afc1d7}.hd-results-row strong{color:#fff}.hd-results-row span{color:#7388a2;font-size:.84rem}
.hd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hd-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:18px;background:linear-gradient(180deg,#0a1428,#070e1e);box-shadow:0 14px 34px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hd-card:hover{transform:translateY(-5px);border-color:rgba(0,229,255,.48);box-shadow:0 20px 46px rgba(0,0,0,.36),0 0 26px rgba(0,229,255,.07)}.hd-card[hidden]{display:none!important}
.hd-cover{position:relative;display:flex;min-height:245px;padding:22px;overflow:hidden;isolation:isolate;background:#0b1831}.hd-cover:before,.hd-cover:after{content:"";position:absolute;z-index:-1}.hd-cover:before{inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 46%)}.hd-cover:after{width:190px;height:190px;right:-70px;bottom:-60px;border:34px solid rgba(255,255,255,.08);border-radius:50%}.hd-card[data-platform="playstation"] .hd-cover{background:linear-gradient(145deg,#041b4f,#096bd7 55%,#031531)}.hd-card[data-platform="xbox"] .hd-cover{background:linear-gradient(145deg,#062b1b,#087942 55%,#031a10)}.hd-card[data-platform="nintendo"] .hd-cover{background:linear-gradient(145deg,#4c0711,#d71935 55%,#26030a)}
.hd-cover-brand{position:absolute;top:18px;left:20px;color:rgba(255,255,255,.82);font-size:.69rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hd-cover-number{position:absolute;right:18px;top:14px;color:rgba(255,255,255,.11);font-size:4.8rem;font-weight:1000;line-height:1}.hd-cover-copy{align-self:flex-end}.hd-cover-copy small{display:block;margin-bottom:9px;color:#d6f9ff;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hd-cover-copy strong{display:block;max-width:260px;color:#fff;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.03;letter-spacing:-.03em;text-shadow:0 4px 20px rgba(0,0,0,.35)}.hd-image-note{display:inline-block;margin-top:11px;color:rgba(255,255,255,.62);font-size:.72rem}
.hd-card-body{display:flex;flex:1;flex-direction:column;padding:17px}.hd-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.hd-chip{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#c7d7e9;background:rgba(255,255,255,.04);font-size:.68rem;font-weight:900;text-transform:uppercase}.hd-chip-condition{color:#7df5cb;border-color:rgba(64,240,174,.24);background:rgba(22,138,97,.1)}.hd-card h2{margin:0;color:#f7fbff;font-size:1rem;line-height:1.38}.hd-meta{margin:8px 0 0;color:#8da2ba;font-size:.82rem}.hd-price-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.hd-price-row strong{font-size:1.65rem;line-height:1;color:#fff}.hd-price-row span{color:#80f1ff;font-size:.72rem;font-weight:900;text-align:right;text-transform:uppercase}.hd-card-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:auto;padding-top:16px}.hd-deal-link,.hd-save-button{min-height:44px;border-radius:10px;font-weight:900}.hd-deal-link{display:flex;align-items:center;justify-content:center;color:#03131a;text-decoration:none;background:linear-gradient(100deg,#00e5ff,#77ffc1)}.hd-deal-link.collection{color:#fff;background:linear-gradient(100deg,#5b36d9,#cb43ea)}.hd-save-button{width:44px;border:1px solid rgba(255,255,255,.15);background:#0c1930;color:#cce5f5;cursor:pointer}.hd-save-button:hover,.hd-save-button.is-saved{border-color:#ff53d9;color:#fff;background:rgba(234,51,197,.18)}.hd-link-note{margin:9px 0 0;color:#ffb8f4;font-size:.72rem}.hd-empty{display:none;padding:54px 24px;border:1px dashed rgba(255,255,255,.2);border-radius:18px;text-align:center;color:#9eb0c6}.hd-empty.is-visible{display:block}.hd-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:24px;border:1px solid rgba(0,229,255,.21);border-radius:18px;background:linear-gradient(110deg,#07162d,#160b31)}.hd-bottom-cta h2{margin:0 0 7px;font-size:1.35rem}.hd-bottom-cta p{margin:0;color:#aebed0}.hd-bottom-cta a{white-space:nowrap}
@media(max-width:1200px){.hd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-hero{grid-template-columns:1fr}.hd-hero-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.gh-harbor-deals{width:min(100% - 20px,1480px)}.hd-controls{position:relative;top:auto}.hd-controls-top{grid-template-columns:1fr 1fr}.hd-search-wrap{grid-column:1/-1}.hd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-hero-stats{grid-template-columns:1fr}.hd-bottom-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.hd-hero{padding:27px 20px;border-radius:18px}.hd-hero h1{font-size:2.65rem}.hd-controls-top{grid-template-columns:1fr}.hd-grid{grid-template-columns:1fr}.hd-cover{min-height:270px}.hd-results-row{align-items:flex-start;flex-direction:column;gap:4px}.hd-bottom-cta{padding:20px}.hd-primary,.hd-secondary{width:100%}}


/* Product cover images added 2026-06-26 */
.hd-cover.has-image{
  min-height:285px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#071226,#0b1831);
}
.hd-cover.has-image:before{
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%,rgba(0,0,0,.10));
}
.hd-cover.has-image:after{display:none}
.hd-cover-image{
  display:block;
  width:100%;
  height:285px;
  object-fit:contain;
  object-position:center;
  background:#f4f5f8;
}
@media(max-width:560px){
  .hd-cover.has-image{min-height:330px}
  .hd-cover-image{height:330px}
}


/* Harbor Deals category hub — 2026-06-27 */
.hd-category-hub{margin:24px 0 0;padding:clamp(20px,3vw,30px);border:1px solid rgba(0,229,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(6,15,32,.96),rgba(11,10,31,.96));box-shadow:0 18px 50px rgba(0,0,0,.24)}
.hd-category-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.hd-category-heading .hd-eyebrow{margin-bottom:8px}.hd-category-heading h1,.hd-category-heading h2{margin:0;color:#fff;font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.04em;text-transform:uppercase}.hd-category-heading>p{max-width:560px;margin:0;color:#9fb1c8;line-height:1.6}
.hd-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hd-category-card{--cat-accent:#00e5ff;position:relative;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:24px;border:1px solid color-mix(in srgb,var(--cat-accent) 48%,transparent);border-radius:18px;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 16px 36px rgba(0,0,0,.25);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hd-category-card:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--cat-accent) 24%,transparent),transparent 34%),linear-gradient(135deg,#07111f 5%,#071526 54%,#040810)}.hd-category-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,7,16,.98) 0%,rgba(2,7,16,.84) 47%,rgba(2,7,16,.18) 100%)}.hd-category-card:hover{transform:translateY(-4px);border-color:var(--cat-accent);box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 30px color-mix(in srgb,var(--cat-accent) 15%,transparent)}
.hd-category-gear{--cat-accent:#20ef9a}.hd-category-cheap{--cat-accent:#ff8d32}.hd-category-popular{--cat-accent:#2ea8ff}.hd-category-controllers{--cat-accent:#ff3e55}.hd-category-icon{position:absolute;right:22px;top:22px;width:116px;height:116px;display:grid;place-items:center;color:var(--cat-accent);opacity:.9;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--cat-accent) 30%,transparent))}.hd-category-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.hd-category-copy{position:relative;z-index:2;display:block;max-width:68%}.hd-category-copy small{display:block;margin-bottom:7px;color:var(--cat-accent);font-size:.69rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.hd-category-copy strong{display:block;font-size:clamp(1.55rem,3vw,2.35rem);line-height:.94;letter-spacing:-.04em;text-transform:uppercase}.hd-category-copy strong em{display:block;color:var(--cat-accent);font-style:normal}.hd-category-copy>span{display:block;margin-top:11px;color:#b5c3d4;font-size:.92rem;font-weight:700}.hd-category-action{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--cat-accent) 60%,transparent);border-radius:10px;background:rgba(2,8,18,.62);color:#fff;font-size:.78rem;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.hd-category-action b{color:var(--cat-accent);font-size:1.15rem}

/* Dedicated Harbor Deals category pages */
.gh-deal-category-page{width:min(1480px,calc(100% - 34px));margin:0 auto 70px;font-family:Arial,Helvetica,sans-serif}.hd-category-page-hero{position:relative;overflow:hidden;margin-bottom:24px;padding:clamp(30px,6vw,72px);border:1px solid rgba(0,229,255,.25);border-radius:24px;background:linear-gradient(125deg,#07162d,#160b31);box-shadow:0 24px 70px rgba(0,0,0,.35)}.hd-category-page-hero:after{content:"";position:absolute;width:320px;height:320px;right:-110px;top:-145px;border-radius:50%;background:var(--page-accent,rgba(0,229,255,.16));filter:blur(6px)}.hd-category-page-hero>*{position:relative;z-index:1}.hd-category-page-hero .hd-eyebrow{margin-bottom:12px}.hd-category-page-hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.hd-category-page-hero h1 span{display:block;color:var(--page-accent-solid,#00e5ff)}.hd-category-page-hero p{max-width:760px;margin:20px 0 0;color:#b8c8dc;font-size:1.05rem;line-height:1.7}.hd-category-page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hd-category-page-section{padding:clamp(20px,3vw,30px);border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,#091326,#070d1b)}.hd-category-page-section h2{margin:0 0 8px;color:#fff;font-size:clamp(1.45rem,2.5vw,2.1rem)}.hd-category-page-section>.section-intro{margin:0 0 20px;color:#9eb1c8;line-height:1.6}.deal-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deal-category-grid .hd-card-actions{grid-template-columns:1fr}.deal-category-grid .hd-save-button{display:none}.hd-category-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hd-category-placeholder{min-height:210px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(145deg,#0b1730,#080e1c)}.hd-category-placeholder span{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(0,229,255,.1);color:#75efff;font-size:.68rem;font-weight:900;text-transform:uppercase}.hd-category-placeholder h3{margin:18px 0 8px;color:#fff;font-size:1.3rem}.hd-category-placeholder p{margin:0;color:#92a7bf;line-height:1.55}.hd-category-coming-soon{margin-top:18px;padding:18px;border:1px dashed rgba(0,229,255,.25);border-radius:14px;color:#a8bad0;background:rgba(0,229,255,.04)}
@media(max-width:1000px){.deal-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-category-placeholder-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hd-category-heading{align-items:flex-start;flex-direction:column;gap:10px}.hd-category-grid{grid-template-columns:1fr}.hd-category-card{min-height:210px}.hd-category-copy{max-width:72%}.deal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-deal-category-page{width:min(100% - 20px,1480px)}}
@media(max-width:560px){.hd-category-card{padding:20px}.hd-category-icon{width:90px;height:90px;right:14px;top:16px}.hd-category-copy{max-width:74%}.hd-category-placeholder-grid,.deal-category-grid{grid-template-columns:1fr}.hd-category-page-hero{padding:28px 20px;border-radius:18px}}


/* Keyboard & mouse live deals — 2026-06-27 */
.hd-gear-disclosure{margin:0 0 20px}
.hd-gear-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px;border:1px solid rgba(32,239,154,.2);border-radius:16px;background:rgba(4,14,27,.72)}
.hd-gear-filter-group{display:flex;flex-wrap:wrap;gap:9px}.hd-gear-filter-group .hd-filter-btn span{margin-left:5px;opacity:.72}
.hd-gear-sort-label{display:grid;gap:6px;color:#9eb1c8;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hd-gear-sort-label .hd-select{min-width:210px}
.hd-gear-results{margin-bottom:18px}.hd-gear-card .hd-cover-image{background:#fff}.hd-gear-card .hd-link-note{margin-bottom:0;text-align:center}
@media(max-width:760px){.hd-gear-toolbar{align-items:stretch;flex-direction:column}.hd-gear-sort-label .hd-select{min-width:0}.hd-gear-filter-group{display:grid;grid-template-columns:repeat(3,1fr)}.hd-gear-filter-group .hd-filter-btn{padding:0 8px}}
@media(max-width:430px){.hd-gear-filter-group{grid-template-columns:1fr}.hd-gear-filter-group .hd-filter-btn{width:100%}}


/* Controller deals live products 20260627 */
.hd-controller-page .hd-controller-toolbar{border-color:rgba(255,62,85,.26)}
.hd-controller-page .hd-filter-btn:hover,.hd-controller-page .hd-filter-btn.is-active{background:linear-gradient(100deg,#ff3e55,#ff9b70);color:#19070b}
.hd-controller-page .hd-controller-card .hd-chip:first-child{background:rgba(255,62,85,.12);color:#ff8796;border-color:rgba(255,62,85,.23)}
.hd-controller-page .hd-controller-card .hd-deal-link{background:linear-gradient(100deg,#ff3e55,#ff785f);box-shadow:0 10px 28px rgba(255,62,85,.18)}
.hd-controller-page .hd-controller-card .hd-cover-image{background:#fff}


/* Security & software category and live deals — 2026-06-27 */
.hd-category-security{--cat-accent:#ffd43b}
.hd-category-security .hd-category-copy{max-width:72%}
.hd-security-software-page .hd-software-toolbar{border-color:rgba(255,212,59,.28)}
.hd-security-software-page .hd-filter-btn:hover,.hd-security-software-page .hd-filter-btn.is-active{background:linear-gradient(100deg,#ffd43b,#fff08a);color:#1a1300}
.hd-security-software-page .hd-software-card .hd-chip:first-child{background:rgba(255,212,59,.11);color:#ffe071;border-color:rgba(255,212,59,.24)}
.hd-security-software-page .hd-software-card .hd-deal-link{background:linear-gradient(100deg,#ffd43b,#fff08a);color:#171000;box-shadow:0 10px 28px rgba(255,212,59,.16)}
.hd-security-software-page .hd-software-card .hd-cover-image{background:#fff}
.hd-security-software-page .hd-software-filter-group{max-width:980px}
@media(max-width:760px){.hd-security-software-page .hd-software-filter-group{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.hd-security-software-page .hd-software-filter-group{grid-template-columns:1fr}}

/* Harbor Deals purple link buttons — 2026-06-27 */
body.harbor-deals-page .hd-deal-link,
body.harbor-deals-page .hd-deal-link:visited,
body.harbor-deals-page .hd-primary,
body.harbor-deals-page .hd-primary:visited,
body.harbor-deals-page .hd-category-action,
body.harbor-deals-page .hd-category-action:visited {
  color:#fff !important;
  background:linear-gradient(100deg,#5b21b6,#7e22ce) !important;
  border:1px solid rgba(216,180,254,.65) !important;
  box-shadow:0 10px 28px rgba(126,34,206,.32) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.38);
}
body.harbor-deals-page .hd-category-action b {
  color:#fff !important;
}
body.harbor-deals-page .hd-deal-link:hover,
body.harbor-deals-page .hd-deal-link:focus-visible,
body.harbor-deals-page .hd-primary:hover,
body.harbor-deals-page .hd-primary:focus-visible,
body.harbor-deals-page .hd-category-card:hover .hd-category-action,
body.harbor-deals-page .hd-category-card:focus-visible .hd-category-action {
  color:#fff !important;
  background:linear-gradient(100deg,#6d28d9,#9333ea) !important;
  border-color:#e9d5ff !important;
  box-shadow:0 12px 32px rgba(147,51,234,.42) !important;
}
body.harbor-deals-page .hd-deal-link:focus-visible,
body.harbor-deals-page .hd-primary:focus-visible,
body.harbor-deals-page .hd-category-card:focus-visible {
  outline:3px solid rgba(216,180,254,.9);
  outline-offset:3px;
}

/* eBay listing availability flags — checked 28 June 2026 */
.hd-chip-stock{font-weight:950;letter-spacing:.02em}
.hd-chip-out-of-stock{color:#fff;border-color:rgba(255,72,92,.72);background:linear-gradient(100deg,rgba(184,18,43,.95),rgba(255,54,79,.82));box-shadow:0 0 16px rgba(255,54,79,.18)}
.hd-chip-low-stock{color:#fff4d2;border-color:rgba(255,183,55,.65);background:linear-gradient(100deg,rgba(176,89,0,.92),rgba(235,132,16,.82));box-shadow:0 0 16px rgba(255,166,40,.14)}
.hd-card[data-stock="out-of-stock"]{border-color:rgba(255,64,86,.38)}
.hd-card[data-stock="low-stock"]{border-color:rgba(255,174,52,.28)}

/* Harbor Store basket controls — 2026-06-28 */
body.harbor-deals-page .hd-card-actions{grid-template-columns:minmax(0,1fr) auto auto}
.hd-basket-button{width:44px;min-height:44px;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#dffaff;background:#0c1930;font-size:1rem;font-weight:950;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.hd-basket-button:hover,.hd-basket-button:focus-visible{transform:translateY(-1px);border-color:#00e5ff;outline:0;background:rgba(0,229,255,.12);box-shadow:0 0 18px rgba(0,229,255,.14)}
.hd-basket-button.is-in-basket{border-color:#59efb4;color:#08140f;background:linear-gradient(100deg,#48e6a2,#9affd1);box-shadow:0 0 18px rgba(72,230,162,.2)}
@media(max-width:430px){body.harbor-deals-page .hd-card-actions{grid-template-columns:minmax(0,1fr) 44px 44px;gap:7px}}

/* Harbor Deals professional storefront layout — 2026-06-28 */
body.harbor-deals-page .hd-category-hub{
  margin:24px 0 18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.harbor-deals-page .hd-category-heading{
  display:block;
  margin:0 0 16px;
}
body.harbor-deals-page .hd-category-heading .hd-eyebrow{margin-bottom:8px}
body.harbor-deals-page .hd-category-heading h1{
  margin:0;
  max-width:900px;
  font-size:clamp(2.35rem,4.3vw,3.35rem);
  line-height:.96;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
body.harbor-deals-page .hd-category-intro{
  max-width:720px;
  margin:10px 0 0;
  color:#9fb1c8;
  font-size:1rem;
  line-height:1.55;
}
body.harbor-deals-page .hd-category-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
body.harbor-deals-page .hd-category-card{
  min-height:174px;
  justify-content:flex-start;
  padding:17px 16px;
  border-width:1px 1px 1px;
  border-top-width:3px;
  border-color:rgba(255,255,255,.09);
  border-top-color:var(--cat-accent);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,20,39,.98),rgba(6,13,27,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
body.harbor-deals-page .hd-category-card:before{
  background:radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--cat-accent) 12%,transparent),transparent 35%);
}
body.harbor-deals-page .hd-category-card:after{
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 60%);
}
body.harbor-deals-page .hd-category-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.16);
  border-top-color:var(--cat-accent);
  box-shadow:0 15px 32px rgba(0,0,0,.3);
}
body.harbor-deals-page .hd-category-icon{
  width:46px;
  height:46px;
  right:14px;
  top:15px;
  opacity:.88;
  filter:none;
}
body.harbor-deals-page .hd-category-copy{
  max-width:calc(100% - 42px);
  padding-right:4px;
}
body.harbor-deals-page .hd-category-copy small{
  margin-bottom:8px;
  font-size:.61rem;
  letter-spacing:.13em;
}
body.harbor-deals-page .hd-category-copy strong{
  max-width:185px;
  font-size:clamp(1.04rem,1.55vw,1.28rem);
  line-height:1.02;
  letter-spacing:-.025em;
}
body.harbor-deals-page .hd-category-copy strong em{
  display:inline;
  color:inherit;
}
body.harbor-deals-page .hd-category-copy>span{
  max-width:185px;
  margin-top:9px;
  color:#93a6bc;
  font-size:.76rem;
  font-weight:600;
  line-height:1.35;
}
body.harbor-deals-page .hd-category-action,
body.harbor-deals-page .hd-category-action:visited{
  position:absolute;
  right:14px;
  bottom:14px;
  display:inline-flex;
  width:auto;
  height:26px;
  min-height:0;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:0;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px;
  color:#dffaff !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
  text-shadow:none;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.045em;
  line-height:1;
  white-space:nowrap;
}
body.harbor-deals-page .hd-category-action span{display:block}
body.harbor-deals-page .hd-category-action b{color:inherit !important;font-size:.76rem;line-height:1}
body.harbor-deals-page .hd-category-card:hover .hd-category-action,
body.harbor-deals-page .hd-category-card:focus-visible .hd-category-action{
  border-color:var(--cat-accent) !important;
  color:#fff !important;
  background:color-mix(in srgb,var(--cat-accent) 18%,#07111f) !important;
  box-shadow:none !important;
}
body.harbor-deals-page .hd-controls{
  position:sticky;
  top:10px;
  margin:0 0 10px;
  padding:12px;
  border-color:rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(5,12,27,.96);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
body.harbor-deals-page .hd-controls-top{
  grid-template-columns:minmax(360px,1.75fr) minmax(170px,.6fr) minmax(190px,.7fr);
  gap:10px;
}
body.harbor-deals-page .hd-search,
body.harbor-deals-page .hd-select{
  height:44px;
  border-radius:9px;
  background:#08142a;
}
body.harbor-deals-page .hd-platform-filters{
  gap:7px;
  margin-top:10px;
}
body.harbor-deals-page .hd-filter-btn{
  min-height:35px;
  padding:0 13px;
  font-size:.78rem;
}
body.harbor-deals-page .hd-disclosure{
  align-items:center;
  margin:0 0 20px;
  padding:10px 13px;
  border-color:rgba(255,255,255,.075);
  border-radius:10px;
  background:rgba(8,16,34,.52);
  color:#8fa3ba;
  font-size:.78rem;
  line-height:1.4;
}
body.harbor-deals-page .hd-disclosure-icon{font-size:1rem}
body.harbor-deals-page .hd-results-row{
  align-items:end;
  margin:0 2px 14px;
}
body.harbor-deals-page .hd-results-heading p{
  margin:0 0 4px;
  color:#67eaff;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.harbor-deals-page .hd-results-heading h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.55rem,2.6vw,2.15rem);
  line-height:1;
  letter-spacing:-.03em;
  text-transform:uppercase;
}
body.harbor-deals-page .hd-results-summary{
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:4px;
  text-align:right;
}
body.harbor-deals-page .hd-results-summary strong{
  color:#fff;
  font-size:.95rem;
}
body.harbor-deals-page .hd-results-summary span{
  color:#7388a2;
  font-size:.78rem;
}
@media(max-width:1180px){
  body.harbor-deals-page .hd-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.harbor-deals-page .hd-controls-top{grid-template-columns:minmax(280px,1.45fr) minmax(160px,.65fr) minmax(180px,.75fr)}
}
@media(max-width:820px){
  body.harbor-deals-page .hd-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.harbor-deals-page .hd-controls{position:relative;top:auto}
  body.harbor-deals-page .hd-controls-top{grid-template-columns:1fr 1fr}
  body.harbor-deals-page .hd-search-wrap{grid-column:1/-1}
}
@media(max-width:560px){
  body.harbor-deals-page .hd-category-heading h1{font-size:2.15rem}
  body.harbor-deals-page .hd-category-grid{grid-template-columns:1fr;gap:10px}
  body.harbor-deals-page .hd-category-card{min-height:145px;padding:16px}
  body.harbor-deals-page .hd-category-icon{width:42px;height:42px}
  body.harbor-deals-page .hd-category-copy strong{font-size:1.2rem}
  body.harbor-deals-page .hd-controls-top{grid-template-columns:1fr}
  body.harbor-deals-page .hd-search-wrap{grid-column:auto}
  body.harbor-deals-page .hd-results-row{align-items:flex-start;flex-direction:column;gap:10px}
  body.harbor-deals-page .hd-results-summary{align-items:flex-start;text-align:left}
}

@media(max-width:560px){body.harbor-deals-page .hd-category-action{right:10px;bottom:10px;height:30px;padding:0 9px;font-size:.56rem}}

/* Compact boxed heading for the eBay Game Deals page — 2026-06-28 */
body.harbor-deals-page .hd-category-heading{
  position:relative;
  overflow:hidden;
  margin:0 0 14px;
  padding:16px 20px 17px;
  border:1px solid rgba(0,229,255,.25);
  border-radius:15px;
  background:linear-gradient(110deg,rgba(8,18,37,.92),rgba(10,12,31,.9));
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}
body.harbor-deals-page .hd-category-heading:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#00e5ff,#8b5cff);
  box-shadow:0 0 18px rgba(0,229,255,.45);
}
body.harbor-deals-page .hd-category-heading:after{
  content:"";
  position:absolute;
  width:220px;
  height:120px;
  right:-70px;
  top:-72px;
  border-radius:50%;
  background:rgba(91,33,182,.13);
  filter:blur(6px);
  pointer-events:none;
}
body.harbor-deals-page .hd-category-heading .hd-eyebrow{
  position:relative;
  z-index:1;
  margin:0 0 6px;
  font-size:.66rem;
  letter-spacing:.17em;
}
body.harbor-deals-page .hd-category-heading .hd-eyebrow:before{
  width:22px;
}
body.harbor-deals-page .hd-category-heading h1{
  position:relative;
  z-index:1;
  max-width:none;
  font-size:clamp(2rem,3.4vw,2.75rem);
  line-height:.98;
  letter-spacing:-.038em;
}
body.harbor-deals-page .hd-category-intro{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:8px 0 0;
  font-size:.91rem;
  line-height:1.42;
}
@media(max-width:560px){
  body.harbor-deals-page .hd-category-heading{
    padding:14px 16px 15px;
    border-radius:13px;
  }
  body.harbor-deals-page .hd-category-heading h1{
    font-size:1.85rem;
  }
  body.harbor-deals-page .hd-category-intro{
    margin-top:7px;
    font-size:.84rem;
  }
}

