/*====================================================================================================
VARIABLES
article
====================================================================================================*/
:root {
    --base-unit: 10px;

    /*========== SOLID COLORS ==========*/
    --white: rgba(255,255,255,1);
    --near-white: rgba(249,249,249);
    --nice-gray: rgba(230,235,240,1);
    --black: rgba(0,0,0,1);
    --green: rgba(10,90,115,1);
    --teal: rgb(6, 145, 128);

    /*========== GRADIENTS ==========*/
    --new-blue-mirage: linear-gradient(to bottom, rgba(15,20,25,1), rgba(35,85,110,1));
    --blue-mirage: linear-gradient(to bottom, rgba(20,35,45,1), rgba(60,95,115,1));
    --green-mirage: linear-gradient(to bottom, rgba(20,41,20,1), rgba(60,115,90,1));

    /*========== TRANSPARENT COLORS ==========*/
    --transparent-black-01: rgba(0,0,0,.01);  --transparent-white-01: rgba(255,255,255,.01);
    --transparent-black-02: rgba(0,0,0,.02);  --transparent-white-02: rgba(255,255,255,.02);
    --transparent-black-03: rgba(0,0,0,.03);  --transparent-white-03: rgba(255,255,255,.03);
    --transparent-black-04: rgba(0,0,0,.04);  --transparent-white-04: rgba(255,255,255,.04);
    --transparent-black-05: rgba(0,0,0,.05);  --transparent-white-05: rgba(255,255,255,.05);
    --transparent-black-08: rgba(0,0,0,.08);  --transparent-white-08: rgba(255,255,255,.08);
    --transparent-black-10: rgba(0,0,0,.10);  --transparent-white-10: rgba(255,255,255,.10);
    --transparent-black-15: rgba(0,0,0,.15);  --transparent-white-15: rgba(255,255,255,.15);
    --transparent-black-20: rgba(0,0,0,.20);  --transparent-white-20: rgba(255,255,255,.20);
    --transparent-black-25: rgba(0,0,0,.25);  --transparent-white-25: rgba(255,255,255,.25);
    --transparent-black-30: rgba(0,0,0,.30);  --transparent-white-30: rgba(255,255,255,.30);
    --transparent-black-40: rgba(0,0,0,.40);  --transparent-white-40: rgba(255,255,255,.40);
    --transparent-black-50: rgba(0,0,0,.50);  --transparent-white-50: rgba(255,255,255,.50);
    --transparent-black-60: rgba(0,0,0,.60);  --transparent-white-60: rgba(255,255,255,.60);
    --transparent-black-75: rgba(0,0,0,.75);  --transparent-white-75: rgba(255,255,255,.75);
    --transparent-black-80: rgba(0,0,0,.80);  --transparent-white-80: rgba(255,255,255,.80);
    --transparent-black-85: rgba(0,0,0,.85);  --transparent-white-85: rgba(255,255,255,.85);
    --transparent-black-90: rgba(0,0,0,.90);  --transparent-white-90: rgba(255,255,255,.90);

    --transparent-green-30: rgba(10,90,115,.30);
    --transparent-green-25: rgba(10,90,115,.25);
    --transparent-green-80: rgba(10,90,115,.80);

    /*========== BORDERS ==========*/
    --white-solid-border: 1px solid var(--white);
    --white-dashed-border: 1px dashed var(--white);
    --green-solid-border: 1px solid var(--green);
    --green-dashed-border: 1px dashed var(--green);
    --transparent-white-solid-border: 1px solid var(--transparent-white-25);
    --transparent-white-dashed-border: 1px dashed var(--transparent-white-25);
    --transparent-black-solid-border: 1px solid var(--transparent-black-25);
    --transparent-black-dashed-border: 1px dashed var(--transparent-black-25);
    --transparent-green-solid-border: 1px solid var(--transparent-green-25);
    --transparent-green-dashed-border: 1px dashed var(--transparent-green-25);

    /*========== GAPS ==========*/
    --list-gap: calc(var(--base-unit) / 2);
    --row-gap: var(--base-unit);
    --block-gap: calc(var(--base-unit) * 1.5);
    --universal-gap: calc(var(--base-unit) * 3);
    --body-gap: calc(var(--base-unit) * 6);

    /*========== WIDTHS ==========*/
    --max-width-container: 1280px;
    --max-width-container-homepage: 850px;
    --max-width-container-article: 1280px;
    --toggle-menu-width: calc(var(--base-unit) * 4);
    --accordion-icon-width: 15px;

    /*========== FONT SIZE ==========*/
    --p-size: calc(var(--base-unit) * 1.60);
    --h1-size: calc(var(--base-unit) * 2.65);
    --h2-size: calc(var(--base-unit) * 2.00);
    --h3-size: calc(var(--base-unit) * 1.75);
    --h4-size: calc(var(--base-unit) * 1.40);
    --h5-size: calc(var(--base-unit) * 1.30);
    --h6-size: calc(var(--base-unit) * 1.25);

    /*========== MISCELLANEOUS ==========*/
    --transition: all 150ms ease;
}

/*====================================================================================================
RESET
article
====================================================================================================*/
*, *::after, *::before {
    box-sizing: border-box;
    font-smoothing: subpixel-antialiased;
}

html, body, div, span, object, iframe,
header, main, footer, nav, section, article, aside,
hgroup, h1, h2, h3, h4, h5, h6, p, address,
b, u, i, em, dfn, s, q, blockquote,
small, sub, sup, var, abbr,
cite, code, samp, pre, del, ins, kbd,
ul, ol, li, dl, dt, dd,
a, button, .button,
output, input, textarea, select,
fieldset, label, legend, caption,
form, table, tbody, thead, tr, th, td,
figure, figcaption,
img, svg, canvas, embed, picture, audio, video {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-align: inherit;
    font-style: normal;
    text-decoration: none;
    text-shadow: inherit;
    text-rendering: optimizeLegibility;
    word-break: break-word;
    list-style-type: none;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-collapse: collapse;
    border-spacing: 0;
    outline: none;
    vertical-align: baseline;
    appearance: none;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    clear: none;
}
a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    a:active {
        background-color: transparent;
    }
}

/*========== SELECTION & PLACEHOLDER ==========*/
::selection {
    color: var(--white);
    background: var(--green);
}
::placeholder {
    opacity: .75;
    font: 400 var(--p-size)/1.25 'Roboto', sans-serif;
    font-size: .9em;
    font-style: italic;
    color: inherit;
}
:focus::placeholder {
    color: transparent !important;
    transition: var(--transition);
}

/*========== AUTOFILL ==========*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    border: 0 !important;
    -webkit-text-fill-color: var(--black) !important;
    -webkit-box-shadow: none !important;
    transition: background 5000s ease-in-out 0s !important;
}

/*====================================================================================================
CORE
article
====================================================================================================*/
html,
body {
    font-size: var(--base-unit);
}
body {
    overflow-x: hidden !important;
    display: block !important;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: var(--p-size);
    text-align: left;
    color: var(--black);
    background-color: var(--near-white);
    text-rendering: optimizeLegibility;
    -webkit-user-select: none;
}
body:has(#navigation.active) {
    overflow: hidden;
}

[class*="topbar"], [class*="header"], [class*="footer"], [class*="article"],
[class*="section"], [class*="container"], [class*="holder"],
[class*="row"], [class*="column"], [class*="wrap"], [class*="block"],
[class*="group"], [class*="item"], [class*="element"],
[class*="helper"], [class*="headline"], [class*="social"],
figure, figcaption,
main, aside,
h1, h2, h3, h4, h5, h6,
a, button, [class*="button"], ol, ul, li {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
    justify-content: start;
    justify-items: start;
    align-content: start;
    align-items: start;
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 400;
}
[class*="row"],
[class*="section"],
.headline {
    grid-column: 1 / -1;
}
h1 { font-size: var(--h1-size); }
h2 { font-size: var(--h2-size); }
h3 { font-size: var(--h3-size); }
h4 { font-size: var(--h4-size); }
h5 { font-size: var(--h5-size); }
h6 { font-size: var(--h6-size); }
h1.headline span:nth-child(1) {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0, "CRSV" 0.5, "ELSH" 0, "ELXP" 0;
}
h1.headline span:nth-child(2) {
    font-size: .65em;
    font-weight: 300;
}

b { font-weight: 700; }
strong { font-weight: 900; }
em, dfn { font-style: italic; }
u {
    text-decoration: underline;
    text-decoration-color: var(--green);
}
img {
    width: 100%;
}

.pageBackground {
    opacity: 1;
    position: absolute;
    inset: 0;
}
.pageBackground svg {
    width: 100%;
}

/*========== LOGOS ==========*/
svg.ordinacijas .cls-1 {
    fill: var(--black);
}
svg.ordinacijas .cls-2 {
    fill: var(--green);
}
svg.sentinelWebtech .cls-1 {
    fill: rgba(10,90,115,1);
}
svg.sentinelWebtech .cls-2 {
    fill: rgba(0,60,80,1);
}
svg.sentinelWebtech .cls-3 {
    fill: rgba(0,60,80,1);
}

/*====================================================================================================
FOOTER
article
====================================================================================================*/
#footer {
    font-size: calc(var(--p-size) * .9);
    line-height: 1.15;
    letter-spacing: unset;
    border-top: var(--green-dashed-border);
}
    #footer .container {
        justify-content: space-between;
        align-items: start;
        width: 100%;
        padding: var(--body-gap)
    }

#footer .column:nth-child(1) {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: calc(var(--universal-gap) / 2);
    justify-content: space-between;
}
    #footer .column:nth-child(1) .row.copyright {
        grid-gap: 5px;
    }
        #footer .column:nth-child(1) .copyright a {
            opacity: .85;
            font-weight: 300;
            transition: var(--transition);
            transition-property: opacity, text-decoration;
        }
        #footer .column:nth-child(1) .copyright a:hover {
            opacity: 1;
            text-decoration: underline;
        }
    #footer .row.social,
    #footer .row.social #social-contact,
    #footer .row.social #social-networks {
        grid-gap: 5px;
    }
    #footer .row.social {
        grid-template-columns: repeat(2, auto);
    }
        #footer .row.social #social-contact {
            grid-template-columns: repeat(3, auto);
        }
        #footer .row.social #social-networks {
            grid-template-columns: repeat(4, auto);
        }
            #footer .row.social .item {
                justify-items: center;
                align-content: center;
                width: 36px;
                height: 36px;
                border: var(--transparent-green-dashed-border);
                transition: var(--transition);
            }
            #footer .row.social a.item:hover {
                color: var(--white);
                background-color: var(--green);
                border-style: solid;
            }
                #footer .row.social .item span {
                    display: none;
                }
                #footer .row.social .item svg {
                    width: 18px;
                }
                    #footer .row.social .item svg path {
                        fill: var(--green);
                        transition: var(--transition);
                    }
                    #footer .row.social a.item:hover svg path {
                        fill: var(--white);
                    }

#footer .column:nth-child(2) {
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
    justify-items: end;
    align-items: center;
}
    #footer .column:nth-child(2) svg {
        width: calc(var(--base-unit) * 4.5);
    }
    #footer .column:nth-child(2) .wrap {
        grid-gap: 2px;
    }
        #footer .column:nth-child(2) .wrap p {
            display: block;
            position: relative;
            width: 100%;
        }
        #footer .column:nth-child(2) .wrap p:nth-child(2) {
            font-weight: 600;
        }

/*====================================================================================================
ARTICLE
article
====================================================================================================*/
#article,
#article-header,
#article-body {
    position: relative;
    width: 100%;
}
    [class*="article"] .container {
        max-width: var(--max-width-container-article);
        padding: var(--body-gap);
    }

/*============================================================
ARTICLE HEADER
============================================================*/
#article-header {
    overflow: hidden;
    justify-content: stretch;
    justify-items: stretch;
    color: var(--white);
}
    #article-header > .container {
        grid-gap: calc(var(--universal-gap) / 2);
        padding: calc(var(--body-gap) * 1.5) var(--body-gap);
    }
        #article-header .article-title {
            padding-bottom: 20px;
        }
            #article-header .article-title .headline {
                font-weight: 700;
            }
            #article-header .article-title .category {
                font-size: .95em;
                font-weight: 300;
            }

/*==================== BREADCRUMBS ====================*/
#breadcrumbs .breadcrumb-item::before,
#breadcrumbs .breadcrumb-item:last-child::after,
#breadcrumbs .breadcrumb-item:first-child a {
    display: none;
}

#breadcrumbs {
    opacity: .75;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--transparent-black-15);
    border-top: var(--transparent-white-solid-border);
    transition: var(--transition);
}
#breadcrumbs:hover {
    opacity: 1;
}
    #breadcrumbs .container {
        grid-template-columns: repeat(15, auto);
        grid-gap: 0;
        align-content: center;
        align-items: center;
        height: 40px;
        padding: 0 var(--body-gap);
    }
        #breadcrumbs .breadcrumb-item {
            grid-template-columns: repeat(2, auto);
            align-items: center;
            width: auto;
            cursor: pointer;
        }
        #breadcrumbs .breadcrumb-item::before,
        #breadcrumbs .breadcrumb-item::after {
            content: "";
            z-index: 1;
            position: relative;
            width: .45em;
            height: .6em;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
        }
        #breadcrumbs .breadcrumb-item:first-child::before {
            display: block;
            top: -1px;
            width: .95em;
            height: .95em;
            background-image: url("data:image/svg+xml,%3Csvg class='home' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 464.5'%3E%3Cpath d='M512,279.74L256,81.02,0,279.74v-81.02L256,0l256,198.72v81.02ZM448,272.5v192h-128v-128h-128v128H64v-192l192-144,192,144Z' style='fill:%23FFFFFF;'/%3E%3C/svg%3E");
        }
        #breadcrumbs .breadcrumb-item:not(:last-child):after {
            opacity: .75;
            margin: 0 15px;
            background-image: url("data:image/svg+xml,%3Csvg class='chevronRight' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 253.2 442.8'%3E%3Cpath d='M23.3,3.5,3.5,23.3a12,12,0,0,0,0,17L184.2,221.4,3.5,402.5a12,12,0,0,0,0,17l19.8,19.8a12,12,0,0,0,17,0L249.7,229.9a12,12,0,0,0,0-17L40.3,3.5A12,12,0,0,0,23.3,3.5Z' style='fill:%23FFFFFF'/%3E%3C/svg%3E");
        }
            #breadcrumbs .breadcrumb-item * {
                font-weight: 300;
                line-height: 1;
                color: inherit;
            }
                #breadcrumbs .breadcrumb-item:hover a {
                    opacity: 1;
                }
                    #breadcrumbs .breadcrumb-item span {
                        font-size: .95em;
                    }

/*============================================================
ARTICLE BODY
============================================================*/
#article-body:before {
    content: "";
    position: absolute;
    top: var(--base-unit);
    right: 0;
    left: 0;
    border-bottom: var(--green-dashed-border);
}
    #article-body .container {
        grid-gap: calc(var(--block-gap) * 2);
        padding: var(--body-gap);
        width: 100%;
    }
    #article-body .container:has(.column) {
        grid-gap: calc(var(--universal-gap) * 2);
    }
        #article-body .column {
            grid-gap: calc(var(--universal-gap) * 1.25);
        }
    #article-body .headline {
        grid-column: -1 / 1;
        font-weight: 700;
    }
    #article-body .block {
        grid-gap: var(--block-gap);
        width: 100%;
    }
    #article-body .block:not(:last-child) {
        padding-bottom: calc(var(--block-gap) * 2);
        border-bottom: var(--transparent-black-dashed-border);
    }
        #article-body .block .headline {
            color: var(--green);
        }
        #article-body .block h2.headline {
            font-weight: 600;
        }
        #article-body .block .row {
            grid-gap: var(--block-gap);
            width: 100%;
        }
            #article-body .block .row > .row {
                padding: calc(var(--universal-gap) / 2) var(--universal-gap);
                border-left: var(--transparent-black-dashed-border);
            }

#article-body p,
#article-body ol,
#article-body ul {
    vertical-align: middle;
}
#article-body p {
    font-weight: 400;
    line-height: 1.45;
}
#article-body p:has(a),
#article-body p a {
    display: inline;
}
#article-body p a {
    font-weight: 700;
    color: var(--green);
}
#article-body a,
#article-body a span,
#article-body a svg path {
    transition: var(--transition);
}
#article-body a:hover {
    text-decoration: underline;
    text-decoration-color: var(--teal);
    color: var(--teal);
}

#article-body ol,
#article-body ul {
    display: list-item;
    list-style-position: inside;
    list-style-type: none;
}
    #article-body ol li,
    #article-body ul li {
        display: list-item;
        line-height: 1.25;
    }
    #article-body ol li:not(:last-child),
    #article-body ul li:not(:last-child) {
        margin-bottom: 5px;
    }
    #article-body ol li {
        list-style-type: decimal-leading-zero;
    }
    #article-body ol li::marker {
        font-weight: 500;
        font-size: .95em;
    }
    #article-body ul li {
        display: grid;
        grid-template-columns: auto 1fr;
        list-style-type: none;
    }
    #article-body ul li::before {
        content: "◼";
        position: relative;
        top: 1px;
        width: 20px;
        font-size: .7em;
    }
        #article-body li p {
            line-height: 1.25;
        }

/*==================== ACCORDION ====================*/
@keyframes moreArrowsUpAnimation {
    0%, 100% { transform: translateY(2px) rotate(180deg); }
    50% { transform: translateY(6px) rotate(180deg); }
}

.accordion-item {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
}
    .accordion-item .accordion-control {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: var(--accordion-icon-width);
        width: 100%;
        margin: 0;
        padding: var(--base-unit) var(--block-gap);
        padding-left: var(--accordion-icon-width);
        font-weight: 600;
        background-color: var(--transparent-black-03);
        border-left: 2px solid var(--green);
        cursor: pointer;
    }
    .accordion-item:last-child .accordion-control {
        border-bottom-color: transparent;
    }
        .accordion-group .accordion-control span.moreArrows {
            grid-column: unset;
            justify-items: center;
            transform: translateY(4px) rotate(0deg);
            width: var(--accordion-icon-width);
            aspect-ratio: 8 / 7;
            transition: all 300ms ease;
        }
        .accordion-group .accordion-control:hover span.moreArrows {
            animation: moreArrowsDownAnimation .8s infinite;
        }
        .accordion-group .accordion-item.open .accordion-control span.moreArrows {
            transform: translateY(6px) rotate(180deg);
        }
        .accordion-group .accordion-item.open .accordion-control:hover span.moreArrows {
            animation: moreArrowsUpAnimation .8s infinite;
        }
            .accordion-group .accordion-control svg.moreArrows {
                height: var(--accordion-icon-width)
            }
                .accordion-group .accordion-control svg.moreArrows path {
                    fill: var(--green);
                    transition: var(--transition);
                }
                .accordion-group .accordion-control svg.moreArrows path.arrowTop,
                .accordion-group .accordion-control svg.moreArrows path.arrowMiddle {
                    opacity: .75;
                }
                .accordion-group .accordion-control:hover svg.moreArrows path.arrowTop {
                    transform: translateY(28%);
                }
                .accordion-group .accordion-control:hover svg.moreArrows path.arrowBottom {
                    transform: translateY(-28%);
                }
    .accordion-item .accordion-content {
        max-height: 0;
        overflow: hidden;
    }
    .accordion-item.single .accordion-content {
        max-height: none !important;
    }
        .accordion-item .accordion-content .accordion-wrap {
            grid-gap: var(--block-gap);
            width: 100%;
            padding: var(--block-gap);
            padding-left: calc(var(--accordion-icon-width) * 3);
        }
        .accordion-item .accordion-content .accordion-wrap > .row:not(:last-child) {
            padding-bottom: var(--block-gap);
            border-bottom: var(--transparent-black-dashed-border);
        }

/*==================== RAPID CONTACT ====================*/
#article-body .block.contact-form,
#article-body .block.contact-form .row {
    width: 100%;
}

#article-body .rapid-contact {
    display: grid;
    justify-items: center;
    position: relative;
    width: 100%;
}
    #article-body .rapid-contact form {
        display: grid;
        position: relative;
        width: 100%;
    }
        #article-body .rapid-contact form > span,
        #article-body .rapid-contact form .notification {
            margin-bottom: calc(var(--universal-gap) / 2);
            padding: calc(var(--universal-gap) / 4) calc(var(--universal-gap) / 2);
            width: 100%;
            font-weight: 700;
            text-align: left;
            color: var(--black) !important;
            background-color: rgba(255,255,255,.75);
            border: var(--green-dashed-border);
        }
        #article-body .rapid-contact form .rapid_contact_form {
            display: grid;
            position: relative;
            justify-items: end;
            width: 100%;
        }
            #article-body .rapid-contact form .rapid_contact_form .group {
                display: grid;
                grid-gap: calc(var(--universal-gap) / 3);
                width: 100%;
                margin-bottom: 0;
            }
            #article-body .rapid-contact form .rapid_contact_form .group:not(:empty) {
                margin-bottom: calc(var(--universal-gap) * .8);
            }
                #article-body .rapid-contact form .rapid_contact_form input,
                #article-body .rapid-contact form .rapid_contact_form textarea,
                #article-body .rapid-contact form .rapid_contact_form .button {
                    position: relative;
                    width: 100%;
                    font-size: calc(var(--p-size) * .9);
                    text-align: left;
                    color: var(--black);
                    background-color: rgba(0,0,0,.035);
                    border: 0;
                    box-shadow: none;
                }
                #article-body .rapid-contact form .rapid_contact_form input {
                    height: calc(var(--base-unit) * 3.4);
                    padding: 0 calc(var(--universal-gap) / 2);
                }
                #article-body .rapid-contact form .rapid_contact_form textarea {
                    resize: none;
                    height: calc(var(--base-unit) * 20);
                    padding: calc(var(--universal-gap) / 2);
                }
                #article-body .rapid-contact form .rapid_contact_form .button {
                    justify-content: center;
                    width: calc(var(--base-unit) * 12.5);
                    height: auto;
                    padding: calc(var(--base-unit) * .8) calc(var(--base-unit) * 1.2);
                    font-weight: 600;
                    text-align: center;
                    color: var(--green);
                    transition: var(--transition);
                    cursor: pointer;
                }
                #article-body .rapid-contact form .rapid_contact_form .button:hover {
                    color: var(--white);
                    background-color: var(--green);
                }

/*==================== EXPERTS ====================*/
#article-body .block#experts {
    grid-gap: var(--universal-gap);
    width: 100%;
    max-width: 1120px;
}
#article-body .block#expert {
    max-width: 250px;
}
    #article-body .block#experts > .headline {
        text-transform: uppercase;
    }
    #article-body .block#experts .row {
        grid-template-columns: repeat(auto-fill, minmax(200px, calc(100% / 5 - var(--block-gap) * 4)));
        grid-gap: var(--block-gap);
    }
        #article-body .block#experts .row a {
            text-decoration: none;
            filter: grayscale(20%);
        }
        #article-body .block#experts .row a:hover {
            filter: grayscale(0%);
        }
            #article-body .block#experts .row a figure img,
            #article-body .column.aside .block#expert figure img {
                top: 5px;
                transform: scale(.96,.96);
                transform-origin: bottom center;
                transition: var(--transition);
            }
            #article-body .block#experts .row a:hover figure img,
            #article-body .column.aside .block#expert figure img {
                top: 0;
                transform: scale(1,1);
            }
            #article-body .block#experts .row a figure figcaption,
            #article-body .column.aside .block#expert figure figcaption {
                grid-template-columns: 1fr;
                width: 100%;
                padding: calc(var(--universal-gap) / 2.5);
                font-size: var(--p-size);
                line-height: 1.15;
                background-color: var(--white);
                border: var(--transparent-black-solid-border);
                border-width: 3px 1px 1px 1px;
                border-top-color: var(--green);
                transition: var(--transition);
            }
            #article-body .block#experts .row a figure figcaption {
                min-height: 100px;
            }
            #article-body .block#experts .row a:hover figure figcaption {
                background-color: var(--green);
                border-color: var(--green);
            }
                #article-body .block#experts .row a figure figcaption span:nth-child(1),
                #article-body .column.aside .block#expert figure figcaption span:nth-child(1) {
                    margin-bottom: 2px;
                    font-size: .85em;
                    line-height: 1;
                }
                #article-body .block#experts .row a figure figcaption span:nth-child(2),
                #article-body .column.aside .block#expert figure figcaption span:nth-child(2) {
                    margin-bottom: 6px;
                    font-weight: 800;
                    color: var(--green);
                }
                #article-body .block#experts .row a figure figcaption span:nth-child(3),
                #article-body .column.aside .block#expert figure figcaption span:nth-child(3) {
                    font-size: .8em;
                }
                #article-body .block#experts .row a:hover figure figcaption span {
                    color: var(--white) !important;
                }

/*==================== TEXTS ====================*/
#article-body .block#texts {
    grid-gap: var(--universal-gap);
}
    #article-body .block#texts > .headline {
        text-transform: uppercase;
    }
    #article-body .block#texts > .row {
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }
        #article-body .block#texts .item {
            grid-template-columns: auto 1fr;
            grid-gap: var(--block-gap);
            justify-items: start;
            align-content: center;
            align-items: center;
            width: 100%;
            padding: calc(var(--universal-gap) / 1.5) var(--universal-gap);
            text-decoration: none;
            background-color: var(--transparent-black-05);
            transition: var(--transition);
        }
            #article-body .block#texts a.item:hover {
                color: var(--white);
                background-color: var(--green);
                border-style: solid;
            }
                #article-body .block#texts .item svg {
                    width: calc(var(--base-unit) * 3);
                }
                    #article-body .block#texts .item svg path {
                        fill: var(--green);
                        transition: var(--transition);
                    }
                    #article-body .block#texts a.item:hover svg path {
                        fill: var(--white);
                    }

/*==================== PRICELIST ====================*/
#pricelist .search-input {
    width: 100%;
}
    #pricelist .search-input input {
        width: 100%;
        height: calc(var(--base-unit) * 3.8);
        padding: 0 var(--block-gap);
        background-color: var(--transparent-black-03);
        border: var(--green-solid-border);
        border-width: 0 2px;
    }

#pricelist ul.search-results,
#pricelist ul.search-results li {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
    width: 100%;
    margin: 0;
}
    #pricelist ul.search-results li:not(:last-child) {
        border-bottom: var(--transparent-black-dashed-border);
    }
    #pricelist ul.search-results li::before {
        display: none;
    }
    #pricelist ul.search-results li.list-category {
        margin: var(--universal-gap) 0 calc(var(--universal-gap) / 2) 0;
        padding: 0;
        font-size: var(--h3-size);
        font-weight: 800;
        background: transparent;
        border: 0;
    }
    #pricelist ul.search-results li.disclaimer {
        display: block;
        background: transparent;
        padding: calc(var(--universal-gap) / 2) var(--universal-gap);
        font-size: calc(var(--p-size) * .85);
        border: 0;
        border-top: 1px solid #e5e5e5;
        transition: background-color 200ms ease-in;
    }
    #pricelist ul.search-results li:not(.list-category, .disclaimer):hover {
        background-color: var(--transparent-black-03);
    }
        #pricelist ul.search-results li > div {
            display: grid;
            width: 100%;
            align-items: start;
        }
        #pricelist ul.search-results li > div:has(p:nth-child(2)) {
            grid-template-columns: 1fr auto;
        }
        #pricelist ul.search-results li:not(.disclaimer) > div p:nth-child(1) {
            font-size: calc(var(--p-size) * .95);
        }
            #pricelist ul.search-results li > div p {
                line-height: 1.25;
            }
            #pricelist ul.search-results li > div p:nth-child(1)::marker {
                font-size: calc(var(--p-size) * .95);
                color: var(--green);
            }
            #pricelist ul.search-results li > div p:nth-child(2) {
                position: relative;
                font-size: calc(var(--p-size) * .95);
            }
            #pricelist ul.search-results li > div p:nth-child(2):not(.noPrice)::after {
                content: "RSD";
                bottom: -5px;
                width: auto;
                margin-left: 8px;
                font-size: .8em;
                font-weight: 600;
                font-style: inherit;
                color: var(--green);
            }
            #pricelist ul.search-results li > div p:nth-child(2).promo {
                font-weight: 600;
            }
            #pricelist ul.search-results li > div p:nth-child(2).promo::before {
                content: "Promo cena";
                position: relative;
                margin-right: 8px;
                font-size: .9em;
                font-weight: 600;
                font-style: inherit;
                text-transform: uppercase;
                color: var(--green);
            }
            #pricelist ul.search-results li > div p:nth-child(2).action span:nth-child(2n+1) {
                font-size: .8em;
                text-decoration: line-through;
            }

/*====================================================================================================
ADJUSTMENTS
homepage
====================================================================================================*/

/*========== ▲ 1280 pixels or wider ==========*/
@media (min-width: 1280px) {
    :root {
        --base-unit: 10px;
    }
}

/*========== ▼ 1279 pixels or smaller ==========*/
@media (max-width: 1279px) {
    :root {
        --base-unit: 9px;
    }
}

/*========== ▲ 880 pixels or wider ==========*/
@media (min-width: 880px) {
    #footer .container {
        grid-template-columns: repeat(2, auto);
    }

    #article-header > .container {
        padding: calc(var(--body-gap) * 1.5) var(--body-gap);
    }

    #article-body > .container {
        padding: var(--body-gap);
    }
    #article-body > .container:has(.column.aside:nth-child(1)) {
        grid-template-columns: calc(var(--base-unit) * 30) 1fr;
    }
    #article-body > .container:has(.column.aside:nth-child(2)) {
        grid-template-columns: 1fr calc(var(--base-unit) * 30);
    }
    #article-body .block#texts > .row {
        grid-template-columns: repeat(3, 1fr);
    }

    #pricelist ul.search-results li {
        padding: 8px var(--universal-gap);
        border-left: 2px solid var(--green);
    }
    #pricelist ul.search-results li > div:has(p:nth-child(2)) {
        grid-template-columns: 1fr auto;
    }
}

/*========== ▼ 879 pixels or smaller ==========*/
@media (max-width: 879px) {
    :root {
        /*========== GAPS ==========*/
        --block-gap: calc(var(--base-unit) * 1.25);
        --universal-gap: calc(var(--base-unit) * 2.5);
        --body-gap: calc(var(--base-unit) * 4);

        /*========== FONT SIZE ==========*/
        --h1-size: calc(var(--base-unit) * 2.60);
        --h2-size: calc(var(--base-unit) * 1.90);
    }

    #footer .container {
        grid-template-columns: 1fr;
        grid-gap: var(--universal-gap);
    }

    #article-header > .container {
        padding: calc(var(--body-gap) * 2) var(--body-gap);
    }

    #article-body > .container {
        padding: calc(var(--universal-gap) * 2) var(--body-gap);
    }
    #article-body > .container:has(.column.aside:nth-child(1)),
    #article-body > .container:has(.column.aside:nth-child(2)) {
        grid-template-columns: 1fr;
    }

    #article-body .block#texts > .row {
        grid-template-columns: repeat(2, 1fr);
    }

    #pricelist ul.search-results li {
        padding: 6px calc(var(--universal-gap) / 2);
    }
    #pricelist ul.search-results li > div:has(p:nth-child(2)) {
        grid-template-columns: 1fr;
    }

    #article-body > .container {
        grid-template-columns: 1fr;
    }
}

/*========== ▼ 679 pixels or smaller ==========*/
@media (max-width: 679px) {
    :root {
        /*========== GAPS ==========*/
        --body-gap: calc(var(--base-unit) * 3);
    }

    #breadcrumbs {
        display: none;
    }

    #footer .row.social,
    #article-body .block#texts > .row {
        grid-template-columns: 1fr;
    }

    #pricelist .search-input input {
        margin-top: var(--universal-gap);
        margin-bottom: 0;
    }
}