body, html{overflow:visible !important;}
.wt-bundle__container { padding-inline: 20px;}
/* ===============================
   LAYOUT
================================ */
.wt-bundle__container { display: grid; grid-template-columns: 1fr 360px; gap: 48px;}
/* ===============================
   LEFT CONTENT
================================ */
.wt-bundle__heading { font-size: 36px; margin-bottom: 12px;}
.wt-bundle__description { font-size: 16px; color: #666; margin-bottom: 40px;}
.wt-bundle__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
/* ===============================
   PRODUCT CARD
================================ */
.wt-product-card {
  /* background: #f4f4f4;
  border-radius: 18px; */ padding: 0px; display: flex; flex-direction: column;
}
.wt-product-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px; background: #eee;}
.wt-product-card h3 { font-size: 16px; margin: 14px 0 6px; }
.wt-product-card p { font-size: 14px; color: #555; margin-bottom: 16px; }
/* BUTTON */
.wt-add-bundle { margin-top: auto; border-radius: 999px; border: 1px solid #000; background: transparent; padding: 10px 16px;
  cursor: pointer; transition: all 0.25s ease; }

.wt-add-bundle:hover { background: #000; color: #fff;}
/* ===============================
   RIGHT SUMMARY BOX
================================ */
.wt-bundle__summary { background: #000; color: #fff; padding: 24px; border-radius: 20px; display: flex; flex-direction: column; height: fit-content;}
.wt-bundle__summary h3 { font-size: 20px; margin-bottom: 16px;}
/* STICKY */
.wt-bundle__summary.is-sticky { position: sticky; top: 0px;}

/* ===============================
   BUNDLE ITEMS
================================ */
.wt-bundle__items { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-direction: column; gap: 14px;}
.wt-bundle__empty { color: #aaa; font-size: 14px; }
.wt-bundle__item { display: flex; align-items: center; gap: 12px;}
.wt-bundle__item img { width: 48px; height: 48px; border-radius: 10px; object-fit: cover;}
.wt-bundle__item span { font-size: 14px; flex: 1;}
.wt-bundle__item button { background: none; border: none; color: #fff; font-size: 18px; cursor: pointer;}

/* ===============================
   CHECKOUT BUTTON
================================ */
.wt-bundle__checkout { margin-top: auto; border-radius: 999px; border: none; padding: 14px; background: #fff; color: #000;
  font-weight: 600; cursor: pointer; transition: opacity 0.25s ease;}
.wt-bundle__checkout:disabled { opacity: 0.4; cursor: not-allowed;}
.bundle-head { margin-bottom: 25px;}
/* ===============================
   TABLET
================================ */
@media (max-width: 1024px) {
  .wt-bundle__container { grid-template-columns: 1fr 320px; gap: 32px;}
  .wt-bundle__grid {grid-template-columns: repeat(2, 1fr);}
}

/* ===============================
   MOBILE
================================ */
@media (max-width: 767px) {
  .wt-bundle {padding: 40px 0;}
  .wt-bundle__container { grid-template-columns: 1fr;}
  .wt-bundle__heading { font-size: 28px;}
  .wt-bundle__grid { grid-template-columns: repeat(2, 1fr); gap: 20px;}
  .wt-bundle__summary { margin-top: 40px; border-radius: 16px;}
  .wt-bundle__summary.is-sticky { position: static; }
  .wt-bundle__container{padding-inline:0;}
}

/* ===============================
   SMALL MOBILE
================================ */
@media (max-width: 480px) {
  .wt-add-bundle { font-size: 14px; padding: 8px 14px; }
}