.product-recomandation-continer-tab{
    min-height: 500px;
    /* border: 10px solid black; */
    width: 100%;
    background-color: lightgray;
    padding: 20px;
}


/* ----------  Related Products css  ------------ */

.recomend-pros-section{
    min-height: 400px;
    width: 100%;
    /* border: 1px solid black; */
    margin: 20px auto;
    background-color: white;
    padding: 5px;
    border-radius: 20px;
}

.recomend-pros-section-heading{
    font-size: 20px;
    width: 90%;
    border-bottom: 1px solid black;
    margin: 10px auto;
    padding-bottom: 10px;
}

.recomend-pros-tabs{
    width: 95%;
    min-height: 350px;
    /* border: 1px solid black; */
    margin: 10px auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: stable both-edges;
    scrollbar-gutter: stable;
    scrollbar-color: red;
}


/* -------------  Attr css  ------------- */

.all-attr-cont{
    /* border: 10px solid black; */
    min-height: 400px;
    width: 100%;
    margin: 20px auto;
}

.attr-continer{
    /* border: 1px solid black; */
    margin: 20px auto;
}

.attr-cont-heading{
    width: 90%;
    border-bottom: 1px solid black;
    padding-bottom: 20px;
    margin: 20px auto;
}

.attr-btns-tabs{
    width: 90%;
    /* border: 1px solid black; */
    margin: 20px auto;
}

.attr-btns-tabs button{
    min-width: 100px;
    height: 30px;
    border-radius: 20px;
    padding: 5px;
    border: 0px;
    background-color: orange;
    color: white;
    margin: 10px auto;
}

.attr-btns-tabs button:hover{
    background-color: red;
}


@media only screen and (max-width: 600px) 
{  
    .product-recomandation-continer-tab{
        width: 100%;
        padding: 0px;
        height: auto;
        margin: 20px auto;
        border: 1px solid lightgrey;
    }

    .recomend-pros-section{
        width: 100%;
        /* border: 1px solid black; */
    }

    .recomend-pros-tabs{
        min-width: 100%;
        border-radius: 0px;
    }
    
    .all-attr-cont{
         border-top: 1px solid lightgrey;
         border-bottom: 1px solid lightgrey;
         min-height: 100px;
    }
    
    .attr-btns-tabs{
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        gap: 10px
        padding 10px 0px;
    }
    
    .attr-btns-tabs button{
        width: max-content;
        margin: 10px 5px;
    }
}
/*
     FILE ARCHIVED ON 01:36:22 Apr 20, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:58:09 Sep 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.404
  exclusion.robots: 0.048
  exclusion.robots.policy: 0.04
  esindex: 0.007
  cdx.remote: 17.442
  LoadShardBlock: 86.461 (3)
  PetaboxLoader3.datanode: 92.319 (5)
  PetaboxLoader3.resolve: 66.98 (2)
  load_resource: 104.608
  loaddict: 38.611
*/