/* ============================================================================
   DOPPLER — popis kategorie GRID 3x2 (.dpl-k)   ·   SK shop
   ----------------------------------------------------------------------------
   Vkládá se JEDNOU do editoru vzhledu (SK e-shop → Vlastní CSS).
   Slouží všem grid 3x2 kategoriím (Křesla a židle, Polstry a sedáky, …).
   HTML popisu kategorie je na všech mutacích STEJNÝ (jen český text + divy
   s cenami/URL pro cz/sk/pl); tento CSS rozhoduje, který jazyk se zobrazí.
   ============================================================================ */

.dpl-k {
  width: 100% !important;
  max-width: 1420px !important;
  margin: -8px auto 16px !important;
  display: grid !important;
  grid-template-columns: 1.08fr 1fr 0.92fr !important;
  gap: 14px !important;
  font-family: 'Jost', sans-serif !important;
  color: #1c1917 !important;
  box-sizing: border-box !important;
}
.dpl-k *, .dpl-k *::before, .dpl-k *::after { box-sizing: border-box !important; }

/* =====  PREPINANI JAZYKA — SK shop  =====
   Toto je JEDINY rozdil mezi CZ/SK/PL verzi CSS. Zbytek je identicky.
   Na SK shopu se zobrazi pouze .m-sk / .dpl-k__link--sk / .dpl-k__faq-cta--sk. */
.dpl-k .m-sk { display: inline !important; }
.dpl-k .m-cz, .dpl-k .m-pl { display: none !important; }
.dpl-k__link--sk { display: block !important; }
.dpl-k__link--cz, .dpl-k__link--pl { display: none !important; }
.dpl-k__faq-cta--sk { display: inline-flex !important; }
.dpl-k__faq-cta--cz, .dpl-k__faq-cta--pl { display: none !important; }

.dpl-k__editorial {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  background: #A72C3A !important;
  color: #fff !important;
  padding: 24px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.dpl-k__editorial::before {
  content: '' !important;
  position: absolute !important; top: -40px !important; right: -40px !important;
  width: 200px !important; height: 200px !important; border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
}
.dpl-k__headline {
  margin: 0 !important; padding: 0 !important;
  font-size: 21px !important; font-weight: 600 !important;
  line-height: 1.25 !important; letter-spacing: -0.01em !important;
  color: #fff !important;
  font-family: 'Jost', sans-serif !important;
  text-transform: none !important;
  background: transparent !important;
  position: relative !important; z-index: 2 !important;
}
.dpl-k__lead {
  margin: 12px 0 0 !important; padding: 0 !important;
  position: relative !important; z-index: 2 !important;
  color: rgba(255,255,255,.92) !important; font-size: 14px !important; line-height: 1.6 !important;
  background: transparent !important;
}
.dpl-k__lead strong { color: #fff !important; font-weight: 600 !important; }
.dpl-k__lead a {
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.5) !important;
  text-decoration: none !important;
}
.dpl-k__lead a:hover { border-bottom-color: #fff !important; }

.dpl-k__usps {
  margin: 18px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 2 !important;
  list-style: none !important;
}
.dpl-k__usp {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important;
}
.dpl-k__usp::before { content: none !important; }
.dpl-k__usp-icon {
  flex-shrink: 0 !important;
  width: 30px !important; height: 30px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 1px !important;
}
.dpl-k__usp-icon svg { width: 16px !important; height: 16px !important; }
.dpl-k__usp-title {
  font-size: 14px !important; font-weight: 600 !important; color: #fff !important;
  margin: 0 !important; padding: 0 !important; line-height: 1.3 !important;
}
.dpl-k__usp-desc {
  font-size: 12px !important; color: rgba(255,255,255,.75) !important;
  margin: 2px 0 0 !important; padding: 0 !important; line-height: 1.45 !important;
}
.dpl-k__actions {
  display: flex !important; gap: 16px !important; align-items: center !important;
  position: relative !important; z-index: 2 !important;
  margin-top: 20px !important;
}
.dpl-k__cta {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 13px 22px !important; border-radius: 28px !important;
  background: #fff !important;
  color: #A72C3A !important;
  font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important;
  transition: transform .15s, box-shadow .15s !important;
  text-transform: none !important;
}
.dpl-k__cta:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,0,0,.25); }

.dpl-k__faq {
  position: relative !important;
  background: #FAF7F2 !important;
  border-radius: 6px !important;
  padding: 26px 26px 22px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.dpl-k__faq::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: #A72C3A !important;
  border-radius: 6px 6px 0 0 !important;
}
.dpl-k__faq-title {
  margin: 0 0 6px !important; padding: 0 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  font-family: 'Jost', sans-serif !important;
  text-transform: none !important;
  background: transparent !important;
}
.dpl-k__faq-sub {
  margin: 0 0 14px !important; padding: 0 !important;
  font-size: 13px !important;
  color: #6a6a6a !important;
  background: transparent !important;
}
.dpl-k__faq-item {
  border-top: 1px solid #E5DCCC !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important;
}
.dpl-k__faq-item:last-of-type { border-bottom: 1px solid #E5DCCC !important; }
.dpl-k__faq-item summary {
  list-style: none !important;
  cursor: pointer !important;
}
.dpl-k__faq-item summary::-webkit-details-marker { display: none !important; }
.dpl-k__faq-item summary::marker { display: none !important; content: '' !important; }
.dpl-k__faq-q {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 13px 0 !important;
  color: #1a1a1a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  transition: color .2s !important;
}
.dpl-k__faq-item summary:hover .dpl-k__faq-q { color: #8B232E !important; }
.dpl-k__faq-q-icon {
  color: #A72C3A !important;
  flex-shrink: 0 !important;
  transition: transform .2s !important;
  display: inline-flex !important;
}
.dpl-k__faq-item[open] .dpl-k__faq-q-icon { transform: rotate(45deg); }
.dpl-k__faq-a {
  padding: 0 0 14px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #3a3a3a !important;
  background: transparent !important;
}
.dpl-k__faq-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: #A72C3A !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
  transition: color .2s !important;
}
.dpl-k__faq-cta:hover { color: #8B232E !important; }

.dpl-k__card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  background: #fff !important;
  border: 1px solid #ece8e2 !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  transition: transform .15s, box-shadow .15s !important;
  min-width: 0 !important;
}
.dpl-k__card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(28,25,23,.12); }
.dpl-k__card-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  font-size: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  background: transparent !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.dpl-k__card > .dpl-k__card-badge,
.dpl-k__card > .dpl-k__card-flags,
.dpl-k__card > .dpl-k__card-stock,
.dpl-k__card > .dpl-k__card-photo,
.dpl-k__card > .dpl-k__card-info {
  pointer-events: none !important;
}
.dpl-k__card-flags {
  position: absolute !important; top: 14px !important; left: 14px !important;
  display: flex !important; align-items: center !important; gap: 8px !important;
  z-index: 2 !important;
  margin: 0 !important; padding: 0 !important;
}
.dpl-k__card-flags .dpl-k__card-badge {
  position: static !important;
}
.dpl-k__card-sale {
  background: #fff !important; color: #A72C3A !important;
  border: 1px solid rgba(167,44,58,.25) !important;
  padding: 5px 11px !important; border-radius: 16px !important;
  font-weight: 800 !important; font-size: 11px !important; letter-spacing: .04em !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.dpl-k__card-old-price {
  margin: 0 0 0 auto !important; padding: 0 !important;
  text-decoration: line-through !important;
  color: #8a8378 !important;
  font-size: 13px !important; font-weight: 600 !important;
  white-space: nowrap !important;
}
.dpl-k__card-old-price ~ .dpl-k__card-price {
  margin-left: 0 !important;
}
.dpl-k__card-code {
  margin: 6px 0 0 !important; padding: 0 !important;
  text-align: right !important;
  font-size: 11px !important; color: #6b6663 !important; font-weight: 500 !important;
  background: transparent !important;
}
.dpl-k__card-chip {
  display: inline-block !important;
  margin-left: 5px !important;
  padding: 3px 8px !important;
  border: 1px dashed #A72C3A !important;
  border-radius: 4px !important;
  color: #A72C3A !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  font-size: 10.5px !important;
  background: #fff !important;
}

.dpl-k__card-badge {
  position: absolute !important; top: 14px !important; left: 14px !important;
  background: #A72C3A !important; color: #fff !important;
  padding: 6px 12px !important; border-radius: 16px !important;
  font-weight: 700 !important; font-size: 11px !important; letter-spacing: .04em !important;
  z-index: 2 !important;
  margin: 0 !important;
}
.dpl-k__card-stock {
  position: absolute !important; top: 14px !important; right: 14px !important;
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  background: #eaf6f0 !important;
  padding: 5px 10px !important; border-radius: 14px !important;
  font-size: 11px !important; color: #2d9d6e !important; font-weight: 700 !important;
  z-index: 2 !important;
  margin: 0 !important;
}
.dpl-k__card-stock::before {
  content: '' !important;
  width: 6px !important; height: 6px !important; border-radius: 50% !important;
  background: #2d9d6e !important; flex-shrink: 0 !important;
}
.dpl-k__card-photo {
  flex: 1 1 auto !important;
  min-height: 240px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #f5f2ee !important;
  margin: 0 !important;
}
.dpl-k__card--tall .dpl-k__card-photo {
  aspect-ratio: auto !important;
  flex: 1 1 auto !important;
  min-height: 320px !important;
}
.dpl-k__card-info {
  position: relative !important;
  padding: 14px 18px 16px !important;
  border-top: 1px solid #f1ede7 !important;
  margin-top: 0 !important;
  background: #fff !important;
}
.dpl-k__card-kicker {
  margin: 0 0 4px !important; padding: 0 !important;
  font-size: 11px !important; letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #A72C3A !important; font-weight: 700 !important;
}
.dpl-k__card-row {
  display: flex !important; align-items: baseline !important; gap: 10px !important;
  margin: 0 !important; padding: 0 !important;
}
.dpl-k__card-name {
  font-weight: 700 !important; font-size: 15px !important; line-height: 1.3 !important;
  color: #1c1917 !important; margin: 0 !important; padding: 0 !important;
  flex: 1 !important; min-width: 0 !important;
}
.dpl-k__card-price {
  margin: 0 0 0 auto !important; padding: 0 !important;
  font-size: 18px !important; font-weight: 800 !important; color: #A72C3A !important;
  white-space: nowrap !important;
}
.dpl-k__card-usp {
  margin: 6px 0 0 !important; padding: 0 !important;
  font-size: 11.5px !important; letter-spacing: .03em !important;
  color: #6b6663 !important; font-weight: 500 !important;
}

.dpl-k__blog {
  position: relative !important;
  background: #fff !important;
  border: 1px solid #ece8e2 !important;
  border-radius: 6px !important;
  padding: 26px 26px 22px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
.dpl-k__blog::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: #A72C3A !important;
  border-radius: 6px 6px 0 0 !important;
}
.dpl-k__blog-title {
  margin: 0 0 6px !important; padding: 0 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  font-family: 'Jost', sans-serif !important;
  text-transform: none !important;
  background: transparent !important;
}
.dpl-k__blog-sub {
  margin: 0 0 14px !important; padding: 0 !important;
  font-size: 13px !important;
  color: #6a6a6a !important;
  background: transparent !important;
}
.dpl-k__blog-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 0 !important;
  margin: 0 !important;
  border-top: 1px solid #f1ede7 !important;
  text-decoration: none !important;
  color: #1c1917 !important;
  transition: color .2s !important;
  background: transparent !important;
}
.dpl-k__blog-item:last-of-type { border-bottom: 1px solid #f1ede7 !important; }
.dpl-k__blog-item:hover { color: #8B232E !important; }
.dpl-k__blog-item-title {
  font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important;
  margin: 0 !important; padding: 0 !important;
  flex: 1 !important; min-width: 0 !important;
}
.dpl-k__blog-soon {
  flex-shrink: 0 !important;
  background: #FAF7F2 !important;
  border: 1px solid #E5DCCC !important;
  color: #8a8378 !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
.dpl-k__blog-note {
  margin: 16px 0 0 !important; padding: 0 !important;
  font-size: 12px !important; line-height: 1.5 !important;
  color: #8a8378 !important;
  background: transparent !important;
}

@media (max-width: 900px) {
  .dpl-k {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .dpl-k__editorial { order: 1 !important; padding: 18px 18px !important; border-radius: 10px !important; }
  .dpl-k__featured { order: 2 !important; }
  .dpl-k__tall-1 { order: 3 !important; }
  .dpl-k__tall-2 { order: 4 !important; }
  .dpl-k__faq { order: 5 !important; padding: 22px 18px 18px !important; }
  .dpl-k__blog { order: 6 !important; padding: 22px 18px 18px !important; }

  .dpl-k__editorial::before { width: 140px !important; height: 140px !important; top: -30px !important; right: -30px !important; }
  .dpl-k__headline { font-size: 19px !important; }
  .dpl-k__lead { font-size: 13.5px !important; }
  .dpl-k__usps { margin-top: 14px !important; gap: 10px !important; }
  .dpl-k__usp-icon { width: 26px !important; height: 26px !important; }
  .dpl-k__usp-icon svg { width: 14px !important; height: 14px !important; }
  .dpl-k__usp-title { font-size: 13px !important; }
  .dpl-k__usp-desc { font-size: 11.5px !important; }
  .dpl-k__actions { margin-top: 14px !important; }
  .dpl-k__cta { padding: 12px 18px !important; font-size: 13px !important; }

  .dpl-k__card--tall .dpl-k__card-photo { min-height: 240px !important; }
  .dpl-k__card-photo { min-height: 200px !important; }
  .dpl-k__faq-title, .dpl-k__blog-title { font-size: 18px !important; }
}