.cc_MdNZYCy9lp_7OpoIvYDVh .product-tab {
  padding: 16px;
  border-radius: 8px;
  background: #f9fafb;
}

.cc_MdNZYCy9lp_7OpoIvYDVh .product-tab h2 {
  margin: 0 0 12px 0;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

/* Merchant-controlled button side padding. Appended last so it wins over the
   rules above (breakpoint blocks included); the fallbacks are what those
   rules already produce, so an unset prop leaves the button unchanged. */
.cc_MdNZYCy9lp_7OpoIvYDVh .cio-ptab__arrow {
  padding-left: var(--cio-btn-arrow-l, 0);
  padding-right: var(--cio-btn-arrow-r, 0);
}
.cc_MdNZYCy9lp_7OpoIvYDVh .cio-ptab__btn {
  padding-left: var(--cio-btn-tabBtn-l, 0);
  padding-right: var(--cio-btn-tabBtn-r, 0);
}
@media (max-width: 767px) {
  .cc_MdNZYCy9lp_7OpoIvYDVh .cio-ptab__arrow {
    padding-left: var(--cio-btn-arrow-l-m, var(--cio-btn-arrow-l, 0));
    padding-right: var(--cio-btn-arrow-r-m, var(--cio-btn-arrow-r, 0));
  }
  .cc_MdNZYCy9lp_7OpoIvYDVh .cio-ptab__btn {
    padding-left: var(--cio-btn-tabBtn-l-m, var(--cio-btn-tabBtn-l, 0));
    padding-right: var(--cio-btn-tabBtn-r-m, var(--cio-btn-tabBtn-r, 0));
  }
}