/* RIKA custom vrstva nad Webflow exportom (fáza F1+) */

/* honeypot — skryté pre ľudí, viditeľné pre botov */
.rk-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

/* GDPR súhlas pri formulároch (vady 63–66) */
.rk-consent {
    display: flex;
    gap: 0.6em;
    align-items: flex-start;
    margin: 12px 0;
    font-size: 14px;
    line-height: 1.45;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.rk-consent input {
    margin-top: 3px;
    flex: none;
    accent-color: #e94c0a;
}

.rk-consent a {
    color: inherit;
    text-decoration: underline;
}

/* na tmavej karte kontaktného formulára bol consent tmavohnedý — nečitateľný */
.form-left .rk-consent { color: #fff7f0; }

/* popup modály (ponuka / cenník) — tá istá tmavá karta */
.popup-form .rk-consent { color: #fff7f0; }

/* RIKA-11: v em-škálovaných Webflow formulároch (home .form-left, popupy) musí consent
   škálovať s formulárom — fixných 14px pri užších šírkach prerastalo drobný em formulár
   (klient report; polia majú font-size 1em = body). .875em = 14px @ 1920, t. j. desktop
   vyzerá ako doteraz. Checkbox tiež v em, nech nezostane obrí vedľa malého textu.
   Inline formuláre podstránok (.rk-inline-form) sú px-based — tam ostáva default 14px.
   Mobil ≤479px: vw ako Webflow polia (3.6vw ≈ doterajších 14px @ 390px). */
.form-left .rk-consent,
.popup-form .rk-consent {
    font-size: .875em;
    margin: .75em 0;
}

.form-left .rk-consent input,
.popup-form .rk-consent input {
    width: .85em;
    height: .85em;
    margin-top: .2em;
}

@media (max-width: 479px) {
    .form-left .rk-consent,
    .popup-form .rk-consent { font-size: 3.6vw; margin: 3vw 0; }
}

/* text „Vyplňte formulár…" sedel nalepený na prvom poli */
.popup-form .popup-txt { margin-bottom: 20px; }

/* Titulok popupu (.popup-head-1) mal line-height:90% + gradient background-clip:text
   s priehľadnou výplňou → slovenská diakritika (dĺžeň/mäkčeň nad cap-height) padla
   mimo paint-boxu textu: prvý riadok mal orezané akcenty a pri dvoch riadkoch sa
   akcenty 2. riadku dotýkali 1. Voľnejší line-height + malý padding-top dá akcentom
   priestor (klient report — ponukový/cenníkový/showroom popup, SK aj CZ). */
.popup-head-1,
.popup-head-1._2 {
    line-height: 1.08;
}

/* validačné chyby po slovensky (vada 10 — anglické hlášky preč) */
.rk-errors {
    color: #b03222;
    background: #fdecea;
    border: 1px solid #e5b4ad;
    border-radius: 8px;
    padding: 10px 14px;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

/* wrapper po odobratí .w-form (marginy kopírujú Webflow default) */
.rk-form {
    margin: 0 0 15px;
}

/* Funkcie pece — trvalo viditeľné názvy pod ikonami + klik popup (vada 27) */
.cat-icon-wrap {
    position: relative;
    cursor: pointer;
}

.cat-icon-wrap .tool-txt {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: static !important;
    transform: none !important;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    max-width: 120px;
}

.cat-icon-wrap img[src*="Bottom"] {
    display: none !important;
}

/* popup s popisom funkcie */
.rk-feature-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(52, 23, 23, 0.55);
    padding: 20px;
}

.rk-feature-card {
    background: #fff7f0;
    color: #341717;
    border-radius: 14px;
    max-width: 420px;
    width: 100%;
    padding: 26px 28px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
    position: relative;
    font-size: 16px;
    line-height: 1.55;
}

.rk-feature-card h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.3;
}

.rk-feature-close {
    position: absolute;
    top: 10px;
    right: 14px;
    border: 0;
    background: none;
    font-size: 26px;
    line-height: 1;
    color: inherit;
    cursor: pointer;
}

/* Detail modelu (T2 — /model/{slug}) + nové podstránky */
.rk-back-link {
    display: inline-block;
    margin: 24px 0 6px;
    color: inherit;
    text-decoration: none;
    font-size: 15px;
    opacity: 0.75;
}

.rk-back-link:hover { opacity: 1; }

.rk-product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin: 36px 0;
    align-items: start;
}

@media (max-width: 767px) {
    .rk-product-grid { grid-template-columns: 1fr; }
}

.rk-product-image {
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    cursor: zoom-in;
}

/* Galéria detailu — náhľady pod hlavnou fotkou */
.rk-product-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.rk-thumb {
    padding: 0;
    border: 2px solid transparent;
    border-radius: 10px;
    background: none;
    cursor: pointer;
    line-height: 0;
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.rk-thumb img {
    width: 76px;
    height: 76px;
    object-fit: cover;
    display: block;
}

.rk-thumb.is-active { border-color: #341717; }

@media (max-width: 767px) {
    .rk-thumb img { width: 64px; height: 64px; }
}

.rk-params-head { margin: 0 0 14px; font-size: 24px; }

.rk-params { width: 100%; border-collapse: collapse; font-size: 16px; }

.rk-params th, .rk-params td {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(52, 23, 23, 0.12);
}

.rk-params th { font-weight: 600; width: 45%; }

.rk-params-note { font-size: 14px; opacity: 0.75; margin-top: 12px; }

.rk-features-head { margin-top: 28px; }

.rk-features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.rk-feature { display: flex; align-items: center; gap: 10px; font-size: 15px; }

.rk-feature-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    object-fit: contain;
}

@media (max-width: 640px) {
    .rk-features { grid-template-columns: 1fr; }
}

.rk-product-cta { margin: 40px auto 60px; max-width: 640px; text-align: center; }

.rk-product-cta .doc-txt { margin-bottom: 0; }

/* odstup medzi textom a prvým inputom formulára */
.rk-product-cta .rk-inline-form { margin-top: 28px; text-align: left; }

.rk-inline-form .text-field { margin-bottom: 12px; }

.rk-textarea { min-height: 110px; resize: vertical; }

.rk-submit {
    background: #e94c0a;
    color: #fff7f0;
    border: 0;
    border-radius: 8px;
    padding: 14px 30px;
    font-size: 16px;
    cursor: pointer;
}

.rk-submit:hover { background: #c94108; }

.rk-detail-link {
    display: inline-block;
    margin-top: 8px;
    color: inherit;
    font-size: 14px;
    text-decoration: underline;
}

/* inline formulár na svetlom pozadí (detail modelu, nové podstránky) */
.rk-inline-form .text-field {
    color: #341717;
    background: #ffffff;
    border: 1px solid rgba(52, 23, 23, 0.25);
    border-radius: 8px;
    min-height: 44px;
    padding: 10px 14px;
}

.rk-inline-form .text-field::placeholder { color: rgba(52, 23, 23, 0.45); }

/* typografia — RIKA-11 (responsive 992–1920): Webflow škáluje CELÝ dizajn cez body font
   .833333vw — všetky rozmery sú v em, takže dizajn drží proporcie na každej šírke.
   Vada 69 tu predtým nastavila pevných 16px pre ≥992px; tým sa ale em-layout pri
   992–1500px zväčšil až 1,6× oproti oknu a sekcie sa rozpadli (šípky zatekali do pece,
   karty pretekali, obrovské FAQ/footer — klient report 2026-07, porovnanie s
   rika-pece.webflow.io). min() vracia proporcie originálu pod 1920px (1:1 s Webflow)
   a necháva strop 16px nad 1920px (RIKA-7 — dizajn nerastie donekonečna na ultra-wide).
   Vedomý trade-off: bežný text má na 1200px ~10px ako originál; prípadnú čitateľnosť
   riešiť per-element, nie globálnym floorom (ten rozbíja layout). */
@media (min-width: 992px) {
    body { font-size: min(.833333vw, 16px); }
}

/* RIKA-7 (nadväzne): po scapnutí fontu je popredie catalog slidera pevné (karta/panel 440px),
   ale pozadie pece je full-bleed cover a rastie s viewportom → na ultra-wide sa karty odtiahnu
   k okrajom a kompozícia sa roztrhne. Mierny strop max-width drží obsah pokope na ultra-wide;
   2200px = dosť veľký, aby karty šli k okrajom (klient chcel „blok viac do strán") a zároveň
   sa nad ~2200px prestali rozťahovať. Pozadie ostáva cez celú šírku (je na sekcii, nie na .container). */
#catalog .container {
    max-width: 2200px;
    margin-left: auto;
    margin-right: auto;
}

/* RIKA-11 (prescopované v RIKA-11 na ≥1920px): pod 1920px body font opäť škáluje
   (.833vw), takže pôvodných 27.5em drží proporcie originálu — karty sa zmenšujú
   so šírkou samy a pec za nimi sa nestláča. Nad 1920px je body font stropnutý na
   16px (27.5em = 440px fixných) a klient chcel užšie karty = viac pece vidno →
   400px. Mobil má karty width:auto a stackuje. */
@media (min-width: 1920px) {
    #catalog .left-slider,
    #catalog .right-slider {
        width: 400px;
    }
}

/* RIKA-8 (prescopované v RIKA-11 na ≥1920px): pod 1920px platí pôvodný em inset
   šípok — s proporčným body fontom sledujú dizajn originálu (mierne cez okraj pece,
   ako na webflow.io). Nad 1920px je em inset fixný (strop 16px), ale pec (vw/cover)
   rastie ďalej a šípky by „dobehla" — preto ich tam viažeme na viewport cez
   calc(50% - 15vw) (overené 1920/2560/3440; s max-width 2200 bez kolízie do ~4K).
   Mobil (≤479px) má vlastné pozicovanie šípok (top:45vw;left:0). */
@media (min-width: 1920px) {
    #catalog .swiper-button-prev { left: calc(50% - 15vw); right: auto; }
    #catalog .swiper-button-next { right: calc(50% - 15vw); left: auto; }
}

/* Nadpis „KOMU SA HODÍ" — vždy na jednom riadku. Pôvodný 12vw/3vw override vznikol
   v ére fixného 16px body fontu (11.63em vtedy pod 1920px neškálovalo a zalamovalo sa);
   po návrate proporčného škálovania (RIKA-11) platí opäť Webflow 11.63em, ktoré sa
   zmestí na jeden riadok na každej šírke. nowrap ostáva ako poistka (zoom/edge šírky) —
   len ≥480px: na mobile má partners `.pro-head.p` („Finančné benefity", 19.5vw) zalomenie
   v dizajne a nowrap ho hnal 874px za viewport (horizontálny scroll celej stránky). */
@media (min-width: 480px) {
    .pro-head { white-space: nowrap; }
}

/* Webflow body { line-height: 100% } sa dedí ako absolútna hodnota (na mobile 3,25px!)
   — px-texty custom vrstvy sa prekrývali. Unitless faktor; Webflow elementy majú
   vlastné line-height, tie to nezmení. */
@media (max-width: 991px) {
    body { line-height: 1.35; }
}

/* Fixed mobilný header uberá z viewportu: 100vh hero pretŕčal o výšku headera
   a spodný rad tlačidiel (Získať ponuku / store badges) končil pod foldom
   (klient report, iPad 768×1024). --rk-header-h nastavuje setHeaderOffset()
   v rika-custom.js (desktop = 0px, header tam nie je fixed). */
@media (max-width: 991px) {
    .hero-div { height: calc(100vh - var(--rk-header-h, 56px)); }
}


/* dekoračné absolútne obrázky — prepočet em → vw (×0.8333) drží pôvodné proporcie
   na každej šírke. Po RIKA-11 (min() body font) je pod 1920px matematicky identický s Webflow em
   (body .833vw), nad 1920px zachováva pôvodný rast obrázkov s viewportom (dnešný
   stav u klienta). Mobil ≤479px má vlastné vw hodnoty vo Webflow CSS (hero-image
   je tam skrytý), preto min-width guard. */
@media (min-width: 480px) {
    .hero-image { height: 40vw; left: 35.83vw; bottom: -6.67vw; }
    .cta-image { height: 68.03vw; top: 5vw; left: 20.83vw; }
}

/* Väčšia pec v hero na tablete (klient): pôvodných 40vw sa strácalo vo vysokej
   portrait sekcii. 60vw; left 25.2vw = stred pece na ~47vw (mierne vľavo od
   geometrického stredu 50vw — pri 60vw šírke ~43.6vw by pravý okraj zatekal
   pod store badges vpravo dole; odladené klientom v DevTools). Musí byť
   v kaskáde AŽ ZA prepočtom 40vw vyššie. Mobil ≤479px má hero-image skrytý
   (vlastný mobilný obrázok), desktop ≥992px ostáva na 40vw. */
@media (min-width: 480px) and (max-width: 991px) {
    .hero-image { height: 60vw; left: 25.2vw; bottom: -5vw; }
}

/* mobil ≤479px: doladenie pozície cta-image + odsadenie galérie (klient) */
@media screen and (max-width: 479px) {
    .cta-image {
        height: 109.87vw;
        top: 18vw;
        left: -2vw;
    }
    .gallery-section {
        padding-top: 8.53vw;
        padding-bottom: 0vw;
    }
}

/* parallax posúva cta-image mimo sekcie — bez clipu vytečie do footera / horizont. scroll */
.form-section { overflow: hidden; }

/* RIKA-6: rotujúce RIKA logo (video) v sekcii „Investícia do kvality" — klient chce väčšie
   a vycentrované (horizontálne aj vertikálne). Video má nepriehľadné krémové pozadie, takže
   zväčšenie celého rámca by prekrylo texty výhod po bokoch → zoomneme dovnútra videa (logo
   narastie, footprint rámca ostáva). Rámec je flexom vycentrovaný vertikálne v strednom stĺpci
   (pôvodne bol prilepený k spodku cez .inv-sticky absolute). Logo je v kompozícii videa ~118px
   pod stredom rámca (výška videa je fixná 500px, scale 1.85 konštantný na každej šírke), preto
   posun rámca o -118px dovytiahne logo do vertikálneho stredu. Len desktop — mobil má .inv-video-m. */
@media (min-width: 992px) {
    .invest-center { justify-content: center; }
    .inv-sticky { position: relative; inset: auto; height: auto; }
    .invest-video { overflow: hidden; transform: translateY(-83px); }
    .invest-video video { transform: scale(1.3); transform-origin: center center; }
}

/* prepínač jazyka SK/CZ v headri — šablóna necháva drop-lang-toggle display:none */
.drop-lang-toggle { display: flex; }

/* otvorený dropdown nesmie skončiť pod GSAP split-text nadpisom (header má z:2 ako hero obsah) */
.header { z-index: 10; }

.drop-lang .w-dropdown-list {
    background: #fff7f0;
    border-radius: 0.5em;
    box-shadow: 0 10px 30px rgba(52, 23, 23, 0.18);
    overflow: hidden;
    min-width: 100%;
}

/* položky SK/CZ v rozbalenom zozname: Webflow .w-dropdown-link nemá font-size
   (dedí body — na mobile ~3px, nečitateľné znaky) a má fixný padding 10px/20px.
   1em + em padding = rovnaká veľkosť ako toggle (.drop-lang-txt 1em) na každej
   šírke; mobil ≤479px kopíruje vw hodnoty togglu z Webflow (3.2vw / 2.67×3.07vw). */
.drop-lang .w-dropdown-link {
    color: #341717;
    font-size: 1em;
    padding: .65em 1.44em;
}

@media (max-width: 479px) {
    .drop-lang .w-dropdown-link {
        font-size: 3.2vw;
        padding: 2.4vw 3.07vw;
    }
}

.drop-lang .w-dropdown-link:hover { background: rgba(52, 23, 23, 0.08); }

.drop-lang .w-dropdown-link.w--current { color: #e94c0a; font-weight: 600; }

/* sezónny banner (94) */
.rk-banner { padding: 40px 0; }

.rk-banner-inner { line-height: 1.3; } /* body má line-height 100% — riadky by sa prekrývali */

.rk-banner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
    background: #341717;
    color: #fff7f0;
    border-radius: 18px;
    padding: 34px 40px;
}

.rk-banner-head { font-size: 24px; font-weight: 600; margin-bottom: 8px; }

.rk-banner-txt { font-size: 16px; opacity: 0.85; max-width: 560px; }

.rk-banner-cta {
    display: inline-block;
    background: #e94c0a;
    color: #fff7f0;
    text-decoration: none;
    border-radius: 8px;
    padding: 14px 30px;
    font-size: 16px;
    white-space: nowrap;
}

.rk-banner-cta:hover { background: #c94108; }

/* showroom (97–98) */
.rk-showroom { padding: 30px 0 70px; }

.rk-showroom-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: center;
}

@media (max-width: 767px) {
    .rk-showroom-grid { grid-template-columns: 1fr; }
    .rk-banner-inner { padding: 26px; }
}

.rk-showroom-txt { font-size: 16px; margin: 6px 0; }

.rk-showroom-txt a { color: inherit; }

.rk-showroom-info .rk-banner-cta { margin-top: 16px; }

/* lightbox galérie (72) */
.rk-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(20, 8, 8, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    cursor: zoom-out;
}

.rk-lightbox img {
    max-width: 92vw;
    max-height: 90vh;
    border-radius: 10px;
    object-fit: contain;
}

/* plnohodnotná galéria — šípky, zatvorenie, počítadlo */
.rk-gallery { cursor: default; }

.rk-gallery img { cursor: zoom-out; }

.rk-lb-nav,
.rk-lb-close {
    position: absolute;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
    z-index: 2;
}

.rk-lb-nav:hover,
.rk-lb-close:hover { background: rgba(255, 255, 255, 0.3); }

.rk-lb-nav {
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    font-size: 34px;
    padding-bottom: 4px;
}

.rk-lb-prev { left: 20px; }
.rk-lb-next { right: 20px; }

.rk-lb-close {
    top: 18px;
    right: 22px;
    width: 44px;
    height: 44px;
    font-size: 28px;
    padding-bottom: 3px;
}

.rk-lb-count {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    letter-spacing: 0.04em;
}

@media (max-width: 767px) {
    .rk-lb-nav { width: 44px; height: 44px; font-size: 28px; }
    .rk-lb-prev { left: 8px; }
    .rk-lb-next { right: 8px; }
}

/* Showroom popup (web_showroom) má VLASTNÝ overlay .rk-popup-showroom, NIE triedu
   .popup — Webflow interakcia „Získať ponuku" cieli na triedu .popup a otvárala by
   inak aj tento popup (zobrazili sa dva modály naraz). Overlay preto replikuje .popup
   štýl samostatne; otvára/zatvára ho výhradne náš JS (.rk-open-showroom / krížik). */
.rk-popup-showroom {
    z-index: 500;
    background-color: #ffe3d699;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
}

/* mobil: scrollovateľné modály + viditeľné zatvorenie (79).
   Scroll je na VONKAJŠOM overlayi (.popup/.popup-2/showroom), nie vnútri karty; karta
   má margin:auto → centruje sa keď sa zmestí a scrolluje keď je vyššia než obrazovka.
   Vďaka tomu krížik ostáva absolútne vpravo hore (Webflow-natívne, top/right 4.27vw)
   a je v jednej rovine s prvým riadkom titulku (.popup-head-1 má width:71%, takže
   doň nezasahuje) — predtým ho flex-order + záporný margin dávali „hodene". */
@media (max-width: 767px) {
    .popup, .popup-2, .rk-popup-showroom { overflow-y: auto; -webkit-overflow-scrolling: touch; align-items: flex-start; }
    .popup-wrapper-1 { margin-top: auto; margin-bottom: auto; overflow: visible; }
    .popup-form, .success-message { max-height: none; }
    .popup-close { position: absolute; top: 4.27vw; right: 4.27vw; z-index: 5; order: 0; align-self: auto; margin: 0; }
}

/* nové sekcie nad footer marquee animáciou (GSAP RIKA PECE band ide za ne) */
.rk-banner, .rk-showroom {
    position: relative;
    z-index: 20;
    background: #fff7f0;
}

/* právne stránky (F3) */
.doc-sub {
    font-size: 20px;
    font-weight: 600;
    margin: 26px 0 8px;
}

.rk-cookie-table td, .rk-cookie-table th { vertical-align: top; }

.rk-legal-line {
    font-size: 13px;
    opacity: 0.75;
    margin-top: 8px;
    line-height: 1.5;
}

/* „Obchodné podmienky" v pätičke — rovnaký štýl ako copyright „Všetky práva vyhradené"
   (opacity 0.5 na wrapperi; vizuál textu na odkaze nižšie). Vedľa copyrightu, nie pod ním. */
.rk-legal-links {
    margin-top: 0;
    opacity: .5;
    line-height: 120%;
}

/* footer bottom na mobile: 3 bloky vedľa seba sa tlačili do 357px */
@media (max-width: 767px) {
    .footer-bottom .foot-wr {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* text odkazu = identický vizuál ako .copyright (font-size 1em, weight 500,
   letter-spacing -.04em, farba #312723, bez podčiarknutia) */
.rk-legal-links a {
    color: #312723;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 120%;
    text-decoration: none;
}

/* cookie lišta (vady 58–60) */
.rk-cookiebar {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 9998;
    background: #341717;
    color: #fff7f0;
    border-radius: 14px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 1.5;
}

.rk-cookiebar a { color: inherit; text-decoration: underline; }

.rk-cookiebar-buttons { display: flex; gap: 10px; flex: none; }

.rk-cookiebar button {
    border: 0;
    border-radius: 8px;
    padding: 11px 20px;
    font-size: 14px;
    cursor: pointer;
}

/* Prijať aj Odmietnuť rovnako viditeľné (vada 59) */
.rk-cookiebar .rk-ck-accept { background: #e94c0a; color: #fff7f0; }

.rk-cookiebar .rk-ck-reject { background: #fff7f0; color: #341717; }

/* verejná scan stránka (T5) */
.rk-scan-body { background: #fff7f0; color: #341717; font-family: "Inter", system-ui, sans-serif; margin: 0; }

.rk-scan-page { max-width: 680px; margin: 0 auto; padding: 22px 18px 40px; }

.rk-scan-logo { height: 34px; }

.rk-scan-eyebrow { text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; opacity: 0.65; margin: 26px 0 4px; }

.rk-scan-title { font-size: 34px; margin: 0 0 18px; line-height: 1.15; }

.rk-scan-image { width: 100%; border-radius: 14px; margin-bottom: 8px; }

.rk-scan-sub { font-size: 20px; margin: 26px 0 10px; }

.rk-scan-more { margin: 14px 0 4px; }

.rk-scan-more a { color: inherit; }

.rk-scan-cta { margin-top: 10px; }

.rk-scan-contacts { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }

.rk-cta-light { background: #341717; }

.rk-scan-footer { margin-top: 42px; font-size: 12px; opacity: 0.75; line-height: 1.6; }

.rk-scan-footer a { color: inherit; }

.rk-scan-neutral { text-align: center; padding-top: 80px; }

/* „Komu sa hodí": Webflow dizajn počíta v spodnom rade s 2 kartami (space-between +
   bočný padding 14.37em); my ich tam máme 5 → karty sa flex-shrinkom stláčali a text
   sa orezával (overflow:hidden na .pro-item). Wrap + centrovanie nechá kartám plnú
   šírku 23em a prebytok zalomí do ďalšieho radu. Mobil ≤479px: Webflow stackuje do
   stĺpca vlastnými pravidlami (flex-flow:column, width:100%, vw gap/padding) — custom
   CSS sa načítava PO Webflow CSS, takže min-width guard, nech ich neprebijeme. */
@media (min-width: 480px) {
    .pro-grid-bottom {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2em;
        padding-left: 3.25em;
        padding-right: 3.25em;
    }

    .pro-grid-bottom .pro-item { flex: none; }
}

/* RIKA-9: cenníkové tlačidlá v success modáli (RIKA + TERRA) */
.rk-pricelist-buttons { display: flex; flex-direction: column; gap: 12px; margin-top: 6px; }
.rk-pricelist-btn { justify-content: space-between; }

/* footer-bottom: „Obchodné podmienky" vedľa „Všetky práva vyhradené © 2026 RIKA"
   na jednom riadku (klient); mobil stackuje cez pravidlo v @media max-width 767px vyššie.
   footer-bottom je 4-stĺpcový grid, prvá bunka (393px) je pre copyright+odkaz úzka →
   po odstránení ostatných odkazov sú bunky 2–4 prázdne, tak prvú roztiahneme cez 2 stĺpce. */
.footer-bottom .foot-wr { flex-direction: row; gap: 14px; align-items: baseline; flex-wrap: wrap; }
.footer-bottom .foot-wr:first-child { grid-column: span 2; }

/* RIKA-10: Technické detaily — accordion (Typ pece → Model → PDF).
   Natívne <details>/<summary>, dizajn ladený k webu (tmavohnedá/oranžová/krémová).
   Spojený zoznam: typy sú v jednom bielom obale s ohraničením (nesplýva s krémovým
   pozadím), medzi typmi žiadna medzera — len deliaca čiara. */
.rk-tech-list {
    background: #fff;
    border: 1px solid rgba(52, 23, 23, 0.16);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 34px rgba(52, 23, 23, 0.08);
}
.rk-tech-cat {
    border-bottom: 1px solid rgba(52, 23, 23, 0.12);
}
.rk-tech-cat:last-child { border-bottom: 0; }

.rk-tech-cat-head,
.rk-tech-model-head {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.rk-tech-cat-head::-webkit-details-marker,
.rk-tech-model-head::-webkit-details-marker { display: none; }

.rk-tech-cat-head {
    padding: 20px 24px;
    font-size: 20px;
    font-weight: 600;
    color: #341717;
    background: #fff;
    transition: background .15s;
}
.rk-tech-cat-head:hover { background: #fffaf5; }
.rk-tech-cat[open] > .rk-tech-cat-head {
    background: #fff7f0;
    border-bottom: 1px solid rgba(52, 23, 23, 0.1);
}

.rk-tech-name { flex: 1; }

.rk-tech-arrow { transition: transform .2s; opacity: .5; font-size: 14px; }
details[open] > summary > .rk-tech-arrow { transform: rotate(180deg); }

.rk-tech-body { padding: 10px 16px 16px; }

.rk-tech-model {
    border: 1px solid rgba(52, 23, 23, 0.1);
    border-radius: 10px;
    margin: 8px 0;
    background: #fffdfb;
}
.rk-tech-model-head {
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 600;
    color: #341717;
}
.rk-tech-count { font-size: 13px; font-weight: 400; opacity: .55; }
.rk-tech-model-body { padding: 4px 12px 12px; }

/* PDF položka */
.rk-tech-doc {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 8px;
    color: #341717;
    text-decoration: none;
    transition: background .15s;
}
.rk-tech-doc:hover { background: rgba(233, 76, 10, 0.08); }
.rk-tech-doc + .rk-tech-doc { border-top: 1px solid rgba(52, 23, 23, 0.06); }
.rk-tech-doc-ico { color: #e94c0a; flex: none; display: flex; }
.rk-tech-doc-title { flex: 1; font-size: 15px; line-height: 1.35; }
.rk-tech-doc-size { font-size: 13px; opacity: .5; flex: none; }

@media (max-width: 767px) {
    .rk-tech-cat-head { padding: 16px 18px; font-size: 18px; }
    .rk-tech-doc-size { display: none; }
}

/* Footer marquee „RIKA PECE" na podstránkach: homepage/partners/privacy majú GSAP JS
   animáciu, ale light site-footer partial (technical, terms, product, cookie) GSAP
   nenačítava → marquee stál. Dve identické .ticker-move → translateX wrapu 0→-50%
   dá seamless loop. Scopnuté na .rk-lite-footer (len partial), nekoliduje s JS. */
@keyframes rk-ticker-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.rk-lite-footer .ticker-wrap {
    animation: rk-ticker-scroll 30s linear infinite;
    will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
    .rk-lite-footer .ticker-wrap { animation: none; }
}

/* Homepage hero titulok .h1: stupňované zmenšovanie (10/8.8/6.8/5.8em) z éry fixného
   16px body fontu ODSTRÁNENÉ v RIKA-11 — vtedy 11.8em pod 1920px neškálovalo a titulok
   pretekal, preto ho klient nechal zmenšiť. S proporčným body fontom (min(.833vw,16px))
   škáluje pôvodných Webflow 11.8em 1:1 s originálom na každej šírke (plná šírka na
   jeden riadok ako na rika-pece.webflow.io); mobil ≤479px má vlastné 19.6vw. */

/* ===== Mobilná navigácia (prevzatá spod Webflow IX2) ===== */
@media (max-width: 991px) {
    /* Pripnutý header so solídnym pozadím. Obsah sa odsadí (JS dopĺňa
       padding-top = výška headera na .page-wrapper), nech nepresvitá popod
       fixed header. Fixed (nie sticky), lebo header je vnorený v .hero-div
       s overflow:hidden a výškou len ~756px → sticky by sa držal len v hero.
       Tmavý bar pre stránky so svetlým logom (home/partners → rk-dark-header),
       svetlý bar pre stránky s tmavým logom (privacy/detail modelu). */
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
        /* Header je vždy na mieste — žiadna vstupná animácia (skĺznutie z vrchu)
           ani skrývanie pri skrolovaní. Webflow IX to robí cez inline transform/
           opacity (bez !important), preto ho prebijeme !importantom. */
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        animation: none !important;
    }
    /* Vstupnú animáciu (skĺznutie z vrchu) robí Webflow na .header-wrapper
       cez inline transform → prebijeme aj ten, nech header nabehne bez animácie. */
    .header .header-wrapper {
        transform: none !important;
        opacity: 1 !important;
        animation: none !important;
    }
    .header.rk-dark-header { background-color: var(--_style---dark-brown); }
    .header:not(.rk-dark-header) { background-color: var(--_style---light); }

    /* Overlay menu renderujeme vždy, viditeľnosť cez opacity → instant open/close */
    .page-wrapper > .menu {
        display: flex !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 200;
        /* fixed cez celý viewport: Webflow dáva .menu position:fixed len v ≤479px
           bloku — na 480–991px by inak vždy-vyrenderovaný (display:flex) skrytý
           overlay stál v layoute na konci page-wrappera a pridával 100vh prázdneho
           miesta pod footer (klient report na /partners pri ~966px). */
        position: fixed;
        inset: 0;
        height: 100vh;
        overflow-y: auto;
        background-color: var(--_style---dark-brown);
        transition: opacity .25s ease, visibility .25s ease;
    }
    html.rk-nav-open .page-wrapper > .menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto;
    }
    html.rk-nav-open { overflow: hidden; }
    /* Plávajúce telefónne tlačidlo (detail) nech neprekrýva otvorené menu */
    html.rk-nav-open .phone { display: none; }
    .page-wrapper > .menu .menu-wrapper {
        height: auto !important;
        min-height: 100%;
        overflow: visible !important;
    }

    /* Zatvárací burger v overlayi je biely štvorec → čiary musia byť tmavé,
       inak je krížik neviditeľný (svetlé na svetlom) */
    .menu-top .burger-wrap .burger-line-top,
    .menu-top .burger-wrap .burger-line-center,
    .menu-top .burger-wrap .burger-line-bottom {
        /* !important: Webflow IX2 dáva čiaram inline background (svetlú) */
        background-color: var(--_style---dark-brown) !important;
    }

    /* Burger v overlayi → krížik (X), keď je menu otvorené */
    .menu-top .burger-line-top,
    .menu-top .burger-line-center,
    .menu-top .burger-line-bottom {
        transition: transform .2s ease, opacity .2s ease;
    }
    html.rk-nav-open .menu-top .burger-line-top {
        transform: translateY(1.5vw) rotate(45deg) !important;
    }
    html.rk-nav-open .menu-top .burger-line-bottom {
        transform: translateY(-1.5vw) rotate(-45deg) !important;
    }
    html.rk-nav-open .menu-top .burger-line-center {
        opacity: 0 !important;
    }

    /* Kontakt + sociálne siete v menu (nad „Získať ponuku") */
    .rk-menu-contact {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3vw;
        padding: 4vw 6vw 0;
    }
    .rk-menu-contact-item {
        color: var(--_style---light);
        font-size: 4.2vw;
        text-decoration: none;
        opacity: .92;
    }
    .rk-menu-socials {
        display: flex;
        gap: 5vw;
        margin-top: 2vw;
    }
    .rk-menu-socials .media-link { display: inline-flex; }
    .rk-menu-socials .media-link img { width: 7vw; height: 7vw; }
}