.stipino-zvrlje-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
    color: #163629;
    font: 15px/1.45 system-ui, sans-serif;
}

.stipino-zvrlje-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    color: #575951;
    font-size: 14px;
}

.stipino-zvrlje-share .stip-share[data-stipino-share] {
    height: auto;
    padding: 0;
}

.stipino-zvrlje-share .ss-lab,
.stipino-zvrlje-share .stip-status:not(.vidljiv) {
    display: none;
}

.stipino-zvrlje-section .et_pb_post_title.stipino-zvrlje-hero {
    padding-top: 0;
}

.stipino-zvrlje-body > p:first-child::first-letter {
    float: left;
    margin: .07em .12em 0 0;
    color: #983b24;
    font: 4em/.8 Georgia, serif;
}

.stipino-zvrlje-body blockquote {
    margin: 1.4em 0;
    padding: .3em 0 .3em 1.2em;
    border-color: #c2aa83;
    color: #314439;
    font-style: italic;
}

.stipino-zvrlje-body .stipino-zvrlje-note {
    margin-block: 1.5em;
    padding: 1em 1.2em;
    border-radius: 8px;
    background: #e5e9d9;
    color: #173b2a;
}

.stipino-zvrlje-crumb a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.stipino-zvrlje-hero .et_pb_title_featured_container,
.stipino-zvrlje-hero img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.stipino-zvrlje-hero img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

@media (max-width: 767px) {
    .stipino-zvrlje-section > .et_pb_row {
        width: calc(100% - 36px);
    }
}

/* Keep the Divi column float inside the article above the global footer. */
.stipino-zvrlje-section {
    display: flow-root;
}

.zvrlje-editorial { --zvrlje-text: #292929; }
.zvrlje-editorial > .zvrlje-editorial-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 2.04fr) minmax(0, 1fr);
    gap: 34px;
    width: calc(100% - 56px) !important;
    max-width: 1190px !important;
    margin-inline: auto;
    padding-block: 0;
    position: relative;
    z-index: 2;
}
.zvrlje-editorial-grid > .et_pb_column { width: auto !important; margin: 0 !important; min-width: 0; }
.zvrlje-editorial-main .entry-title { font-size: clamp(39px, 4.2vw, 61px) !important; }
.zvrlje-editorial-main .stipino-zvrlje-hero { padding: 0 !important; }
.zvrlje-editorial-main .stipino-zvrlje-body { margin-bottom: 36px !important; }
.zvrlje-editorial-side h2,.zvrlje-editorial-side h3 { color:#182720; font:700 24px/1.1 Georgia,serif; margin:0 0 9px; padding:0; }
.zvrlje-editorial-side h3 { font-size:25px; margin-top:10px; }
.zvrlje-editorial-side p { font: 15px/1.55 system-ui,sans-serif; color:var(--zvrlje-text); }
.zvrlje-editorial-side .et_pb_module { margin:0 0 24px !important; }
.zvrlje-editorial-card { background:#f0e7d8; border-radius:8px; padding:20px; }
.zvrlje-editorial-author .zvrlje-editorial-portrait { display:block; width:100%; height:auto; object-fit:contain; border-radius:5px; background:#eee2cf; }
.zvrlje-editorial-role { color:#983b24; font:700 13px/1.5 Montserrat,sans-serif; text-transform:uppercase; margin-bottom:10px; }
.zvrlje-editorial-author a,.zvrlje-editorial-all { color:#923e27; font:600 14px/1.35 system-ui,sans-serif; }
.zvrlje-editorial-entry { display:grid; grid-template-columns:92px minmax(0,1fr); gap:12px; align-items:center; padding:9px 0; border-bottom:1px solid rgba(222, 216, 203, .3); color:#182720; }
.zvrlje-editorial-entry img { width:92px;height:60px;object-fit:cover;border-radius:5px; }
.zvrlje-editorial-entry strong { display:block;font:700 16px/1.18 Georgia,serif; }
.zvrlje-editorial-entry small { display:block;color:#635f56;font-size:12px;margin-top:5px; }
.zvrlje-editorial-all { display:block; text-align:center;border-radius:5px;padding:11px;margin-top:10px; }
.zvrlje-editorial-newsletter { text-align:center; }
.zvrlje-editorial-card { border: 1px solid rgba(152, 59, 36, .3); }
.zvrlje-editorial-newsletter .zvrlje-editorial-all { background:#fffaf3; }
.zvrlje-editorial-envelope { display:block;color:#983b24;font-size:108px;line-height:1;margin-bottom:7px; }
@media(max-width: 860px) {
    .zvrlje-editorial > .zvrlje-editorial-grid { grid-template-columns:minmax(0,1fr);gap:26px;width:calc(100% - 36px) !important;max-width:720px!important; }
    .zvrlje-editorial-main .entry-title { font-size:clamp(35px, 6vw, 51px) !important; }
}
.zvrlje-editorial-main .et_pb_post_title:not(.stipino-zvrlje-hero) {
    padding-block: 3px 0 !important;
}
.zvrlje-editorial-main .stipino-zvrlje-hero img {
    object-position: center 30%;
}
.zvrlje-editorial-newsletter .et_pb_text_inner,
.zvrlje-editorial-newsletter p {
    text-align: center;
}


.zvrlje-editorial .zvrlje-editorial-main .entry-title,
.zvrlje-editorial .stipino-zvrlje-body h2,
.zvrlje-editorial .stipino-zvrlje-body h3,
.zvrlje-editorial .stipino-zvrlje-body h4,
.zvrlje-editorial .zvrlje-editorial-side h2,
.zvrlje-editorial .zvrlje-editorial-side h3,
.zvrlje-editorial .zvrlje-editorial-entry strong {
    font-family: "DM Serif Display", Georgia, serif !important;
    font-weight: 400 !important;
}

@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
    .zvrlje-editorial .stipino-zvrlje-body :is(.et_pb_text_inner, .stipino-zvrlje-body) > p:first-child::first-letter,
    .zvrlje-editorial .stipino-zvrlje-body > p:first-child::first-letter {
        float: none;
        font-size: inherit;
        line-height: inherit;
        margin: 0 10px 0 0;
        -webkit-initial-letter: 3;
        initial-letter: 3;
    }
}

.zvrlje-editorial-main .et_pb_module:has(.stipino-zvrlje-meta) {
    margin-bottom: 0 !important;
}

.zvrlje-editorial-main .stipino-zvrlje-hero .et_pb_title_container {
    display: none;
}

@media (max-width: 480px) {
    .zvrlje-editorial-main .stipino-zvrlje-meta {
        flex-wrap: nowrap;
        align-items: flex-end;
        gap: 8px;
    }

    .zvrlje-editorial-main .stipino-zvrlje-share .ss-ikonice {
        gap: 4px;
    }

    .zvrlje-editorial-main .stipino-zvrlje-share .ss-ic {
        width: 24px;
        height: 24px;
    }
}

.zvrlje-editorial-main .et_pb_post_title.stipino-zvrlje-hero {
    margin-top: -20px !important;
}

.zvrlje-editorial-main .et_pb_post_title:not(.stipino-zvrlje-hero):has(h1.entry-title) {
    margin-bottom: -23.5px !important;
}



.zvrlje-editorial .stipino-zvrlje-body p,
.zvrlje-editorial .stipino-zvrlje-body li,
.zvrlje-editorial .zvrlje-editorial-intro .et_pb_text_inner {
    color: var(--zvrlje-text) !important;
}

.zvrlje-editorial .zvrlje-editorial-main .entry-title,
.zvrlje-editorial .stipino-zvrlje-body :is(h2, h3, h4, h5, h6),
.zvrlje-editorial .zvrlje-editorial-side :is(h2, h3),
.zvrlje-editorial .zvrlje-editorial-entry strong,
.zvrlje-editorial .stipino-zvrlje-meta strong,
.zvrlje-editorial .comment-reply-title {
    color: var(--zvrlje-text) !important;
}

/* The entry's top-level Divi wrapper must show the shared page texture. */
.zvrlje-editorial .stipino-zvrlje-body > .et_pb_section,
.zvrlje-editorial .stipino-zvrlje-body > .et-l--post > .et_builder_inner_content > .et_pb_section {
    background-color: transparent !important;
}

/* Align the text in the saved Divi post with the featured image. */
.zvrlje-editorial .stipino-zvrlje-body > .et-l--post > .et_builder_inner_content > .et_pb_section {
    padding: 0 !important;
}

.zvrlje-editorial .stipino-zvrlje-body > .et-l--post > .et_builder_inner_content > .et_pb_section > .et_pb_row {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 0 !important;
    padding-top: 0 !important;
}

.zvrlje-editorial-main > .et_pb_text:first-child:has(+ .et_pb_post_title h1.entry-title) {
    margin-bottom: -18px !important;
    /* Move the visible label without shifting the title or article content. */
    translate: 0 var(--zvrlje-eyebrow-offset, 16px);
}

@media (max-width: 980px) {
    .zvrlje-editorial-main { --zvrlje-eyebrow-offset: 14px; }
}

@media (max-width: 767px) {
    .zvrlje-editorial-main { --zvrlje-eyebrow-offset: 11px; }
}

.zvrlje-editorial-main .zvrlje-editorial-intro:not(:has(.zvrlje-excerpt-text)) {
    display: none;
}

.zvrlje-editorial-main:not(:has(> .zvrlje-editorial-intro .zvrlje-excerpt-text)) > .et_pb_post_title:not(.stipino-zvrlje-hero):has(h1.entry-title) {
    margin-bottom: -10px !important;
}

.zvrlje-editorial-main .et_pb_post_title.stipino-zvrlje-hero {
    margin-bottom: -5px !important;
}

.zvrlje-editorial .stipino-zvrlje-body > p:first-child::first-letter,
.zvrlje-editorial .stipino-zvrlje-body .et_pb_text_inner > p:first-child::first-letter {
    color: #983b24;
    font-weight: 900;
    text-shadow: .6px 0 currentColor, -.6px 0 currentColor, 0 .6px currentColor, 0 -.6px currentColor;
}

.zvrlje-editorial-related .zvrlje-editorial-entry strong,
.zvrlje-editorial-products .zvrlje-editorial-entry strong {
    font-size: 20px;
    line-height: 1.25;
}

.zvrlje-editorial-products .zvrlje-editorial-entry small {
    font-size: 15px;
}

.zvrlje-editorial #commentform textarea#comment {
    border-radius: 14px !important;
}

:is(.zvrlje-editorial, .editor-styles-wrapper) .zvrlje-inline-u {
    text-decoration: underline solid #983b24 .07em;
    text-underline-offset: .14em;
}

:is(.zvrlje-editorial, .editor-styles-wrapper) .zvrlje-inline-mark {
    color: inherit;
    background: linear-gradient(transparent 25%, #f6df83 25%, #f6df83 95%, transparent 95%);
}

.zvrlje-editorial h1.entry-title .zvrlje-inline-u {
    text-decoration: none;
    background: url("zvrlje-dry-brush.svg")
        left bottom / 100% .16em no-repeat;
    padding-bottom: .04em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.zvrlje-editorial .zvrlje-custom-intro { font-style: italic; }

.zvrlje-editorial .zvrlje-photo-caption {
    margin: 6px 0 14px;
    font: italic 14px/1.4 Georgia, serif;
}

.zvrlje-editorial .stipino-zvrlje-hero:has(+ .zvrlje-photo-caption) {
    margin-bottom: 0 !important;
}

.zvrlje-editorial .stipino-zvrlje-body h2 {
    margin-block-start: 80px;
}

.zvrlje-editorial .stipino-zvrlje-body p:has(+ h2) {
    padding-block-end: 0;
}

.zvrlje-editorial .stipino-zvrlje-body .zvrlje-story-heading {
    margin-block-end: .24em;
    font: 400 clamp(25px, 3vw, 35px)/1.12 "DM Serif Display", Georgia, serif;
}

.zvrlje-editorial .stipino-zvrlje-body .zvrlje-story-quote {
    position: relative;
    margin: 1.15em 0;
    padding: .2em .3em .2em 2.2em;
    border-left: 2px solid #983b24;
    font: italic clamp(21px, 2.6vw, 29px)/1.3 Georgia, serif;
}

.zvrlje-story-quote::before {
    position: absolute;
    left: .22em;
    top: -.03em;
    content: "“";
    color: #ba694f;
    font: 3em/.85 Georgia, serif;
}

.zvrlje-editorial .stipino-zvrlje-body :is(.zvrlje-story-pouka, .zvrlje-story-usput, .zvrlje-story-stat, .zvrlje-story-quote) p {
    margin: 0;
    padding: 0;
}

.zvrlje-story-pouka, .zvrlje-story-usput {
    margin: 1em 0;
    padding: 16px 22px;
    border-radius: 8px;
    background: #e9e7d2;
}

.zvrlje-story-pouka {
    position: relative;
    padding-left: 90px;
    background: #e6e8d5;
    font-style: italic;
}

.zvrlje-story-pouka::before {
    position: absolute;
    top: 12px;
    left: 16px;
    width: 64px;
    height: 64px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23625e35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 26v-9a6 6 0 1 1 1-12 8 8 0 0 1 14 0 6 6 0 1 1 1 12v9H8Zm0-4h16m-11-6v3m6-3v3'/%3E%3C/svg%3E");
    content: "";
}

.zvrlje-editorial .stipino-zvrlje-body .zvrlje-story-pouka h3 {
    margin: 0 0 4px;
    padding: 0;
    font: 400 23px/1.15 "DM Serif Display", Georgia, serif;
    color: #354025 !important;
}

.zvrlje-story-usput {
    max-width: 420px;
    margin-left: auto;
    border: 1px solid rgba(152, 59, 36, .3);
    background: #f2e2c7;
}

.zvrlje-story-stat {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    margin: 1em 0;
}

.zvrlje-story-stat > strong {
    padding-right: 20px;
    border-right: 1px solid #983b24;
    color: #983b24;
    font: 400 clamp(48px, 8vw, 84px)/1 "DM Serif Display", Georgia, serif;
}

.zvrlje-editorial .stipino-zvrlje-body .zvrlje-story-timeline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    gap: 20px 0;
    list-style: none;
    margin: 1.6em 0;
    padding: 0;
    text-align: center;
}

.zvrlje-story-timeline li {
    position: relative;
    border-top: 1px solid #85804d;
    padding: 15px 8px 0;
}

.zvrlje-story-timeline li::before {
    position: absolute;
    top: -5px;
    left: calc(50% - 4px);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #85804d;
    content: "";
}


@font-face {
    font-family: "Žvrlje potpis";
    src: url("fonts/caveat-normal-latin-ext.woff2") format("woff2");
    font-weight: 400 700;
    font-display: swap;
    unicode-range: U+0100-024F;
}

@font-face {
    font-family: "Žvrlje potpis";
    src: url("fonts/caveat-normal-latin.woff2") format("woff2");
    font-weight: 400 700;
    font-display: swap;
    unicode-range: U+0000-00FF;
}

.zvrlje-editorial .stipino-zvrlje-body .zvrlje-story-signature {
    color: #983b24 !important;
    font: 600 clamp(30px, 4vw, 42px)/1.15 "Žvrlje potpis", cursive;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .12em;
    transform: rotate(-3deg);
    transform-origin: left center;
}