/* ==========================================================================
   Konfigurátor na úvodnej stránke – výber kuchyňa / vstavaná skriňa
   ========================================================================== */
.kvolba .hlava { margin-bottom: clamp(36px, 4.4vw, 60px); }
.kvolba .hlava .h2 { font-family: var(--f-cond); font-weight: 600; text-transform: uppercase; letter-spacing: .01em; line-height: .98; font-size: clamp(40px, 4.6vw, 68px); color: var(--ink); }
.kvolba .hlava .h2 em { color: var(--gold-2); font-style: normal; }
.kvolba .lead { color: var(--ink-2); }

.kvolba__karty { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2.6vw, 36px); }
.kvolba__karta { position: relative; display: block; aspect-ratio: 5 / 4; border-radius: 6px; overflow: hidden; isolation: isolate; color: #fff; text-decoration: none;
  box-shadow: 0 40px 70px -40px rgba(27, 23, 20, .6); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.kvolba__karta img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--ease); }
.kvolba__karta::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(22, 18, 15, 0) 30%, rgba(22, 18, 15, .55) 58%, rgba(22, 18, 15, .94) 100%); }
/* zlatá linka zdola – podpis sekcie */
.kvolba__karta::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .6s var(--ease); }
.kvolba__karta:hover { transform: translateY(-6px); box-shadow: 0 50px 80px -40px rgba(27, 23, 20, .75); }
.kvolba__karta:hover img { transform: scale(1.05); }
.kvolba__karta:hover::after { transform: scaleX(1); }
.kvolba__karta:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }

.kvolba__cislo { position: absolute; top: clamp(18px, 2vw, 28px); left: clamp(22px, 2.4vw, 34px); font-family: var(--f-cond); font-weight: 600; font-size: clamp(54px, 5vw, 76px); line-height: 1;
  color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, .75); text-shadow: 0 2px 20px rgba(0, 0, 0, .25); }
.kvolba__obsah { position: absolute; left: 0; right: 0; bottom: 0; display: grid; gap: 10px; padding: clamp(24px, 2.8vw, 40px); }
.kvolba__kota { font-family: var(--f-cond); font-weight: 600; font-size: 14px; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); text-shadow: 0 1px 12px rgba(0, 0, 0, .6); }
.kvolba__nazov { font-family: var(--f-cond); font-weight: 600; font-size: clamp(32px, 3vw, 46px); line-height: .98; text-transform: uppercase; letter-spacing: .01em; }
.kvolba__nazov em { font-style: normal; color: var(--gold); }
.kvolba__co { font-size: 15px; color: rgba(243, 237, 227, .78); }
.kvolba__cta { justify-self: start; display: inline-flex; align-items: center; gap: 10px; margin-top: 8px; padding: 13px 22px; border-radius: 4px; background: var(--gold-2); color: #fff;
  font-family: var(--f-cond); font-weight: 600; font-size: 16px; letter-spacing: .14em; text-transform: uppercase; transition: background .3s, color .3s, gap .3s var(--ease); }
.kvolba__cta svg { width: 16px; height: 16px; }
.kvolba__karta:hover .kvolba__cta { background: var(--gold); color: var(--ink); gap: 16px; }

.kvolba__fakty { list-style: none; margin: clamp(30px, 3.4vw, 46px) 0 0; padding: 22px 0 0; border-top: 1px solid rgba(27, 23, 20, .14);
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 30px; }
.kvolba__fakty li { display: flex; align-items: baseline; gap: 12px; font-size: 15.5px; font-weight: 500; color: var(--ink); }
.kvolba__fakty b { font-family: var(--f-cond); font-weight: 600; font-size: 15px; letter-spacing: .1em; color: var(--gold-2); }

@media (max-width: 860px) {
  .kvolba__karty { grid-template-columns: 1fr; }
  .kvolba__karta { aspect-ratio: 4 / 5; max-height: 560px; width: 100%; }
  .kvolba__fakty { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .kvolba__karta, .kvolba__karta img, .kvolba__karta::after { transition: none; } }

/* karta bez fotky – technická kresba skrine */
.kvolba__karta--kresba { background:
  radial-gradient(70% 60% at 50% 32%, rgba(217, 164, 65, .16), transparent 70%),
  repeating-linear-gradient(90deg, rgba(243, 237, 227, .025) 0 1px, transparent 1px 28px),
  repeating-linear-gradient(0deg, rgba(243, 237, 227, .025) 0 1px, transparent 1px 28px),
  var(--tma, #16120F); }
.kvolba__kresba { position: absolute; left: 50%; top: 8%; width: 66%; max-width: 420px; transform: translateX(-50%); color: var(--gold); z-index: -2; transition: transform 1.2s var(--ease); }
.kvolba__karta--kresba:hover .kvolba__kresba { transform: translateX(-50%) scale(1.04); }
.kvolba__kresba { left: auto; right: 7%; top: 9%; width: 42%; transform: none; opacity: .85; }
.kvolba__karta--kresba:hover .kvolba__kresba { transform: scale(1.04); opacity: 1; }
@media (max-width: 860px) { .kvolba__kresba { right: 50%; transform: translateX(50%); width: 58%; top: 12%; } .kvolba__karta--kresba:hover .kvolba__kresba { transform: translateX(50%) scale(1.04); } }