/* ══════════════════════════════════════════════════════════════
   BD Survey Shop — GLOBAL ITEM (PRODUCT) CARD
   নিয়ম: .pc/.cpc = বড় "শোকেস" কার্ড (ছবি ৪:৩, সব কিছু center);
          related/seen/machines কার্ড compact 4:5
   কভার করে: .pc (হোম গ্রিড + ফিচার্ড) · .cpc (ক্যাটাগরি) ·
             .related-card / .seen-card (প্রোডাক্ট পেজ) ·
             .sv-card (machines.php — শুধু পণ্য কার্ড)
   ══════════════════════════════════════════════════════════════ */

/* ── ১. কার্ড বক্স ────────────────────────────────────────────
   ⭐ owner ২০২৬-০৯-১০ — পছন্দ করা "শোকেস কার্ড" (বড় আইটেম ডিজাইন):
   .pc/.cpc = বড় কার্ড · ছবি ৪:৩ · উচ্চতা কনটেন্ট অনুযায়ী ·
   ভেতরের সব কিছু horizontally center · লেখা কার্ডের চওড়ার সাথে বাড়ে-কমে
   (container query, তাই যেকোনো গ্রিড-প্রস্থে ভাঙে না)।
   ⚙️ related / seen / machines কার্ড আগের compact 4:5-ই থাকছে।   */
.related-card,
.seen-card,
.sv-card:has(.mc-btns){
  aspect-ratio:4 / 5;
  border-radius:14px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:0;
}
.pc,.cpc{
  aspect-ratio:auto;                  /* উচ্চতা = ভেতরের কনটেন্ট */
  cursor:pointer;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:0;
  container-type:inline-size;         /* ভেতরের মাপ কার্ড-প্রস্থ নির্ভর (cqw) */
  background:#fff;
  border-radius:14px;                 /* owner ২০২৬-০৯-১০: আইটেম কার্ডের কোণা গোল */
  box-shadow:0 2px 10px rgba(37,99,235,.12);
  transition:box-shadow .22s ease,transform .22s ease;
}
/* ⚠️ পাতার নিজের <style>-এ (item_card.css-এর পরে) `.pc,.cpc,.related-card,.seen-card{border-radius:5px}`
   আছে, তাই কোণা গোল রাখতে এখানে !important লাগে — নইলে ৫px-ই জিতে যায়।     */
.pc,.cpc,.related-card,.seen-card{border-radius:14px !important}

.pc:hover,.cpc:hover{
  box-shadow:0 14px 38px rgba(37,99,235,.28);
  transform:translateY(-3px);
}

/* ── ২. ছবি = ৪:৩, কার্ডের সবচেয়ে বড় অংশ ───────────────────── */
.pc > .pc-img,
.cpc > .cpc-imgwrap{
  /* flex-grow ⇒ এক সারির সব কার্ডের বডি নিচে সমানে বসে (বাটনও এক লাইনে),
     বাড়তি উচ্চতা ছবিই নেয় — নিচে মরা ফাঁকা থাকে না */
  flex:1 1 auto;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:4 / 3;
  /* owner ২০২৬-০৯-১০: ছবির পেছনে সবসময় সাদা (আগের নীলচে স্টেজ বাদ) */
  background:#fff;
}
.related-card > .related-card-img,
.seen-card > .seen-card-img,
.sv-card:has(.mc-btns) > img.mc-img,
.sv-card:has(.mc-btns) > .mc-noimg{
  flex:1 1 auto;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  width:100%;
  object-fit:cover;
}
.pc > .pc-img > a{display:block;width:100%;height:100%}
.pc > .pc-img img,
.cpc > .cpc-imgwrap img{width:100%;height:100%;object-fit:cover;object-position:center center;
  display:block;background:#fff}

.pc > .pc-body,
.cpc > .cpc-body,
.related-card > .related-card-body,
.seen-card > .seen-card-body,
.sv-card:has(.mc-btns) > .bd{flex:0 0 auto;min-height:0}

/* ── ৩. কার্ড বডি (.pc / .cpc) = flex কলাম, প্রতিটি সারি নিজেই flex ──
   ⚠️ সারিগুলোর গঠন index.php/category.php-র কার্ড-বিল্ডারে ঠিক করা আছে:
      .pc-meta = ব্র্যান্ড + মডেল · .pc-idl = মেড ইন · .pc-line2 = রেটিং + স্টক
      (গ্রিড-কলামে বসালে দুই সারি একই কলাম শেয়ার করত ⇒ জোড়া ২৫–৩৮px বাঁকা
       হয়ে যেত; তাই DOM-এ সারি বানিয়ে দেওয়া হয়েছে, CSS এখন সহজ।)         */
.pc-body,
.cpc-body{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  padding:11px 12px 12px;
  text-align:center;
  width:100%;
  background:#fff;
}
.pc-body > *,
.cpc-body > *{margin:0;min-width:0;max-width:100%}

/* প্রতিটি সারি নিজেই একটা flex সারি ⇒ ভেতরের জিনিস ঠিক মাঝ বরাবর বসে
   সারি ১ : নাম
   সারি ২ : ব্র্যান্ড + মডেল (+ ফ্রি ডেলিভারি)     ← .pc-meta
   সারি ৩ : মেড ইন                                  ← .pc-idl
   সারি ৪ : রেটিং + স্টক                            ← .pc-line2
   সারি ৫ : দাম · সারি ৬ : বাটন                                   */
.pc-meta,.cpc-meta,
.pc-idl,.cpc-idl,
.pc-line2,.cpc-line2{
  display:flex;flex-direction:row;flex-wrap:wrap;
  align-items:center;justify-content:center;
  gap:6px;max-width:100%;min-width:0;overflow:visible;text-align:center;
}
.pc-price,.cpc-price,
.pc-btns, .cpc-btns{width:100%}

/* নাম — বড়, সর্বোচ্চ ২ লাইন, center */
.pc-nm,.cpc-name{
  font-size:clamp(14.5px,5.4cqw,22px);
  font-weight:700;line-height:1.18;letter-spacing:-.3px;color:#0f172a;
  text-align:center;min-height:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* ── চিপ সারি: ব্র্যান্ড · মডেল · মেড ইন (owner ২০২৬-০৯-১০: মানের
      সাথে লেবেল থাকতেই হবে; লেবেল কখনো ধূসর নয়) ───────────── */
.pc-body .idl-md,.pc-body .idl-og,
.cpc-body .idl-md,.cpc-body .idl-og,
.pc-brand,.cpc-brand,
.pc-freetag,.cpc-freetag{
  display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;
  height:clamp(24px,8.6cqw,28px);padding:0 9px;
  border:0;border-radius:4px;
  background:#eff5ff;color:#1d4ed8;
  font-size:clamp(11px,4.2cqw,13px);font-weight:600;line-height:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:100%;flex:0 1 auto;min-width:0;
}
.pc-freetag,.cpc-freetag{background:#ecfdf3;color:#15803d}
.pc-freetag i,.cpc-freetag i{font-size:.9em}
.pc-body .idl-md b,.pc-body .idl-og b,
.cpc-body .idl-md b,.cpc-body .idl-og b,
.pc-brand b,.cpc-brand b{font-size:inherit;font-weight:700;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* চিপের আইকন (SVG mask — currentColor নেয়) */
.pc-body .idl-md::before,.pc-body .idl-og::before,
.cpc-body .idl-md::before,.cpc-body .idl-og::before,
.pc-brand::before,.cpc-brand::before{
  content:"";flex:0 0 auto;width:14px;height:14px;background:currentColor;
  -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;
}
.pc-brand::before,.cpc-brand::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.pc-body .idl-md::before,.cpc-body .idl-md::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4v10l-8 4-8-4V7z'/%3E%3Cpath d='M4 7l8 4 8-4M12 11v10'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4v10l-8 4-8-4V7z'/%3E%3Cpath d='M4 7l8 4 8-4M12 11v10'/%3E%3C/svg%3E");
}
.pc-body .idl-og::before,.cpc-body .idl-og::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 10-14 0c0 5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 10-14 0c0 5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
/* লেবেল (Brand: / Model: / Made in:) DOM-এই ইংরেজিতে থাকে — CSS দিয়ে
   বসালে অনুবাদ-ইঞ্জিন সেটা ছুঁতে পারে না (owner ২০২৬-০৯-১০, ভাষা ব্যবস্থা)। */
.pc-body .idl-k,.cpc-body .idl-k{font-weight:600;color:inherit}

/* ছবির উপরের ডুপ্লিকেট ছাড়/ফ্রি সিল বাদ (আগের মতোই) */
.pc .pb-sale,.pc .pb-free,.cpc .cpc-sale,.cpc .cpc-free{display:none}

/* রেটিং — স্টকের সাথে এক সারিতে */
.pc-stars,.cpc-stars{
  display:inline-flex;align-items:center;gap:2px;line-height:1;
  white-space:nowrap;flex-shrink:0;
  font-size:clamp(11px,4.3cqw,14px);
}
.pc-stars i,.cpc-stars i{color:var(--gold,#f59e0b)}
.pc-stars span,.cpc-stars span{
  font-size:clamp(10px,3.8cqw,12.5px);font-weight:600;color:#475569;margin-left:4px;
}

/* স্টক = চিপ */
.pc-stock,.cpc-stock{
  display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;
  height:clamp(24px,8.6cqw,28px);padding:0 10px;border-radius:4px;
  font-size:clamp(11px,4.2cqw,13px);font-weight:600;line-height:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:100%;flex:0 1 auto;min-width:0;align-self:center;
}

/* দাম — নিজের সারিতে, বড়, উপরে হালকা লাইন */
.pc-price,.cpc-price{
  display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px;
  width:100%;margin:0;padding:8px 0 0;
  border:0;border-top:1px solid #e2e8f2;border-radius:0;background:none;
}
.pc-price .pp-m,.cpc-price .pp-m{
  font-size:clamp(18px,7.6cqw,28px);font-weight:700;line-height:1;letter-spacing:-.8px;color:#2563eb;
}
/* "Tk." অংশটা ছোট ও হালকা — সংখ্যাটাই বড় থাকবে */
.pc-price .pp-m .tk,.cpc-price .pp-m .tk{
  font-size:.62em;font-weight:600;vertical-align:.18em;letter-spacing:.3px;color:inherit;opacity:.72;
}
.pc-price .pp-o,.cpc-price .pp-o{
  font-size:clamp(11px,4cqw,14px);color:#94a3b8;font-weight:500;text-decoration:line-through;
}
.pc-price .df-askprice,.cpc-price .df-askprice{font-size:clamp(13px,5cqw,17px);font-weight:700}
.pc-offtag,.cpc-offtag{
  display:inline-flex;align-items:center;flex:0 0 auto;
  height:clamp(20px,7cqw,24px);padding:0 7px;border-radius:4px;
  background:linear-gradient(135deg,#be123c,#f43f5e);color:#fff;
  font-size:clamp(10px,3.8cqw,12.5px);font-weight:700;line-height:1;white-space:nowrap;
}
/* সরু কার্ডে ছাড় থাকলে কাটা পুরনো দামটা লুকাই */
@container (max-width:205px){
  .pc-offtag ~ .pp-o,.cpc-offtag ~ .pp-o{display:none}
}

/* বাটন সারি — বড় বাটন, দুইটাই সমান উচ্চতা (এক সারিতে নিখুঁত align) */
.pc-btns,.cpc-btns{
  display:flex;align-items:stretch;justify-content:center;gap:8px;
  width:100%;margin-top:2px;padding-top:0;
}
.btn-buy,.cpc-buy{
  flex:1 1 auto;min-width:0;box-sizing:border-box;
  height:clamp(38px,13cqw,48px);padding:0 14px;
  border:0;border-radius:4px;gap:7px;white-space:nowrap;
  font-size:clamp(12.5px,4.8cqw,16px);font-weight:700;line-height:1;
  color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);
  box-shadow:0 3px 12px rgba(37,99,235,.42);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s ease,filter .2s ease;
}
.btn-buy:hover,.cpc-buy:hover{
  background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;
  transform:scale(1.04) translateY(-1px);
  box-shadow:0 10px 26px rgba(37,99,235,.55);filter:brightness(1.06);
}
.btn-crt,.cpc-cart{
  flex:0 0 auto;box-sizing:border-box;
  width:clamp(38px,13cqw,48px);height:clamp(38px,13cqw,48px);padding:0;
  border:0;border-radius:4px;font-size:clamp(13px,5cqw,17px);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);
  box-shadow:0 3px 12px rgba(15,23,42,.42);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s ease,filter .2s ease;
}
.btn-crt:hover,.cpc-cart:hover{
  background:linear-gradient(135deg,#0f172a,#1e3a8a);
  transform:scale(1.06) translateY(-1px);filter:brightness(1.15);
  box-shadow:0 10px 26px rgba(15,23,42,.5);
}
.df-hidecart{display:none !important}
.pc-body .df-earn:empty,.cpc-body .df-earn:empty{display:none}

/* ── ৩খ. সার্ভিস / ভাড়ার কার্ড (হোম গ্রিডে পণ্যের সাথে মেশানো) ── */
.pc-mix .pc-icoimg{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#eef4ff,#e3ecfd);color:#2563eb;font-size:34px;
}
.pc-mix .pb-mix{
  background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;
  font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px;
}
.pc-mix.is-rent .pb-mix{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.pc-mix .pc-brand{background:#e8efff;border-color:#cddafb;color:#1d4ed8}
.pc-mix.is-rent .pc-brand{background:#f3e8ff;border-color:#e2cffc;color:#6d28d9}
.pc-mix .pc-stock.in{color:#1d4ed8;background:#e8efff}
.pc-mix.is-rent .pc-stock.in{color:#6d28d9;background:#f3e8ff}
.pc-mix .pc-price{background:none;border:0;border-top:1px solid #e2e8f2}
.pc-mix.is-rent .pc-price{background:none;border:0;border-top:1px solid #ede4fb}
.pc-mix .pc-price .pp-m{color:#1d4ed8}
.pc-mix.is-rent .pc-price .pp-m{color:#6d28d9}
.pc-unit{font-size:8.5px;font-weight:700;color:#64748b;white-space:nowrap}
.pc-mix .btn-buy{background:linear-gradient(135deg,#2563eb,#3b82f6)}
.pc-mix.is-rent .btn-buy{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.pc-mix .btn-buy:hover{filter:brightness(1.08);color:#fff}

/* ── ৪. প্রোডাক্ট পেজের related কার্ড ───────────────────────── */
.related-card-body{
  display:flex;flex-direction:column;gap:2px;padding:5px 7px 6px;
}
.related-card-body > *{margin:0}
.related-card-name{
  font-size:11.5px;font-weight:700;line-height:1.25;min-height:2.5em;
  -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
}
.related-card-price{font-size:12px;line-height:1.2}
.related-card-price .old-price{font-size:9px}
.related-card-btn{margin-top:auto;padding:5px 4px;font-size:10.5px;border-radius:5px;line-height:1.2}
.related-card .pc-stars,.related-card .cpc-stars{font-size:9px;justify-content:flex-start}

/* ডেস্কটপ সাইডবারের related লিস্ট = compact horizontal সারি (এটা গ্রিড কার্ড নয়) */
@media (min-width:992px){
  .related-aside .related-card{
    aspect-ratio:auto;flex-direction:row;align-items:center;gap:8px;padding:5px;
  }
  .related-aside .related-card > .related-card-img{
    flex:0 0 52px;width:52px;height:52px;min-height:52px;border-radius:8px;
  }
  .related-aside .related-card-body{flex:1 1 auto;padding:0;gap:1px;min-width:0}
  .related-aside .related-card-name{min-height:0;font-size:11px;margin:0}
  .related-aside .related-card-price{font-size:11.5px}
  .related-aside .related-card-btn{display:none}
}

/* ── ৫. "সম্প্রতি দেখা" / slider কার্ড ───────────────────────── */
.seen-card{width:150px}
@media (max-width:767px){ .seen-card{width:132px} }
.seen-card-body{display:flex;flex-direction:column;gap:2px;padding:5px 7px 6px}
.seen-card-body > *{margin:0}
.seen-card-name{
  font-size:11.5px;font-weight:700;line-height:1.25;min-height:2.5em;
  -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
  margin-bottom:0;
}
.seen-card-brand{font-size:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.seen-card-brand b{font-size:10px}
.seen-card-stock{font-size:9.5px;margin-top:0;line-height:1.2;gap:3px}
.seen-card-price{font-size:12.5px;line-height:1.2;margin-top:auto}
.seen-card-price .old{font-size:9px;margin-right:3px}

/* ── ৬. machines.php পণ্য কার্ড ─────────────────────────────── */
.sv-card:has(.mc-btns) > .bd{padding:6px 8px 7px;gap:3px}
.sv-card:has(.mc-btns) h3{
  font-size:12.5px;line-height:1.25;-webkit-line-clamp:2;min-height:2.5em;
  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
}
.sv-card:has(.mc-btns) p{
  font-size:10px;line-height:1.3;flex:0 0 auto;-webkit-line-clamp:1;
  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
}
.sv-card:has(.mc-btns) .mt{gap:4px;font-size:10px}
.sv-card:has(.mc-btns) .pr{font-size:12px}
.sv-card:has(.mc-btns) .mc-btns{display:flex;gap:4px;margin-top:auto}
.sv-card:has(.mc-btns) .mc-btns .b{height:26px;font-size:10.5px;border-radius:5px;padding:0 6px}
.sv-card:has(.mc-btns) .mc-btns .b1{flex:1 1 auto;min-width:0}
.sv-card:has(.mc-btns) .mc-btns .b2{flex:0 0 30px;width:30px;padding:0}
.sv-card:has(.mc-btns) .b3{height:26px !important;font-size:10.5px !important;margin-top:4px}

/* ── ৭. গ্রিড — ছোট কার্ড, ল্যাপটপ/ডেস্কটপে সারিতে অন্তত ৫টি
       (owner ২০২৬-০৯-১০)। মোবাইলে আগের মতোই এক কলাম।            */
.ld-pgrid,.lf-scroll,.cp-grid{grid-template-columns:1fr;gap:10px}
@media (min-width:520px){
  .ld-pgrid,.lf-scroll,.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media (min-width:768px){
  .ld-pgrid,.lf-scroll,.cp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}
@media (min-width:1000px){          /* ⭐ ল্যাপটপ = ন্যূনতম ৫টি */
  .ld-pgrid,.lf-scroll{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  /* ক্যাটাগরি পাতায় ৪টিই যথেষ্ট (owner ২০২৬-০৯-১০) — পাশে ফিল্টার সাইডবার
     থাকায় ওখানে ৫টি বসালে কার্ড বেশি সরু হয়ে যেত।                        */
  .cp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
}
/* ⛔ owner ২০২৬-০৯-১০: হোমে এক সারিতে **৫টির বেশি কখনো নয়** — ল্যাপটপ ও
   ডেস্কটপ দুটোতেই। তাই বড় পর্দার ৬/৭ কলামের নিয়ম তুলে দেওয়া হলো;
   পর্দা যত বড়ই হোক ৫টিই থাকবে (কার্ড একটু চওড়া হবে)।                  */
.related-grid{gap:8px}

/* ── ৮. সরু কার্ডে (৫-৭ কলাম) ভেতরটা আরও কম্প্যাক্ট ───────────
   ⚠️ চিপ ছোট না করলে "ব্র্যান্ড + মডেল" আর এক সারিতে আঁটে না
      (owner ২০২৬-০৯-১০: ওরা এক সারিতেই থাকবে)।                    */
@container (max-width:280px){
  .pc-body .idl-md,.pc-body .idl-og,
  .cpc-body .idl-md,.cpc-body .idl-og,
  .pc-brand,.cpc-brand,
  .pc-freetag,.cpc-freetag{height:22px;padding:0 5px;font-size:10.5px;gap:3px}
  .pc-body .idl-md::before,.pc-body .idl-og::before,
  .cpc-body .idl-md::before,.cpc-body .idl-og::before,
  .pc-brand::before,.cpc-brand::before{width:11px;height:11px}
  .pc-meta,.cpc-meta,.pc-idl,.cpc-idl{gap:3px}
  .pc-stock,.cpc-stock{height:22px;padding:0 7px;font-size:11px}
  .pc-stars,.cpc-stars{font-size:11px}
  .pc-stars span,.cpc-stars span{font-size:10px;margin-left:3px}
}
@container (max-width:230px){
  .pc-body,.cpc-body{padding:8px 8px 9px;gap:5px}
  .pc-nm,.cpc-name{letter-spacing:-.2px}
  .pc-price,.cpc-price{padding-top:6px}
  .btn-buy,.cpc-buy{padding:0 8px;gap:5px;overflow:hidden;text-overflow:ellipsis;display:inline-flex}
  .pc-btns,.cpc-btns{gap:6px}
}

/* ── ৯. হেডার ন্যারো-ল্যাপটপে এক সারিতেই থাকবে (৯৯২–১১৮০px) ────
   ঐ ব্যান্ডে মেনু-লিংক + কার্ট/প্রোফাইল/হোয়াটসঅ্যাপ/লগইন + ভাষা মেনু —
   সব একসাথে থাকায় হেডার উপচে গিয়ে পুরো পাতায় ডানে-বাঁয়ে স্ক্রল আসত।
   নিয়ম: বার কখনো উপচাবে না — লেবেল লুকিয়ে শুধু আইকন থাকবে।          */
@media (min-width:992px) and (max-width:1180px){
  #df-header .df-nav-right{gap:4px}
  #df-header .df-cart-btn span:not(.df-cart-badge),
  #df-header .df-user-btn span,
  #df-header .df-wa-btn span,
  #df-header .bdss-lang-btn span{display:none}
  #df-header .df-login-btn{font-size:0;gap:0;padding:0 10px}
  #df-header .df-login-btn i{font-size:14px}
  #df-header .df-nav-links a{padding:0 6px;font-size:12px}
}