/* "Produkt z wpisu" widget. Buy row pieces (.sffr-qty, add-to-cart button, icon states) come from
   product-carousel.css; this file only lays them out and overrides the few card-scoped resets. */

.sffr-pp {
  margin-bottom: 3.5rem;
}

.sffr-pp__item {
  display: grid;
  grid-template-columns: minmax(0, 22.5rem) minmax(0, 1fr);
  gap: 3rem;
  align-items: center;
  padding: 2rem;
  background: #FFF8EA;
  border-radius: 20px;
}

.sffr-pp__item[hidden] {
  display: none;
}

.sffr-pp__media {
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 15px;
  background: #F3E6C4;
}

.sffr-pp__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sffr-pp__body {
  display: grid;
  gap: 1.125rem;
  justify-items: start;
  min-width: 0;
}

.sffr-pp__name {
  margin: 0;
  font: 700 2.875rem/1.05 'Quicksand', sans-serif;
  color: #2A170D;
  overflow-wrap: anywhere;
}

.sffr-pp__name a {
  color: inherit;
  text-decoration: none;
}

.sffr-pp__seg {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  background: #FFFFFF;
  border: 1px solid #E0D3B6;
  border-radius: 99px;
}

.sffr-pp__seg button {
  height: 2.375rem;
  padding: 0 1.125rem;
  border: 0;
  border-radius: 99px;
  background: transparent;
  font: 600 0.875rem/1 'Inter', sans-serif;
  color: #6D2A12;
  cursor: pointer;
}

.sffr-pp__seg button[aria-pressed="true"] {
  background: #6D2A12;
  color: #FFEDE6;
}

.sffr-pp__seg button:hover:not([aria-pressed="true"]),
.sffr-pp__seg button:focus-visible:not([aria-pressed="true"]) {
  background: #F3E6C4;
  color: #6D2A12;
}

.sffr-pp__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sffr-pp__pill {
  display: inline-flex;
  align-items: center;
  height: 1.875rem;
  padding: 0 0.75rem;
  background: #FFFFFF;
  border: 1px solid #E0D3B6;
  border-radius: 99px;
  font: 600 0.8125rem/1 'Inter', sans-serif;
  color: #2A170D;
}

.sffr-pp__buy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.875rem;
  margin-top: 0.25rem;
}

.sffr-pp__price {
  margin: 0 0.375rem 0 0;
  font: 700 2.125rem/1 'Quicksand', sans-serif;
  color: #6D2A12;
}

.sffr-pp__price .woocommerce-Price-currencySymbol {
  margin-left: 0.25rem;
  font-size: 0.55em;
  font-weight: 600;
}

.sffr-pp__price del {
  opacity: 0.6;
  font-size: 0.55em;
  margin-right: 0.375rem;
}

.sffr-pp__price ins {
  text-decoration: none;
}

/* The card-scoped resets of product-carousel.css, for the buy row outside a card */
.sffr-pp .sffr-qty {
  height: 3rem;
  background: #F3E6C4;
}

.sffr-pp .sffr-qty input.sffr-qty__value {
  width: 1.75rem;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}

.sffr-pp .sffr-qty button.sffr-qty__btn {
  padding: 0;
  border: 0;
  background: #FFFFFF;
  color: #2A170D;
}

.sffr-pp .sffr-product-card__buy {
  flex: 0 1 auto;
  flex-wrap: nowrap;
  min-width: 0;
}

.sffr-pp .sffr-product-card__buy a.add_to_cart_button {
  flex: 0 0 auto;
  min-width: 0;
  min-height: 3rem;
  padding: 0 1.625rem;
  white-space: nowrap;
}

.sffr-pp-empty {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px dashed #C9B99B;
  border-radius: 12px;
  font: 400 0.875rem/1.4 'Inter', sans-serif;
  color: #54433D;
}

@media (max-width: 1099px) {
  .sffr-pp { margin-bottom: 3rem; }
  .sffr-pp__item { grid-template-columns: minmax(0, 15.625rem) minmax(0, 1fr); gap: 1.875rem; padding: 1.625rem; }
  .sffr-pp__name { font-size: 2.25rem; }
}

@media (max-width: 719px) {
  .sffr-pp { margin-bottom: 2.5rem; }
  .sffr-pp__item { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; padding: 0.875rem 0.875rem 1.375rem; }
  .sffr-pp__media { aspect-ratio: 4 / 3.1; }
  .sffr-pp__media img { object-position: center 38%; }
  .sffr-pp__body { gap: 1rem; padding-inline: 0.375rem; }
  .sffr-pp__name { font-size: 2rem; }
  .sffr-pp__buy { width: 100%; gap: 0.75rem; }
  .sffr-pp__price { width: 100%; margin: 0; }
  .sffr-pp .sffr-product-card__buy { flex: 1 1 auto; }
  .sffr-pp .sffr-product-card__buy a.add_to_cart_button { flex: 1 1 auto; }
}

@media (max-width: 379px) {
  .sffr-pp__item { padding: 0.75rem 0.75rem 1.25rem; }
  .sffr-pp__name { font-size: 1.75rem; }
  .sffr-pp__price { font-size: 1.875rem; }
  .sffr-pp .sffr-product-card__buy { flex-wrap: wrap; width: 100%; }
  .sffr-pp .sffr-product-card__buy a.add_to_cart_button { flex: 1 1 100%; }
}