/* ==========================================================================
   frequently-bought-together.css — প্রোডাক্ট পেজের "একসাথে কিনুন" সেকশন
   --------------------------------------------------------------------------
   ProductSinglePage.php-এর বিদ্যমান CSS ভ্যারিয়েবল ব্যবহার করা হয়েছে; নতুন
   কোনো রং হার্ডকোড করা হয়নি। .psp-btn/.psp-btn-primary বাটন-স্টাইল বিদ্যমান
   ফাইল থেকেই পুনর্ব্যবহার করা হচ্ছে (এখানে আলাদা করে সংজ্ঞায়িত করা হয়নি)।
   ========================================================================== */

.psp-fbt-row{
  display:flex;
  align-items:stretch;
  gap:10px;
  overflow-x:auto;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}

.psp-fbt-card{
  flex:0 0 150px;
  display:flex;
  flex-direction:column;
  gap:8px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px;
  background:var(--paper);
}

.psp-fbt-checkline{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11.5px;
  color:var(--ink-soft);
  cursor:pointer;
}

.psp-fbt-check{
  width:15px;
  height:15px;
  accent-color:var(--brand);
  cursor:pointer;
}

.psp-fbt-img-link{ display:block; }

.psp-fbt-img{
  width:100%;
  aspect-ratio:1/1;
  border-radius:8px;
  object-fit:contain;
  background:#fafbfa;
  border:1px solid var(--line);
}

.psp-fbt-img-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  color:#c3ccc5;
}

.psp-fbt-name{
  font-size:12.5px;
  font-weight:600;
  color:var(--ink);
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.psp-fbt-price{
  font-size:14px;
  font-weight:700;
  color:var(--accent-red);
}

.psp-fbt-plus{
  flex:0 0 auto;
  align-self:center;
  font-size:18px;
  font-weight:700;
  color:var(--ink-soft);
}

.psp-fbt-total-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  background:var(--bg);
  border:1px dashed var(--line);
  border-radius:10px;
  padding:12px 16px;
  margin:14px 0;
}

.psp-fbt-total-label{
  font-size:13px;
  color:var(--ink-soft);
}

.psp-fbt-total-amount{
  font-size:18px;
  font-weight:700;
  color:var(--ink);
}

#pspFbtAddAllBtn{ width:100%; justify-content:center; }

/* বিদ্যমান মোবাইল ব্রেকপয়েন্টের সাথে সামঞ্জস্যপূর্ণ — কার্ডগুলো ভাঙবে না,
   হরাইজন্টাল স্ক্রলে থাকবে (উপরের overflow-x:auto) */
@media (max-width:480px){
  .psp-fbt-card{ flex-basis:130px; padding:8px; }
  .psp-fbt-name{ font-size:12px; }
  .psp-fbt-total-amount{ font-size:16px; }
}