/* ====== USTAWIENIA (możesz modyfikować) ====== */
:root{
  --pc-bg: #F5F8FF;         /* tło karty */
  --pc-border: #E2E8F0;     /* obramowania */
  --pc-text: #111827;       /* główny tekst */
  --pc-muted: #6B7280;      /* tekst poboczny */
  --pc-primary: #2D5FB7;    /* niebieski */
  --pc-primary-600:#1F4C97; /* hover */
  --pc-radius: 14px;        /* zaokrąglenia */
  --pc-gap: 14px;
}

/* ====== KARTA (kontener) ====== */
.pc-omnibus{
  margin-top:.25rem;      /* delikatna przerwa */
  font-size:.875rem;
  color:#6B7280;
}
.pc-omnibus .pc-omnibus-label{ font-weight:500; margin-right:.25rem; }
#pack-chooser.pc-box{
  background: var(--pc-bg);
  border: 1px solid var(--pc-border);
  border-radius: var(--pc-radius);
  padding: 16px;
  color: var(--pc-text);
}

/* ====== GÓRNY RZĄD: tryby (sztuka/opak/paleta) ====== */
#pack-chooser .pc-modes{
  display: flex;
  gap: var(--pc-gap);
  flex-wrap: wrap;
  margin-bottom: 12px;
}

#pack-chooser .pc-opt{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid var(--pc-border);
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  user-select: none;
  transition: box-shadow .15s, border-color .15s, background .15s, color .15s;
  font-weight: 600;
}
#pack-chooser .pc-opt input{ display:none; }
#pack-chooser .pc-opt .pc-note{
  font-weight: 400;
  color: var(--pc-muted);
  margin-left: 4px;
}

#pack-chooser .pc-opt.is-active{
  border-color: var(--pc-primary);
  box-shadow: 0 0 0 3px rgba(45,95,183,.12);
}
#pack-chooser .pc-opt.is-disabled{
  opacity: .45;
  cursor: not-allowed;
}

/* plakietka rabatu na palecie */
#pack-chooser .pc-badge{
  margin-left: 6px;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid #A7F3D0;
  background: #ECFDF5;
  color: #047857;
  font-weight: 700;
}

/* ====== CENA ====== */
#pack-chooser .pc-row{
  display: flex;
  align-items: center;
  gap: 18px;
}

#pack-chooser .pc-price{
  display: grid;
  row-gap: 4px;
}
#pack-chooser .pc-price-gross{
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
}
#pack-chooser .pc-price-net{
  font-size: 13px;
  color: var(--pc-muted);
}

/* przekreślona + oszczędność */
#pack-chooser .pc-old{
  font-size:12px;
  color:#9CA3AF;
  text-decoration: line-through;
}
#pack-chooser .pc-savings{
  font-size:12px;
  color:#059669;
  font-weight:600;
}

/* sufiks jednostki */
#pack-chooser .pc-qty-suffix{
  margin-left: 4px;
  font-size: 14px;
  color: var(--pc-muted);
}

/* ====== DÓŁ: ilość + przycisk (bez zmiany TPL) ======
   Stylujemy sąsiedni blok .product-quantity tak, aby wyglądał
   jak część tej samej karty. */
#pack-chooser + .product-quantity{
  margin-top: 12px;
  background: var(--pc-bg);
  border: 1px solid var(--pc-border);
  border-top: none;
  border-radius: 0 0 var(--pc-radius) var(--pc-radius);
  padding: 12px 16px 16px;
}

@media (min-width: 700px){
  #pack-chooser + .product-quantity{
    display: flex;
    align-items: center;
    gap: 18px;
  }
}

/* etykieta "Ilość" – mniejsza, wyszarzona */
#pack-chooser + .product-quantity .label{
  font-size: 13px;
  color: var(--pc-muted);
  margin: 0 12px 0 0;
}

/* input ilości (TouchSpin) – wygląd jak na zrzucie */
#pack-chooser + .product-quantity #quantity_wanted{
  max-width: 88px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid var(--pc-border);
  box-shadow: none;
}
#pack-chooser + .product-quantity .bootstrap-touchspin .btn{
  border-color: var(--pc-border);
  background: #fff;
}
#pack-chooser + .product-quantity .bootstrap-touchspin .btn:hover{
  background: #F8FAFC;
}

/* przycisk Dodaj do koszyka – duży niebieski */
#pack-chooser + .product-quantity .add .btn,
#pack-chooser + .product-quantity .add .btn.add-to-cart{
  height: 44px;
  padding: 0 28px;
  border-radius: 10px;
  background: var(--pc-primary);
  border-color: var(--pc-primary);
  font-weight: 700;
  color: #fff;
}
#pack-chooser + .product-quantity .add .btn:hover{
  background: var(--pc-primary-600);
  border-color: var(--pc-primary-600);
}

/* porządki */
#pack-chooser + .product-quantity .qty{ margin: 0; }
#pack-chooser + .product-quantity .add{ margin-left: auto; }

/* ====== RESPONSYWNOŚĆ ====== */
@media (max-width: 699px){
  #pack-chooser .pc-price-gross{ font-size: 24px; }
  #pack-chooser + .product-quantity{
    display: grid;
    gap: 12px;
  }
  #pack-chooser + .product-quantity .add{ margin-left: 0; }
}

/* gdy produkt nie ma opak/palety – jeden kafelek wyśrodkuj */
#pack-chooser .pc-modes:has(.pc-opt:nth-child(1):only-child){
  justify-content: flex-start;
}
.pc-card{
  background: var(--pc-bg);
  border: 1px solid var(--pc-border);
  border-radius: var(--pc-radius);
  overflow: hidden;
}
.pc-card #pack-chooser.pc-box{ background: transparent; border:none; border-radius:0; padding-bottom:8px; }
.pc-card .product-quantity{ background: transparent !important; border:none !important; padding:8px 16px 16px !important; }


/* Odstęp pod kartą sztuka/opakowanie/paleta */
.product-actions .pc-card{
  margin-bottom: 24px;   /* zmień na 32/40px jeśli chcesz większą przerwę */
}

@media (min-width: 768px){
  .product-actions .pc-card{ margin-bottom: 28px; }
}