/* Bootstrap 5.3 এর উপরে থিম ওভাররাইড ও ছোট কিছু হেল্পার */
:root{
  --bs-primary:#0f766e;--bs-primary-rgb:15,118,110;
  --bs-link-color:#0f766e;--bs-link-color-rgb:15,118,110;
  --bs-link-hover-color:#0b5a54;--bs-link-hover-color-rgb:11,90,84;
  --bs-body-bg:#f6f7f9;
  --bs-font-sans-serif:"Hind Siliguri","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.btn-primary{--bs-btn-bg:#0f766e;--bs-btn-border-color:#0f766e;--bs-btn-hover-bg:#0b5a54;--bs-btn-hover-border-color:#0b5a54;--bs-btn-active-bg:#0a4f49;--bs-btn-active-border-color:#0a4f49;--bs-btn-disabled-bg:#0f766e;--bs-btn-disabled-border-color:#0f766e}
.btn-outline-primary{--bs-btn-color:#0f766e;--bs-btn-border-color:#0f766e;--bs-btn-hover-bg:#0f766e;--bs-btn-hover-border-color:#0f766e;--bs-btn-active-bg:#0f766e;--bs-btn-active-border-color:#0f766e}
.form-control:focus,.form-select:focus{border-color:#14b8a6;box-shadow:0 0 0 .25rem rgba(15,118,110,.2)}
label.form-label{margin-bottom:1rem}
label.form-label .form-control,label.form-label .form-select{margin-top:.35rem;font-weight:400}

/* ক্যাটাগরি বার */
.cat-bar{background:var(--bs-primary)}
.cat-bar .container{display:flex;overflow-x:auto}
.cat-bar a{color:#fff;padding:.6rem .95rem;white-space:nowrap;text-decoration:none;font-size:.95rem}
.cat-bar a:hover{background:rgba(0,0,0,.18)}

/* হিরো */
.hero{background:linear-gradient(120deg,#0f766e,#14b8a6)}

/* প্রোডাক্ট কার্ড */
.product-card{transition:box-shadow .15s,transform .15s}
.product-card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.12)!important;transform:translateY(-2px)}
.product-card img,.product-main-img{aspect-ratio:1/1;object-fit:cover;background:#eef1f5;width:100%}
.line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;line-height:1.45}
.prod-img-sm{width:54px;height:54px;object-fit:cover;border-radius:.4rem;background:#eef1f5}
.qty{width:84px}
.success-check{width:70px;height:70px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}

/* ছোট হেল্পার */
.mw-440{max-width:440px}.mw-560{max-width:560px}.mw-820{max-width:820px}
.inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.9rem}
.inline .form-control,.inline .form-select{width:auto;flex:1 1 150px;margin-top:0}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 1rem}
.thumb{width:48px;height:48px;object-fit:cover;border-radius:.4rem;background:#eef1f5}
.thumb.big{width:140px;height:140px;margin-bottom:1rem}
.out{color:#dc3545;font-weight:600}

/* উইশলিস্ট হার্ট, রেটিং, গ্যালারি, স্লাইডার, ট্র্যাকিং */
.wish-form{position:absolute;top:.5rem;right:.5rem;margin:0}
.wish-btn{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.93);color:#dc3545;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer}
.wish-btn:hover{background:#fff;transform:scale(1.08)}
.stars i{font-size:.85em}
.gallery-thumb{width:64px;height:64px;object-fit:cover;border-radius:.4rem;border:2px solid transparent;cursor:pointer;background:#eef1f5}
.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--bs-primary)}
.banner-img{width:100%;height:clamp(170px,36vw,400px);object-fit:cover;display:block}
.banner-caption{left:0;right:0;bottom:0;padding:2.5rem 1.25rem 1.5rem;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.rating-input{display:inline-flex;flex-direction:row-reverse;gap:.15rem}
.rating-input input{position:absolute;opacity:0;pointer-events:none}
.rating-input label{font-size:1.7rem;color:#d1d5db;cursor:pointer;margin:0}
.rating-input input:checked ~ label,.rating-input label:hover,.rating-input label:hover ~ label{color:#f59e0b}
.track{display:flex;justify-content:space-between;position:relative;margin:1.75rem 0 1rem}
.track::before{content:"";position:absolute;top:19px;left:9%;right:9%;height:3px;background:#e5e7eb}
.track .step{position:relative;flex:1;text-align:center;font-size:.85rem;color:#6b7280}
.track .dot{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;margin:0 auto .4rem;position:relative;z-index:1;font-size:1.1rem}
.track .step.done{color:var(--bs-primary)}
.track .step.done .dot{background:var(--bs-primary);color:#fff}
.track .step.current .dot{box-shadow:0 0 0 4px rgba(15,118,110,.25)}
.wish-form.wish-inline{position:static}

/* প্রোডাক্ট তুলনা */
.compare-form{position:absolute;bottom:.5rem;right:.5rem;margin:0}
.compare-btn{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.93);color:#6b7280;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer}
.compare-btn:hover{background:#fff}.compare-btn.active{background:var(--bs-primary);color:#fff}
.compare-form.compare-inline{position:static}
.compare-table th.label{white-space:nowrap;background:#f9fafb;min-width:150px}

/* ক্যাটাগরি কারসেল */
.cat-scroller{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem .25rem .75rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.cat-card{flex:0 0 132px;scroll-snap-align:start;text-align:center;text-decoration:none;color:inherit}
.cat-card:hover{text-decoration:none;color:inherit}
.cat-img{width:112px;height:112px;margin:0 auto .5rem;border-radius:50%;overflow:hidden;background:#e6f4f1;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.14);transition:transform .15s,box-shadow .15s}
.cat-card:hover .cat-img{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.cat-img img{width:100%;height:100%;object-fit:cover}
.cat-title{font-weight:600;line-height:1.3}
.cat-count{font-size:.8rem;color:#6b7280}
/* কাস্টম প্রোডাক্ট পেজ: বড় ছবি উপরে লেআউট */
.layout-stacked .position-relative{max-width:640px;margin:0 auto}
.layout-stacked .product-main-img{display:block;width:100%}
.layout-stacked .d-flex.gap-2.mt-2{justify-content:center}

/* হোমের আরও সেকশন: অফার ব্যানার, সাপ্লায়ার, গ্রাহকদের মতামত */
.h-scroller{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem .25rem .75rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.offer-banner img{width:100%;height:clamp(140px,22vw,230px);object-fit:cover;display:block}
.offer-caption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1rem .9rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.68))}
.offer-caption h3{text-shadow:0 1px 3px rgba(0,0,0,.45)}
.sup-card{flex:0 0 150px;scroll-snap-align:start;text-align:center}
.sup-logo{height:84px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.6rem;margin-bottom:.4rem}
.sup-logo img{max-width:100%;max-height:100%;object-fit:contain}
.t-card{flex:0 0 300px;scroll-snap-align:start;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.1rem;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.t-text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.t-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e6f4f1}

/* গ্রাহকের ছবি কারসেল */
.cp-card{flex:0 0 260px;scroll-snap-align:start;margin:0;position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12);background:#fff}
.cp-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.cp-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:.7rem .9rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;flex-direction:column;font-size:.85rem}
@media(max-width:575px){.cp-card{flex-basis:70vw}}