/* ==========================================================================
   Stránka konfigurátora – úvod, prepínač, iframe
   ========================================================================== */
.konfx-hlava { background: var(--tma, #16120F); color: #F3EDE3; position: relative; z-index: 2;
  padding: clamp(48px, 6vw, 84px) 0 calc(clamp(40px, 5vw, 70px) + var(--sikma));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sikma)), 0 100%); }
.konfx-hlava__in { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: end; }
.konfx-hlava .kota--pill { color: var(--gold); }
.konfx-h1 { margin: 14px 0 16px; font-family: var(--f-cond); font-weight: 600; font-size: clamp(42px, 5vw, 76px); line-height: .96; text-transform: uppercase; letter-spacing: .01em; color: #fff; }
.konfx-h1 em { font-style: normal; color: var(--gold); }
.konfx-lead { margin: 0; max-width: 34em; font-size: 17px; line-height: 1.6; color: rgba(243, 237, 227, .72); }

/* prepínač – dve veľké dlaždice */
.konfx-prepinac { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.konfx-prepinac button { display: flex; align-items: center; gap: 14px; padding: 18px 18px; border-radius: 6px; cursor: pointer; text-align: left;
  border: 1px solid rgba(243, 237, 227, .16); background: rgba(243, 237, 227, .04); color: #F3EDE3; transition: background .25s, border-color .25s, transform .25s; }
.konfx-prepinac svg { flex: none; width: 34px; height: 34px; color: var(--gold); }
.konfx-prepinac b { display: block; font-family: var(--f-cond); font-weight: 600; font-size: 21px; letter-spacing: .03em; text-transform: uppercase; line-height: 1.05; }
.konfx-prepinac small { display: block; margin-top: 3px; font-size: 13px; color: rgba(243, 237, 227, .55); }
.konfx-prepinac button:hover { border-color: rgba(217, 164, 65, .6); transform: translateY(-2px); }
.konfx-prepinac button[aria-selected="true"] { background: var(--gold); border-color: var(--gold); color: var(--ink, #16120F); }
.konfx-prepinac button[aria-selected="true"] svg { color: var(--ink, #16120F); }
.konfx-prepinac button[aria-selected="true"] small { color: rgba(22, 18, 15, .7); }
.konfx-prepinac button:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }

/* iframe */
.konfx-ram { position: relative; z-index: 1; margin-top: calc(-1 * var(--sikma)); padding-top: var(--sikma); background: var(--svetla, #F3EDE3); scroll-margin-top: 88px; }
.konfx-iframe { display: block; width: 100%; height: calc(100vh - 88px); height: calc(100dvh - 88px); min-height: 720px; border: 0; background: var(--svetla, #F3EDE3); }

/* pod konfigurátorom */
.konfx-pomoc { background: var(--svetla, #F3EDE3); padding: clamp(28px, 3vw, 40px) 0 clamp(70px, 8vw, 110px); }
.konfx-pomoc__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 40px; padding-top: 24px; border-top: 1px solid rgba(27, 23, 20, .14); }
.konfx-fakty { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 34px; }
.konfx-fakty li { display: flex; align-items: baseline; gap: 10px; font-size: 15.5px; font-weight: 500; color: var(--ink); }
.konfx-fakty b { font-family: var(--f-cond); font-weight: 600; font-size: 15px; letter-spacing: .1em; color: var(--gold-2); }
.konfx-tel { margin: 0; font-size: 15.5px; color: var(--ink-2); }
.konfx-tel a { margin-left: 6px; font-family: var(--f-cond); font-weight: 600; font-size: 22px; letter-spacing: .04em; color: var(--ink); text-decoration: none; border-bottom: 2px solid var(--gold); }
.konfx-tel a:hover { color: var(--gold-2); }

@media (max-width: 1000px) {
  .konfx-hlava__in { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 860px) {
  .konfx-ram { scroll-margin-top: 72px; }
  /* na mobile výšku nastaví konfigurátor cez postMessage */
  .konfx-iframe { height: 900px; min-height: 0; }
}
@media (max-width: 480px) {
  .konfx-prepinac { grid-template-columns: 1fr 1fr; }
  .konfx-prepinac button { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; }
  .konfx-prepinac svg { width: 26px; height: 26px; }
  .konfx-prepinac b { font-size: 18px; }
}

/* úvod plynulo prechádza do tmavej lišty konfigurátora – bez svetlej medzery */
.konfx-hlava { clip-path: none; padding-bottom: clamp(36px, 4vw, 56px); }
.konfx-ram { margin-top: 0; padding-top: 0; background: var(--tma, #16120F); border-top: 1px solid rgba(243, 237, 227, .08); }