/* ===== Bengal Steak ব্র্যান্ড থিম: সোনালি + কালো, মডার্ন, অ্যানিমেটেড আকৃতি ===== */
:root{
  --brand:#F6B518;--brand-dark:#D99A00;--brand-soft:#FFF1C9;--brand-ink:#946300;--ink:#141414;--ink-2:#222;--cream:#FFF9E8;
  --bs-primary:#F6B518;--bs-primary-rgb:246,181,24;
  --bs-link-color:#946300;--bs-link-color-rgb:148,99,0;--bs-link-hover-color:#6a4700;--bs-link-hover-color-rgb:106,71,0;
  --bs-body-bg:#fffdf7;--bs-body-color:#1f1f1f;
  --bs-border-radius:.75rem;--bs-border-radius-lg:1rem;
}
body{background:var(--bs-body-bg);overflow-x:hidden}
h1,h2,h3,h4,h5{letter-spacing:-.01em}

/* ---- বাটন ও ফর্মে ব্র্যান্ড রং (সোনালির ওপর গাঢ় লেখা) ---- */
.btn{border-radius:.7rem;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s}
.btn:not(:disabled):hover{transform:translateY(-1px)}
.btn-primary{--bs-btn-color:#141414;--bs-btn-bg:#F6B518;--bs-btn-border-color:#F6B518;--bs-btn-hover-color:#141414;--bs-btn-hover-bg:#e6a60a;--bs-btn-hover-border-color:#e6a60a;--bs-btn-active-color:#141414;--bs-btn-active-bg:#d29500;--bs-btn-active-border-color:#d29500;--bs-btn-disabled-color:#141414;--bs-btn-disabled-bg:#F6B518;--bs-btn-disabled-border-color:#F6B518;box-shadow:0 4px 12px rgba(246,181,24,.35)}
.btn-primary:hover{box-shadow:0 6px 16px rgba(246,181,24,.5)}
.btn-outline-primary{--bs-btn-color:#946300;--bs-btn-border-color:#F6B518;--bs-btn-hover-color:#141414;--bs-btn-hover-bg:#F6B518;--bs-btn-hover-border-color:#F6B518;--bs-btn-active-color:#141414;--bs-btn-active-bg:#F6B518;--bs-btn-active-border-color:#F6B518}
.btn-dark{--bs-btn-bg:#141414;--bs-btn-border-color:#141414}
.text-primary{color:#946300!important}
.bg-primary{background-color:#F6B518!important;color:#141414!important}
.text-bg-primary{background-color:#F6B518!important;color:#141414!important}
.border-primary{border-color:#F6B518!important}
.form-control:focus,.form-select:focus{border-color:#F6B518;box-shadow:0 0 0 .25rem rgba(246,181,24,.3)}
.form-check-input:checked{background-color:#F6B518;border-color:#F6B518}
.form-check-input:focus{border-color:#F6B518;box-shadow:0 0 0 .25rem rgba(246,181,24,.3)}
.page-link{color:#946300}.page-item.active .page-link{background:#F6B518;border-color:#F6B518;color:#141414}
.nav-tabs .nav-link{color:#555}.nav-tabs .nav-link.active{color:#141414;font-weight:700;border-bottom:3px solid #F6B518}
.breadcrumb-item a{color:#946300}
.card{border-radius:1rem}

/* ---- নেভবার ও ক্যাটাগরি বার ---- */
header.sticky-top .navbar{background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(1.3) blur(8px);border-bottom:2px solid var(--brand)!important}
.navbar .nav-link{font-weight:500}.navbar .nav-link:hover{color:#946300}
.cat-bar{background:var(--ink)}
.cat-bar a{color:#eee;font-weight:500;transition:background .15s,color .15s}
.cat-bar a:hover{background:var(--brand);color:#141414}

/* ---- প্রোডাক্ট কার্ড ---- */
.product-card{border-radius:1rem!important}
.product-card .position-relative{overflow:hidden}
.product-card img{transition:transform .45s ease}
.product-card:hover img{transform:scale(1.06)}
.compare-btn.active{background:var(--brand);color:#141414}
.track .step.done .dot{background:var(--brand);color:#141414}.track .step.done{color:#946300}
.track .step.current .dot{box-shadow:0 0 0 4px rgba(246,181,24,.35)}

/* ---- সেকশন ও ব্যাকগ্রাউন্ড ---- */
.full-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.home-sec{position:relative;isolation:isolate;overflow:hidden}
.home-sec > .container,.home-sec > .content{position:relative;z-index:2}
.sec-white{background:#fff}
.sec-cream{background:var(--cream)}
.sec-dark{background:linear-gradient(135deg,#141414 0%,#241b06 100%);color:#f2f2f2}
.sec-gold{background:linear-gradient(135deg,#F6B518 0%,#ffd466 100%);color:#141414}
.sec-slant{clip-path:polygon(0 0,100% 2.6vw,100% 100%,0 calc(100% - 2.6vw));padding-top:3.4vw!important;padding-bottom:3.4vw!important}
.sec-curve{border-radius:0 0 50% 50%/0 0 3.2vw 3.2vw}
.py-sec{padding-top:3.2rem;padding-bottom:3.2rem}

.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.section-head .kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:#946300;background:var(--brand-soft);padding:.2rem .75rem;border-radius:999px;margin-bottom:.45rem}
.section-head h2{margin:0;font-weight:800;position:relative;padding-bottom:.6rem}
.section-head h2::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--brand),rgba(246,181,24,0))}
.sec-dark .section-head h2,.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark .section-head .kicker{background:rgba(246,181,24,.16);color:var(--brand)}
.sec-dark a:not(.btn){color:var(--brand)}
.sec-gold .section-head .kicker{background:rgba(20,20,20,.12);color:#141414}.sec-gold .section-head h2::after{background:#141414}

/* ---- অ্যানিমেটেড আকৃতি ---- */
.shapes{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.shape{position:absolute;display:block;will-change:transform;animation:floaty 12s ease-in-out infinite}
.shape.blob{background:radial-gradient(circle at 30% 30%,rgba(246,181,24,.55),rgba(246,181,24,.10));border-radius:62% 38% 70% 30%/40% 55% 45% 60%;animation:morph 16s ease-in-out infinite alternate,floaty 14s ease-in-out infinite}
.shape.circle{border-radius:50%;background:rgba(246,181,24,.38)}
.shape.ring{border-radius:50%;border:9px solid rgba(246,181,24,.36);background:transparent}
.shape.tri{width:0!important;height:0!important;border-left:34px solid transparent;border-right:34px solid transparent;border-bottom:60px solid rgba(246,181,24,.32)}
.shape.dots{background-image:radial-gradient(rgba(246,181,24,.7) 2px,transparent 2.6px);background-size:16px 16px;animation:drift 18s linear infinite alternate}
.shape.bar{border-radius:99px;background:linear-gradient(90deg,rgba(246,181,24,.0),rgba(246,181,24,.45))}
.sec-white .shape,.sec-cream .shape{opacity:.8}
.sec-dark .shape.circle{background:rgba(246,181,24,.2)}.sec-dark .shape.ring{border-color:rgba(246,181,24,.28)}
.sec-gold .shape.blob{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),rgba(255,255,255,.08))}
.sec-gold .shape.circle{background:rgba(255,255,255,.35)}.sec-gold .shape.ring{border-color:rgba(255,255,255,.5)}.sec-gold .shape.tri{border-bottom-color:rgba(255,255,255,.4)}.sec-gold .shape.dots{background-image:radial-gradient(rgba(20,20,20,.35) 2px,transparent 2.6px)}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-24px) rotate(9deg)}}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(26px)}}
@keyframes morph{0%{border-radius:62% 38% 70% 30%/40% 55% 45% 60%}100%{border-radius:30% 70% 40% 60%/60% 30% 70% 40%}}
@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* ---- মডার্ন হিরো ---- */
.hero-modern{position:relative;isolation:isolate;overflow:hidden;border-radius:1.6rem;color:#fff;padding:3.6rem 1.5rem;background:linear-gradient(120deg,#141414,#2b2006,#141414,#33260a);background-size:300% 300%;animation:gradShift 16s ease infinite}
.hero-modern .content{position:relative;z-index:2}
.hero-modern h1{font-weight:800;line-height:1.15}
.hero-modern .accent{color:var(--brand)}
.hero-modern p{color:#d8d8d8}
.hero-modern .btn-outline-light:hover{color:#141414}

/* ---- ফিচার স্ট্রিপ ---- */
.feat{display:flex;gap:.85rem;align-items:center;background:#fff;border:1px solid #f1e5bd;border-radius:1rem;padding:.9rem 1rem;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s;height:100%}
.feat:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(246,181,24,.28)}
.feat .ico{flex:0 0 48px;height:48px;border-radius:14px;background:var(--brand-soft);color:#946300;font-size:1.5rem;display:flex;align-items:center;justify-content:center}
.feat .t{font-weight:700;line-height:1.25}.feat .s{font-size:.82rem;color:#6b7280}

/* ---- ব্লগ কার্ড ---- */
.blog-card{border:0;border-radius:1rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);transition:transform .2s,box-shadow .2s;height:100%;background:#fff}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.14)}
.blog-thumb{overflow:hidden;background:#f3ead0}
.blog-thumb img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block;transition:transform .5s}
.blog-card:hover .blog-thumb img{transform:scale(1.06)}
.blog-card .meta{font-size:.8rem;color:#6b7280}
.blog-card .ttl{color:#141414;font-weight:700;text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card .exc{color:#555;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---- বাজারদর তুলনা (হোম) ---- */
.cmp-card{background:rgba(255,255,255,.07);border:1px solid rgba(246,181,24,.28);border-radius:1rem;padding:1rem;color:#f4f4f4;height:100%;backdrop-filter:blur(3px)}
.cmp-card .our{font-size:1.6rem;font-weight:800;color:var(--brand)}
.cmp-row{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-top:1px dashed rgba(255,255,255,.18);font-size:.9rem}
.cmp-save{display:inline-block;background:var(--brand);color:#141414;font-weight:700;border-radius:999px;padding:.15rem .7rem;font-size:.82rem}

/* ---- রিচ টেক্সট (পেজ, ব্লগ ও বিবরণের লেখা) ---- */
.rich-content{line-height:1.8}
.rich-content img{max-width:100%;height:auto;border-radius:.5rem}
.rich-content h2,.rich-content h3,.rich-content h4{margin-top:1.4rem;font-weight:700}
.rich-content table{width:100%;border-collapse:collapse;margin:1rem 0}
.rich-content th,.rich-content td{border:1px solid #e5e7eb;padding:.5rem .75rem;text-align:left}
.rich-content th{background:var(--cream)}
.rich-content blockquote{border-left:4px solid var(--brand);padding:.4rem 1rem;color:#555;background:var(--cream);border-radius:0 .5rem .5rem 0;margin:1rem 0}
.rich-content figure.table{overflow-x:auto}
.rich-content ul,.rich-content ol{padding-left:1.4rem}

/* ---- স্ক্রলে ভেসে ওঠা ---- */
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in,.reveal-all .reveal{opacity:1!important;transform:none!important}
.reveal-d1{transition-delay:.08s!important}.reveal-d2{transition-delay:.16s!important}.reveal-d3{transition-delay:.24s!important}

/* ---- ফুটার ---- */
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#141414,#1c1606)!important;border-top:4px solid var(--brand)}
.site-footer > .container{position:relative;z-index:2}
.site-footer a:hover{color:var(--brand)!important}
.footer-logo{background:#fff;padding:.5rem .8rem;display:inline-block}
.footer-logo img{height:20px;width:auto;display:block}

@media (prefers-reduced-motion:reduce){
  .shape,.hero-modern{animation:none!important}
  .js .reveal{opacity:1;transform:none;transition:none}
  .btn:not(:disabled):hover,.product-card:hover,.feat:hover,.blog-card:hover{transform:none}
}

/* হিরোর ডানের প্রতীক */
.hero-emblem{position:relative;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(246,181,24,.28),rgba(246,181,24,0) 70%);display:flex;align-items:center;justify-content:center;animation:floaty 7s ease-in-out infinite}
.hero-emblem img{width:150px;height:150px;filter:drop-shadow(0 10px 25px rgba(246,181,24,.5))}

/* রিপোর্ট ট্যাব (পিল) */
.nav-pills{--bs-nav-pills-link-active-color:#141414;--bs-nav-pills-link-active-bg:#F6B518}
.nav-pills .nav-link{color:#555}.nav-pills .nav-link.active{font-weight:700}