*{box-sizing:border-box}
:root{
    --blue:#2f8edb;
    --blue-dark:#1769aa;
    --blue-soft:#eaf6ff;
    --blue-pale:#f5fbff;
    --text:#17324d;
    --muted:#5b7288;
    --line:#d8ecfb;
}
body{
    margin:0;
    font-family:Arial,sans-serif;
    background:linear-gradient(180deg,#f5fbff 0%,#ffffff 45%,#f5fbff 100%);
    color:var(--text);
}
a{color:inherit}
.wrap{max-width:1120px;margin:auto;padding:0 20px}
.top{
    background:rgba(255,255,255,.92);
    box-shadow:0 6px 24px #2f8edb1c;
    position:sticky;
    top:0;
    z-index:100;
    backdrop-filter:blur(10px);
}
.top-inner{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}
.logo{height:80px;display:block}
.nav{display:flex;gap:8px;align-items:center}
.nav a{
    text-decoration:none;
    font-weight:700;
    padding:10px 14px;
    border-radius:999px;
    color:var(--text);
    transition:.2s;
}
.nav a:hover,.nav a.active{
    background:linear-gradient(135deg,var(--blue),#69baf3);
    color:white;
    box-shadow:0 8px 18px #2f8edb3d;
}
.admin-small{
    background:var(--blue-soft)!important;
    color:var(--blue-dark)!important;
}
.menu-button{
    display:none;
    background:linear-gradient(135deg,var(--blue),#69baf3);
    color:white;
    border:0;
    border-radius:999px;
    padding:10px 16px;
    font-weight:700;
}
.hero{
    position:relative;
    background:url('/assets/nerez.jpg') center/cover;
    min-height:500px;
    display:flex;
    align-items:center;
    color:var(--text);
    margin-top:22px;
}
.hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:120px;
    background:linear-gradient(0deg,#f5fbff 0%,transparent 100%);
}
.hero-shade{display:none}
.hero-content{position:relative;z-index:1}
.hero-content::before{
    content:"";
    position:absolute;
    inset:-26px -34px;
    background:rgba(255,255,255,.90);
    border:1px solid rgba(255,255,255,.95);
    border-radius:30px;
    box-shadow:0 24px 70px #1769aa30;
    backdrop-filter:blur(8px);
    z-index:-1;
    max-width:800px;
}
.hero h1{
    font-size:44px;
    line-height:1.08;
    margin:0 0 14px;
    max-width:680px;
    color:#0b4776;
}
.hero p{
    font-size:19px;
    line-height:1.55;
    max-width:700px;
    margin:0 0 24px;
    color:#334e68;
}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{
    display:inline-block;
    background:linear-gradient(135deg,var(--blue),#69baf3);
    color:white;
    text-decoration:none;
    padding:13px 20px;
    border-radius:999px;
    font-weight:700;
    box-shadow:0 10px 24px #2f8edb45;
    transition:.2s;
}
.btn:hover{transform:translateY(-2px)}
.btn.white{
    background:white;
    color:var(--blue-dark);
    border:1px solid var(--line);
}
.section{padding:56px 0}
.section.small{padding:40px 0}
.page-title{
    background:
        radial-gradient(circle at top right,#bce7ff 0%,transparent 34%),
        linear-gradient(135deg,#eaf6ff 0%,#ffffff 100%);
    color:var(--text);
    padding:52px 0;
    border-bottom:1px solid var(--line);
}
.page-title h1{
    font-size:40px;
    margin:0 0 12px;
    color:#0b4776;
}
.page-title p{
    font-size:18px;
    line-height:1.6;
    max-width:760px;
    margin:0;
    color:var(--muted);
}
.quick-grid,.cards-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.quick-card,.card,.contact-box,.empty{
    background:rgba(255,255,255,.9);
    border:1px solid var(--line);
    border-radius:24px;
    padding:24px;
    box-shadow:0 14px 36px #2f8edb17;
}
.quick-card{
    text-decoration:none;
    display:block;
    transition:.2s;
    position:relative;
    overflow:hidden;
}
.quick-card::before,.card::before{
    content:"";
    position:absolute;
    width:80px;
    height:80px;
    right:-24px;
    top:-24px;
    background:#dff3ff;
    border-radius:50%;
}
.quick-card:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 44px #2f8edb26;
}
.quick-card strong{
    display:block;
    font-size:21px;
    margin-bottom:8px;
    color:var(--blue-dark);
    position:relative;
}
.quick-card span{color:var(--muted);position:relative}
.narrow{max-width:850px}
.info-list{display:grid;gap:14px;font-size:18px}
.info-list div{
    background:white;
    border-radius:18px;
    padding:18px 20px;
    border:1px solid var(--line);
    box-shadow:0 10px 26px #2f8edb14;
}
.cards-grid{grid-template-columns:repeat(3,1fr)}
.card{
    font-weight:700;
    font-size:17px;
    position:relative;
    overflow:hidden;
}
.gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.gallery a{
    display:block;
    padding:8px;
    background:white;
    border:1px solid var(--line);
    border-radius:24px;
    box-shadow:0 12px 32px #2f8edb18;
}
.gallery img{
    width:100%;
    height:230px;
    object-fit:cover;
    border-radius:18px;
    display:block;
}
.contact-grid{
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:24px;
    align-items:start;
}
.contact-box p{font-size:18px;line-height:1.6;color:var(--muted)}
.contact-box strong{color:#0b4776}
.map{
    width:100%;
    height:430px;
    border:0;
    border-radius:24px;
    box-shadow:0 18px 45px #2f8edb22;
}
.footer{
    background:#eaf6ff;
    color:#46677f;
    padding:24px 0;
    font-size:14px;
    border-top:1px solid var(--line);
}
.admin-login{
    max-width:380px;
    margin:100px auto;
    background:white;
    padding:28px;
    border-radius:22px;
    box-shadow:0 14px 36px #2f8edb20;
}
.admin-login input,.admin-box input,.admin-box textarea{
    width:100%;
    padding:13px;
    border:1px solid var(--line);
    border-radius:14px;
    font-size:15px;
    margin-top:10px;
}
.admin-login button,.save-btn{
    background:linear-gradient(135deg,var(--blue),#69baf3);
    color:white;
    border:0;
    border-radius:999px;
    padding:13px 20px;
    font-weight:700;
    margin-top:12px;
    cursor:pointer;
}
.admin-wrap{max-width:960px;margin:auto;padding:28px}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.admin-box,.saved{
    background:white;
    border-radius:22px;
    padding:20px;
    margin-bottom:18px;
    box-shadow:0 10px 30px #2f8edb17;
    border:1px solid var(--line);
}
.saved{color:green;font-weight:700}
.tools{margin-top:12px}
.tools button{
    background:#f5fbff;
    border:1px solid var(--line);
    border-radius:999px;
    padding:8px 14px;
    margin-right:8px;
    cursor:pointer;
}
@media(max-width:850px){
    .menu-button{display:block}
    .nav{
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:82px;
        background:white;
        flex-direction:column;
        align-items:stretch;
        padding:12px 20px;
        border-top:1px solid var(--line);
    }
    .nav.open{display:flex}
    .hero{min-height:420px}
    .hero-content::before{inset:-22px -18px}
    .hero h1{font-size:32px}
    .quick-grid,.cards-grid,.gallery,.contact-grid{grid-template-columns:1fr}
    .admin-top{display:block}
}

.back-web-btn{
    display:inline-block;
    background:#eaf6ff;
    color:#1769aa;
    text-decoration:none;
    padding:11px 16px;
    border-radius:999px;
    font-weight:700;
    border:1px solid #d8ecfb;
}
.back-web-btn:hover{
    background:#d8ecfb;
}




.gallery a{
    cursor:pointer;
    transition:.2s;
}

.gallery a:hover{
    transform:translateY(-4px);
}

.lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:40px;
}

.lightbox.open{
    display:flex;
}

.lightbox img{
    max-width:90%;
    max-height:90%;
    border-radius:20px;
    box-shadow:0 20px 60px #000;
}

.lightbox-close{
    position:absolute;
    top:20px;
    right:30px;
    font-size:42px;
    color:white;
    background:none;
    border:0;
    cursor:pointer;
}

.lightbox-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:56px;
    height:56px;
    border-radius:50%;
    border:0;
    background:rgba(255,255,255,.18);
    color:white;
    font-size:28px;
    cursor:pointer;
}

.lightbox-arrow:hover{
    background:rgba(255,255,255,.30);
}

.lightbox-arrow.left{
    left:30px;
}

.lightbox-arrow.right{
    right:30px;
}

@media(max-width:850px){
    .lightbox{
        padding:20px;
    }

    .lightbox-arrow{
        width:44px;
        height:44px;
        font-size:22px;
    }

    .lightbox-arrow.left{
        left:12px;
    }

    .lightbox-arrow.right{
        right:12px;
    }
}


.hero-photo-only{
    margin-top:22px;
    width:100%;
    background:#f5fbff;
}

.hero-photo-only img{
    display:block;
    width:100%;
    height:380px;
    object-fit:cover;
    object-position:center;
}

.intro-text{
    background:white;
    padding:48px 0 22px;
}

.intro-wrap{
    max-width:1040px;
}

.intro-text h1{
    color:#0b4776;
    font-size:42px;
    line-height:1.15;
    margin:0 0 28px;
}

.intro-content{
    font-size:18px;
    line-height:1.75;
    color:#17324d;
}

.intro-content p{
    margin:0 0 18px;
}

.intro-buttons{
    margin-top:30px;
}

@media(max-width:850px){
    .hero-photo-only img{
        height:240px;
    }

    .intro-text{
        padding:34px 0 16px;
    }

    .intro-text h1{
        font-size:30px;
    }

    .intro-content{
        font-size:16px;
    }
}


/* Administrace - automatická výška textových polí */
.admin-box textarea{
    min-height:80px;
    overflow:hidden;
    resize:none;
    line-height:1.55;
}

/* Plovoucí tlačítko Uložit */
.floating-save{
    position:sticky;
    top:92px;
    z-index:80;
    display:flex;
    justify-content:flex-end;
    pointer-events:none;
    margin-bottom:14px;
}

.save-btn.floating{
    pointer-events:auto;
    box-shadow:0 12px 32px rgba(47,142,219,.35);
}

@media(max-width:850px){
    .floating-save{
        top:86px;
        justify-content:center;
    }

    .save-btn.floating{
        width:100%;
    }
}


/* VERZE 13 - oprava administrace */
.admin-box textarea{
    overflow:hidden !important;
    resize:none !important;
    min-height:120px !important;
    line-height:1.55 !important;
}

/* pevně plovoucí tlačítko - pořád viditelné */
.fixed-save-btn{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
    background:linear-gradient(135deg,var(--blue),#69baf3);
    color:white;
    border:0;
    border-radius:999px;
    padding:15px 24px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 16px 38px rgba(47,142,219,.45);
}

.fixed-save-btn:hover{
    transform:translateY(-2px);
}

@media(max-width:850px){
    .fixed-save-btn{
        left:16px;
        right:16px;
        bottom:16px;
        width:calc(100% - 32px);
    }

    .admin-wrap{
        padding-bottom:90px;
    }
}


/* VERZE 14 - skutečně pevné plovoucí tlačítko */
#floatingSaveButton.fixed-save-btn{
    position:fixed !important;
    right:24px !important;
    bottom:24px !important;
    top:auto !important;
    left:auto !important;
    z-index:999999 !important;
    display:block !important;
    width:auto !important;
    min-width:150px !important;
    background:linear-gradient(135deg,var(--blue),#69baf3) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:999px !important;
    padding:15px 24px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    box-shadow:0 16px 38px rgba(47,142,219,.45) !important;
}

#floatingSaveButton.fixed-save-btn:hover{
    transform:translateY(-2px);
}

.admin-wrap{
    padding-bottom:120px;
}

@media(max-width:850px){
    #floatingSaveButton.fixed-save-btn{
        left:16px !important;
        right:16px !important;
        bottom:16px !important;
        width:calc(100% - 32px) !important;
    }
}


/* Malé obrázky vložené do textu */
.text-icon{
    display:block;
    width:auto;
    max-width:90px;
    max-height:70px;
    margin:18px 0;
    object-fit:contain;
}

.intro-content .text-icon,
.page-title .text-icon,
.section .text-icon{
    display:block;
    width:auto;
    max-width:90px;
    max-height:70px;
    margin:18px 0;
    object-fit:contain;
}


/* VERZE 17 - menší mezery kolem malých obrázků v textu */
.text-icon{
    display:block !important;
    width:auto !important;
    max-height:70px !important;
    margin:6px 0 8px 0 !important;
    object-fit:contain !important;
}

.intro-content .text-icon,
.page-title .text-icon,
.section .text-icon{
    display:block !important;
    width:auto !important;
    max-height:70px !important;
    margin:6px 0 8px 0 !important;
    object-fit:contain !important;
}


/* VERZE 18 - obrázky v textu mohou být větší */
.text-icon{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
    margin:8px 0 10px 0 !important;
    object-fit:contain !important;
}

.intro-content .text-icon,
.page-title .text-icon,
.section .text-icon{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
    margin:8px 0 10px 0 !important;
    object-fit:contain !important;
}

a .text-icon{
    cursor:pointer;
}

a .text-icon:hover{
    opacity:.88;
}


/* VERZE 19 - zobrazení obrázků vložených v administraci */
.text-icon{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
    margin:8px 0 10px 0 !important;
    object-fit:contain !important;
}



/* =========================================================
   VERZE 21 - jemnější a profesionálnější vzhled webu
   ========================================================= */

:root{
    --blue:#2f8edb;
    --blue-dark:#105b94;
    --blue-deep:#0b4776;
    --blue-soft:#eaf6ff;
    --blue-pale:#f7fcff;
    --text:#18324a;
    --muted:#5c7083;
    --line:#d6eaf8;
    --shadow:0 18px 45px rgba(47,142,219,.16);
}

html{
    scroll-behavior:smooth;
}

body{
    background:
        radial-gradient(circle at top left, rgba(47,142,219,.11), transparent 360px),
        linear-gradient(180deg,#f8fdff 0%,#ffffff 38%,#f4fbff 100%);
    color:var(--text);
}

.wrap{
    max-width:1180px;
}

.top{
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(214,234,248,.9);
    box-shadow:0 8px 28px rgba(16,91,148,.10);
}

.top-inner{
    padding-top:8px;
    padding-bottom:8px;
}

.logo{
    height:88px;
    filter:drop-shadow(0 5px 10px rgba(16,91,148,.12));
}

.nav{
    gap:10px;
}

.nav a{
    color:#17324d;
    padding:11px 17px;
    border-radius:999px;
    font-size:15px;
}

.nav a:hover,
.nav a.active{
    background:linear-gradient(135deg,#2f8edb,#78c7f6);
    color:white;
    box-shadow:0 10px 22px rgba(47,142,219,.30);
}

.admin-small{
    background:#edf8ff!important;
    color:#105b94!important;
}

.hero-photo-only{
    margin-top:0;
    padding:0 18px;
    background:linear-gradient(180deg,#f8fdff,#ffffff);
}

.hero-photo-only img{
    max-width:1500px;
    height:430px;
    margin:0 auto;
    border-radius:0 0 34px 34px;
    box-shadow:0 22px 60px rgba(16,91,148,.18);
    object-fit:cover;
    object-position:center;
}

.intro-text{
    background:transparent;
    padding:54px 0 28px;
}

.intro-wrap{
    max-width:1040px;
    background:rgba(255,255,255,.86);
    border:1px solid var(--line);
    border-radius:30px;
    padding:34px 38px;
    box-shadow:var(--shadow);
}

.intro-text h1{
    font-size:44px;
    color:var(--blue-deep);
    margin-bottom:26px;
    letter-spacing:-.02em;
}

.intro-content{
    font-size:18px;
    line-height:1.85;
    color:#2f465b;
}

.btn{
    background:linear-gradient(135deg,#2f8edb,#75c8f7);
    color:white;
    box-shadow:0 12px 28px rgba(47,142,219,.28);
}

.btn.white{
    background:white;
    color:var(--blue-dark);
    border:1px solid var(--line);
}

.btn:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 32px rgba(47,142,219,.34);
}

.section.small{
    padding-top:20px;
}

.quick-grid{
    gap:22px;
}

.quick-card{
    border-radius:28px;
    padding:28px;
    background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%);
    box-shadow:0 16px 36px rgba(47,142,219,.14);
}

.quick-card::before{
    background:linear-gradient(135deg,#dff3ff,#ffffff);
}

.quick-card strong{
    font-size:22px;
    color:var(--blue-deep);
}

.quick-card span{
    line-height:1.55;
}

.page-title{
    background:
        radial-gradient(circle at 90% 0%, rgba(120,199,246,.45), transparent 280px),
        linear-gradient(135deg,#f7fcff 0%,#ffffff 100%);
    padding:58px 0;
}

.page-title h1{
    color:var(--blue-deep);
    letter-spacing:-.02em;
}

.page-title p{
    color:#4e6477;
}

.card,
.contact-box,
.empty,
.info-list div{
    border-radius:26px;
    background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);
    box-shadow:0 16px 38px rgba(47,142,219,.13);
}

.gallery{
    gap:22px;
}

.gallery a{
    border-radius:28px;
    padding:9px;
    box-shadow:0 16px 38px rgba(47,142,219,.15);
    transition:.22s ease;
}

.gallery a:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 48px rgba(47,142,219,.22);
}

.gallery img{
    border-radius:20px;
    height:245px;
}

.map{
    border-radius:28px;
    box-shadow:0 20px 48px rgba(47,142,219,.18);
}

.footer{
    background:linear-gradient(135deg,#0b4776,#1769aa);
    color:white;
    border-top:0;
    padding:30px 0;
    margin-top:30px;
}

.admin-box,
.saved,
.admin-login{
    background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);
}

.text-icon{
    border-radius:6px;
}

@media(max-width:850px){
    .logo{
        height:68px;
    }

    .nav{
        top:84px;
        box-shadow:0 16px 34px rgba(16,91,148,.16);
    }

    .hero-photo-only{
        padding:0;
    }

    .hero-photo-only img{
        height:260px;
        border-radius:0 0 22px 22px;
    }

    .intro-text{
        padding:30px 0 16px;
    }

    .intro-wrap{
        padding:24px 20px;
        border-radius:24px;
    }

    .intro-text h1{
        font-size:31px;
    }

    .intro-content{
        font-size:16px;
        line-height:1.7;
    }

    .quick-card{
        padding:24px;
    }
}



/* VERZE 22 - GDPR stránka a cookie lišta */
.gdpr-content{
    background:white;
    border:1px solid var(--line);
    border-radius:28px;
    padding:34px 38px;
    box-shadow:0 16px 38px rgba(47,142,219,.13);
}

.gdpr-content h2{
    color:var(--blue-deep);
    margin-top:28px;
    margin-bottom:10px;
}

.gdpr-content p{
    line-height:1.75;
    color:#2f465b;
}

.gdpr-note{
    margin-top:30px;
    color:#5c7083!important;
    font-size:14px;
}

.footer-inner{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    flex-wrap:wrap;
}

.footer a{
    color:white;
    text-decoration:underline;
}

.cookie-bar{
    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    z-index:999999;
    max-width:980px;
    margin:auto;
    background:white;
    color:#17324d;
    border:1px solid var(--line);
    border-radius:22px;
    padding:18px 20px;
    box-shadow:0 20px 55px rgba(16,91,148,.25);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.cookie-bar button{
    background:linear-gradient(135deg,var(--blue),#75c8f7);
    color:white;
    border:0;
    border-radius:999px;
    padding:12px 18px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
}

@media(max-width:850px){
    .gdpr-content{
        padding:24px 20px;
    }

    .cookie-bar{
        display:block;
        left:12px;
        right:12px;
        bottom:12px;
    }

    .cookie-bar button{
        margin-top:14px;
        width:100%;
    }
}


/* FINÁLNÍ ÚPRAVA - Úvod místo O nás */
.feature-strip{
    padding:28px 0 8px;
    background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.feature-card{
    background:linear-gradient(180deg,#ffffff 0%,#f3faff 100%);
    border:1px solid var(--line);
    border-radius:26px;
    padding:24px;
    box-shadow:0 16px 36px rgba(47,142,219,.14);
}

.feature-card strong{
    display:block;
    font-size:20px;
    color:var(--blue-deep);
    margin-bottom:8px;
}

.feature-card span{
    display:block;
    color:#4e6477;
    line-height:1.55;
}

.intro-content h2{
    color:var(--blue-deep);
    font-size:26px;
    margin:34px 0 12px;
    line-height:1.25;
}

.intro-content h2:first-child{
    margin-top:0;
}

.quick-grid{
    grid-template-columns:repeat(3,1fr);
}

@media(max-width:850px){
    .feature-grid{
        grid-template-columns:1fr;
    }

    .feature-strip{
        padding:20px 0 4px;
    }

    .intro-content h2{
        font-size:22px;
    }

    .quick-grid{
        grid-template-columns:1fr;
    }
}


/* Úvodní informační bloky */
.feature-strip{
    padding:28px 0 8px;
    background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.feature-card{
    background:linear-gradient(180deg,#ffffff 0%,#f3faff 100%);
    border:1px solid var(--line);
    border-radius:26px;
    padding:24px;
    box-shadow:0 16px 36px rgba(47,142,219,.14);
}

.feature-card strong{
    display:block;
    font-size:20px;
    color:var(--blue-deep);
    margin-bottom:8px;
}

.feature-card span{
    display:block;
    color:#4e6477;
    line-height:1.55;
}

.quick-grid{
    grid-template-columns:repeat(3,1fr);
}

@media(max-width:850px){
    .feature-grid{
        grid-template-columns:1fr;
    }

    .feature-strip{
        padding:20px 0 4px;
    }

    .quick-grid{
        grid-template-columns:1fr;
    }
}
.feature-strip{
    padding:28px 0 8px;
    background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.feature-card{
    background:linear-gradient(180deg,#ffffff 0%,#f3faff 100%);
    border:1px solid var(--line);
    border-radius:26px;
    padding:24px;
    box-shadow:0 16px 36px rgba(47,142,219,.14);
}

.feature-card strong{
    display:block;
    font-size:20px;
    color:var(--blue-deep);
    margin-bottom:8px;
}

.feature-card span{
    display:block;
    color:#4e6477;
    line-height:1.55;
}

@media(max-width:850px){
    .feature-grid{
        grid-template-columns:1fr;
    }
}



/* =========================================================
   OPRAVA VIDITELNOSTI ÚVODNÍCH BLOKŮ
   ========================================================= */

.feature-strip{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    padding:34px 0 18px !important;
    background:linear-gradient(180deg,#ffffff 0%,#edf8ff 100%) !important;
    position:relative !important;
    z-index:2 !important;
}

.feature-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:22px !important;
    align-items:stretch !important;
}

.feature-card{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    min-height:145px !important;
    background:#ffffff !important;
    border:2px solid #bfe4fb !important;
    border-radius:28px !important;
    padding:28px 24px !important;
    box-shadow:0 18px 42px rgba(47,142,219,.22) !important;
    position:relative !important;
    overflow:hidden !important;
}

.feature-card::before{
    content:"" !important;
    position:absolute !important;
    width:92px !important;
    height:92px !important;
    right:-28px !important;
    top:-28px !important;
    background:linear-gradient(135deg,#dff3ff,#ffffff) !important;
    border-radius:50% !important;
}

.feature-card strong{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    font-size:22px !important;
    color:#0b4776 !important;
    margin-bottom:12px !important;
}

.feature-card span{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    font-size:16px !important;
    color:#40586d !important;
    line-height:1.55 !important;
}

@media(max-width:850px){
    .feature-grid{
        grid-template-columns:1fr !important;
    }

    .feature-card{
        min-height:auto !important;
    }
}