/**
* Changes made by Diego.
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

.product-item .name a {
    font-family: 'Oswald';
}

.product-item .name {
/* font-weight:700;*/
    font-size: 20px;
    margin-top: 10px;
    height: auto;
}

section.navbar-wrapper, section.navbar-wrapper .navbar.navbar-inverse{
    background: #2060a0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fdfdfd;
}

#home > section.homepage-slider > div > div > ul.slides {
    display: flex;
    /* flex-direction: column; */
}

#home > section.homepage-slider > div > div > ul.slides > li {
   align-self: center;
}

.adl_notice{
    font-size: 14px;
}

.adl_notice-large, .adl_warning {
    font-family: 'kanit';
    display: block;
    width: fit-content;
    padding: 0.3rem 1rem;
}

/*.adl_warning {
    font-size:20px;
    color: #ffffff !important;
    background: #ff0000 !important;
    border:1px solid #ff0000;
}*/

/* .adl_parts_message {
     background:#ff8800;
     padding: 2rem 1.5rem;
     width:fit-content;
     margin: 1rem auto;
} */

.flex-quick-links{
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     flex-wrap:wrap;
}

.browse-all-models, .adl_parts_message {
    margin: 1rem .5rem;
    padding: 2rem;
    font-size: 2rem;
    border: 1px solid #2060a0;
    display: block;
    text-align: center;
    font-family: 'Kanit';
}

/*
* Must be a div.browse-all-models > a
*/
.browse-all-models a, .adl_parts_message a {
    color: #2060a0;
    font-family: 'Oswald';
}

@media (max-width: 991px){
    .head-mobile-nav > a.header-menu {
        margin: 1rem 1rem;
    }
}

.flex-caption {
  width: 96%;
  padding: 2%;
  left: 0;
  bottom: 10;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 14px;
  line-height: 18px;
}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
 opacity: 1;
}

.flex-direction-nav .flex-next{
right: 20px
}

.flex-direction-nav .flex-prev {
left: 20px;
}

#browse-by-categories > div > div > div > figure > a > img {
    border-radius:10px;
}

section .section-title{
font-size: 60px;
background: rgba(255,119,58,1);
padding: 1rem .5rem;
border: 1px solid red;
box-shadow: 3px 3px 10px black;
color: white;
border-radius: 7px;
}

#browse-by-categories, #homepage-browse-bybrand, #vtour-section, #vtour-wrapper{
margin-top:3rem;
}

#homepage-browse-bybrand .row .col-md-3 {
    min-height:5rem;
    height: 250px;
    padding: 1rem;
    display: flex;
    align-items: center;
    align-content: center;
    border: 1px solid black;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

@media screen and(min-width:991px){
#homepage-browse-bybrand .row .col-md-3{
height: 350px;
}
}

/* related items block */
#add > div.relatedBlock.sub-section .product-item {
    /* background: teal; */
    display:flex;
    flex-direction: column;
    justify-items: center;
    justify-content: space-around;
    padding: 2rem;
}

/* This is the regular listing in the category page */
.product-items .product-item{
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: end;
    padding: 2rem;
    padding-top: 4rem;
}

#homepage-browse-bybrand .col-md-3:hover figure {
    transform: scale(1.07);
    transition: transform 1s;
}

#homepage-browse-bybrand .col-md-3:hover {
    background: #ffc797;
    transition: background .45s;
}

#modTopSellers > h4.widget-header {
    font-size: 24px;
    padding: 0.5rem;
    background: #2a5da0;
    text-align: center;
    color: #f9f9f9
}
.zeroprice-button {
padding: 0.75rem 1rem;
background: black;
text-align: center;
font-weight: 650;
transition: font-style .3s ease-out;
}

.zeroprice-button a {
     color: white;
     text-decoration: none;
}

.zeroprice-button:hover, .zeroprice-button:active {
     font-style: italic;
}

.mobile-menu-close a {
font-size: 35px;
}

.freeshipping.availability-item, .product_availability.availability-item {
color: white;
display:block;
text-align: center;
padding: .3rem 1rem;
background: #338f05;
border: 2.5px solid #007200;
font-weight: 600;

}

.freeshipping.availability-item, .product_availability.availability-item, .d-out-of-stock, .backorder-special-order, .instorePickupSPAN, .adl_notice-large {

box-shadow: 0 3px 6px rgba(0,0,0,0.2);
border-radius:5px;

}

/*.freeshipping.availability-item{
background: #339900 !important;
border: 1px solid #339900 !important;
}*/

.instorePickupSPAN {
    display: block;
    text-align: center;
    padding: 0.3rem 1rem;
    width: fit-content;
    font-weight: normal;

}

.d-out-of-stock, .backorder-special-order, .instorePickupSPAN, .adl_warning{
background: #f75e5e !important;
border: 2.5px solid #c72c2c !important;
}

.d-out-of-stock, .backorder-special-order, .instorePickupSPAN, .freeshipping.availability-item, .adl_warning, .product_availability.availability-item{

color: white;
font-size: 16px !important;
font-weight: 600;
}

.dropdown-menu > li > a {
     font-size: 16px;
}

#browse-by-categories .col-md-4 {
   margin: 1.75rem 0;
   transition-property: transform;
   transition-duration: 0.25s;
}

#browse-by-categories .col-md-4:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 3px rgb(255, 119, 58);
}

	.jumbotron-content {
		padding: 3rem;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.d-button {
		margin-top: 2rem;
		padding: 1rem 1.5rem;
		height: 50px;
		background: #1d3460;
		color: white;
		font-weight: 600;
		font-size: 20px;
		text-decoration: none;
		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0.25, 1.29, 1, 1);
	}
	
	.d-button:hover {
		background: #f95353;
		text-decoration: none;
		transform: scale(1.035);
	}
	
	.col-md-6 iframe {
		max-width: 100%;
		height: 350px;
	}
	
	.d-flex-videos .col-md-6,
	.d-flex-videos .col-md-4 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.d-jumbotron {
                padding: 3rem 5rem;
                margin: 2rem 0;
		color: #fff;
		background-position: bottom;
		background-repeat: no-repeat;
		background-attachment: fixed;
                background-size: cover;
	}
	
	.d-jumbotron-wright{
	    background-image: linear-gradient(28deg, red, #92929200), url(https://ari-9363.app.powersportsupport.com/client/files/view/9de22c81caf900b10038be9089b2ecc6);
	}
	
	.d-jumbotron-scag {
	    background-image: linear-gradient(28deg, #ca0101, #efff1fa1), url(https://ari-9363.app.powersportsupport.com/client/files/view/4150403c3fb51c6962ad3dbf890c5b6d);
	}

       div.qaLink{

        font-size: 18px;
/*        background: #40a6ce;*/
       }

       .qaLink {
              color: #40a6ce;
              margin: 0 0 15px;
              font-weight: 400;
        }

      .product-id {
          font-size: 18px;
          font-weight: 500;
       }

       .d-jumbotron-exmark {
	    background-image: linear-gradient(28deg, #ff000096, #0000ff26), url(https://www.alldadelawnmowers.com/assets/images/Exmark-Cover-Background.png);
	}

    #vtour-section #vtour-wrapper iframe{
        width: 100%;
       min-height: 400px;
    }

#table tr td:last-child, #table tr td:nth-last-child(2) {
    background: aliceblue !important;
}

@media (min-width: 992px) {
    .product-items.product-items-3 .product-item:nth-child(-n+3) {
        margin-bottom: 60px !important;
    }
}


#flex-gallery {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: baseline;
        box-shadow: 0rem 0rem 30px #fcb345;
        background: #f46b14;
        border-radius: 7px;
    }

    #flex-gallery figure {
        flex-basis: 30%;
        flex-grow: 1;
        flex-shrink: 1;
        margin: 3rem 1.75rem;
    }

    #flex-gallery figure figcaption {
        padding-top: 2rem;
        font-size: 18px;
        /* display: inline-block; */
        font-family: 'Monserrat', 'Open Sans', Arial, Helvetica, sans-serif;
        letter-spacing: 0.1rem;
    }

    #flex-gallery figure figcaption::after {
        content: '';
        display: block;
        height: 0.5rem;
        width: 5rem;
        background: black;
    }

    #flex-gallery-title {
        text-align: center;
        font-size: 10.5rem;
        color: #183660;
        font-style: italic;
        font-family: 'Monserrat', 'Open Sans', Arial, Helvetica, sans-serif;
        margin-top: 2rem;
    }

    #before-gallery-description {
        border: 3px solid #F26e30;
        padding: 1rem;
        font-size: 20px;
        font-family: 'Helvetica', 'Open Sans';
    }

#home > section.homepage-slider > div > div > ul.slides > li img {
 max-height: 750px;
 max-width: 1200px;
 margin: 1rem auto;
}

#map figure{
 display: flex;
 justify-content: center;
}

#visit-us{
font-size: 45px;
text-align: center;
margin-bottom: 2rem;
}

@media screen and (max-width: 760px) {
     #flex-gallery-title, #homepage-browse-bybrand h1 {
         font-size: 40px;
     }
}

.dropdown-menu > li > a {
    transition-property: all;
    transition-timing-function: ease-out;
    transition-duration: .2s;
}

.dropdown-menu > li > a:hover {
    padding-left: 5px;
    color: rgb(242, 106, 36);
    background: black;
}

li.dropdown ul {
    border: 2px solid black;
}

.search-form {
     width: 350px;
}

@media screen and (max-width: 760px){
   .page_headers.p-title{
      letter-spacing: 1px;
}
}

.r-tabs-nav {
   font-family: 'Kanit';
   font-size: 3rem;
}

.product-items.productList .product-item{
display: block;
}

.wright-parts-cta { 
/*     max-width: 500px;*/
     height: 200px;
     background: #f4cc28; 
     margin: 3rem auto; 
}
.wright-parts-cta-inner a, #wright-parts-cta-inner a:active, #wright-parts-cta-inner a:visited {  
    text-decoration: none;outline: none;

}

.wright-parts-cta-inner a {
   transition-property: color;
   transition-duration: .35s;
   animation-timing-function: easy-in-out;
     color: #2c2c2c;
}

.wright-parts-cta-inner a:hover{
     color:#2060a0;
}

.wright-parts-cta-inner {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

#policy-message-cart {
     width: 100%;
     text-align: left;
     color: #2060a0;
     margin: 1rem auto;
     padding: 1rem 2rem;
     border: 1px solid #ccc;
}

#policy-message-cart ul {
        display: flex;
        gap: 25px;
        justify-content: flex-start;
        flex-direction: row;
    }

    #policy-message-cart ul li {
        text-align: center;
        font-size: 20px;
/*        flex-basis: 15%;*/
        list-style: square;
    }

#policy-message-cart ul li a {
     color: black;
     text-decoration: underline;
     /*text-underline-offset: 5px;*/
}

@media screen and (max-width:991px){
    #policy-message-cart{
        text-align: center;
     }

     #policy-message-cart ul {
        justify-content: center;
        font-size:16px;
      }
}

#policy-message-cart #not-ship-to-hawai-alaska {
     color: red;
}

.page_headers {
    color: #000000;
}
.page_headers.p-title {
    font-weight: 600;
    font-family: Montserrat;
    font-size: 50px;
    color: #111111;
    line-height: 1.15;
}

video {
height: 600px;
width:800px;
}

@media (max-width: 760px){
   video {
      max-width:315px !important;
   }
}

.stock{

    width: 100%;
    background: aliceblue;
    text-align: center;
    font-size: 18px;
    font-family: 'Kanit';
}

/*.blue-notice {
     text-transform: uppercase;
    font-weight: 400;
    display: block;
    text-align: center;
    font-size: 18px;
    border: 1px solid #5aaff8;
    color: #000;
    padding: 0.35rem 0.5rem;
    background: rgb(217 236 247);
    font-family: 'Kanit', sans-serif;
}*/

/* These are used to display the colored labels on the product page. */

.fields-flex {
	display: flex;
       flex-direction: column;
	align-items: stretch;
	gap: 5px;
}

.instorePickupDIV, .extrafieldsBlock{
     margin: 0 !important;
}

#availabilityInfo{
    display: flex;
    justify-content: flex-start;
}


section.breadcrumnb nav.container {
    padding: 1.5rem;
    background: #e9e9e9;
    height: 45px;
}

.breadcrumnb ol {
     padding: 0 !important;
     background-color: transparent !important;
}

.breadcrumnb ol li {

     height: auto;
     font-size: 17px;

}

.breadcrumnb ol li a {
     color: #000;
     font-weight:600;
}

.breadcrumnb ol li:last-child {
     display: none;
}

@media screen and (max-width: 991px){

     .breadcrumnb ol li {
         height: auto;
         font-size: 13px;
         font-weight: 500;
     }

}

.pricingBlock .yourprice, .pricingBlock .saleprice{
    font-size: 1.4em;
    width: fit-content;
}

.extra_field{
     margin: 0 !important;
}

.availability-item.parts-button{
    background: none;
    border:1px solid olive;
    width: fit-content;
}

.parts-button a{
    color: #454545;
}

.carrierDisplay .option-shipper {
    gap: 1rem;
}

/*

Styling for the NLA No Longer Available dynamic button.

*/

.unavailable-btn {
    display: inline-block;
    padding: 12px 22px;
    background: #f71a1a;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    transition: background 0.25s ease, transform 0.15s ease;
}
.unavailable-btn:hover {
    background: #b71c1c;
    transform: translateY(-2px);
    color: #fff;
   font-style:none;
}
.unavailable-btn:active {
    transform: translateY(0);
}


/* New Section Styles */

/* -- Shared Section Styles -- */
    .adm-section {
      font-family: 'Barlow', sans-serif;
      padding: 64px 24px;
    }

    .adm-section-inner {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Section title */
    .adm-section-heading {
      text-align: center;
      margin-bottom: 48px;
    }

    .adm-section-heading h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2rem, 4vw, 2.8rem);
      font-weight: 700;
      color: #2060a0;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      display: inline-block;
      position: relative;
      padding-bottom: 14px;
    }

    .adm-section-heading h2::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 4px;
      background: #f26a24;
      border-radius: 2px;
    }

    .adm-section-heading h2 a {
      color: inherit;
      text-decoration: none;
    }

    /* -- Categories Grid -- */
    #browse-by-categories {
      background: #fff;
    }

    .categories-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .category-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      background: #f8f9fb;
      border: 1px solid #e4e8ef;
      border-radius: 10px;
      padding: 28px 20px 22px;
      text-decoration: none;
      color: inherit;
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    }

    .category-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 32px rgba(32, 96, 160, 0.13);
      border-color: #2060a0;
    }

    .category-card img {
      width: 100%;
      max-width: 160px;
      height: 130px;
      object-fit: contain;
      margin-bottom: 16px;
    }

    .category-card figcaption {
      font-family: 'Barlow', sans-serif;
      font-weight: 600;
      font-size: 0.95rem;
      color: #2060a0;
      line-height: 1.3;
    }

    /* -- Brands Grid -- */
    #homepage-browse-bybrand {
      background: #f4f5f7;
    }

    .brands-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }

    .brand-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      background: #fff;
      border: 1px solid #e4e8ef;
      border-radius: 10px;
      padding: 24px 16px 18px;
      text-decoration: none;
      color: inherit;
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    }

    .brand-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 28px rgba(32, 96, 160, 0.12);
      border-color: #f26a24;
    }

    .brand-card img {
      width: 100%;
      max-width: 160px;
      height: 70px;
      object-fit: contain;
      margin-bottom: 12px;
    }

    .brand-card figcaption {
      font-size: 0.82rem;
      font-weight: 500;
      color: #555;
      line-height: 1.3;
    }

    /* -- Responsive -- */
    @media (max-width: 900px) {
      .brands-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 768px) {
      .categories-grid {
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .brands-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .adm-section {
        padding: 48px 16px;
      }
    }

    @media (max-width: 420px) {
      .brands-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }
    }

/* END NEW SECTION STYLES*/

/* Bootstrap override for Add to Cart */

button#Add.btn-addcart {
/*    background: linear-gradient(90deg, #f26a24, #2060a0);*/
    background: #f37a1f;
    color: #fff !important;
    border: none !important;
    padding: 12px 28px !important;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;

    /* Smooth edges & glow */
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: 
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background-position 0.3s ease;
    
    background-size: 200%; /* needed for animated gradient */
    background-position: left;
}

/* Hover State */
button#Add.btn-addcart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.22);
    background-position: right; /* animated gradient shift */
}

/* Active / pressed state */
button#Add.btn-addcart:active {
    transform: translateY(0px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* SEE MORE button styling */
/* SEE MORE outline gradient button */

.product-items .product-item .action .btn {
    background: #ffffff;
    color: #111 !important;
    padding: 12px 32px !important;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1.35rem;

    border: 2px solid transparent;
    background-image: 
        linear-gradient(#ffffff, #ffffff),
        linear-gradient(90deg, #f26a24, #2060a0);

    background-origin: border-box;
    background-clip: padding-box, border-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    transition: 
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background 0.25s ease,
        color 0.25s ease;
}

/* anchor text fix */
.product-items .product-item .action .btn a {
    color: inherit !important;
    text-decoration: none !important;
}

/* hover state */
.product-items .product-item .action .btn:hover {

    background: linear-gradient(90deg, #f26a24, #2060a0);
    color: #fff !important;

    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(0,0,0,0.2);
}

/* active press */
.product-items .product-item .action .btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* END SEE MORE BUTTON */

/* --- GEMINI - COMPREHENSIVE BRAND SECTION OVERRIDE --- */

/* 1. Kill the Clearfix pseudo-elements that create blank grid cells */
section.subcategories_block nav.subcategories ul.columns-3:before,
section.subcategories_block nav.subcategories ul.columns-3:after {
    display: none !important;
    content: none !important;
}

/* 1. Container Reset */
section.subcategories_block nav.subcategories {
    padding: 40px 15px;
    max-width: 1200px;
    margin: 0 auto;
}

/* 2. Grid Setup - Overriding theme layout */
section.subcategories_block nav.subcategories ul.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

/* 3. The List Item (The Fix for the 33.3% conflict) */
section.subcategories_block nav.subcategories > ul.columns-3 > li {
    width: auto !important;   /* Force override of the theme's percentage */
    max-width: 100%;
    margin: 0 !important;      /* Removes any stray theme margins */
    float: none !important;    /* Disables theme floats if present */
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
}

/* Card Hover State */
section.subcategories_block nav.subcategories > ul.columns-3 > li:hover {
    border-color: #f26a24; /* Your Orange */
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
    z-index: 10;
}

/* 4. Image/Logo Area */
section.subcategories_block nav.subcategories .category-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px; 
    padding: 25px;
    background: #fff;
}

section.subcategories_block nav.subcategories .category-img img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* 5. Brand Name Bar */
section.subcategories_block nav.subcategories .name {
    display: block;
    text-align: center;
    padding: 15px 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #333;
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
    margin-top: auto; /* Keeps bar at bottom of card */
    transition: all 0.3s ease;
}

/* Blue Highlight on Hover */
section.subcategories_block nav.subcategories li:hover .name {
    background-color: #2060a0; /* Your Blue */
    color: #ffffff;
}

/* 6. Responsive Breakpoints */
@media (max-width: 992px) {
    section.subcategories_block nav.subcategories ul.columns-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 500px) {
    section.subcategories_block nav.subcategories ul.columns-3 {
        grid-template-columns: 1fr;
    }
    section.subcategories_block nav.subcategories .category-img {
        height: 150px;
    }
}

/* END BRAND STYLES */

/** New Styles 3/6/26 **/

.adl_notice-large {
    display: block;
    padding: 14px 18px;
    margin: 12px 0;

    font-size: 16px;
    font-weight: 400;

    color: #5a2a00;
    background: #ffd581;

    border: 2.5px solid #ffd581;

    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

/** New Styles 3/6/2026 **/

/* Header Styles 3/10/2026 */

/* Base title style — both h1s get this */
  .products-section .h2, .products-section h2 {
    text-align: center;
    border: none;
    border-top: 1px solid #e8e8e8;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 80px;
    line-height: 0.9;
    letter-spacing: 0.08em;
    color: #1a1a1a;
    padding: 50px 0 50px;
    margin: 0;
    position: relative;
    cursor: default;
    transition: color 0.25s ease;
  }

  /* Orange accent bar — always visible, centered under the text */
  .products-section .h2::after, .products-section h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #FF8800;
    margin: 18px auto 0;
    border-radius: 2px;
    transition: width 0.3s ease;
  }

  /* On hover: bar expands, title warms slightly */
  .products-section .h2:hover {
    color: #111;
  }
  .products-section .h2:hover::after {
    width: 120px;
  }

  /* header-specials: orange accent is a bit brighter on hover */
  .products-section .header-specials:hover::after {
    background: #FF8800;
    width: 120px;
  }

.product-item .on-sale-badge {
 font-family: 'Oswald';
padding: 1em 0.5em;
font-size: 16px;
font-weight: 600;

}

.imagecaptiont {
    margin: 0;
    font-size: 16px;
    padding: 9px 14px;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    font-style: italic;
}

/* 7/21/2026 */

.adl-part-box {
  font-size: 16px;
  display: inline-block;
  border: 2px solid #2060a0;
  border-radius: 8px;
  background: #fff;
  padding: 8px 14px;
  margin: 10px 0;
  line-height: 1.3;
}

.adl-part-box .product-id {
/*  font-size: 1rem; */
  color: #183660;
  margin: 0 0 0 0;
}

.adl-part-box .product-id strong {
  font-weight: 700;
  color: #183660;
  margin-right: 4px;
}

.adl-part-box #product_id {
  font-weight: 700;
  color: #183660;
  letter-spacing: 0.3px;
}

@media (max-width: 600px) {
  .adl-part-box {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 12px;
  }
  .adl-part-box .product-id {
    font-size: 1.5rem;
  }
}

/* End */

/* Parts Finder Widget 7/23/2026 */

.adl-parts-finder {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 18px 0;
  padding: 14px 16px;
  border: 1px solid #e3e6ea;
  border-left: 4px solid #f26a24;
  border-radius: 6px;
  background: linear-gradient(135deg, #fff9f5 0%, #ffffff 60%);
  font-family: inherit;
}

.adl-pf-icon {
  flex: 0 0 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f26a24;
  color: #fff;
}
.adl-pf-icon svg { width: 20px; height: 20px; }

.adl-pf-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.adl-pf-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #183660;
}

.adl-pf-text {
  font-size: 14px;
  line-height: 1.4;
  color: #4a5568;
}

.adl-pf-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 18px;
  border-radius: 4px;
  background: #f26a24;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.18s ease, transform 0.18s ease;
}
.adl-pf-cta svg { width: 15px; height: 15px; transition: transform 0.18s ease; }
.adl-pf-cta:hover { background: #d85a18; transform: translateY(-1px); }
.adl-pf-cta:hover svg { transform: translateX(3px); }

@media (max-width: 600px) {
  .adl-parts-finder { flex-wrap: wrap; gap: 10px; }
  .adl-pf-icon { flex-basis: 32px; height: 32px; }
  .adl-pf-icon svg { width: 16px; height: 16px; }
  .adl-pf-body { flex: 1 1 calc(100% - 46px); }
  .adl-pf-cta { flex: 1 1 100%; justify-content: center; }
}

/* End */

/* START ADL-OPTS*/
.adl-opts .opt-regular{ margin-bottom:20px; }

.adl-opts .opt-label{
  display:flex; align-items:center; gap:4px; margin-bottom:8px;
}
.adl-opts .opt-label .label{
  font-family:'Barlow Condensed',Arial,sans-serif;
  font-size:2.15rem; font-weight:600; text-transform:uppercase;
  letter-spacing:.04em; color:#183660; margin:0; line-height:1.1;
}
.adl-opts .opt-label .required{
  color:#f26a24; font-size:1.85rem; font-weight:700; line-height:1;
}

.adl-opts .dropdown-format{ position:relative; }
.adl-opts .dropdown-format > label{ display:block; margin:0; width:100%; }

.adl-opts select.form-control{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  width:100%; height:auto;
  padding:14px 48px 14px 16px;
  font-family:inherit; font-size:1.75rem; font-weight:500; line-height:1.3;
  color:#183660; background-color:#fff;
  border:2px solid #d8dee7; border-radius:6px; box-shadow:none;
  cursor:pointer; text-overflow:ellipsis;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.adl-opts select.form-control:hover{ border-color:#f26a24; }
.adl-opts select.form-control:focus{
  outline:none; border-color:#f26a24;
  box-shadow:0 0 0 3px rgba(242,106,36,.18);
}
.adl-opts select.form-control option{
  font-size:1.75rem; color:#183660; background:#fff;
}

.adl-opts .dropdown-format::after{
  content:""; position:absolute; right:18px; top:50%;
  width:10px; height:10px; margin-top:-8px;
  border-right:2px solid #f26a24; border-bottom:2px solid #f26a24;
  transform:rotate(45deg); pointer-events:none;
}
/* END ADL-OPTS*/

/* ---------------------------------------------------------
     ADL availability tooltip — scoped, prefixed, hardcoded
     values only (no: root vars, no global resets)
  --------------------------------------------------------- */
  .adl-availability-info {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    color: #2060a0;
    cursor: help;
    outline: none;
  }
 
  .adl-availability-icon {
    width: 18px;
    height: 18px;
    display: block;
  }
 
  .adl-availability-info:focus .adl-availability-icon,
  .adl-availability-info:hover .adl-availability-icon {
    color: #f26a24;
  }
 
  .adl-availability-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: 220px;
    background: #1f2933;
    color: #fff;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 400;
    padding: 10px 12px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease;
    z-index: 20;
  }
 
  .adl-availability-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1f2933;
  }
 
  /* Desktop: hover or keyboard focus reveals it */
  .adl-availability-info:hover .adl-availability-tooltip,
  .adl-availability-info:focus .adl-availability-tooltip,
  .adl-availability-info:focus-within .adl-availability-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
  }
 
  /* Mobile: JS toggles this class on tap */
  .adl-availability-info.adl-active .adl-availability-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
  }

/* Changes to make product image label larger. */

figcaption.mz-caption.mz-show {
font-size: 2rem !important;
}

@media (max-width: 768px) {
  figcaption.mz-caption.mz-show {
    font-size: 1.1rem !important; /* a tad smaller on mobile */
  }
}

/* Pioneer Pro Dark Card */

.dark-card{

background: #1f1f1f !important;

}

.dark-card figcaption {
color: #f0f0f0 !important;
}

/* End Pioneer Pro Dark Card */