p, h1, h2, h3, h4, h5, h6 {
    display: unset;
    font-size: unset;
    margin-block-start: unset;
    margin-block-end: unset;
    margin-inline-start: unset;
    margin-inline-end: unset;
    font-weight: unset;
    unicode-bidi: unset;
}


h2.subtitle.desktop {
    /* margin: unset;
    font-size: 1em;
    font-weight: 500 !important;
    display: unset; */
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    /* 🔴 sprječava scroll cijele stranice */
}

.desktop-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    height: 100vh;

    /* margin-top: 3.0rem; */
}

@media (min-width: 1200px) {
    .desktop-wrapper {
        padding: 0 60px;
        /* margin-top: 3.0rem; */
    }
}


widget.desktop.discover {
    display: grid;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    /* border: 1px solid red; */
    background: #f1f1f1;
    box-shadow: -1px -1px 4px 0px rgb(14 13 26 / 12%), 1px 1px 3px 0px rgb(7 48 114 / 12%), 1px 1px 4px 0px rgb(34 0 51 / 4%);
}

widget.desktop.discover > .left {
    width: 40%;
    /* border: 1px solid blue; */
    padding: 5%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 4;
    overflow: hidden;
    /* nema scroll */
    background: #000;
    color: #FFF;
}

widget.desktop.discover>.right {
    width: 60%;
    /* border: 1px solid green; */
    padding: 5%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #e6e5e5;
    /* overflow-y: auto; */
    overflow-y: auto;
    /* ✅ SAMO OVDJE scroll */
    height: 100%;
    /* min-height: 100vh; */
}

/* Featured carousel */
/* === Carousel Wrapper === */
.carousel-wrapper {
    position: relative;
    width: 100%;
    padding: 20px 0;
    /* NE stavljaj overflow ili height ovdje */
}

/* === Viewport === */
.carousel-viewport {
    /* overflow: hidden;       skrivanje scroll bara */
    width: 100%;
    height: 460px;
    /* visina kartica */

    scroll-behavior: smooth;
    overflow-x: auto;
    overflow-y: hidden;

    /* padding: 3% 0%; */

    padding: 0% 0% 3% 0%;
    border-radius: 14px;
    /* background: green; */

    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* === Track === */
.carousel-track {
    display: flex;
    gap: 20px;
    /* razmak između kartica */
    height: 100%;
    /* nasljeđuje visinu viewporta */
    transition: transform 0.4s ease;

    width: auto;
    position: relative;
}

/* === Kartice === */
a.carousel-item {
    flex: 0 0 220px;
    /* fiksna širina */
    flex: 0 0 20rem;
    flex: 0 0 320px;
    height: 460px;
    /* fiksna visina */
    border-radius: 14px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    /* font-size: 20px; */
    /* font-weight: bold; */
    color: #fff;
    user-select: none;

    /* text-align: center; */

    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 5% 2.5%;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;

    position: relative;
    transition: transform .2s ease-in;
}

a.carousel-item:before {
    background: rgba(0, 0, 0, .32);
    border-radius: inherit;
    content: "";
    display: inherit;
    height: 100%;
    /* width: auto; */
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* a.carousel-item:hover:before { */
    /* background: rgba(0, 0, 0, .50);
    border-radius: inherit;
    content: "";
    display: inherit;
    height: 100%;
    background: rgba(0, 0, 0, .50);
    width: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0; */
/* } */

a.carousel-item:active {
    transform: scale(.95);
    transition: transform .2s ease-in;
}

.carousel-item>content {
    /* background: rgba(0,0,0,0.5); */
    position: relative;
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 8px;
    text-align: left;
    z-index: 1;
    height: 100%;
    justify-content: flex-end;
}

.carousel-item>content>widget.content.top {
    position: absolute;
    top: 0;
    width: 100%;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
}

.carousel-item>content>widget.content.top>element.date.block {
    align-content: center;
    align-items: center;
    border-radius: 6px 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 4.5rem;
    min-width: 3.5rem;
    padding: 4% 0%;
    width: fit-content;
    position: relative;
    background: #fff;
    box-shadow: var(--evont-box-shadows);
    color: #000;
    height: auto;
    position: relative;
}

.carousel-item>content>widget.content.top>element.date.block>p.datum {
    font-size: 1rem;
    /* color: #fe187d; */
    font-weight: 700;
    margin: 0 1% 0 0;
}

.carousel-item>content>widget.content.top>element.date.block>p.mjesec {
    font-size: 0.8rem;
    /* color: #fe187d; */
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

.carousel-item>content>widget.content.top>element.cijena {
    align-content: center;
    align-items: center;
    border-radius: 6px 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 4.5rem;
    min-height: 2.5rem;
    min-width: 3.5rem;
    padding: 2.5%;
    width: fit-content;

    background: #fe187d;
    margin: 2% 0 0;

    border: 1px solid rgb(255 255 255 / 30%);
    box-shadow: -1px -1px 4px 0px rgba(14, 13, 26, .12), 1px 1px 3px 0px rgba(7, 48, 114, .12), 1px 1px 4px 0px rgb(34 0 51 / 4%);
}

.carousel-item>content>widget.content.top>element.cijena>p {
    font-size: 1rem;
    /* color: #fe187d; */
    /* font-weight: 600; */
    font-size: 0.9rem;
    margin: 0 1% 0 0;
}

.carousel-item>content>p.lokacija {
    font-size: 14px;
    /* color: rgb(197 197 197); */
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.carousel-item>content>p.title {
    font-size: 18px;
    font-weight: 800;
    /* line-height: 1; */
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    text-transform: uppercase;
}

/* === Dugmad === */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: none;
    padding: 12px 16px;
    cursor: pointer;
    border-radius: 8px;
    z-index: 10;
    font-size: 24px;
}

.carousel-btn.prev {
    left: 0;
}

.carousel-btn.next {
    right: 0;
}

.carousel-btn:hover {
    opacity: 0.8;
}

/* === Responsive === */
@media (max-width: 1024px) {
    .carousel-item {
        flex: 0 0 180px;
        height: 360px;
    }

    .carousel-viewport {
        height: 360px;
    }
}

@media (max-width: 768px) {
    .carousel-item {
        flex: 0 0 140px;
        height: 280px;
    }

    .carousel-viewport {
        height: 280px;
    }
}


/* Featured grid */
module.featured-events {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

module.featured-events>a.event-card {
    background: white;
    height: 200px;
    height: 158px;
    height: 8rem;
    border-radius: 12px;
    box-shadow: var(--evont-box-shadows);
    box-shadow: -1px -1px 4px 0px rgba(14, 13, 26, .12), 1px 1px 3px 0px rgba(7, 48, 114, .12), 1px 1px 4px 0px rgb(34 0 51/4%);
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-size: 24px;
    color: #333;
    text-decoration: none;
    padding: 5%;
    box-sizing: border-box;
    position: relative;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;

    /* margin: 1rem 0%; */
}

module.featured-events>a.event-card>content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

module.featured-events>a.event-card>content>content.date {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 0 5%; */

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* padding: 0 5%; */
    width: -webkit-fill-available;
}

module.featured-events > a.event-card > content > content.date > p.datum {
    font-size: 0.7rem;
    color: #fe187d;
    /* font-size: 0.5vw; */
    font-weight: 700;
    margin: 0 1% 0 0;
}

module.featured-events > a.event-card > content > content.date > p.mjesec {
    font-size: 0.7rem;
    color: #FFF;
    font-size: 0.7rem;
    font-weight: 700;
    margin: 0;
    color: #000;
    text-transform: uppercase;
}

module.featured-events > a.event-card.desavanje[prioritet="high"] > content > content.date {
    color: #fff;
}

module.featured-events>a.event-card>content>p.lokacija {
    font-size: 0.7rem;
    color: #fe187d;
    font-size: 0.65rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

module.featured-events>a.event-card>content>p.title {
    /* font-size: 0.5rem; */
    font-size: 0.9rem;
    margin: 0;
    font-weight: 900;
    text-transform: uppercase;
}

module.featured-events > a.event-card.desavanje[prioritet="high"] {
    background: #000;
    color: white !important;
}

module.featured-events > a.event-card.desavanje[prioritet="high"] > content > p.lokacija {
    /* color: #fff !important; */
}