<style>

/* 1. Visible focus (WCAG 2.4.7 / 1.4.11) */
.header__bottom-nav .navPages-action:focus-visible,
.header__bottom-nav .navUser-action:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:2px}
#navPages-viewAll a:focus-visible{outline:2px solid #004f9e;outline-offset:-2px}

/* 2. Active rail item: tint + edge, not color alone */
#navPages-viewAll > .navPage-subMenu-list > li > a[aria-expanded="true"]{
  background:#e8f0fa;box-shadow:inset 3px 0 0 #004f9e;}

/* 3. Subcategory hierarchy: regular weight, read down columns */
#navPages-viewAll > .navPage-subMenu .navPage-subMenu-action{font-weight:400}
#navPages-viewAll > .navPage-subMenu .navPage-subMenu-action:hover{text-decoration:underline}
#navPages-viewAll > .navPage-subMenu > .navPage-subMenu-list{
  display:block;column-count:3;column-gap:24px;}
#navPages-viewAll > .navPage-subMenu > .navPage-subMenu-list > li{break-inside:avoid}
/* "All X" link styled as a "Shop all" heading link */
#navPages-viewAll > .navPage-subMenu > .navPage-subMenu-list > li:first-child > a{font-weight:700;color:#004f9e}

/* 4. Current page */
.header__bottom-nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 #fff}

/* 5. Panel never taller than the viewport */
@media (min-width:801px){#navPages-viewAll.is-open{max-height:calc(100vh - 240px);overflow-y:auto}}

/* 6. Mobile tap targets */
@media (max-width:800px){#menu .navPages-action{min-height:44px;display:flex;align-items:center}}

/* 7. Remove the closed mini-cart from Tab order (id verified on live site) */
#cart-preview-dropdown[aria-hidden="true"]{visibility:hidden}
	/* 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 */
	}

</style>
