/* ============================================================
   ELVENA THEME — cream / dark-green editorial fashion look
   Loaded after update.css so it wins over the default theme.
   ============================================================ */
:root{
    /* Defaults only — the live values come from admin > Front Page > Style
       (frontend/partials/theme_vars.blade.php overrides every --ev-* below). */
    --ev-cream:   #f4f1ea;
    --ev-cream-2: #ebe7de;
    --ev-white:   #ffffff;
    --ev-green:   #2e3a30;
    --ev-green-2: #222c25;
    --ev-on-green:#ffffff;
    --ev-ink:     #1f2420;
    --ev-muted:   #6b6f68;
    --ev-line:    #ddd8cc;
    --ev-btn-bg: #2e3a30; --ev-btn-text: #ffffff; --ev-btn-hover: #222c25;
    --ev-btn2-bg: #1f2420; --ev-btn2-text: #ffffff; --ev-btn2-hover: #2e3a30;
    --ev-topbar-bg: #f4f1ea; --ev-topbar-text: #1f2420;
    --ev-header-text: #ffffff;
    --ev-footer-bg: #0f0f0f; --ev-footer-text: #ffffff; --ev-footer-accent: #d4a373;
    --ev-mnav-bg: #f4f1ea; --ev-mnav-text: #1f2420; --ev-mnav-active: #2e3a30;
    --ev-sale: #b8412f; --ev-sale-bg: #fbe3e0; --ev-star: #d9a441; --ev-wish: #c0392b;
    --ev-wa-bg: #25d366; --ev-wa-icon: #ffffff; --ev-top-bg: #ffffff; --ev-top-icon: #1f2420;
    --ev-serif:   'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --ev-sans:    'Inter', 'Hind Siliguri', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html, body{ background: var(--ev-cream) !important; }
body{
    border: none !important;
    box-shadow: none !important;
    font-family: var(--ev-sans);
    color: var(--ev-ink);
}
body a{ transition: color .2s; }

/* ---------------- TOP BAR ---------------- */
.topbar{
    background: var(--ev-topbar-bg) !important;
    color: var(--ev-topbar-text) !important;
    border: none !important;
}
.ev-topbar-inner{
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 8px 0; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 500;
}
.ev-topbar-inner .ev-tb-left{ display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1 1 auto; overflow: hidden; }
.ev-topbar-inner .ev-tb-left i{ font-size: 13px; opacity: .85; flex: 0 0 auto; }
/* smooth infinite announcement scroll */
.ev-tb-marquee{ flex: 1 1 auto; min-width: 0; overflow: hidden; }
.ev-tb-track{ display: inline-flex; align-items: center; gap: 60px; white-space: nowrap; will-change: transform; animation: evTbScroll var(--tb-dur, 30s) linear infinite; }
.ev-tb-track > span{ flex: 0 0 auto; padding-right: 0; }
.ev-tb-marquee:hover .ev-tb-track{ animation-play-state: paused; }
@keyframes evTbScroll{ from{ transform: translateX(0); } to{ transform: translateX(calc(-50% - 30px)); } }
/* JS নিজে চালালে CSS animation বন্ধ — না হলে দুটো একসাথে চললে ঝাঁকুনি হয় */
.ev-tb-track.is-js{ animation: none !important; }
.ev-topbar-inner .ev-tb-right{ display: flex; align-items: center; gap: 0; }
.ev-topbar-inner .ev-tb-right a{ color: var(--ev-topbar-text) !important; text-decoration: none !important; padding: 0 12px; border-left: 1px solid var(--ev-line); line-height: 1; }
.ev-topbar-inner .ev-tb-right a:first-child{ border-left: 0; }
.ev-topbar-inner .ev-tb-right a:hover{ opacity: .75; }
@media (max-width: 767px){
    .ev-topbar-inner{ justify-content: center; font-size: 10px; }
    .ev-topbar-inner .ev-tb-right{ display: none; }
}

/* ---------------- HEADER ---------------- */
.axil-header .main-bg,
.axil-mainmenu-desktop.main-bg,
.axil-mainmenu-mobile.main-bg,
.header-navbar-clean,
.mobile-header-navbar{
    background: var(--ev-cream) !important;
    background-image: none !important;
    box-shadow: none !important;
}
.axil-mainmenu-desktop, .axil-mainmenu-mobile{ border-bottom: 1px solid var(--ev-line) !important; }
.desktop-logo-clean img, .mobile-logo img{ max-height: 44px; width: auto; }
.nav-menu-clean .nav-link-clean{
    color: var(--ev-ink) !important;
    font-family: var(--ev-sans) !important;
    font-size: 12px !important; letter-spacing: .08em; text-transform: uppercase; font-weight: 500 !important;
    background: transparent !important; border: none !important; box-shadow: none !important;
    padding: 10px 14px !important; border-radius: 0 !important;
}
.nav-menu-clean .nav-link-clean:hover,
.nav-menu-clean .nav-item-clean.active .nav-link-clean{ color: var(--ev-green) !important; background: transparent !important; text-decoration: underline; text-underline-offset: 6px; }
.nav-menu-clean .nav-link-clean::before, .nav-menu-clean .nav-link-clean::after{ display: none !important; }
.axil-submenu-clean{ background: var(--ev-white) !important; border: 1px solid var(--ev-line) !important; border-radius: 0 !important; box-shadow: 0 12px 30px rgba(31,36,32,.08) !important; }
.axil-submenu-clean a{ color: var(--ev-ink) !important; font-size: 12px !important; letter-spacing: .04em; }
.axil-submenu-clean a:hover{ color: var(--ev-green) !important; background: var(--ev-cream) !important; }

.action-list-clean a, .mobile-icons a, .mobile-nav-toggler{
    color: var(--ev-ink) !important; background: transparent !important; border: none !important; box-shadow: none !important;
}
.action-list-clean a i, .mobile-icons a i, .mobile-nav-toggler i{ color: var(--ev-ink) !important; font-size: 16px; }
.action-list-clean a:hover i{ color: var(--ev-green) !important; }
.custom-cart-badge, .footer-cart-badge{
    background: var(--ev-green) !important; color: var(--ev-on-green) !important; border: 2px solid var(--ev-cream) !important;
    font-family: var(--ev-sans) !important; font-size: 9px !important; font-weight: 600 !important;
}
.desktop-search-wrapper, .mobile-top-search-outside{ background: var(--ev-cream) !important; border-color: var(--ev-line) !important; }
.search-box input{ background: var(--ev-white) !important; border: 1px solid var(--ev-line) !important; color: var(--ev-ink) !important; border-radius: 0 !important; font-family: var(--ev-sans); }
.search-box button{ background: var(--ev-green) !important; color: var(--ev-on-green) !important; border-radius: 0 !important; border: none !important; }

/* Mobile off-canvas menu */
.premium-mobile-menu, .premium-mobile-menu .pmm-body{ background: var(--ev-cream) !important; }
.premium-mobile-menu .pmm-header{ background: var(--ev-green) !important; background-image: none !important; }
.premium-mobile-menu .pmm-quick-icon, .premium-mobile-menu .pmm-cat-icon{ background: var(--ev-cream-2) !important; color: var(--ev-green) !important; }
.premium-mobile-menu .pmm-cat-link, .premium-mobile-menu .pmm-quick-label{ color: var(--ev-ink) !important; font-family: var(--ev-sans); }
.premium-mobile-menu .pmm-section-title span{ color: var(--ev-muted) !important; letter-spacing: .14em; }
.premium-mobile-menu .pmm-footer .pmm-contact{ background: var(--ev-green) !important; }

/* ---------------- PRODUCT CARD ---------------- */
.axil-product.product-style-one{
    background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important;
    padding: 0 !important; transform: none !important;
}
.axil-product.product-style-one:hover{ transform: none !important; box-shadow: none !important; }
.axil-product.product-style-one .thumbnail{
    position: relative; background: var(--ev-cream-2) !important; border-radius: 0 !important; overflow: hidden;
    aspect-ratio: 3 / 4; border: none !important;
}
.axil-product.product-style-one .thumbnail a{ display: block; width: 100%; height: 100%; }
.axil-product.product-style-one .thumbnail img{
    width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important;
    transition: transform .8s cubic-bezier(.2,.7,.2,1) !important;
}
.axil-product.product-style-one:hover .thumbnail img{ transform: scale(1.05) !important; }
/* wishlist heart, like the reference */
.axil-product.product-style-one .thumbnail::after{
    content: "\f004"; font-family: "Font Awesome 5 Free"; font-weight: 400;
    position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 50%;
    background: var(--ev-white); color: var(--ev-ink); display: grid; place-items: center; font-size: 11px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08); pointer-events: none; z-index: 2;
}
.axil-product.product-style-one .product-type-indicator{ display: none !important; }
.axil-product.product-style-one .label-block{ z-index: 2; }
.axil-product.product-style-one .product-badget,
.axil-product.product-style-one .free-shipping-badge{
    background: var(--ev-green) !important; color: var(--ev-on-green) !important; border-radius: 0 !important;
    font-size: 9px !important; letter-spacing: .1em; text-transform: uppercase; font-weight: 600 !important;
    padding: 4px 8px !important; box-shadow: none !important; font-family: var(--ev-sans) !important;
}
.axil-product.product-style-one .product-badget.is-out{ background: var(--ev-muted) !important; }
.axil-product.product-style-one .free-shipping-badge{ background: var(--ev-white) !important; color: var(--ev-ink) !important; }
.axil-product.product-style-one .product-content{ padding: 12px 0 0 !important; background: transparent !important; }
.axil-product.product-style-one .title{ margin: 0 0 4px !important; }
.axil-product.product-style-one .title a{
    font-family: var(--ev-sans) !important; font-size: 13px !important; font-weight: 500 !important;
    color: var(--ev-ink) !important; letter-spacing: 0; line-height: 1.4;
}
.axil-product.product-style-one .title a:hover{ color: var(--ev-green) !important; }
.axil-product.product-style-one .product-price-variant{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.axil-product.product-style-one .price.current-price{ color: var(--ev-ink) !important; font-weight: 600 !important; font-size: 14px !important; }
.axil-product.product-style-one .price.old-price{ color: var(--ev-muted) !important; font-size: 12px !important; text-decoration: line-through; }
.axil-product.product-style-one .add-to-cart-btn{
    width: 32px !important; height: 32px !important; border-radius: 50% !important;
    background: var(--ev-btn2-bg) !important; color: var(--ev-btn2-text) !important; border: none !important; box-shadow: none !important;
    display: inline-flex !important; align-items: center; justify-content: center; font-size: 12px !important;
    transition: background .2s !important;
}
.axil-product.product-style-one .add-to-cart-btn:hover{ background: var(--ev-btn2-hover) !important; transform: none !important; }
.axil-product.product-style-one .add-to-cart-btn i{ color: var(--ev-btn2-text) !important; }

/* ---------------- FOOTER ---------------- */
.ev-newsletter{ background: var(--ev-green); color: #fff; }
.ev-newsletter-inner{ max-width: 1240px; margin: 0 auto; padding: 22px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.ev-newsletter-text{ display: flex; align-items: center; gap: 16px; }
.ev-newsletter-text i{ font-size: 26px; opacity: .9; }
.ev-newsletter-text strong{ display: block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; }
.ev-newsletter-text span{ font-size: 12px; opacity: .75; }
.ev-newsletter-form{ display: flex; gap: 8px; flex: 0 1 420px; }
.ev-newsletter-form input{ flex: 1; min-width: 0; padding: 10px 14px; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; font-family: var(--ev-sans); font-size: 12px; outline: none; }
.ev-newsletter-form input::placeholder{ color: rgba(255,255,255,.55); }
.ev-newsletter-form button{ padding: 10px 18px; background: #fff; color: var(--ev-ink); border: none; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; cursor: pointer; }
.ev-newsletter-form button:hover{ background: var(--ev-cream); }

.ev-footer{ background: var(--ev-cream); color: var(--ev-ink); border-top: 1px solid var(--ev-line); font-family: var(--ev-sans); }
.ev-footer-inner{ max-width: 1240px; margin: 0 auto; padding: 44px 20px 26px; }
.ev-footer-grid{ display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 28px; }
.ev-footer-brand img{ max-height: 40px; width: auto; display: block; margin-bottom: 12px; }
.ev-footer-brand p{ font-size: 12px; color: var(--ev-muted); margin: 0 0 16px; }
.ev-footer-social{ display: flex; gap: 8px; }
.ev-footer-social a{ width: 30px; height: 30px; border: 1px solid var(--ev-line); border-radius: 50%; display: grid; place-items: center; color: var(--ev-ink) !important; font-size: 12px; text-decoration: none !important; background: #fff; }
.ev-footer-social a:hover{ background: var(--ev-green); color: #fff !important; border-color: var(--ev-green); }
.ev-footer-col h6{ font-size: 11px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; margin: 0 0 14px; color: var(--ev-ink); }
.ev-footer-col ul{ list-style: none; margin: 0; padding: 0; }
.ev-footer-col li{ margin: 0 0 8px; }
.ev-footer-col a{ color: var(--ev-muted) !important; font-size: 12px; text-decoration: none !important; }
.ev-footer-col a:hover{ color: var(--ev-green) !important; }
.ev-footer-pay{ display: flex; flex-wrap: wrap; gap: 8px; }
.ev-footer-pay span{ background: #fff; border: 1px solid var(--ev-line); padding: 6px 10px; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--ev-ink); min-width: 56px; text-align: center; }
.ev-footer-pay span.visa{ color: #1a1f71; } .ev-footer-pay span.mc{ color: #eb001b; } .ev-footer-pay span.bkash{ color: #e2136e; } .ev-footer-pay span.nagad{ color: #f6921e; }
.ev-footer-pay img{ max-height: 30px; width: auto; }
.ev-footer-bottom{ border-top: 1px solid var(--ev-line); margin-top: 30px; padding-top: 16px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 11px; color: var(--ev-muted); }
.ev-footer-bottom a{ color: var(--ev-muted) !important; text-decoration: none !important; }
.ev-footer-bottom a:hover{ color: var(--ev-green) !important; }
@media (max-width: 991px){
    .ev-footer-grid{ grid-template-columns: 1fr 1fr; }
    .ev-footer-brand{ grid-column: 1 / -1; }
}
@media (max-width: 767px){
    .ev-footer{ padding-bottom: 70px; }
    .ev-newsletter-inner{ justify-content: center; text-align: center; }
    .ev-newsletter-text{ flex-direction: column; gap: 6px; }
    .ev-newsletter-form{ flex-basis: 100%; }
    .ev-footer-bottom{ justify-content: center; text-align: center; }
}

/* ---------------- MOBILE BOTTOM NAV + FLOATING ---------------- */
.footer-nav{ background: var(--ev-mnav-bg) !important; border-top: 1px solid var(--ev-line) !important; box-shadow: 0 -6px 20px rgba(31,36,32,.06) !important; }
.footer-nav .footerBtn, .footer-nav .footerBtn span{ color: var(--ev-mnav-text) !important; font-family: var(--ev-sans) !important; }
.footer-nav .footerBtn i{ color: var(--ev-mnav-text) !important; }
.footer-nav .footerBtn.active-nav, .footer-nav .footerBtn.active-nav i, .footer-nav .footerBtn.active-nav span{ color: var(--ev-mnav-active) !important; }
.footer-nav .footerBtn.active-nav .icon-wrap{ background: color-mix(in srgb, var(--ev-mnav-active) 12%, transparent) !important; }
.footer-nav .nav-slider{ background: var(--ev-mnav-active) !important; }
.premium-fab.premium-scroll-top{ background: var(--ev-top-bg) !important; }
.premium-fab.premium-scroll-top .pfab-icon{ color: var(--ev-top-icon) !important; }

/* ---------------- GENERIC (inner pages) ---------------- */
.main-wrapper, .axil-shop-area, .axil-breadcrumb-area{ background: var(--ev-cream) !important; }
.popular_product span{ font-family: var(--ev-serif) !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ev-ink) !important; font-size: 26px !important; background: none !important; -webkit-text-fill-color: var(--ev-ink) !important; }
.popular_product b{ background: var(--ev-green) !important; }

/* ---------------- CARD EXTRAS (badges + rating) ---------------- */
.axil-product.product-style-one .product-badget.is-new{ background: var(--ev-green) !important; }
.axil-product.product-style-one .product-badget.is-hot{ background: var(--ev-sale) !important; }
.axil-product.product-style-one .label-block.label-left{ position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.axil-product.product-style-one .label-block.label-right{ position: absolute; top: 44px; right: 10px; }
.axil-product.product-style-one .ev-rating{ display: flex; align-items: center; gap: 2px; font-size: 10px; color: var(--ev-star); margin: 0 0 6px; }
.axil-product.product-style-one .ev-rating span{ color: var(--ev-muted); margin-left: 4px; font-size: 11px; }

/* ---------------- HEADER SPECIFICITY FIXES (header has its own inline <style> with !important) ---------------- */
header.axil-header .nav-menu-clean .nav-link-clean{ color: var(--ev-ink) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .1em !important; opacity: 1 !important; }
header.axil-header .nav-menu-clean .nav-link-clean:hover{ color: var(--ev-green) !important; opacity: 1 !important; }
header.axil-header .action-list-clean a{ color: var(--ev-ink) !important; font-size: 16px !important; }
header.axil-header .action-list-clean a i{ color: var(--ev-ink) !important; }
header.axil-header .header-navbar-clean{ height: 72px !important; }
.topbar{ height: auto !important; }
.topbar .container{ display: block !important; }
.topbar .ev-topbar-inner{ width: 100%; }
.axil-product.product-style-one .thumbnail, .axil-product.product-style-one .thumbnail a{ padding: 0 !important; margin: 0 !important; }

/* card bg: the card partial ships its own inline <style> with !important, so out-specify it */
div.axil-product.product-style-one, div.axil-product.product-style-one:hover{ background: transparent !important; box-shadow: none !important; border: none !important; }
div.axil-product.product-style-one .product-content{ background: transparent !important; }
.ev-newsletter-form button{ width: auto !important; flex: 0 0 auto !important; }
.ev-newsletter-form input{ width: auto !important; flex: 1 1 220px !important; min-width: 0 !important; height: auto !important; }
.sort-wrap label{ white-space: nowrap; margin: 0; }
div.axil-product.product-style-one .product-content .price-wrap .price.current-price{ color: var(--ev-ink) !important; }
div.axil-product.product-style-one .product-content .price-wrap .price.old-price{ color: var(--ev-muted) !important; }
div.axil-product.product-style-one .product-price-variant .price.current-price{ background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: var(--ev-ink) !important; color: var(--ev-ink) !important; font-family: var(--ev-sans) !important; font-weight: 600 !important; font-size: 14px !important; }
div.axil-product.product-style-one .product-price-variant .price.old-price{ -webkit-text-fill-color: var(--ev-muted) !important; color: var(--ev-muted) !important; font-family: var(--ev-sans) !important; }

/* ---------------- BRAND WORDMARK ---------------- */
.ev-brand{ display: inline-flex; align-items: center; gap: 10px; color: var(--ev-ink) !important; text-decoration: none !important; line-height: 1; white-space: nowrap; }
.ev-brand .ev-brand-mark{ width: 26px; height: 26px; flex: 0 0 auto; }
.ev-brand .ev-brand-text{ font-family: var(--ev-serif); font-weight: 600; letter-spacing: .22em; text-transform: uppercase; font-size: 24px; }
.ev-brand-lg .ev-brand-text{ font-size: 26px; } .ev-brand-lg .ev-brand-mark{ width: 30px; height: 30px; }
.ev-brand-md .ev-brand-text{ font-size: 20px; } .ev-brand-md .ev-brand-mark{ width: 24px; height: 24px; }
.ev-brand-sm .ev-brand-text{ font-size: 17px; letter-spacing: .18em; } .ev-brand-sm .ev-brand-mark{ width: 20px; height: 20px; }
.ev-brand.is-light{ color: var(--ev-header-text) !important; }
.premium-mobile-menu .pmm-logo{ display: flex; justify-content: center; }

/* ---------------- HEADER POLISH ---------------- */
header.axil-header .header-navbar-clean{ height: 80px !important; }
header.axil-header .desktop-logo-clean{ flex: 0 0 22% !important; }
header.axil-header .desktop-icons-clean{ flex: 0 0 22% !important; }
header.axil-header .nav-menu-clean{ gap: 34px !important; }
header.axil-header .nav-menu-clean .nav-link-clean{ font-size: 13px !important; letter-spacing: .06em !important; text-transform: none !important; font-weight: 500 !important; padding: 27px 0 !important; position: relative; }
header.axil-header .nav-menu-clean .nav-link-clean::after{ content: "" !important; display: block !important; position: absolute; left: 0; right: 0; bottom: 22px; height: 1.5px; background: var(--ev-green); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; border: none !important; margin: 0 !important; }
header.axil-header .nav-menu-clean .nav-link-clean:hover::after, header.axil-header .nav-menu-clean .nav-item-clean.active .nav-link-clean::after{ transform: scaleX(1); }
header.axil-header .nav-menu-clean .nav-link-clean:hover{ text-decoration: none !important; }
header.axil-header .nav-item-clean.has-sub > .nav-link-clean{ padding-right: 0 !important; }
header.axil-header .action-list-clean{ gap: 22px !important; }
header.axil-header .action-list-clean a{ font-size: 17px !important; }
header.axil-header .action-list-clean a:hover{ opacity: 1 !important; transform: none !important; }
header.axil-header .custom-cart-badge{ top: -8px !important; right: -10px !important; min-width: 17px; height: 17px; line-height: 13px; }
header.mobile.axil-header .mobile-header-navbar{ height: 60px; }
header.mobile.axil-header .mobile-nav-toggler{ font-size: 18px !important; }

/* ---------------- FOOTER POLISH ---------------- */
.ev-footer-inner{ padding: 50px 20px 26px; }
.ev-footer-grid{ grid-template-columns: 1.7fr 1fr 1fr 1fr 1.1fr; }
.ev-footer-brand .ev-brand{ margin-bottom: 14px; }
.ev-footer-brand p{ font-size: 13px; }
.ev-footer-pay{ gap: 8px; }
.ev-footer-pay .pay{ display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 34px; background: #fff; border: 1px solid var(--ev-line); border-radius: 4px; font-weight: 800; font-size: 12px; letter-spacing: .02em; padding: 0; min-width: 0; }
.ev-footer-pay .pay.visa{ color: #1a1f71; font-style: italic; font-size: 14px; }
.ev-footer-pay .pay.mc{ gap: 0; }
.ev-footer-pay .pay.mc i{ width: 16px; height: 16px; border-radius: 50%; display: inline-block; }
.ev-footer-pay .pay.mc .c1{ background: #eb001b; } .ev-footer-pay .pay.mc .c2{ background: #f79e1b; margin-left: -6px; opacity: .9; }
.ev-footer-pay .pay.bkash{ background: #e2136e; color: #fff; border-color: #e2136e; font-style: italic; }
.ev-footer-pay .pay.nagad{ background: #f6921e; color: #fff; border-color: #f6921e; font-family: 'Hind Siliguri', sans-serif; font-size: 14px; }
.ev-footer-bottom{ justify-content: center; text-align: center; margin-top: 34px; }

/* ============================================================
   DARK HEADER + DARK FOOTER (product-page mockup)
   ============================================================ */
:root{ --ev-dark: #0f0f0f; --ev-dark-2: #1a1a1a; --ev-amber: #d4a373; }

/* topbar becomes light, header becomes black */
.topbar{ background: var(--ev-topbar-bg) !important; color: var(--ev-topbar-text) !important; border-bottom: 1px solid var(--ev-line) !important; }
.ev-topbar-inner{ text-transform: none; letter-spacing: .02em; font-size: 12px; font-weight: 500; }
.ev-topbar-inner .ev-tb-right a{ color: var(--ev-topbar-text) !important; border-left-color: var(--ev-line); }
.ev-topbar-inner .ev-tb-left i{ opacity: 1; }

header.axil-header .main-bg,
header.axil-header .axil-mainmenu-desktop.main-bg,
header.axil-header .axil-mainmenu-mobile.main-bg,
header.axil-header .header-navbar-clean,
header.axil-header .mobile-header-navbar{ background: var(--ev-dark) !important; }
header.axil-header .axil-mainmenu-desktop, header.axil-header .axil-mainmenu-mobile{ border-bottom: none !important; }
header.axil-header .ev-brand{ color: var(--ev-header-text) !important; }
header.axil-header .nav-menu-clean .nav-link-clean{ color: var(--ev-header-text) !important; font-size: 14px !important; letter-spacing: .02em !important; font-weight: 500 !important; }
header.axil-header .nav-menu-clean .nav-link-clean:hover{ color: var(--ev-amber) !important; }
header.axil-header .nav-menu-clean .nav-link-clean::after{ background: var(--ev-amber); }
header.axil-header .nav-item-clean.active .nav-link-clean{ color: var(--ev-amber) !important; }
header.axil-header .nav-item-clean.active .nav-link-clean::after{ transform: scaleX(1); }
header.axil-header .nav-item-clean.has-sub > .nav-link-clean::after{ display: block !important; }
header.axil-header .action-list-clean a, header.axil-header .action-list-clean a i,
header.axil-header .mobile-icons a, header.axil-header .mobile-icons a i,
header.axil-header .mobile-nav-toggler, header.axil-header .mobile-nav-toggler i{ color: var(--ev-header-text) !important; }
header.axil-header .action-list-clean a:hover i{ color: var(--ev-amber) !important; }
header.axil-header .custom-cart-badge, .footer-cart-badge{ background: var(--ev-amber) !important; color: var(--ev-dark) !important; border-color: var(--ev-dark) !important; }
header.axil-header .desktop-search-wrapper{ background: var(--ev-dark-2) !important; border-top: 2px solid var(--ev-amber) !important; border-radius: 0 !important; }
header.axil-header .mobile-top-search-outside{ background: var(--ev-dark-2) !important; border-top: 2px solid var(--ev-amber) !important; }
.search-box button{ background: var(--ev-amber) !important; color: var(--ev-dark) !important; }
.premium-mobile-menu .pmm-header{ background: var(--ev-dark) !important; }
.premium-mobile-menu .pmm-quick-icon, .premium-mobile-menu .pmm-cat-icon{ color: var(--ev-dark) !important; }
.premium-mobile-menu .pmm-footer .pmm-contact{ background: var(--ev-dark) !important; }

/* dark footer */
.ev-footer.ev-footer-dark{ background: var(--ev-footer-bg); color: var(--ev-footer-text); border-top: none; }
.ev-footer-dark .ev-footer-inner{ padding: 54px 20px 24px; }
.ev-footer-dark .ev-footer-grid{ grid-template-columns: 1.6fr 1fr 1fr 1.5fr; gap: 40px; }
.ev-footer-dark .ev-footer-brand p{ color: color-mix(in srgb, var(--ev-footer-text) 70%, transparent); font-size: 13px; margin: 0 0 18px; }
.ev-footer-dark .ev-footer-social{ gap: 16px; }
.ev-footer-dark .ev-footer-social a{ width: auto; height: auto; border: none; background: transparent; color: var(--ev-footer-text) !important; font-size: 15px; }
.ev-footer-dark .ev-footer-social a:hover{ color: var(--ev-footer-accent) !important; background: transparent; }
.ev-footer-dark .ev-footer-col h6{ color: var(--ev-footer-text); font-size: 13px; letter-spacing: .02em; text-transform: none; font-weight: 600; margin-bottom: 16px; }
.ev-footer-dark .ev-footer-col a{ color: color-mix(in srgb, var(--ev-footer-text) 72%, transparent) !important; font-size: 13px; }
.ev-footer-dark .ev-footer-col a:hover{ color: var(--ev-footer-accent) !important; }
.ev-footer-dark .ev-footer-col li{ margin-bottom: 10px; }
.ev-footer-dark .ev-footer-news p{ color: color-mix(in srgb, var(--ev-footer-text) 70%, transparent); font-size: 12px; margin: 0 0 14px; }
.ev-footer-dark .ev-newsletter-form{ display: flex; gap: 0; flex: none; width: 100%; max-width: 360px; border: 1px solid color-mix(in srgb, var(--ev-footer-text) 28%, transparent); }
.ev-footer-dark .ev-newsletter-form input{ background: transparent !important; border: none !important; color: var(--ev-footer-text); padding: 11px 14px; font-size: 12px; }
.ev-footer-dark .ev-newsletter-form input::placeholder{ color: color-mix(in srgb, var(--ev-footer-text) 50%, transparent); }
.ev-footer-dark .ev-newsletter-form button{ width: 44px !important; padding: 0 !important; background: var(--ev-footer-text) !important; color: var(--ev-footer-bg) !important; display: grid; place-items: center; font-size: 14px; }
.ev-footer-dark .ev-newsletter-form button:hover{ background: var(--ev-footer-accent) !important; }
.ev-footer-dark .ev-footer-contact{ display: flex; flex-direction: column; gap: 6px; margin-top: 16px; }
.ev-footer-dark .ev-footer-contact a{ font-size: 12px; color: color-mix(in srgb, var(--ev-footer-text) 72%, transparent) !important; text-decoration: none !important; display: inline-flex; gap: 8px; align-items: center; }
.ev-footer-dark .ev-footer-bottom{ border-top: 1px solid color-mix(in srgb, var(--ev-footer-text) 12%, transparent); margin-top: 40px; padding-top: 18px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; color: color-mix(in srgb, var(--ev-footer-text) 55%, transparent); font-size: 11px; text-align: left; }
.ev-footer-dark .ev-footer-bottom a{ color: color-mix(in srgb, var(--ev-footer-text) 55%, transparent) !important; }
.ev-footer-dark .ev-footer-bottom a:hover{ color: var(--ev-footer-accent) !important; }
.ev-footer-dark .ev-footer-pay .pay{ height: 28px; width: 50px; font-size: 11px; border-color: transparent; }
@media (max-width: 991px){
    .ev-footer-dark .ev-footer-grid{ grid-template-columns: 1fr 1fr; gap: 28px; }
    .ev-footer-dark .ev-footer-brand{ grid-column: 1 / -1; }
    .ev-footer-dark .ev-footer-news{ grid-column: 1 / -1; }
    .ev-footer-dark .ev-footer-bottom{ justify-content: center; text-align: center; }
}

/* listing: price range checkboxes + card polish */
.pill.price-pill::before{ border-radius: 3px; }
.pill.price-pill.active::before{ box-shadow: none; }
.axil-product.product-style-one .product-badget.is-best{ background: var(--ev-green) !important; }
.axil-product.product-style-one .product-badget.is-new{ background: var(--ev-dark) !important; }
.axil-product.product-style-one .product-badget.is-hot{ background: var(--ev-sale) !important; }
.axil-product.product-style-one .ev-rating b{ color: var(--ev-ink); font-weight: 600; margin-left: 4px; font-size: 11px; }
.axil-product.product-style-one .ev-rating .far{ color: var(--ev-line); }
.ev-pd-off{ background: var(--ev-sale-bg); }
.axil-product.product-style-one .thumbnail{ border-radius: 8px !important; }
.ev-cat-card .ev-cat-img, .ev-pd-main, .ev-pd-thumbs .small-thumb-img{ border-radius: 8px; overflow: hidden; }
.ev-pd-thumbs .small-thumb-img{ border-radius: 8px !important; }

/* ============================================================
   PRODUCT CARD (ev-card) — editorial fashion card
   ============================================================ */
.ev-card{ position: relative; display: flex; flex-direction: column; height: 100%; font-family: var(--ev-sans); color: var(--ev-ink); }
/* পুরো কার্ড ক্লিকেবল — ছবি/লেখার নিচে বসা অদৃশ্য লিংক */
.ev-card-link{ position: absolute; inset: 0; z-index: 1; }
.ev-card-media, .ev-card-body{ position: relative; z-index: 2; pointer-events: none; }
.ev-card-media a, .ev-card-body a{ pointer-events: auto; }
/* ছবির বক্স 1:1 স্কয়ার; নাম/দাম/রেটিং তার নিচে বসে */
.ev-card-media{ border-radius: 10px 10px 0 0; overflow: hidden; background: var(--ev-white); aspect-ratio: 1 / 1; flex: 0 0 auto; }
.ev-card-img{ display: block; width: 100%; height: 100%; }
/* contain — চার কোনা সমান (1:1) বক্সে প্রোডাক্টের পুরো ছবি দেখা যায়, কোনো পাশ কাটে না */
.ev-card-img img{ width: 100%; height: 100%; object-fit: contain; background: var(--ev-white); display: block; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.ev-card:hover .ev-card-img img{ transform: scale(1.05); }

.ev-card-badges{ position: absolute; top: 10px; left: 10px; z-index: 2; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.ev-badge{ display: inline-block; padding: 5px 9px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; color: var(--ev-btn2-text); background: var(--ev-btn2-bg); border-radius: 4px; line-height: 1; }
.ev-badge.is-best{ background: var(--ev-green); color: var(--ev-on-green); }
.ev-badge.is-hot{ background: var(--ev-sale); color: #fff; }
.ev-badge.is-out{ background: var(--ev-muted); color: #fff; }

.ev-card-wish{ position: absolute; top: 10px; right: 10px; z-index: 2; width: 30px; height: 30px; border-radius: 50%; border: none; background: var(--ev-white); color: var(--ev-ink); display: grid; place-items: center; font-size: 12px; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: .2s; }
.ev-card-wish:hover, .ev-card-wish.on{ color: var(--ev-wish); }

.ev-card-ship{ position: absolute; left: 10px; bottom: 10px; z-index: 3; background: var(--ev-btn-bg); color: var(--ev-btn-text); font-size: 11px; font-weight: 600; letter-spacing: .01em; padding: 5px 10px; border-radius: 20px; display: inline-flex; align-items: center; gap: 6px; transition: opacity .25s; }
.ev-card-ship i{ font-size: 11px; color: var(--ev-btn-text); }

/* slide-up add-to-cart (desktop) */
.ev-card-cta{ position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 3; transform: translateY(14px); opacity: 0; transition: transform .3s ease, opacity .3s ease; }
.ev-card:hover .ev-card-cta{ transform: translateY(0); opacity: 1; }
.ev-card:hover .ev-card-ship{ opacity: 0; }
.ev-card-btn{ width: 100%; height: 40px; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; background: var(--ev-btn2-bg) !important; color: var(--ev-btn2-text) !important; border: none !important; border-radius: 6px !important; font-size: 11px !important; letter-spacing: .12em; text-transform: uppercase; font-weight: 600 !important; cursor: pointer; text-decoration: none !important; box-shadow: 0 6px 16px rgba(0,0,0,.18) !important; transition: background .2s !important; padding: 0 12px !important; line-height: 1; font-family: var(--ev-sans) !important; }
.ev-card-btn:hover{ background: var(--ev-btn2-hover) !important; color: var(--ev-btn2-text) !important; }
.ev-card-btn.is-off{ background: var(--ev-muted) !important; cursor: not-allowed; box-shadow: none !important; }
.ev-card-btn:disabled{ opacity: .8; cursor: wait; }
.ev-card-btn i{ font-size: 12px; }

.ev-card-body{ flex: 1 1 auto; padding: 9px 10px 10px; display: flex; flex-direction: column; gap: 5px; min-width: 0; max-width: 100%; }
/* nowrap টাইটেলের min-content প্রস্থ কার্ডকে ফুলিয়ে দিচ্ছিল — min-width:0 ছাড়া grid item সঙ্কুচিত হয় না */
.ev-card, .ev-card *{ min-width: 0; }
.ev-card{ max-width: 100%; }
/* টাইটেল দুই লাইনে দেখায়, তার বেশি হলে ... হয়। min-height দেওয়ায় এক/দুই লাইনের কার্ডগুলোর দাম-রেটিং একই লাইনে থাকে। */
.ev-card-title{ margin: 0; font-size: 13.5px; font-weight: 600; line-height: 1.35; min-width: 0; max-width: 100%; overflow: hidden; min-height: calc(2 * 1.35em); }
.ev-card-title a{ color: var(--ev-ink) !important; text-decoration: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 100%; }
.ev-card-title a:hover{ color: var(--ev-btn-bg) !important; }
/* rating • sold row */
.ev-card-stats{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ev-card-rating{ display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ev-star); white-space: nowrap; }
.ev-card-rating i{ font-size: 13px; color: var(--ev-star); }
.ev-card-rating b{ color: var(--ev-ink); font-size: 12.5px; font-weight: 600; margin: 0; }
.ev-card-rating span{ color: var(--ev-muted); font-size: 12px; margin: 0; }
.ev-card-sold{ font-size: 12px; color: var(--ev-muted); white-space: nowrap; }
.ev-card-price{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ev-card-price .current-price{ font-size: 18px; font-weight: 700; color: var(--ev-ink); font-family: var(--ev-sans); }
.ev-card-price .old-price{ font-size: 12px; color: var(--ev-muted); text-decoration: line-through; font-family: var(--ev-sans); }
.ev-card-off{ background: var(--ev-sale-bg); color: var(--ev-sale); font-size: 10px; font-weight: 700; padding: 3px 7px; border-radius: 4px; letter-spacing: .02em; }

/* mobile: cart button always visible below price */
.ev-card-cta-m{ display: none; margin-top: 4px; }
@media (max-width: 991px){
    .ev-card-cta{ display: none; }
    .ev-card-cta-m{ display: block; }
    .ev-card-cta-m .ev-card-btn{ height: 36px; box-shadow: none !important; border-radius: 6px !important; }
    .ev-card:hover .ev-card-ship{ opacity: 1; }
}
@media (max-width: 575px){
    .ev-card-title{ font-size: 12.5px; }
    .ev-card-price .current-price{ font-size: 16px; }
    .ev-card-off{ font-size: 9px; padding: 2px 5px; }
    .ev-badge{ font-size: 9px; padding: 4px 7px; }
    .ev-card-stats{ gap: 9px; }
    .ev-card-rating, .ev-card-rating span, .ev-card-sold{ font-size: 11px; }
    .ev-card-rating b{ font-size: 11.5px; }
    .ev-card-ship{ font-size: 10px; padding: 4px 8px; left: 8px; bottom: 8px; }
}

/* grid spacing on listing pages */
#product_data .item_data{ margin-bottom: 30px; }
.ev-prod-grid{ gap: 20px; }
.ev-related-grid{ gap: 20px; }
/* every product-grid cell must be allowed to shrink below its content width.
   Shop page: .ev-list-grid > (wrapper) > .products-wrap > #product_data > .col-* > .ev-card
   — grid/flex item-এর default min-width:auto থাকলে nowrap টাইটেল পুরো কলাম ফুলিয়ে দেয়। */
.ev-prod-grid > *, .ev-related-grid > *, #product_data > *, #product_data .item_data,
.ev-list-grid > *, .ev-list-grid > * > *, .products-wrap, #product_data,
#product_data > [class*="col-"]{ min-width: 0 !important; max-width: 100%; }
.ev-card-price span.price.current-price{ font-size: 18px !important; font-weight: 700 !important; color: var(--ev-ink) !important; -webkit-text-fill-color: var(--ev-ink) !important; background: none !important; line-height: 1.2; }
.ev-card-price del.price.old-price{ font-size: 12px !important; color: var(--ev-muted) !important; -webkit-text-fill-color: var(--ev-muted) !important; }
@media (max-width: 767px){ .ev-card-price span.price.current-price{ font-size: 16px !important; } }
/* header.css forces .product_img to 180px under 775px — the card box must stay full */
.ev-card-media .ev-card-img img.product_img, .ev-card-img img{ height: 100% !important; max-height: none !important; min-height: 0 !important; width: 100% !important; object-fit: contain !important; }
.ev-card-media{ height: auto !important; }
.ev-card-body{ flex: 1 1 auto !important; }
/* keep faces in frame when hero/banner images are cropped */
.ev-hero-media img{ object-position: center 30% !important; }
.ev-banner-media img, .ev-cat-hero-media img{ object-position: center 30% !important; }
@media (max-width: 991px){ .ev-hero-media img{ object-position: center 25% !important; } }
@media (max-width: 991px){
    .ev-cat-hero-media{ min-height: 280px; }
    .ev-cat-hero-media img, .ev-hero-media img, .ev-banner-media img{ object-position: center top !important; }
    .ev-cat-hero-media::before{ background: linear-gradient(0deg, var(--ev-cream-2) 0%, transparent 16%) !important; }
}
/* footer: contact column + centered copyright */
.ev-footer-dark .ev-footer-grid{ grid-template-columns: 1.6fr 1fr 1fr 1.3fr; }
.ev-footer-contact-list{ list-style: none; margin: 0; padding: 0; }
.ev-footer-contact-list li{ display: flex; align-items: flex-start; gap: 10px; color: color-mix(in srgb, var(--ev-footer-text) 72%, transparent); font-size: 13px; margin-bottom: 10px; }
.ev-footer-contact-list li i{ width: 16px; text-align: center; color: var(--ev-footer-accent); margin-top: 3px; font-size: 12px; }
.ev-footer-dark .ev-footer-bottom{ flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 6px; padding-top: 22px; }
.ev-footer-dark .ev-copy{ font-size: 13px; color: color-mix(in srgb, var(--ev-footer-text) 75%, transparent); letter-spacing: .02em; }
.ev-footer-dark .ev-copy strong{ color: var(--ev-footer-text); font-weight: 600; }
.ev-footer-dark .ev-copy-sub{ font-size: 12px; color: var(--ev-footer-text) !important; }
.ev-footer-dark .ev-copy-sub a{ color: var(--ev-footer-text) !important; font-weight: 600; text-decoration: none !important; }
.ev-footer-dark .ev-copy-sub a:hover{ text-decoration: underline !important; }
/* white headings inside dark blocks (global h1-h6 color would otherwise win) */
.ev-banner.is-dark h3, .ev-banner.is-dark .ev-serif, .ev-banner.is-dark .ev-link-arrow,
.ev-sale h3, .ev-sale .ev-serif, .ev-sale p, .ev-sale .ev-eyebrow{ color: var(--ev-on-green) !important; }
.ev-footer-dark h6, .ev-footer-dark .ev-brand-text, .ev-footer-dark .ev-brand, .ev-footer-dark p{ color: var(--ev-footer-text) !important; }
.ev-banner.is-dark .ev-eyebrow, .ev-sale .ev-eyebrow{ color: color-mix(in srgb, var(--ev-on-green) 72%, transparent) !important; }
.ev-sale p{ color: color-mix(in srgb, var(--ev-on-green) 78%, transparent) !important; }
.ev-footer-dark .ev-footer-brand p{ color: color-mix(in srgb, var(--ev-footer-text) 70%, transparent) !important; }
/* checkout: beat legacy form/radio/qty rules */
.ev-co .ev-input, .ev-co input.ev-input.form-control{ height: 50px !important; min-height: 0 !important; line-height: 48px !important; border-radius: 8px !important; }
.ev-co .pro-qty{ border-radius: 0 !important; padding: 0 !important; min-width: 0 !important; width: auto !important; box-shadow: none !important; }
.ev-co .pro-qty::before, .ev-co .pro-qty::after{ display: none !important; }
.ev-co .pro-qty .qtybtn{ border-radius: 7px !important; background: var(--ev-white) !important; width: 34px !important; height: 34px !important; font-size: 17px !important; }
.ev-co .pro-qty .quantity-input{ width: 30px !important; height: 34px !important; }
.ev-co .payment-card-label input[type=radio], .ev-co .ev-terms input[type=checkbox]{ -webkit-appearance: auto !important; appearance: auto !important; accent-color: var(--ev-btn-bg) !important; border: none !important; background: none !important; box-shadow: none !important; }
.ev-co .ship-card{ border-radius: 10px !important; }
.ev-co .ev-box-title{ font-size: 20px !important; }
/* checkout payment radios: legacy CSS hides the native radio and paints its own,
   so we keep that approach but draw the circle FIRST (order:-2) and in the button colour */
.ev-co .payment-card-label{ position: relative; }
.ev-co .payment-card-label input[type=radio]{ position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; }
.ev-co .payment-card-label label{ justify-content: flex-start !important; gap: 12px; }
.ev-co .payment-card-label label::before{ content: ""; order: -2; width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 2px solid var(--ev-btn-bg) !important; background: var(--ev-white) !important; flex: 0 0 auto; position: static !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; transition: .15s; }
.ev-co .payment-card-label:has(input:checked) label::before{ background: var(--ev-btn-bg) !important; border-color: var(--ev-btn-bg) !important; box-shadow: inset 0 0 0 4px var(--ev-white) !important; }
.ev-co .payment-card-label label .ev-pay-tag{ margin-left: auto; }
.ev-co .payment-card-label label img{ margin-left: 0 !important; }
.ev-co .payment-card-label label::after, .ev-co .ship-option label::after{ display: none !important; }
/* checkout on small screens: form card first, then the order summary (reference layout) */
@media (max-width: 991px){
    .ev-co{ padding-bottom: 40px; }
    .ev-co .ev-sum-wrap{ position: static !important; order: 0; }
}

/* wishlist */
.ev-wl-count.is-zero{ display: none !important; }
header.axil-header .ev-wl-link{ position: relative !important; }
.ev-card-wish.on, .ev-pd-wish.on, .ev-pd-wish2.on{ color: var(--ev-wish) !important; }
.mobile-icons .ev-wl-link .custom-cart-badge{ top: -4px !important; right: -6px !important; }
/* hero slider layout (rounded card, copy left / image right on all screens) now lives in home.blade.php —
   the old full-width !important overrides were removed so they no longer force a stacked layout on mobile */
/* product card: visible border + white body so each card reads as a card */
.ev-card{ background: var(--ev-white); border: 1px solid var(--ev-line); border-radius: 10px; overflow: hidden; transition: box-shadow .25s, border-color .25s; }
.ev-card:hover{ border-color: var(--ev-line); box-shadow: 0 10px 26px rgba(31,36,32,.08); }
.ev-card-media{ border-radius: 0 !important; }
.ev-card-body{ padding: 12px 12px 14px !important; }
.ev-card-cta{ left: 10px; right: 10px; bottom: 10px; }
.ev-card-cta-m{ padding: 0; }
@media (max-width: 575px){ .ev-card-body{ padding: 10px 10px 12px !important; } }
/* price row always on one line; discount pill smaller so it never drops below */
.ev-card-price{ flex-wrap: nowrap !important; gap: 6px !important; white-space: nowrap; min-width: 0; }
.ev-card-price .old-price{ min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ev-card-off{ font-size: 9px !important; padding: 2px 5px !important; line-height: 1.3; flex: 0 0 auto; }
.ev-card-body{ height: auto; }
.ev-card-cta-m{ margin-top: auto !important; padding-top: 6px; }
@media (max-width: 767px){
    .ev-card-price span.price.current-price{ font-size: 13px !important; }
    .ev-card-price .old-price{ font-size: 10px !important; }
    .ev-card-off{ font-size: 8px !important; padding: 2px 4px !important; letter-spacing: 0; }
    .ev-card-title{ font-size: 12px; }
    .ev-card-rating{ font-size: 9px; }
    .ev-card-rating span{ font-size: 10px; }
}
@media (max-width: 420px){
    .ev-card-price span.price.current-price{ font-size: 12px !important; }
    .ev-card-price .old-price{ font-size: 9px !important; }
    .ev-card-cta-m .ev-card-btn{ font-size: 10px !important; letter-spacing: .06em; height: 34px; }
}
/* image box must never shrink; body simply fills the rest */
.ev-card-media{ flex: 0 0 auto !important; }
.ev-card-body{ height: auto !important; flex: 1 1 auto !important; padding-top: 9px !important; }
.ev-card-title{ margin: 0 !important; }
/* small phones: compact wordmark so it never touches the icons; usable sort select */
@media (max-width: 480px){
    .mobile-logo .ev-brand{ gap: 6px; }
    .mobile-logo .ev-brand .ev-brand-text{ font-size: 13px; letter-spacing: .1em; }
    .mobile-logo .ev-brand .ev-brand-mark{ width: 16px; height: 16px; }
    .mobile-icons{ gap: 6px !important; }
    .shop-topbar > div{ width: 100%; justify-content: space-between; }
    .sort-wrap{ flex: 1; justify-content: flex-end; }
    .sort-wrap select{ min-width: 130px; }
    .mob-filter-btn{ flex: 0 0 auto; }
}
@media (max-width: 380px){ .mobile-logo .ev-brand .ev-brand-text{ font-size: 11.5px; letter-spacing: .08em; } }
.mob-filter-btn{ width: auto !important; flex: 0 0 auto !important; }

/* mobile bottom nav: five items, editorial look */
.footer-nav .m-nav-main{ display: flex !important; align-items: stretch; }
.footer-nav .button-shop{ flex: 1 1 20% !important; width: auto !important; min-width: 0; }
.footer-nav .footerBtn{ padding: 6px 2px !important; }
.footer-nav .footerBtn span{ font-size: 9.5px !important; letter-spacing: .02em; white-space: nowrap; }
.footer-nav .footerBtn .icon-wrap{ position: relative; }
.footer-nav .footer-cart-badge{ position: absolute; top: -4px; right: -8px; min-width: 15px; height: 15px; font-size: 9px !important; line-height: 15px; padding: 0 3px; }
.footer-nav .footer-cart-badge.is-zero{ display: none !important; }
.premium-mobile-menu .pmm-logo{ padding-right: 44px; justify-content: flex-start; }
.premium-mobile-menu .pmm-logo .ev-brand-text{ font-size: 15px; letter-spacing: .14em; }
.premium-mobile-menu .pmm-logo .ev-brand-mark{ width: 20px; height: 20px; }
/* mobile footer: three rows */
.ev-footer-m{ display: none; }
@media (max-width: 991px){
    .ev-footer-dark .ev-footer-grid{ display: none !important; }
    .ev-footer-m{ display: block; text-align: center; }
    .ev-footer-dark .ev-footer-inner{ padding: 36px 20px 22px; }
    .ev-footer-m-brand .ev-brand{ justify-content: center; }
    .ev-footer-m-brand p{ color: color-mix(in srgb, var(--ev-footer-text) 65%, transparent) !important; font-size: 12px; margin: 10px 0 14px; }
    .ev-footer-m-brand .ev-footer-social{ justify-content: center; gap: 12px; }
    .ev-footer-m-brand .ev-footer-social a{ width: 38px; height: 38px; border: 1px solid color-mix(in srgb, var(--ev-footer-text) 18%, transparent); border-radius: 50%; display: grid; place-items: center; color: var(--ev-footer-text) !important; font-size: 14px; background: transparent; }
    .ev-footer-m-brand .ev-footer-social a:hover{ background: var(--ev-footer-accent); border-color: var(--ev-footer-accent); color: var(--ev-footer-bg) !important; }
    .ev-footer-m-links{ display: flex; justify-content: center; flex-wrap: wrap; gap: 0; margin-top: 22px; padding-top: 18px; border-top: 1px solid color-mix(in srgb, var(--ev-footer-text) 12%, transparent); }
    .ev-footer-m-links a{ color: color-mix(in srgb, var(--ev-footer-text) 80%, transparent) !important; text-decoration: none !important; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 4px 12px; position: relative; }
    .ev-footer-m-links a + a::before{ content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; background: color-mix(in srgb, var(--ev-footer-text) 20%, transparent); }
    .ev-footer-dark .ev-footer-bottom{ margin-top: 18px; padding-top: 16px; }
}
@media (max-width: 360px){ .ev-footer-m-links a{ font-size: 11px; padding: 4px 8px; } }
/* floating buttons: plain WhatsApp (original green) + simple arrow scroll-top, 1px border, no rings/glow */
.premium-float-stack{ gap: 10px !important; right: 18px !important; bottom: 18px !important; }
.premium-fab{ width: 46px !important; height: 46px !important; border-radius: 50% !important; box-shadow: none !important; animation: none !important; border: 1px solid rgba(0,0,0,.15) !important; transform: none !important; }
.premium-fab::before, .premium-fab::after, .premium-fab .pfab-ring, .premium-scroll-top .pst-progress{ display: none !important; animation: none !important; }
.premium-fab:hover{ transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0,0,0,.15) !important; }
.premium-fab .pfab-icon{ transform: none !important; }
.premium-fab:hover .pfab-icon{ transform: none !important; }
.premium-fab-wa{ background: var(--ev-wa-bg) !important; border-color: var(--ev-wa-bg) !important; color: var(--ev-wa-icon) !important; }
.premium-fab-wa .pfab-icon{ font-size: 24px !important; color: var(--ev-wa-icon) !important; }
.premium-scroll-top{ background: var(--ev-top-bg) !important; border-color: var(--ev-line) !important; color: var(--ev-top-icon) !important; }
.premium-scroll-top .pfab-icon{ font-size: 14px !important; color: var(--ev-top-icon) !important; }
.premium-scroll-top.is-clicked .pfab-icon{ transform: none !important; animation: none !important; }
@media (max-width: 991px){
    .premium-float-stack{ right: 14px !important; bottom: 86px !important; }
    .premium-fab{ width: 42px !important; height: 42px !important; }
    .premium-fab-wa .pfab-icon{ font-size: 22px !important; }
    .premium-scroll-top{ display: none !important; }
}
/* intro animation was removed, so set the resting state explicitly */
.premium-float-stack .premium-fab{ opacity: 1 !important; visibility: visible !important; }
.premium-float-stack .premium-fab.premium-scroll-top{ opacity: 0 !important; pointer-events: none; transform: translateY(8px) !important; transition: opacity .25s, transform .25s !important; background: var(--ev-top-bg) !important; }
.premium-float-stack .premium-fab.premium-scroll-top.is-visible{ opacity: 1 !important; pointer-events: auto; transform: none !important; }
.premium-float-stack .premium-fab.premium-scroll-top .pfab-icon{ color: var(--ev-top-icon) !important; }
.premium-float-stack .premium-fab.premium-fab-wa{ background: var(--ev-wa-bg) !important; }
/* category hero: full-bleed image on phones/tablets (no side gaps) */
@media (max-width: 991px){
    .ev-cat-hero .ev-container{ padding: 0 !important; max-width: none !important; }
    .ev-cat-hero-copy{ padding: 22px 20px 30px !important; }
    .ev-cat-hero-media{ min-height: 300px; }
}
/* features bar: 2 x 2 on phones */
@media (max-width: 575px){
    .ev-features-inner{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 10px; padding: 18px 16px; }
    .ev-feature{ gap: 10px; align-items: flex-start; }
    .ev-feature i{ font-size: 20px; width: 24px; margin-top: 2px; }
    .ev-feature strong{ font-size: 12px; }
    .ev-feature span{ font-size: 10.5px; line-height: 1.3; display: block; }
}
/* hidden delivery radios were 100% wide (global input rule) and pushed the page sideways */
.ev-co .ship-option{ position: relative; display: block; }
.ev-co .ship-option input[type=radio]{ position: absolute !important; left: 0 !important; top: 0 !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; margin: 0 !important; }
/* homepage product cards: no add-to-cart (desktop hover bar + mobile button) */
.ev-home .ev-card-cta, .ev-home .ev-card-cta-m{ display: none !important; }
.ev-home .ev-card:hover .ev-card-ship{ opacity: 1; }
/* product page: both button rows the same height */
.ev-pd-buy .quantity, .ev-pd-buy .add_cart_btn, .ev-pd-buy .ev-pd-wish2,
.ev-pd-buy2 .order_now_btn, .ev-pd-buy2 .wa_now_btn, .ev-pd-buy2 .call_now_btn{ height: 48px !important; }
.ev-pd-buy .ev-pd-wish2, .ev-pd-buy2 .wa_now_btn, .ev-pd-buy2 .call_now_btn{ width: 48px !important; flex: 0 0 48px; }
.ev-pd-buy, .ev-pd-buy2{ gap: 10px; }
/* checkout: legacy h2 rule killed the heading margin, so cards touched the section title */
.ev-co .ev-box h2.ev-box-title{ margin: 0 0 20px !important; padding: 0 !important; line-height: 1.2; }
.ev-co .ev-box .ev-box-title .n{ flex: 0 0 auto; }
.ev-co .ev-box > .ev-field:first-of-type, .ev-co .ev-box .ev-two{ margin-top: 0; }
.ev-co .ev-field label{ display: block; margin: 0 0 8px !important; }
.ev-co .ship-radio-wrap{ gap: 12px !important; }
.ev-co .ev-pay-list{ gap: 12px !important; }
.ev-co .ev-box{ padding: 28px 26px 26px !important; margin-bottom: 24px !important; }
@media (max-width: 767px){ .ev-co .ev-box{ padding: 20px 16px 18px !important; margin-bottom: 16px !important; } }
/* footer brand block: legacy "footer p{margin:0}" removed the tagline gap */
.ev-footer .ev-footer-brand .ev-brand{ display: inline-flex; margin: 0 0 16px !important; }
.ev-footer .ev-footer-brand p{ margin: 0 0 18px !important; line-height: 1.6; }
.ev-footer .ev-footer-brand .ev-footer-social{ margin-top: 0; }
.ev-footer .ev-footer-m-brand p{ margin: 12px 0 16px !important; }
.ev-footer .ev-footer-col h6{ margin: 0 0 16px !important; }

/* =====================================================================
   CART SIDEBAR (Elvena redesign) — right-side drawer, nothing clipped.
   Overrides style.css / header.css / new.css / custom-modern.css rules.
   ===================================================================== */
#cart-dropdown.cart-dropdown{ position: fixed !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: auto !important; width: min(420px, 100vw) !important; height: 100% !important; max-height: 100dvh !important; z-index: 999999 !important; transform: translateX(110%); transition: transform .45s cubic-bezier(.22,.61,.36,1) !important; }
#cart-dropdown.cart-dropdown.open{ transform: none; }
.closeMask{ z-index: 999998 !important; background: rgba(15,23,42,.45) !important; backdrop-filter: blur(2px); }
#cart-dropdown .cart-content-wrap{ width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; border: none !important; box-shadow: -20px 0 60px rgba(2,6,23,.18) !important; background: var(--ev-white, #fff) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; }
#cart-dropdown .cart-header{ display: flex !important; align-items: center; justify-content: space-between; padding: 18px 22px !important; margin: 0 !important; border-bottom: 1px solid var(--ev-line, #e5e7eb) !important; background: var(--ev-cream-2, #eaf3fb); flex: 0 0 auto; }
#cart-dropdown .cart-header .header-title{ font-family: var(--ev-serif); font-weight: 500; font-size: 22px !important; margin: 0 !important; color: var(--ev-ink, #1f2420); }
#cart-dropdown .cart-header .cart-close{ width: 36px !important; height: 36px !important; border-radius: 50% !important; border: 1px solid var(--ev-line, #e5e7eb) !important; background: var(--ev-white, #fff) !important; display: grid !important; place-items: center; font-size: 13px !important; cursor: pointer; color: var(--ev-ink, #1f2420) !important; padding: 0 !important; margin: 0 !important; line-height: 1; }
#cart-dropdown .cart-body{ flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 6px 22px 16px !important; display: block !important; -webkit-overflow-scrolling: touch; }
#cart-dropdown .cart-item-list{ display: block !important; margin: 0 !important; padding: 0 !important; list-style: none; }
#cart-dropdown .cart-item{ display: flex !important; gap: 14px; align-items: flex-start; padding: 16px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--ev-line, #e5e7eb) !important; }
#cart-dropdown .cart-item:last-child{ border-bottom: none !important; }
#cart-dropdown .cart-item .item-img{ width: 76px !important; height: 76px !important; flex: 0 0 76px; margin: 0 !important; position: relative; border-radius: 12px; background: var(--ev-cream-2, #eaf3fb); }
#cart-dropdown .cart-item .item-img a{ display: block; width: 100% !important; height: 100% !important; border-radius: 12px; overflow: hidden; }
#cart-dropdown .cart-item .item-img img{ width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
#cart-dropdown .cart-item .item-img form{ margin: 0; }
#cart-dropdown .cart-item .item-img .close-btn{ position: absolute !important; top: -8px !important; left: -8px !important; right: auto !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #fff !important; border: 1px solid var(--ev-line, #e5e7eb) !important; color: #e11d48 !important; font-size: 10px !important; display: grid !important; place-items: center; cursor: pointer; z-index: 2; box-shadow: 0 2px 6px rgba(0,0,0,.12); padding: 0 !important; line-height: 1; }
#cart-dropdown .cart-item .item-content{ flex: 1 1 auto; min-width: 0; padding: 0 !important; margin: 0 !important; }
#cart-dropdown .cart-item .item-title{ font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.35 !important; margin: 0 0 6px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#cart-dropdown .cart-item .item-title a{ color: var(--ev-ink, #1f2420) !important; text-decoration: none !important; }
#cart-dropdown .cart-item .item-price{ font-size: 14px !important; font-weight: 700 !important; color: var(--ev-green, #2f7fe0) !important; margin: 0 0 8px !important; }
#cart-dropdown .cart-item .pro-qty{ display: inline-flex !important; align-items: center; border: 1px solid var(--ev-line, #e5e7eb) !important; border-radius: 999px !important; overflow: hidden; height: 32px !important; width: auto !important; margin: 0 !important; background: var(--ev-white, #fff); }
#cart-dropdown .cart-item .pro-qty .qtybtn{ width: 30px !important; height: 30px !important; display: grid !important; place-items: center; cursor: pointer; font-size: 14px !important; color: var(--ev-ink, #1f2420) !important; user-select: none; position: static !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; line-height: 1 !important; }
#cart-dropdown .cart-item .pro-qty .quantity-input{ width: 34px !important; height: 30px !important; min-height: 0 !important; border: none !important; text-align: center; font-size: 13px !important; font-weight: 600; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; -moz-appearance: textfield; }
#cart-dropdown .cart-item .pro-qty input::-webkit-outer-spin-button, #cart-dropdown .cart-item .pro-qty input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
#cart-dropdown .cart-footer{ flex: 0 0 auto !important; position: static !important; padding: 16px 22px calc(16px + env(safe-area-inset-bottom, 0px)) !important; margin: 0 !important; border-top: 1px solid var(--ev-line, #e5e7eb) !important; background: var(--ev-white, #fff) !important; box-shadow: 0 -8px 24px rgba(2,6,23,.06) !important; }
#cart-dropdown .cart-footer > div{ padding: 0 !important; margin: 0 !important; }
#cart-dropdown .cart-checkout-btn{ display: block !important; width: 100% !important; background: var(--ev-btn-bg, #2f7fe0) !important; color: var(--ev-btn-text, #fff) !important; border-radius: 10px !important; padding: 14px 20px !important; font-size: 13px !important; letter-spacing: .08em; text-transform: uppercase; font-weight: 700 !important; text-align: center; text-decoration: none !important; }
#cart-dropdown .cart-checkout-btn:hover{ background: var(--ev-btn-hover, #1f66c0) !important; transform: none !important; opacity: 1 !important; }
#cart-dropdown .empty-cart-wrap{ padding: 40px 10px !important; }
#cart-dropdown .empty-cart-wrap .alert{ background: var(--ev-cream-2, #eaf3fb) !important; border: none !important; color: var(--ev-ink, #1f2420) !important; border-radius: 12px !important; }
@media (max-width: 767px){
    /* drawer sits above the mobile bottom nav, so no extra bottom padding is needed */
    #cart-dropdown .cart-footer{ padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ===== Brand logo image (Settings > Site Logo / Footer Logo) ===== */
.ev-brand.has-logo{ display: inline-flex; align-items: center; line-height: 0; }
.ev-brand-logo{ display: block; width: auto; max-width: 100%; object-fit: contain; }
.ev-brand-lg .ev-brand-logo{ height: 46px; max-width: 220px; }
.ev-brand-md .ev-brand-logo{ height: 38px; max-width: 180px; }
.ev-brand-sm .ev-brand-logo{ height: 34px; max-width: 160px; }
.ev-footer .ev-brand-logo{ height: 52px; max-width: 240px; }
@media (max-width: 575px){ .ev-brand-sm .ev-brand-logo{ height: 30px; } .ev-footer .ev-brand-logo{ height: 44px; } }
/* header logo PNG has a white background → show it as a neat white pill on the blue header */
header .ev-brand.has-logo{ background: #fff; border-radius: 10px; padding: 5px 10px; box-shadow: 0 2px 8px rgba(2,6,23,.12); }
header .ev-brand-lg .ev-brand-logo, header .ev-brand.ev-brand-lg .ev-brand-logo{ height: 38px; }
header .ev-brand.ev-brand-sm .ev-brand-logo{ height: 28px; }
.pmm-logo .ev-brand.has-logo{ background: #fff; border-radius: 10px; padding: 5px 10px; }

/* ===== মেনু/মডাল খুললে পেজ ডানে-বাঁয়ে লাফায় না =====
   Bootstrap offcanvas খুললে body-তে overflow:hidden বসায়, ফলে ডানপাশের scrollbar
   উধাও হয়ে পুরো পেজ ~15px সরে যেত। scrollbar-gutter দিয়ে জায়গাটা সবসময় ধরে রাখা হয়,
   আর Bootstrap যে padding-right যোগ করে সেটাও বাতিল — দুই দিক থেকেই লাফ বন্ধ। */
html{ scrollbar-gutter: stable; }
body{ padding-right: 0 !important; }
/* mobile header: category (hamburger) আইকন সবসময় একদম বাঁ পাশে */
header.mobile .mobile-header-navbar > div:first-child{ flex: 0 0 auto !important; justify-content: flex-start !important; }
header.mobile .mobile-nav-toggler{ margin-left: 0 !important; padding-left: 0 !important; }

/* ===== প্রোডাক্ট গ্রিডের বাঁ/ডান পাশ সমান =====
   লিগ্যাসি .row--15 row-এ margin -15px বসানো, কিন্তু ভেতরের কলামে padding মাত্র 7.5px।
   ফলে সারিটা বাঁ দিকে ৭.৫px বেরিয়ে যেত আর ডান দিকে ৭.৫px কম পড়ত — বাঁয়ে ফাঁকা নেই,
   ডানে ফাঁকা। margin-কে padding-এর সমান করায় দুই পাশ এখন মিলে যায়। */
#product_data.row, .products-wrap .row.row--15{ margin-left: 0 !important; margin-right: 0 !important; }