.wc-goc-picker { margin-top: 24px; }
.wc-goc-picker table.shop_table { width:100%; }
.wc-goc-col-select, .wc-goc-col-thumb, .wc-goc-col-cta { text-align:center; width:120px; }
.wc-goc-col-thumb img { max-width:72px; height:auto; }
.wc-goc-price del { opacity:.6; margin-right:6px; }
.wc-goc-row.is-selected { background: #fff9e8; }
.wc-goc-actions { margin-top: 12px; text-align: right; }

/* Gift picker: układ kafelków z tbody jako flex-grid */
@media (max-width: 768px) {

  /* chowamy nagłówki tabeli */
  .wc-goc-picker table.shop_table thead { display: none; }

  /* grid z wierszy */
  .wc-goc-picker .wc-goc-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;                 /* odstęp między kartami */
  }

  .wc-goc-picker td.wc-goc-col-cta .button,
  .wc-goc-picker td.wc-goc-col-cta button,
  .wc-goc-picker td.wc-goc-col-cta a.button {
    display: none !important;
  }

 .wc-goc-radio-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
  margin-bottom: 8px;
}

  .wc-goc-picker td.wc-goc-col-select input[type="radio"] {
    transform: none;           /* normalny rozmiar */
    margin: 0;                 /* bez centrowania */
  }

  /* nazwa + cena, zdjęcie i przycisk zostają jak było */
  .wc-goc-picker td.wc-goc-col-name   { order: 1; }
  .wc-goc-picker td.wc-goc-col-thumb  { order: 2; }
  .wc-goc-picker td.wc-goc-col-action { order: 3; }

  /* każdy wiersz (= gift) jako karta */
  .wc-goc-picker .wc-goc-grid tr {
    display: flex;
    flex-direction: column;
    width: calc(33.333% - 8px);/* 3 w rzędzie na większym mobile */
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
  }

  /* 2 w rzędzie na węższych, 1 na bardzo wąskich */
  @media (max-width: 600px) {
    .wc-goc-picker .wc-goc-grid tr { width: calc(50% - 6px); }
  }
  @media (max-width: 420px) {
    .wc-goc-picker .wc-goc-grid tr { width: 100%; }
  }

  /* porządki w komórkach */
  .wc-goc-picker .wc-goc-grid td { border: 0; padding: 0; }

  /* kolejność „sekcji” na karcie – korzystamy z istniejących klas kolumn */
  .wc-goc-picker td.wc-goc-col-select { order: 0; text-align: center; margin-bottom: 6px; }
  .wc-goc-picker td.wc-goc-col-name   { order: 1; display: flex; gap: 8px; }
  .wc-goc-picker td.wc-goc-col-thumb  { order: 2; text-align: center; margin: 6px 0; }
  .wc-goc-picker td.wc-goc-col-action { order: 3; text-align: center; }

  /* cena po prawej w „nagłówku” karty */
  .wc-goc-picker td.wc-goc-col-name .price {
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
  }
  .wc-goc-picker td.wc-goc-col-name .price del { opacity: .7; margin-right: 6px; }
  .wc-goc-picker td.wc-goc-col-name .price ins { text-decoration: none; font-weight: 600; }

  /* obrazek */
  .wc-goc-picker td.wc-goc-col-thumb img {
    display: inline-block;
    width: 120px; height: auto;
    border-radius: 8px;
  }

  /* przycisk „DODAJ” */
  .wc-goc-picker td.wc-goc-col-action .button,
  .wc-goc-picker td.wc-goc-col-action button {
    display: inline-block;
    margin-top: 6px;
  }
}