﻿/* ---- Views/indya/Category/index.cshtml line 4 ---- */
     
    .wzrk-overlay {
        position: inherit !important;
    }

     
    .whatsappMain {
        position: fixed;
        bottom: 4.5rem;
        right: 1.5rem;
        width: 55px;
        height: 55px;
        z-index: 1;
    }

    .whatsappIcon {
        background: #3CB05C;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 55px;
        font-size: 2rem;
        display: inline-block;
    }

    .whatsappNotify {
        background: #323232;
        color: #fff;
        padding: 7px 10px;
        border-radius: 20px;
        text-align: center;
        position: absolute;
        width: 200px;
        right: 0;
        bottom: 70px;
        font-size: 12px;
        line-height: normal;
        line-height: 1.5;
    }

        .whatsappNotify:before {
            content: "";
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 12px solid #323232;
            position: absolute;
            top: 32px;
            right: 11%;
        }

        .whatsappNotify .fa-times-circle {
            float: right;
            font-size: 19px;
            cursor: pointer;
        }
		.tag1 { top: 50%; bottom: inherit; padding: 5px; }
		.tag2 { bottom: 10%; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 5px; }
		.tag3 { bottom: 2px; width: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 8px; }
		.tag3 p{text-transform: uppercase;font-size:12px;letter-spacing: 2px;font-size:12px;}
		.catgselectSize {background: rgba(226,226,226,5.7);padding: 8px;bottom: -1px;overflow:hidden;}
		.catgselectSize p{font-size:12px;}
		.addcartbox { bottom: inherit; position: relative; width: auto; padding: 0 10px; }
		.addcartbox small { font-size: 17px; }
	.addcartbox .fal { color: #000; }
	.addcartbox .fas { color: #ed1c24; }
	.addcartbox button { border-radius: 0; }
	.selctFilterOther input[type="checkbox"]+label { white-space: nowrap; }
	.selctFilterOther input[type="checkbox"]+label span { margin: -2px 7px 0 0; }
	.choseFilterbox, .choseFilterboxOther { min-width: 175px; }
	.catgNamer { display: inline-block; width:100%; }
	.catgName {padding: 10px 10px 0;}
	.expressBox svg {width: 28px;}
	.expressBox small {font-weight: 500;}
	.catgList li {padding: 0 0 8px;}
	.expressBox h6 { font-weight: 500; }
	.catgName h3{font-size: 14px;font-weight: 500;text-align: left;text-transform: none;}
	.catgbeautybnr{padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
    margin-top: -6px;
	}
	 .ftrTextscroll {
    max-height: 100%;
    height: 100%;
    overflow-y: unset;
}
 .ftrTextscroll li {
        font-size:14px;

    }
	.ftrTextscroll ul {
        padding:10px;

    }
    .ftrTextscroll h3 {
            font-size: 14px;
        }

/* N7 preprod "collectionpage-images": empty placeholder <span>s sit inside the flex product list until n7HD.js fills them
   (after mouse/touch movement) and squeeze the space-between gaps. Empty ones are taken out of the flex layout. */
.catgList ul > span[data-nv-url]:empty { position: absolute; }
