/* ==========================================================================
   kvety-bratislava.css - projektove upravy nad dizajnom landspire.
   --------------------------------------------------------------------------
   Toto je JEDINY CSS subor, ktory sa v projekte edituje.
   assets/css/landspire.css (= povodne css/style.css z kitu) a ostatne
   vendor subory sa NEUPRAVUJU - pri update kitu by sa zmeny stratili.
   Nacitava sa v body.php ako POSLEDNY, takze prebija vendor styly.
   ========================================================================== */

/* === Slovenska typografia. === */
/* Landspire (a vacsina kitov) aplikuje text-transform: capitalize/uppercase
   na desiatky tried. V slovencine pouzivame vetnu interpunkciu - text-transform
   v ziadnej forme nechceme. Globalny override s !important; samotne texty
   urcuju ake budu velke/male pismena. */
body,
body * {
    text-transform: none !important;
}

/* === Zvyraznenie otvorenej podstranky v hlavnom menu. === */
/* Kit oznacuje polozku aktualnej stranky triedou "current" (o jej nasadenie sa
   stara PHP v body.php), ale v hornej, nezroluvanej hlavicke jej nastavi iba
   `font-weight: 400` - co maju aj vsetky ostatne polozky, takze na obrazovke
   nie je ziadny rozdiel vidiet. Zafarbi ju az sticky hlavicka po zroluvani.
   Doplname preto zvyraznenie aj do hornej hlavicky.
   Polozka "Kytice podla prilezitosti" zostava oznacena aj vtedy, ked je
   otvorena niektora z jej troch podstranok. */

/* Horna hlavicka ma tmavozelene pozadie a biele polozky - akcentova zltozelena
   je na nom dobre citatelna. V sticky hlavicke uz farbu nastavuje kit. */
.header-2 .main-menu .navigation > li.current > a {
    color: var(--theme-color1);
}

/* Podciarknutie funguje v oboch hlavickach. Rodicovske <a> ma z kitu
   `position: relative`, takze staci absolutne umiestnenie. */
.main-menu .navigation > li.current > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--theme-color1);
}

/* Rozbalovacie podmenu ma svetle pozadie (--body-bg), na nom by zltozelena
   nebola citatelna. Otvorenu podstranku v nom preto oznacime tucnym rezom
   a tmavozelenou. */
.main-menu .navigation > li > ul > li.current > a {
    color: var(--theme-color3);
    font-weight: 700;
}

/* === Kontaktny formular (wbc-form). === */
/* Chybova hlaska formulara - #error_msg_kontakt je vnutri <form>,
   nad suhlasom s GDPR. Prazdny div nesmie robit medzeru. */
#error_msg_kontakt:empty {
    display: none;
}

#error_msg_kontakt .alert {
    margin-bottom: 0;
}

/* Spinner pri odosielani formulara. */
#f_loader-icon {
    margin-left: 15px;
    vertical-align: middle;
}

/* === Modul "Nase vyhody" (mod_vyhody.php). === */
/* Karta .service-block-items-2 ma v kite iba ikonu a nadpis. Klient ku kazdemu
   bloku dodal aj kratky popis, preto je pod nadpisom navyse .text - potrebuje
   len odsadenie zhora, zvysok (zarovnanie na stred, farby) dedi z kitu. */
.service-block-items-2 .content .text {
    margin-top: 10px;
}

/* === Modul "Nase kytice kvetov" (mod_kytice-galeria.php). === */
/* Mriezka 3 + 3: pat fotiek je stvorcovych, siesta je na vysku (563x1000).
   Bez pevneho pomeru stran by siesta dlazdica bola vyrazne vyssia a riadok by
   vyskakoval. Stvorcovy pomer + object-fit: cover (uz definovane v kite pre
   .project-thumb1 img) zarovna vsetky dlazdice rovnako.
   Na mobiloch ma .project-thumb1 z kitu pevnu vysku (500px / 400px), ta ma
   prednost - preto sa pravidlo uplatni len na sirkach nad 1200px. */
@media (min-width: 1200px) {
    .kb-galeria-kytic .project-thumb1 {
        aspect-ratio: 1 / 1;
    }
}

/* === Modul "E-shop" (mod_eshop.php). === */
/* Emoji z pripomienok su nahradene ikonami Font Awesome priamo v tlacidlach -
   potrebuju len medzeru od textu. */
.pricing-block-items-1 .theme-btn i {
    margin-right: 6px;
}

/* Kit stlmuje posledne DVE polozky kazdeho zoznamu na opacity 0.3
   (.pricing-list-item ul li:nth-last-of-type(1) a (2)). V cennikovej sablone
   to znamena "tato funkcia nie je v balicku". U nas su to vsak rovnocenne
   vyhody e-shopu - polovica zoznamu preto vyzerala ako zaseda/neaktivna.
   Vraciame plnu krycost, scopovane na tento modul. */
.kb-eshop .pricing-list-item ul li:nth-last-of-type(1),
.kb-eshop .pricing-list-item ul li:nth-last-of-type(2) {
    opacity: 1;
}

/* === Tlacidla .theme-btn-main - zalamovanie textu. === */
/* Pilulka ma v kite pevnu vysku 56px a line-height 56px. Ked sa popis
   tlacidla zalomi na dva riadky, druhy riadok pretecie mimo pilulku
   (kit ratal s kratkymi anglickymi popismi typu "Read More"). Slovenske
   popisy su dlhsie, preto text nezalamujeme nikdy. */
.theme-btn-main .theme-btn,
.contact-btn {
    white-space: nowrap;
}

/* Lavy stlpec modulu "Predstavenie" (pocitadlo 16+ a tlacidlo) je flex polozka,
   ktorej sirku urcuje .count-box (min-width: 200px). Tlacidlo je sirsie, takze
   sa stlpec musi rozsirit podla neho namiesto stlacania obsahu. */
.about-block-items-1 .about-wrap .about-counter {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

/* === Podstranka "Kvety Bratislava" - sekcia "Kde krasa stretava lasku". === */
/* Fotka vlavo je v kite orezana maskou v tvare dvoch oblukov s pomerom strian
   536x575 (mask-size: cover). Vyska .thumb sa inak riadi prirodzenym pomerom
   fotky - nasa fotka je stvorcova (1200x1200), takze by sa maska orezala
   a spodny zarez medzi oblukmi by zmizol. Pevny pomer + object-fit: cover
   zaruci, ze tvar vyzera presne ako v dizajne pri akejkolvek fotke.
   Scopovane na tento modul, ineho pouzivatela trieda v projekte nema. */
.kb-krasa-laska .choose-us-block1 .thumb {
    aspect-ratio: 536 / 575;
}

.kb-krasa-laska .choose-us-block1 .thumb img {
    -o-object-fit: cover;
       object-fit: cover;
}

/* === Podstranka "Kvety Bratislava" - sekcia "Vyzva do e-shopu". === */
/* Kit ma nad 1400 px vysku banneru danu prirodzenym pomerom fotky
   (jeho vlastna je 1840x800 = 2,3:1). Nasa fotka z fotobanky ma 1023x682
   (1,5:1), takze by na sirokych obrazovkach narastla az na ~1270 px a biela
   karticka s nadpisom by odplavala uplne dole. Pomer stran z dizajnu drzi
   banner v povodnej vyske; pod 1400 px ma prednost pevna vyska z kitu
   (620 / 550 / 480 px). */
/* AKTUALIZOVANE 2026-08-21 podla odpovede [#9]: biela karticka je prec,
   nadpis so sloganom a tlacidlom je nad fotkou. Fotka je preto o tretinu
   nizsia, aby sekcia nebola prilis dominantna a nadpis nad nou dychal.
   Pevnu vysku z kitu (620/550/480 px) prebijame na vsetkych sirkach. */
/* Kit ma na obrazku `height: 100%`, takze `height: auto` na kontajneri vysku
   zacykli a banner sa zrazi na pasik. Preto pevne vysky - povodne 620/550/480
   z kitu znizene o tretinu. */
.kb-eshop-cta .cta-banner-image-2 {
    height: 413px;
}

@media (max-width: 1399.98px) {
    .kb-eshop-cta .cta-banner-image-2 { height: 367px; }
}

@media (max-width: 767.98px) {
    .kb-eshop-cta .cta-banner-image-2 { height: 320px; }
}

/* Obrazok musi vypnit kontajner. Kit ma `.cta-banner-image-2 img { height:100% }`,
   to sa nam ale po prestavbe modulu neuplatnilo a fotka sa zrazila na pasik -
   pripiname vysku explicitne s vyssou specificitou. */
.kb-eshop-cta .cta-banner-image-2 img {
    height: 413px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}

@media (max-width: 1399.98px) {
    .kb-eshop-cta .cta-banner-image-2 img { height: 367px; }
}

@media (max-width: 767.98px) {
    .kb-eshop-cta .cta-banner-image-2 img { height: 320px; }
}

/* === Podstranka "Kvetinarstvo Bratislava" - sekcia "Kto vlastne sme". === */
/* Fotka vlavo je v dizajne na vysku (536x595). Nasa fotka z fotobanky je na
   sirku (1023x683), takze by stlpec s fotkou bol o polovicu nizsi ako stlpec
   s textom a biela karticka s poctom rokov by odplavala hore. Pomer stran
   z dizajnu + object-fit: cover (uz definovane v kite pre .about-block-image-2
   .thumb img) drzi tvar rovnaky ako v dizajne.
   Pod 1200 px ma kit vlastnu pevnu vysku (590 / 450 px), tam sa nezasahuje. */
@media (min-width: 1200px) {
    .kb-kto-sme .about-block-image-2 .thumb {
        aspect-ratio: 536 / 595;
    }
}

/* === Podstranka "Kvetinarstvo Bratislava" - galeria (mozaika 4 fotiek). === */
/* Kit nema nad 1200 px na .project-thumb1 ziadnu vysku - riadi ju prirodzeny
   pomer fotky. Nase styri fotky maju velmi rozdielne pomery stran
   (2 na vysku 800x1200, 1 na sirku 1200x891, 1 velmi siroka 1920x814),
   takze bez pevneho pomeru by sa mozaika rozpadla: prava horna dvojica by
   mala kazda inu vysku a lava vysoka dlazdica (style-height: 100%) by sa
   natiahla na sucet.
   Pomery su prevzate z fotiek dizajnu: horna dvojica 578x440, spodna
   siroka 1176x440. object-fit: cover uz definuje kit.
   Dosledok: druha fotka (na vysku) je v sirokej dlazdici orezana zhora
   a zdola - je to interier predajne, tvare na nej nie su. */
@media (min-width: 1200px) {
    .kb-galeria-kvetinarstvo .col-lg-6 .project-thumb1 {
        aspect-ratio: 578 / 440;
    }

    .kb-galeria-kvetinarstvo .col-lg-12 .project-thumb1 {
        aspect-ratio: 1176 / 440;
    }
}

/* === Podstranka "Donaska kvetov" - sekcia "Preco si nechat kvety dorucit". === */
/* Kit dava fotke v lavom stlpci oblukovu SVG masku (dva polooblúky zhora).
   Podla pripomienky z 2026-08-25 ma byt fotka hranata a rovnakeho typu ako
   fotka nizsie na tej istej podstranke (sekcia "Donaska kvetov po celej
   Bratislave"), ktora je obycajny obdlznik so zaoblenim 20 px. Masku preto
   rusime a preberame rovnake zaoblenie. Obe fotky su 1023x683, takze pevny
   pomer 3:2 im da rovnaky tvar aj pri roznej sirke stlpca. */
.kb-donaska-preco .choose-us-block1 .thumb {
    -webkit-mask-image: none;
            mask-image: none;
    aspect-ratio: 1023 / 683;
}

.kb-donaska-preco .choose-us-block1 .thumb img {
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
}

/* === Podstranka "Donaska kvetov" - sekcia "Vyhody donasky". === */
/* Kit ma v lavom stlpci vedla fotky este dve dekoracne policka s ilustraciami
   zahradnickeho naradia. Pre kvetinarstvo nesedia a su odstranene, takze
   fotka moze zabrat cely riadok (kit ju obmedzoval na 234 px). */
.kb-donaska-eshop .how-it-box-items .thumb {
    max-width: 100%;
}

/* === Podstranky s kyticami - vodorovny pas fotiek. === */
/* Dlazdice .project-block-items-2 nemaju nad 1200 px v kite vysku, riadi ju
   prirodzeny pomer fotky (v dizajne 648x450). Vsetky nase fotky kytic su
   stvorcove (1000x1000) a kytica na nich vyplna takmer cely zaber - orez
   na pomer dizajnu by jej odrezal vrch aj spodok. Stvorcovy pomer necha
   fotku celu; dlazdice zostanu navzajom rovnako vysoke.
   Pod 1200 px ma kit vlastnu pevnu vysku (500 / 480 px). */
@media (min-width: 1200px) {
    .kb-kytice-slider .project-block-items-2 {
        aspect-ratio: 1 / 1;
    }
}

/* === Karty s fotkou (.news-block-items-1) - rovnaka vyska v riadku. === */
/* Karta ma v kite ramcek, takze rozdielna dlzka textu je hned vidiet ako
   rozdielne vysoke ramceky. Stlpce Bootstrapu su v riadku uz natiahnute na
   rovnaku vysku (align-items: stretch), staci teda natiahnut aj samotnu kartu.
   Odpocitava sa margin-top: 30px, ktory karte dava kit.
   Scopovane na dve nove sekcie - existujuce sekcie sa nemenia. */
.kb-predajne-kvetinarstvo .news-block-items-1,
.kb-kytice-rozcestnik .news-block-items-1 {
    height: calc(100% - 30px);
}

/* === Podstranky "Nase kvetinarstva" a "Kontakt" - karta predajne. === */
/* Kit nema nikde skladbu "fotka | udaje | mapa" v jednom riadku, ma len
   kartu .news-block-items-1 (fotka hore, text pod nou). Karta preto zostava
   z kitu aj s ramcekom a polomerom 20px, dovnutra je vlozeny bootstrapovy
   riadok s tromi stlpcami. Prvky vnutri su tiez z kitu: .thumb + .date
   (fotka s cislenym stitkom), .content, .contact-details__info (ikonovy
   zoznam z page-contact.html) a iframe .map.
   Tu su len pravidla, ktore taku skladbu drzia pokope. */

/* Fotka aj mapa musia siahat az k okraju karty - polomer dava karta. */
.kb-kvetinarstva .news-block-items-1 {
    overflow: hidden;
}

.kb-kvetinarstva .thumb,
.kb-kvetinarstva .thumb img {
    border-radius: 0;
}

/* Mapa: kit dava .map pevnu vysku 550px, co by kartu neumerne natiahlo.
   Nad 992px vysku urcuje najvyssi stlpec (spravidla stlpec s udajmi),
   pod 992px sa stlpce skladaju pod seba a plati min-height. */
.kb-kvetinarstva__map {
    display: block;
    height: auto;
    min-height: 320px;
    border: 0;
}

/* Tri stlpce rovnako vysoke: stlpec je flex kontajner, jeho jediny potomok
   (fotka / text / mapa) sa roztiahne na vysku celeho riadku. Bez toho by
   fotka aj mapa koncili skorej ako stlpec s adresou a v karte by ostali
   biele diery. */
@media (min-width: 992px) {
    .kb-kvetinarstva__col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .kb-kvetinarstva__col > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        width: 100%;
    }

    .kb-kvetinarstva .thumb {
        min-height: 260px;
    }
}

/* Ikonovy zoznam udajov je v kite navrhnuty pre siroky stlpec kontaktnej
   stranky (ikona 80x80, pismo 20px). V tretine karty by sa adresa lamala
   po dvoch slovach, preto je zmenseny. Farby textu kit riesi premennymi
   --notech-*, ktore v tomto kite vobec nie su definovane (zvysok z ineho
   sablonoveho balika), takze farba sa nastavuje tu. */
.kb-kvetinarstva .contact-details__info {
    margin-top: 0;
}

.kb-kvetinarstva .contact-details__info li .icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
}

.kb-kvetinarstva .contact-details__info li .icon span {
    font-size: 18px;
}

.kb-kvetinarstva .contact-details__info li .text {
    margin-left: 18px;
}

.kb-kvetinarstva .contact-details__info li .text span,
.kb-kvetinarstva .contact-details__info li .text a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: var(--theme-color2);
}

.kb-kvetinarstva .contact-details__info li .text a:hover {
    color: var(--theme-color3);
}

.kb-kvetinarstva .contact-details__info li + li {
    margin-top: 12px;
}

/* Nadpis karty je <h3> (30px), aby hierarchia nadpisov na stranke sedela
   bez preskoku. V tretine sirky je to vela, preto je zmenseny na velkost,
   ktoru maju nadpisy kariet na ostatnych podstrankach (<h4>, 24px). */
.kb-kvetinarstva .news-block-items-1 .content .title {
    font-size: 24px;
}

/* === Podstranka "Kontakt". === */
/* Treti riadok zelenej karty (otvaracie hodiny) nie je odkaz - kit stylizuje
   v .icon-info iba <a>. Odsek dostava rovnaku velkost aj farbu ako telefon
   a e-mail nad nim. */
.kb-kontakt .single-contact-info-box .icon-info .info p {
    color: var(--theme-color2);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}

/* Fakturacne udaje pod predajnami - doplnkovy text, nie hlavny obsah. */
.kb-kontakt-firma__udaje {
    margin-top: 35px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.7;
}

/* === Podpis "Vyrobilo Webcentrum" v spodnom pruhu paticky. === */
/* Rovnaka konvencia ako canonical WEBSTATIC a sesterske projekty
   (kvetyzraja.sk, fanyflora.sk): biele logo z mailing.webcentrum.sk,
   hostovane vzdialene, aby sa dalo aktualizovat centralne. */
.footer-menu .kb-vyrobilo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.footer-menu .kb-vyrobilo img {
    height: 20px;
    width: auto;
    display: block;
}

/* === Zalomenie riadkov v obsahovych blokoch na mobile a tablete. === */
/* Kit skryva VSETKY <br> pod 1200 px (landspire.css r. 3780 a 4335) - pocita
   s tym, ze <br> sa pouziva len na zalamovanie nadpisov, kde je to na uzkych
   displejoch nepekne. My ho ale pouzivame aj v obsahu: adresy predajni a
   zoznamy sortimentu. Bez tohto override sa na mobile zlepia do jedneho
   retazca ("Spitalska 37811 08 Bratislava"). Vraciame <br> spat, ale IBA
   vnutri obsahovych blokov .text - nadpisy zostavaju podla kitu. */
@media (max-width: 1199.98px) {
    .service-block-items .text br,
    .news-block-items-1 .text br,
    .how-it-block-items-2 .content .text br,
    .content-2 .text br {
        display: block;
    }
}

/* === Logo prevadzkovatela Kvety z Raja. === */
/* Web kvety-bratislava.sk prevadzkuje firma Kvety z Raja, s. r. o. Logo je
   prevzate zo sesterskeho webu kvetyzraja.sk - svetla verzia do tmavej
   paticky, tmava na svetle pozadie stranky Kontakt. */
.kb-prevadzkovatel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.kb-prevadzkovatel img {
    height: 44px;
    width: auto;
    display: block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.kb-prevadzkovatel a:hover img {
    opacity: .75;
}

.kb-kontakt-firma__logo {
    display: inline-block;
    margin-top: 46px;
    margin-bottom: 26px;
}

.kb-kontakt-firma__logo img {
    height: 70px;
    width: auto;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.kb-kontakt-firma__logo:hover img {
    opacity: .75;
}

@media (max-width: 575.98px) {
    .kb-prevadzkovatel img { height: 36px; }
    .kb-kontakt-firma__logo img { height: 54px; }
}

/* === Cistenie osnovy nadpisov: pocitadla a popisky formulara. === */
/* Cisla ("16+", "98%", "1 000") a popisky poli formulara boli v kite zabalene
   do <h3> a <h6>, hoci to nie su nadpisy - kazile osnovu stranky a popisky
   navyse neboli spojene so vstupom (pristupnost).
   Kit ale cast vzhladu dedi z TAGU (font-size, font-weight, line-height,
   font-family cez premenne --hN-*). Preto tu tie hodnoty pripiname na TRIEDU,
   aby sa po zmene tagu vzhlad nepohol ani o pixel. */

/* Pocitadla - .count-title dedilo z <h3>: weight 400, line-height 120 %. */
.count-title,
.count-box {
    font-family: var(--heading-font-family);
    font-weight: 400;
    line-height: var(--line-height-heading);
    margin: 0;
}

/* Vynimka: v .about-block-image-2 ma kit vlastny line-height: 1 - zachovat. */
.about-block-image-2 .count-box .count-title {
    line-height: 1;
}

/* Velke pocitadlo v module Predstavenie ma v kite weight 500 a line-height 1. */
.about-block-items-1 .about-wrap .about-counter .count-box {
    font-weight: 500;
    line-height: 1;
}

/* Popisky poli formulara - dedili z <h6>, ale kit ich este prebijal pravidlom
   `.form-column .contact-form h6 { color: theme-color2; margin-bottom: 14.2px;
   font-weight: 400 }`. Preberame VSETKY tri hodnoty, nie iba tie z premennych,
   inak by popisky ztucneli a formular by sa zmrastil o vysku odstupov. */
.frm-field label {
    display: block;
    color: var(--theme-color2);
    font-family: var(--heading-font-family);
    font-size: var(--h6-font-size);
    font-weight: 400;
    line-height: var(--line-height-heading-small);
    margin: 0 0 14.2px;
    cursor: pointer;
}

/* === Nadpisy kariet: tag zmeneny, vzhlad pripnuty. === */
/* Kit pouzival <h4> ako univerzalny "nadpis karticky", cim vznikala plocha
   osnova (h2 -> h4, preskocena uroven). Tagy sme zmenili na h3 (resp. h2 tam,
   kde su karty hlavnym obsahom stranky), ale VELKOST a HRUBKA v kite prichadza
   z TAGU cez premenne --hN-*, nie z triedy .title. Preto tu pripinam povodne
   metriky <h4> na vlastnu triedu .kb-card-title - vzhlad tak drzi CSS a tag sa
   da menit slobodne. Body zlomu su prevzate z landspire.css (h4: 24/22/20/19). */
.kb-card-title {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--line-height-heading-small);
}

@media (max-width: 1399.98px) {
    .kb-card-title { font-size: 22px; }
}

@media (max-width: 575.98px) {
    .kb-card-title { font-size: 20px; }
}

@media (max-width: 469.98px) {
    .kb-card-title { font-size: 19px; }
}

/* === Kickery (maly text nad nadpisom sekcie). === */
/* V kite boli ako <h6>, hoci to nie su nadpisy ale stitky - v osnove robili
   preskok h1 -> h6 a h2 -> h6. Zmenene na <span>. Trieda .sub-title si velkost
   (16 px) urcuje sama, ale hrubku, riadkovanie a farbu dedila z <h6>. */
.kb-kicker {
    display: block;
    color: var(--headings-color);
    font-family: var(--heading-font-family);
    font-weight: var(--h6-font-weight);
    line-height: var(--line-height-heading-small);
    margin: 0;
}

/* === Akordeon "Vyhody donasky" - text narazal do ikony +/-. === */
/* Kit ma `.acc-btn { padding: 20px 30px 20px 20px }`, ale ikonu umiestnuje na
   `right: 30px`. Text sa tak mohol dostat az pod nu - dialo sa to pri dlhsom
   nadpise "Jednoduche objednanie na par klikov". Zvacsujeme odsadenie vpravo
   tak, aby text vzdy skoncil pred ikonou. */
.kb-donaska-eshop .how-it-faq-1 .accordion-box .block .acc-btn {
    padding-right: 64px;
}

@media (max-width: 991.98px) {
    .kb-donaska-eshop .how-it-faq-1 .accordion-box .block .acc-btn {
        padding-right: 48px;
    }
}

/* === Modul "Predstavenie kvetinarstva" - kolizia nadpisu s odsekom. === */
/* Kit ratal s jednoriadkovym nadpisom: .about-right-items ma margin-top: -20px,
   takze text zacina prakticky na urovni zakladne nadpisu. Nas nadpis
   "Kvety z Raja - kvetinárstvo v Bratislave s N-ročnou tradíciou" je
   dvojriadkovy a druhy riadok sa s odsekom prekryval (vidno na 1920 px).
   Rusime zaporne odsadenie a davame nadpisu odstup zdola.
   .about-block-items-1 je v projekte iba v tomto module, scopovanie staci. */
@media (min-width: 1200px) {
    .about-block-items-1 .sec-title {
        margin-bottom: 26px;
    }

    .about-block-items-1 .about-wrap .about-right-items {
        margin-top: 0;
    }
}