@charset "UTF-8";
/* =========================
   Product detail redesign (Shoptet) — SCSS
   ========================= */
:root {
  --pd-text: #0f172a;
  --pd-muted: #64748b;
  --pd-soft: #f3f4f6;
  --pd-accent: #111827;
  --pd-danger: #dc2626;
  --pd-pill: 999px;
  --pd-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
  --pd-shadow2: 0 8px 16px rgba(15, 23, 42, 0.08);
}

html.pd-run {
  /* ---------------- VARIANTS (DIV UI) ---------------- */
  /* Variant pill buttons */
  /* Hide selects visually, keep functional */
  /* Hide ONLY original variant row + unavailable msg (keep surcharges visible!) */
  /* ---------------- SIZE CHART LINK ---------------- */
  /* ---------------- SURCHARGES ---------------- */
  /* ---------------- META (GRID: cena nahoře, dostupnost + doručení vedle sebe) ---------------- */
  /* ---------------- Add to cart layout ---------------- */
  /* ---------------- Team offer ---------------- */
  /* Banner */
  /* Hide share buttons */
  /* Mobile */
  /* Quantity styling (SCSS nested — jak chceš) */
}
html.pd-run .p-info-wrapper {
  color: var(--pd-text);
  /* Title */
  /* Code + brand */
  /* Stack main blocks */
  /* Ensure order */
  /* Hide original price/availability blocks (we render our own meta) */
  /* Remove card visuals */
}
html.pd-run .p-info-wrapper .p-info-headline h1 {
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin: 0 0 10px 0;
}
html.pd-run .p-info-wrapper .p-detail-info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  margin-bottom: 14px;
  color: var(--pd-muted);
  font-size: 13px;
}
html.pd-run .p-info-wrapper .p-detail-info .p-code .p-code-label {
  text-transform: none;
}
html.pd-run .p-info-wrapper .p-detail-info a {
  color: var(--pd-muted);
  text-decoration: none;
}
html.pd-run .p-info-wrapper .p-detail-info a:hover {
  text-decoration: underline;
}
html.pd-run .p-info-wrapper .p-info-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 14px 0 12px !important;
}
html.pd-run .p-info-wrapper .detail-parameters-block {
  order: 1;
}
html.pd-run .p-info-wrapper .detail-price-block,
html.pd-run .p-info-wrapper .detail-availability-block {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
html.pd-run .p-info-wrapper .detail-grid-item {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
html.pd-run .pd-variants {
  display: block;
}
html.pd-run .pd-variants__title {
  font-size: 16px;
  font-weight: 950;
  color: var(--pd-text);
  margin: 0 0 10px 0;
  display: none;
}
html.pd-run .pd-variant {
  margin-top: 8px;
}
html.pd-run .pd-variant__label {
  font-size: 14px;
  font-weight: 850;
  color: var(--pd-muted);
  margin: 0 0 10px 0;
}
html.pd-run .pd-variant__options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
html.pd-run .pd-variant-btn {
  appearance: none;
  border: 0 !important;
  background: var(--pd-soft) !important;
  color: var(--pd-text) !important;
  border-radius: var(--pd-pill) !important;
  padding: 12px 14px !important;
  min-height: 44px;
  font-weight: 900;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  box-shadow: var(--pd-shadow2);
  transition: transform 0.06s ease, box-shadow 0.14s ease, background 0.14s ease;
}
html.pd-run .pd-variant-btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--pd-shadow);
}
html.pd-run .pd-variant-btn:active {
  transform: translateY(0);
  box-shadow: var(--pd-shadow2);
}
html.pd-run .pd-variant-btn.is-active {
  background: var(--pd-accent) !important;
  color: #fff !important;
  box-shadow: var(--pd-shadow);
}
html.pd-run .pd-variant-btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none !important;
}
html.pd-run .pd-hidden-select {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
html.pd-run .p-info-wrapper .detail-parameters-block {
  /* samotný message div schováme (řádek schováme JSem níž) */
}
html.pd-run .p-info-wrapper .detail-parameters-block tr.variant-list {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
html.pd-run .p-info-wrapper .detail-parameters-block #jsUnavailableCombinationMessage {
  display: none !important;
}
html.pd-run .pd-after-variants {
  margin-top: 10px;
}
html.pd-run .p-size-chart-link {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: 850 !important;
  color: var(--pd-accent) !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 0.8em;
}
html.pd-run .p-size-chart-link::before {
  content: "👕";
  font-size: 14px;
  line-height: 1;
}
html.pd-run .p-size-chart-link:hover {
  text-decoration: none !important;
}
html.pd-run .p-info-wrapper .detail-parameters-block .detail-grid-title {
  display: none !important;
}
html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters {
  width: 100%;
  border-collapse: collapse;
  margin-top: 2em;
  /* DŮLEŽITÉ: script uvnitř tbody nesmí být grid-item */
  /* default (mobile/bez gridu) */
  /* Desktop: 2 příplatky vedle sebe */
}
html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters > tbody > script {
  display: none !important;
}
html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters tr.surcharge-list {
  display: block;
  margin-top: 12px;
}
html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters tr.surcharge-list th, html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters tr.surcharge-list td {
  display: block;
  padding: 0;
  border: 0;
  text-transform: inherit;
}
html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters tr.surcharge-list th {
  font-size: 14px;
  font-weight: 850;
  color: var(--pd-muted);
  margin-bottom: 8px;
  text-transform: inherit;
}
html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters tr.surcharge-list select {
  width: 100%;
  min-height: 44px;
  border-radius: 99px;
}
@media (min-width: 768px) {
  html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 16px;
    /* všechny "ne-surcharge" řádky ať v gridu nezabírají slot */
  }
  html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters > tbody {
    display: contents;
  }
  html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters > tbody > tr:not(.surcharge-list) {
    display: none !important;
  }
  html.pd-run .p-info-wrapper .detail-parameters-block table.detail-parameters tr.surcharge-list {
    margin-top: 0;
  }
}
html.pd-run .pd-meta {
  order: 2;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
  align-items: start;
  margin-top: 2px;
}
html.pd-run .pd-meta .pd-line {
  display: block;
}
html.pd-run .pd-meta .pd-line__label {
  min-width: 0 !important;
  color: var(--pd-muted);
  font-weight: 850;
  font-size: 12px;
  opacity: 0.75;
  margin-bottom: 2px;
}
html.pd-run .pd-meta .pd-line__value {
  color: var(--pd-text);
  font-weight: 950;
  font-size: 14px;
  line-height: 1.1;
}
html.pd-run .pd-meta .pd-line__value.is-danger {
  color: var(--pd-danger);
}
html.pd-run .pd-meta .pd-line__value[data-pd-price="1"] {
  font-size: 2em;
  font-weight: 950;
  letter-spacing: -0.02em;
}
html.pd-run .pd-meta .pd-line__value[data-pd-avail="1"], html.pd-run .pd-meta .pd-line__value[data-pd-delivery="1"] {
  font-size: 16px;
  font-weight: 850;
}
html.pd-run .pd-meta .pd-line.pd-line--pd-price {
  grid-column: 1/-1;
}
html.pd-run .pd-meta .pd-line.pd-line--pd-avail {
  grid-column: 1;
}
html.pd-run .pd-meta .pd-line.pd-line--pd-delivery {
  grid-column: 2;
}
html.pd-run .pd-meta .pd-price-standard {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 850;
  color: var(--pd-muted);
  text-decoration: line-through;
  white-space: nowrap;
}
html.pd-run .p-info-wrapper {
  /* Button LEFT */
}
html.pd-run .p-info-wrapper .add-to-cart {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 2em;
}
html.pd-run .p-info-wrapper .add-to-cart .btn.add-to-cart-button {
  margin-left: 0 !important;
  border-radius: var(--pd-pill) !important;
}
html.pd-run .p-team-offer {
  margin: 14px 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
html.pd-run .p-team-offer__text {
  color: var(--pd-muted);
  font-weight: 800;
  margin-bottom: 10px;
  font-size: 1.1em;
}
html.pd-run .p-team-offer__link {
  display: inline-flex;
  padding: 12px 16px;
  border-radius: var(--pd-pill);
  background: var(--pd-team-btn-bg, #2b2f36);
  color: #fff;
  font-weight: 950;
  font-size: 1.2em;
  text-decoration: none;
  box-shadow: var(--pd-shadow2);
}
html.pd-run .p-team-offer__link:hover {
  transform: translateY(-1px);
  box-shadow: var(--pd-shadow);
  filter: brightness(1.08);
}
html.pd-run .p-team-banner {
  margin: 12px 0 0;
}
html.pd-run .p-team-banner__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 520px; /* MAX šířka banneru */
  max-height: 260px; /* MAX výška banneru */
  object-fit: contain;
}
html.pd-run .p-info-wrapper .social-buttons-wrapper,
html.pd-run .p-info-wrapper .link-icons a.share,
html.pd-run .p-info-wrapper .social-buttons {
  display: none !important;
}
@media (max-width: 767px) {
  html.pd-run .p-info-wrapper .add-to-cart {
    flex-wrap: wrap;
  }
  html.pd-run .p-info-wrapper .add-to-cart .btn.add-to-cart-button {
    max-width: 100%;
  }
}
@media (min-width: 480px) {
  html.pd-run .p-info-wrapper .quantity .increase,
  html.pd-run .p-info-wrapper .quantity .decrease {
    width: 48px;
    height: 40px;
  }
  html.pd-run .p-info-wrapper .quantity input {
    padding: 0 45px;
    font-size: 26px;
    width: 150px;
    height: 43px;
    border-radius: 99px;
  }
}
html.pd-run #header .cart-count {
  border-radius: 999px;
}
html.pd-run .p-info-wrapper .quantity input {
  border-radius: 99px;
}
html.pd-run .p.pd-listing-banner__p {
  padding: 0;
}

/*# sourceMappingURL=style.css.map */