/* V50 Supplies — built directly on the locked V33 US Products page CSS.
   Only the product-art contents differ. */

.supplies-v50-page .supplies-title{
  margin:0 auto;
  padding:0;
  line-height:0;
  text-align:center;
}




.supplies-v50-page .product-art{
  position:relative;
  height:205px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

/* Remove the US vial pseudo-art only on the Supplies page. */
.supplies-v50-page .product-art::before{
  display:none !important;
}

/* Standardized category marker — no product photos. */
.supply-mark{
  width:116px;
  height:116px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,161,43,.68);
  background:
    radial-gradient(circle at 50% 42%,rgba(214,161,43,.11),transparent 48%),
    linear-gradient(145deg,#111,#060606);
  box-shadow:0 0 22px rgba(214,161,43,.08),inset 0 0 20px rgba(255,255,255,.018);
  position:relative;
}

.supply-mark svg{
  width:62px;
  height:62px;
  stroke:#d8a22d;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Cases use a restrained color swatch instead of a fake product image. */
.supply-mark.case-mark::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:9px;
  height:5px;
  border-radius:3px;
  background:var(--swatch,#333);
  box-shadow:0 0 8px color-mix(in srgb,var(--swatch,#333) 70%, transparent);
}

.product-meta{
  min-height:17px;
  margin:0 0 5px;
  color:#aaa;
  font-size:10px;
  line-height:1.25;
}

.product-variant{
  margin:0 0 14px;
  color:#d6a12b;
  font-size:11px;
  font-weight:700;
  letter-spacing:.025em;
}

/* Keep the live product information dominant, like the US page. */
.supplies-v50-page .product-info h2{
  font-size:18px;
}

.catalog-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:28px;
}

.catalog-pagination button{
  min-width:38px;
  height:38px;
  border:1px solid #71531d;
  background:#080808;
  color:#ddd;
  cursor:pointer;
}

.catalog-pagination button.active{
  background:#d6a12b;
  color:#050505;
  border-color:#d6a12b;
  font-weight:900;
}

.catalog-pagination button:hover{
  border-color:#d6a12b;
  color:#d6a12b;
}

@media(max-width:800px){
  .supplies-v50-page .supplies-title{
    font-size:48px;
  }
}


/* V52 Supplies title refinement */
.supplies-v50-page .catalog-header{
  overflow:visible;
}
.supplies-v50-page .supplies-title{
  filter:drop-shadow(0 0 1px rgba(238,181,61,.45));
}


/* =========================================================
   V53 — LOCKED-STYLE SUPPLIES WORDMARK
   Uses a fixed transparent brush wordmark, matching the same
   implementation strategy as the locked US Products heading.
   ========================================================= */
.supplies-v50-page .supplies-title-image{
  width:min(720px,68vw);
  overflow:visible;
  background:transparent !important;
  filter:none !important;
}
.supplies-v50-page .supplies-title-image img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  background:transparent;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.58));
}
.supplies-v50-page .gold-rule{
  width:105px;
  height:3px;
  margin:14px auto 15px;
  background:#d7a324;
}