/*==========================
    InShopy Products Grid
===========================*/

.inshopy-products-grid{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(150px,1fr));

gap:14px;

margin:20px 0;

}


/*==========================
      Product Card
===========================*/

.inshopy-product-card{

    position:relative;

    display:flex;
    flex-direction:column;

    background:#fff;

    border:1px solid #e9e9e9;

    border-radius:16px;

    overflow:hidden;

    transition:.25s;

    padding:14px;

    height:100%;

}

.inshopy-product-card:hover{

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transform:translateY(-3px);

}


/*==========================
      Discount Badge
===========================*/

.inshopy-discount{

    position:absolute;

    top:10px;

    left:10px;

    background:#2563eb;

    color:#fff;

    font-size:12px;

    font-weight:700;

    padding:5px 10px;

    border-radius:20px;

    z-index:5;

}


/*==========================
         Image
===========================*/

.inshopy-image{

    display:flex;

    justify-content:center;

    align-items:center;

    height:100px;

    margin-bottom:8px;

    text-decoration:none;

}

.inshopy-image img{

    width:100%;

    max-height:95px;

    object-fit:contain;

    transition:.25s;

}

.inshopy-product-card:hover img{

    transform:scale(1.04);

}


/*==========================
        Product Title
===========================*/

.inshopy-title{

    margin:8px 0;

    font-size:13px;

    font-weight:600;

    line-height:1.35;

    min-height:34px;

}

.inshopy-title a{

    color:#1f1f1f;

    text-decoration:none;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    overflow:hidden;

    text-overflow:ellipsis;

}

.inshopy-title a:hover{

    color:#0C831F;

}


/*==========================
        Price Box
===========================*/

.inshopy-price-box{

    margin-top:8px;

    margin-bottom:14px;

}

.sale-price{

    display:block;

    font-size:18px;

    font-weight:700;

    color:#000;

}

.regular-price{

    display:block;

    margin-top:3px;

    color:#888;

    font-size:13px;

    text-decoration:line-through;

}


/*==========================
       ADD Button
===========================*/

.inshopy-add-btn{

    margin-top:auto;

    width:100%;

    height:36px;

    border:2px solid #0C831F;

    background:#fff;

    color:#0C831F;

    border-radius:10px;

    cursor:pointer;

    font-size:13px;

    font-weight:700;

    transition:.25s;

}

.inshopy-add-btn:hover{

    background:#0C831F;

    color:#fff;

}


/*==========================
     Out Of Stock
===========================*/

.inshopy-out-btn{

    margin-top:auto;

    width:100%;

    height:36px;

    border:none;

    background:#dcdcdc;

    color:#666;

    border-radius:10px;

    font-weight:700;

    cursor:not-allowed;

}


/*==========================
      Responsive
===========================*/

@media(max-width:1024px){

.inshopy-products-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media(max-width:768px){

.inshopy-products-grid{

grid-template-columns:repeat(2,1fr);

gap:12px;

}

.inshopy-product-card{

padding:10px;

}

.inshopy-image{

height:150px;

}

.inshopy-image img{

max-height:140px;

}

.sale-price{

font-size:18px;

}

}

@media(max-width:480px){

.inshopy-products-grid{

grid-template-columns:repeat(2,1fr);

}

.inshopy-title{

font-size:13px;

min-height:34px;

}

.inshopy-add-btn{

height:40px;

font-size:13px;

}

}












.inshopy-product-card a,
.inshopy-product-card a:hover,
.inshopy-title a,
.inshopy-title a:hover{
    text-decoration:none !important;
}






/*==============================
        Slider Layout
===============================*/

.inshopy-products-grid.inshopy-products-slider{

display:flex !important;

grid-template-columns:none !important;

justify-content:flex-start !important;

align-items:stretch;

flex-wrap:nowrap !important;

overflow-x:auto;

overflow-y:hidden;

gap:14px;

padding:0 25px 10px;

scroll-snap-type:x mandatory;

scroll-behavior:smooth;

-webkit-overflow-scrolling:touch;

}

.inshopy-products-grid.inshopy-products-slider::-webkit-scrollbar{

display:none;

}

.inshopy-products-grid.inshopy-products-slider .inshopy-product-card{

flex:0 0 150px !important;

min-width:150px;

max-width:150px;

margin:0;

scroll-snap-align:start;

}










/*====================================
      Premium Floating Arrows
=====================================*/

.inshopy-products-wrapper{
    position:relative;
}

.inshopy-slider-nav{

    position:absolute;

    top:50%;

    left:0;

    width:100%;

    transform:translateY(-50%);

    pointer-events:none;

    z-index:50;

}

.inshopy-slider-nav button{

position:absolute;

width:38px;

height:38px;

border:none;

border-radius:50%;

background:#fff;

color:#222;

font-size:18px;

font-weight:700;

box-shadow:0 8px 20px rgba(0,0,0,.18);

cursor:pointer;

transition:.25s;

pointer-events:auto;

display:flex;

align-items:center;

justify-content:center;

}

.inshopy-slider-nav button:hover{

    background:#0C831F;

    color:#fff;

    transform:scale(1.08);

}

.inshopy-prev{

    left:-18px;

}

.inshopy-next{

    right:-18px;

}

@media(max-width:768px){

.inshopy-slider-nav button{

width:34px;

height:34px;

font-size:16px;

}

.inshopy-prev{

left:-12px;

}

.inshopy-next{

right:-12px;

}

}