/*=== Font Face Import ===*/


@font-face {
  font-family: "GeneralFoundicons";
  src: url("../font-face/foundation/general_foundicons.eot");
  src: url("../font-face/foundation/general_foundicons.eot?#iefix") format("embedded-opentype"), url("../font-face/foundation/general_foundicons.woff") format("woff"), url("../font-face/foundation/general_foundicons.ttf") format("truetype"), url("../font-face/foundation/general_foundicons.svg#GeneralFoundicons") format("svg");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* global foundicon styles */
[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  color:#fff;
  font-size:x-large;
}

[class*="foundicon-"]:before {
  font-family: "GeneralFoundicons";
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  font-size:x-large;
}

.foundicon-search:before {
  content: "\f02e";
}

.foundicon-lock:before {
  content: "\f01b";
}

.foundicon-cart:before {
  content: "\f024"; padding-right:1%; font-size:large;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('../font-face/oswald-bold.woff2') format('woff2'),
url('../font-face/oswald-bold.woff') format('woff');
	font-display: swap;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldextralight';
    src: url('../font-face/oswald-extralight.woff2') format('woff2'),
url('../font-face/oswald-extralight.woff') format('woff');
	font-display: swap;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldheavy';
    src: url('../font-face/oswald-heavy.woff2') format('woff2'),
url('../font-face/oswald-heavy.woff') format('woff');
	font-display: swap;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('../font-face/oswald-light.woff2') format('woff2'),
url('../font-face/oswald-light.woff') format('woff');
	font-display: swap;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldmedium';
    src: url('../font-face/oswald-medium.woff2') format('woff2'),
url('../font-face/oswald-medium.woff') format('woff');
	font-display: swap;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswald_regularregular';
    src: url('../font-face/oswald-regular.woff2') format('woff2'),
url('../font-face/oswald-regular.woff') format('woff');
	font-display: swap;
    font-weight: normal;
    font-style: normal;

}

@font-face{font-family: 'WebRupee';src: url('../font-face/WebRupee.V2.0.eot');src:local('WebRupee'), url('../font-face/WebRupee.V2.0.ttf') format('truetype'),url('../font-face/WebRupee.V2.0.woff') format('woff'), url('../font-face/WebRupee.V2.0.svg') format('svg'); font-display:swap; font-weight:normal; font-style:normal;}
.WebRupee {font-family:'WebRupee'; padding:1px 3px 0 0;}
.WebRupee1 {font-family:'WebRupee'; margin:-1px 2px 0 0;}
.WebRupee2 {font-family:'WebRupee';  margin:5px 2px 0 15px;}

/*=== Default Tags ====*/


* { padding: 0px; margin: 0px; }
body { font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; font-size: 14px; color:#323232; }

h1 { font-weight: normal; padding: 0 0 10px 0px; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif; text-transform:uppercase;}
h2 { font-weight: normal; color: #272727; font-size:30px; font-family: 'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:uppercase; float:left;}
h3 { font-weight: normal; color: #000; font-size:14px; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif; }
h4 { font-weight: normal; padding: 0 0 10px 0px; color:#000; font-size: 18px; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif;}
h5 { font-weight: normal; font-size:30px; color: #000; padding: 0 0 10px 0px; text-transform:uppercase; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif;}
h6 { font-weight: normal; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-transform:uppercase;}
a { text-decoration: none; color: #606060; }
ul, li, ol { list-style: none; }
a img { border: 0px; }
p {padding:0px; }
.wrapper { width: 1200px; margin: 0 auto; }
.f-left { float: left !important; }
.f-right { float: right; }
.text-left {text-align:left!important;}
.nomargin { margin-right: 0px !important; }
.detail-pro { padding: 0px 10px 0px; }
#content > img { border: 1px solid #DDDDDD; }
.strike {text-decoration: line-through;}
.red-alert {color:#ff0000; width:98%; padding:1%; margin-top:5px; float:left;}
.red-alert-area {width:98%; background:#ff0000; border: 0; color:#FFFFFF!important; font-size:18px; text-align: center; display: inline-block; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; padding:1% 1%;;}
.red-alert-area span { display: inline-block; text-align: center;}
.green-alert {color:#259f00; width:98%; padding:1%; margin:5px 0; float:left;}
.center-padding{width:96%; float:left; padding:2%;}
.notice {color:#fff; width:97%; padding:1.5%; text-align:center; font-size:large; text-transform:uppercase; background:#ff0000; float:left;}
.clear {clear:both;}
.g-recaptcha{float:left;}

/*==============================  Form Element CSS =============================================*/

.istyle {width: 500px; height:32px; border:1px solid #cfcfcf; color:#a3a3a3; padding: 0 10px 0 10px; font-family:'oswaldlight', Arial, Helvetica, sans-serif; -webkit-appearance:textfield;}
.margin-l { margin-left: 45px; }
.margin-l0 { margin-left: 10px; }
.padding-top { padding-top: 3px; }
.padding-0 { padding-top: 10px; }
.browse-btn { width: 91px; height: 26px; background: url(../images/browse-btn.jpg) no-repeat left top; float: left; border: 0px; font-size: 0px; cursor: pointer; -webkit-appearance:button;}
.submit-btn, .reset-btn {background:#333; font-size: 14px; color:#fff; text-transform: uppercase; cursor:pointer; border:0px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; padding:1% 3%; -webkit-appearance:button;}
.istyle1, .istyle2, .istyle3, .istyle4 { width: 240px; color: #797b7b; font-size: 12px; padding: 3px 5px; height: 25px; border: 1px solid #cfcfcf; float:left; }
.istyle2 {width:260px; height:32px; }
.istyle3 {width:290px; height:32px; }
.istyle5 { width: 100px; float: left; color: #797b7b; font-size: 12px; padding: 10px; border: 1px solid #c5c5c5; border-radius: 5px; box-shadow: 0px 0px 10px 5px #efefef inset; }
.divider { width: 100%; float: left; border-bottom: 1px solid #e6e6e6; margin: 10px 0px; }
.highlight { color: #e43f6a; font-size: 15px; }
.red-btn,.gray-btn {background:#e43f6a; border: 0; color: #FFFFFF !important; cursor: pointer; font-size:24px; text-align: center; display: inline-block; text-transform: uppercase; margin-right:10px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; padding:1% 6%; -webkit-appearance:none;}
.red-btn span { display: inline-block; line-height: 30px; text-align: center; -webkit-appearance:none;}
.gray-btn { background: #333; -webkit-appearance:none;}

.more-link{float:left; width:100%; margin:0 0 2% 0;}
.more-link a{background-color:#e43f6a; color:#fff!important; text-transform:uppercase; padding:.75% 5%; float:left; font-size:18px; -webkit-appearance:none;}

.btn-shop-now{float:left; width:100%; margin:2% 0;}
.btn-shop-now a{background-color:#e43f6a; color:#fff; text-transform:uppercase; padding:1% 7%; float:left; font-size:18px; -webkit-appearance:none;}

.small-btn {background:#e43f6a; border: 0; color:#fff!important; cursor:pointer; font-size:18px; text-align:center; display:inline-block; text-transform:uppercase; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; padding:1% 6%; -webkit-appearance:none;}

.divider1{border-top:1px dashed #999; height:1px; width:100%; margin:20px 0; float:left;}

/*==============================Header=============================================*/
.header {width: 100%; float: left; box-shadow:0px 2px 5px #d9d9d9; aspect-ratio: 135 / 14; height:auto;  }
.header-top-mobile{display:none;}
.choose-location {text-align: center; background: #e43f6a;}
.choose-location label { font-size: 16px; margin-right: 10px; color: #fff; }
.choose-location .red-btn { margin-top: 0px !important; height: 23px; line-height: 23px; margin-left: 5px;}
.choose-location .istyle1 { width: 100px; height: 16px; }
.choose-location p{color:#fff; padding:10px 0; text-transform:uppercase; font-size:12px;}

.logo {border:none; width:20%; margin-top:10px; float:left;}
.logo img{width:255px; aspect-ratio: 3 / 1; height:auto;}
.top-right{width:47%; padding-left:31%; margin-top:5px; float:right;}

.shopping-cart {width:30%; margin-left:70%; height:20px; text-align:right; aspect-ratio: 17 / 2; }
.shopping-cart a {color:#e43f6a; text-transform:uppercase; padding:1px 0 0 25px; font-size:12px; }
.shopping-cart-icon {background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -8px;}

.search-bar { width:100%; padding:5px 0 0 0px; }
.search-btn {background: url(../images/search-btn.gif) no-repeat left top; width:38px; height:34px; font-size: 0px; border: 0px; cursor: pointer; border:1px solid #cfcfcf; border-left:0px; }

.top-section-text {height:15px; padding:1% 5px 0 0; width:100%; text-align:right; float:right;}
.top-section-text a { color: #6e6e6e; text-decoration: none; font-family: 'oswald_regularregular', Arial, sans-serif; text-transform:uppercase; font-size:12px; aspect-ratio: 45 / 17; height:20px;}
.top-section-text a:hover { text-decoration: underline; }

/*================================ Header Highlights ================================*/

.top-highlight{width:100%; float:left; padding:3px 0; height:42px; aspect-ratio: 200 / 7;}
.top-highlight ul li{ list-style:none; display:inline; color:#e43f6a; float:left; background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -199px; padding:10px 0 10px 29px;}
.top-highlight ul li a{text-transform:uppercase; color:#e43f6a; vertical-align:middle;  padding:0 20px 0 35px; font-size:15px;}
.top-highlight ul li:nth-child(1) {background:none; width:148px; aspect-ratio: 15 / 4; height:28px;}
.top-highlight ul li:nth-child(2) {width:198px; aspect-ratio: 75 / 16; height:28px;}
.top-highlight ul li:nth-child(3) {width:142px; aspect-ratio: 85 / 24; height:28px;}
.top-highlight ul li:nth-child(4) {width:165px; aspect-ratio: 65 / 16; height:28px;}
.top-highlight ul li:nth-child(5) {width:186px; aspect-ratio: 215 / 48; height:28px;}
.top-highlight ul li:nth-child(6) {width:186px; aspect-ratio: 215 / 48; height:28px;}
.highlight1{background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -31px;}
.highlight2{background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -56px;}
.highlight3{background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -85px;}
.highlight4{background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -112px;}
.highlight5{background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -143px;}
.highlight6{background:url(../images/bakerykart-image-sprite.png) no-repeat -15px -171px;}

/*==============================Navigation=============================================*/
.navigation { width: 100%; background-color:#391f10; height: 42px;}
nav {width:100%; }
nav ul {float: left; }
nav ul li {float: left; display: inline; position:relative;}
nav ul li a {color:#fff; font-size:15px; padding:11px 12.45px; float: left; text-decoration: none; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif; text-transform:uppercase;}
nav ul li a:hover { background:#e43f6a; }
nav ul li a.active { background:#e43f6a; }
nav ul li a.margin-left { float:right!important; background: #e43f6a; margin-left: 23px; }

/* Root Menu */
nav ul ul {display:none; left:25px; width:220px; position:absolute; top:18px; z-index:1001; margin:24px 0 0 -25px; background:#e43f6a;}
nav ul li:hover {background:#e43f6a;}
nav ul li:hover ul li{padding:0;}
nav ul li:hover ul li a{display:block; width:200px; color:#FFF; padding:2px 0 0 20px; line-height:30px; border-bottom:#fff 1px solid;}
nav ul li:hover li:hover a{background:#391f10;}
nav ul li:hover ul li a:hover{}
nav ul li:hover li:hover ul li a:hover{}


/*  CSS for Megha Menu */
nav ul li:hover div{display:block;}
.megha-menu {position:absolute; z-index: 100; width:1160px!important; height:260px!important; top:42px; display:none; background:#e43f6a; padding:20px!important; margin-left:-869px;}
nav ul li div.megha-menu ul {width:100%!important;}
nav ul li div.megha-menu ul li{ margin-left:20px; width:215px!important;}
/*  nav ul li:hover div.megha-menu ul li a{width:205px!important; padding-left:10px;} */

/*  CSS for Megha Menu End */


/* 2nd Menu */
nav ul li:hover li a, nav ul li.iehover li a {float:none; display:block;}

/* 3rd Menu */

nav ul li li li{ top:0; }
nav ul li:hover li:hover li a,

nav ul li li li a {background:#391f10; }
nav ul li li li a:hover {color:#fff; background:#e43f6a;}

/* 3rd Menu Hover Persistence */

nav ul li:hover li:hover li:hover a {background:#e43f6a;}
nav ul li:hover li:hover li:hover li:hover a:hover{background:#201211;}

/*nav ul li:hover li:hover li a:hover,
nav ul li:hover li:hover li:hover a,
nav ul li.iehover li.iehover li a:hover,
nav ul li.iehover li.iehover li.iehover a {background:#2b1917;}*/

nav ul ul ul, nav ul ul ul ul {display: none;position: absolute; top:-24px ; left:245px; z-index:10000;}
nav ul li:nth-child(11) ul ul, nav ul li:nth-child(11) ul ul ul{left:-220px; margin:0;}

/* Do Not Move - Must Come Before display:block for Gecko */
nav ul li:hover ul ul,
nav ul li:hover ul ul ul,
nav ul li.iehover ul ul,
nav ul li.iehover ul ul ul {display: none;}

nav ul li:hover ul,
nav ul ul li:hover ul,
nav ul ul ul li:hover ul,
nav ul li.iehover ul,
nav ul ul li.iehover ul,
nav ul ul ul li.iehover ul {display: block;}

/*================================Table view Css ================================*/

table.table-view { border: 1px solid #e1e1e1; width: 100%; background: #fbfbfb; border-collapse: collapse; float: left; margin-bottom: 10px; }
table.table-view p {padding-bottom: 0px; }
table.table-view tr th { padding: 10px; border: 1px solid #e1e1e1; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; font-weight: normal; }
table.table-view tr td { background: #FFF; padding: 10px; border: 1px solid #e1e1e1;}
table.table-view tr td .table-image img{width:100%;}
table.table-view tr td a {color: #e43f6a; }
table.table-view-promo { background: #fbfbfb; border-collapse: collapse; float: left; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
table.table-view-promo tr td { padding: 15px 10px; }

.button { float: right; margin: 0 0 15px 0px; }
.input-btn1,.input-btn2,.input-btn3 { width: 84px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; height: 30px; float: left; background: #333; border: 0px; color: #fff; cursor: pointer; padding: 2px 0 4px 0px; text-align: center; margin: 0 10px 0 0px;}
.total label { width: 150px; float: left; text-align: right; }
.total span { color: #e43f6a; font-size: 18px; width: 150px; float: left; text-align: right; }

/*=========================== Featured Box =================================*/

.featured-box-white {width:100%; float:left; aspect-ratio: 240 / 91; height:auto; }
.featured-box-grey {width:100%; border-top:2px solid #e43f6a; float:left; background-color:#f7f7f7; padding:2% 0; margin-bottom:3%; aspect-ratio: 80 / 28; height:auto; }
.featured-box-grey ul {margin:0 auto; width:96%;}
.featured-box-grey ul li{ display:inline; width:180px; margin:0 0.5% 1% 0.5%; float:left;}
.featured-box-text { text-align:center; float:left; width:94%; margin:0 3% 2%;}
.featured-box-text h2, .featured-box-text p {width:100%; float:left;}
.featured-box-image{width:100%; height:181px;}
.featured-box-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.featured-box-image-text{background:#391f10; width:100%;}
.featured-box-image-text h4{font-size:14px; text-transform:capitalize; text-align:center; padding:10px;}
.featured-box-image-text h4 a{color:#fff;}

/*=========================== Product Listing =================================*/

.product-listing{float:left; width:100%; margin-bottom:3%;}
.product-listing li{float:left; display:inline; width:250px; margin:0 2% 0 2%; position: relative;}
.product-listing li .quicklook {width:60%; margin:0px 20%; z-index: -1; display: none; position: absolute; background-color:#000; color:#fff; float:left; text-align:center; padding:2% 0; }
.product-listing li .quicklook a{color:#fff; text-transform:uppercase; padding:2% 0; }
.product-listing li:hover .quicklook { display: block; z-index: 1; margin: 0 auto; top: 110px; left: 45px; }
.product-listing li .prosize {width:95%; color: #333; background: #fff; padding:1%; font-size: 12px; border: 1px solid #ccc; margin: 0px auto; z-index: -1; display: none; position: absolute;}
.product-listing li:hover .prosize { display: block; z-index: 1; bottom:70px; left:5px; }

.product-listing-image{border:1px solid #cfcfcf; height:250px; width:250px; margin-bottom:1%; float:left;}
.product-listing-image a{width:100%;}
.product-listing-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}

/* =========================================================
   PRODUCT OFFER BADGES
   Sale, BOGO and Sold Out
   Responsive for Desktop, Tablet and Mobile
   ========================================================= */


/* =========================================================
   COMMON STATUS POSITION
   ========================================================= */

.product-listing li .status,
ul.product-listing-ul li .status {
    position: absolute;
    top: -1px;
    right: 10px;
    z-index: 5;
    pointer-events: none;
}


/* =========================================================
   SALE BADGE
   Small rounded badge hanging from top of product image
   ========================================================= */

.product-listing li .status-sale,
ul.product-listing-ul li .status-sale {
    top: -4px;
    right: 10px;
}

.product-listing li .status-sale span,
ul.product-listing-ul li .status-sale span {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 46px;
    height: 25px;
    padding: 0 8px;

    background: #bd2933;
    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;

    border-radius: 0 0 16px 16px;

    box-sizing: border-box;
}


/* =========================================================
   BOGO BADGE
   Vertical ribbon
   ========================================================= */

.product-listing li .status-bogo,
ul.product-listing-ul li .status-bogo {
    top: -1px;
    right: 10px;

    width: 27px;
    height: 32px;

    background: #bd2933;
    color: #ffffff;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    box-sizing: border-box;
}

.product-listing li .status-bogo span,
ul.product-listing-ul li .status-bogo span {
    display: block;

    padding-top: 4px;

    font-size: 11px;
    font-weight: 600;
    line-height: 16px;

    writing-mode: vertical-rl;
    text-orientation: mixed;

    color: #ffffff;
}


/* BOGO ribbon point */

.product-listing li .status-bogo:after,
ul.product-listing-ul li .status-bogo:after {
    content: "";

    position: absolute;
    bottom: -10px;
    left: 0;

    width: 0;
    height: 0;

    border-left: 14.5px solid #bd2933;
    border-right: 13.5px solid #bd2933;
    border-bottom: 10px solid transparent;
}

/* =========================================================
   SOLD OUT OVERLAY
   Full faded overlay over product image
   ========================================================= */

.product-listing li .status.soldout,
ul.product-listing-ul li .status.soldout {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 101%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: rgba(229, 229, 229, 0.80);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    z-index: 5;
}

/* SOLD OUT text */

.product-listing li .status.soldout span,
ul.product-listing-ul li .status.soldout span {
    display: block;
    padding: 0;
    background: transparent;
    color: #d30000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

/* =========================================================
   TABLET
   ========================================================= */

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

    /* SALE */

    .product-listing li .status-sale span,
    ul.product-listing-ul li .status-sale span {
        min-width: 43px;
        height: 24px;
        padding: 0 7px;

        font-size: 11px;
        line-height: 24px;
    }


    /* BOGO */

    .product-listing li .status-bogo,
    ul.product-listing-ul li .status-bogo {
        width: 25px;
        height: 32px;
    }

    .product-listing li .status-bogo span,
    ul.product-listing-ul li .status-bogo span {
        font-size: 10px;
    }

    .product-listing li .status-bogo:after,
    ul.product-listing-ul li .status-bogo:after {
        bottom: -9px;

        border-left-width: 12.5px;
        border-right-width: 12.5px;
        border-bottom-width: 9px;
    }
	
	.product-listing li .status.soldout span,
    ul.product-listing-ul li .status.soldout span {
        font-size: 14px;
        letter-spacing: 0.7px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

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

    /* Common */

    .product-listing li .status,
    ul.product-listing-ul li .status {
        right: 6px;
    }


    /* SALE */

    .product-listing li .status-sale,
    ul.product-listing-ul li .status-sale {
        top: -3px;
    }

    .product-listing li .status-sale span,
    ul.product-listing-ul li .status-sale span {
        min-width: 40px;
        height: 22px;
        padding: 0 6px;

        font-size: 10px;
        line-height: 22px;

        border-radius: 0 0 14px 14px;
    }


    /* BOGO */

    .product-listing li .status-bogo,
    ul.product-listing-ul li .status-bogo {
        width: 24px;
        height: 32px;
    }

    .product-listing li .status-bogo span,
    ul.product-listing-ul li .status-bogo span {
        padding-top: 3px;

        font-size: 9px;
        line-height: 14px;
    }

    .product-listing li .status-bogo:after,
    ul.product-listing-ul li .status-bogo:after {
        bottom: -8px;

        border-left-width: 12px;
        border-right-width: 12px;
        border-bottom-width: 8px;
    }
	
	.product-listing li .status.soldout span,
    ul.product-listing-ul li .status.soldout span {
        font-size: 12px;
        letter-spacing: 0.5px;
    }

}

.product-listing-text{ margin-bottom:1%; float:left; width:100%;}
.product-listing-text h3 a{color:#000;}
.product-listing-text h2{width:100%;}
.product-listing-price{margin:0 0 1% .5%; float:left; width:99.5%;}
.product-listing-price span{color:#e43f6a; padding-left:10px;}

/*Setting for Product Listing Pages*/

ul.product-listing-ul li:hover .prosize {bottom:68px;}
ul.product-listing-ul li{margin-bottom:3.5%; margin-left:2%; margin-right:2%;}
/*ul.product-listing-ul li:nth-child(3n+3){margin-right:0;}*/
ul.product-listing-ul li .status { position: absolute; right:4px; top:0px; }
ul.product-listing-ul li .status img{width:100%; aspect-ratio: 1 / 1; height:auto;}
ul.product-listing-ul li .status-new { position: absolute; left: -1px; top: -1px; }

/*=========================== Product Rating Sep 2025 =================================*/

.product-rating { 
  margin: 6px 0 10px;
  font-size: 0;                /* remove inline-block whitespace */
}

/* Stars and rating-info inline + vertically aligned */
.product-rating > .stars,
.product-rating > .rating-info {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;             /* restore text size */
}

/* Stars (supports integer or fractional via --rating) */
.product-rating .stars {
  --star-size: 16px;
  --star-color: #ddd;      /* empty */
  --star-filled: #f5b301;  /* filled */
  --max: 5;
  position: relative;
  width: calc(var(--star-size) * var(--max));
  height: var(--star-size);
  line-height: 1;
  letter-spacing: 3px;     /* gap between stars */
}
.product-rating .stars::before {
  content: "★★★★★";
  font-size: var(--star-size);
  color: var(--star-color);
}
.product-rating .stars::after {
  content: "★★★★★";
  font-size: var(--star-size);
  color: var(--star-filled);
  position: absolute;
  left: 0; top: 0;
  width: calc((var(--rating, 0) / var(--max, 5)) * 100%);
  overflow: hidden;
  white-space: nowrap;
}

/* Rating info (reviews count + link) */
.product-rating .rating-info {
  color: #333;
  margin-left:2px;            /* space between stars and text */
}
.product-rating .rating-info a {
  color: #0054aa;
  text-decoration: none;
  font-weight: 500;
}
.product-rating .rating-info a:hover {
  text-decoration: underline;
}
/* ================= REVIEW CARDS ================= */
.product-rating .review {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 14px 16px;
  margin: 5px 0;
  background: #fff;
}

/* Header: stars + name/date */
.product-rating .review-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

/* Meta (name + date) */
.product-rating .meta {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: #555;
  font-size: 14px;
}
.product-rating .meta .name {
  font-weight: 300;
  color: #222;
}
.product-rating .meta .date {
  font-size: 13px;
  color: #9a9a9a;
}

/* Review text */
.product-rating .review-body h5 {
  margin: 10px 0 6px 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #111;
  padding: 0;
}
.product-rating .review-body {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
}



/*=========================== Recipes Listing =================================*/

.recipes-listing{width:100%; float:left; margin-bottom:3%;}
.recipes-listing ul li{float:left; width:274px; margin:0 1%;}
.recipes-listing-image {float:left; width:274px; aspect-ratio: 1 / 1; height:auto;}
.recipes-listing-image img{border:1px solid #d1d1d1;}
.recipes-listing-text {float:left; margin-top:3%;}
.recipes-listing-text p{float:left; padding:0; text-align:justify; height:45px;}
.recipes-listing ul li h4{width:100%; padding:0; font-size:16px; margin-bottom:.75%;}
.recipes-listing ul li h4 a{color:#000;}
ul.recipes-listing-spec {margin-bottom:3%; float:left; margin-top:3%;}
ul.recipes-listing-spec li{width:100%; float:left; text-transform:uppercase; padding:0; margin:0;}
ul.recipes-listing-spec li label{width:30%; float:left; padding:0 2% 1% 0; }
ul.recipes-listing-spec li label::after { 
    content: ":";
	float:right;
	margin-right:1%;
}

/*====================================== Bottom Deal Css ==================================*/

.coupon-div {background:#000; width:1160px; float: left; padding:10px 20px;}
.coupon-div h2 { color: #fff; font-size: 32px; font-weight: normal; }
.coupon-div h2 b { font-family: 'WebRupee'; }
.coupon-btn {background:#3be4db; padding:10px 20px; color:#fff; text-transform:uppercase; float:left; margin-left:20px;}

@charset "utf-8";
/* CSS Document */

/*===========================Footer=================================*/

footer {width: 100%; background:#f8f8f8;}
.footer-search{width:100%; background-color:#391f10; float:left; padding:2% 0;}
.istyle-bottom {width:85%; height:32px; border:1px solid #391f10; color:#a3a3a3; padding: 0 10px 0 10px; font-family:'oswaldlight', Arial, Helvetica, sans-serif; -webkit-appearance:textfield;}
.bottom-search-btn {background: url(../images/search-bottom-btn.gif) no-repeat left top; width:125px; height:34px; font-size: 0px; cursor: pointer; border:1px solid #391f10; border-left:0px; -webkit-appearance:button; }

.footer-top { width: 100%; float: left; margin-bottom:1.5%;}
.footer-navigation { width: 120px; float: left; padding: 30px 15px 0 15px; min-height:125px;}
.footer-navigation h2 {font-size:13px!important; color:#e43f6a;}
.footer-navigation h2 a{color:#e43f6a;}
.footer-navigation ul { float: left; width: 100%; }
.footer-navigation ul li { float: left; width: 100%; }
.footer-navigation ul li a{color: #000; font-size: 10px; font-family: 'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:uppercase; }
.footer-navigation ul li a:hover { color:#e43f6a; text-decoration: underline; }

.footer-product-navigation {width:75%; float: left;}

.footer-newsletter {width: 100%; float:left; margin-bottom:1%;}
.footer-newsletter h3{float:left; color:#ffffff; font-size:16px!important; background-color:#000; width:40%; text-align:center; padding:1%; margin:0 29%; text-transform:uppercase;}
.footer-newsletter-form{width:100%; padding:1% 0; float:left;  background:#fff; border:1px solid #d9d9d9; font-size:18px; text-transform:uppercase; }
.footer-newsletter-form ul li{ display:inline; float:left;}
.footer-newsletter-form ul li:nth-child(1) {width:400px; padding-left:70px;}
.footer-newsletter-form ul li:nth-child(2) {width:470px;}
.footer-newsletter-form ul li:nth-child(3) {width:250px;}
.footer-newsletter-form ul li label {width:28%; float:left; padding-top:7px;}
.footer-newsletter-form ul li label::after { 
    content: ":";
	float:right;
	margin-right:15px;
}
.footer-newsletter-form-btn { background-color:#e43f6a; padding:4% 10%; border:none; font-family: 'oswald_regularregular', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; cursor:pointer;}

.footer-bottom { width: 100%; float: left; margin-bottom:1%;}

.social-media {width:33%; float:left; margin-right:2%;}
.social-media ul li{font-family: 'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; font-size:18px; display:inline; float:left;}
.social-media ul li p{float:left; padding:4px 10px 0 0;}
.social-media ul li a{cursor:pointer; float:left; height:35px; width:35px;}
.facebook {background:url(../images/bakerykart-image-sprite.png) no-repeat -8px -273px; height:35px; width:35px; margin-right:5px;}
.twitter {background:url(../images/bakerykart-image-sprite.png) no-repeat -8px -314px; height:35px; width:35px; margin-right:5px;}
.linkedin {background:url(../images/bakerykart-image-sprite.png) no-repeat -8px -397px; height:35px; width:35px; margin-right:5px;}
.pinterest {background:url(../images/bakerykart-image-sprite.png) no-repeat -8px -481px; height:35px; width:35px; margin-right:5px;}
.googleplus {background:url(../images/bakerykart-image-sprite.png) no-repeat -8px -439px; height:35px; width:35px; margin-right:5px;}
.youtube {background:url(../images/bakerykart-image-sprite.png) no-repeat -8px -355px; height:35px; width:35px; margin-right:5px;}

.payment-div {width:65%; float: left;}
.payment-div ul li{font-family: 'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; font-size:18px; display:inline; float:left; margin-right:3px;}
.payment-div ul li p{float:left; padding:4px 10px 0 0;}
.visa {width:48px; height:30px; background:url(../images/bakerykart-image-sprite.png) no-repeat -1px -527px; margin-top:2px;}
.mastercard {width:48px; height:30px; background:url(../images/bakerykart-image-sprite.png) no-repeat -1px -560px; margin-top:2px; }
.mastero {width:48px; height:30px; background:url(../images/bakerykart-image-sprite.png) no-repeat -1px -593px; margin-top:2px;}
.citibank {width:48px; height:30px; background:url(../images/bakerykart-image-sprite.png) no-repeat -1px -626px; margin-top:2px;}
.icici {width:48px; height:30px; background:url(../images/bakerykart-image-sprite.png) no-repeat -1px -658px; margin-top:2px;}
.hdfc {width:48px; height:30px; background:url(../images/bakerykart-image-sprite.png) no-repeat -1px -691px; margin-top:2px;}
.sbi {width:48px; height:30px; background:url(../images/bakerykart-image-sprite.png) no-repeat -1px -724px; margin-top:2px;} 

.copyright {background:#e43f6a; padding:1% 0; width: 100%; color: #fff; text-align:center; text-transform:uppercase; font-size:12px; }
.copyright a { color: #fff; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }
label.error { float: left!important; font-size: 10px; color: #F00; padding-left: 10px; }

/* jQuery.mmenu CSS */

/* jQuery.mmenu oncanvas CSS */
.mm-hidden { display: none !important; } <!--Responsive Menu CSS -->
.mm-wrapper { overflow-x: hidden; position: relative; z-index:9999999999;}
.mm-menu,  .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1; }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }
.mm-menu > .mm-panel.mm-hasheader { padding-top: 40px; }
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel,  .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,  .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel,  li.mm-vertical.mm-opened > .mm-panel { display: block; }
.mm-vertical .mm-listview > li > .mm-next,  .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after,  .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,  .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin:0; position: absolute; top: 0; left: 0; right: 0; border-color: rgba(255, 255, 255, 0.5); text-transform:uppercase; font-size:large;}
.mm-header > a { text-decoration: none; display: block; padding: 10px 0; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-btn:first-child { padding-left: 20px; left: 0; }
.mm-header .mm-btn:last-child { padding-right: 20px; right: 0; }
.mm-listview,  .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 14px; }
.mm-listview a,  .mm-listview a:hover { text-decoration: none; }
.mm-listview > li { position: relative; }
.mm-listview > li > a,  .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; }
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; border-color: #BFBFBF !important; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { /*left: 20px;*/ }
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a,  .mm-listview .mm-next + span { margin-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen { width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }
.mm-listview .mm-next.mm-fullsubopen + a,  .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-listview.mm-first { margin-top: -20px; }
.mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; margin-top:20px; }
.mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px; }
.mm-prev:before,  .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 20px; }
.mm-next:after { border-top: none; border-left: none; right: 20px; }
.mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview > li.mm-spacer { padding-top: 40px; }
.mm-listview > li.mm-spacer > .mm-next { top: 40px; }
.mm-listview > li.mm-spacer.mm-divider { padding-top: 25px; }
.mm-menu { background:#391f10; color: rgba(255, 255, 255, 0.7); }
.mm-menu .mm-header > a { color: rgba(255, 255, 255, 1.0); }
.mm-menu .mm-header .mm-btn:before,  .mm-menu .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li:after { border-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),  .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); }
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,  .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,  .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,  .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-divider { background: rgba(255, 255, 255, 0.5); }


/*==================================== Jquery Responsive Menu Default CSS ============================*/

.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden; }
html.mm-opened .mm-page { min-height: 100vh; }
html.mm-background .mm-page { background: inherit; }
#mm-blocker { background:#000; display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:999999; opacity:0.6; }
html.mm-opened #mm-blocker,  html.mm-blocking #mm-blocker { display: block; }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block; }
.mm-menu { width: 80%; min-width: 140px; max-width: 500px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
 @media all and (max-width: 175px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}
 @media all and (max-width: 350px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(340px, 0); -moz-transform: translate(340px, 0); -ms-transform: translate(340px, 0); -o-transform: translate(340px, 0); transform: translate(340px, 0); }
}
 @media all and (min-width: 550px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(500px, 0); -moz-transform: translate(500px, 0); -ms-transform: translate(500px, 0); -o-transform: translate(500px, 0); transform: translate(500px, 0); }
}


}