/* বইঘর – ফ্রন্টএন্ড স্টাইল */
:root{--bg-em:#059669;--bg-em7:#047857;--bg-em8:#065f46}
body{font-family:'Hind Siliguri','Inter',sans-serif;background:#f3f4f6;color:#1f2937}
.ehf-header{position:sticky;top:0;z-index:999}

/* ---- হেডার ---- */
.bg-header{position:relative;font-family:inherit}
.bg-header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.bg-header button,.bg-header a{font-family:inherit}
.bg-hbtn{background:none!important;border:0!important;padding:4px 6px!important;color:#374151!important;cursor:pointer;line-height:1;position:relative;box-shadow:none!important;text-decoration:none}
.bg-hright{display:flex;align-items:center;gap:10px}
.bg-brand{display:flex;align-items:center;gap:8px;text-decoration:none!important}
.bg-logo{background:var(--bg-em);color:#fff;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.bg-logo-w{background:#fff;color:var(--bg-em8);margin-right:8px}
.bg-brand-name{font-size:20px;font-weight:700;color:var(--bg-em8);letter-spacing:-.01em}
.bg-cart-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.bg-cart-badge.is-empty{display:none}

.bg-search{display:none;position:absolute;top:0;left:0;right:0;background:#fff;padding:14px 16px;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 10px rgba(0,0,0,.08);z-index:5}
.bg-header.search-open .bg-search{display:block}
.bg-search-bar{display:flex;gap:8px;align-items:center}
.bg-search-input{flex:1;background:#f3f4f6!important;border:0!important;border-radius:8px!important;padding:9px 12px!important;font-size:14px;outline:none}
.bg-search-input:focus{box-shadow:0 0 0 2px var(--bg-em)!important}
.bg-search-cancel{background:none!important;border:0!important;color:#6b7280!important;font-size:14px;cursor:pointer;padding:4px 8px!important}
.bg-search-results{max-height:260px;overflow:auto;margin-top:8px}
.bg-sr-item{display:flex;gap:12px;align-items:center;padding:8px;border-bottom:1px solid #f3f4f6;text-decoration:none!important;color:#1f2937}
.bg-sr-item:hover{background:#f9fafb}
.bg-sr-item img{width:40px;height:48px;object-fit:cover;border-radius:4px}
.bg-sr-item b{display:block;font-size:13px}
.bg-sr-item small{color:#6b7280;font-size:11px}
.bg-sr-none{text-align:center;color:#6b7280;font-size:12px;padding:8px}

.bg-sidebar{position:fixed;top:0;bottom:0;left:0;width:260px;max-width:85vw;background:#fff;z-index:100001;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateX(-100%);transition:transform .3s;display:flex;flex-direction:column}
.bg-header.sb-open .bg-sidebar{transform:none}
.bg-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100000}
.bg-header.sb-open .bg-backdrop{display:block}
.bg-sidebar-head{background:#047857;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.bg-sidebar-title{display:flex;align-items:center;font-weight:700;font-size:18px}
.bg-close{color:#fff!important;font-size:18px!important}
.bg-sidebar-body{flex:1;overflow:auto;padding:16px}
.bg-sidebar-body hr{margin:8px 0;border:0;border-top:1px solid #e5e7eb}
.bg-menu-item{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;color:#374151!important;font-weight:500;text-decoration:none!important}
.bg-menu-item:hover{background:#ecfdf5}
.bg-menu-ic{width:24px;color:#059669;display:inline-flex}
.bg-sidebar-foot{padding:14px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:12px;text-align:center;color:#6b7280}

/* ---- স্লাইডার ---- */
.bg-slider{position:relative;width:100%;height:176px;overflow:hidden;background:#e5e7eb}
.bg-slider-track{display:flex;height:100%;transition:transform .5s ease-in-out}
.bg-slide{flex:0 0 100%;display:flex;flex-direction:column;justify-content:center;padding:0 24px;color:#fff;box-sizing:border-box;text-decoration:none!important}
.bg-slide h2{font-size:20px;font-weight:700;margin:4px 0 0;color:#fff}
.bg-slide p{font-size:12px;margin:4px 0 0}
.bg-badge{width:max-content;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px}
.bg-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.bg-dots span{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.5}
.bg-dots span.on{opacity:1}
@media(min-width:768px){.bg-slide{padding:0 max(24px,calc((100vw - 1140px)/2 + 16px))}.bg-slide h2{font-size:30px}.bg-slide p{font-size:15px}}

/* ---- ক্যাটাগরি ---- */
.bg-section-title{font-size:14px;font-weight:700;color:#374151;margin:0 0 8px;letter-spacing:.02em}
.bg-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bg-catcard{display:flex;flex-direction:column;align-items:center;padding:12px 6px;border-radius:12px;border:1px solid;text-decoration:none!important;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:filter .2s}
.bg-catcard:hover{filter:brightness(.97)}
.bg-caticon{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:4px}
.bg-cattxt{font-size:12px;font-weight:600}
.bg-c-emerald{background:#ecfdf5;border-color:#a7f3d0}.bg-c-emerald .bg-caticon{background:#059669}.bg-c-emerald .bg-cattxt{color:#064e3b}
.bg-c-amber{background:#fffbeb;border-color:#fde68a}.bg-c-amber .bg-caticon{background:#d97706}.bg-c-amber .bg-cattxt{color:#78350f}
.bg-c-blue{background:#eff6ff;border-color:#bfdbfe}.bg-c-blue .bg-caticon{background:#2563eb}.bg-c-blue .bg-cattxt{color:#1e3a8a}
.bg-c-purple{background:#f5f3ff;border-color:#ddd6fe}.bg-c-purple .bg-caticon{background:#7c3aed}.bg-c-purple .bg-cattxt{color:#4c1d95}
.bg-c-rose{background:#fff1f2;border-color:#fecdd3}.bg-c-rose .bg-caticon{background:#e11d48}.bg-c-rose .bg-cattxt{color:#881337}

/* ---- বইয়ের গ্রিড ---- */
.bg-prodhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bg-count{font-size:12px;color:#6b7280;font-weight:500}
.bg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.bg-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.bg-grid{grid-template-columns:repeat(4,1fr)}}
.bg-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .2s}
.bg-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.bg-card-link{text-decoration:none!important;color:inherit}
.bg-card-img{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#f3f4f6;margin-bottom:8px}
.bg-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.bg-card-cat{position:absolute;top:6px;left:6px;background:#059669;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}
.bg-card h4{font-size:12px;font-weight:700;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg-card-author{font-size:11px;color:#6b7280;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg-price{display:flex;align-items:center;gap:6px;margin:6px 0 8px}
.bg-price-now{color:#047857;font-weight:700;font-size:12px}
.bg-price-old{color:#9ca3af;font-size:10px;text-decoration:line-through}
.bg-price-old .amount{color:inherit}
a.bg-add.button{display:block;width:100%;box-sizing:border-box;text-align:center;background:#ecfdf5!important;color:#065f46!important;border:1px solid #a7f3d0!important;border-radius:8px!important;padding:7px 6px!important;font-size:12px!important;font-weight:700!important;transition:all .2s;text-decoration:none}
a.bg-add.button:hover{background:#059669!important;color:#fff!important}
.bg-card .added_to_cart{display:block;text-align:center;font-size:11px;margin-top:4px;color:#047857}
.bg-empty{grid-column:1/-1;text-align:center;color:#6b7280;font-size:12px;padding:24px 0}

/* ---- WooCommerce সাধারণ রং ---- */
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button,.wc-block-components-button{background-color:#059669;color:#fff;border-radius:10px}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.single_add_to_cart_button:hover{background-color:#047857;color:#fff}
.woocommerce .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#047857;font-weight:700}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.woocommerce ul.products{grid-template-columns:repeat(4,1fr)}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;font-weight:700}

/* ---- সিঙ্গেল প্রোডাক্ট ---- */
.bg-single-author{font-size:13px;color:#4b5563;margin:0 0 6px}
.bg-buynow.button{display:inline-block;margin-left:8px;background:#047857!important;color:#fff!important}
.bg-single-extra{clear:both;display:grid;gap:14px;margin:24px 0}
.bg-box{border-radius:12px;padding:14px;border:1px solid}
.bg-box h4{font-size:13px;font-weight:700;margin:0 0 8px}
.bg-box ul{margin:0 0 0 18px;font-size:13px;line-height:1.8;color:#374151}
.bg-box p{font-size:13px;line-height:1.7;color:#4b5563;margin:0}
.bg-box-green{background:#ecfdf5;border-color:#d1fae5}.bg-box-green h4{color:#064e3b}
.bg-box-blue{background:#eff6ff;border-color:#dbeafe}.bg-box-blue h4{color:#1e3a8a}
.bg-author-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.bg-author-head h4{margin:0}
.bg-author-name{font-weight:700;color:#1f2937!important;font-size:14px!important}
.bg-avatar{width:48px;height:48px;border-radius:50%;background:#047857;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}

/* ---- চেকআউট ---- */
.woocommerce-checkout #payment{background:#f9fafb;border-radius:12px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{border-radius:8px}