/* =====================================================================
   homepage-speed.css
   রাখুন: public/assets/front/css/homepage-speed.css
   index.blade.php এর @section('meta') এ যোগ করুন (frontend-responsive.css এর পাশে):
   <link rel="stylesheet" href="{{ asset('assets/front/css/homepage-speed.css') }}?v=1">

   কাজ: স্ক্রিনের বাইরে থাকা ভারী কনটেন্ট (বাংলাদেশ ম্যাপের বিশাল SVG, নিচের
   সেকশনগুলো) স্ক্রল করে কাছে না আসা পর্যন্ত ব্রাউজার render/paint করবে না।
   এটা main-thread work ~1–2s কমায়, কিছু ভাঙে না।
   ===================================================================== */

/* বাংলাদেশ ম্যাপ — ~2400 লাইন path + base64 ছবি */
.map-area{
    content-visibility: auto;
    contain-intrinsic-size: 400px 620px;
}
.dect-map svg{ content-visibility: auto; }

/* নিচের static সেকশনগুলো (carousel নেই এমনগুলো) */
.section-two,
.section-three,
.section-six,
.photoGallery{
    content-visibility: auto;
    contain-intrinsic-size: 1px 900px;
}
/* ⚠️ .section-one ও .section-four এখানে নেই — ওগুলোতে owl/slick carousel আছে,
   init এর সময় আসল width দরকার। */

/* Facebook page plugin iframe */
.facebook-content iframe{ content-visibility: auto; }

/* CLS কমাতে: theme যদি img এ height না দেয়, একটা রিজার্ভ বক্স */
img[width][height]{ height: auto; }