/* =========================================================
   SCC Records 2.0 — editable custom stylesheet
   ========================================================= */

/* Brand colors and shared dimensions */
:root {
  --scc-bg: #05090c;
  --scc-bg-soft: #0a1116;
  --scc-panel: #0d151b;
  --scc-panel-2: #101a22;
  --scc-border: rgba(190, 220, 235, 0.18);
  --scc-text: #f4f7f8;
  --scc-muted: #a4b2ba;
  --scc-blue: #168eff;
  --scc-green: #83d300;
  --scc-max-width: 1480px;
}

/* Global page foundation */
body {
  background: var(--scc-bg);
}
.scc-shell {
  width: min(calc(100% - 40px), var(--scc-max-width));
  margin-inline: auto;
}
.scc-home {
  overflow: hidden;
  color: var(--scc-text);
  background: var(--scc-bg);
}
.scc-home .page-content {
  margin: 0;
  padding: 0;
}
.header-top,
.header-bottom,
.header-nav-full-width,
.header-banner {
  display: none !important;
}

/* =========================================================
   Header
   ========================================================= */
.scc-header {
  position: relative;
  z-index: 1000;
  color: var(--scc-text);
  background: #05090c;
  border-bottom: 1px solid var(--scc-border);
}
.scc-utility {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #020507;
  font-size: 0.72rem;
}
.scc-utility__inner {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.scc-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--scc-text);
  text-decoration: none;
}
.scc-live strong {
  color: var(--scc-green);
}
.scc-live__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--scc-green);
  box-shadow: 0 0 12px var(--scc-green);
}
.scc-trust {
  display: flex;
  gap: 24px;
  color: var(--scc-muted);
}
.scc-header-main {
  border-bottom: 1px solid var(--scc-border);
}
.scc-header-main__inner {
  display: grid;
  grid-template-columns: 280px minmax(280px, 1fr) auto;
  min-height: 92px;
  align-items: center;
  gap: 28px;
}
.scc-brand__heading {
  margin: 0;
}
.scc-brand__link {
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--scc-text);
  text-decoration: none;
}
.scc-brand__link img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  object-fit: contain;
}
/* The uploaded SCC logo already contains the full wordmark.
   Hide the duplicate HTML text in header.tpl. */
.scc-brand__text {
  display: none !important;
}
.scc-header-search {
  width: 100%;
  max-width: 760px;
  justify-self: center;
}

/*
 * PrestaShop search module.
 * The magnifier is visual only; Enter and autocomplete keep working normally.
 */
.scc-header-search .ps-searchbar,
.scc-header-search .js-search-widget,
.scc-header-search .ps-searchbar__form {
  width: 100%;
  max-width: none;
  margin: 0;
}

.scc-header-search .ps-searchbar__form {
  position: relative;
  display: flex;
  min-height: 58px;
  overflow: hidden;
  border: 1px solid rgba(155, 180, 195, 0.4);
  border-radius: 8px;
  background: #081017;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    0 8px 24px rgba(0, 0, 0, 0.22);
}

.scc-header-search .ps-searchbar__form:focus-within {
  border-color: var(--scc-blue);
  box-shadow:
    0 0 0 3px rgba(22, 142, 255, 0.16),
    0 8px 24px rgba(0, 0, 0, 0.24);
}

.scc-header-search .ps-searchbar__input {
  display: block;
  width: 100%;
  height: 58px;
  min-height: 58px;
  margin: 0;
  padding: 0 76px 0 24px;
  border: 0;
  border-radius: 0;
  outline: 0;
  color: #f4f7f8;
  background: transparent;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: none;
}

.scc-header-search .ps-searchbar__input::placeholder {
  color: #c2cbd0;
  opacity: 1;
}

.scc-header-search .ps-searchbar__magnifier {
  position: absolute;
  top: 50%;
  right: 22px;
  left: auto;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0;
  color: var(--scc-blue);
  background: transparent;
  font-size: 32px;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-50%);
}

/* Keep the clear icon functional and leave room for the magnifier. */
.scc-header-search .ps-searchbar__clear {
  position: absolute;
  top: 50%;
  right: 62px;
  z-index: 3;
  transform: translateY(-50%);
}

.scc-header-search .ps-searchbar__dropdown {
  z-index: 1100;
}

/* Header placement on desktop */
@media (min-width: 992px) {
  .scc-header-main__inner {
    grid-template-columns: 290px minmax(520px, 760px) minmax(280px, 1fr);
    min-height: 76px;
    gap: 28px;
  }
}

@media (max-width: 991px) {
  .scc-header-search {
    max-width: none;
  }

  .scc-header-search .ps-searchbar__form {
    min-height: 50px;
  }

  .scc-header-search .ps-searchbar__input {
    height: 50px;
    min-height: 50px;
    padding: 0 62px 0 15px;
    font-size: 0.88rem;
  }

  .scc-header-search .ps-searchbar__magnifier {
    right: 16px;
    font-size: 27px;
  }

  .scc-header-search .ps-searchbar__clear {
    right: 50px;
  }
}

.scc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.scc-header-actions a,
.scc-header-actions button,
.scc-header-actions .header-block {
  color: var(--scc-text);
}
.scc-header-actions a {
  text-decoration: none;
}
.scc-header-actions .header-block__action-btn,
.scc-header-actions select {
  min-height: 44px;
  border: 1px solid var(--scc-border);
  border-radius: 5px;
  color: var(--scc-text);
  background: #0b1217;
}
.scc-header-actions .header-block__badge {
  color: #051006;
  background: var(--scc-green);
}
.scc-menu-toggle {
  display: none;
}

/* Main navigation */
.scc-nav {
  background: #080e12;
}
.scc-nav__inner {
  display: flex;
  min-height: 58px;
  align-items: stretch;
  justify-content: space-between;
  gap: 4px;
}
.scc-nav__link {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  color: var(--scc-text);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.scc-nav__link:hover,
.scc-nav__link.is-active {
  color: var(--scc-blue);
}
.scc-nav__link::after {
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 2px;
  content: "";
  background: var(--scc-blue);
  opacity: 0;
  transform: scaleX(0);
  transition: 0.18s ease;
}
.scc-nav__link:hover::after,
.scc-nav__link.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}
.scc-nav__link--merch {
  color: var(--scc-green);
}
.scc-nav__link--merch::after {
  background: var(--scc-green);
}

/* =========================================================
   Homepage hero
   ========================================================= */
.scc-hero{
    position: relative;
    overflow: hidden;
 
    background:
        linear-gradient(
            rgba(5,10,15,.65),
            rgba(5,10,15,.65)
        ),
        url("../img/Coverbilled.jpg") center center;
 
    background-size: cover;
    background-repeat: no-repeat;
}

.scc-hero::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  content: "";
  opacity: 0.28;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 38px 38px;
}
.scc-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(2, 5, 7, 0.24),
    rgba(2, 5, 7, 0.05) 60%,
    rgba(2, 5, 7, 0.36)
  );
}
.scc-hero__inner {
  display: grid;
  grid-template-columns: 250px minmax(360px, 1fr) 250px;
  min-height: 500px;
  align-items: center;
  gap: 40px;
}
.scc-hero__side-sign {
  padding: 30px 24px;
  border: 1px solid rgba(34, 168, 255, 0.42);
  background: rgba(4, 9, 12, 0.72);
  text-align: center;
}
.scc-hero__side-sign > span {
  display: block;
  color: var(--scc-blue);
  font-size: 4rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-shadow: 0 0 20px rgba(22, 142, 255, 0.55);
}
.scc-hero__side-sign strong {
  display: block;
  color: var(--scc-green);
  letter-spacing: 0.28em;
}
.scc-hero__side-sign small {
  display: block;
  margin-top: 18px;
  color: var(--scc-text);
  line-height: 1.6;
}
.scc-hero__content {
  text-align: center;
}
.scc-hero__logo img {
  width: min(100%, 520px) !important;
  height: auto !important;
  max-height: 150px !important;
  object-fit: contain;
}
.scc-hero__kicker {
  margin: 14px 0 6px;
  color: var(--scc-green);
  font-size: 1.2rem;
  font-style: italic;
}
.scc-hero h1 {
  margin: 0;
  color: var(--scc-text);
  font-size: clamp(1.35rem, 2.4vw, 2.2rem);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.scc-hero__actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 26px;
}
.scc-btn {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}
.scc-btn--blue {
  color: #fff;
  background: var(--scc-blue);
}
.scc-btn--green {
  border-color: var(--scc-green);
  color: var(--scc-green);
  background: rgba(0, 0, 0, 0.28);
}
.scc-btn:hover {
  filter: brightness(1.12);
}
.scc-hero__radio {
  padding: 28px 22px;
  border: 1px solid rgba(131, 211, 0, 0.38);
  background: rgba(4, 9, 12, 0.8);
  text-align: center;
}
.scc-hero__radio span,
.scc-hero__radio strong,
.scc-hero__radio small {
  display: block;
}
.scc-hero__on-air {
  color: var(--scc-green);
  font-size: 1.6rem;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(131, 211, 0, 0.5);
}
.scc-hero__radio strong {
  margin-top: 20px;
  color: var(--scc-blue);
}
.scc-hero__radio small {
  margin: 8px 0 18px;
  color: var(--scc-muted);
}
.scc-hero__radio a {
  color: var(--scc-green);
  text-decoration: none;
  text-transform: uppercase;
}

/* Homepage format/category strip */
.scc-format-strip {
  padding: 10px 0;
  border-bottom: 1px solid var(--scc-border);
  background: #071015;
}
.scc-format-strip__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.scc-format-card {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  min-height: 80px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--scc-border);
  border-radius: 7px;
  color: var(--scc-text);
  background: var(--scc-panel);
  text-decoration: none;
}
.scc-format-card:hover {
  border-color: var(--scc-green);
  color: var(--scc-text);
}
.scc-format-card__icon {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(34, 168, 255, 0.42);
  border-radius: 50%;
  color: var(--scc-blue);
  font-size: 1.6rem;
}
.scc-format-card strong,
.scc-format-card small {
  display: block;
}
.scc-format-card strong {
  font-size: 0.88rem;
  text-transform: uppercase;
}
.scc-format-card small {
  margin-top: 3px;
  color: var(--scc-muted);
  font-size: 0.68rem;
}
.scc-format-card b {
  color: var(--scc-green);
  font-size: 1.5rem;
}

/* Homepage content and product sections */
.scc-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 20px;
  padding-block: 16px 28px;
}
.scc-products-section,
.scc-promo {
  border: 1px solid var(--scc-border);
  border-radius: 8px;
  background: var(--scc-panel);
}
.scc-products-section + .scc-products-section {
  margin-top: 16px;
}
.scc-section-head {
  display: flex;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--scc-border);
}
.scc-section-head h2 {
  margin: 0;
  color: var(--scc-text);
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.scc-section-head p {
  margin: 3px 0 0;
  color: var(--scc-blue);
  font-size: 0.75rem;
}
.scc-section-head > a {
  padding: 8px 12px;
  border: 1px solid var(--scc-border);
  border-radius: 4px;
  color: var(--scc-text);
  font-size: 0.7rem;
  text-decoration: none;
  text-transform: uppercase;
}
.scc-module-products {
  padding: 12px;
}
.scc-module-products .products {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.scc-module-products .product-miniature {
  width: auto !important;
  margin: 0 !important;
  border: 1px solid var(--scc-border);
  border-radius: 6px;
  background: #0a1217;
}
.scc-module-products .product-miniature:hover {
  border-color: var(--scc-blue);
}
.scc-module-products .product-description,
.scc-module-products .product-miniature__infos {
  color: var(--scc-text);
  background: transparent;
}
.scc-module-products .product-title a,
.scc-module-products .product-price-and-shipping,
.scc-module-products .price {
  color: var(--scc-text);
}
.scc-module-products .price {
  color: var(--scc-green);
}
.scc-home-grid__aside {
  display: grid;
  align-content: start;
  gap: 14px;
}
.scc-promo {
  min-height: 215px;
  padding: 24px;
  background: radial-gradient(
      circle at 100% 0%,
      rgba(22, 142, 255, 0.13),
      transparent 11rem
    ),
    var(--scc-panel);
}
.scc-promo--sell {
  border-color: rgba(131, 211, 0, 0.42);
}
.scc-promo--merch {
  border-color: rgba(22, 142, 255, 0.42);
}
.scc-promo__eyebrow {
  color: var(--scc-blue);
  font-size: 1.05rem;
  font-weight: 900;
  text-transform: uppercase;
}
.scc-promo--sell .scc-promo__eyebrow {
  color: var(--scc-green);
}
.scc-promo h2 {
  margin: 9px 0 10px;
  color: var(--scc-text);
  font-size: 1.15rem;
}
.scc-promo p {
  margin: 0 0 18px;
  color: var(--scc-muted);
  font-size: 0.85rem;
  line-height: 1.55;
}

/* Service benefits */
.scc-service-strip {
  border-top: 1px solid var(--scc-border);
  border-bottom: 1px solid var(--scc-border);
  background: #081015;
}
.scc-service-strip__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.scc-service-strip__grid > div {
  padding: 18px 20px;
  border-right: 1px solid var(--scc-border);
}
.scc-service-strip__grid > div:last-child {
  border-right: 0;
}
.scc-service-strip strong,
.scc-service-strip span {
  display: block;
}
.scc-service-strip strong {
  color: var(--scc-text);
  font-size: 0.78rem;
  text-transform: uppercase;
}
.scc-service-strip span {
  margin-top: 3px;
  color: var(--scc-muted);
  font-size: 0.72rem;
}

/* =========================================================
   Responsive rules
   ========================================================= */
@media (max-width: 1199px) {
  .scc-header-main__inner {
    grid-template-columns: 230px minmax(260px, 1fr) auto;
  }
  .scc-nav__inner {
    overflow-x: auto;
    justify-content: flex-start;
  }
  .scc-hero__inner {
    grid-template-columns: 210px minmax(320px, 1fr) 210px;
    gap: 24px;
  }
  .scc-format-strip__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .scc-module-products .products {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 991px) {
  .scc-trust {
    display: none;
  }
  .scc-header-main__inner {
    grid-template-columns: 170px 1fr auto;
  }
  .scc-header-actions {
    display: none;
  }
  .scc-menu-toggle {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--scc-border);
    border-radius: 5px;
    background: var(--scc-panel);
  }
  .scc-menu-toggle span:not(.visually-hidden) {
    width: 22px;
    height: 2px;
    background: var(--scc-text);
  }
  .scc-nav {
    display: none;
  }
  .scc-nav.is-open {
    display: block;
  }
  .scc-nav__inner {
    flex-wrap: wrap;
    padding-block: 10px;
  }
  .scc-nav__link {
    min-height: 44px;
  }
  .scc-hero__inner {
    grid-template-columns: 1fr;
    padding-block: 55px;
  }
  .scc-hero__side-sign,
  .scc-hero__radio {
    display: none;
  }
  .scc-home-grid {
    grid-template-columns: 1fr;
  }
  .scc-home-grid__aside {
    grid-template-columns: repeat(3, 1fr);
  }
  .scc-module-products .products {
    grid-template-columns: repeat(3, 1fr);
  }
  .scc-service-strip__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .scc-shell {
    width: min(calc(100% - 24px), var(--scc-max-width));
  }
  .scc-utility__inner {
    justify-content: center;
  }
  .scc-header-main__inner {
    grid-template-columns: 115px 1fr 46px;
    gap: 12px;
    min-height: 76px;
  }
  .scc-brand__link img {
    width: 105px !important;
    height: 48px !important;
    max-width: 105px !important;
    max-height: 48px !important;
  }
  .scc-header-search .search-widget input[type="text"],
  .scc-header-search .search-widget input[type="search"] {
    min-height: 46px;
    padding-left: 14px;
    font-size: 0.82rem;
  }
  .scc-header-search .search-widget button {
    width: 48px;
  }
  .scc-hero {
    min-height: 420px;
  }
  .scc-hero__inner {
    min-height: 420px;
  }
  .scc-hero__actions {
    flex-direction: column;
  }
  .scc-format-strip__grid {
    grid-template-columns: 1fr 1fr;
  }
  .scc-format-card {
    grid-template-columns: 40px 1fr auto;
  }
  .scc-format-card__icon {
    width: 38px;
    height: 38px;
  }
  .scc-home-grid__aside {
    grid-template-columns: 1fr;
  }
  .scc-module-products .products {
    grid-template-columns: repeat(2, 1fr);
  }
  .scc-service-strip__grid {
    grid-template-columns: 1fr 1fr;
  }
  .scc-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 420px) {
  .scc-header-main__inner {
    grid-template-columns: 94px 1fr 44px;
  }
  .scc-brand__link img {
    width: 88px !important;
  }
  .scc-format-strip__grid,
  .scc-module-products .products,
  .scc-service-strip__grid {
    grid-template-columns: 1fr;
  }
}

/* HOTFIX: navigation remains available without inline JavaScript */
.scc-menu-toggle {
  display: none !important;
}

@media (max-width: 991px) {
  .scc-nav {
    display: block !important;
  }

  .scc-nav__inner {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
  }
}

/* =========================================================
   SCC Records — search autocomplete
   Dark result list with blue hover accent
   ========================================================= */

.scc-header-search .ps-searchbar__dropdown {
  overflow: hidden;
  border: 1px solid #2a3239;
  border-radius: 0 0 8px 8px;
  background: #0b0f12;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);
}

.scc-header-search .ps-searchbar__results {
  background: #0b0f12;
  color: #ececef;
}

.scc-header-search .ps-searchbar__result-link {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  min-height: 82px;
  align-items: center;
  gap: 16px;
  padding: 10px 18px;
  border-left: 4px solid transparent;
  color: #ececef;
  background: #0b0f12;
  text-decoration: none;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    color 150ms ease;
}

.scc-header-search .ps-searchbar__result-link:hover,
.scc-header-search .ps-searchbar__result-link:focus,
.scc-header-search .ps-searchbar__result-link[aria-selected="true"] {
  border-left-color: #168eff;
  color: #ffffff;
  background: #111b23;
  outline: none;
}

.scc-header-search .ps-searchbar__result-name {
  margin: 0;
  color: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}

.scc-header-search .ps-searchbar__result-image {
  display: block;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  object-fit: cover;
  background: #151b20;
}

.scc-header-search .ps-searchbar__dropdown,
.scc-header-search .ps-searchbar__results {
  scrollbar-color: #2a3239 #0b0f12;
  scrollbar-width: thin;
}

.scc-header-search .ps-searchbar__dropdown::-webkit-scrollbar,
.scc-header-search .ps-searchbar__results::-webkit-scrollbar {
  width: 8px;
}

.scc-header-search .ps-searchbar__dropdown::-webkit-scrollbar-track,
.scc-header-search .ps-searchbar__results::-webkit-scrollbar-track {
  background: #0b0f12;
}

.scc-header-search .ps-searchbar__dropdown::-webkit-scrollbar-thumb,
.scc-header-search .ps-searchbar__results::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #2a3239;
}

.scc-header-search .ps-searchbar__dropdown::-webkit-scrollbar-thumb:hover,
.scc-header-search .ps-searchbar__results::-webkit-scrollbar-thumb:hover {
  background: #168eff;
}

@media (max-width: 767px) {
  .scc-header-search .ps-searchbar__result-link {
    grid-template-columns: 52px minmax(0, 1fr);
    min-height: 70px;
    gap: 12px;
    padding: 9px 12px;
  }

  .scc-header-search .ps-searchbar__result-image {
    width: 52px;
    height: 52px;
  }

  .scc-header-search .ps-searchbar__result-name {
    font-size: 0.9rem;
  }
}

/* =========================================================
   SCC Records — customer login page
   Matches the dark SCC header and search design
   ========================================================= */

body#authentication,
body.page-authentication,
body.page-customer-account {
  color: var(--scc-text);
  background:
    radial-gradient(circle at 70% 15%, rgba(22, 142, 255, 0.08), transparent 26rem),
    var(--scc-bg);
}

/* Breadcrumb */
body#authentication .breadcrumb,
body.page-authentication .breadcrumb,
body.page-customer-account .breadcrumb {
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid var(--scc-border);
  color: var(--scc-muted);
  background: #081015;
}

body#authentication .breadcrumb a,
body.page-authentication .breadcrumb a,
body.page-customer-account .breadcrumb a {
  color: var(--scc-blue);
  text-decoration: none;
}

body#authentication .breadcrumb a:hover,
body.page-authentication .breadcrumb a:hover,
body.page-customer-account .breadcrumb a:hover {
  color: #ffffff;
}

/* Main login card */
body#authentication #content,
body.page-authentication #content,
body.page-customer-account #content {
  width: min(100% - 32px, 560px);
  margin: 46px auto 70px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--scc-border);
  border-radius: 10px;
  color: var(--scc-text);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent),
    var(--scc-panel);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.34);
}

body#authentication #content h1,
body.page-authentication #content h1,
body.page-customer-account #content h1,
body#authentication .page-header h1,
body.page-authentication .page-header h1 {
  margin: 0 0 28px;
  color: #ffffff;
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  text-align: left;
}

/* Labels and required marker */
body#authentication .form-control-label,
body.page-authentication .form-control-label,
body.page-customer-account .form-control-label,
body#authentication label,
body.page-authentication label {
  margin-bottom: 8px;
  color: #d7e0e5;
  font-weight: 650;
}

body#authentication .required,
body.page-authentication .required,
body#authentication .form-control-label .required,
body.page-authentication .form-control-label .required {
  color: #ff5d67;
}

/* Inputs */
body#authentication .form-control,
body.page-authentication .form-control,
body.page-customer-account .form-control,
body#authentication input[type="email"],
body#authentication input[type="password"],
body.page-authentication input[type="email"],
body.page-authentication input[type="password"] {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(155, 180, 195, 0.42);
  border-radius: 7px;
  color: var(--scc-text);
  background: #081017;
  box-shadow: none;
}

body#authentication .form-control:focus,
body.page-authentication .form-control:focus,
body.page-customer-account .form-control:focus {
  border-color: var(--scc-blue);
  background: #081017;
  box-shadow: 0 0 0 3px rgba(22, 142, 255, 0.16);
}

/* Password reveal button */
body#authentication .input-group,
body.page-authentication .input-group {
  overflow: hidden;
  border-radius: 7px;
}

body#authentication .input-group .form-control,
body.page-authentication .input-group .form-control {
  border-radius: 7px 0 0 7px;
}

body#authentication .input-group .btn,
body.page-authentication .input-group .btn,
body#authentication .input-group-text,
body.page-authentication .input-group-text {
  min-width: 54px;
  border: 1px solid var(--scc-blue);
  border-left: 0;
  border-radius: 0 7px 7px 0;
  color: #ffffff;
  background: var(--scc-blue);
}

body#authentication .input-group .btn:hover,
body.page-authentication .input-group .btn:hover {
  background: #2a9aff;
}

/* Forgot password */
body#authentication .forgot-password,
body.page-authentication .forgot-password,
body#authentication .forgot-password a,
body.page-authentication .forgot-password a {
  color: var(--scc-blue);
  text-decoration: none;
}

body#authentication .forgot-password a:hover,
body.page-authentication .forgot-password a:hover {
  color: #ffffff;
}

/* Main login button */
body#authentication button[type="submit"],
body.page-authentication button[type="submit"],
body#authentication .form-footer .btn-primary,
body.page-authentication .form-footer .btn-primary {
  min-height: 46px;
  padding: 0 24px;
  border: 1px solid var(--scc-blue);
  border-radius: 6px;
  color: #ffffff;
  background: var(--scc-blue);
  font-weight: 750;
  box-shadow: none;
}

body#authentication button[type="submit"]:hover,
body.page-authentication button[type="submit"]:hover,
body#authentication .form-footer .btn-primary:hover,
body.page-authentication .form-footer .btn-primary:hover {
  border-color: #2a9aff;
  background: #2a9aff;
}

/* Separator */
body#authentication hr,
body.page-authentication hr,
body#authentication .no-account,
body.page-authentication .no-account {
  border-color: var(--scc-border);
}

/* Create account area */
body#authentication .no-account,
body.page-authentication .no-account {
  margin-top: 18px;
  padding-top: 18px;
}

body#authentication .no-account,
body.page-authentication .no-account,
body#authentication .no-account p,
body.page-authentication .no-account p {
  color: var(--scc-muted);
}

body#authentication .no-account a,
body.page-authentication .no-account a,
body#authentication .create-account,
body.page-authentication .create-account {
  display: inline-flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  border: 1px solid var(--scc-blue);
  border-radius: 6px;
  color: var(--scc-blue);
  background: transparent;
  text-decoration: none;
  transition:
    color 160ms ease,
    background 160ms ease;
}

body#authentication .no-account a:hover,
body.page-authentication .no-account a:hover,
body#authentication .create-account:hover,
body.page-authentication .create-account:hover {
  color: #ffffff;
  background: rgba(22, 142, 255, 0.14);
}

/* Form spacing */
body#authentication .form-group,
body.page-authentication .form-group,
body#authentication .mb-3,
body.page-authentication .mb-3 {
  margin-bottom: 18px;
}

body#authentication .form-footer,
body.page-authentication .form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
}

/* Remove accidental white surfaces from Hummingbird defaults */
body#authentication .card,
body.page-authentication .card,
body#authentication .form-control-comment,
body.page-authentication .form-control-comment {
  color: var(--scc-muted);
  background: transparent;
}

@media (max-width: 575px) {
  body#authentication #content,
  body.page-authentication #content,
  body.page-customer-account #content {
    width: min(100% - 20px, 560px);
    margin-top: 24px;
    padding: 22px 18px;
  }

  body#authentication .form-footer,
  body.page-authentication .form-footer {
    align-items: stretch;
    flex-direction: column;
  }

  body#authentication button[type="submit"],
  body.page-authentication button[type="submit"] {
    width: 100%;
  }
}

/* =========================================================
   SCC Records — global dark storefront
   Applies the SCC visual language across customer-facing pages
   ========================================================= */

/* Page foundation */
html,
body,
#wrapper,
#main,
main,
main > .container,
main > .container-fluid,
.page-wrapper,
.page-content,
.page-customer-account,
.page-order,
.page-cart,
.page-checkout {
  color: var(--scc-text);
  background-color: var(--scc-bg);
}

#wrapper {
  background:
    radial-gradient(circle at 75% 5%, rgba(22, 142, 255, 0.055), transparent 28rem),
    var(--scc-bg);
}

/* Remove remaining white horizontal bands */
#wrapper > .container,
#wrapper > .container-fluid,
main > .container,
main > .container-fluid,
#content-wrapper,
.content-wrapper,
.page-content-wrapper {
  background-color: transparent;
}

/* Global headings and text */
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
.page-header h1,
.page-header h2,
.card-title,
.modal-title {
  color: #ffffff;
}

#main p,
#main li,
#main dt,
#main dd,
#main address,
#main .text-muted,
#main small {
  color: var(--scc-muted);
}

#main a {
  color: var(--scc-blue);
}

#main a:hover,
#main a:focus {
  color: #ffffff;
}

/* Breadcrumb — full-width dark band */
#wrapper .breadcrumb,
#wrapper .breadcrumb-wrapper,
#wrapper .breadcrumb-container,
#wrapper nav.breadcrumb {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid var(--scc-border);
  color: var(--scc-muted);
  background: #081015;
}

#wrapper .breadcrumb ol,
#wrapper .breadcrumb ul,
#wrapper .breadcrumb .container,
#wrapper .breadcrumb .container-fluid {
  color: var(--scc-muted);
  background: transparent;
}

#wrapper .breadcrumb a {
  color: var(--scc-blue);
  text-decoration: none;
}

#wrapper .breadcrumb a:hover {
  color: #ffffff;
}

/* Panels, cards and common content surfaces */
#main .card,
#main .card-body,
#main .card-header,
#main .card-footer,
#main .panel,
#main .box,
#main .block,
#main .definition-list,
#main .featured-products,
#main .product-accessories,
#main .cart-grid-body,
#main .cart-grid-right,
#main .checkout-step,
#main .order-confirmation-table,
#main .account-link,
#main .address,
#main .order-message-form,
#main .js-address-form,
#main .js-customer-form {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background-color: var(--scc-panel);
  box-shadow: none;
}

#main .card-header,
#main .card-footer {
  border-color: var(--scc-border);
}

/* Labels: white text; only the required asterisk stays red */
#main label,
#main .form-control-label,
#main .col-form-label,
#main legend {
  color: #d7e0e5;
}

#main label.required,
#main .form-control-label.required {
  color: #d7e0e5;
}

#main .required,
#main .form-control-label .required,
#main label .required,
#main abbr[title="required"] {
  color: #ff5d67;
}

/* Inputs, selects and text areas */
#main .form-control,
#main .form-select,
#main input[type="text"],
#main input[type="email"],
#main input[type="password"],
#main input[type="tel"],
#main input[type="number"],
#main input[type="search"],
#main input[type="date"],
#main select,
#main textarea {
  color: var(--scc-text);
  border-color: rgba(155, 180, 195, 0.42);
  background-color: #081017;
  box-shadow: none;
}

#main .form-control::placeholder,
#main textarea::placeholder,
#main input::placeholder {
  color: #87969f;
  opacity: 1;
}

#main .form-control:focus,
#main .form-select:focus,
#main input:focus,
#main select:focus,
#main textarea:focus {
  color: var(--scc-text);
  border-color: var(--scc-blue);
  background-color: #081017;
  box-shadow: 0 0 0 3px rgba(22, 142, 255, 0.16);
}

/* Browser autofill */
#main input:-webkit-autofill,
#main input:-webkit-autofill:hover,
#main input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--scc-text);
  box-shadow: 0 0 0 1000px #081017 inset;
  transition: background-color 9999s ease-out;
}

/* Input groups and reveal-password controls */
#main .input-group-text {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel-2);
}

#main .input-group .btn {
  border-color: var(--scc-blue);
}

/* Primary and secondary buttons */
#main .btn-primary,
#main button[type="submit"].btn-primary,
#main input[type="submit"].btn-primary {
  color: #ffffff;
  border-color: var(--scc-blue);
  background: var(--scc-blue);
  box-shadow: none;
}

#main .btn-primary:hover,
#main .btn-primary:focus {
  color: #ffffff;
  border-color: #2a9aff;
  background: #2a9aff;
}

#main .btn-secondary,
#main .btn-outline-primary,
#main .btn-outline-secondary {
  color: var(--scc-blue);
  border-color: var(--scc-blue);
  background: transparent;
  box-shadow: none;
}

#main .btn-secondary:hover,
#main .btn-outline-primary:hover,
#main .btn-outline-secondary:hover {
  color: #ffffff;
  border-color: var(--scc-blue);
  background: rgba(22, 142, 255, 0.14);
}

/* Forgot-password and similar plain links — no white chip background */
#main .forgot-password,
#main .forgot-password a,
#main a.forgot-password,
#main .password-recovery,
#main .password-recovery a {
  color: var(--scc-blue);
  border: 0;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
}

#main .forgot-password:hover,
#main .forgot-password a:hover,
#main .password-recovery a:hover {
  color: #ffffff;
  background: transparent;
}

/* Tables */
#main table,
#main .table {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel);
}

#main table > :not(caption) > * > *,
#main .table > :not(caption) > * > * {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: transparent;
}

#main table thead th,
#main .table thead th {
  color: #ffffff;
  background: var(--scc-panel-2);
}

#main .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: var(--scc-text);
  background: rgba(255, 255, 255, 0.018);
}

/* Cart and checkout */
body#cart .cart-item,
body#checkout .checkout-step,
body#order-confirmation .order-confirmation-table,
body.page-order .order-line {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel);
}

body#cart .cart-summary,
body#checkout .cart-summary,
body#checkout .order-options,
body#checkout .delivery-options,
body#checkout .payment-options {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel);
}

body#checkout .delivery-option,
body#checkout .payment-option {
  border-color: var(--scc-border);
  background: #081017;
}

body#checkout .delivery-option:hover,
body#checkout .payment-option:hover {
  border-color: var(--scc-blue);
  background: #0d1921;
}

/* Customer account pages */
body.page-customer-account .account-link,
body#my-account .account-link {
  color: var(--scc-text);
  border: 1px solid var(--scc-border);
  border-radius: 8px;
  background: var(--scc-panel);
}

body.page-customer-account .account-link:hover,
body#my-account .account-link:hover {
  color: #ffffff;
  border-color: var(--scc-blue);
  background: #111b23;
}

/* Product and category pages */
body#product .product-information,
body#product .product-prices,
body#product .product-description,
body#category .block-category,
body#search .block-category {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: transparent;
}

body#product .tabs,
body#product .product-tabs,
body#product .tab-content {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel);
}

body#product .nav-tabs {
  border-color: var(--scc-border);
}

body#product .nav-tabs .nav-link {
  color: var(--scc-muted);
  border-color: transparent;
  background: transparent;
}

body#product .nav-tabs .nav-link.active,
body#product .nav-tabs .nav-link:hover {
  color: #ffffff;
  border-color: var(--scc-blue);
  background: rgba(22, 142, 255, 0.1);
}

/* Faceted filters and side columns */
#left-column .block,
#right-column .block,
#search_filters,
#search_filters_brands,
#search_filters_suppliers {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel);
}

#search_filters .facet-title,
#search_filters label,
#search_filters a {
  color: var(--scc-text);
}

/* Pagination */
#main .pagination,
#main .page-list {
  color: var(--scc-text);
}

#main .page-link,
#main .pagination a {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel);
}

#main .page-link:hover,
#main .pagination a:hover,
#main .page-item.active .page-link,
#main .current a {
  color: #ffffff;
  border-color: var(--scc-blue);
  background: rgba(22, 142, 255, 0.18);
}

/* Alerts and messages */
#main .alert,
#main .notifications-container .alert {
  border-color: var(--scc-border);
  color: var(--scc-text);
  background: var(--scc-panel-2);
}

#main .alert-success {
  border-color: rgba(87, 227, 137, 0.45);
  color: #b8f3cf;
  background: rgba(87, 227, 137, 0.09);
}

#main .alert-danger,
#main .alert-error {
  border-color: rgba(255, 93, 103, 0.48);
  color: #ffb4ba;
  background: rgba(255, 93, 103, 0.09);
}

#main .alert-warning {
  border-color: rgba(255, 192, 77, 0.48);
  color: #ffd891;
  background: rgba(255, 192, 77, 0.09);
}

/* Dropdowns and menus in page content */
#main .dropdown-menu,
#main .select2-dropdown,
#main .popover {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel-2);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);
}

#main .dropdown-item {
  color: var(--scc-text);
}

#main .dropdown-item:hover,
#main .dropdown-item:focus {
  color: #ffffff;
  background: #111b23;
}

/* Modals */
.modal-content {
  color: var(--scc-text);
  border-color: var(--scc-border);
  background: var(--scc-panel);
}

.modal-header,
.modal-footer {
  border-color: var(--scc-border);
}

.modal .btn-close,
.modal .close {
  filter: invert(1);
}

/* Horizontal rules and separators */
#main hr,
#main .separator,
#main .border-top,
#main .border-bottom {
  border-color: var(--scc-border);
}

/* Keep product images and media neutral */
#main .product-cover,
#main .product-images,
#main .thumbnail-container,
#main .product-thumbnail {
  background: transparent;
}

/* Mobile refinements */
@media (max-width: 767px) {
  #main .card,
  #main .card-body,
  #main .panel,
  #main .checkout-step {
    border-radius: 7px;
  }

  #main .form-control,
  #main .form-select,
  #main input,
  #main select,
  #main textarea {
    min-height: 48px;
  }

  #wrapper .breadcrumb {
    padding-inline: 12px;
  }
}

/* =========================================================
   SCC Records — final white-surface cleanup
   Authentication, account, cart and checkout pages
   ========================================================= */

/* Remove the remaining white breadcrumb side panels */
body#authentication #wrapper,
body#authentication #wrapper > .container,
body#authentication #wrapper > .container-fluid,
body#authentication .breadcrumb-wrapper,
body#authentication .breadcrumb-container,
body#authentication nav.breadcrumb,
body#authentication .breadcrumb,
body.page-authentication #wrapper,
body.page-authentication #wrapper > .container,
body.page-authentication #wrapper > .container-fluid,
body.page-authentication .breadcrumb-wrapper,
body.page-authentication .breadcrumb-container,
body.page-authentication nav.breadcrumb,
body.page-authentication .breadcrumb,
body.page-customer-account #wrapper,
body.page-customer-account #wrapper > .container,
body.page-customer-account #wrapper > .container-fluid,
body.page-customer-account .breadcrumb-wrapper,
body.page-customer-account .breadcrumb-container,
body.page-customer-account nav.breadcrumb,
body.page-customer-account .breadcrumb,
body#cart .breadcrumb-wrapper,
body#checkout .breadcrumb-wrapper,
body#order-confirmation .breadcrumb-wrapper {
  background: #081015 !important;
}

/* Ensure the breadcrumb spans the full viewport without white gutters */
body#authentication .breadcrumb-wrapper,
body.page-authentication .breadcrumb-wrapper,
body.page-customer-account .breadcrumb-wrapper,
body#cart .breadcrumb-wrapper,
body#checkout .breadcrumb-wrapper,
body#order-confirmation .breadcrumb-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--scc-border) !important;
}

body#authentication .breadcrumb-wrapper > *,
body.page-authentication .breadcrumb-wrapper > *,
body.page-customer-account .breadcrumb-wrapper > *,
body#cart .breadcrumb-wrapper > *,
body#checkout .breadcrumb-wrapper > *,
body#order-confirmation .breadcrumb-wrapper > * {
  background: transparent !important;
}

/* Remove white background from the password-reset link/button */
body#authentication .forgot-password,
body#authentication .forgot-password *,
body#authentication a[data-link-action="display-password-reset"],
body#authentication .forgot-password .btn,
body#authentication .forgot-password .btn-link,
body.page-authentication .forgot-password,
body.page-authentication .forgot-password *,
body.page-authentication a[data-link-action="display-password-reset"],
body.page-authentication .forgot-password .btn,
body.page-authentication .forgot-password .btn-link {
  border: 0 !important;
  color: var(--scc-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body#authentication .forgot-password:hover,
body#authentication .forgot-password *:hover,
body#authentication a[data-link-action="display-password-reset"]:hover,
body.page-authentication .forgot-password:hover,
body.page-authentication .forgot-password *:hover,
body.page-authentication a[data-link-action="display-password-reset"]:hover {
  color: #ffffff !important;
  background: transparent !important;
}

/* Keep login labels white; only required symbols remain red */
body#authentication label,
body#authentication .form-control-label,
body.page-authentication label,
body.page-authentication .form-control-label {
  color: #d7e0e5 !important;
}

body#authentication label .required,
body#authentication .form-control-label .required,
body#authentication .required,
body.page-authentication label .required,
body.page-authentication .form-control-label .required,
body.page-authentication .required {
  color: #ff5d67 !important;
}

/* Remove any residual white Bootstrap surfaces inside account forms */
body#authentication #main .btn-link,
body.page-authentication #main .btn-link,
body.page-customer-account #main .btn-link,
body#cart #main .btn-link,
body#checkout #main .btn-link {
  border-color: transparent !important;
  color: var(--scc-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#authentication #main .btn-link:hover,
body.page-authentication #main .btn-link:hover,
body.page-customer-account #main .btn-link:hover,
body#cart #main .btn-link:hover,
body#checkout #main .btn-link:hover {
  color: #ffffff !important;
  background: transparent !important;
}

/* Defensive cleanup for white cards or strips generated by modules */
body#authentication #main .bg-white,
body.page-authentication #main .bg-white,
body.page-customer-account #main .bg-white,
body#cart #main .bg-white,
body#checkout #main .bg-white,
body#order-confirmation #main .bg-white {
  background-color: var(--scc-panel) !important;
}

/* =========================================================
   SCC Records — shared customer forms
   Login, registration, identity and address forms
   ========================================================= */

.scc-customer-container {
  width: min(calc(100% - 32px), 560px);
  max-width: 560px;
  margin-inline: auto;
  padding-inline: 0;
}

.scc-customer-page {
  width: 100%;
  margin: 38px auto 72px;
}

.scc-customer-page__header {
  width: 100%;
  margin: 0 0 22px;
  padding: 0 8px;
}

.scc-customer-page__header h1 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.05;
  text-align: left;
}

.scc-customer-page__panel {
  width: 100%;
  padding: clamp(24px, 5vw, 38px);
  border: 1px solid var(--scc-border);
  border-radius: 10px;
  color: var(--scc-text);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent),
    var(--scc-panel);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.3);
}

/* The form itself must not create a second box inside the panel. */
.scc-customer-form,
.scc-customer-form__fields {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.scc-customer-form .form-group,
.scc-customer-form .form-control-wrapper,
.scc-customer-form .form-control-comment {
  width: 100%;
}

.scc-customer-form .form-group {
  margin-bottom: 20px;
}

.scc-customer-form label,
.scc-customer-form .form-control-label,
.scc-customer-form legend {
  margin-bottom: 8px;
  color: #d7e0e5 !important;
  font-weight: 650;
}

.scc-customer-form .required,
.scc-customer-form label .required,
.scc-customer-form .form-control-label .required {
  color: #ff5d67 !important;
}

.scc-customer-form .form-control,
.scc-customer-form input[type="text"],
.scc-customer-form input[type="email"],
.scc-customer-form input[type="password"],
.scc-customer-form input[type="tel"],
.scc-customer-form input[type="date"],
.scc-customer-form select,
.scc-customer-form textarea {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(155, 180, 195, 0.42);
  border-radius: 7px;
  color: var(--scc-text);
  background: #081017;
  box-shadow: none;
}

.scc-customer-form .form-control:focus,
.scc-customer-form input:focus,
.scc-customer-form select:focus,
.scc-customer-form textarea:focus {
  border-color: var(--scc-blue);
  background: #081017;
  box-shadow: 0 0 0 3px rgba(22, 142, 255, 0.16);
}

.scc-customer-form .form-control-comment,
.scc-customer-form .form-text,
.scc-customer-form small {
  color: #87969f !important;
}

.scc-customer-form .input-group {
  width: 100%;
}

.scc-customer-form .input-group .form-control {
  border-radius: 7px 0 0 7px;
}

.scc-customer-form .input-group .btn,
.scc-customer-form .input-group-text {
  min-width: 54px;
  border-color: var(--scc-blue);
  border-radius: 0 7px 7px 0;
  color: #ffffff;
  background: var(--scc-blue);
}

/* Radio and checkbox labels remain readable on dark surfaces. */
.scc-customer-form .form-check-label,
.scc-customer-form .radio-inline,
.scc-customer-form .checkbox-inline {
  color: #d7e0e5 !important;
}

.scc-customer-form__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid var(--scc-border);
}

.scc-customer-form__submit {
  min-width: 180px;
  min-height: 48px;
  border: 1px solid var(--scc-blue);
  border-radius: 6px;
  color: #ffffff;
  background: var(--scc-blue);
  font-weight: 750;
}

.scc-customer-form__submit:hover,
.scc-customer-form__submit:focus {
  border-color: #2a9aff;
  background: #2a9aff;
}

.scc-customer-page__login-prompt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--scc-border);
  color: var(--scc-muted);
}

.scc-customer-page__login-prompt a {
  color: var(--scc-blue);
  text-decoration: none;
}

.scc-customer-page__login-prompt a:hover {
  color: #ffffff;
}

/* Login footer */
.scc-login-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--scc-border);
}

.scc-forgot-password {
  color: var(--scc-blue);
  background: transparent;
  text-decoration: none;
}

.scc-forgot-password:hover {
  color: #ffffff;
}

.scc-login-form__submit {
  min-width: 108px;
  min-height: 46px;
}

/* Remove Hummingbird's extra customer-form card/panel styles. */
.scc-customer-page .card,
.scc-customer-page .card-body,
.scc-customer-page .register-form,
.scc-customer-page .js-customer-form {
  border: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 575px) {
  .scc-customer-container {
    width: min(calc(100% - 20px), 560px);
  }

  .scc-customer-page {
    margin-top: 24px;
  }

  .scc-customer-page__panel {
    padding: 22px 18px;
  }

  .scc-customer-form__footer,
  .scc-login-form__footer,
  .scc-customer-page__login-prompt {
    align-items: stretch;
    flex-direction: column;
  }

  .scc-customer-form__submit,
  .scc-login-form__submit {
    width: 100%;
  }
}

/* =========================================================
   SCC Records — corrective patch v2
   1) Full-width dark breadcrumb with no white side gutters
   2) White form labels; only nested required marker stays red
   ========================================================= */

/* Force the breadcrumb background across the entire viewport. */
.scc-breadcrumb,
.breadcrumb__wrapper.scc-breadcrumb,
nav.scc-breadcrumb {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: -50vw !important;
  margin-left: -50vw !important;
  padding: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--scc-border) !important;
  background: #081015 !important;
  box-shadow: 0 0 0 100vmax #081015 !important;
  clip-path: inset(0 -100vmax) !important;
}

.scc-breadcrumb > .scc-shell,
.scc-breadcrumb .scc-shell,
.scc-breadcrumb .breadcrumb,
.scc-breadcrumb ol,
.scc-breadcrumb ul {
  background: transparent !important;
}

/* Defensive reset for any wrapper around the breadcrumb. */
body .breadcrumb-wrapper,
body .breadcrumb-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #081015 !important;
}

/* Keep all customer-form label text white. */
.scc-customer-form label,
.scc-customer-form label.required,
.scc-customer-form .form-control-label,
.scc-customer-form .form-control-label.required,
.scc-customer-page label,
.scc-customer-page label.required,
.scc-customer-page .form-control-label,
.scc-customer-page .form-control-label.required,
body#authentication label,
body#authentication label.required,
body.page-authentication label,
body.page-authentication label.required,
body.page-customer-account label,
body.page-customer-account label.required {
  color: #d7e0e5 !important;
}

/* Only an actual nested required marker remains red. */
.scc-customer-form label .required,
.scc-customer-form .form-control-label .required,
.scc-customer-page label .required,
.scc-customer-page .form-control-label .required,
body#authentication label .required,
body.page-authentication label .required,
body.page-customer-account label .required,
.scc-customer-form .required-marker,
.scc-customer-page .required-marker {
  color: #ff5d67 !important;
}

/* Prevent generic .required rules from turning entire rows or labels red. */
.scc-customer-form .form-group.required,
.scc-customer-form .form-group.required label,
.scc-customer-form .form-group.required .form-control-label,
.scc-customer-page .form-group.required,
.scc-customer-page .form-group.required label,
.scc-customer-page .form-group.required .form-control-label {
  color: #d7e0e5 !important;
}

/* =========================================================
   SCC Records — login form correction v3
   Restores dark fields and the intended SCC login layout
   ========================================================= */

body#authentication .scc-customer-page,
body.page-authentication .scc-customer-page {
  width: min(100%, 560px) !important;
  margin: 38px auto 72px !important;
}

body#authentication .scc-customer-page__header,
body.page-authentication .scc-customer-page__header {
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 8px !important;
}

body#authentication .scc-customer-page__header h1,
body.page-authentication .scc-customer-page__header h1 {
  margin: 0 !important;
  color: #ffffff !important;
  text-align: left !important;
}

body#authentication .scc-customer-page__panel,
body.page-authentication .scc-customer-page__panel {
  width: 100% !important;
  padding: 36px !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent),
    var(--scc-panel) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.3) !important;
}

body#authentication .scc-customer-form,
body.page-authentication .scc-customer-form,
body#authentication .scc-customer-form__fields,
body.page-authentication .scc-customer-form__fields {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Dark fields with white text */
body#authentication .scc-customer-form .form-control,
body.page-authentication .scc-customer-form .form-control,
body#authentication .scc-customer-form input[type="email"],
body#authentication .scc-customer-form input[type="password"],
body.page-authentication .scc-customer-form input[type="email"],
body.page-authentication .scc-customer-form input[type="password"] {
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid rgba(155, 180, 195, 0.42) !important;
  border-radius: 7px !important;
  color: #f4f7f8 !important;
  background: #081017 !important;
  box-shadow: none !important;
}

/* Prevent browser autofill from turning fields white */
body#authentication .scc-customer-form input:-webkit-autofill,
body#authentication .scc-customer-form input:-webkit-autofill:hover,
body#authentication .scc-customer-form input:-webkit-autofill:focus,
body.page-authentication .scc-customer-form input:-webkit-autofill,
body.page-authentication .scc-customer-form input:-webkit-autofill:hover,
body.page-authentication .scc-customer-form input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f4f7f8 !important;
  caret-color: #f4f7f8 !important;
  box-shadow: 0 0 0 1000px #081017 inset !important;
  transition: background-color 9999s ease-out 0s !important;
}

body#authentication .scc-customer-form .form-control:focus,
body.page-authentication .scc-customer-form .form-control:focus,
body#authentication .scc-customer-form input:focus,
body.page-authentication .scc-customer-form input:focus {
  border-color: var(--scc-blue) !important;
  background: #081017 !important;
  box-shadow: 0 0 0 3px rgba(22, 142, 255, 0.16) !important;
}

/* White labels; only the required mark remains red */
body#authentication .scc-customer-form label,
body#authentication .scc-customer-form .form-control-label,
body.page-authentication .scc-customer-form label,
body.page-authentication .scc-customer-form .form-control-label {
  color: #d7e0e5 !important;
}

body#authentication .scc-customer-form label .required,
body#authentication .scc-customer-form .form-control-label .required,
body.page-authentication .scc-customer-form label .required,
body.page-authentication .scc-customer-form .form-control-label .required {
  color: #ff5d67 !important;
}

/* Password reveal control */
body#authentication .scc-customer-form .input-group,
body.page-authentication .scc-customer-form .input-group {
  width: 100% !important;
  overflow: visible !important;
}

body#authentication .scc-customer-form .input-group .form-control,
body.page-authentication .scc-customer-form .input-group .form-control {
  border-radius: 7px 0 0 7px !important;
}

body#authentication .scc-customer-form .input-group .btn,
body.page-authentication .scc-customer-form .input-group .btn {
  min-width: 54px !important;
  border: 1px solid var(--scc-blue) !important;
  border-left: 0 !important;
  border-radius: 0 7px 7px 0 !important;
  color: #ffffff !important;
  background: var(--scc-blue) !important;
}

/* Login footer */
body#authentication .scc-login-form__footer,
body.page-authentication .scc-login-form__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-top: 26px !important;
  padding-top: 22px !important;
  border-top: 1px solid var(--scc-border) !important;
}

body#authentication .scc-forgot-password,
body.page-authentication .scc-forgot-password {
  color: var(--scc-blue) !important;
  background: transparent !important;
  text-decoration: none !important;
}

body#authentication .scc-login-form__submit,
body.page-authentication .scc-login-form__submit {
  min-width: 108px !important;
  min-height: 46px !important;
  border: 1px solid var(--scc-blue) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  background: var(--scc-blue) !important;
}

@media (max-width: 575px) {
  body#authentication .scc-customer-page__panel,
  body.page-authentication .scc-customer-page__panel {
    padding: 22px 18px !important;
  }

  body#authentication .scc-login-form__footer,
  body.page-authentication .scc-login-form__footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body#authentication .scc-login-form__submit,
  body.page-authentication .scc-login-form__submit {
    width: 100% !important;
  }
}

/* =========================================================
   SCC Records — centered homepage hero v4
   Removes the former three-column hero layout and centers
   logo, tagline, heading and buttons.
   ========================================================= */

.scc-home .scc-hero {
  min-height: 500px;
}

.scc-home .scc-hero__inner,
.scc-home .scc-hero__inner--centered {
  display: flex !important;
  width: min(calc(100% - 40px), var(--scc-max-width)) !important;
  min-height: 500px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline: auto !important;
  padding: 70px 0 !important;
}

.scc-home .scc-hero__content {
  width: min(100%, 920px) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.scc-home .scc-hero__logo {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto 18px !important;
}

.scc-home .scc-hero__logo img {
  display: block !important;
  width: min(100%, 520px) !important;
  height: auto !important;
  max-width: 520px !important;
  max-height: 150px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.scc-home .scc-hero__kicker {
  max-width: none !important;
  margin: 0 0 10px !important;
  color: var(--scc-green) !important;
  font-size: 1.15rem !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.scc-home .scc-hero h1,
.scc-home #scc-hero-title {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

.scc-home .scc-hero__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 28px auto 0 !important;
}

.scc-home .scc-hero__actions .scc-btn {
  min-width: 185px !important;
}

@media (max-width: 767px) {
  .scc-home .scc-hero,
  .scc-home .scc-hero__inner,
  .scc-home .scc-hero__inner--centered {
    min-height: 420px !important;
  }

  .scc-home .scc-hero__inner,
  .scc-home .scc-hero__inner--centered {
    width: min(calc(100% - 24px), var(--scc-max-width)) !important;
    padding: 54px 0 !important;
  }

  .scc-home .scc-hero__logo img {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    max-height: 110px !important;
  }

  .scc-home .scc-hero__kicker {
    font-size: 1rem !important;
  }

  .scc-home .scc-hero h1,
  .scc-home #scc-hero-title {
    font-size: clamp(1.7rem, 8vw, 2.5rem) !important;
    letter-spacing: 0.05em !important;
  }

  .scc-home .scc-hero__actions {
    flex-direction: column !important;
    align-items: center !important;
  }

  .scc-home .scc-hero__actions .scc-btn {
    width: min(100%, 280px) !important;
  }
}

/* =========================================================
   Formatlinje under hero
   Flyttes op og får kant både øverst og nederst
   ========================================================= */
 
.scc-format-strip {
  position: relative;
  z-index: 5;
  margin-top: -40px;
  padding: 10px 0;
  border-top: 1px solid var(--scc-border);
  border-bottom: 1px solid var(--scc-border);
  background: #071015;
}

/* =========================================================
   SCC RECORDS CATALOG THEME v2.0 — REAL STRUCTURAL OVERRIDE
   Hummingbird 2 / PrestaShop 9.1+
   ========================================================= */

:root {
  --scc-panel-2: #101a22;
  --scc-card: #0c141a;
  --scc-card-hover: #111d25;
}

/* Full catalogue area */
body#category #main,
body#search #main,
body#manufacturer #main,
body#supplier #main,
body#prices-drop #main,
body#new-products #main,
body#best-sales #main {
  color: var(--scc-text);
  background: transparent;
}

.scc-catalog {
  width: 100%;
  min-width: 0;
  padding-bottom: 56px;
}

/* Category title/description and genre chips */
.scc-catalog-hero,
body#category .block-category,
body#category #js-product-list-header,
body#search #js-product-list-header,
body#manufacturer #js-product-list-header,
body#supplier #js-product-list-header {
  margin: 0 0 22px !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid rgba(95, 135, 158, .42) !important;
  border-radius: 10px !important;
  color: var(--scc-text) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(22,142,255,.11), transparent 20rem),
    #0d171f !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
}

.scc-catalog-hero h1,
.scc-catalog-hero .h1,
.scc-catalog-hero .page-title,
body#category .block-category h1 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(2.2rem, 5vw, 4rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
  line-height: .95 !important;
  text-transform: uppercase;
}

.scc-catalog-hero p,
.scc-catalog-hero .category-description,
body#category .block-category p {
  max-width: 900px;
  color: #aebbc3 !important;
  line-height: 1.65;
}

/* Category tags/chips generated by hooks/modules */
body#category #js-product-list-header a:not(.btn),
body#category .block-category a:not(.btn),
body#category .category-sub-menu a,
body#category .scc-catalog-hero .badge {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  margin: 5px 5px 0 0;
  padding: 7px 14px;
  border: 1px solid #60717c;
  border-radius: 999px;
  color: #dce5e9 !important;
  background: #0a1116;
  font-size: .82rem;
  text-decoration: none;
  transition: .16s ease;
}

body#category #js-product-list-header a:not(.btn):hover,
body#category .block-category a:not(.btn):hover,
body#category .category-sub-menu a:hover {
  border-color: var(--scc-blue);
  color: #fff !important;
  background: rgba(22,142,255,.14);
  transform: translateY(-1px);
}

/* Toolbar */
.scc-products-toolbar,
#js-product-list-top.scc-products-toolbar {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(95,135,158,.42);
  border-radius: 9px;
  background: #0d171f;
}

.scc-products-toolbar__inner,
.scc-products-toolbar .products__selection {
  display: flex !important;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 !important;
}

.scc-products-count,
.scc-products-count span,
.products__count,
.products__count span {
  color: #aebbc3 !important;
  font-size: .9rem;
}

.scc-products-sort {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* All catalogue selects — removes the remaining white select */
body#category select,
body#search select,
body#manufacturer select,
body#supplier select,
body#prices-drop select,
body#new-products select,
body#best-sales select,
.scc-catalog select,
.products-sort-order .select-title,
.products-sort-order .dropdown-toggle,
.products__sort .form-select,
.products__sort select,
#left-column select,
#right-column select {
  min-height: 46px !important;
  padding: 0 44px 0 14px !important;
  border: 1px solid #405461 !important;
  border-radius: 7px !important;
  color: #fff !important;
  background-color: #091219 !important;
  box-shadow: none !important;
}

body#category select option,
body#search select option,
body#manufacturer select option,
body#supplier select option,
.scc-catalog select option,
#left-column select option,
#right-column select option {
  color: #fff;
  background: #091219;
}

.products-sort-order .dropdown-menu,
.products-sort-order .select-list,
.products__sort .dropdown-menu {
  padding: 6px !important;
  border: 1px solid #405461 !important;
  border-radius: 8px !important;
  background: #091219 !important;
}

.products-sort-order .select-list,
.products-sort-order .dropdown-item {
  color: #e7edf0 !important;
  background: transparent !important;
}
.products-sort-order .select-list:hover,
.products-sort-order .dropdown-item:hover {
  color: #fff !important;
  background: rgba(22,142,255,.17) !important;
}

/* Left category menu and faceted filters */
body#category #left-column,
body#search #left-column,
body#manufacturer #left-column,
body#supplier #left-column {
  min-width: 0;
}

body#category #left-column .block,
body#search #left-column .block,
body#category .block-categories,
body#search .block-categories,
#search_filters,
#search_filters_brands,
#search_filters_suppliers,
.offcanvas #search_filters {
  margin: 0 0 18px !important;
  padding: 20px !important;
  border: 1px solid rgba(95,135,158,.42) !important;
  border-radius: 10px !important;
  color: var(--scc-text) !important;
  background: #0d171f !important;
  box-shadow: none !important;
}

#left-column .block-title,
#left-column .h6,
#search_filters .facet-title,
#search_filters .h6,
.block-categories .block-title {
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--scc-border);
  color: #fff !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.block-categories ul,
.block-categories li,
#search_filters ul,
#search_filters li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.block-categories a,
#left-column .category-sub-menu a,
#search_filters .facet-label a,
#search_filters label {
  display: flex;
  min-height: 39px;
  align-items: center;
  padding: 8px 10px !important;
  border-radius: 6px;
  color: #dbe4e8 !important;
  font-size: .88rem;
  text-decoration: none !important;
}

.block-categories a:hover,
#left-column .category-sub-menu a:hover,
#search_filters .facet-label:hover a,
#search_filters label:hover {
  color: #fff !important;
  background: rgba(22,142,255,.13);
}

.block-categories .current > a,
.block-categories a[aria-current="page"],
#search_filters .facet-label.active a {
  color: var(--scc-green) !important;
  background: rgba(131,211,0,.08);
}

#search_filters .facet {
  padding: 15px 0;
  border-bottom: 1px solid var(--scc-border);
}
#search_filters .facet:last-child { border-bottom: 0; }

#search_filters .custom-checkbox input + span,
#search_filters .custom-radio input + span {
  border-color: #60717c !important;
  background: #081017 !important;
}
#search_filters .custom-checkbox input:checked + span,
#search_filters .custom-radio input:checked + span {
  border-color: var(--scc-blue) !important;
  background: var(--scc-blue) !important;
}

/* Product grid: neutralise Hummingbird fixed widths */
.scc-product-grid,
.scc-product-grid > .products,
.scc-product-list .products,
#js-product-list .products,
body#category #products .products,
body#search #products .products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
}

.scc-product-grid > .products > *,
.scc-product-list .products > *,
#js-product-list .products > *,
body#category #products .products > *,
body#search #products .products > * {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Product cards */
.scc-product-card,
#products .product-miniature,
.scc-product-list .product-miniature {
  position: relative;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100%;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(95,135,158,.38) !important;
  border-radius: 10px !important;
  color: var(--scc-text);
  background: var(--scc-card) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.2) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.scc-product-card:hover,
#products .product-miniature:hover {
  border-color: var(--scc-blue) !important;
  background: var(--scc-card-hover) !important;
  transform: translateY(-3px);
}

.scc-product-card__inner,
#products .product-miniature__inner {
  display: flex !important;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}

.scc-product-card__media,
#products .product-miniature__top {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--scc-border);
  background: #11181d !important;
}

#products .product-miniature__image,
#products .product-thumbnail,
#products .product-thumbnail img,
#products .product-miniature img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  transition: transform .3s ease;
}
#products .product-miniature:hover img { transform: scale(1.025); }

#products .product-flags {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  margin: 0;
}
#products .product-flag {
  margin: 0 5px 5px 0;
  padding: 5px 8px;
  border-radius: 4px;
  color: #fff;
  background: var(--scc-blue);
  font-size: .68rem;
  font-weight: 900;
}

.scc-product-card__body,
#products .product-miniature__bottom {
  display: flex !important;
  min-height: 210px;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 16px !important;
  background: transparent !important;
}

.scc-product-card__info,
#products .product-miniature__infos {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  background: transparent !important;
}

.scc-product-card__title,
#products .product-miniature__title,
#products .product-title a {
  display: -webkit-box;
  min-height: 2.8em;
  overflow: hidden;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.4;
  text-decoration: none !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.scc-product-card__prices,
#products .product-miniature__prices {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
}

.scc-product-card__price,
#products .product-miniature__price,
#products .price {
  color: var(--scc-green) !important;
  font-size: 1.22rem !important;
  font-weight: 900 !important;
}

#products .product-miniature__regular-price,
#products .regular-price {
  color: #7f8d95 !important;
}

.scc-product-card__actions,
#products .product-miniature__actions {
  margin-top: 14px;
}

#products .product-miniature__form {
  display: grid !important;
  grid-template-columns: 64px 1fr;
  gap: 9px;
  width: 100%;
}

#products .quantity-button,
#products .qty-input {
  width: 64px !important;
  min-width: 0 !important;
}

#products .product-miniature__add,
#products .product-miniature__details {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 6px !important;
  font-weight: 850;
}

#products .product-miniature__add {
  border-color: var(--scc-blue) !important;
  color: #fff !important;
  background: var(--scc-blue) !important;
}
#products .product-miniature__details {
  border-color: #60717c !important;
  color: #fff !important;
  background: transparent !important;
}

/* Active filters */
.scc-active-filters:empty { display: none; }
.active_filters,
.active-filters {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(22,142,255,.35) !important;
  border-radius: 8px;
  background: rgba(22,142,255,.07) !important;
}
.active_filters .filter-block,
.active-filters .filter-block {
  border-color: #496274 !important;
  color: #fff !important;
  background: #0b151c !important;
}

/* Pagination */
.scc-products-pagination { margin-top: 28px; }
.scc-products-pagination .pagination { justify-content: center; }
.scc-products-pagination .page-link,
.scc-products-pagination a {
  min-width: 42px;
  min-height: 42px;
  border-color: #405461 !important;
  color: #eaf0f2 !important;
  background: #0d171f !important;
}
.scc-products-pagination .active .page-link,
.scc-products-pagination .current a {
  border-color: var(--scc-blue) !important;
  background: var(--scc-blue) !important;
}

/* Product page polish */
.scc-product-page {
  gap: clamp(24px, 4vw, 58px) !important;
  padding: clamp(18px, 3vw, 34px);
  border: 1px solid rgba(95,135,158,.38);
  border-radius: 12px;
  background: #0d171f;
}
.scc-product-page__gallery,
.scc-product-page__summary { min-width: 0; }
.scc-product-page__summary .product__name {
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 3.4rem) !important;
  font-weight: 900;
  letter-spacing: -.04em;
}
body#product .current-price,
body#product .product-price {
  color: var(--scc-green) !important;
  font-weight: 900;
}
.scc-product-page__details {
  margin-top: 24px;
  gap: 22px;
}
body#product .accordion-item,
body#product .accordion-button,
body#product .accordion-body {
  border-color: var(--scc-border) !important;
  color: var(--scc-text) !important;
  background: #0d171f !important;
}
body#product .accordion-button:not(.collapsed) {
  color: #fff !important;
  background: rgba(22,142,255,.1) !important;
}

/* Responsive catalogue */
@media (min-width: 1400px) {
  .scc-product-grid,
  .scc-product-grid > .products,
  .scc-product-list .products,
  #js-product-list .products,
  body#category #products .products,
  body#search #products .products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  .scc-product-grid,
  .scc-product-grid > .products,
  .scc-product-list .products,
  #js-product-list .products,
  body#category #products .products,
  body#search #products .products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .scc-products-toolbar__inner,
  .scc-products-toolbar .products__selection {
    align-items: stretch;
    flex-direction: column;
  }

  .scc-products-sort { width: 100%; }
  .scc-products-sort > * { flex: 1 1 auto; }
}

@media (max-width: 575px) {
  .scc-catalog-hero { padding: 20px 17px !important; }

  .scc-product-grid,
  .scc-product-grid > .products,
  .scc-product-list .products,
  #js-product-list .products,
  body#category #products .products,
  body#search #products .products {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .scc-product-card__body,
  #products .product-miniature__bottom { min-height: 0; }

  #products .product-miniature__form {
    grid-template-columns: 58px 1fr;
  }
}
/* =========================================================
   SCC Records — catalogue product grid corrective patch v2.1
   Load after custom.css.
   ========================================================= */

/* The product list owns the available catalogue width. */
#products,
#js-product-list,
.scc-product-list,
.scc-product-grid {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* One grid only. Do not make both the wrapper and its child grids. */
.scc-product-grid {
  display: block !important;
}

#js-product-list .scc-products-grid,
.scc-product-list .scc-products-grid,
body#category #products .scc-products-grid,
body#search #products .scc-products-grid,
body#manufacturer #products .scc-products-grid,
body#supplier #products .scc-products-grid,
body#prices-drop #products .scc-products-grid,
body#new-products #products .scc-products-grid,
body#best-sales #products .scc-products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.scc-products-grid__item {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Neutralise fixed/flex widths from Hummingbird and Bootstrap. */
.scc-products-grid__item > .product-miniature,
.scc-products-grid .product-miniature,
.scc-products-grid article.product-miniature {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

.scc-products-grid .product-miniature__inner {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  flex-direction: column !important;
}

.scc-products-grid .product-miniature__top {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

.scc-products-grid .product-miniature__top a,
.scc-products-grid .product-miniature__image,
.scc-products-grid .product-thumbnail,
.scc-products-grid picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
}

.scc-products-grid .product-miniature__top img,
.scc-products-grid .product-thumbnail img,
.scc-products-grid picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
}

.scc-products-grid .product-miniature__bottom {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 205px !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: 16px !important;
}

.scc-products-grid .product-miniature__infos {
  display: flex !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
}

.scc-products-grid .product-miniature__title {
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.8em !important;
  overflow: hidden !important;
  color: #fff !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.scc-products-grid .product-miniature__prices {
  margin-top: auto !important;
}

.scc-products-grid .product-miniature__actions,
.scc-products-grid .product-miniature__form {
  width: 100% !important;
  min-width: 0 !important;
}

.scc-products-grid .product-miniature__form {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 9px !important;
}

.scc-products-grid .quantity-button,
.scc-products-grid .qty-input {
  width: 64px !important;
  min-width: 0 !important;
  max-width: 64px !important;
}

.scc-products-grid .product-miniature__add,
.scc-products-grid .product-miniature__details {
  width: 100% !important;
  min-width: 0 !important;
}

@media (min-width: 1400px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  body#category #products .scc-products-grid,
  body#search #products .scc-products-grid,
  body#manufacturer #products .scc-products-grid,
  body#supplier #products .scc-products-grid,
  body#prices-drop #products .scc-products-grid,
  body#new-products #products .scc-products-grid,
  body#best-sales #products .scc-products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  body#category #products .scc-products-grid,
  body#search #products .scc-products-grid,
  body#manufacturer #products .scc-products-grid,
  body#supplier #products .scc-products-grid,
  body#prices-drop #products .scc-products-grid,
  body#new-products #products .scc-products-grid,
  body#best-sales #products .scc-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  body#category #products .scc-products-grid,
  body#search #products .scc-products-grid,
  body#manufacturer #products .scc-products-grid,
  body#supplier #products .scc-products-grid,
  body#prices-drop #products .scc-products-grid,
  body#new-products #products .scc-products-grid,
  body#best-sales #products .scc-products-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   SCC Records — compact catalogue card correction v2.2
   Fixes white card surfaces, unreadable text and tall controls.
   ========================================================= */

/* Card shell */
.scc-products-grid .scc-product-card,
.scc-products-grid article.product-miniature {
  overflow: hidden !important;
  border: 1px solid rgba(120, 159, 181, 0.38) !important;
  border-radius: 10px !important;
  color: var(--scc-text) !important;
  background: #0b141b !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

.scc-products-grid .scc-product-card:hover {
  border-color: var(--scc-blue) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34) !important;
}

.scc-products-grid .scc-product-card__inner,
.scc-products-grid .product-miniature__inner,
.scc-products-grid .scc-product-card__body,
.scc-products-grid .product-miniature__bottom,
.scc-products-grid .scc-product-card__info,
.scc-products-grid .product-miniature__infos {
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

/* Cover art: compact and neutral, without a white frame. */
.scc-products-grid .product-miniature__top,
.scc-products-grid .scc-product-card__media {
  aspect-ratio: 1 / 1 !important;
  border-bottom: 1px solid rgba(120, 159, 181, 0.26) !important;
  background: #070d11 !important;
}

.scc-products-grid .product-miniature__top img,
.scc-products-grid .product-thumbnail img,
.scc-products-grid picture img {
  object-fit: cover !important;
  background: #070d11 !important;
}

/* Compact body: remove the fixed tall blank area. */
.scc-products-grid .product-miniature__bottom,
.scc-products-grid .scc-product-card__body {
  min-height: 0 !important;
  padding: 14px !important;
  gap: 13px !important;
}

.scc-products-grid .product-miniature__infos,
.scc-products-grid .scc-product-card__info {
  flex: 0 0 auto !important;
  gap: 8px !important;
}

/* Text must always be readable. */
.scc-products-grid .product-miniature__title,
.scc-products-grid .product-miniature__title:link,
.scc-products-grid .product-miniature__title:visited,
.scc-products-grid .scc-product-card__title {
  display: -webkit-box !important;
  min-height: 2.65em !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #f4f7f8 !important;
  font-size: 0.94rem !important;
  font-weight: 750 !important;
  line-height: 1.32 !important;
  text-decoration: none !important;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.scc-products-grid .product-miniature__title:hover,
.scc-products-grid .scc-product-card__title:hover {
  color: var(--scc-blue) !important;
}

.scc-products-grid .product-miniature__prices,
.scc-products-grid .scc-product-card__prices {
  margin: 0 !important;
}

.scc-products-grid .product-miniature__price,
.scc-products-grid .scc-product-card__price,
.scc-products-grid .price,
.scc-products-grid .product-price-and-shipping {
  color: var(--scc-green) !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.scc-products-grid .product-miniature__regular-price {
  color: #84939c !important;
  font-size: 0.82rem !important;
}

/* One clean full-width action instead of the vertical quantity stepper. */
.scc-products-grid .product-miniature__actions,
.scc-products-grid .scc-product-card__actions,
.scc-products-grid .product-miniature__form,
.scc-products-grid .scc-product-card__form {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.scc-products-grid .product-miniature__form,
.scc-products-grid .scc-product-card__form {
  display: block !important;
}

.scc-products-grid .product-miniature__add,
.scc-products-grid .scc-product-card__add,
.scc-products-grid .product-miniature__details,
.scc-products-grid .scc-product-card__details {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 9px 12px !important;
  border: 1px solid var(--scc-blue) !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: var(--scc-blue) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.025em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.scc-products-grid .product-miniature__add:hover,
.scc-products-grid .scc-product-card__add:hover,
.scc-products-grid .product-miniature__details:hover,
.scc-products-grid .scc-product-card__details:hover {
  border-color: #36a4ff !important;
  background: #36a4ff !important;
}

.scc-products-grid .product-miniature__add .material-icons,
.scc-products-grid .scc-product-card__add .material-icons {
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Defensive removal of legacy quantity UI if stale cached markup remains. */
.scc-products-grid .quantity-button,
.scc-products-grid .qty-input,
.scc-products-grid .bootstrap-touchspin,
.scc-products-grid .input-group.bootstrap-touchspin {
  display: none !important;
}

/* Keep the card useful at all catalogue widths. */
@media (min-width: 1200px) and (max-width: 1599px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  body#category #products .scc-products-grid,
  body#search #products .scc-products-grid,
  body#manufacturer #products .scc-products-grid,
  body#supplier #products .scc-products-grid,
  body#prices-drop #products .scc-products-grid,
  body#new-products #products .scc-products-grid,
  body#best-sales #products .scc-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  .scc-products-grid .product-miniature__bottom,
  .scc-products-grid .scc-product-card__body {
    padding: 13px !important;
  }
}

/* =========================================================
   SCC Records — compact quantity/action correction v2.3
   Keeps quantity visible, restores a full action button and reduces height.
   ========================================================= */
.scc-products-grid .scc-product-card__body,
.scc-products-grid .product-miniature__bottom {
  display: flex !important;
  min-height: 0 !important;
  flex-direction: column !important;
  gap: 9px !important;
  padding: 11px 12px 12px !important;
}

.scc-products-grid .scc-product-card__info,
.scc-products-grid .product-miniature__infos {
  display: flex !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.scc-products-grid .scc-product-card__title,
.scc-products-grid .product-miniature__title {
  min-height: 1.35em !important;
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  -webkit-line-clamp: 1 !important;
}

.scc-products-grid .scc-product-card__price,
.scc-products-grid .product-miniature__price {
  font-size: 1rem !important;
}

.scc-products-grid .scc-product-card__actions,
.scc-products-grid .product-miniature__actions {
  display: block !important;
  width: 100% !important;
  margin-top: 1px !important;
}

.scc-products-grid .scc-product-card__form,
.scc-products-grid .product-miniature__form {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 7px !important;
}

.scc-products-grid .scc-product-card__qty-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

/* Override the old defensive quantity hide rule for the new SCC field. */
.scc-products-grid input.scc-product-card__qty {
  display: block !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 5px !important;
  border: 1px solid rgba(155, 180, 195, 0.45) !important;
  border-radius: 6px !important;
  color: #f4f7f8 !important;
  background: #071017 !important;
  font-size: 0.88rem !important;
  font-weight: 750 !important;
  line-height: 38px !important;
  text-align: center !important;
  box-shadow: none !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.scc-products-grid input.scc-product-card__qty::-webkit-inner-spin-button,
.scc-products-grid input.scc-product-card__qty::-webkit-outer-spin-button {
  margin: 0;
  opacity: 1;
}

.scc-products-grid input.scc-product-card__qty:focus {
  border-color: var(--scc-blue) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(22, 142, 255, 0.15) !important;
}

.scc-products-grid .scc-product-card__add,
.scc-products-grid .product-miniature__add,
.scc-products-grid .scc-product-card__details,
.scc-products-grid .product-miniature__details {
  display: inline-flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  overflow: hidden !important;
  font-size: 0.69rem !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.scc-products-grid .scc-product-card__add span,
.scc-products-grid .product-miniature__add span {
  display: inline !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.scc-products-grid .scc-product-card__add .material-icons,
.scc-products-grid .product-miniature__add .material-icons {
  flex: 0 0 auto !important;
  font-size: 16px !important;
}

/* A little less visual height without distorting the cover. */
.scc-products-grid .scc-product-card__media,
.scc-products-grid .product-miniature__top {
  margin: 0 !important;
}

@media (max-width: 575px) {
  .scc-products-grid .scc-product-card__title,
  .scc-products-grid .product-miniature__title {
    -webkit-line-clamp: 2 !important;
    min-height: 2.5em !important;
  }
}

/* =========================================================
   SCC Records — icon-only cart action v2.4
   Creates a calmer, shorter product card with a square cart button.
   ========================================================= */
.scc-products-grid .scc-product-card__body,
.scc-products-grid .product-miniature__bottom {
  gap: 7px !important;
  padding: 9px 11px 10px !important;
}

.scc-products-grid .scc-product-card__info,
.scc-products-grid .product-miniature__infos {
  gap: 4px !important;
}

.scc-products-grid .scc-product-card__title,
.scc-products-grid .product-miniature__title {
  margin: 0 !important;
  min-height: 1.25em !important;
  font-size: 0.88rem !important;
  line-height: 1.25 !important;
}

.scc-products-grid .scc-product-card__prices,
.scc-products-grid .product-miniature__prices {
  margin-top: 1px !important;
}

.scc-products-grid .scc-product-card__form,
.scc-products-grid .product-miniature__form {
  grid-template-columns: 46px 38px !important;
  justify-content: start !important;
  gap: 7px !important;
}

.scc-products-grid input.scc-product-card__qty {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 38px !important;
  min-height: 38px !important;
}

.scc-products-grid .scc-product-card__add,
.scc-products-grid .product-miniature__add {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-radius: 6px !important;
}

.scc-products-grid .scc-product-card__add .material-icons,
.scc-products-grid .product-miniature__add .material-icons {
  margin: 0 !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

.scc-products-grid .scc-product-card__add .visually-hidden,
.scc-products-grid .product-miniature__add .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Keep detail-only cards readable when add-to-cart is unavailable. */
.scc-products-grid .scc-product-card__details,
.scc-products-grid .product-miniature__details {
  width: auto !important;
  min-width: 96px !important;
  padding-inline: 12px !important;
}

/* =========================================================
   SCC Records Product Card 1.0 — authoritative final rules
   Clean, compact and fully dark catalogue card.
   ========================================================= */
#js-product-list .scc-products-grid,
.scc-product-list .scc-products-grid,
body#category #products .scc-products-grid,
body#search #products .scc-products-grid,
body#manufacturer #products .scc-products-grid,
body#supplier #products .scc-products-grid,
body#prices-drop #products .scc-products-grid,
body#new-products #products .scc-products-grid,
body#best-sales #products .scc-products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.scc-products-grid__item {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

.scc-products-grid .scc-card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 220, 235, 0.23) !important;
  border-radius: 9px !important;
  color: var(--scc-text) !important;
  background: #0b141b !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18) !important;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

.scc-products-grid .scc-card:hover {
  border-color: var(--scc-blue) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28) !important;
}

.scc-products-grid .scc-card__inner {
  display: flex !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  background: #0b141b !important;
}

.scc-products-grid .scc-card__media {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  border-bottom: 1px solid var(--scc-border) !important;
  background: #05090c !important;
}

.scc-products-grid .scc-card__image-link,
.scc-products-grid .scc-card__media .product-thumbnail,
.scc-products-grid .scc-card__media .product-miniature__image,
.scc-products-grid .scc-card__media picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.scc-products-grid .scc-card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  transition: transform 220ms ease !important;
}

.scc-products-grid .scc-card:hover .scc-card__media img {
  transform: scale(1.025) !important;
}

/* Hummingbird quick-view is deliberately not included in the template.
   These rules suppress stale cached/module overlays defensively. */
.scc-products-grid .quick-view,
.scc-products-grid .product-miniature__quickview,
.scc-products-grid .highlighted-informations,
.scc-products-grid .product-miniature__highlighted-informations,
.scc-products-grid .product-miniature__view,
.scc-products-grid .js-quick-view {
  display: none !important;
}

.scc-products-grid .scc-card__content {
  display: flex !important;
  min-height: 150px !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 12px 13px 13px !important;
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

.scc-products-grid .scc-card__title {
  display: -webkit-box !important;
  min-height: 2.5em !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 0.92rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.scc-products-grid .scc-card__title:hover {
  color: var(--scc-blue) !important;
}

.scc-products-grid .scc-card__variants {
  margin: 0 !important;
}

.scc-products-grid .scc-card__prices {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-top: auto !important;
  color: var(--scc-green) !important;
  background: transparent !important;
}

.scc-products-grid .scc-card__price,
.scc-products-grid .scc-card__prices .price {
  color: var(--scc-green) !important;
  font-size: 1.08rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.scc-products-grid .scc-card__regular-price {
  color: var(--scc-muted) !important;
  font-size: 0.76rem !important;
  text-decoration: line-through !important;
}

.scc-products-grid .scc-card__actions {
  display: flex !important;
  min-height: 38px !important;
  align-items: center !important;
  margin-top: 1px !important;
}

.scc-products-grid .scc-card__buy-form {
  display: flex !important;
  width: auto !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
}

.scc-products-grid input.scc-card__qty {
  display: block !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 1px solid rgba(155, 180, 195, 0.5) !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: #071017 !important;
  font-size: 0.88rem !important;
  font-weight: 750 !important;
  line-height: 38px !important;
  text-align: center !important;
  box-shadow: none !important;
}

.scc-products-grid input.scc-card__qty:focus {
  border-color: var(--scc-blue) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(22, 142, 255, 0.16) !important;
}

.scc-products-grid .scc-card__action {
  display: inline-flex !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--scc-blue) !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: var(--scc-blue) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: filter 140ms ease, transform 140ms ease !important;
}

.scc-products-grid .scc-card__action:hover,
.scc-products-grid .scc-card__action:focus {
  color: #fff !important;
  background: #2a9aff !important;
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

/* Products requiring selection/options get the same dark square treatment,
   with an eye icon instead of the old white “Vis her” bar. */
.scc-products-grid .scc-card__action--details {
  border-color: rgba(22, 142, 255, 0.75) !important;
  color: var(--scc-blue) !important;
  background: #071017 !important;
}

.scc-products-grid .scc-card__action--details:hover,
.scc-products-grid .scc-card__action--details:focus {
  color: #fff !important;
  background: rgba(22, 142, 255, 0.18) !important;
}

.scc-products-grid .scc-card__action .material-icons {
  margin: 0 !important;
  color: inherit !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

@media (max-width: 1399px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  body#category #products .scc-products-grid,
  body#search #products .scc-products-grid,
  body#manufacturer #products .scc-products-grid,
  body#supplier #products .scc-products-grid,
  body#prices-drop #products .scc-products-grid,
  body#new-products #products .scc-products-grid,
  body#best-sales #products .scc-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  body#category #products .scc-products-grid,
  body#search #products .scc-products-grid,
  body#manufacturer #products .scc-products-grid,
  body#supplier #products .scc-products-grid,
  body#prices-drop #products .scc-products-grid,
  body#new-products #products .scc-products-grid,
  body#best-sales #products .scc-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  body#category #products .scc-products-grid,
  body#search #products .scc-products-grid,
  body#manufacturer #products .scc-products-grid,
  body#supplier #products .scc-products-grid,
  body#prices-drop #products .scc-products-grid,
  body#new-products #products .scc-products-grid,
  body#best-sales #products .scc-products-grid {
    grid-template-columns: 1fr !important;
  }

  .scc-products-grid .scc-card__content {
    min-height: 138px !important;
  }
}

/* =========================================================
   SCC Product Card 1.1 — image rendering correction
   The Hummingbird product-image partial already outputs its
   own clickable image container. Do not wrap it in another link.
   ========================================================= */
.scc-products-grid .scc-card__media > a,
.scc-products-grid .scc-card__media .product-miniature__image-container,
.scc-products-grid .scc-card__media .product-miniature__image,
.scc-products-grid .scc-card__media .product-thumbnail,
.scc-products-grid .scc-card__media picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.scc-products-grid .scc-card__media img,
.scc-products-grid .scc-card__media picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* =========================================================
   SCC Product Page 1.3 — real product-details template
   The markup is now controlled by product-details.tpl rather
   than trying to override Hummingbird's white data sheet.
   ========================================================= */
body#product .scc-product-details,
body#product .scc-product-details .accordion-collapse,
body#product .scc-product-details .accordion-body,
body#product .scc-product-details__body,
body#product .scc-product-details__list,
body#product .scc-product-details__features {
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

body#product .scc-product-details .accordion-body {
  padding: 0 !important;
}

body#product .scc-product-details__list {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#product .scc-product-details__row {
  display: grid !important;
  grid-template-columns: minmax(170px, 34%) minmax(0, 1fr) !important;
  width: 100% !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--scc-border) !important;
  background: #0b141b !important;
}

body#product .scc-product-details__row:last-child {
  border-bottom: 0 !important;
}

body#product .scc-product-details__row > dt,
body#product .scc-product-details__row > dd {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 15px 18px !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
  line-height: 1.45 !important;
}

body#product .scc-product-details__row > dt {
  color: #9fb0ba !important;
  background: #0d1820 !important;
  font-weight: 700 !important;
}

body#product .scc-product-details__row > dd {
  color: #f4f7f8 !important;
  background: #0b141b !important;
  overflow-wrap: anywhere;
}

body#product .scc-product-details__brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #f4f7f8 !important;
  text-decoration: none !important;
}

body#product .scc-product-details__brand:hover {
  color: var(--scc-blue) !important;
}

body#product .scc-product-details__brand img {
  width: auto !important;
  height: 30px !important;
  max-width: 110px !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: transparent !important;
}

body#product .scc-product-details__features h3 {
  margin: 0 !important;
  padding: 14px 18px !important;
  border-top: 1px solid var(--scc-border) !important;
  border-bottom: 1px solid var(--scc-border) !important;
  color: #fff !important;
  background: #102235 !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
}

@media (max-width: 575px) {
  body#product .scc-product-details__row {
    grid-template-columns: 1fr !important;
  }

  body#product .scc-product-details__row > dt {
    padding-bottom: 6px !important;
  }

  body#product .scc-product-details__row > dd {
    padding-top: 6px !important;
  }
}

/* =========================================================
   SCC Product Page 1.4 — more visible manufacturer / brand
   ========================================================= */
body#product .scc-product-details__brand {
  display: inline-flex !important;
  min-width: 190px !important;
  min-height: 76px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(22, 142, 255, 0.34) !important;
  border-radius: 8px !important;
  color: #f4f7f8 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(22, 142, 255, 0.12), transparent 7rem),
    #071017 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
  text-decoration: none !important;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease !important;
}

body#product .scc-product-details__brand:hover,
body#product .scc-product-details__brand:focus {
  border-color: var(--scc-blue) !important;
  color: #fff !important;
  background: #0d1b25 !important;
  transform: translateY(-1px) !important;
}

body#product .scc-product-details__brand img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 46px !important;
  max-width: 145px !important;
  max-height: 62px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
}

body#product .scc-product-details__brand span {
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Give the brand value column more room without making the table taller. */
body#product .scc-product-details__row:first-child > dd {
  display: flex !important;
  align-items: center !important;
  padding-block: 12px !important;
}

@media (max-width: 575px) {
  body#product .scc-product-details__brand {
    width: 100% !important;
    min-width: 0 !important;
  }

  body#product .scc-product-details__brand img {
    max-width: 130px !important;
    max-height: 58px !important;
  }
}

/* =========================================================
   SCC Product Page 1.5 — brand image only
   No badge, no decorative box: just a larger manufacturer logo.
   ========================================================= */
body#product .scc-product-details__brand {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #f4f7f8 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

body#product .scc-product-details__brand:hover,
body#product .scc-product-details__brand:focus {
  border: 0 !important;
  color: var(--scc-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body#product .scc-product-details__brand img {
  display: block !important;
  width: 180px !important;
  height: 72px !important;
  min-width: 180px !important;
  min-height: 72px !important;
  max-width: 180px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#product .scc-product-details__brand span {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
}

body#product .scc-product-details__row:first-child > dd {
  display: flex !important;
  min-height: 92px !important;
  align-items: center !important;
  padding-block: 10px !important;
}

@media (max-width: 575px) {
  body#product .scc-product-details__brand img {
    width: 150px !important;
    height: 64px !important;
    min-width: 150px !important;
    min-height: 64px !important;
    max-width: 150px !important;
    max-height: 64px !important;
  }
}

/* =========================================================
   SCC Product Page 1.6 — original manufacturer logo
   Use the raw /img/m/{id}.jpg file and override all earlier
   brand-image sizing rules added by previous patches.
   ========================================================= */
body#product .scc-product-details__brand {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#product .scc-product-details__brand .scc-product-brand-image {
  display: block !important;
  width: 260px !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: initial !important;
}

body#product .scc-product-details__row:first-child > dd {
  min-height: 0 !important;
  padding-block: 12px !important;
}

@media (max-width: 575px) {
  body#product .scc-product-details__brand .scc-product-brand-image {
    width: 220px !important;
  }
}

/* =========================================================
   SCC Records v3 — canonical catalogue rules
   Replaces the former catalogue patches 1.7–2.0.
   ========================================================= */

/* Empty active-filter wrappers must never create a decorative bar. */
.scc-active-filters:empty,
.scc-active-filters:not(:has(*)),
#js-active-search-filters:empty,
.active_filters:empty {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Shared listing pages. */
body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) {
  --scc-catalog-gap: 16px;
}

@media (min-width: 992px) {
  /* The top navigation already provides category navigation. */
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #left-column {
    display: none !important;
  }

  /* Remove Hummingbird / Bootstrap column restrictions. */
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #wrapper > .container,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #wrapper > .container-fluid {
    width: min(calc(100% - 48px), var(--scc-max-width)) !important;
    max-width: var(--scc-max-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #wrapper > .container > .row,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #wrapper > .container-fluid > .row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #content-wrapper,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #content-wrapper[class*="col-"],
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) .content-wrapper[class*="col-"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) .scc-catalog,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #products,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #js-product-list {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
}

/* Category introduction and sorting toolbar use the same visual width. */
.scc-catalog-hero,
.scc-products-toolbar {
  width: 100% !important;
  max-width: none !important;
}

/* Product grid — six cards on wide screens. */
#js-product-list .scc-products-grid,
.scc-product-list .scc-products-grid,
#products .scc-products-grid,
#js-product-list .products,
#products .products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--scc-catalog-gap, 16px) !important;
  width: 100% !important;
  margin: 0 !important;
}

#js-product-list .product-miniature,
#products .product-miniature,
.scc-products-grid > * {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

@media (min-width: 1400px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  #products .scc-products-grid,
  #js-product-list .products,
  #products .products {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  #products .scc-products-grid,
  #js-product-list .products,
  #products .products {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  #products .scc-products-grid,
  #js-product-list .products,
  #products .products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  #products .scc-products-grid,
  #js-product-list .products,
  #products .products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 479px) {
  #js-product-list .scc-products-grid,
  .scc-product-list .scc-products-grid,
  #products .scc-products-grid,
  #js-product-list .products,
  #products .products {
    grid-template-columns: 1fr !important;
  }
}

/* Product-count summary at the bottom of listings. */
body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) .products__pagination,
body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #js-product-list-bottom {
  width: 100% !important;
  margin-top: 24px !important;
  color: #dce6ec !important;
}

body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) .pagination__container {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) .pagination__number,
body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) .products__pagination p,
body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) #js-product-list-bottom p {
  margin: 0 !important;
  color: #dce6ec !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 767px) {
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales) .pagination__container {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* =========================================================
   SCC Records v3.1 — restore true full-width catalogue
   The catalogue sits inside a narrow Hummingbird parent.
   Break it out to the viewport and keep six cards on wide screens.
   ========================================================= */
@media (min-width: 992px) {
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #left-column {
    display: none !important;
  }

  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #content-wrapper,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) .content-wrapper,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #content-wrapper[class*="col-"],
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) .content-wrapper[class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) .scc-catalog {
    position: relative !important;
    left: 50% !important;
    width: min(calc(100vw - 48px), var(--scc-max-width)) !important;
    max-width: var(--scc-max-width) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
  }

  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) .scc-catalog-hero,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) .scc-products-toolbar,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #products,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #js-product-list,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #js-product-list-bottom {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 1400px) {
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #js-product-list .scc-products-grid,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #products .scc-products-grid,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #js-product-list .products,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #products .products {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #js-product-list .scc-products-grid,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #products .scc-products-grid,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #js-product-list .products,
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) #products .products {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  body:is(#category, #search, #manufacturer, #supplier, #prices-drop, #new-products, #best-sales, .page-category, .page-search) .scc-catalog {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
  }
}

/* =========================================================
   SCC Records — catalogue centering correction
   Centers the full catalogue area while retaining six columns.
   ========================================================= */
@media (min-width: 992px) {
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) .scc-catalog {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: min(calc(100vw - 48px), var(--scc-max-width)) !important;
    max-width: var(--scc-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #main,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) .scc-catalog-hero,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) .scc-products-toolbar,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #products,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #js-product-list,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #js-product-list-bottom {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1400px) {
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #js-product-list .scc-products-grid,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #products .scc-products-grid,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #js-product-list .products,
  body:is(
    #category,
    #search,
    #manufacturer,
    #supplier,
    #prices-drop,
    #new-products,
    #best-sales,
    .page-category,
    .page-search
  ) #products .products {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   SCC Records — hide footer service strip
   Removes Hurtig fragt, Sikker betaling, 14 dages retur,
   Kvalitetstjekket and Passion & Service.
   ========================================================= */
.scc-service-strip,
#footer .scc-service-strip,
footer .scc-service-strip {
  display: none !important;
}

/* =========================================================
   SCC Records — checkout dark surfaces
   Removes remaining white checkout panels, selects and fields.
   ========================================================= */

/* Checkout progress area */
body#checkout .checkout-nav,
body#checkout .checkout-steps,
body#checkout .checkout-steps-wrapper,
body#checkout .steps,
body#checkout .step-progress,
body#checkout .checkout-step-indicator,
body#checkout .checkout-step-indicators {
  color: var(--scc-text) !important;
  background: #081015 !important;
  border-color: var(--scc-border) !important;
}

/* Main checkout panels */
body#checkout .checkout-step,
body#checkout .delivery-options,
body#checkout .delivery-option,
body#checkout .delivery-option-row,
body#checkout .carrier,
body#checkout .carrier-extra-content,
body#checkout .order-options,
body#checkout .cart-summary,
body#checkout .cart-summary-products,
body#checkout .cart-summary-line,
body#checkout .card,
body#checkout .card-body,
body#checkout .collapse,
body#checkout .collapse.show,
body#checkout .accordion-body {
  color: var(--scc-text) !important;
  background: var(--scc-panel) !important;
  border-color: var(--scc-border) !important;
  box-shadow: none !important;
}

/* Delivery rows */
body#checkout .delivery-option,
body#checkout .delivery-option > *,
body#checkout .delivery-option label,
body#checkout .delivery-option .row,
body#checkout .delivery-option .col,
body#checkout .delivery-option [class*="col-"] {
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

body#checkout .delivery-option:not(:last-child) {
  border-bottom: 1px solid var(--scc-border) !important;
}

body#checkout .delivery-option:hover,
body#checkout .delivery-option:focus-within,
body#checkout .delivery-option.selected,
body#checkout .delivery-option.active {
  border-color: var(--scc-blue) !important;
  background: #0f1b24 !important;
}

/* Delivery text */
body#checkout .delivery-option,
body#checkout .delivery-option label,
body#checkout .delivery-option span,
body#checkout .delivery-option strong,
body#checkout .delivery-option p,
body#checkout .carrier-name,
body#checkout .carrier-price {
  color: var(--scc-text) !important;
  opacity: 1 !important;
}

body#checkout .delivery-option small,
body#checkout .carrier-delay {
  color: var(--scc-muted) !important;
  opacity: 1 !important;
}

/* Comment, selects and form fields */
body#checkout textarea,
body#checkout .form-control,
body#checkout .form-select,
body#checkout select,
body#checkout input[type="text"],
body#checkout input[type="email"],
body#checkout input[type="tel"] {
  color: var(--scc-text) !important;
  background: #081017 !important;
  border-color: rgba(155, 180, 195, 0.42) !important;
  box-shadow: none !important;
}

body#checkout textarea::placeholder,
body#checkout input::placeholder {
  color: #87969f !important;
  opacity: 1 !important;
}

body#checkout textarea:focus,
body#checkout .form-control:focus,
body#checkout .form-select:focus,
body#checkout select:focus,
body#checkout input:focus {
  border-color: var(--scc-blue) !important;
  background: #081017 !important;
  box-shadow: 0 0 0 3px rgba(22, 142, 255, 0.16) !important;
}

/* Order details selector */
body#checkout .cart-summary select,
body#checkout .cart-summary .form-select,
body#checkout .cart-summary .dropdown-toggle,
body#checkout .cart-summary .btn,
body#checkout .cart-summary .collapse-button {
  color: var(--scc-text) !important;
  background: #0b141b !important;
  border-color: var(--scc-border) !important;
}

body#checkout select option {
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

/* Native controls */
body#checkout input[type="radio"],
body#checkout input[type="checkbox"] {
  accent-color: var(--scc-blue);
}

/* Labels and headings */
body#checkout label,
body#checkout .form-control-label,
body#checkout .step-title,
body#checkout .checkout-step h1,
body#checkout .checkout-step h2,
body#checkout .checkout-step h3,
body#checkout .checkout-step h4 {
  color: var(--scc-text) !important;
}

/* Defensive Bootstrap cleanup */
body#checkout .bg-white,
body#checkout .text-bg-light,
body#checkout .bg-light {
  color: var(--scc-text) !important;
  background: var(--scc-panel) !important;
}

/* =========================================================
   SCC Records — checkout dark surfaces v2
   Stronger selectors for Hummingbird delivery rows and summary.
   ========================================================= */

/* Delivery method white block */
body#checkout .delivery-options-list,
body#checkout .delivery-options-list > *,
body#checkout .delivery-option,
body#checkout .delivery-option > label,
body#checkout .delivery-option label,
body#checkout .delivery-option .row,
body#checkout .delivery-option .row > *,
body#checkout .delivery-option .carrier,
body#checkout .delivery-option .carrier-extra-content,
body#checkout .delivery-option .delivery-option-2,
body#checkout .js-delivery-option,
body#checkout .js-delivery-option > *,
body#checkout [data-delivery-option] {
  color: var(--scc-text) !important;
  background-color: #0b141b !important;
  border-color: var(--scc-border) !important;
}

/* Remove pale overlays inside delivery rows */
body#checkout .delivery-option *,
body#checkout .js-delivery-option * {
  background-color: transparent !important;
}

body#checkout .delivery-option,
body#checkout .js-delivery-option {
  min-height: 64px;
  border: 1px solid var(--scc-border) !important;
}

body#checkout .delivery-option + .delivery-option,
body#checkout .js-delivery-option + .js-delivery-option {
  border-top: 0 !important;
}

body#checkout .delivery-option:hover,
body#checkout .delivery-option:focus-within,
body#checkout .js-delivery-option:hover,
body#checkout .js-delivery-option:focus-within {
  background-color: #0f1b24 !important;
  border-color: var(--scc-blue) !important;
}

/* Ensure every delivery label/value is readable */
body#checkout .delivery-option label,
body#checkout .delivery-option span,
body#checkout .delivery-option div,
body#checkout .delivery-option strong,
body#checkout .delivery-option small,
body#checkout .delivery-option p,
body#checkout .js-delivery-option label,
body#checkout .js-delivery-option span,
body#checkout .js-delivery-option div,
body#checkout .js-delivery-option strong,
body#checkout .js-delivery-option small,
body#checkout .js-delivery-option p {
  color: var(--scc-text) !important;
  opacity: 1 !important;
}

body#checkout .delivery-option small,
body#checkout .js-delivery-option small,
body#checkout .carrier-delay {
  color: var(--scc-muted) !important;
}

/* Summary details selector */
body#checkout .cart-summary select,
body#checkout .cart-summary-products select,
body#checkout .cart-summary .form-select,
body#checkout .cart-summary-products .form-select,
body#checkout select[name="show-details"],
body#checkout select.js-cart-summary-products {
  appearance: none !important;
  -webkit-appearance: none !important;
  color: var(--scc-text) !important;
  background-color: #0b141b !important;
  border: 1px solid var(--scc-border) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--scc-text) 50%),
    linear-gradient(135deg, var(--scc-text) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  padding-right: 42px !important;
}

/* Checkout progress text */
body#checkout .checkout-steps *,
body#checkout .checkout-nav *,
body#checkout .step-progress *,
body#checkout .checkout-step-indicators * {
  color: var(--scc-muted) !important;
  opacity: 1 !important;
}

body#checkout .checkout-steps .current *,
body#checkout .checkout-steps .active *,
body#checkout .checkout-nav .current *,
body#checkout .checkout-nav .active *,
body#checkout .step-progress .current *,
body#checkout .step-progress .active * {
  color: var(--scc-text) !important;
}

/* Keep completed steps green */
body#checkout .checkout-steps .done *,
body#checkout .checkout-nav .done *,
body#checkout .step-progress .done * {
  color: #49b36b !important;
}

/* =========================================================
   SCC Records — checkout addresses dark surfaces
   Removes remaining white address cards and toggle fields.
   ========================================================= */

/* Address cards */
body#checkout .address-item,
body#checkout .address-item.selected,
body#checkout .address-item .address,
body#checkout .address-item .address-body,
body#checkout .address-item .address-footer,
body#checkout .js-address-item,
body#checkout .js-address-item > *,
body#checkout .address-card,
body#checkout .address-card > * {
  color: var(--scc-text) !important;
  background: #0b141b !important;
  border-color: var(--scc-border) !important;
  box-shadow: none !important;
}

body#checkout .address-item {
  border: 1px solid var(--scc-border) !important;
  border-radius: 8px !important;
}

body#checkout .address-item.selected,
body#checkout .address-item:focus-within,
body#checkout .address-item:hover {
  border-color: var(--scc-blue) !important;
  background: #0f1b24 !important;
}

/* Address text */
body#checkout .address-item,
body#checkout .address-item *,
body#checkout .js-address-item,
body#checkout .js-address-item * {
  color: var(--scc-text) !important;
  opacity: 1 !important;
}

body#checkout .address-item .text-muted,
body#checkout .js-address-item .text-muted {
  color: var(--scc-muted) !important;
}

/* Edit/delete links */
body#checkout .address-item a,
body#checkout .address-item .edit-address,
body#checkout .address-item .delete-address,
body#checkout .js-address-item a {
  color: var(--scc-blue) !important;
  background: transparent !important;
}

body#checkout .address-item a:hover,
body#checkout .js-address-item a:hover {
  color: #ffffff !important;
}

/* Billing-address switch */
body#checkout .js-address-form,
body#checkout .js-address-form > *,
body#checkout .form-group,
body#checkout .form-check,
body#checkout .custom-checkbox,
body#checkout .custom-radio {
  color: var(--scc-text) !important;
  background: transparent !important;
}

body#checkout .js-address-form label,
body#checkout .form-check-label,
body#checkout .custom-checkbox label,
body#checkout .custom-radio label {
  color: var(--scc-text) !important;
  background: transparent !important;
}

/* White chip/link below address card */
body#checkout .js-address-form .btn-link,
body#checkout .js-address-form a,
body#checkout a[data-link-action="different-invoice-address"],
body#checkout a[data-link-action="same-invoice-address"],
body#checkout .different-invoice-address,
body#checkout .invoice-address {
  color: var(--scc-blue) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body#checkout .js-address-form .btn-link:hover,
body#checkout .js-address-form a:hover,
body#checkout a[data-link-action="different-invoice-address"]:hover,
body#checkout a[data-link-action="same-invoice-address"]:hover {
  color: #ffffff !important;
  background: transparent !important;
}

/* Defensive cleanup for white utility classes inside address step */
body#checkout .checkout-step .bg-white,
body#checkout .checkout-step .card.bg-white,
body#checkout .checkout-step .address-item.bg-white {
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

/* =========================================================
   SCC Records — complete checkout theme
   Personal information, addresses, shipping, payment,
   order summary, tabs, fields and responsive layout.
   ========================================================= */

/* Checkout page foundation */
body#checkout,
body#checkout #wrapper,
body#checkout #main,
body#checkout #content-wrapper,
body#checkout .checkout-container,
body#checkout .checkout-layout {
  color: var(--scc-text) !important;
  background: var(--scc-bg) !important;
}

/* Checkout step cards */
body#checkout .checkout-step,
body#checkout section.checkout-step,
body#checkout .checkout-step.-current,
body#checkout .checkout-step.-reachable,
body#checkout .checkout-step.-complete {
  color: var(--scc-text) !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 8px !important;
  background: var(--scc-panel) !important;
  box-shadow: none !important;
}

body#checkout .checkout-step .step-title,
body#checkout .checkout-step .step-title *,
body#checkout .checkout-step h1,
body#checkout .checkout-step h2,
body#checkout .checkout-step h3,
body#checkout .checkout-step h4 {
  color: #ffffff !important;
}

/* Personal information tabs: guest / login */
body#checkout .nav-tabs,
body#checkout .tabs,
body#checkout .checkout-step .nav,
body#checkout .checkout-step .nav-tabs {
  border-color: var(--scc-border) !important;
  background: transparent !important;
}

body#checkout .nav-tabs .nav-link,
body#checkout .tabs .nav-link,
body#checkout .checkout-step .nav-link,
body#checkout .checkout-step .nav-tabs a,
body#checkout .checkout-step .nav a,
body#checkout a[data-link-action="show-login-form"],
body#checkout a[data-link-action="show-guest-form"] {
  color: var(--scc-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body#checkout .nav-tabs .nav-link.active,
body#checkout .tabs .nav-link.active,
body#checkout .checkout-step .nav-link.active,
body#checkout .checkout-step .nav-tabs a.active,
body#checkout .checkout-step .nav a.active,
body#checkout a[data-link-action="show-login-form"]:hover,
body#checkout a[data-link-action="show-guest-form"]:hover {
  color: #ffffff !important;
  border-bottom-color: var(--scc-blue) !important;
  background: rgba(22, 142, 255, 0.08) !important;
}

/* Checkout forms */
body#checkout .form-control,
body#checkout .form-select,
body#checkout input[type="text"],
body#checkout input[type="email"],
body#checkout input[type="password"],
body#checkout input[type="tel"],
body#checkout input[type="number"],
body#checkout input[type="date"],
body#checkout select,
body#checkout textarea {
  color: var(--scc-text) !important;
  border: 1px solid rgba(155, 180, 195, 0.42) !important;
  border-radius: 6px !important;
  background: #081017 !important;
  box-shadow: none !important;
}

body#checkout .form-control:focus,
body#checkout .form-select:focus,
body#checkout input:focus,
body#checkout select:focus,
body#checkout textarea:focus {
  color: var(--scc-text) !important;
  border-color: var(--scc-blue) !important;
  background: #081017 !important;
  box-shadow: 0 0 0 3px rgba(22, 142, 255, 0.16) !important;
}

body#checkout input::placeholder,
body#checkout textarea::placeholder {
  color: #87969f !important;
  opacity: 1 !important;
}

body#checkout label,
body#checkout .form-control-label,
body#checkout .col-form-label,
body#checkout legend {
  color: #d7e0e5 !important;
}

body#checkout .required,
body#checkout label .required,
body#checkout .form-control-label .required {
  color: #ff5d67 !important;
}

/* Address cards */
body#checkout .address-item,
body#checkout .address-item.selected,
body#checkout .address-item .address,
body#checkout .address-item .address-body,
body#checkout .address-item .address-footer,
body#checkout .js-address-item,
body#checkout .js-address-item > *,
body#checkout .address-card,
body#checkout .address-card > * {
  color: var(--scc-text) !important;
  background: #0b141b !important;
  border-color: var(--scc-border) !important;
  box-shadow: none !important;
}

body#checkout .address-item {
  border: 1px solid var(--scc-border) !important;
  border-radius: 8px !important;
}

body#checkout .address-item.selected,
body#checkout .address-item:hover,
body#checkout .address-item:focus-within {
  border-color: var(--scc-blue) !important;
  background: #0f1b24 !important;
}

body#checkout .address-item *,
body#checkout .js-address-item * {
  color: var(--scc-text) !important;
  opacity: 1 !important;
}

body#checkout .address-item a,
body#checkout .js-address-item a,
body#checkout .edit-address,
body#checkout .delete-address {
  color: var(--scc-blue) !important;
  background: transparent !important;
}

body#checkout .address-item a:hover,
body#checkout .js-address-item a:hover {
  color: #ffffff !important;
}

/* Delivery options */
body#checkout .delivery-options-list,
body#checkout .delivery-options-list > *,
body#checkout .delivery-options,
body#checkout .delivery-option,
body#checkout .delivery-option > label,
body#checkout .delivery-option label,
body#checkout .delivery-option .row,
body#checkout .delivery-option .row > *,
body#checkout .delivery-option .carrier,
body#checkout .delivery-option .carrier-extra-content,
body#checkout .delivery-option .delivery-option-2,
body#checkout .js-delivery-option,
body#checkout .js-delivery-option > *,
body#checkout [data-delivery-option] {
  color: var(--scc-text) !important;
  background: #0b141b !important;
  border-color: var(--scc-border) !important;
}

body#checkout .delivery-option *,
body#checkout .js-delivery-option * {
  color: var(--scc-text) !important;
  background: transparent !important;
  opacity: 1 !important;
}

body#checkout .delivery-option,
body#checkout .js-delivery-option {
  min-height: 64px !important;
  border: 1px solid var(--scc-border) !important;
}

body#checkout .delivery-option:hover,
body#checkout .delivery-option:focus-within,
body#checkout .js-delivery-option:hover,
body#checkout .js-delivery-option:focus-within {
  border-color: var(--scc-blue) !important;
  background: #0f1b24 !important;
}

body#checkout .carrier-delay,
body#checkout .delivery-option small,
body#checkout .js-delivery-option small {
  color: var(--scc-muted) !important;
}

/* Payment options */
body#checkout .payment-options,
body#checkout .payment-option,
body#checkout .payment-option label,
body#checkout .payment-option .custom-radio,
body#checkout .payment-option .payment-option-body,
body#checkout .js-payment-option,
body#checkout .js-payment-option > * {
  color: var(--scc-text) !important;
  background: #0b141b !important;
  border-color: var(--scc-border) !important;
}

body#checkout .payment-option {
  border: 1px solid var(--scc-border) !important;
  border-radius: 7px !important;
  padding: 14px !important;
}

body#checkout .payment-option:hover,
body#checkout .payment-option:focus-within,
body#checkout .payment-option.selected {
  border-color: var(--scc-blue) !important;
  background: #0f1b24 !important;
}

body#checkout .payment-option *,
body#checkout .js-payment-option * {
  color: var(--scc-text) !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* Order summary */
body#checkout .cart-summary,
body#checkout .cart-summary-products,
body#checkout .cart-summary-line,
body#checkout .cart-summary-subtotals-container,
body#checkout .cart-summary-totals,
body#checkout .order-summary,
body#checkout .order-summary-content,
body#checkout .card,
body#checkout .card-body,
body#checkout .card-header,
body#checkout .card-footer {
  color: var(--scc-text) !important;
  background: var(--scc-panel) !important;
  border-color: var(--scc-border) !important;
  box-shadow: none !important;
}

body#checkout .cart-summary *,
body#checkout .order-summary * {
  color: var(--scc-text) !important;
}

/* “Show details” selector/header */
body#checkout .cart-summary select,
body#checkout .cart-summary-products select,
body#checkout .cart-summary .form-select,
body#checkout .cart-summary-products .form-select,
body#checkout select[name="show-details"],
body#checkout select.js-cart-summary-products,
body#checkout .cart-summary .dropdown-toggle,
body#checkout .cart-summary .collapse-button,
body#checkout .cart-summary-products .collapse-button,
body#checkout [data-bs-toggle="collapse"],
body#checkout [data-toggle="collapse"] {
  color: var(--scc-text) !important;
  background-color: #0b141b !important;
  border: 1px solid var(--scc-border) !important;
  box-shadow: none !important;
}

body#checkout select option {
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

/* Checkout progress bar */
body#checkout .checkout-nav,
body#checkout .checkout-steps,
body#checkout .checkout-steps-wrapper,
body#checkout .steps,
body#checkout .step-progress,
body#checkout .checkout-step-indicator,
body#checkout .checkout-step-indicators {
  color: var(--scc-muted) !important;
  background: #081015 !important;
  border-color: var(--scc-border) !important;
}

body#checkout .checkout-nav *,
body#checkout .checkout-steps *,
body#checkout .step-progress *,
body#checkout .checkout-step-indicators * {
  color: var(--scc-muted) !important;
  opacity: 1 !important;
}

body#checkout .checkout-nav .active *,
body#checkout .checkout-nav .current *,
body#checkout .checkout-steps .active *,
body#checkout .checkout-steps .current *,
body#checkout .step-progress .active *,
body#checkout .step-progress .current * {
  color: #ffffff !important;
}

body#checkout .checkout-nav .done *,
body#checkout .checkout-steps .done *,
body#checkout .step-progress .done * {
  color: #49b36b !important;
}

/* Checkout buttons */
body#checkout .btn-primary,
body#checkout button[type="submit"],
body#checkout .continue,
body#checkout .js-continue-button {
  color: #ffffff !important;
  border-color: var(--scc-blue) !important;
  background: var(--scc-blue) !important;
  box-shadow: none !important;
}

body#checkout .btn-primary:hover,
body#checkout button[type="submit"]:hover,
body#checkout .continue:hover,
body#checkout .js-continue-button:hover {
  border-color: #2a9aff !important;
  background: #2a9aff !important;
}

body#checkout .btn-secondary,
body#checkout .btn-outline-primary,
body#checkout .btn-outline-secondary,
body#checkout .btn-link {
  color: var(--scc-blue) !important;
  border-color: var(--scc-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#checkout .btn-secondary:hover,
body#checkout .btn-outline-primary:hover,
body#checkout .btn-outline-secondary:hover,
body#checkout .btn-link:hover {
  color: #ffffff !important;
  background: rgba(22, 142, 255, 0.12) !important;
}

/* Radio and checkbox colors */
body#checkout input[type="radio"],
body#checkout input[type="checkbox"] {
  accent-color: var(--scc-blue);
}

/* Remove remaining white utility surfaces */
body#checkout .bg-white,
body#checkout .bg-light,
body#checkout .text-bg-light,
body#checkout .shadow,
body#checkout .shadow-sm {
  color: var(--scc-text) !important;
  background: var(--scc-panel) !important;
  box-shadow: none !important;
}

/* Responsive checkout */
@media (max-width: 991px) {
  body#checkout .checkout-layout,
  body#checkout .row {
    --bs-gutter-x: 1rem;
  }

  body#checkout .cart-summary,
  body#checkout .order-summary {
    margin-top: 24px !important;
  }
}

@media (max-width: 767px) {
  body#checkout .checkout-step,
  body#checkout section.checkout-step {
    border-radius: 7px !important;
  }

  body#checkout .delivery-option,
  body#checkout .payment-option,
  body#checkout .address-item {
    padding: 12px !important;
  }

  body#checkout .form-control,
  body#checkout .form-select,
  body#checkout input,
  body#checkout select,
  body#checkout textarea {
    min-height: 48px !important;
  }
}

/* =========================================================
   SCC Records — customer account dropdown
   Removes the remaining white dropdown in the header.
   ========================================================= */

.scc-header .dropdown-menu,
.scc-header .customer-account-dropdown,
.scc-header .account-dropdown,
.scc-header .user-info .dropdown-menu,
.scc-header .header-block__dropdown,
.scc-header-actions .dropdown-menu,
.scc-header-actions .customer-account-dropdown,
.scc-header-actions .account-dropdown,
.scc-header-actions .header-block__dropdown {
  min-width: 210px !important;
  overflow: hidden !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 7px !important;
  color: var(--scc-text) !important;
  background: #0b141b !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.5) !important;
}

.scc-header .dropdown-menu *,
.scc-header .customer-account-dropdown *,
.scc-header .account-dropdown *,
.scc-header .header-block__dropdown *,
.scc-header-actions .dropdown-menu *,
.scc-header-actions .customer-account-dropdown *,
.scc-header-actions .account-dropdown *,
.scc-header-actions .header-block__dropdown * {
  color: var(--scc-text) !important;
  background: transparent !important;
  opacity: 1 !important;
}

.scc-header .dropdown-item,
.scc-header .customer-account-dropdown a,
.scc-header .account-dropdown a,
.scc-header .header-block__dropdown a,
.scc-header-actions .dropdown-item,
.scc-header-actions .customer-account-dropdown a,
.scc-header-actions .account-dropdown a,
.scc-header-actions .header-block__dropdown a {
  display: flex !important;
  min-height: 46px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid rgba(190, 220, 235, 0.1) !important;
  color: var(--scc-text) !important;
  background: #0b141b !important;
  text-decoration: none !important;
}

.scc-header .dropdown-item:last-child,
.scc-header .customer-account-dropdown a:last-child,
.scc-header .account-dropdown a:last-child,
.scc-header .header-block__dropdown a:last-child,
.scc-header-actions .dropdown-item:last-child,
.scc-header-actions .customer-account-dropdown a:last-child,
.scc-header-actions .account-dropdown a:last-child,
.scc-header-actions .header-block__dropdown a:last-child {
  border-bottom: 0 !important;
}

.scc-header .dropdown-item:hover,
.scc-header .dropdown-item:focus,
.scc-header .customer-account-dropdown a:hover,
.scc-header .account-dropdown a:hover,
.scc-header .header-block__dropdown a:hover,
.scc-header-actions .dropdown-item:hover,
.scc-header-actions .dropdown-item:focus,
.scc-header-actions .customer-account-dropdown a:hover,
.scc-header-actions .account-dropdown a:hover,
.scc-header-actions .header-block__dropdown a:hover {
  color: #ffffff !important;
  background: #111f29 !important;
}

.scc-header .dropdown-item i,
.scc-header .dropdown-item svg,
.scc-header .customer-account-dropdown i,
.scc-header .account-dropdown i,
.scc-header .header-block__dropdown i,
.scc-header-actions .dropdown-item i,
.scc-header-actions .dropdown-item svg,
.scc-header-actions .customer-account-dropdown i,
.scc-header-actions .account-dropdown i,
.scc-header-actions .header-block__dropdown i {
  color: var(--scc-blue) !important;
  fill: currentColor !important;
}

/* Defensive selectors for Hummingbird account menu */
#_desktop_user_info .dropdown-menu,
#_desktop_user_info .user-info__dropdown,
#_desktop_user_info .account-dropdown,
#_desktop_user_info ul,
#_desktop_user_info .dropdown-content {
  border: 1px solid var(--scc-border) !important;
  color: var(--scc-text) !important;
  background: #0b141b !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.5) !important;
}

#_desktop_user_info .dropdown-menu a,
#_desktop_user_info .user-info__dropdown a,
#_desktop_user_info .account-dropdown a,
#_desktop_user_info ul a,
#_desktop_user_info .dropdown-content a {
  color: var(--scc-text) !important;
  background: #0b141b !important;
}

#_desktop_user_info .dropdown-menu a:hover,
#_desktop_user_info .user-info__dropdown a:hover,
#_desktop_user_info .account-dropdown a:hover,
#_desktop_user_info ul a:hover,
#_desktop_user_info .dropdown-content a:hover {
  color: #ffffff !important;
  background: #111f29 !important;
}

/* =========================================================
   SCC Records — customer account dashboard
   Dark cards, readable side navigation and cleaner account links.
   ========================================================= */

body#my-account,
body.page-my-account,
body.page-customer-account {
  color: var(--scc-text) !important;
  background: var(--scc-bg) !important;
}

/* Account side navigation */
body#my-account .account-menu,
body#my-account .account-menu ul,
body#my-account .account-menu li,
body#my-account .account-menu a,
body.page-my-account .account-menu,
body.page-my-account .account-menu ul,
body.page-my-account .account-menu li,
body.page-my-account .account-menu a,
body.page-customer-account .account-menu,
body.page-customer-account .account-menu ul,
body.page-customer-account .account-menu li,
body.page-customer-account .account-menu a {
  color: var(--scc-text) !important;
  background: transparent !important;
}

body#my-account .account-menu a,
body.page-my-account .account-menu a,
body.page-customer-account .account-menu a {
  display: flex !important;
  min-height: 42px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

body#my-account .account-menu a:hover,
body#my-account .account-menu a.active,
body.page-my-account .account-menu a:hover,
body.page-my-account .account-menu a.active,
body.page-customer-account .account-menu a:hover,
body.page-customer-account .account-menu a.active {
  color: #ffffff !important;
  background: #111f29 !important;
}

body#my-account .account-menu i,
body#my-account .account-menu svg,
body.page-my-account .account-menu i,
body.page-my-account .account-menu svg,
body.page-customer-account .account-menu i,
body.page-customer-account .account-menu svg {
  color: var(--scc-blue) !important;
  fill: currentColor !important;
}

/* Dashboard cards */
body#my-account .account-link,
body#my-account .account-card,
body#my-account .links a,
body#my-account .link-item,
body#my-account .my-account-side-links a,
body.page-my-account .account-link,
body.page-my-account .account-card,
body.page-my-account .links a,
body.page-my-account .link-item,
body.page-customer-account .account-link,
body.page-customer-account .account-card,
body.page-customer-account .links a,
body.page-customer-account .link-item {
  color: var(--scc-text) !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 8px !important;
  background: #0b141b !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body#my-account .account-link *,
body#my-account .account-card *,
body#my-account .links a *,
body#my-account .link-item *,
body.page-my-account .account-link *,
body.page-my-account .account-card *,
body.page-my-account .links a *,
body.page-my-account .link-item *,
body.page-customer-account .account-link *,
body.page-customer-account .account-card *,
body.page-customer-account .links a *,
body.page-customer-account .link-item * {
  color: var(--scc-text) !important;
  background: transparent !important;
  opacity: 1 !important;
}

body#my-account .account-link:hover,
body#my-account .account-card:hover,
body#my-account .links a:hover,
body#my-account .link-item:hover,
body.page-my-account .account-link:hover,
body.page-my-account .account-card:hover,
body.page-my-account .links a:hover,
body.page-my-account .link-item:hover,
body.page-customer-account .account-link:hover,
body.page-customer-account .account-card:hover,
body.page-customer-account .links a:hover,
body.page-customer-account .link-item:hover {
  color: #ffffff !important;
  border-color: var(--scc-blue) !important;
  background: #111f29 !important;
  transform: translateY(-1px);
}

body#my-account .account-link i,
body#my-account .account-link svg,
body#my-account .account-card i,
body#my-account .account-card svg,
body.page-my-account .account-link i,
body.page-my-account .account-link svg,
body.page-my-account .account-card i,
body.page-my-account .account-card svg,
body.page-customer-account .account-link i,
body.page-customer-account .account-link svg,
body.page-customer-account .account-card i,
body.page-customer-account .account-card svg {
  color: var(--scc-blue) !important;
  fill: currentColor !important;
}

/* Cookie revoke and logout links */
body#my-account a[href*="logout"],
body#my-account .logout,
body.page-my-account a[href*="logout"],
body.page-my-account .logout,
body.page-customer-account a[href*="logout"],
body.page-customer-account .logout {
  color: #ff5d67 !important;
}

body#my-account a[href*="revoke"],
body.page-my-account a[href*="revoke"],
body.page-customer-account a[href*="revoke"],
body#my-account .psgdpr-consent-link,
body.page-my-account .psgdpr-consent-link,
body.page-customer-account .psgdpr-consent-link {
  color: var(--scc-blue) !important;
}

/* Defensive white surface cleanup on account dashboard */
body#my-account .bg-white,
body#my-account .card,
body#my-account .card-body,
body.page-my-account .bg-white,
body.page-my-account .card,
body.page-my-account .card-body,
body.page-customer-account .bg-white,
body.page-customer-account .card,
body.page-customer-account .card-body {
  color: var(--scc-text) !important;
  background: #0b141b !important;
  border-color: var(--scc-border) !important;
  box-shadow: none !important;
}

/* =========================================================
   SCC Records — hide duplicate cookie revoke links
   Removes the two malformed "Revoke my consent to cookies" items
   from the customer account dashboard.
   ========================================================= */
body#my-account a[href*="revoke"],
body.page-my-account a[href*="revoke"],
body.page-customer-account a[href*="revoke"],
body#my-account .psgdpr-consent-link,
body.page-my-account .psgdpr-consent-link,
body.page-customer-account .psgdpr-consent-link,
body#my-account [class*="consent"][class*="revoke"],
body.page-my-account [class*="consent"][class*="revoke"],
body.page-customer-account [class*="consent"][class*="revoke"] {
  display: none !important;
}

/* =========================================================
   SCC Records — hide LG Cookie Law account links
   Targets the exact lgcookieslaw account icon markup.
   ========================================================= */
body#my-account span.link-item:has(> img[src*="/modules/lgcookieslaw/"]),
body.page-my-account span.link-item:has(> img[src*="/modules/lgcookieslaw/"]),
body.page-customer-account span.link-item:has(> img[src*="/modules/lgcookieslaw/"]) {
  display: none !important;
}

/* =========================================================
   SCC Records — account addresses page
   Dark active menu item, readable address cards and cookie cleanup.
   ========================================================= */

/* Active item in the left account menu */
body#addresses .account-menu a,
body.page-addresses .account-menu a,
body.page-customer-account .account-menu a {
  color: var(--scc-text) !important;
  background: transparent !important;
}

body#addresses .account-menu a.active,
body#addresses .account-menu .current > a,
body.page-addresses .account-menu a.active,
body.page-addresses .account-menu .current > a,
body.page-customer-account .account-menu a.active,
body.page-customer-account .account-menu .current > a {
  color: #ffffff !important;
  border: 1px solid var(--scc-blue) !important;
  background: #111f29 !important;
}

/* Address cards */
body#addresses .address,
body#addresses .address-body,
body#addresses .address-footer,
body#addresses .address-item,
body#addresses .card,
body#addresses .card-body,
body.page-addresses .address,
body.page-addresses .address-body,
body.page-addresses .address-footer,
body.page-addresses .address-item,
body.page-addresses .card,
body.page-addresses .card-body {
  color: var(--scc-text) !important;
  border-color: var(--scc-border) !important;
  background: #0b141b !important;
  box-shadow: none !important;
}

body#addresses .address *,
body#addresses .address-item *,
body#addresses .card *,
body.page-addresses .address *,
body.page-addresses .address-item *,
body.page-addresses .card * {
  color: var(--scc-text) !important;
  opacity: 1 !important;
  background: transparent !important;
}

body#addresses .address:hover,
body#addresses .address-item:hover,
body#addresses .card:hover,
body.page-addresses .address:hover,
body.page-addresses .address-item:hover,
body.page-addresses .card:hover {
  border-color: var(--scc-blue) !important;
  background: #111f29 !important;
}

/* Edit/delete links */
body#addresses .address a,
body#addresses .address-footer a,
body#addresses .edit-address,
body#addresses .delete-address,
body.page-addresses .address a,
body.page-addresses .address-footer a,
body.page-addresses .edit-address,
body.page-addresses .delete-address {
  color: var(--scc-blue) !important;
}

body#addresses .delete-address,
body#addresses a[href*="delete"],
body.page-addresses .delete-address,
body.page-addresses a[href*="delete"] {
  color: #ff5d67 !important;
}

body#addresses .address a:hover,
body.page-addresses .address a:hover {
  color: #ffffff !important;
}

/* Add new address card/button */
body#addresses .address-add,
body#addresses .add-address,
body#addresses .addresses-footer a,
body.page-addresses .address-add,
body.page-addresses .add-address,
body.page-addresses .addresses-footer a {
  color: var(--scc-blue) !important;
  border-color: var(--scc-border) !important;
  background: #0b141b !important;
}

body#addresses .address-add:hover,
body#addresses .add-address:hover,
body#addresses .addresses-footer a:hover,
body.page-addresses .address-add:hover,
body.page-addresses .add-address:hover,
body.page-addresses .addresses-footer a:hover {
  color: #ffffff !important;
  border-color: var(--scc-blue) !important;
  background: #111f29 !important;
}

/* Hide LG Cookie Law revoke item in account side menu and cards */
body#addresses span.link-item:has(> img[src*="/modules/lgcookieslaw/"]),
body.page-addresses span.link-item:has(> img[src*="/modules/lgcookieslaw/"]),
body.page-customer-account span.link-item:has(> img[src*="/modules/lgcookieslaw/"]),
body#addresses a:has(img[src*="/modules/lgcookieslaw/"]),
body.page-addresses a:has(img[src*="/modules/lgcookieslaw/"]),
body.page-customer-account a:has(img[src*="/modules/lgcookieslaw/"]) {
  display: none !important;
}

/* =========================================================
   SCC Records — account addresses readability correction
   Blue menu icons, readable address text and visible footer links.
   ========================================================= */

/* Account navigation icons: use the same blue accent as other pages */
body#addresses .account-menu i,
body#addresses .account-menu svg,
body#addresses .account-menu img,
body.page-addresses .account-menu i,
body.page-addresses .account-menu svg,
body.page-addresses .account-menu img,
body.page-customer-account .account-menu i,
body.page-customer-account .account-menu svg,
body.page-customer-account .account-menu img {
  color: var(--scc-blue) !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

/* Address card body text */
body#addresses .address,
body#addresses .address address,
body#addresses .address-body,
body#addresses .address-body *,
body#addresses .address-item,
body#addresses .address-item address,
body#addresses .address-item .address-body,
body#addresses .address-item .address-body *,
body.page-addresses .address,
body.page-addresses .address address,
body.page-addresses .address-body,
body.page-addresses .address-body *,
body.page-addresses .address-item,
body.page-addresses .address-item address,
body.page-addresses .address-item .address-body,
body.page-addresses .address-item .address-body * {
  color: #d7e0e5 !important;
  opacity: 1 !important;
}

/* Address titles remain bright white */
body#addresses .address h1,
body#addresses .address h2,
body#addresses .address h3,
body#addresses .address h4,
body#addresses .address-item h1,
body#addresses .address-item h2,
body#addresses .address-item h3,
body#addresses .address-item h4,
body.page-addresses .address h1,
body.page-addresses .address h2,
body.page-addresses .address h3,
body.page-addresses .address h4,
body.page-addresses .address-item h1,
body.page-addresses .address-item h2,
body.page-addresses .address-item h3,
body.page-addresses .address-item h4 {
  color: #ffffff !important;
}

/* Footer actions at the bottom of each address card */
body#addresses .address-footer,
body#addresses .address-footer *,
body#addresses .address-item .address-footer,
body#addresses .address-item .address-footer *,
body.page-addresses .address-footer,
body.page-addresses .address-footer *,
body.page-addresses .address-item .address-footer,
body.page-addresses .address-item .address-footer * {
  color: var(--scc-blue) !important;
  background: transparent !important;
  opacity: 1 !important;
}

body#addresses .address-footer a,
body#addresses .address-item .address-footer a,
body#addresses .edit-address,
body.page-addresses .address-footer a,
body.page-addresses .address-item .address-footer a,
body.page-addresses .edit-address {
  color: var(--scc-blue) !important;
}

body#addresses .address-footer a[href*="delete"],
body#addresses .address-item .address-footer a[href*="delete"],
body#addresses .delete-address,
body.page-addresses .address-footer a[href*="delete"],
body.page-addresses .address-item .address-footer a[href*="delete"],
body.page-addresses .delete-address {
  color: #ff5d67 !important;
}

body#addresses .address-footer a:hover,
body#addresses .address-item .address-footer a:hover,
body.page-addresses .address-footer a:hover,
body.page-addresses .address-item .address-footer a:hover {
  color: #ffffff !important;
}

/* =========================================================
   SCC Records — exact Hummingbird address-card selectors
   Final readability fix for customer address cards.
   ========================================================= */

body#addresses .address-card__alias,
body.page-addresses .address-card__alias,
body.page-customer-account .address-card__alias {
  color: #ffffff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

body#addresses .address-card__content,
body#addresses .address-card__content *,
body#addresses .address-card__content address,
body.page-addresses .address-card__content,
body.page-addresses .address-card__content *,
body.page-addresses .address-card__content address,
body.page-customer-account .address-card__content,
body.page-customer-account .address-card__content *,
body.page-customer-account .address-card__content address {
  color: #d7e0e8 !important;
  opacity: 1 !important;
}

body#addresses .address-card__actions,
body.page-addresses .address-card__actions,
body.page-customer-account .address-card__actions {
  margin-top: 18px !important;
}

body#addresses .address-card__edit,
body.page-addresses .address-card__edit,
body.page-customer-account .address-card__edit {
  color: var(--scc-blue) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

body#addresses .address-card__edit:hover,
body.page-addresses .address-card__edit:hover,
body.page-customer-account .address-card__edit:hover {
  color: #69a7ff !important;
}

body#addresses .address-card__delete,
body.page-addresses .address-card__delete,
body.page-customer-account .address-card__delete {
  color: #ff4f62 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

body#addresses .address-card__delete:hover,
body.page-addresses .address-card__delete:hover,
body.page-customer-account .address-card__delete:hover {
  color: #ff7d8a !important;
}

/* =========================================================
   SCC Records — order history page
   Dark empty-state message and consistent account styling.
   ========================================================= */

body#history,
body.page-history,
body.page-order-history {
  color: var(--scc-text) !important;
  background: var(--scc-bg) !important;
}

/* Main history panel */
body#history .page-content,
body#history .card,
body#history .card-body,
body#history .orders,
body#history .order-history,
body.page-history .page-content,
body.page-history .card,
body.page-history .card-body,
body.page-history .orders,
body.page-history .order-history,
body.page-order-history .page-content,
body.page-order-history .card,
body.page-order-history .card-body,
body.page-order-history .orders,
body.page-order-history .order-history {
  color: var(--scc-text) !important;
  border-color: var(--scc-border) !important;
  background: var(--scc-panel) !important;
  box-shadow: none !important;
}

/* Intro text */
body#history .page-content p,
body#history .card p,
body.page-history .page-content p,
body.page-history .card p,
body.page-order-history .page-content p,
body.page-order-history .card p {
  color: #d7e0e5 !important;
  opacity: 1 !important;
}

/* Empty-order alert */
body#history .alert,
body#history .alert-info,
body#history .notifications-container .alert,
body.page-history .alert,
body.page-history .alert-info,
body.page-history .notifications-container .alert,
body.page-order-history .alert,
body.page-order-history .alert-info,
body.page-order-history .notifications-container .alert {
  color: #dcecff !important;
  border: 1px solid rgba(22, 142, 255, 0.45) !important;
  border-radius: 7px !important;
  background: rgba(22, 142, 255, 0.12) !important;
  box-shadow: none !important;
}

body#history .alert *,
body#history .alert-info *,
body.page-history .alert *,
body.page-history .alert-info *,
body.page-order-history .alert *,
body.page-order-history .alert-info * {
  color: #dcecff !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Order table, when orders exist */
body#history table,
body#history .table,
body.page-history table,
body.page-history .table,
body.page-order-history table,
body.page-order-history .table {
  color: var(--scc-text) !important;
  border-color: var(--scc-border) !important;
  background: #0b141b !important;
}

body#history table th,
body#history .table th,
body.page-history table th,
body.page-history .table th,
body.page-order-history table th,
body.page-order-history .table th {
  color: #ffffff !important;
  background: #101a22 !important;
  border-color: var(--scc-border) !important;
}

body#history table td,
body#history .table td,
body.page-history table td,
body.page-history .table td,
body.page-order-history table td,
body.page-order-history .table td {
  color: #d7e0e5 !important;
  background: transparent !important;
  border-color: var(--scc-border) !important;
}

/* Order links and detail buttons */


/* =========================================================
   SCC Records — credit slips page
   Dark empty-state message and consistent account styling.
   ========================================================= */

body#order-slip,
body#credit-slip,
body.page-order-slip,
body.page-credit-slip {
  color: var(--scc-text) !important;
  background: var(--scc-bg) !important;
}

/* Main credit-slip panel */
body#order-slip .page-content,
body#order-slip .card,
body#order-slip .card-body,
body#order-slip .credit-slips,
body#credit-slip .page-content,
body#credit-slip .card,
body#credit-slip .card-body,
body#credit-slip .credit-slips,
body.page-order-slip .page-content,
body.page-order-slip .card,
body.page-order-slip .card-body,
body.page-order-slip .credit-slips,
body.page-credit-slip .page-content,
body.page-credit-slip .card,
body.page-credit-slip .card-body,
body.page-credit-slip .credit-slips {
  color: var(--scc-text) !important;
  border-color: var(--scc-border) !important;
  background: var(--scc-panel) !important;
  box-shadow: none !important;
}

/* Intro text */
body#order-slip .page-content p,
body#order-slip .card p,
body#credit-slip .page-content p,
body#credit-slip .card p,
body.page-order-slip .page-content p,
body.page-order-slip .card p,
body.page-credit-slip .page-content p,
body.page-credit-slip .card p {
  color: #d7e0e5 !important;
  opacity: 1 !important;
}

/* Empty credit-slip alert */
body#order-slip .alert,
body#order-slip .alert-info,
body#order-slip .notifications-container .alert,
body#credit-slip .alert,
body#credit-slip .alert-info,
body#credit-slip .notifications-container .alert,
body.page-order-slip .alert,
body.page-order-slip .alert-info,
body.page-order-slip .notifications-container .alert,
body.page-credit-slip .alert,
body.page-credit-slip .alert-info,
body.page-credit-slip .notifications-container .alert {
  color: #dcecff !important;
  border: 1px solid rgba(22, 142, 255, 0.45) !important;
  border-radius: 7px !important;
  background: rgba(22, 142, 255, 0.12) !important;
  box-shadow: none !important;
}

body#order-slip .alert *,
body#order-slip .alert-info *,
body#credit-slip .alert *,
body#credit-slip .alert-info *,
body.page-order-slip .alert *,
body.page-order-slip .alert-info *,
body.page-credit-slip .alert *,
body.page-credit-slip .alert-info * {
  color: #dcecff !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Credit-slip table when records exist */
body#order-slip table,
body#order-slip .table,
body#credit-slip table,
body#credit-slip .table,
body.page-order-slip table,
body.page-order-slip .table,
body.page-credit-slip table,
body.page-credit-slip .table {
  color: var(--scc-text) !important;
  border-color: var(--scc-border) !important;
  background: #0b141b !important;
}

body#order-slip table th,
body#order-slip .table th,
body#credit-slip table th,
body#credit-slip .table th,
body.page-order-slip table th,
body.page-order-slip .table th,
body.page-credit-slip table th,
body.page-credit-slip .table th {
  color: #ffffff !important;
  background: #101a22 !important;
  border-color: var(--scc-border) !important;
}

body#order-slip table td,
body#order-slip .table td,
body#credit-slip table td,
body#credit-slip .table td,
body.page-order-slip table td,
body.page-order-slip .table td,
body.page-credit-slip table td,
body.page-credit-slip .table td {
  color: #d7e0e5 !important;
  background: transparent !important;
  border-color: var(--scc-border) !important;
}

/* =========================================================
   SCC Records — footer theme
   Matches the footer to the dark SCC storefront.
   ========================================================= */

#footer,
footer,
.footer-container,
.footer-container .container,
.footer-container .container-fluid,
.footer-container .row,
.footer-container [class*="col-"] {
  color: var(--scc-text) !important;
  background: #081015 !important;
  border-color: var(--scc-border) !important;
}

#footer,
footer,
.footer-container {
  border-top: 1px solid var(--scc-border) !important;
}

/* Footer headings */
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer .h1,
#footer .h2,
#footer .h3,
#footer .h4,
#footer .h5,
#footer .h6,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
.footer-container .title,
.footer-container .block-contact-title,
.footer-container .blockcms-title,
.footer-container .footer-heading {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Footer text */
#footer p,
#footer li,
#footer span,
#footer address,
#footer small,
footer p,
footer li,
footer span,
footer address,
footer small,
.footer-container p,
.footer-container li,
.footer-container span,
.footer-container address,
.footer-container small {
  color: #d7e0e5 !important;
  opacity: 1 !important;
}

/* Footer links */
#footer a,
footer a,
.footer-container a {
  color: #d7e0e5 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

#footer a:hover,
#footer a:focus,
footer a:hover,
footer a:focus,
.footer-container a:hover,
.footer-container a:focus {
  color: var(--scc-blue) !important;
}

/* Account logout remains red */
#footer a[href*="logout"],
footer a[href*="logout"],
.footer-container a[href*="logout"],
#footer .logout,
footer .logout,
.footer-container .logout {
  color: #ff5d67 !important;
}

#footer a[href*="logout"]:hover,
footer a[href*="logout"]:hover,
.footer-container a[href*="logout"]:hover {
  color: #ff8892 !important;
}

/* Contact icons */
#footer i,
#footer svg,
footer i,
footer svg,
.footer-container i,
.footer-container svg {
  color: var(--scc-blue) !important;
  fill: currentColor !important;
}

/* Separators and lower footer band */
#footer hr,
footer hr,
.footer-container hr,
.footer-container .footer-after,
.footer-container .footer-bottom,
.footer-container .copyright,
.footer-container .bottom-footer {
  border-color: var(--scc-border) !important;
  background: #05090c !important;
  color: var(--scc-muted) !important;
}

/* Remove accidental light/gray footer surfaces */
#footer .bg-light,
#footer .bg-white,
footer .bg-light,
footer .bg-white,
.footer-container .bg-light,
.footer-container .bg-white {
  color: var(--scc-text) !important;
  background: #081015 !important;
}

/* Mobile footer */
@media (max-width: 767px) {
  #footer,
  footer,
  .footer-container {
    padding-top: 24px !important;
  }

  #footer .collapse,
  #footer .collapse.show,
  footer .collapse,
  footer .collapse.show,
  .footer-container .collapse,
  .footer-container .collapse.show {
    color: var(--scc-text) !important;
    background: #081015 !important;
  }
}

/* =========================================================
   SCC Records — footer background refinement
   Makes the footer match the dark blue-black storefront palette.
   ========================================================= */

#footer,
footer,
.footer-container {
  background: #081015 !important;
  border-top: 1px solid var(--scc-border) !important;
}

#footer .container,
#footer .container-fluid,
#footer .row,
#footer [class*="col-"],
footer .container,
footer .container-fluid,
footer .row,
footer [class*="col-"],
.footer-container .container,
.footer-container .container-fluid,
.footer-container .row,
.footer-container [class*="col-"] {
  background: transparent !important;
}

#footer .footer-after,
#footer .footer-bottom,
#footer .copyright,
#footer .bottom-footer,
footer .footer-after,
footer .footer-bottom,
footer .copyright,
footer .bottom-footer,
.footer-container .footer-after,
.footer-container .footer-bottom,
.footer-container .copyright,
.footer-container .bottom-footer {
  background: #05090c !important;
}

/* =========================================================
   SCC Records — footer background correction v2
   Removes the grey footer block and the black copyright box.
   ========================================================= */

/* Force the whole footer area to use the SCC dark palette */
body #footer,
body footer,
body .footer-container,
body #footer > *,
body footer > *,
body .footer-container > *,
body #footer .container,
body #footer .container-fluid,
body #footer .row,
body #footer [class*="col-"],
body footer .container,
body footer .container-fluid,
body footer .row,
body footer [class*="col-"],
body .footer-container .container,
body .footer-container .container-fluid,
body .footer-container .row,
body .footer-container [class*="col-"] {
  background: #081015 !important;
  background-color: #081015 !important;
  border-color: var(--scc-border) !important;
}

/* Footer text blocks remain transparent inside the footer */
body #footer .block,
body #footer .block-contact,
body #footer .links,
body #footer .footer-block,
body footer .block,
body footer .block-contact,
body footer .links,
body footer .footer-block,
body .footer-container .block,
body .footer-container .block-contact,
body .footer-container .links,
body .footer-container .footer-block {
  background: transparent !important;
  box-shadow: none !important;
}

/* Integrate the copyright row into the footer instead of a black box */
body #footer .footer-after,
body #footer .footer-bottom,
body #footer .copyright,
body #footer .bottom-footer,
body #footer .footer-copyright,
body #footer [class*="copyright"],
body footer .footer-after,
body footer .footer-bottom,
body footer .copyright,
body footer .bottom-footer,
body footer .footer-copyright,
body footer [class*="copyright"],
body .footer-container .footer-after,
body .footer-container .footer-bottom,
body .footer-container .copyright,
body .footer-container .bottom-footer,
body .footer-container .footer-copyright,
body .footer-container [class*="copyright"] {
  width: 100% !important;
  max-width: none !important;
  margin: 24px 0 0 !important;
  padding: 18px 20px !important;
  border: 0 !important;
  border-top: 1px solid var(--scc-border) !important;
  border-radius: 0 !important;
  color: var(--scc-muted) !important;
  background: #05090c !important;
  background-color: #05090c !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Remove inner boxed wrappers around copyright text */
body #footer .footer-after > *,
body #footer .footer-bottom > *,
body #footer .copyright > *,
body #footer .bottom-footer > *,
body #footer .footer-copyright > *,
body #footer [class*="copyright"] > *,
body footer .footer-after > *,
body footer .footer-bottom > *,
body footer .copyright > *,
body footer .bottom-footer > *,
body footer .footer-copyright > *,
body footer [class*="copyright"] > *,
body .footer-container .footer-after > *,
body .footer-container .footer-bottom > *,
body .footer-container .copyright > *,
body .footer-container .bottom-footer > *,
body .footer-container .footer-copyright > *,
body .footer-container [class*="copyright"] > * {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* =========================================================
   SCC Records — rounded copyright panel
   Exact wrapper added in templates/_partials/footer.tpl.
   ========================================================= */
#footer .scc-footer-copyright,
footer .scc-footer-copyright,
.footer-container .scc-footer-copyright {
  width: min(calc(100% - 32px), 1320px) !important;
  margin: 28px auto 24px !important;
  padding: 18px 24px !important;
  overflow: hidden !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 10px !important;
  color: #d7e0e5 !important;
  background: #05090c !important;
  box-shadow: none !important;
  text-align: center !important;
}

#footer .scc-footer-copyright > *,
#footer .scc-footer-copyright > * > *,
footer .scc-footer-copyright > *,
footer .scc-footer-copyright > * > *,
.footer-container .scc-footer-copyright > *,
.footer-container .scc-footer-copyright > * > * {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  #footer .scc-footer-copyright,
  footer .scc-footer-copyright,
  .footer-container .scc-footer-copyright {
    width: min(calc(100% - 20px), 1320px) !important;
    padding: 15px 16px !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
  }
}

/* =========================================================
   SCC Records — copyright rounding specificity fix
   Overrides the older generic [class*="copyright"] rule.
   ========================================================= */
body #footer div.scc-footer-copyright,
body footer div.scc-footer-copyright,
body .footer-container div.scc-footer-copyright {
  width: min(calc(100% - 32px), 1320px) !important;
  max-width: 1320px !important;
  margin: 28px auto 24px !important;
  padding: 18px 24px !important;
  overflow: hidden !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 10px !important;
  color: #d7e0e5 !important;
  background: #05090c !important;
  background-color: #05090c !important;
  box-shadow: none !important;
  text-align: center !important;
}

body #footer div.scc-footer-copyright > *,
body #footer div.scc-footer-copyright > * > *,
body footer div.scc-footer-copyright > *,
body footer div.scc-footer-copyright > * > *,
body .footer-container div.scc-footer-copyright > *,
body .footer-container div.scc-footer-copyright > * > * {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body #footer div.scc-footer-copyright,
  body footer div.scc-footer-copyright,
  body .footer-container div.scc-footer-copyright {
    width: min(calc(100% - 20px), 1320px) !important;
    padding: 15px 16px !important;
    border-radius: 8px !important;
  }
}

/* =========================================================
   SCC RECORDS – SHIPMONDO / HUMMINGBIRD CHECKOUT
   ========================================================= */
 
body#checkout .shipmondo,
body#checkout [class*="shipmondo"],
body#checkout .service-point,
body#checkout [class*="servicepoint"] {
  color: #f5f7fa;
}
 
/* Selve Shipmondo-området */
body#checkout .js-carrier-extra {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #2d3945;
}
 
/* Overskrift */
body#checkout .js-carrier-extra h1,
body#checkout .js-carrier-extra h2,
body#checkout .js-carrier-extra h3,
body#checkout .js-carrier-extra h4,
body#checkout .js-carrier-extra h5,
body#checkout .js-carrier-extra label {
  color: #ffffff;
}
 
/* Dropdown / pakkeshop-vælger */
body#checkout .js-carrier-extra select,
body#checkout .js-carrier-extra .form-control,
body#checkout .js-carrier-extra input {
  width: 100%;
  min-height: 48px;
  color: #f5f7fa !important;
  background-color: #111b24 !important;
  border: 1px solid #3b4b59 !important;
  border-radius: 8px;
  box-shadow: none !important;
}
 
/* Dropdown-muligheder */
body#checkout .js-carrier-extra select option {
  color: #111111;
  background: #ffffff;
}
 
/* Pakkeshop-kort / valgt udleveringssted */
body#checkout .js-carrier-extra > div,
body#checkout .js-carrier-extra article,
body#checkout .js-carrier-extra .card {
  color: #f5f7fa;
  background-color: #0d1720;
  border-color: #2d3945;
}
 
/* Sekundær tekst: adresse, afstand, fragtfirma */
body#checkout .js-carrier-extra small,
body#checkout .js-carrier-extra span,
body#checkout .js-carrier-extra p {
  color: #b9c4ce;
}
 
/* Shipmondo-branding */
body#checkout .js-carrier-extra a {
  color: #29b6e6;
}
 
/* Luft efter knapperne og før udleveringssted */
body#checkout .checkout-step .step-actions,
body#checkout .checkout-step .form-footer {
  margin-bottom: 20px;
}
 
/* Mobil */
@media (max-width: 767px) {
  body#checkout .js-carrier-extra {
    margin-top: 18px;
    padding-top: 16px;
  }
 
  body#checkout .js-carrier-extra select,
  body#checkout .js-carrier-extra .form-control,
  body#checkout .js-carrier-extra input {
    min-height: 46px;
  }
}

/* =========================================================
   SCC RECORDS – SHIPMONDO DARK DROPDOWN FIX
   ========================================================= */
 
body#checkout .shipmondo-service-points-container {
  margin-top: 24px;
  color: #ffffff;
}
 
body#checkout .shipmondo-service-points-container .service_point_title {
  color: #ffffff !important;
  margin-bottom: 14px;
}
 
/* Valgt pakkeshop */
body#checkout .shipmondo_service_point_selection .selected_service_point {
  background: #111b24 !important;
  border: 1px solid #334452 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
}
 
body#checkout .shipmondo_service_point_selection .selected_service_point .header,
body#checkout .shipmondo_service_point_selection .selected_service_point .location,
body#checkout .shipmondo_service_point_selection .selected_service_point .name,
body#checkout .shipmondo_service_point_selection .selected_service_point .rate_name,
body#checkout .shipmondo_service_point_selection .selected_service_point .address_info,
body#checkout .shipmondo_service_point_selection .selected_service_point .distance {
  color: #ffffff !important;
}
 
/* Dropdown-beholder */
body#checkout .shipmondo_service_point_selection .service_points_dropdown {
  background: #0d1720 !important;
  border: 1px solid #334452 !important;
  border-radius: 8px !important;
  overflow-y: auto;
}
 
/* Hver pakkeshop-række */
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point {
  background: #0d1720 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #2b3945 !important;
}
 
/* Hover */
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point:hover {
  background: #16232d !important;
}
 
/* Valgt række */
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point.selected {
  background: #182b39 !important;
}
 
/* Alt tekstindhold i dropdown */
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .header,
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .location,
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .name,
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .rate_name,
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .address_info,
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .distance {
  color: #ffffff !important;
}
 
/* Sekundær tekst en smule dæmpet */
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .location,
body#checkout .shipmondo_service_point_selection .service_points_dropdown .service_point .rate_name {
  color: #c2ccd5 !important;
}
 
/* Powered by Shipmondo */
body#checkout .shipmondo_service_point_selection .powered_by_shipmondo,
body#checkout .shipmondo_service_point_selection .powered_by_shipmondo p {
  color: #81909c !important;
  background: #0d1720 !important;
}
 
/* Pil i valgt pakkeshop */
body#checkout .shipmondo_service_point_selection .selected_service_point::after {
  filter: invert(1);
  opacity: 0.75;
}
 
/* Sikrer at dropdown ikke flyder ned over footer */
body#checkout .shipmondo_service_point_selection .service_points_dropdown {
  max-height: 310px;
}
 
/* Mobil */
@media (max-width: 767px) {
  body#checkout .shipmondo-service-points-container {
    margin-top: 18px;
  }
 
  body#checkout .shipmondo_service_point_selection .selected_service_point {
    padding: 12px 38px 12px 12px !important;
  }
 
  body#checkout .shipmondo_service_point_selection .service_points_dropdown {
    max-height: 260px;
  }
}

/* =========================================================
   SCC – SHIPMONDO HEADER/BAR FINAL FIX
   ========================================================= */
 
/* Nulstil temaets generelle .header-styling inde i Shipmondo */
body#checkout
.shipmondo_service_point_selection
.service_point
.header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
 
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
 
  margin: 0 0 6px !important;
  padding: 0 !important;
 
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
 
/* Pakkeshoppens navn */
body#checkout
.shipmondo_service_point_selection
.service_point
.header
.name {
  display: block !important;
  width: auto !important;
 
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
 
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}
 
/* Fragtfirmaets navn */
body#checkout
.shipmondo_service_point_selection
.service_point
.header
.rate_name {
  color: #aebbc6 !important;
  background: transparent !important;
  background-color: transparent !important;
 
  font-size: 12px !important;
  line-height: 1.35 !important;
}
 
/* Adresse og afstand */
body#checkout
.shipmondo_service_point_selection
.service_point
.location,
body#checkout
.shipmondo_service_point_selection
.service_point
.address_info,
body#checkout
.shipmondo_service_point_selection
.service_point
.distance {
  color: #d7e0e7 !important;
  background: transparent !important;
  background-color: transparent !important;
}
 
/* Valgt pakkeshop */
body#checkout
.shipmondo_service_point_selection
.selected_service_point {
  padding: 14px 42px 14px 16px !important;
  color: #ffffff !important;
  background: #101b24 !important;
  border: 1px solid #334452 !important;
}
 
/* Dropdown-listen */
body#checkout
.shipmondo_service_point_selection
.service_points_dropdown {
  color: #ffffff !important;
  background: #101b24 !important;
  border: 1px solid #334452 !important;
}
 
/* Hver pakkeshop */
body#checkout
.shipmondo_service_point_selection
.service_points_dropdown
.service_point {
  padding: 12px 16px !important;
  color: #ffffff !important;
  background: #101b24 !important;
  border-bottom: 1px solid #2b3945 !important;
}
 
/* Hover og valgt pakkeshop */
body#checkout
.shipmondo_service_point_selection
.service_points_dropdown
.service_point:hover,
body#checkout
.shipmondo_service_point_selection
.service_points_dropdown
.service_point.selected {
  background: #1b2d3a !important;
}
 
/* Fjern eventuelle hvide baggrunde fra alle under-elementer */
body#checkout
.shipmondo_service_point_selection
.service_point
.header *,
body#checkout
.shipmondo_service_point_selection
.service_point
.location * {
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================
   SCC - Skjul Newsletter-blokken
   ========================================== */
 
#blockEmailSubscription_displayFooterBefore,
.block_newsletter,
.ps-emailsubscription-block,
.footer-container .block_newsletter {
    display: none !important;
}

/* SCC RECORDS – ORDER HISTORY LAYOUT FIX */

body#history .page-content,
body.page-history .page-content,
body.page-order-history .page-content {
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
}

body#history .page-content .card,
body#history .page-content .table-wrapper,
body.page-history .page-content .card,
body.page-history .page-content .table-wrapper,
body.page-order-history .page-content .card,
body.page-order-history .page-content .table-wrapper {
  width: 100%;
  max-width: 100%;
  padding: 28px 32px;
  overflow: hidden;
  background: #0f1821;
  border: 1px solid #30404d;
  border-radius: 12px;
  box-sizing: border-box;
}

body#history table,
body.page-history table,
body.page-order-history table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

body#history table th,
body#history table td,
body.page-history table th,
body.page-history table td,
body.page-order-history table th,
body.page-order-history table td {
  padding: 14px 10px;
  vertical-align: middle;
  color: #f4f7fa;
  border-bottom: 1px solid #33434f;
  overflow-wrap: anywhere;
}

body#history table th,
body.page-history table th,
body.page-order-history table th {
  color: #fff;
  font-weight: 700;
  line-height: 1.25;
}

body#history table th:nth-child(1),
body#history table td:nth-child(1),
body.page-history table th:nth-child(1),
body.page-history table td:nth-child(1),
body.page-order-history table th:nth-child(1),
body.page-order-history table td:nth-child(1) { width: 21%; }

body#history table th:nth-child(2),
body#history table td:nth-child(2),
body.page-history table th:nth-child(2),
body.page-history table td:nth-child(2),
body.page-order-history table th:nth-child(2),
body.page-order-history table td:nth-child(2) { width: 14%; }

body#history table th:nth-child(3),
body#history table td:nth-child(3),
body.page-history table th:nth-child(3),
body.page-history table td:nth-child(3),
body.page-order-history table th:nth-child(3),
body.page-order-history table td:nth-child(3) { width: 14%; }

body#history table th:nth-child(4),
body#history table td:nth-child(4),
body.page-history table th:nth-child(4),
body.page-history table td:nth-child(4),
body.page-order-history table th:nth-child(4),
body.page-order-history table td:nth-child(4) { width: 14%; }

body#history table th:nth-child(5),
body#history table td:nth-child(5),
body.page-history table th:nth-child(5),
body.page-history table td:nth-child(5),
body.page-order-history table th:nth-child(5),
body.page-order-history table td:nth-child(5) { width: 17%; }

body#history table th:last-child,
body#history table td:last-child,
body.page-history table th:last-child,
body.page-history table td:last-child,
body.page-order-history table th:last-child,
body.page-order-history table td:last-child { width: 20%; }

body#history .label,
body#history .badge,
body#history .order-status,
body.page-history .label,
body.page-history .badge,
body.page-history .order-status,
body.page-order-history .label,
body.page-order-history .badge,
body.page-order-history .order-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 7px 10px;
  color: #fff !important;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  background: #2d97e8;
  border-radius: 6px;
}

body#history table td:last-child .btn,
body#history table td:last-child a.btn,
body.page-history table td:last-child .btn,
body.page-history table td:last-child a.btn,
body.page-order-history table td:last-child .btn,
body.page-order-history table td:last-child a.btn {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  margin: 0 0 8px;
  padding: 8px 10px;
  color: #2d97ff !important;
  line-height: 1.2;
  text-align: left;
  white-space: normal;
  background: transparent;
  border: 1px solid #2d97ff;
  border-radius: 6px;
  box-sizing: border-box;
}

body#history table td:last-child .btn:hover,
body#history table td:last-child a.btn:hover,
body.page-history table td:last-child .btn:hover,
body.page-history table td:last-child a.btn:hover,
body.page-order-history table td:last-child .btn:hover,
body.page-order-history table td:last-child a.btn:hover {
  color: #fff !important;
  background: #1677d2;
  border-color: #1677d2;
}

@media (max-width: 1100px) {
  body#history .page-content .card,
  body#history .page-content .table-wrapper,
  body.page-history .page-content .card,
  body.page-history .page-content .table-wrapper,
  body.page-order-history .page-content .card,
  body.page-order-history .page-content .table-wrapper {
    padding: 22px;
    overflow-x: auto;
  }

  body#history table,
  body.page-history table,
  body.page-order-history table {
    min-width: 820px;
  }
}

@media (max-width: 767px) {
  body#history .page-content .card,
  body#history .page-content .table-wrapper,
  body.page-history .page-content .card,
  body.page-history .page-content .table-wrapper,
  body.page-order-history .page-content .card,
  body.page-order-history .page-content .table-wrapper {
    padding: 16px;
    overflow: visible;
  }

  body#history thead,
  body.page-history thead,
  body.page-order-history thead { display: none; }

  body#history table,
  body#history tbody,
  body#history tr,
  body#history td,
  body.page-history table,
  body.page-history tbody,
  body.page-history tr,
  body.page-history td,
  body.page-order-history table,
  body.page-order-history tbody,
  body.page-order-history tr,
  body.page-order-history td {
    display: block;
    width: 100% !important;
    min-width: 0;
  }

  body#history tbody tr,
  body.page-history tbody tr,
  body.page-order-history tbody tr {
    margin-bottom: 16px;
    padding: 14px;
    background: #111c25;
    border: 1px solid #33434f;
    border-radius: 10px;
  }

  body#history tbody td,
  body.page-history tbody td,
  body.page-order-history tbody td {
    padding: 8px 0;
    border: 0;
  }
}

/* ==========================================
   SCC - Order History text readability
   ========================================== */
 
body#history td,
body.page-history td,
body.page-order-history td {
    color: #f5f7fa !important;
}
 
body#history .text-muted,
body#history .text-secondary,
body.page-history .text-muted,
body.page-history .text-secondary,
body.page-order-history .text-muted,
body.page-order-history .text-secondary {
    color: #ffffff !important;
    opacity: 1 !important;
}
 
/* Betalingsmetode (Card, PayPal osv.) */
body#history td:nth-child(4),
body.page-history td:nth-child(4),
body.page-order-history td:nth-child(4) {
    color: #ffffff !important;
}

/* SCC – Ordrehistorik: dato og betalingsmetode */
body#history table tbody td:nth-child(2),
body#history table tbody td:nth-child(2) *,
body#history table tbody td:nth-child(4),
body#history table tbody td:nth-child(4) *,
body.page-history table tbody td:nth-child(2),
body.page-history table tbody td:nth-child(2) *,
body.page-history table tbody td:nth-child(4),
body.page-history table tbody td:nth-child(4) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* SCC – Ordrehistorik: dato og betalingsmetode */
body#history .order-history__cell--date,
body#history .order-history__cell--payment,
body#history .order-history__cell--date *,
body#history .order-history__cell--payment * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* =========================================================
   SCC – ORDER DETAILS: VENSTRE KONTO-MENU
   ========================================================= */
 
body#order-detail .my-account-side-links a,
body#order-detail .my-account-side-links span,
body#order-detail .account-menu a,
body#order-detail .account-menu span,
body.page-order-detail .my-account-side-links a,
body.page-order-detail .my-account-side-links span,
body.page-order-detail .account-menu a,
body.page-order-detail .account-menu span {
  color: #ffffff !important;
  opacity: 1 !important;
}
 
/* Ikoner */
body#order-detail .my-account-side-links i,
body#order-detail .my-account-side-links svg,
body#order-detail .account-menu i,
body#order-detail .account-menu svg,
body.page-order-detail .my-account-side-links i,
body.page-order-detail .my-account-side-links svg,
body.page-order-detail .account-menu i,
body.page-order-detail .account-menu svg {
  color: #168cff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
 
/* Hover */
body#order-detail .my-account-side-links a:hover,
body#order-detail .account-menu a:hover,
body.page-order-detail .my-account-side-links a:hover,
body.page-order-detail .account-menu a:hover {
  color: #168cff !important;
}
 
/* Log af må gerne beholde sin røde farve */
body#order-detail .logout,
body#order-detail a[href*="logout"],
body.page-order-detail .logout,
body.page-order-detail a[href*="logout"] {
  color: #ff3b5c !important;
}

/* =========================================================
   SCC RECORDS – MY ACCOUNT SIDEBAR FINAL FIX
   ========================================================= */
 
/* Alle menupunkter */
body .account-menu a,
body .account-menu__link,
body .my-account-menu a,
body .my-account-side-links a {
  color: #ffffff !important;
  background: transparent !important;
  opacity: 1 !important;
}
 
/* Tekst og ikoner inde i menupunkterne */
body .account-menu a *,
body .account-menu__link *,
body .my-account-menu a *,
body .my-account-side-links a * {
  color: inherit !important;
  opacity: 1 !important;
}
 
/* Aktuelt menupunkt */
body .account-menu a.active,
body .account-menu__link.active,
body .account-menu .active > a,
body .my-account-menu a.active,
body .my-account-side-links a.active,
body .account-menu a[aria-current="page"],
body .account-menu__link[aria-current="page"] {
  color: #ffffff !important;
  background: #142431 !important;
  border: 1px solid #2f8fff !important;
  border-radius: 8px !important;
}
 
/* Hover */
body .account-menu a:hover,
body .account-menu__link:hover,
body .my-account-menu a:hover,
body .my-account-side-links a:hover {
  color: #ffffff !important;
  background: #101d27 !important;
}
 
/* Blå ikoner */
body .account-menu i,
body .account-menu svg,
body .account-menu__link i,
body .account-menu__link svg,
body .my-account-menu i,
body .my-account-menu svg,
body .my-account-side-links i,
body .my-account-side-links svg {
  color: #168cff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
 
/* Log af forbliver rød */
body .account-menu a[href*="logout"],
body .account-menu__link[href*="logout"],
body .my-account-menu a[href*="logout"],
body .my-account-side-links a[href*="logout"] {
  color: #ff405f !important;
}
 
/* Cookie-link */
body .account-menu a[href*="cookie"],
body .account-menu__link[href*="cookie"],
body .my-account-menu a[href*="cookie"],
body .my-account-side-links a[href*="cookie"] {
  color: #168cff !important;
}

/* =========================================================
   SCC RECORDS – KONTAKTFORMULAR DARK FIELDS
   ========================================================= */
 
body#contact .contact-form,
body.page-contact .contact-form {
  color: #ffffff;
}
 
/* Select, input, textarea og filfelt */
body#contact .contact-form select,
body#contact .contact-form input[type="text"],
body#contact .contact-form input[type="email"],
body#contact .contact-form input[type="file"],
body#contact .contact-form textarea,
body.page-contact .contact-form select,
body.page-contact .contact-form input[type="text"],
body.page-contact .contact-form input[type="email"],
body.page-contact .contact-form input[type="file"],
body.page-contact .contact-form textarea {
  width: 100%;
  color: #ffffff !important;
  background: #0f1821 !important;
  background-color: #0f1821 !important;
  border: 1px solid #354552 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
 
/* Højde og luft */
body#contact .contact-form select,
body#contact .contact-form input[type="text"],
body#contact .contact-form input[type="email"],
body.page-contact .contact-form select,
body.page-contact .contact-form input[type="text"],
body.page-contact .contact-form input[type="email"] {
  min-height: 46px;
  padding: 10px 14px;
}
 
body#contact .contact-form textarea,
body.page-contact .contact-form textarea {
  min-height: 120px;
  padding: 12px 14px;
  resize: vertical;
}
 
/* Placeholdertekst */
body#contact .contact-form input::placeholder,
body#contact .contact-form textarea::placeholder,
body.page-contact .contact-form input::placeholder,
body.page-contact .contact-form textarea::placeholder {
  color: #9cabb8 !important;
  opacity: 1 !important;
}
 
/* Select-valgmuligheder */
body#contact .contact-form select option,
body.page-contact .contact-form select option {
  color: #ffffff;
  background: #0f1821;
}
 
/* Fokus */
body#contact .contact-form select:focus,
body#contact .contact-form input:focus,
body#contact .contact-form textarea:focus,
body.page-contact .contact-form select:focus,
body.page-contact .contact-form input:focus,
body.page-contact .contact-form textarea:focus {
  border-color: #168cff !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(22, 140, 255, 0.18) !important;
}
 
/* Fil-uploadfelt */
body#contact .contact-form input[type="file"],
body.page-contact .contact-form input[type="file"] {
  padding: 0;
  overflow: hidden;
}
 
body#contact .contact-form input[type="file"]::file-selector-button,
body.page-contact .contact-form input[type="file"]::file-selector-button {
  min-height: 44px;
  margin-right: 14px;
  padding: 0 16px;
  color: #ffffff;
  background: #172531;
  border: 0;
  border-right: 1px solid #354552;
  cursor: pointer;
}
 
body#contact .contact-form input[type="file"]::file-selector-button:hover,
body.page-contact .contact-form input[type="file"]::file-selector-button:hover {
  background: #1e3241;
}
 
/* Send-knap */
body#contact .contact-form .btn,
body.page-contact .contact-form .btn {
  color: #ffffff !important;
  background: #168cff !important;
  border-color: #168cff !important;
  border-radius: 7px !important;
}