/* =====================================================================
   luxe.css — রিচ ও ক্লাসি ডিজাইন (Alibaba অ্যাপের মতো পরিষ্কার কার্ড, আধুনিক ফন্ট, স্মার্ট ফুটার)
   শুধু সাজসজ্জা (CSS): পেজের কাঠামো, ডাটা, লিংক কিছুই বদলায় না। ফোন ও ডেস্কটপ দুটোতেই কাজ করে।
   মুছে দিলে (বা হেডার থেকে লিংক সরালে) সাইট আগের চেহারায় ফিরে যাবে।
   ===================================================================== */
:root {
    --lx-brand: #62261a;      /* সাইটের গাঢ় মেরুন (আগের ফুটারের রং) */
    --lx-brand-deep: #4a1b12;
    --lx-gold: #c9a45c;
    --lx-ink: #1d1d1f;
    --lx-muted: #8b8b90;
    --lx-bg: #f5f3ef;
    --lx-card: #ffffff;
    --lx-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- ১) ফন্ট: সব লেখা এক আধুনিক ফন্টে (আইকন ফন্টে হাত দেওয়া হয়নি) ---------- */
body, h1, h2, h3, h4, h5, h6, p, a, li, td, th, label, input, select, textarea, button, strong, b, em,
.breadcrumb-item, .bradcaump-inner a {
    font-family: var(--lx-font);
}
body { color: var(--lx-ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.bradcaump-inner a, .breadcrumb-item { font-style: normal; font-size: 13px; color: #555; }
.breadcrumb-item.active { color: var(--lx-brand); font-weight: 500; }

/* ---------- ২) পণ্যের কার্ড ---------- */
.category {
    background: var(--lx-card);
    border: 0 !important;
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(20, 10, 5, .08), 0 6px 16px rgba(20, 10, 5, .04);
    overflow: hidden;
    transition: box-shadow .2s ease, transform .2s ease;
}
.category:hover { box-shadow: 0 4px 10px rgba(20, 10, 5, .10), 0 14px 28px rgba(20, 10, 5, .08); transform: translateY(-2px); }
.category .ht__cat__thumb { background: #f4f1ec; overflow: hidden; }
.category .ht__cat__thumb img { transition: transform .35s ease; }
.category:hover .ht__cat__thumb img { transform: scale(1.04); }
.category .fr__product__inner { padding: 10px 12px 12px !important; text-align: left !important; }
.category .fr__product__inner .rating { display: none; }                 /* সবখানে একই ৪ তারা ছিল, তাই পরিষ্কার লুকের জন্য সরানো */
body .category .fr__product__inner h4 {
    font-family: var(--lx-font);
    font-size: 13.5px !important; font-weight: 500; line-height: 1.4 !important;
    letter-spacing: 0; text-transform: none; color: var(--lx-ink);
    margin: 0 0 4px; min-height: 2.8em;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
body .category .fr__product__inner h4 a { font-family: var(--lx-font); font-size: inherit !important; font-weight: 500; color: var(--lx-ink); }
body .category .fr__product__inner h4 a:hover { color: var(--lx-brand); }
.category .fr__pro__prize { margin: 2px 0 0; padding: 0; list-style: none; text-align: left !important; }
.category .fr__pro__prize li { font-family: var(--lx-font); font-size: 12px; line-height: 1.5; font-weight: 400; color: var(--lx-muted); text-align: left !important; }
.category .fr__pro__prize li:only-child img { height: 13px; width: auto; vertical-align: -1px; margin-right: 2px; }
/* দামের লাইন (যে লাইনে টাকার আইকন আছে) মোটা ও বড় */
.category .fr__pro__prize li img[src*="bd-currency"] + * { font-weight: 700; }
.category .fr__pro__prize li:has(img[src*="bd-currency"]) { font-size: 17px; font-weight: 700; color: var(--lx-ink); margin-top: 2px; }

/* ---------- ৩) ফুটার ---------- */
#htc__footer { background: linear-gradient(180deg, var(--lx-brand) 0%, var(--lx-brand-deep) 100%); border-top: 3px solid var(--lx-gold); position: relative; }
#htc__footer .htc__copyright { background: transparent !important; padding: 26px 0 22px; }
#htc__footer::before {
    content: "EASYSOFT TECHNOLOGY";
    display: block; text-align: center; padding-top: 26px;
    font-family: var(--lx-font); font-size: 15px; font-weight: 600; letter-spacing: 4px; color: var(--lx-gold);
}
#htc__footer .copyright__inner { text-align: center; }
#htc__footer .footer-bottom-menu { margin: 0; padding: 0; list-style: none; text-align: center; }
#htc__footer .footer-bottom-menu li { display: inline-block; margin: 4px 0; padding: 0 14px; border: 0 !important; position: relative; }
#htc__footer .footer-bottom-menu li + li::before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -1px; border-radius: 50%; background: rgba(255, 255, 255, .35); }
#htc__footer .footer-bottom-menu li a {
    font-family: var(--lx-font); font-size: 12.5px; font-weight: 500; letter-spacing: .6px; text-transform: uppercase;
    color: rgba(255, 255, 255, .88); transition: color .2s;
}
#htc__footer .footer-bottom-menu li a:hover { color: var(--lx-gold); text-decoration: none; }
#htc__footer .footer-bottom-menu::after {
    content: "\00A9  Easysoft Technology. All rights reserved.";
    display: block; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .12);
    font-family: var(--lx-font); font-size: 11.5px; letter-spacing: .3px; color: rgba(255, 255, 255, .55);
}

/* ---------- ৪) ফোন: কার্ড আরও কমপ্যাক্ট, ফুটারের গ্যাপ ---------- */
@media (max-width: 1000px) {
    .htc__product__grid.bg__white, .product_category, .bg__white.htc__product__grid { background: var(--lx-bg) !important; }
    .category { border-radius: 12px; }
    .category:hover { transform: none; }
    .category .fr__product__inner { padding: 8px 9px 10px !important; }
    body .category .fr__product__inner h4 { font-size: 12.5px !important; min-height: 2.8em; }
    .category .fr__pro__prize li { font-size: 11px; }
    .category .fr__pro__prize li:has(img[src*="bd-currency"]) { font-size: 15px; }
    #htc__footer::before { font-size: 13px; letter-spacing: 3px; padding-top: 22px; }
    #htc__footer .footer-bottom-menu li { padding: 0 10px; }
    #htc__footer .footer-bottom-menu li a { font-size: 11.5px; }
    #htc__footer .htc__copyright { padding: 18px 0 84px; }   /* নিচের স্থির কল/WhatsApp বারের জন্য জায়গা */
}

/* লেখা বাঁ-দিকে সাজানো (মডেল/দামের লাইনসহ) */
.category .fr__product__inner, .category .fr__product__inner * { text-align: left !important; }
.category .fr__pro__prize { justify-content: flex-start !important; }
.category .fr__pro__prize li { margin: 0 !important; }