<style>
	/* Product Page Availability */
	.productView .productView-availability {
		color: #007600 !important;
	}
	
	/* Product Page Unit Selector */
	.form-radio:checked+.form-option {
		border-color: #B12704 !important;
		box-shadow: 0 0 0 1px #B12704 !important;
		color: #B12704 !important;
	}

	/* Product Page Price Section */
	.productView .buy-section {
		font-weight: bolder !important;
		border: 1px solid #454545 !important;
		border-radius: 21px !important;
	}

	/* Enhance experience */
	.enhance-experience {
	  background-color: #fff3cd !important;
	  padding: 10px !important;
	  text-align: center !important;
	  border-radius: 8px !important;
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
	  border-left: 4px solid #ffc107 !important;
	}

	.enhance-experience a {
	  background-color: #FFCF00 !important;
	  color: #000000 !important;
	  padding: 8px 16px !important;
	  text-decoration: none !important;
	  border-radius: 5px !important;
	}
	
	.productView .productView-info-name, .productView .productView-info-value {color:D22B2B !important;font-weight:500 !important;letter-spacing: .4px;}
	.product-customText {margin-bottom:15px !important;}
    .banners {text-align:left !important;}
	.productView .productView-availability {margin: 18px 1px !important;}
    .productView-info-value.productView-info-value--short-description {
        background-color: #d3d3d3 !important;
        padding: 20px 25px !important;
        margin-top: 12px !important;
        font-weight: 500 !important;
    }

    @media (min-width: 1024px) {
        .videoGallery .videoGallery-main {
            width: 50% !important;
            height: 50% !important;
        }
    }
	
	span.jdgm-rev__buyer-badge {
    display: none;
	}

	.form-action.form-action--buy-button {
		margin-bottom: 25px;
	}

	.navUser-action.navUser-action--storeCredit {
    background-color: #0060E5; /* Blue background for high visibility */
    color: #FFFFFF; /* White text for contrast and readability */
    border-radius: 0.5rem; /* Rounded corners for a sleek look */
    font-weight: bold; /* Bold text to make it stand out */
    text-transform: uppercase; /* Make the text more compelling with uppercase */
    font-size: .85rem; /* Adjust font size to ensure it's easily readable */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effect */
}

	.navUser-action.navUser-action--storeCredit:hover {
		background-color: #004BB5; /* Darker blue on hover for an interactive effect */
		transform: scale(1.05); /* Slightly enlarge on hover for emphasis */
	}
	
	.card-availability {
		font-weight: 400 !important;
		font-size: .85rem !important;
	}
	
	/* ---- Harmony Free Shipping Promo Block ---- */

.hco-free-ship-note {
  font-family: Arial, sans-serif;
  font-size: 15px;
  color: #0b2a3a;
  background: #f1fbff;
  border: 1px solid #cde8ff;
  padding: 4px 14px;
  border-radius: 8px;
  margin-top: 1px;
  display: inline-block;
  max-width: 350px;
}

.hco-free-ship-title {
  margin: 0 0 6px 0;
  font-size: 16px;
  font-weight: 700;
  color: #003366;
}

.hco-free-ship-body {
  margin: 0;
  color: #114b5f;
  line-height: 1.4;
}

.hco-free-ship-link {
  display: inline-block;
  margin-top: 10px;
  font-weight: 700;
  color: #0066cc;
  text-decoration: underline;
}

.hco-free-ship-link:hover,
.hco-free-ship-link:focus {
  text-decoration: none;
  color: #004c99;
}
/*
 * Stylesheet for custom product promotion text below the price.
 * Class: .red-tag-promo
 * Code Span: .red-tag-code
 */

.red-tag-promo {
    /* Visual Container */
    color: #CC0000; /* Bright red color for high visibility */
    background-color: #FFF0F0; /* Light pink background to make the text pop */
    border: 1px solid #FFCCCC; /* Subtle border that matches the color scheme */
    padding: 6px 10px; /* Internal spacing for readability */
    font-size: 0.95em; /* Slightly smaller than body text, but still clear */
    font-weight: 700; /* Bold the entire message */
    text-transform: uppercase; /* Use all caps for emphasis */
    letter-spacing: 0.5px; /* Slight letter spacing for better reading */
    text-align: center; /* Center the text for prominence */
    line-height: 1.4; /* Ensure good line height if the text wraps */

    /* Margin/Layout (Per Request: No additional margin) */
    margin: 0; /* Explicitly ensure no extra top/bottom margin is introduced */
    display: block; /* Ensures the div takes up the full available width */
}

.red-tag-code {
    /* Highlight the Discount Code */
    color: #FFFFFF; /* White text for contrast */
    background-color: #E60000; /* Darker, vibrant red background */
    padding: 3px 6px; /* Padding inside the code box */
    border-radius: 3px; /* Slightly rounded corners for a button/tag look */
    font-weight: 900; /* Extra bold for maximum attention */
    margin-left: 5px; /* Small separation from the rest of the text */
    white-space: nowrap; /* Prevents the code from breaking onto a new line */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Slight shadow for a lifted effect */
}

/* ===============================
   FAST & FREE 2-DAY SHIPPING BADGE
   Prefix: hco-2day-
================================ */

.hco-2day {
  display: inline-block;
  padding: 10px 14px;
  background: #f3f8ff;
  border: 1px solid #cfe0ff;
  border-radius: 6px;
  font-family: inherit;
  color: #1a3d7c;
  text-align: left;
  line-height: 1.3;
}

.hco-2day span {
  font-size: 20px;
  margin-right: 6px;
  vertical-align: middle;
}

.hco-2day strong {
  font-size: 1rem;
  font-weight: 700;
}

.hco-2day small {
  font-size: 0.85rem;
  color: #3d4f66;
}

/* Hover effect (desktop only) */
.hco-2day:hover {
  background: #eaf3ff;
  border-color: #97baff;
  transition: background 0.25s ease, border-color 0.25s ease;
}

/* Responsive adjustments */
@media (max-width: 480px) {
  .hco-2day {
    padding: 8px 10px;
  }
  .hco-2day strong {
    font-size: 0.95rem;
  }
  .hco-2day small {
    font-size: 0.8rem;
  }
}

/* Harmony Swab Selector (HCR) */
.hcr-swatch{width:100%;}

/* Table */
.hcr-compare{
  width:100%;
  border-collapse:collapse;
}
.hcr-compare th,
.hcr-compare td{
  text-align:left;
  vertical-align:top;
  padding:10px 12px;
  border-bottom:1px solid #e6e6e6;
}
.hcr-compare thead th{
  font-weight:700;
  border-bottom:2px solid #dcdcdc;
}

/* Thumbnails */
.hcr-thumb{width:76px;}
.hcr-thumb img{
  display:block;
  width:64px;
  height:64px;
  object-fit:cover;
  border:1px solid #e0e0e0;
  border-radius:10px;
}

/* Row highlighting */
.hcr-row.is-current{
  outline:2px solid #0b5fff;
  outline-offset:-2px;
  border-radius:12px;
}
.hcr-row.is-alcohol{
  background:#fff7f0;
}
.hcr-row.is-kit{
  background:#f7fbff;
}

/* Badges */
.hcr-badge{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  padding:4px 8px;
  border-radius:999px;
  margin-left:8px;
  white-space:nowrap;
}
.hcr-badge-current{
  background:#0b5fff;
  color:#fff;
}
.hcr-badge-alcohol{
  background:#b54708;
  color:#fff;
}

/* Note */
.hcr-note{margin:0;}


/* Harmony Swab Cards (HCR) */
.hcr-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

@media (min-width: 900px){
  .hcr-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
}

.hcr-card{
  display:block;
  border:1px solid #e6e6e6;
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background:#fff;
}

.hcr-card img{
  width:100%;
  height:160px;
  object-fit:cover;
  display:block;
}

.hcr-card-body{padding:10px 12px;}
.hcr-card-top{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:space-between;
}
.hcr-card-title{font-weight:700;}
.hcr-card-meta{font-size:13px; opacity:.85;}
.hcr-card-use{font-size:13px; opacity:.95;}

.hcr-card.is-current{
  border-color:#0b5fff;
  box-shadow:0 0 0 2px #0b5fff inset;
}

.hcr-card.is-alcohol{
  background:#fff7f0;
  border-color:#f0c9aa;
}

.hcr-pill{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  padding:4px 8px;
  border-radius:999px;
  white-space:nowrap;
}
.hcr-pill-current{background:#0b5fff; color:#fff;}
.hcr-pill-alcohol{background:#b54708; color:#fff;}

.hcr-note{margin:0;}

/* AllSwabs.com — Harmony comparison tables (external stylesheet)
   Scope: use with .hcr-swatch + .hcr-compare markup from your table blocks
   Notes:
   - Add .is-current on the row for the product being viewed (optional).
   - Alcohol row: add .is-alcohol (already in your markup).
   - Kit row: add .is-kit (already in your markup).
*/

/* ---------- Tokens ---------- */
:root{
  --hcr-bg: #ffffff;
  --hcr-panel: #ffffff;
  --hcr-text: #1d2430;
  --hcr-muted: #5b6678;
  --hcr-border: rgba(16, 24, 40, .12);
  --hcr-border-strong: rgba(16, 24, 40, .18);
  --hcr-shadow: 0 10px 28px rgba(16,24,40,.10);
  --hcr-radius: 14px;
  --hcr-radius-sm: 10px;

  /* Accent (brand-safe neutral + Harmony blue) */
  --hcr-accent: #003399; /* Harmony blue */
  --hcr-accent-soft: rgba(0,51,153,.10);
  --hcr-accent-ink: #0b2a7a;

  /* Special */
  --hcr-alcohol: #0b6b53;
  --hcr-alcohol-soft: rgba(11,107,83,.10);
  --hcr-kit: #6b4f00;
  --hcr-kit-soft: rgba(107,79,0,.10);

  --hcr-focus: rgba(0,51,153,.22);
}

/* ---------- Wrapper ---------- */
.hcr-swatch{
  background: var(--hcr-panel);
  border: 1px solid var(--hcr-border);
  border-radius: var(--hcr-radius);
  box-shadow: var(--hcr-shadow);
  overflow: hidden;
  margin: 14px 0 18px;
}

/* ---------- Table base ---------- */
.hcr-compare{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--hcr-text);
  font-size: 15px;
  line-height: 1.35;
}

.hcr-compare thead th{
  background: linear-gradient(180deg, rgba(16,24,40,.03), rgba(16,24,40,.01));
  color: var(--hcr-muted);
  font-weight: 700;
  letter-spacing: .2px;
  text-transform: none;
  border-bottom: 1px solid var(--hcr-border);
  padding: 12px 12px;
  vertical-align: bottom;
}

.hcr-compare tbody td{
  border-bottom: 1px solid var(--hcr-border);
  padding: 12px 12px;
  vertical-align: top;
  background: var(--hcr-bg);
}

.hcr-compare tbody tr:last-child td{
  border-bottom: 0;
}

/* ---------- Links + text hierarchy ---------- */
.hcr-compare a{
  color: var(--hcr-accent-ink);
  text-decoration: none;
  font-weight: 650;
}

.hcr-compare a:hover,
.hcr-compare a:focus{
  text-decoration: underline;
}

.hcr-compare small{
  color: var(--hcr-muted);
  font-weight: 500;
}

/* ---------- Thumbnail cell ---------- */
.hcr-thumb{
  width: 84px;
}

.hcr-thumb img{
  display: block;
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: var(--hcr-radius-sm);
  border: 1px solid var(--hcr-border);
  background: #fff;
}

/* ---------- Row hover + focus ---------- */
.hcr-row{
  position: relative;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hcr-row:hover td{
  background: rgba(16,24,40,.015);
}

.hcr-row:focus-within td{
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--hcr-focus);
}

/* ---------- Current product highlight ---------- */
/* Add class "is-current" to the <tr> for the SKU being viewed */
.hcr-row.is-current td{
  background: linear-gradient(90deg, var(--hcr-accent-soft), rgba(255,255,255,0));
}

.hcr-row.is-current td:first-child{
  position: relative;
}

.hcr-row.is-current td:first-child::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--hcr-accent);
}

/* Optional: subtle emphasis for the SKU line */
.hcr-row.is-current strong{
  color: var(--hcr-accent-ink);
}

/* ---------- Alcohol row differentiation ---------- */
.hcr-row.is-alcohol td{
  background: linear-gradient(90deg, var(--hcr-alcohol-soft), rgba(255,255,255,0));
}

.hcr-row.is-alcohol td:first-child{
  position: relative;
}

.hcr-row.is-alcohol td:first-child::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--hcr-alcohol);
}

/* ---------- Kit row differentiation ---------- */
.hcr-row.is-kit td{
  background: linear-gradient(90deg, var(--hcr-kit-soft), rgba(255,255,255,0));
}

.hcr-row.is-kit td:first-child{
  position: relative;
}

.hcr-row.is-kit td:first-child::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--hcr-kit);
}

/* ---------- Badges ---------- */
.hcr-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 750;
  border-radius: 999px;
  border: 1px solid var(--hcr-border-strong);
  color: var(--hcr-text);
  background: rgba(16,24,40,.03);
  vertical-align: middle;
  white-space: nowrap;
}

.hcr-badge-alcohol{
  border-color: rgba(11,107,83,.28);
  background: rgba(11,107,83,.10);
  color: var(--hcr-alcohol);
}

/* ---------- Note paragraph ---------- */
.hcr-note{
  margin: 10px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--hcr-border);
  border-radius: var(--hcr-radius);
  background: rgba(16,24,40,.02);
  color: var(--hcr-text);
}

.hcr-note strong{
  font-weight: 800;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px){
  .hcr-compare{
    font-size: 14px;
  }
  .hcr-thumb{
    width: 72px;
  }
  .hcr-thumb img{
    width: 60px;
    height: 60px;
  }
}

/* Mobile: make the table horizontally scrollable */
@media (max-width: 680px){
  .hcr-swatch{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .hcr-compare{
    min-width: 760px; /* allows the 5-col table to remain readable */
  }
}


</style>
