/* ============ mobile view ============ */


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

.menuspacer
{  


}

.main 
{
  margin-top:0px; 
  padding-left:5px; 
}


    .container
    {
padding:2px; 
    }

    .categorycard 
    {
      height:200px;
    }
  
    h5 
    {
      font-size:16px;
    }
    .categorycard .p-2
    {
  padding:0px; 
    }
  
    .onlymobile 
  {
    display:block; 
    visibility:visible; 
  }
  
  .onlydesktop
  {
    display:none;
  }
  
  .navbar  .middlemenu  
  {
    background:#333; 
  }
  .toptopmenu
  {
    background:#333; 
  }
  .nav-item{ margin-top:5px;font-size:1.2rem}
  
  
  .textblock 
  {
    font-size:16px;
  }
  
  #logo
  {
    float:left; 
    max-width:70%; 
    margin-top:7px;
    margin-left:12px; 
  }





    .banner { height:55vw;margin-top:60px;} 

 
  
    .banner-left 
    {

    font-size: 22px;

    width: 85%;
    margin: 0 auto;
    }


    .bannerheader
    {
        font-size: 22px;
        line-height: 25px;
        color: #fff;
        text-transform: uppercase;
        width: 100%;
        font-weight: 800;
  margin-bottom:0px;
        text-shadow: 1px 2px #000;
      
    }
  
    
    .vvs-card
    {
  
    height:380px;
    }
    
    .vvs-card-title
    {
  

    }

    .vvs-card-small
    {
      height:250px;
    }
     

  
    .cat-card-title
    {
     background:white; 
     font-size:1.1rem; 
    }

    .block-price
    {
      width:100%;
  font-size:1rem;
    }
  
  
    .content 
    {
      padding:0px; 
    }
  
  

  
  
  .portrait
  {
  object-fit: contain;
  overflow:hidden;
  height:90%;  
  
  
  }
  
  .product-card
  {
  margin-top:50px; 
  }
  
  
  }
  



  

@media(max-width: 991px){
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
      overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }

.onlymobile
{
visibility:visible; 

}
  }
  



  
/* ============ desktop view ============ */
@media all and (min-width: 692px) {


.twoColumns{
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2; 
}



  .onlymobile
  {
  visibility:collapse; 
  
  }


    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
  
  }	
  /* ============ desktop view .end// ============ */




  .clickable-row {
    cursor: pointer;
    transition: background-color 0.2s;
}

.clickable-row:hover {
    background-color: #f5f5f5;
}

  .product-img-wrap { background: #fff; }
  .product-img { object-fit: contain; width: 100%; height: 100%; }
  .line-clamp-2 {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  /* optional: smoother price weight */
  .product-price { font-weight: 600; }

.fade-bottom {
  max-height: 39.5em; /* ~3-4 lines depending on font-size/line-height */
  overflow: hidden;

  mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}