.rodiny-hero{

    position:relative;

    min-height:700px;

    max-width:1280px;

    overflow:hidden;

    margin:0 auto;

    background:none;

    display:flex;

    justify-content:space-between;

    align-items:stretch;
}
.rodiny-hero-wrap{

    width:100%;

    background:
    url('./images/hero-bg-rodiny.png')
    bottom center / cover no-repeat;
    padding:40px 0;
}

/* LEVÁ ČÁST */

.rodiny-hero-left{

    width:55%;

    padding:30px 60px 60px 60px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;
}


/* BADGE */

.rodiny-hero-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    width:max-content;

    background:#fff1ec;

    color:#ff5d52;

    padding:10px 18px;

    border-radius:999px;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;
}


/* NADPIS */

.rodiny-hero-title{

    font-size:140px;

    font-weight:900;

    line-height:.8;

    letter-spacing:-3px;

    color:#082B63;
}

.rodiny-word span{

    text-shadow:
        0 3px 8px rgba(0,0,0,.08);
    display:inline-block;
    margin-right:-12px;
}



.rodiny-word{

    display:block;

    font-weight:900;
    font-size:120px;

    line-height:.9;
}
.rodiny-word .r{
    color:#f2537e;
}

.rodiny-word .o{
    color:#fba304;
}

.rodiny-word .d{
    color:#64af40;
}

.rodiny-word .i{
    color:#03adde;
}

.rodiny-word .n{
    color:#3486f5;
}

.rodiny-word .y{
    color:#834dd4;
}
.rodiny-word .r{
    display:inline-block;
    transform:rotate(-2deg);
}

.rodiny-word .o{
    display:inline-block;
    transform:rotate(1deg);
}

.rodiny-word .d{
    display:inline-block;
    transform:rotate(-1deg);
}

.rodiny-word .i{
    display:inline-block;
    transform:rotate(2deg);
}

.rodiny-word .n{
    display:inline-block;
    transform:rotate(-1deg);
}

.rodiny-word .y{
    display:inline-block;
    transform:rotate(2deg);
}


/* POPIS */

.rodiny-hero-description{

    max-width:520px;

    margin-top:25px;

    margin-bottom:35px;

    font-size:18px;

    line-height:1.7;

    color:#334155;
}


/* TLAČÍTKA */

.rodiny-hero-buttons{

    display:flex;

    gap:15px;
}


/* PRIMARY BUTTON */

.rodiny-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 24px;

    border-radius:14px;

    background:#ff4f87;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.2s;
}

.rodiny-btn-primary:hover{

    transform:translateY(-2px);
}


/* SECONDARY BUTTON */

.rodiny-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 24px;

    border-radius:14px;

    background:#fff;

    border:1px solid #e5e7eb;

    color:#0f172a;

    text-decoration:none;

    font-weight:700;

    transition:.2s;
}

.rodiny-btn-secondary:hover{

    transform:translateY(-2px);
}


/* PRAVÝ BOX */

.rodiny-hero-right{

    width:320px;

    margin: 80px 40px 0 40px;

    background:#fff;

    border-radius:24px;

    padding:30px;

    box-shadow:
    0 10px 40px rgba(0,0,0,.08);

    align-self:center;
}


/* NADPIS BOXU */

.rodiny-hero-right h3{

    margin-top:0;

    margin-bottom:20px;

    font-size:32px;

    color:#0f172a;
}


/* ODKAZY */

.rodiny-hero-right a{

    display:flex;

    align-items:center;

    min-height:58px;

    padding:0 18px;

    margin-bottom:12px;

    border-radius:14px;

    background:#f8fafc;

    color:#0f172a;

    text-decoration:none;

    font-weight:600;

    transition:.2s;
}

.rodiny-hero-right a:hover{

    background:#eef2f7;
}


/* POSLEDNÍ TLAČÍTKO */

.rodiny-all-info{

    background:#ff4f87 !important;

    color:#fff !important;

    justify-content:center;

    margin-top:15px;
}

.rodiny-categories{

    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:18px;

    margin:50px 0 70px;
}

.rodiny-category{

    position:relative;

    min-height:220px;

    padding:28px;

    border-radius:28px;

    text-decoration:none;

    transition:.25s;

    overflow:hidden;
    border: 1px solid rgba(255,255,255,.8);
}

.rodiny-category:hover{

    text-decoration: dashed;
}
.rodiny-category-icon{

    font-size:70px;

    margin-bottom:25px;

    display:inline-block;
}
.rodiny-category h3{

    margin:0 0 18px;

    font-size:18px;

    line-height:1.1;

    font-weight:800;
}
.rodiny-category p{

    margin:0;

    font-size:14px;

    line-height:1.7;
}
.rodiny-category-arrow{

    position:absolute;

    right:35px;

    bottom:25px;

    font-size:30px;

    font-weight:700;
}
.category-school{

    background:
    linear-gradient(
        135deg,
        #eef8ff,
        #f7fbff
    );

    color:#2563eb;
}
.category-activities{

    background:
    linear-gradient(
        135deg,
        #f3fff4,
        #f8fff8
    );

    color:#15803d;
}
.category-playgrounds{

    background:
    linear-gradient(
        135deg,
        #fff8e7,
        #fffdf5
    );

    color:#b45309;
}
.category-events{

    background:
    linear-gradient(
        135deg,
        #fff1f7,
        #fff7fb
    );

    color:#db2777;
}
.category-info{

    background:
    linear-gradient(
        135deg,
        #f5f3ff,
        #faf9ff
    );

    color:#7c3aed;
}
@media(max-width:1200px){

    .rodiny-categories{

        grid-template-columns:
        repeat(2,1fr);
    }
}

@media(max-width:768px){

    .rodiny-categories{

        grid-template-columns:1fr;
    }
}

.rodiny-events-section{

    display:grid;

    grid-template-columns:
        1.1fr
        .9fr;

    gap:25px;

    margin:60px 0;
}
.rodiny-events{

    background:#fff;

    border-radius:30px;

    padding:30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);
}
.rodiny-section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;
}

.rodiny-section-header h2{

    margin:0;

    font-size:32px;

    color:#082B63;
}

.rodiny-section-header a{

    color:#3B82F6;

    text-decoration:none;

    font-weight:700;
}
.rodiny-event{

    display:flex;

    align-items:center;

    gap:20px;

    text-decoration:none;

    padding:20px 0;

    border-bottom:
    1px solid #edf2f7;
}
.rodiny-event-date{

    width:80px;

    min-width:80px;

    height:80px;

    background:#FFF1F5;

    border-radius:20px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;
}

.day{

    font-size:34px;

    font-weight:800;

    color:#ec4899;
}

.month{

    font-size:14px;

    font-weight:700;

    color:#6b7280;
}
.rodiny-event-content{

    flex:1;
}

.rodiny-event-content h3{

    margin:0 0 8px;

    color:#111827;

    font-size:22px;
}

.rodiny-event-content p{

    margin:0;

    color:#6b7280;
}
.rodiny-event-time{

    background:#F3E8FF;

    color:#7C3AED;

    padding:8px 14px;

    border-radius:999px;

    font-weight:700;
}
.rodiny-trip-card{

    position:relative;

    overflow:hidden;

    min-height:420px;

    border-radius:30px;

    padding:40px;

    color:#fff;

    background:
    linear-gradient(
        rgba(0,0,0,.2),
        rgba(0,0,0,.2)
    ),
    url('./images/tipnavylet.png');

    background-size:cover;

    background-position:center;
}
.rodiny-trip-label{

    display:inline-block;

    margin-bottom:15px;

    padding:8px 15px;

    border-radius:999px;

    background:rgba(255,255,255,.2);

    backdrop-filter:blur(10px);
}
.rodiny-trip-card h2{

    font-size:46px;

    margin:0 0 15px;
}
.rodiny-trip-card p{

    max-width:400px;

    font-size:18px;

    line-height:1.8;
}
.rodiny-trip-btn{

    display:inline-block;

    margin-top:20px;

    padding:14px 28px;

    background:#ff4f87;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;
}
.rodiny-trip-card::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.45) 0%,
        rgba(0,0,0,.15) 40%,
        rgba(0,0,0,0) 100%
    );

}
.rodiny-trip-card > *{
    position:relative;
    z-index:2;
}
.rodiny-event-thumb{

    width:80px;
    height:80px;

    border-radius:16px;

    overflow:hidden;
}

.rodiny-event-thumb img{

    width:100%;
    height:100%;

    object-fit:cover;
}
.event-den-deti{

    background:
    linear-gradient(
        135deg,
        #FFE0EC,
        #FFD1E4
    );
}
.event-pohadkovy-les{

    background:
    linear-gradient(
        135deg,
        #DFF7D8,
        #C8F0BE
    );
}
.event-sportovni-den{

    background:
    linear-gradient(
        135deg,
        #DDEBFF,
        #C9DEFF
    );
}
.rodiny-discover{

    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:25px;

    margin:50px 0;
}
.rodiny-map-card{

    background:#fff;

    border-radius:30px;

    padding:30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);
}

.rodiny-map-card h2{

    margin:0 0 10px;

    color:#082B63;
}

.rodiny-map-card p{

    margin-bottom:20px;

    color:#6b7280;
}
.rodiny-map-preview{

    overflow:hidden;

    border-radius:20px;

    margin-bottom:20px;
}

.rodiny-map-preview img{

    width:100%;

    display:block;
}
.rodiny-map-btn{

    display:inline-block;

    background:#3B82F6;

    color:#fff;

    padding:14px 24px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;
}
.rodiny-favorites{

    background:#fff;

    border-radius:30px;

    padding:30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);
}

.rodiny-favorites h2{

    margin:0 0 25px;

    color:#082B63;
}
.rodiny-favorites-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:15px;
}
.rodiny-fav-item{

    background:#fafafa;

    border:1px solid #edf2f7;

    border-radius:20px;

    padding:20px;

    text-align:center;

    text-decoration:none;

    color:#111827;

    transition:.25s;
}
.rodiny-fav-item:hover{

    transform:translateY(-4px);

    box-shadow:
    0 10px 20px rgba(0,0,0,.06);
}
.rodiny-fav-item{

    font-size:34px;
}

.rodiny-fav-item span{

    display:block;

    margin-top:10px;

    font-size:15px;

    font-weight:700;
}
.rodiny-newsletter{

    margin:50px 0;

    border-radius:30px;

    overflow:hidden;

    background-image:
    url('./images/nl-bg.png');

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    min-height:210px;

    display:flex;

    align-items:center;

    padding:50px 60px;
}
.rodiny-newsletter-content{

    width:100%;

    display:grid;

    grid-template-columns:
        1fr
        420px;

    align-items:center;

    gap:50px;
}
.rodiny-newsletter-left h2{

    margin:0 0 15px;

    font-size:38px;

    font-weight:800;

    color:#9a4d13;
}
.rodiny-newsletter-left p{

    margin:0;

    max-width:600px;

    font-size:18px;

    line-height:1.7;

    color:#6b5c45;
}
.rodiny-newsletter-form form{

    display:flex;

    gap:15px;

    align-items:center;
}
.rodiny-newsletter-form input{

    flex:1;

    height:60px;

    border:none;

    border-radius:16px;

    padding:0 24px;

    background:#fff;

    font-size:16px;

    box-shadow:
    0 5px 20px rgba(0,0,0,.06);
}
.rodiny-newsletter-form button{

    height:60px;

    padding:0 30px;

    border:none;

    border-radius:16px;

    cursor:pointer;

    font-weight:700;

    color:#fff;

    background:#ff5b97;

    transition:.2s;
}
.rodiny-newsletter-form button:hover{

    background:#ff4288;

    transform:translateY(-2px);
}
@media(max-width:900px){

    .rodiny-newsletter{

        padding:40px 25px;
    }

    .rodiny-newsletter-content{

        grid-template-columns:1fr;
    }

    .rodiny-newsletter-form form{

        flex-direction:column;
    }

    .rodiny-newsletter-form input,
    .rodiny-newsletter-form button{

        width:100%;
    }
}

.rodiny-bottom{

    margin:60px 0;
}
.rodiny-bottom-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:25px;

    margin-bottom:25px;
}
.rodiny-panel{

    background:#fff;

    border-radius:30px;

    padding:35px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);

    min-height:520px;
}
.rodiny-panel h2{

    margin:0 0 30px;

    font-size:36px;

    color:#082B63;
}
.rodiny-news-item{

    display:flex;

    gap:15px;

    padding:18px 0;

    border-bottom:1px solid #edf2f7;
}
.rodiny-news-item img{

    width:90px;

    height:90px;

    border-radius:18px;

    object-fit:cover;
}
.rodiny-contact{

    padding:25px 0;

    border-bottom:1px solid #edf2f7;
}
.rodiny-community ul{

    margin:25px 0;

    padding:0;

    list-style:none;
}
.rodiny-community li{

    padding:12px 0;

    font-size:18px;
}
.rodiny-community-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 28px;

    border-radius:16px;

    background:#8b5cf6;

    color:#fff;

    text-decoration:none;

    font-weight:700;
}
.rodiny-benefits{

    background:#f7fbf7;

    border-radius:24px;

    padding:30px;

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:20px;
}
.rodiny-benefit{

    display:flex;

    align-items:center;

    gap:15px;
}
.rodiny-benefit strong{

    display:block;

    color:#082B63;
}
.rodiny-place-hero{

    padding:60px 0;
}
.rodiny-place-hero-content{

    display:grid;

    grid-template-columns: 250px 1fr;

    gap:40px;

    align-items:center;
}
.rodiny-place-right{

    width:250px;
    flex-shrink:0;

}

.rodiny-place-right img{

    width:100%;
    height:250px;

    object-fit:cover;

    border-radius:24px;

    display:block;

}
.rodiny-info-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:20px;
}
.rodiny-info-box{

    background:#fff;

    padding:25px;

    border-radius:20px;
}
.rodiny-equipment-grid{

    display:flex;

    flex-wrap:wrap;

    gap:15px;
}
.rodiny-equipment-grid span{

    background:#fff;

    padding:12px 18px;

    border-radius:999px;
}

.rodiny-map{

    margin:40px 0;
}

#rodiny-map{

    height:500px;

    border-radius:24px;

    overflow:hidden;

    background:#fff;
}

.rodiny-archive{

    padding:60px 0;
}
.rodiny-archive-header{

    margin-bottom:40px;
}
.rodiny-archive-header h1{

    font-size:48px;

    margin-bottom:10px;

    color:#082B63;
}
.rodiny-places-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:25px;
}
.rodiny-place-card{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    transition:.25s;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);
}
.rodiny-place-card:hover{

    transform:translateY(-5px);
}
.rodiny-place-card a{

    text-decoration:none;

    color:inherit;

    display:block;
}
.rodiny-place-image{

    height:240px;

    overflow:hidden;
}
.rodiny-place-image img{

    width:100%;

    height:100%;

    object-fit:cover;
}
.rodiny-place-content{

    padding:25px;
}
.rodiny-place-content h2{

    margin:0 0 10px;

    font-size:24px;

    color:#082B63;
}
.rodiny-place-content p{

    color:#6b7280;

    margin-bottom:20px;
}
.rodiny-place-more{

    color:#ff5b97;

    font-weight:700;
}
.rodiny-no-image{

    height:240px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #eef8ff,
        #f8fff0
    );

    font-size:60px;
}
.rodiny-filters{

    background:#fff;

    padding:30px;

    border-radius:24px;

    margin:30px 0;

    box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.rodiny-filter-row{

    display:flex;

    gap:20px;

    margin-bottom:25px;
}

.rodiny-filter-field{

    display:flex;

    flex-direction:column;

    gap:10px;
}

.rodiny-filter-field label{

    font-weight:600;

    color:#082B63;
}

.rodiny-filter-field input[type="text"],
.rodiny-filter-field input[type="number"]{

    height:50px;

    min-width:220px;

    padding:0 16px;

    border:1px solid #e5e7eb;

    border-radius:14px;
}

.rodiny-filter-group{

    display:flex;

    flex-wrap:wrap;

    gap:10px;
}

.rodiny-filter-group label{

    display:flex;

    align-items:center;

    gap:8px;

    padding:10px 16px;

    background:#f8fafc;

    border:1px solid #e5e7eb;

    border-radius:999px;

    cursor:pointer;
}

.rodiny-filter-submit{

    margin-top:25px;

    height:50px;

    padding:0 24px;

    border:none;

    border-radius:14px;

    background:#ff5b97;

    color:#fff;

    font-weight:700;

    cursor:pointer;
}

.rodiny-results-count{

    margin:30px 0 20px;
}
.rodiny-filter-group label:has(input:checked){

    background:#ffe7f1;

    border-color:#ff5b97;

    color:#ff5b97;

    font-weight:600;
}
.rodiny-filter-group input{

    accent-color:#ff5b97;
}
.rodiny-socials{
    margin:60px 0;
}

.rodiny-socials-grid{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.rodiny-social-card{

    display:flex;
    align-items:center;
    gap:10px;

    padding:16px 24px;

    background:#fff;
    border-radius:16px;

    text-decoration:none;
    color:#1f2937;

    font-weight:600;

    transition:.2s;
}

.rodiny-social-card:hover{

    transform:translateY(-2px);

}
.rodiny-school-type{

    display:inline-flex;

    align-items:center;

    padding:8px 14px;

    border-radius:999px;

    background:#fff2f7;

    color:#ff5b97;

    font-size:13px;

    font-weight:700;

    margin-bottom:12px;

}

.rodiny-school-features{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:16px;

}

.rodiny-school-features span{

    padding:6px 10px;

    border-radius:999px;

    background:#f8f9fb;

    font-size:13px;

}

.rodiny-trip-slider{

    position:relative;

}

.rodiny-trip-card{

    opacity:0;

    visibility:hidden;

    

    transition:
        opacity .5s ease,
        transform .5s ease,
        visibility .5s;

    position:absolute;

    inset:0;

}

.rodiny-trip-card.active{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

    position:relative;

}
.rodiny-filter-row{

    display:flex;
    gap:15px;
    align-items:center;
    flex-wrap:wrap;

}

.rodiny-filter-group{

    display:flex;
    align-items:center;
    gap:10px;

}

/* KROUŽKY FILTRY */

.rodiny-filters{

    background:#fff;

    border-radius:24px;

    padding:25px;

    margin-bottom:30px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.04);

}

.rodiny-filter-row{

    display:flex;

    gap:15px;

    align-items:center;

    flex-wrap:wrap;

}

.rodiny-filter-row select{

    min-width:180px;

    height:48px;

    padding:0 15px;

    border:1px solid #e5e7eb;

    border-radius:12px;

    background:#fff;

    font-size:14px;

}

.rodiny-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

    height:48px;

    padding:0 16px;

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:12px;

    cursor:pointer;

}

.rodiny-checkbox input{

    margin:0;

}

.rodiny-results-count{

    margin-bottom:25px;

    font-size:15px;

    color:#64748b;

}

#krouzky-count{

    font-weight:700;

    color:#0f172a;

}

@media(max-width:768px){

    .rodiny-filter-row{

        flex-direction:column;

        align-items:stretch;

    }

    .rodiny-filter-row select{

        width:100%;

    }

    .rodiny-checkbox{

        width:100%;

    }

}
.rodiny-news-list{

    display:flex;
    flex-direction:column;
    gap:20px;

}

.rodiny-news-item a{

    display:grid;
    grid-template-columns:90px 1fr;
    gap:15px;

    text-decoration:none;
    color:inherit;

}

.rodiny-news-thumb img{

    width:90px;
    height:90px;

    object-fit:cover;

    border-radius:12px;

}

.rodiny-news-content h3{

    margin:0 0 8px;
    font-size:18px;

}

.rodiny-news-content span{

    color:#888;
    font-size:14px;

}