.page_headers {
  margin:0 0 15px;
  font-weight:bold
}

nav.category_breadcrumbs { 
   display: none !important; 
}

/* main media tag for iPad vertical */
@media(max-width:1079px) {
  .page_headers {
    font-size: 26px
  }
}

/* main media tag for iPhone vertical */
@media(max-width:429px) {
  .page_headers {
    font-size: 20px
  }
}

/* Start CSS Grid for Related Items Section */

.relatedBlock .product-items.product-items-rel {
  display: grid;
  gap: 20px;
  width: 100% !important; /* Force 100% width at all breakpoints */
  margin: 0 auto;
  max-width: 100% !important; /* Ensure no max-width is applied from other CSS */
}

/* Grid template columns based on number of items */
.relatedBlock .product-items.product-items-1 {
  grid-template-columns: 1fr !important; /* Force single column */
  max-width: 400px;
  margin: 0 auto;
}

.relatedBlock .product-items.product-items-2 {
  grid-template-columns: repeat(2, 1fr) !important; /* Force 2 columns */
}

/* 
  Force maximum of 3 columns for all layouts with 3 or more products
  This will create 2 rows when there are 4-6 products
*/
.relatedBlock .product-items.product-items-3,
.relatedBlock .product-items.product-items-4,
.relatedBlock .product-items.product-items-5,
.relatedBlock .product-items.product-items-6 {
  grid-template-columns: repeat(3, 1fr) !important; /* Force 3 columns maximum */
}

/* Individual product item within related block */
.relatedBlock .product-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px;
  transition: all 0.3s ease;
  height: auto !important; /* Override the inline height */
  width: 100% !important; /* Override any inline or CSS width */
  max-width: 100% !important; /* Ensure no max-width is applied */
}

.relatedBlock .product-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Product image container */
.relatedBlock .product-item .img {
  text-align: center;
  margin-bottom: 15px;
}

.relatedBlock .product-item .img img {
  max-width: 100%;
  height: auto;
  max-height: 180px;
  object-fit: contain;
}

/* Product content area */
.relatedBlock .product-item .product-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.relatedBlock .product-item .name {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.3;
}

/* Action buttons at the bottom */
.relatedBlock .product-item .action {
  margin-top: auto;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.relatedBlock .product-item .action .btn {
  flex: 1;
  min-width: 100px;
  text-align: center;
}

/* Media queries for different screen sizes */
@media (max-width: 767px) {
  /* Force single column on mobile regardless of item count */
  .relatedBlock .product-items.product-items-rel {
    grid-template-columns: 1fr !important;
  }
  
  .relatedBlock .product-items.product-items-1 {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* Adjust for tablet: maximum 2 columns */
  .relatedBlock .product-items.product-items-3,
  .relatedBlock .product-items.product-items-4,
  .relatedBlock .product-items.product-items-5,
  .relatedBlock .product-items.product-items-6 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* End CSS Grid for Related Items Section */

.page-content {
  padding-top:0
}
.product-reviews {
  margin:0 0 15px
}
span.reviews {
  margin-right:15px
}
.reviews-stars {
  margin-right:10px
}
.short-description {
  margin:0 0 15px
}
.product-id {
}
.product-gtin {
  margin:0 0 15px
}
.availabilityInfo {
margin: 5px 0px 5px 0px;
}
.header>.page_heading {
  margin-bottom:25px
}
.sub-section {
}
.sub-section select {
  min-width:220px
}
h2.page_heading {
  font-size:24px
}
.breadcrumnb ol li>a {
  color:#000
}
label.gc-label {
  margin:0;
  line-height:36px
}
.prev-prod,
.next-prod {
  margin:0 0 15px
}
.prev-prod a,
.next-prod a {
  width:80px;
  display:block;
  text-align:center;
  background-color:#ececec;
  border:2px solid #ddd;
  position:relative
}
.prev-prod a span,
.next-prod a span {
  line-height:30px;
  padding:0 5px;
  text-transform:uppercase;
  color:#000;
  font-size:12px
}
.prev-next a:hover>span {
  opacity:.7
}
.prev-next a:hover .prevnext-widget {
  display:block
}
.pricingBlock {
  margin:0 0 15px;
  line-height:1
}
.pricingBlock span {
  padding-left:5px
}
.pricingBlock .yourprice,
.pricingBlock .saleprice {
  font-size:1.4em;
  font-weight:bold;
  margin: 20px 0px 30px 0px;
}
.pricingBlock .retailprice {
  text-decoration:line-through;
  margin:10px 0
}
.availability-header {
  font-weight:bold
}
.multipleship-inner .send-to {
  margin-right:20px
}
.multipleShipToBlock .add-name,
.multipleShipToBlock .note {
  display:none
}
.main-image>a img {
  display:block;
  margin-left:auto;
  margin-right:auto
}
.addl-images {
  margin:10px 0 40px 0;
  opacity:0;
  height:50px
}
.addl-images.addl-images-ready {
  opacity:1;
  height:auto
}
.addl-images .flexslider {
  padding:0 30px
}
.addl-images .flex-direction-nav .flex-prev,
.addl-images .flex-direction-nav .flex-next {
  opacity:1;
  width:auto;
  height:20px;
  top:0;
  bottom:0;
  margin:auto
}
.addl-images .flex-direction-nav .flex-prev {
  left:0 !important
}
.addl-images .flex-direction-nav .flex-next {
  right:0 !important
}
.addl-images .flex-direction-nav a:before {
  font-size:20px;
  line-height:20px
}
.addl-images .flex-direction-nav a:hover {
  opacity:.7 !important
}
.addl-images ul.slides li {
  padding:0 10px
}
.addl-images ul.slides li a {
  display:block;
  width:100%;
  padding-top:100%;
  position:relative;
  background-color:#ececec
}
.addl-images ul.slides li a:hover {
  opacity:.8
}
.addl-images ul.slides li a img {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  box-shadow:none
}
#realmediaBlock {
  display:none
}
a#showRealMedia i {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  margin:auto;
  color:#000;
  font-size:32px
}
.embedtool {
  position:relative;
  height:0;
  padding-top:56%;
  overflow:hidden;
  max-width:100%
}
.embedtool iframe,
.embedtool object,
.embedtool embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.imagecaptiont {
  margin:10px 0 0;
  font-size:12px;
  padding:10px 0;
  text-align:center
}
.special-action {
  display:inline-block;
  margin:0 10px
}
.special-action .btn-link {
  padding:0;
  color:#000;
  font-weight:bold
}
.qaLink {
  margin:0 0 15px
}
.qaLink>a>i {
  color:#333
}
.qaLink>a>i {
  vertical-align:middle
}
.instorePickupDIV {
  margin:10px 0 10px 0
}
.instorePickupSPAN {
  color:#037a1d;
  font-weight:bold
}
/* ── Product Tabs ─────────────────────────────────────────────────────
   Pre-JS styling targets .rTabs (template class) before the
   responsiveTabs plugin adds .r-tabs.  Child combinators (>) avoid
   matching plugin-injected elements.
   ──────────────────────────────────────────────────────────────────── */
.rTabs {
  margin:35px 0;
  position:relative
}
.rTabs > ul {
  margin:0;
  padding:0;
  border-bottom:1px solid #ececec
}
.rTabs > ul > li {
  display:inline-block;
  list-style:none;
  position:relative;
  top:1px
}
.rTabs > ul > li > a {
  background:#000;
  margin-bottom:1px;
  padding:10px 15px;
  display:inline-block;
  text-decoration:none;
  color:#fff;
  font-weight:bold
}
.rTabs > ul > li:first-child {
  background-color:#fff;
  margin-bottom:-1px;
  border-right:1px solid #ececec;
  border-left:1px solid #ececec
}
.rTabs > ul > li:first-child > a {
  color:#000;
  background-color:#fff;
  border-top:1px solid #ececec
}
@media(max-width:1023px) {
  .rTabs > ul {
    display:none
  }
}
@media(max-width:767px) {
  .rTabs {
    margin:20px 0 35px 0
  }
}

/* Post-JS tab styling (responsiveTabs plugin active)
   Note: base display/hide rules come from responsive-tabs.css
   and are not duplicated here. */
.r-tabs {
  position:relative
}
.r-tabs .r-tabs-nav {
  border-bottom:1px solid #ececec
}
.r-tabs .r-tabs-nav .r-tabs-tab {
  position:relative;
  top:1px
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
  background:#000;
  margin-bottom:1px;
  padding:10px 15px;
  display:inline-block;
  text-decoration:none;
  color:#fff;
  font-weight:bold
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
  background-color:#fff;
  margin-bottom:-1px;
  border-top:none;
  border-right:1px solid #ececec;
  border-left:1px solid #ececec
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity:.5
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  color:#000;
  background-color:#fff;
  border-top:1px solid #ececec
}
.r-tabs .r-tabs-panel {
  background:#fff;
  padding:25px 25px 25px 35px;
  border-right:1px solid #ececec;
  border-bottom:1px solid #ececec;
  border-left:1px solid #ececec;
  margin-bottom:3px;
  min-height:200px
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display:block;
  padding:10px;
  background-color:#000;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:3px
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity:.5
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background-color:#fff;
  color:#000;
  border-top:1px solid #ececec;
  border-right:1px solid #ececec;
  border-left:1px solid #ececec;
  margin-bottom:0
}
@media(max-width:1023px) {
  .r-tabs .r-tabs-nav {
    display:none
  }
  .r-tabs .r-tabs-accordion-title {
    display:block
  }
}
.mb--messagebar {
  position:fixed;
  top:-100px;
  left:0;
  right:0;
  opacity:0;
  transition:all .2s ease-in-out;
  background:#3498db;
  font-size:2em;
  line-height:2em;
  color:#fff;
  text-align:center;
  z-index:9999
}
.mb--messagebar.mb--messagebar--show {
  opacity:1;
  top:0
}
.mb--messagebar.mb--messagebar--hide {
  opacity:0;
  top:-100px
}
.mb--messagebar.mb--messagebar--danger {
  background:#d9534f
}
.mb--messagebar.mb--messagebar--success {
  background:#2ecc71
}
.mb--messagebar.mb--messagebar--warning {
  background:#f39c12
}
.modal-error {
  position:relative;
  padding-right:40px
}
.modal-error ul {
  padding-left:25px;
  margin-bottom:0
}
.modal-heading {
  margin:10px 0 25px;
  font-size:20px
}
.close-error {
  cursor:pointer;
  position:absolute;
  top:15px;
  right:15px
}
.rating {
  overflow:hidden;
  display:inline-block;
  font-size:0;
  position:relative
}
.rating-input {
  float:right;
  width:16px;
  height:16px;
  padding:0;
  margin:0 0 0 -16px;
  opacity:0;
  display:none
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star,
.rating-input:checked~.rating-star {
  color:#ffd700
}
.rating-star,
.rating:hover .rating-star {
  color:#b8b8b8;
  font-size:24px;
  float:right;
  cursor:pointer
}
.rating-label {
  margin-bottom:0
}
.ajax-modal-content {
  position:relative
}
.ajax-modal-content .loading-overlay {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,.7);
  z-index:1000;
  display:none
}
.ajax-modal-content .modal-ajaxload {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:40px;
  height:40px;
  font-size:40px;
  line-height:40px
}
.modal-ajaxload.icon-spin2:before {
  margin:0
}
.modal-response {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  padding:10px;
  display:none
}
.modal-resout {
  display:table;
  width:100%;
  height:100%;
  text-align:center
}
.modal-resin {
  display:table-cell;
  vertical-align:middle
}
.answerBlock {
  margin:15px 0 0
}
p.answerBlock-q {
  margin:0 0 15px
}
.question-modal .answer-item {
  display:none !important
}
.answer-modal .question-item {
  display:none !important
}
#qalist-modal iframe,
#reviewlist-modal iframe {
  border:none;
  margin:0;
  width:100%;
  height:480px
}
@media(max-width:767px) {
  #qalist-modal iframe,
  #reviewlist-modal iframe {
    height:320px
  }
}
#qalist-modal .modal-dialog,
#reviewlist-modal .modal-dialog {
  width:800px;
  max-width:100%
}
.qa_link {
  float:right;
  clear:both
}
.review_link {
  clear:both;
  margin:0 0 20px
}
.reviews_sorting>label {
  display:block
}
.reviewsBlock {
  margin:30px 0 0
}
.qa_list {
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px dashed #ececec
}
.qa_list h4 {
  margin:0 0 5px;
  font-size:1em;
  line-height:1.5em
}
.qa_list h4 strong {
  font-size:1.6em
}
.q-author {
  font-size:.85em;
  margin:0 0 20px;
  line-height:1.5em
}
.qa_answers {
  padding-left:30px;
  margin:0 0 20px
}
.qa_answer {
  font-size:1em;
  line-height:1.5em;
  margin:0 0 5px
}
.qa_answer strong {
  font-size:1.6em
}
.qa_allowratings {
  font-size:.85em;
  line-height:1.5em;
  margin:0 0 5px
}
.ans-author {
  font-size:.85em;
  line-height:1.5em
}
.btn.btnYes,
.btn.btnNo {
  padding:3px 6px;
  line-height:1
}
.star-rating {
  float:left;
  width:100px
}
.user_reviews {
  margin-bottom:20px
}
.user_reviews:last-child {
  margin-bottom:0
}
.review-info {
  float:left;
  width:85%;
  margin-bottom:10px
}
.review-shortDesc {
  font-weight:bold;
  margin-bottom:10px
}
.review-longDesc {
  margin-bottom:10px
}
.rev_allowratings {
  font-size:.85em;
  line-height:1.5em;
  margin:10px 0 5px
}
.reviewed-by {
  margin-top:5px;
  display:block
}
.qa_allowratings {
  font-size:.85em;
  line-height:1.5em;
  margin:0 0 5px
}
.reviewed-by {
  font-size:.85em;
  line-height:1.5em
}
.offerField input.offer_amount {
  max-width:70px
}
.makeanoffer-product-details {
  margin:0 0 20px
}
.makeanoffer .product-item .price {
  height:auto
}
.waitinglist.sub-section {
  margin:20px 0 0
}
.productFeaturesBlock ul {
  padding:0;
  margin:0;
  list-style:none
}
.productFeaturesBlock ul li {
  margin:0 0 15px
}
.extrafieldsBlock {
}
.extra_field {
  display: none;
}

@media only screen and (max-width:767px) {
  .breadcrumnb {
    display:none
  }
  .modal-open .modal {
    padding:30px 0
  }
  .btn.btn-addcart {
    padding:8px 12px
  }
}
@media only screen and (max-width:567px) {
  .btn.btn-addcart i {
    display:none
  }
}
.likebutton {
  margin:25px 0 0
}
.product-dd {
  margin:0 0 20px;
  border:2px dashed #9f2424
}
.product-dd-left {
  background-color:#9f2424;
  font-weight:600;
  text-transform:uppercase;
  color:#fff;
  font-size:16px
}
.product-dd-left-inner {
  height:60px;
  display:table-cell;
  vertical-align:middle
}
.product-dd-right {
  background-color:#ececec;
  color:#000;
  padding:0 20px
}
.product-dd-right-inner {
  display:table;
  width:100%
}
.widgetCountdown {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:60px
}
.countdown-text {
  font-size:16px;
  font-weight:bold;
  color:#9f2424
}
.dd-timer {
  text-align:center
}
.dd-countdown .timer {
  list-style:none;
  display:inline-block;
  font-size:13px;
  font-weight:bold;
  padding-left:10px
}
@media(max-width:991px) {
  .product-dd {
    margin-top:20px
  }
}
@media(max-width:767px) {
  .product-dd-left {
    display:table;
    width:100%;
    text-align:center
  }
}
.product-gd {
  margin:0 0 20px;
  border:2px dashed #9f2424
}
.product-gd-timer {
  display:table;
  width:100%;
  background-color:#ececec;
  color:#333;
  padding:0 20px
}
.product-gd .timer {
  list-style:none;
  display:inline-block;
  font-size:13px;
  font-weight:bold;
  padding-left:10px
}
.gd-details-item {
  padding:10px;
  text-align:center
}
.gd-details-item span {
  display:block;
  font-weight:bold
}
@media(max-width:767px) {
  .browsing_historyBlock .header h3 {
    margin:0 0 25px;
    float:none !important
  }
  .history-disable-btn {
    float:none !important
  }
}
@media(max-width:767px) {
  .addsample-btn {
    margin-top:10px
  }
}
.googlepay {
  width:239px !important;
  margin-left:auto;
  margin-right:auto
}
#apple-pay-button {
  width:239px !important;
  margin-left:auto;
  margin-right:auto
}
.stripe_applepay {
  margin-top:10px
}
#get_quote-modal .modal-content {
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
  max-width:800px
}
#get_quote-modal .modal-body {
  padding:0
}
iframe#get_quote-iframe {
  width:100%;
  border:none;
  display:block;
  min-height:700px
}
#get_quote-modal .modal-content>.close {
  z-index:10;
  position:absolute;
  top:0;
  right:15px;
  line-height:1;
  font-size:36px
}
@media(max-width:767px) {
  #get_quote-modal .modal-content {
    max-width:95%
  }
}
@media(min-width:992px) {
  .product-items.product-items-3 .product-item:nth-child(-n+3) {
    margin-bottom:0
  }
}
.samplerequest {
  margin:15px 0
}
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-secondary-ratings-bars {
  position:absolute !important;
  width:100% !important;
  z-index:1 !important
}
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-secondary-ratings-bars .bv-content-secondary-ratings-bar {
  -webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.5),inset -1px 0 0 rgba(0,0,0,.25) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.5),inset -1px 0 0 rgba(0,0,0,.25) !important;
  width:20% !important;
  float:left !important;
  height:8px !important
}
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-secondary-ratings-bars .bv-content-secondary-ratings-bar:first-child {
  -webkit-border-radius:2px 0 0 2px !important;
  border-radius:2px 0 0 2px !important
}
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-secondary-ratings-bars .bv-content-secondary-ratings-bar:last-child {
  -webkit-border-radius:0 2px 2px 0 !important;
  border-radius:0 2px 2px 0 !important
}
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-item .bv-content-secondary-ratings-value,
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-item:hover .bv-content-secondary-ratings-value {
  display:block !important;
  height:8px !important;
  -webkit-border-radius:2px !important;
  border-radius:2px !important
}
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-item .bv-content-secondary-ratings-value,
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-item:hover .bv-content-secondary-ratings-value,
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-item .bv-content-secondary-ratings-container,
.bv-cv2-cleanslate .bv-core-container-171 .bv-content-item:hover .bv-content-secondary-ratings-container {
  height:20px !important
}
#filteredSearchResults {
  display:none;
  min-height:25px;
  margin:15px 0 0 0
}
#filteredSearchResults span.btn>span {
  margin-left:5px
}
.bv-content-secondary-ratings-value {
  display:block !important;
  height:8px !important;
  -webkit-border-radius:2px !important;
  border-radius:2px !important;
  background-color:#d40202 !important;
  height:10px !important;
  margin-top:7px !important
}
.bv-content-secondary-ratings-container {
  display:block !important;
  box-shadow:inset 0 0 2px rgba(0,0,0,.25) !important;
  border-radius:2px !important;
  position:relative !important;
  overflow-x:clip
}
.reviews-snapshot-header {
  margin:0 0 20px
}
.reviews-snapshot-header-right {
  margin:0 0 8px
}
.reviews-snapshot-header h4 {
  margin:0 0 5px;
  line-height:1;
  font-weight:bold
}
.reviews-snapshot-header p {
  margin:0;
  line-height:1
}
div#divLoadMore {
  margin:30px 0 0
}
.review-load-spinner {
  margin:0 0 10px;
  font-size:24px;
  display:none
}
@media(max-width:991px) {
  .average-customer-rating-sm {
    margin-top:30px
  }
  .rating-filter-label {
    padding:0
  }
}
.showZipInput {
  max-width:320px
}
#ShipPreviewRates {
  margin:10px 0
}
div#tfe {
  font-weight:bold
}
.prevnext-widget {
  position:absolute;
  width:280px;
  left:-1px;
  top:31px;
  z-index:1000;
  background-color:#fafafa;
  border:1px solid #ddd;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  border-radius:2px;
  display:none
}
.prevnext-widget-col {
  display:flex;
  padding:10px
}
.prevnext-widget-img {
  flex-basis:50px;
  flex-grow:0;
  flex-shrink:0
}
.prevnext-widget-text {
  font-size:13px;
  text-align:left;
  padding-left:15px;
  padding-top:5px;
  line-height:1.5;
  color:#222
}
.next-prod a .prevnext-widget {
  left:auto;
  right:-1px
}
.next-prod a .prevnext-widget .prevnext-widget-img {
  order:2
}
.next-prod a .prevnext-widget .prevnext-widget-text {
  padding-left:0;
  padding-right:15px;
  text-align:right
}
.popover-content {
  max-height:250px;
  overflow-y:auto;
  overflow-x:hidden
}
.mz-expand-bg {
  display:none !important
}
.mz-expand {
  background:rgba(0,0,0,.9) !important
}