/* Контейнер */
.ppbfd-block{ margin:0px 0 70px !important; padding:30px !important; background:#f7f4f4 !important; border-radius:10px !important; }
.ppbfd-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.ppbfd-head h3{ margin:0; }
.ppbfd-head p{ margin:2px 0 0; opacity:.75; }

/* Стрічка */
.ppbfd-strip{
  display:flex;
  flex-wrap:nowrap;                 /* не переносити на новий рядок */
  gap:33px;                         /* відстань між картками */
  overflow:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:8px 4px 15px;
  margin:0 -6px;
}
.ppbfd-strip::-webkit-scrollbar{ height:8px; }
.ppbfd-strip::-webkit-scrollbar-thumb{ background:#c9c9c9; border-radius:10px; }

/* Картка */
.ppbfd-card{
  position:relative;
  flex:0 0 auto;
  width:250px; min-width:250px; max-width:250px;  /* десктопна ширина */
  min-height:100%;
  box-sizing:border-box;
  /* overflow:hidden;   — не ставимо, щоб "+" не обрізався */
  border:1px solid #d5d5d5;
  padding:15px 20px;
  background:#fff;
  scroll-snap-align:start;
}

/* Бейдж кількості */
.ppbfd-qty,
.ppbfd-qty-badge{
  position:absolute; top:8px; left:8px;
  background:rgba(0,0,0,.7); color:#fff; font-size:12px; line-height:1;
  padding:6px 8px; border-radius:14px; z-index:3; pointer-events:none;
}

/* Плюс між картками (центр у gap=33px => ~16-17px) */
.ppbfd-strip{ position:relative; }
.ppbfd-card + .ppbfd-card::before{
  content:"+";
  position:absolute;
  left:-17px; top:50%; transform:translate(-50%,-50%);
  width:26px; height:26px; border-radius:50%;
  background:#fff; border:1px solid #e0e0e0;
  display:flex; align-items:center; justify-content:center;
  font-weight:700; line-height:1;
  color:#d84848; z-index:5; pointer-events:none;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
@media (max-width:575.98px){
  .ppbfd-card + .ppbfd-card::before{ width:22px; height:22px; font-size:14px; }
}

/* Кнопки навігації (з !important, щоб перебити тему) */
.ppbfd-nav{ display:flex; gap:8px; }
.ppbfd-nav-btn{
  width:26px !important; height:26px !important; border-radius:50% !important;
  border:1px solid #d6d6d6 !important;
  background:#fff !important; color:#444 !important;
  cursor:pointer !important; font-size:18px !important; line-height:26px !important; text-align:center !important;
  transition:all .15s ease !important;
  box-shadow:0 1px 2px rgba(0,0,0,.03) !important;
}
.ppbfd-nav-btn:hover{
  background:#f6f6f6 !important; border-color:#cfcfcf !important; color:#111 !important;
}
.ppbfd-nav-btn[disabled]{ opacity:.50 !important; cursor:not-allowed !important; }

/* Адаптивні ширини карток */
@media (max-width:575.98px){ .ppbfd-card{ width:71vw; min-width:71vw; max-width:71vw; } }
@media (min-width:576px) and (max-width:767.98px){ .ppbfd-card{ width:48vw; min-width:48vw; max-width:48vw; } }
@media (min-width:768px) and (max-width:991.98px){ .ppbfd-card{ width:27.33vw; min-width:27.33vw; max-width:27.33vw; } }
@media (min-width:992px) and (max-width:1199.98px){ .ppbfd-card{ width:20vw; min-width:20vw; max-width:20vw; } }
@media (min-width:1200px){ .ppbfd-card{ width:250px; min-width:250px; max-width:250px; } }

/* ——— «м’які ресети» всередині картки для Woodmart (без лому позиціонування) ——— */
.ppbfd-card .product,
.ppbfd-card .product-grid-item,
.ppbfd-card .wd-product,
.ppbfd-card .product-wrapper{
  width:100% !important; max-width:100% !important;
  float:none !important; margin:0 !important; display:block !important;
  box-sizing:border-box !important;
}

/* зберігаємо позиціонування обкладинки — Woodmart його використовує для співвідношення сторін */
.ppbfd-card .product-element-top{
  width:100%; max-width:100%;
  margin:0 !important;
  position:relative !important;   /* ВАЖЛИВО: не static */
}

/* Картинка: не тягнемо по висоті */
.ppbfd-card .product-image img,
.ppbfd-card .product-thumbnail img,
.ppbfd-card .attachment-woocommerce_thumbnail,
.ppbfd-card .product-element-top img{
  width:100% !important;
  height:auto !important;            /* тримай пропорції */
  object-fit:contain !important;
}

/* мінімальні «очищення» */
.ppbfd-card, .ppbfd-card *{ min-width:0 !important; }
.ppbfd-card .wd-add-btn,
.ppbfd-card .wd-buttons,
.ppbfd-card .product-grid-item .product,
.ppbfd-card .product .product{ margin:0 !important; }

/* Дрібні підрівнювання мети/цін усередині картки */
.ppbfd-block .wd-product-sku{ padding-left:0 !important; margin-top:12px !important; margin-bottom: 0px !important;}
.ppbfd-block .loop-author{ padding-left:0 !important; }
.ppbfd-block .loop-monu{ padding-left:0 !important; margin-bottom:-5px !important; }
.ppbfd-block .price{ padding-right:0 !important; margin-top:10px !important; }