html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html {
        -webkit-font-smoothing:subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

@media only screen and (max-width: 959px) {
    html {
        -webkit-text-size-adjust:none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
        -webkit-tap-highlight-color: transparent
    }
}


body{
font-family: var(--bodytext_family);
font-weight: var(--bodytext_weight);
color: var(--bodytext_color);
font-size:var(--bodytext_size) !important;
background: var(--body_bg);
-webkit-font-feature-settings: 'ss01';
font-feature-settings: 'ss01';
letter-spacing: var(--body_letterspacing);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: unset;
}

#maincontainer
{
  min-height: 100vh;
  background: var(--maincontainerbg);
}

.alt-font
{
  font-family: var(--altfont) !important;
}

a, .btn-link
{
  color: var(--linktext_color);
}

a:hover
{
  text-decoration: none !important;
}

a:link,a:visited {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    text-decoration: none
}

a:active {
    outline: none
}


.eyebrow{
    text-transform: var(--smallheading_transform);
    font-size: var(--smallheading_size) !important;
    letter-spacing: 0.07rem;
    font-family: var(--smallheading_family);
    color: var(--smallheading_color);
    font-weight: var(--smallheading_weight) !important;
}


.itemname
{
  word-wrap: normal;
  color: var(--producttext_color) !important;
  font-size: var(--producttext_size) !important;
  font-family: var(--producttext_family) !important;
  font-weight: var(--producttext_weight) !important;
  line-height: var(--producttext_lineheight) !important;
}

.itemname:hover
{
  color: unset !important;
}

.product-list .pcheck
{
  margin-right: 5px;
}


.pricewrap
{
  color: var(--pricewrap_color) !important;
  font-size: var(--pricewrap_size) !important;
  font-family: var(--producttext_family) !important;
  font-weight: var(--producttext_weight) !important;
  
}

.sidemenucol {
    min-height: 100vh;
    background: var(--sidemenu_background) !important;
    border-right: 1px solid var(--sidemenu_border) !important;
    border-radius: 0px 0px 0px 20px;
}

.sidemenucol a{
    font-size: var(--sidemenu_fontsize) !important;
    color: var(--sidemenu_color) !important;
}

.heading-cat
{
  color: var(--cattext_color, #111) !important;
  font-size: var(--cattext_size, 2.4rem) !important;
  font-family: var(--cattext_family) !important;
  font-weight: var(--cattext_weight, 700) !important;
}

.heading-catblocks
{
  color: var(--catblocks_color) !important;
  font-size: var(--catblocks_size) !important;
  font-family: var(--catblocks_family) !important;
  font-weight: var(--catblocks_weight) !important;
  line-height: var(--catblocks_line) !important;
  min-height: 40px;
}

#mainnav2 .nav-link, #mainnav2 .list-styled-link {
    font-size: var(--headermenu_fontsize) !important;
    font-weight: 700;
    color: var(--headermenu_color) !important;
    text-transform: uppercase;
    font-family: var(--headermenu_font) !important;
    letter-spacing: 0.01rem;
    padding: 0px 20px 0px 30px;
}

#mainnav2 .nav-link:hover, #mainnav2 .list-styled-link:hover
{
  color: var(--primary_color) !important;
}

.text-primary
{
color: var(--primary_color) !important;
}

.bg-primary
{
background: var(--primary_color) !important;
}

.sidemenucol
{
color: var(--sidemenu_color) !important;
}

#fullcontainertop
{
  background: var(--featuredfulltop_bg);
}


.border-bottom
{
  border-bottom: 1px solid var(--border_color) !important
}

.border-top
{
  border-top: 1px solid var(--border_color) !important
}

.bg-secondary
{
  background: var(--bg_1) !important;
}

.blockquote::before
{
  color:  var(--btn_secondary) !important;
}


.btn-primary
{
    font-size: var(--btn_fontsize) !important;
    color: var(--btn_primary_text) !important;
    background: var(--btn_primary) !important;
    text-transform: var(--btn_case) !important;
    border-radius: var(--btn_borderradius) !important;
    border:none !important;
}

.btn-outline-primary
{
    background-color: #ffffff;
    border: solid 2px var(--btn_primary) !important;
    color: var(--btn_primary) !important;
    white-space: normal;
    transition: opacity .5s;
    border-radius: var(--btn_borderradius) !important;
    font-size: var(--btn_fontsize) !important;
    text-transform: var(--btn_case) !important;
}

.btn-shop
{
    padding: 0.8rem 2.7rem;
    font-size: 1rem;
    color: var(--btn_primary_text);
    border: solid 3px transparent;
    font-weight: bold;
    background: var(--btn_primary);
    border-radius: 30px;
}

.herotext
{
  font-size:var(--herotext_size) !important;
  color:var(--herotext_color) !important;
  font-weight: var(--herotext_weight) !important;
  font-family:var(--herotext_family) !important;
  letter-spacing: var(--herotext_letterspacing) !important;
}

.heading-subcat
{
  color: var(--subcattext_color,#111) !important;
  font-size: var(--subcattext_size,2.5) !important;
  font-family: var(--subcattext_family) !important;
  font-weight: var(--subcattext_weight,700) !important;
  letter-spacing: var(--subcattext_spacing, -0.04rem);
}


.productname
{
  color: var(--ppage_color) !important;
  font-size: var(--ppage_size) !important;
  font-family: var(--ppage_family) !important;
  font-weight: var(--ppage_weight) !important;
  line-height: var(--ppage_lineheight) !important;
}

.sectionhead
{
  font-size: var(--sectiontext_size) !important;
  color: var(--sectiontext_color) !important;
  font-weight: var(--sectiontext_weight) !important;
  font-family: var(--sectiontext_family) !important;
  padding-bottom: 2rem;
  line-height: 1.3em;
}

.footer
{
  background: var(--footer_bg) !important;
}

.cartbar {
    background: var(--btn_primary) !important;
    border-radius: 200px !important;
    padding: 14px 25px !important;
    font-size: 13px;
}













.psummary {
    display: block;
    margin-top:5px;
    line-height: 1.2rem !important;
    font-size: var(--producttext_summary);
    color: #666;
}
#page-pcart, #page-ppay, #page-pstatus, #page-pfeedback {
    background: #F2F2F5 !important;
    background: #f6f4ee !important;
    padding-top: 0px;
}

.selshipblock
{
    padding: 0.7em 1em;
    border-radius: 10px;
    border: 1px solid #DDD;
    cursor: pointer;
    margin-right:10px;
    margin-bottom: 10px;
}

.pac-container {
  background-color: #FFF;
  z-index: 1100;
  position: fixed;
  display: inline-block;
  float: left;
}
#map {
  height: 30vh;
  z-index: 1000;
}

.shipmtexttitlename
{
  font-weight: 600;
  margin-left: 10px;
  color:#111;
}

.selshipblock:hover, .selshipblock.active
{
    border:2px solid #79d8b7;
    box-shadow:0 0 0 1px hsl(0deg 0% 69% / 20%), 0 15px 35px 0 rgb(49 49 93 / 8%), 0 5px 15px 0 rgb(0 0 0 / 6%);
}


.shipblockdetails
{
    background:#ffffff69;
    border-radius: 10px;
    margin-top: 15px;
}

.likedropdown
{
  background:#FFF;
  padding: 5px 15px;
  border-radius: 20px;
  margin-left:2px;
  box-shadow: 0.1875rem 0.1875rem 0.625rem -0.125rem rgb(0 0 0 / 9%);
}

.likedropdown:after  { content:"\25be"; margin-left: 10px; }
.shipsel
{
  border: 1px solid var(--border_color);
  text-align: center;
  border-radius: 400px;
  padding: 15px;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-right: 10px;
  line-height: 1.1rem;
  cursor: pointer;
}

.selecteddiv
{
  border: 2px solid #57C474 !important;
}

.selecteddivshadow
{
  box-shadow: 2px 2px 0 #57C474 !important;
  border: 1px solid #57C474 !important;
}

.shipsel:hover
{
box-shadow: 0 0 0 1px hsl(0deg 0% 69% / 20%), 0 15px 35px 0 rgb(49 49 93 / 8%), 0 5px 15px 0 rgb(0 0 0 / 6%);
}
.btn-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3); }
.box-shadow, .box-shadow-hover:hover { box-shadow: 0 0 10px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.btn-box-shadow-flat { box-shadow: 2px 2px 0 rgba(0,0,0,1); border-width: 1px;}

.header-with-subbar .subbar {
    position: inherit !important;
    padding: 5px 0px 10px 0px;
    border-top: 1px solid #EEE;
    margin-top: 10px;
    font-size: 13px;
}

.findstorediv {
    border-top: 5px solid #f4f3f6;
    border-bottom: 5px solid #f4f3f6;
    padding: 10px 0px;
}
.cartcheckoutdiv {
    position: fixed;
    bottom: 15px;
    width: -webkit-fill-available;
    border-radius: 50px;
}
.filter_icon img {
    width: 10px;
    margin-top: -2px;
}
.btn-add {
    margin-top: 0px !important;
    padding: 6px 26px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 13px !important;
    border: 1px solid #DDD;
    border-radius: 6px;
    background: #FFF;
    color:#28bb74;
}
a.btn-add.btn {
    color: #28bb74;
}
.colwithimg .btn-add {
    margin-top: -17px !important;
}

.product-display-theme-search .price, .product-display-theme-1 .price{
  font-size:12.75px;
}
.searchbox {
  border-radius: 1000px;
}
.udfooter {
    font-weight: 500 !important;
    color: #666;
    padding: 20px;
    background: #ffffffcf;
}

#modalProductDetails :not(.toast-header):not(.alert)>.close {
    position: fixed;
    z-index: 9999;
    display: inline-flex;
    background: #000;
    padding: 5px;
    border-radius: 50px;
    top: 10px;
    right: 15px;
    box-shadow: 0px 1px 10px #333;
    color: #fff !important;
    opacity: 1;
    border: 3px solid #FFF;
    font-weight: 600;
    font-size: 2rem;
}
.prodpopinfo {
    background: #FFF;
    margin-top: -70px;
    border-radius: 30px 30px 0px 0px;
    padding: 30px;
    box-shadow: 0px -3px 10px #0000001f;
    min-height: 80vh;
    z-index: 999;
    position: relative;
    font-size:15px !important;
}
.product-price {
    font-size: 1.3rem;
    font-weight: 500;
    color: #444;
}
.addonsalign {
    width: 100%;
    display: inline-block !important;
    text-align: left;
    text-wrap: wrap !important;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 500;
}
.addonpricedisp {
  float: right;
}
.nobghcover {
    /* background: url(https://assetdo1.urbandart.com/11729068896.jpg) #c8e5ca !important; */
  background-color: #bbd1e9;
  background-image: linear-gradient(to right, #bbd1e9 , #e9e8ee);
  border-radius: 40px;
}
.fs-11 { font-size:11px; line-height:14px; }
.box-shadow-medium, .box-shadow-medium-hover:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .08);
  -webkit-transition: all 0.3s ease-in-out;
}
.locdropdown {
  box-shadow: 17px 20px 40px rgba(0, 0, 0, .21);
  padding: 25px;
  border: none;
  border-radius: 15px;
  z-index: 1050;
}
.loc-details {
  font-size: 0.8rem !important;
}
.bg-medium-light-gray { background-color:#ededed; }
.h-500px { height: 500px; }
.cover-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: center center !important;
}
.alinknotransform {
    background: none;
    border: 0;
    color: var(--cz-nav-link-color);
    font-weight: var(--cz-nav-link-font-weight);
    text-decoration: none;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
}
.error {color: var(--cz-form-invalid-color);}


.cartlogo
{
  max-height: 40px;
}
#page-pcart,#page-ppay,#page-pstatus, #page-pfeedback
{
padding-top:0px;
}

.cartcard
{
  background: #FFF !important;
  border: none;
  border-radius: 10px;
  padding: 15px 20px;
  font-size: 1rem;
  font-weight: 500;
  color:#535555;
  box-shadow: 0 0 0 1px hsl(0deg 0% 69% / 20%), 0 15px 35px 0 rgb(49 49 93 / 8%), 0 5px 15px 0 rgb(0 0 0 / 6%);
}

.card-hover:hover
{
box-shadow: 0 0 0 1px hsl(0deg 0% 69% / 20%), 0 15px 35px 0 rgb(49 49 93 / 8%), 0 5px 15px 0 rgb(0 0 0 / 6%);
}

.bg-success
{
  background: #CEF3E3 !important;
  color: #2E7C5D !important;
}

.cartfield
{
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 500;
    color:#535555;
    box-shadow: 0 0 0 1px hsl(0deg 0% 69% / 20%), 0 15px 35px 0 rgb(49 49 93 / 8%), 0 5px 15px 0 rgb(0 0 0 / 6%);
}

.cartfield-noshadow
{
    border: none;
    border-radius: 10px;
    padding: 15px 0px;
    font-size: 13px;
    font-weight: 500;
    color:#535555;
}


.cartops .list-group-item
{
  background: #FFF !important;
  border: none;
  border-radius: 10px;
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 500;
  color:#535555;
  box-shadow: 0 0 0 1px hsl(0deg 0% 69% / 20%), 0 15px 35px 0 rgb(49 49 93 / 8%), 0 5px 15px 0 rgb(0 0 0 / 6%);
}

.cartops .form-select-sm
{
  background-color: transparent !important;
  margin: 0px;
  font-size: 1rem;
  font-weight: 400 !important;
  color: #535555;
  width: auto !important;
  display: inline-block;
  padding-left: 0px;
  letter-spacing: -0.02rem;
  width: 90% !important;
}

.btn-cartmore
{
  color: #888 !important;
  width: 100%;
  margin-top: 20px;
  letter-spacing: -0.01rem !important;
}

#page-pcart .list-group-flush .list-group-item
{
  border-bottom: 1px dashed rgb(0 0 0 / 8%);
}

#page-pcart .list-group-flush .list-group-item:last-child
{
  border-bottom: none;
}


.cart-item-list .cart-item .product-detail a
{
  font-size: 13px;
}

.cart-item-list .cart-item .pprice
{
  font-size: 13px;
  margin-top: 5px;
  color: #666;
}

.cart-item-list .cart-item .product-detail
{
  line-height: 1.4rem;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle
{
  border-color: #111;
}

.btnchange {
    font-weight: 600;
    font-size: 1rem;
    color: #333;
}

.cartops .feather
{
  color: #111;
}

.cartlogowrapper{
    text-align: center;
    margin-top: -72px;
}

.cartlogowrapper a {
    display: inline-block;
    border-radius: 120px;
    height: 120px;
    width: 120px;
    background: #FFF;
    padding-top: 48px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

#page-pcart .sidebar-nav-menu.left-sidebar-nav
{
  width: 50%;
}

.dessc
{
  height: 40px;
}

.shopping-content2
{
  padding: 0px !important;
}

.title
{

}

.border-dashed-top
{
  border-top:1px dashed var(--border_color);
}

.billsummary .eyebrow
{
  font-size: 12px !important;
}
#page-pcart #maincontainer, #page-ppay #maincontainer, #page-pstatus #maincontainer
{
  background: none !important;
}
#page-pcart {
  letter-spacing: var(--body_letterspacing);
}
.tile
{
  box-shadow: 17px 20px 40px rgba(0,0,0,.21);
  border:none;
  border-radius: 15px;
  margin-bottom: 30px;
}

.tile-noshadow
{
  border:none;
  border-radius: 15px;
  margin-bottom: 25px;
}

.carttitle
{
  font-weight: 600;
  margin-bottom:20px !important;
}

.cartlogo
{
    height:40px;
    width:auto;
}
.h-300px {
    height: 300px;
}
.applycouponuser
{
  cursor: pointer;
}

.pincode-panel
{
  max-width: 300px;
}

.pincode-panel:before {
  content: "\e88e" !important;
}

.checkout-bottombar
{
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 4px;
}
.box-shadow-medium, .box-shadow-medium-hover:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.border-color-medium-gray { border-color: #e4e4e4 !important; }
.box-shadow-medium, .box-shadow-medium-hover:hover { box-shadow: 0 0 20px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.itemnameholder {
    line-height: 1.4rem !important;
}
.form-select-sm {
    padding-left: 1rem;
    border-radius: 200px;
    background-color: #d8dce3 !important;
    border: none;
    height: 30px;
    min-width: 60px;
    margin-bottom: 0px;
}
.bluritout {
    filter: blur(20px);
    pointer-events: none;
    cursor: default;
}
.box-shadow-small, .box-shadow-small-hover:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
    color: #232323;
}
.alt-font {
    font-family: var(--altfont) !important;
}
a:link, a:visited {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    text-decoration: none;
}
.margin-one-top { margin-top:1%; }
.margin-two-top { margin-top:2%; }
.margin-three-top { margin-top:3%; }
.margin-four-top { margin-top:4%; }
.margin-five-top { margin-top:5%; }
.margin-six-top { margin-top:6%; }
.margin-ten-top {margin-top:10%;}
.margin-twenty-top {margin-top:20%;}
.margin-two-bottom { margin-bottom:2%; }
.margin-four-bottom { margin-bottom:4%; }
.margin-five-bottom { margin-bottom:5%; }
.margin-two-left { margin-left:2%; }

.padding-two-all { padding: 2%; }
.padding-ten-all { padding: 10%; }

.title-small {
    font-size: 36px;
    line-height: 42px;
}

.eyebrow {
    text-transform: var(--smallheading_transform);
    font-size: var(--smallheading_size) !important;
    letter-spacing: 0.07rem;
    font-family: var(--smallheading_family);
    color: var(--smallheading_color);
    font-weight: var(--smallheading_weight) !important;
}
.tracking-item {
 border-left:1px solid #e5e5e5;
 position:relative;
 padding:0.5rem 1.5rem .5rem 2.5rem;
 margin-left:3rem;
 min-height:6rem;
 line-height: 1.2rem;
}
.tracking-item:last-child {
 padding-bottom:4rem
}
.tracking-item .tracking-date {
 margin-bottom:.5rem;
 font-size: 0.9rem;
  font-weight: 500;
  color: #666;
}
.tracking-item .tracking-date span {
 color:#888;
 font-size:85%;
 padding-left:.4rem
}
.tracking-item .tracking-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem;
 color: #333;
 font-size: 1rem;
 font-weight: 500;
}
.tracking-item .tracking-content span {
 display:block;
 color:#999;
 font-size:85%
}
.tracking-item .tracking-icon {
  line-height: 2rem;
    position: absolute;
    left: -1rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: 50%;
    font-size: 0.9rem;
    background-color: #fff;
    color: #fff;
    padding-top: 2px;
}
.tracking-item .tracking-icon.status-sponsored {
 background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
 background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
 background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
 background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
 background-color:#d26759
}
.tracking-item .tracking-icon.status-inforeceived {
 background-color:#214977
}
.tracking-item .tracking-icon.status-intransit {
 color:#e5e5e5;
 border:1px solid #e5e5e5;
 font-size:.6rem
}

#cartBottom .cartbar {
   border-radius: 200px !important;
   padding: 12px 25px !important;
   font-size: 13px;
}

.stickyfooter {
    position: fixed;
    bottom: 0px;
    padding: 8px;
    left: 0px;
}
.pane {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 auto;
    border-radius: .05em;
    border: .01em solid #444;
    position: relative;
    background: #222;
    text-align: center;
    line-height: 1;
    font-size: 22px;
    color: #fff;
    font-family: monospace;
    box-shadow: 0px .02em 0 #999, 0px .05em 0 #000;
    text-shadow: -1px -2px 2px rgba(0, 0, 0, 1);
    z-index: 50;
}


.footer {
    background: var(--footer_bg) !important;
}

@media(min-width:992px) {
 .tracking-item {
  margin-left:10rem
 }
 .tracking-item .tracking-date {
  position:absolute;
  left:-10rem;
  width:7.5rem;
  text-align:right
 }
 .tracking-item .tracking-date span {
  display:block
 }
 .tracking-item .tracking-content {
  padding:0;
  background-color:transparent
 }
}
.text-small { font-size:13px; line-height:22px; }

#offlinebanner {
  position: fixed;
  bottom: 9px;
  left: 0px;
  background: #000000bd;
  right: 0px;
  padding: 10px;
  z-index: 9999;
  max-width: 700px;
  margin: 0px auto;
  border-radius: 10px;
  color: #ffc107 !important;
  text-align: center;
  box-shadow: 0px 1px 1px #FFF;
}

.text-extra-medium {
    font-size: 16px;
    line-height: 28px;
}

.text-very-small {
    font-size: 11px;
    line-height: 14px;
}

.text-extra-large {
    font-size: 20px;
    line-height: 28px;
}

.product-price {
    font-size: 1.3rem;
    font-weight: 500;
    color: #444;
}

.prodimg {
    max-height: 150px;
    border-radius: 10px;
    cursor: pointer;
}

.product-display-theme-7 .btn-add, .product-display-theme-7 .pmblock {
    margin-left: 15px;
    margin-top: -45px !important;
}
.product-display-theme-1 .colwithimg .btn-add {    
    margin-top: -55px !important;
}

.product-display-theme-1 .colwithimg .pmblock {
  margin-left: 15px;
  margin-top: -30px !important;
}

.pmblock {
    background: #FFF !important;
    border-radius: 5px;
    width: 100px;
    position: relative;
    margin-top: -3px;
    border: 1px solid #DDD;
    color: #383838;
    height: 33px;
}
.product-display-theme-6 .pmblock,.product-display-theme-7 .pmblock {
    height: auto;
}
.minus, .plus {
    width: 22px;
    height: 30px;
    background: #FFF;
    border-radius: 4px;
    padding: 4px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

.product-display-theme-1 .minus , .product-display-theme-1 .plus {
  padding: 0px 0px 0px 0px !important;
}
.pmblock input {
    height: 27px;
    width: 40px;
    border: 0px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    margin-bottom:3px !important;
}

.product-display-theme-1 .pmblock input {
  margin-bottom:0px !important;
  margin-top: 3px;
}
.plist {
    border-bottom: 1px dashed var(--border_color);
    padding-bottom: 20px;
    padding-top: 20px;
    height: 100%;
}

.menuslider {
    background: #ffffffad !important;
    padding: 5px 10px 0px 10px;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 4px 4px rgba(0 0 0 / 5%);
    border-radius: 10px;
}


.menuslider #next, .menuslider #prev
{
    background: #cad0d9 !important;
    color: #FFF !important;
}

span.mf.filter_icon {
    margin-left: 5px;
}

@media (max-width: 575.98px) {
  .plist {
      border-bottom: 1px dashed var(--border_color);
      padding-bottom: 20px;
      padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .sm-box-shadow-none { box-shadow: none; }
  .sm-border-bottom { border-bottom: 1px solid; }
}
@media (min-width: 992px) {
    .catwidthholder {
        max-width: 75%;
        margin: 30px auto;
    }
}
@media (min-width: 991px)
{
  #page-pcart .left-sidebar-wrapper
  {
    padding-left: 50%;
  }
}
.subbar
{
    background:#ffffffad !important;
    border-radius:0px 0px 15px 15px !important;
    margin:0px auto !important;
    /* width: 96% !important; */
    padding:12px 6px 7px 6px;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(255, 255, 255, .68) !important;
    margin-top:-8px !important;
    box-shadow:0 .5rem 2rem -.25rem hsla(216,9%,44%,.1);
}
.sidebar-top
{
    /* -webkit-backdrop-filter: saturate(180%) blur(10px); */
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(255, 255, 255, .68) !important;
    padding-top:5px;
}

video {
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}


.fw-500
{
    font-weight: 500;
}
.dropdown-menu {
    background: #fff;
}
.breadcrumb-item:before {
  padding-top:3px;
}

#hero-video
{
    background-size: cover !important;
    vertical-align: top;
    height: 75vh;
    width: auto;
    background-position: center !important;
}


header .navbar
{
background: var(--navbar_color) !important;
}

.sidebar_cats
{
  font-size: 1rem !important;
  font-weight: 500;
  margin-bottom: 15px !important;
}

.navbar-brand{max-width:150px;}
.shimmer {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #f6f7f9;
    background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    height: 204px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 60px;
    border-radius: 15px;
    box-shadow: 0 1px 8px rgba(0 0 0 / 5%);
}

.shimmer div {
    background: #fff;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
}
div.a {
    height: 40px;
    left: 40px;
    right: auto;
    top: 0;
    width: 8px;
}

div.b {
    height: 8px;
    left: 48px;
    top: 0;
}
div.c {
    left: 136px;
    top: 8px;
}
div.d {
    height: 12px;
    left: 48px;
    top: 14px;
}
div.e {
    left: 100px;
    top: 26px;
}
div.f {
    height: 10px;
    left: 48px;
    top: 32px;
}
div.g {
    height: 20px;
    top: 40px;
}
div.h {
    left: 410px;
    top: 60px;
}
div.i {
    height: 13px;
    top: 66px;
}
div.j {
    left: 440px;
    top: 79px;
}
div.k {
    height: 13px;
    top: 85px;
}
div.l {
    left: 178px;
    top: 98px;
}

.scroll-container {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    border-radius: 12px;
    padding: 5px;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin: 0px;
    background: rgb(249 241 232) !important;
}

.scroll-container.sticky {
    position: fixed;
    top: 52px;
    width: 100vw;               /* Full screen width */
    border-radius: 0;           /* Removes rounded corners in sticky mode */
    z-index: 1000;              /* Ensure it stays on top */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); /* Stronger shadow for depth */
    max-width: 1320px;
}

.scroll-nav {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none;
}

.scroll-nav::-webkit-scrollbar {
    display: none;
}

.scroll-nav .nav-scroll {
    padding: 10px 20px;
    color: #6e6e73;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 150px;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
    font-size: 13px;
    font-weight: 500;
}

.scroll-nav .nav-scroll:hover {
    background-color: #0000000a;
    transform: scale(1.05);
}

.scroll-nav .nav-scroll.active {
    background-color: #00000070;
    color: #fff;
    border-radius: 150px; /* Rounded pill effect */
    padding: 8px 20px;
}

.scroll-arrow {
  background: #ffffff96;
  border: none;
  border-radius: 10px;
  width: 40px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 -2px;
  z-index: 11;
  transition: background 0.3s ease;
}

.scroll-arrow:hover {
    background: #d1d1d6;
}

.content-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    scroll-margin-top: 70px;
}