html{scroll-behavior: smooth;}
    
span.brandProductCategory {white-space: nowrap;background-color:gray;color:white;border-radius:4px;padding:2px 4px;}     
.faqContainer ul{list-style-type: none;margin:0px;padding:0px;}
.faqContainer ul li {margin-bottom:12px;position:relative;}
.faqContainer ul li span {cursor:pointer;display:block;width:12px;height:12px;position:absolute;left:4px;top:9px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="gray" width="12" height="12" viewBox="0 0 24 24"><path d="M1 0h22l-9 14.094v9.906l-4-2v-3.906z"/></svg>')}
    
.gridProducts {width:100%;display: none;columns:2;}
.gridProductItem {

    text-align: left;
    display: none;
    flex-direction: row;
    width: 100%;
    margin-bottom: 16px;    
    break-inside: avoid-column;


}
.gridProductItem[active] {display:flex}
.gridProductItem-image {display:flex;flex:0 0 70px;width:70px;position:relative;}
.gridProductItem-image div {background-size: contain;background-repeat: no-repeat;background-position: center; width: 60px;height: 100%;}
.gridProductItem-image img {max-width:100%;}
.gridProductItem-text {
    flex: 1 1 auto;
    width: 100%;

    display: flex;
    flex-direction: column;    
    align-items: start;
    min-width: 0; /* Prevents overflow */
}
.gridProductItem-properties {

    display: flex;               /* Use flex layout */
    overflow: hidden;            /* Hide overflowing content */
    flex-wrap:wrap;         /* Prevent text from wrapping */
    max-height:1.2rem;
    max-width: 100%;            /* Adjust as needed */
    position: relative;          /* Needed for pseudo-element positioning */
    align-items:center;
    justify-content: left;
}

.gridProductItem-properties span {
    font-size: 0.7rem;
    color: gray;
    white-space: nowrap;         /* Prevent text wrapping inside spans */

    flex-shrink: 0;              /* Prevent spans from shrinking */
}

/* Fake ellipsis */
.gridProductItem-properties::after {
    content: '..';              /* Custom ellipsis */
    color: gray;                 /* Apply gray color */
    position: absolute;
    right: 0;                    /* Stick to the right */
    background: white;           /* Match the background color */
    padding-left: 3px;           /* Space between text and ellipsis */
    display: none;               /* Hide by default */
}

/* Display ellipsis when overflowing */
.gridProductItem-properties.overflow::after {
    display: inline;             /* Show the ellipsis when overflowing */
}
.gridProductItem-properties span {font-size:0.7rem;color:gray;    white-space: nowrap;}
.gridProductItem-properties span:not(:nth-child(1))::before {content: ' | ';}



.productDots {
    display: flex;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden; /* Hides overflowing content */
    min-width: 0;     /* Important for proper flex shrinking */
}

.productDots span:first-child {
    flex-shrink: 1;          /* Allows shrinking when needed */
    overflow: hidden;        /* Hides overflowed text */

    padding-right: 5px;
    min-width: 0;            /* Critical for proper text truncation */
}

.productDots span:nth-child(2) {
    flex-shrink: 1;
    flex-grow: 1;
    margin: 0 5px;
    height: 1em;
    min-width: 10px;

    /* Custom dotted line with sharp dots */
    background-image: repeating-linear-gradient(
        to right,
        black 0px,      /* Start of the dot */
        black 2px,      /* Dot thickness (1px) */
        transparent 1px,/* Sharp end of the dot */
        transparent 8px /* Space between dots (4px gap) */
    );
    background-position: bottom;  /* Align dots at the bottom */
    background-size: auto 2px;    /* Dot line height */
    background-repeat: repeat-x;  /* Repeat horizontally */
}


.productDots span:nth-child(3) {
    flex-shrink: 0;          /* Prevents shrinking */
    white-space: nowrap;     /* Prevents wrapping */
    padding-left: 5px;
}


.productsSubText {align-items: center;}
.productsSubTextFrom {font-weight:bold;color:#efefef;font-size:0.7rem;background-color:gray;padding:4px 6px;border-radius:5px;top:-1px;position:relative;}

    
    
div.productsStarDistribution {display:block;}
div.productsStarDistribution div.row {position:relative;height:30px;}
div.productsStarDistribution div.row>span.value {display:inline-block;width:110px;}
div.productsStarDistribution div.row items {display:inline-block;}
div.productsStarDistribution div.row>span.value>a {cursor:pointer;text-decoration:underline;}
div.productsStarDistribution div.row[active="true"]>span.value>a {font-weight:bold;color:white;padding:0px 3px;border-radius:3px;background-color:#265CFF;text-decoration:none}
div.productsStarDistribution div.row[available="false"] a{color:silver !important;text-decoration:none !important;}
div.productsStarDistribution div.row[available="false"] span{color:silver !important;text-decoration:none !important;}
div.productsStarDistribution div.row>span.line {display:inline-block;width:210px;position:relative}
div.productsStarDistribution div.row>span.line>span.back{position:relative;top:2px;display:inline-block;border-radius:4px;background-color:#D5D3D3;width:200px;height:12px;}
div.productsStarDistribution div.row>span.line>span.back>span.highlight {position:absolute;display:inline-block;border-radius:4px;height:12px;background-color:#F4BE2A}
div.productsStarDistribution div.row>span.label {display:inline-block;}

div.productsFilterOptions {margin-top:12px;width:100%;background-color:#EBEBEB;border:1px solid #E4E4E4;border-radius:3px;padding:10px 20px;}

.productsFilterGroup {margin-bottom:5px;}
.productsFilterGroup a{}
.productsFilterGroup a span{display:inline-block;color:#265CFF;text-decoration:underline;}

.productsFilterGroup a:hover span{text-decoration:underline;cursor:pointer;}
.productsFilterGroup a:not(:last-child)::after {content:' |';color:black;}
.productsFilterGroup a[active="true"] span{font-weight:bold;color:white;padding:0px 3px;border-radius:3px;background-color:#265CFF;text-decoration:none}
.productsFilterGroup a[active="true"]:hover span{text-decoration:none;}

.productsFilterGroup a[available="false"]:not([active="true"]) span{color:silver !important;text-decoration:none;}

.productPageBodyText{margin-bottom:48px;border-top:4px solid #265CFF;margin-top:32px;}
.productPageBodyText h3{font:1.375rem 'trebuchet ms',arial,sans-serif;font-weight:bold;margin:0px;margin-bottom:3px;margin-top:32px;}

.companyReviewObject[active="false"] {display:none;}
    
    @media screen and (max-width: 999px) {
        .gridProducts {
            width:100%;
            max-width:100%;
            columns:1;
        }
    }
    
    
    @media screen and (max-width: 599px) {
    
    
        .productsSubText {text-align:left;padding:0px;}
        .gridProducts {
            width:100%;
            max-width:100%;
            columns:1
        }
        .gridProductItem {margin-bottom:12px;}
        .gridProductItem-image {width:40px;overflow:hidden;}
        .gridProductItem-text {padding:0px;padding-left:10px;}
    }
    @media screen and (max-width: 399px) {
        .productsFilterOptions .productsStarDistribution .line {display:none!important;border:1px solid red;}
        .productsFilterOptions .productsStarDistribution .row {display:inline-block;;}
        .productsStarDistribution>div:nth-child(1) {font-size:0.85rem!important;}
        .productsStarDistribution a {font-size:0.85rem!important;}
        .productsStarDistribution a span{font-size:0.85rem!important;}
        .productsStarDistribution span{font-size:0.85rem!important;}
    
        .productsFilterGroup a {font-size:0.85rem!important;}
        .productsFilterGroup a span{font-size:0.85rem!important;}
        .productsFilterGroup span{font-size:0.85rem!important;}
    }