body{

    color: #000;
    font-size: 14px;
    letter-spacing: 0.6px;
    padding-top: 0;
 }
 h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.8px;
}
a {
    text-decoration: none !important;
}
.owl-wrapper-outer{
    padding: 0;
    box-shadow: none;
    border: none;
}
.owl-carousel{
    margin-bottom: 0;
}
 button:focus{
    outline: none !important;
 }
 :focus {
    outline: none;
}
.hideme{
    display: none;
}
svg{
    vertical-align: middle;
}
dl, ol, ul{
    margin: 0;
}
@media (min-width: 320px) and (max-width: 991px){
    .container {
        max-width: 100% !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
 .container {
  max-width:100% !important;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .container {
  max-width: 963px !important;
 }
}
@media (min-width: 1200px) and (max-width: 1409px) {
 .container {
  max-width:1170px !important
 }
}
@media (min-width: 1410px) and (max-width: 1589px) {
 .container {
  max-width:1380px !important
 }
}
@media (min-width: 1590px){
 .container {
  max-width:1560px !important
 }
}
.container{
    padding: 0 15px !important;
}
a:hover{
    text-decoration: none;
}
@media(min-width: 801px){
    .wb-desktop-hide,.manun .view_more{
        display: none;
    }
}

@media(max-width: 800px){
    footer h5 .toggle.collapsed::after, footer h5 .toggle::after {
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 400;
        float: right;
        cursor: pointer;
    }
    footer h5 .toggle::after {
        content: '\f068';
    }
    footer h5 .toggle.collapsed::after {
        content: '\f067';
    }
    footer button {
        text-shadow: none;
        background: 0 0;
        border: none !important;
        box-shadow: none;
        font-size: 12px;
        position: absolute;
        top: 5px;
        right: 15px;
        width: 100%;
        padding: 0;
    }
    .store-info button{
        right: 0;
    }
    
}
@media(max-width: 360px){
    .cate-top div {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .cate-top .actionBar-section {
        float: left;
        margin-top: 10px;
    }
    .toggleLink-text {
        letter-spacing: 0;
    }
}
.cate-mar{
    margin: 0 -0.75rem;
}

/* ==========================================================================
   IMART THEME - COMPLETE DARK MODE / BLACK BACKGROUND CUSTOM CSS
   ========================================================================== */

/* ১. পুরো পেজ, বডি ও মেইন কনটেইনার */
body, 
html, 
.body, 
.page, 
.page-content, 
.main, 
#main-content {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

/* ২. টাইপোগ্রাফি ও টেক্সট কালার */
h1, h2, h3, h4, h5, h6,
.home-heading, .heading, .coffer,
.card-title, .productCarousel-slide .card-title,
.navPages-action, .navList-action {
    color: #ffffff !important;
}

p, span, label, td, th, li, div {
    color: #d0d0d0;
}

a {
    color: #ffffff;
    transition: color 0.2s ease-in-out;
}

a:hover, a:focus {
    color: #fb192d !important; /* থিমের অ্যাকসেন্ট লাল কালার */
}

.text-muted, .price--rrp, .webi-div div:last-child {
    color: #999999 !important;
}

/* প্রোডাক্টের প্রাইস/দাম কালার */
.price, .price--withoutTax, .price--withTax {
    color: #fb192d !important;
    font-weight: bold;
}

/* ৩. হেডার, মেগা মেনু ও ড্রপডাউন */
.header, 
.header-top, 
.header-top.fixed,
.navPages-container, 
#under-menu {
    background-color: #141414 !important;
    border-bottom: 1px solid #222222 !important;
}

.navPage-subMenu, 
.navPage-childList, 
.dropdown-menu, 
#currencySelection, 
.navUser-dropdown,
.dropdown--quickSearch,
.dropdown--wishList {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.6) !important;
}

.navPage-subMenu-item, 
.left-category-menu .navPage-subMenu-item,
.navPage-subMenu li:nth-child(2n) {
    background-color: transparent !important;
}

/* ৪. প্রোডাক্ট কার্ড, গ্রিড ও ক্যাটাগরি ব্লক */
.card, 
.product-layout, 
.product-item-container, 
.top-pro .card,
.catename {
    background-color: #181818 !important;
    border: 1px solid #282828 !important;
    border-radius: 6px;
}

.card:hover, .catename:hover {
    border-color: #fb192d !important;
}

/* ৫. কাস্টম প্রমোশন সেকশন ও টাইমার */
#brand, 
.cate-banner-desc, 
.deliveryinfo ul, 
.img-banner {
    background-color: #161616 !important;
    border: 1px solid #2a2a2a !important;
}

/* অফার কাউন্টডাউন টাইমার */
.countdown-amount {
    background-color: #222222 !important;
    color: #fb192d !important;
    border-color: #333333 !important;
}

/* ৬. ফর্ম ইনপুট, টেক্সটবক্স ও ড্রপডাউন */
.form-input, 
.form-select, 
input[type="text"], 
input[type="email"], 
input[type="password"], 
select, 
textarea {
    background-color: #1c1c1c !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

.form-input:focus, 
.form-select:focus, 
input:focus, 
select:focus {
    border-color: #fb192d !important;
    box-shadow: 0 0 5px rgba(251, 25, 45, 0.4) !important;
}

/* ৭. বাটনসমূহ */
.button--primary, 
.btn-primary {
    background-color: #fb192d !important;
    border-color: #fb192d !important;
    color: #ffffff !important;
}

.button--primary:hover, 
.btn-primary:hover {
    background-color: #d90e20 !important;
}

.button--default, 
.button--secondary {
    background-color: #262626 !important;
    border-color: #3a3a3a !important;
    color: #ffffff !important;
}

.button--default:hover, 
.button--secondary:hover {
    background-color: #333333 !important;
}

/* ৮. ফুটার ও কপিরাইট বার */
footer, 
.footer, 
.footer-copyright, 
.store-info {
    background-color: #111111 !important;
    border-top: 1px solid #222222 !important;
    color: #cccccc !important;
}

footer h5, footer a {
    color: #ffffff !important;
}

/* ৯. মোবাইল সাইডবার, কুইক ভিউ ও মোডাল */
.sidebar-offcanvas, 
#facetedSearch, 
.modal-content, 
.modal-body {
    background-color: #181818 !important;
    color: #ffffff !important;
}

/* ১০. স্ক্রোল টু টপ বাটন */
#scroll, 
.back-totop {
    background-color: #fb192d !important;
    color: #ffffff !important;
}

/* ==========================================================================
   ICON COLORS OVERRIDE (আইকন কালার পরিবর্তনের CSS)
   ========================================================================== */

/* ১. সব SVG আইকন সাদা করার জন্য (Search, Cart, Account, Wishlist) */
svg, 
.icon, 
.navUser-action svg, 
.header-top svg,
.main-header svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* ২. FontAwesome আইকন (অ্যারো, ক্যাটাগরি আইকন, সোশ্যাল আইকন) */
.fa, 
i.fa, 
.navPages-action i, 
.footer i {
    color: #ffffff !important;
}

/* ৩. মাউস হোভার করলে আইকনের রঙ লাল (#fb192d) হওয়ার জন্য */
a:hover svg, 
.navUser-action:hover svg, 
button:hover svg, 
a:hover .fa, 
.navPages-action:hover i {
    fill: #fb192d !important;
    color: #fb192d !important;
}

/* ৪. প্রোডাক্ট রেটিং স্টার (গোল্ডেন/হলুদ কালার) */
.icon--ratingFull, 
.fa-star, 
.icon-ratingFull {
    fill: #ffc107 !important;
    color: #ffc107 !important;
}

.card-figcaption-button.button {
    background-color: #000000 !important;}
    
    footer address,
footer .store-info address,
.foot-phone,
footer .store-info i {
    color: #ffffff !important;
}

.socialLinks-item .icon {
    background-color: #343434 !important;
}

.owl-carousel {
    background: #222222 !important;}
    
    button.button--icon svg,
.button--icon svg,
button.button--icon .icon,
.button--icon .icon {
    fill: #000000 !important;
    stroke: #000000 !important;
    color: #000000 !important;
}

.icon-bg
 {
    background-color: #777777 !important; }
    
    .icon-bg
 {
    background-color: #777777 !important; }
    
    .menuwidth .navPages-list {
        background-color: #1c1717 !important;
    }
    
    .headtop {
    background-color: #575757 !important;}
    
    .productView-reviewLink
 {
    color: #ff0000 !important;
}

p, span, label, td, th, li, div {
    color: #7c7c7c !important;}
    
    a:hover svg, .navUser-action:hover svg, button:hover svg, a:hover .fa, .navPages-action:hover i

 {
    fill: #ffffff !important;
    color: #ffffff !important;
}

.cate {
    color: #fff !important;}
    
    p, span, label, td, th, li, div

 {
    color: #ffffff !important;
}

.menuwidth li.view_more .dropdown-item {
    background-color: #000000 !important;
}

.card-title>a {
    color: #f5f5f5 !important; }
    
    .form-field.form-field--increments label {
    color: red !important;
}

a.breadcrumb-label span {
    color: #616161 !important;
}

.form-increment button.button--icon svg, .button--icon svg, button.button--icon .icon, .button--icon .icon
 {
    color: red !important;
    fill: red !important;
    stroke: red !important;
}

.pagination-item.pagination-item--next>a, .pagination-item.pagination-item--previous>a {
    color: #ffffff !important;
}