nav,section{display:block;}

@media (min-width:768px){
.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13;}
.navbar-nav{text-align: center;}
.navbar-nav .nav-item {display: inline-block;float: none;}
#cart, #search {margin-top: 0px !important;}
}
#top {margin: 0px !important; padding:0px; min-height: 0;border: none;}
.clear{clear: none;}
.h100{height: auto;}
.collapse:not(.show){display:none !important;}
.collapse.in{display:block !important;}
.dropdown{position:relative;}
.dropdown-toggle{white-space:nowrap;}
.dropdown-toggle:empty::after{margin-left:0;}
#ftco-nav .dropdown-menu{top:100%;left:0;z-index:1000;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}

.nav-link{display:block;padding:.5rem 1rem;}
.nav-link:hover,.nav-link:focus{text-decoration:none;}
.navbar{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem;}
.navbar>.container, .navbar>.container-fluid{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none;}
.navbar-nav .nav-link{padding-right:0;padding-left:0;}
.navbar-nav .dropdown-menu{position:static;float:none;}
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@media (min-width:768px){
.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto;}
.h100{height: 100px;}
}
@media (max-width:991.98px){
.clear{clear: both !important;display: block !important;}
}

.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5);}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,.75);}
.navbar-dark .navbar-nav .active>.nav-link{color:#fff;}
.bg-dark{background-color:#343a40!important;}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;}
.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important;}
.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;}
.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;}
.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.mb-0{margin-bottom:0!important;}
.mb-5{margin-bottom:3rem!important;}
.pl-3{padding-left:1rem!important;}
.p-0{padding:0!important;}
.m-auto{margin:auto!important;}
.ftco-section{padding:7em 0;}
.heading-section{font-size:28px;color:#000;}
.wrap{background:#202020;}
.wrap .phone a{color:#fff;font-size:12px;}
.social-media{display:inline-block;}
.social-media p a{width:34px;height:34px;background:#4d4d4d;margin-right:1px;}
.social-media p a span{color:#fff;}
.social-media p a:hover{background:#403939;border-color:#403939;}
.social-media p a:hover span{color:#fff;}
.navbar-sticky{position:sticky;top:0;z-index:101; transition: top 0.3s ease-in-out;}
.scrolled-hide{top:-100px;}
.common-home .overlay{margin-bottom: -100px;margin-top: -4px;}

.ftco-navbar{padding: 5px 0px;-webkit-box-shadow:0 5px 20px -17px rgba(0,0,0,.34);-moz-box-shadow:0 5px 20px -17px rgba(0,0,0,.34);box-shadow:0 5px 20px -17px rgba(0,0,0,.34);border-radius: 0px 0px 4px 4px;}
.ftco-navbar .navbar-nav>.nav-item>.nav-link{font-size:11px;padding-top:2rem;padding-bottom:2rem;padding-left:20px;padding-right:20px;font-weight:500;text-transform:uppercase;letter-spacing:2px;position:relative;opacity:1!important;}
.ftco-navbar .navbar-nav>.nav-item>.nav-link:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;visibility:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;z-index:-1;}
.ftco-navbar .navbar-nav>.nav-item>.nav-link:hover:before, .ftco-navbar .navbar-nav>.nav-item.active>a:before{visibility:visible;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}
.ftco-navbar .dropdown-menu{border:none;-webkit-box-shadow:0 10px 34px -20px rgba(0,0,0,.41);-moz-box-shadow:0 10px 34px -20px rgba(0,0,0,.41);box-shadow:0 10px 34px -20px rgba(0,0,0,.41);border-radius:4px;}
.ftco-navbar .dropdown-menu .dropdown-item{font-size:12px;}
.ftco-navbar .open .dropdown-toggle{background: transparent !important;}

.ftco-navbar-light{background:var(--light-light);}
.ftco-navbar-light.overlay{background:rgba(255, 255, 255, 0.5);}
.ftco-navbar-light .dropdown-menu{background:var(--light-light);}
.ftco-navbar-light .navbar-nav>.nav-item>.nav-link, .ftco-navbar-light .dropdown-menu .dropdown-item{color:var(--light-dark) !important;}
.ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover, .ftco-navbar-light .navbar-nav>.nav-item.active>a{color:var(--light-light) !important;}
.ftco-navbar-light .navbar-nav>.nav-item>.nav-link:before, .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover:before, .ftco-navbar-light .navbar-nav>.nav-item.active>a:before, .ftco-navbar-light .dropdown-menu a:hover,.ftco-navbar-light .dropdown-menu a:focus{background:var(--light-dark) !important;color:var(--light-light) !important;}
.ftco-navbar-light #search input, .ftco-navbar-light #search button{background:rgba(255, 255, 255, .1) !important;margin-left: 1px;box-shadow: none;}
.ftco-navbar-light .fa, .ftco-navbar-light .fa ~ span{color:var(--light-dark) !important; text-shadow: none;}
.ftco-navbar-light #searchBox:focus-within {
    border-color: rgba(0,0,0,.3);
}

.ftco-navbar-dark{background:var(--dark-dark);}
.ftco-navbar-dark.overlay{background:rgba(51,51,51,.5);  background: linear-gradient(180deg, rgba(0,0,0,0.7), transparent);border:none;box-shadow:none;clear: both;}
.ftco-navbar-dark .dropdown-menu{background:var(--dark-dark);}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link, .ftco-navbar-dark .dropdown-menu a{color:var(--dark-light) !important;}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link:hover, .ftco-navbar-dark .navbar-nav>.nav-item.active>a{color:var(--dark-dark) !important;}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link:before, .ftco-navbar-dark .navbar-nav>.nav-item>.nav-link:hover:before, .ftco-navbar-dark .navbar-nav>.nav-item.active>a:before, .ftco-navbar-dark .dropdown-menu a:hover,.ftco-navbar-dark .dropdown-menu a:focus{background:var(--dark-light) !important;color:var(--dark-dark) !important;}
.ftco-navbar-dark #searchBox,.ftco-navbar-dark #search input,.ftco-navbar-dark #search input::placeholder, .ftco-navbar-dark #search button{background:transparent !important;color:var(--light-light) !important;border-color:rgba(88,88,88,.5);text-shadow: none !important;box-shadow: none !important;}
.ftco-navbar-dark .fa, .ftco-navbar-dark .fa ~ span{color:var(--dark-light) !important; text-shadow: none;}
.ftco-navbar-dark #searchBox:focus-within {
    border-color: rgba(255, 255, 255, 0.5);
}
#logo {margin: 0px !important;}

:root {
  --light-light: #fff;
  --light-dark: #403939;

  --dark-dark: #333;
  --dark-light: #fff;
}
.searchform{width:100%;height:46px;border:1px solid rgba(0,0,0,.05);overflow:hidden;border-radius:5px;margin:0px 5px;transition: border .3s ease-in-out;}
.searchform button{padding: 10px 16px !important;}
.searchform .form-control, .searchform button{border:none;background:#fff!important;color:rgba(0,0,0,.7)!important;font-size:14px;}
.searchform .form-control::-webkit-input-placeholder{color:rgba(0,0,0,.7)!important;}
.searchform .form-control::-moz-placeholder{color:rgba(0,0,0,.7)!important;}
.searchform .form-control:-ms-input-placeholder{color:rgba(0,0,0,.7)!important;}
.searchform .form-control:-moz-placeholder{color:rgba(0,0,0,.7)!important;}
.searchform #search{width:100%; margin-bottom: 0px !important;}
.searchform #search button{width:46px;height:46px;}
.searchform .search span{font-size:18px;}
.form-control{height:46px!important;background:#fff!important;color:#000!important;font-size:14px;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border:1px solid rgba(0,0,0,.1);}
.form-control:focus,.form-control:active{border-color:#000;}
.order-lg-last #cart button {width: 47px;overflow-x: hidden;}
.order-lg-last #cart span {visibility: hidden;}
.order-lg-last #cart span i {visibility: visible;}
.order-lg-last #cart .dropdown-toggle::after {content: none;}
#cart .dropdown-menu {  min-width: 175px;}
.dropdown-parent:hover > .dropdown-menu{display:block;}
.dropdown-parent .dropdown-menu{left: 100%; top: 0}
.dropdown-parent {position: relative;}
.dropdown-inner ul {display: block;}
.dropdown-menu.inner {top: 0 !important;left: 100% !important;}
.dropdown-inner ul li {margin-left: 0px;}
.align-items-right{right: 0;position: absolute;margin-right: 15px;}
/* Hide mobile menu on desktop, hide desktop menu on mobile */
@media (min-width: 992px) { 
    #m-header, .mobile-only { display: none !important; } 
    .m-menu-panel{width:30% !important;}
}
@media (max-width: 991px) { 
    body:has(.bottom-nav-bar) { padding-bottom: 70px; }
    header{padding: 5px;}
    #d-header, .navbar-nav.m-auto { display: none !important; } 
    #m-header {padding: 10px 15px;margin-bottom: 20px;-webkit-box-shadow: 0 5px 20px -17px rgba(0, 0, 0, .34);-moz-box-shadow: 0 5px 20px -17px rgba(0,0,0,.34);box-shadow: 0 5px 20px -17px rgba(0, 0, 0, .34);}
    #m-header .logo {text-align: center;}
    #m-header .logo a {display: inline-block;}
    
}

/* Mobile Trigger Button */
.mobile-nav-trigger {
    background: #333; color: #fff; border: none; padding: 10px 15px;
    font-size: 18px; border-radius: 4px; margin: 10px;
}

/* Close Button (Top Right) */
.close-menu-btn {
    font-size: 24px;
    color: #666;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
}

/* Back Button (Top Left) */
.back-menu-btn {
    font-size: 15px;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.back-menu-btn i { margin-right: 8px; }

.back-menu-btn .fa, .close-menu-btn .fa {
    font-size: 18px !important;
}

/* Overlay Panels */
.m-menu-panel {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff; z-index: 3000; transform: translateX(-100%);
    transition: transform 0.3s ease-in-out; overflow-x: hidden;
}
.m-menu-panel.is-active { transform: translateX(0); }

/* Headers */
.m-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px; border-bottom: 1px solid #eee; background: #f9f9f9;
    text-transform: uppercase;
    font-weight: bold;
}

/* List Items */
.m-list { list-style: none; padding: 0; margin: 0; }
.m-list li { position: relative; border-bottom: 1px solid #f0f0f0; }
.m-list li a { 
    display: block; padding: 15px 60px 15px 15px; 
    color: #333; text-decoration: none; font-size: 16px; 
}

.m-list .active > a {
    background-color: #333;
    color: #fff;
}

/* Right Arrow Trigger */
.m-arrow {
    position: absolute; right: 0; top: 0; width: 60px; height: 53px;
    display: flex; align-items: center; justify-content: center;
    border-left: 1px solid #f0f0f0; cursor: pointer; color: #999;
}

.m-arrow:hover {
    background: #f9f9f9;
    color: #337ab7; /* Bootstrap Primary Color */
        }
/* --- Sub Levels (Stacked Screens) --- */
.sub-menu-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2050; /* Higher than parent */
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.sub-menu-screen.is-active {
    transform: translateX(0);
    overflow: visible;
}

.active-hidden {overflow: hidden !important;}

/* Fixed Bottom Navigation */
.bottom-nav-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 2500; /* Higher than content, lower than menu panels */
}

.top-nav-bar {
    position:sticky;
    top: 0;
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 10; /* Higher than content, lower than menu panels */
}

.top-nav-bar .bottom-nav-item {
    flex: 0;
    margin: 0px 20px;
    padding: 0px;
}
.top-nav-bar .bottom-nav-item i {
    font-size: 24px;
}

.bottom-nav-item {
    text-align: center;
    color: #333;
    flex: 1;
    cursor: pointer;
    background: none;
    border: none;
    padding: 10px 0;
}

.bottom-nav-item i {
    display: block;
    font-size: 18px;
    margin-bottom: 2px;
}

.bottom-nav-item span {
    font-size: 11px;
    display: block;
}

/* Search Overlay */
.search-overlay {
    position: fixed;
    top: -100px; /* Hidden above */
    left: 0;
    width: 100%;
    background: #fff;
    padding: 15px;
    z-index: 3001;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: top 0.3s ease-in-out;
}

.search-overlay.is-visible {
    top: 0;
}

.search-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-inner input {
    flex: 1;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 15px;
    border-radius: 4px;
}

.close-search {
    font-size: 20px;
    color: #999;
    padding: 5px;
}

/* Sidebar Container */
.cart-sidebar {
  position: fixed;
  top: 0;
  right: -400px; /* Hidden by default */
  width: 400px;
  height: 100%;
  background: #fff;
  z-index: 1050;
  transition: right 0.3s ease-in-out;
  box-shadow: -2px 0 5px rgba(0,0,0,0.1);
  overflow-y: auto;
}

.cart-body {
  padding: 20px;
}

.cart-sidebar.active {
  right: 0;
}

/* Overlay Backdrop */
.cart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1040;
  display: none;
}

.cart-overlay.active {
  display: block;
}

/* Cart Item Styling */
.cart-item {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.product-name { margin: 0 0 5px 0; font-weight: bold; }
.product-options { font-size: 12px; margin-bottom: 5px; }
.item-actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80px; /* Matches placeholder image height */
}

.item-actions .fa {
  color:#da4f49 !important;
  font-size: 18px !important;
}

.item-price { font-weight: bold; margin-top: auto; }

.cart-summary a {
    color: #333 !important;
    margin-left: 0px !important;
    text-shadow: none !important;
}

#cart ul { list-style: none; padding: 0; margin: 0; }
#cart button {
    width: 100% !important;
}

.open-cart {position: relative;}
.item-count {
    position: absolute;
    top: 15%;
    left: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    min-width: 17px;
    padding: 3px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    background-color: #2374ab;
    border-radius: 50%;
    transform: translateY(-50%);
}

/* Recommendations */
.upsell-section { margin-top: 40px; border-top: 1px solid #eee; padding: 20px 0px 60px; }
.upsell-section h4 { margin-bottom: 20px; font-size: 14px; letter-spacing: 1px; }
.no-gutter > [class*='col-'] { padding: 5px; }

/* Mobile adjustments */
@media (max-width: 480px) {
  .cart-sidebar { width: 100%; right: -100%; }
}

/* Notice Bar Container */
.notice-bar {
  background-color: transparent; /* Change to your brand color */
  color: #000000;
  height: 40px;
  font-size: 11px;
  letter-spacing: 1px;
  overflow: hidden;
  display: flex;
    align-items: center;
}
.notice-bar .carousel-inner{background-color: transparent; color: #000000;height: auto;}
/* Slide Content */



.notice-bar .carousel-inner .item p {
  margin: 0;
  padding: 0 40px; /* Space for arrows */
  text-transform: uppercase;
}

/* Customizing Arrows */
.notice-bar .carousel-control {
  width: 40px;
  background-image: none !important; /* Remove the black shadow gradient */
  opacity: 0.8;
  text-shadow: none;
}

.notice-bar .carousel-control:hover {
  opacity: 1;
}

.notice-bar .carousel-control .glyphicon {
  font-size: 14px;
  top: 0%;
  margin-top: -7px; /* Perfectly center the arrow vertically */
}

/* Ensure notice bar doesn't push content too abruptly */
body {
  padding-top: 0; 
}