/* Inner Hero */
section#dd-inner-hero {
    background: #F6F7F8;
/*     padding: 550px 80px 80px; */
    position: relative;
    z-index: 2;
	padding: 0px 80px 80px;
    height: 100vh;
    display: flex;
}
p#breadcrumbs {
    text-transform: uppercase;
}
.single-post section#dd-inner-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 0;
}

section#dd-inner-hero .dd-inner-hero-wrap {
    position: relative;
    z-index: 1;
}

section {
    float: left;
    width: 100%;
}

.dd-inner-hero-wrap {
    display: flex;
    align-items: stretch;
    gap: 7px;
    margin: 0 -15px;
}
.dd-inner-hero-wrap {
    margin-top: auto;
    width: 100%;
}
.inner-hero-left,
.inner-hero-right {
    display: flex;
    flex-direction: column;
}

.inner-hero-right {
    overflow: hidden;
}

.inner-hero-left-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background: unset;
    padding: 0px;
    border-radius: 40px;
}

.inner-hero-right-wrap {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 40px;
    position: relative;
}

.inner-hero-title {
    color: #fff;
    font-family: Outfit;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    margin: 0 0 12px;
}

/* Inner hero – popust (prikazuje se samo kad je ACF polje inner_hero_popust popunjeno) */
.inner-hero-popust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 16px;
}

.inner-hero-popust-tekst {
    display: inline-block;
    padding: 8px 19px;
    border: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.29);
    color: #F9FCFF;
    font-family: Outfit;
    font-size: 15.5px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.62px;
    text-transform: uppercase;
}

.inner-hero-subtitle {
    color: #fff;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.6px;
    margin: 0 0 20px;
    max-width: 658px;
}

.inner-hero-left-wrap .baner-dugme {
    font-size: 18px;
}

p#breadcrumbs {
    color: #fff;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 1.35px;
    margin: 0 0 13px;
}

p#breadcrumbs a {
    transition: 300ms ease-in-out;
    color: #89BEF4;
}

p#breadcrumbs a:hover {
    color: #5DAAF9;
}

.inner-hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
/* Inner Hero End */

/* Contact Hero */
.contact-hero .dd-inner-hero-wrap {
    align-items: stretch;
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
    padding: 80px 80px;
    margin: 0px;
}
.page-template-page-contact section#dd-inner-hero {
    height: auto;
    padding: 150px 80px 50px;
}

.contact-hero .inner-hero-left {
    display: flex;
    flex-direction: column;
}

.contact-hero-left-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #fff;
    border-radius: 0;
    padding: 0;
    height: 100%;
    justify-content: space-between;
}

.contact-hero .inner-hero-left-wrap {
    flex: 0 0 auto;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    justify-content: flex-start;
}

.contact-hero-info {
    background: none;
    border-radius: 0;
    padding: 0;
    flex: 0 0 auto;
}

.contact-page-contact-block .footer-contact-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 18px;
    color: #021C2F;
    font-family: Outfit;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.contact-page-contact-block .footer-contact-item:last-child {
    margin-bottom: 0;
}

.contact-page-contact-block .footer-contact-item strong {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.contact-page-contact-block .footer-contact-item a {
    color: #021C2F;
    transition: color 300ms ease-in-out;
}

.contact-page-contact-block .footer-contact-item a:hover {
    color: #5DAAF9;
}

.contact-hero-map-image {
    display: flex;
    gap: 20px;
    flex: 1;
    min-height: 230px;
    margin-top: 28px;
    height: 235px;
    max-height: 235px;
}

.contact-map-wrap {
    flex: 1;
    border-radius: 40px;
    overflow: hidden;
    min-height: 100%;
}

.contact-map-wrap iframe {
    width: 100%;
    height: 100%;
    min-height: 260px;
    display: block;
    border: 0;
}

.contact-menu-image-wrap {
    display: block;
    flex: 1;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
}

.contact-menu-image-wrap .menu-mobile-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.contact-hero-form-wrap {
    background: #F6F7F8;
    border-radius: 20px;
    overflow: visible;
    position: static;
    padding: 46px 43px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.page-template-page-contact .inner-hero-title {
    margin: 0 0 20px;
}

.single-post .inner-hero-title {
    margin: 0 0 2rem;
    max-width: 800px;
}

.page-template-page-contact .inner-hero-subtitle {
    margin: 0 0 23px;
}

.dd-wrap .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-family: 'Outfit', sans-serif;
}

.dd-wrap .gform_required_legend {
    display: none;
}

.dd-wrap .charleft.ginput_counter.gfield_description {
    display: none;
}

.dd-wrap .gform_wrapper.gravity-theme .gfield_label {
    color: #021C2F;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 9px;
}

.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=color],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=date],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=datetime-local],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=datetime],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=email],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=month],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=number],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=password],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=search],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=tel],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=text],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=time],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=url],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=week],
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme select,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme textarea {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 16px 19px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #D6D9DB;
    background: #FFF;
    color: #021C2F;
}

.contact-hero-form-wrap.dd-wrap div#gform_2_validation_container {
    display: none;
}

.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 19px;
    grid-row-gap: 12px;
}

.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .gfield_validation_message,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .validation_message {
    margin-top: 0;
}

.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .field_description_above .description,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .field_description_above .gfield_description,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .field_description_above .gsection_description,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .field_description_above .instruction {
    padding-bottom: 16px;
    padding-top: 10px;
}

.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 0;
}

.contact-hero-form-wrap.dd-wrap input[placeholder]::placeholder,
.contact-hero-form-wrap.dd-wrap textarea::placeholder {
    color: #021C2F;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input:focus,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input:focus-visible,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme select:focus,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme select:focus-visible,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme textarea:focus,
.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme textarea:focus-visible {
    outline: none;
    box-shadow: none;
}

.contact-hero-form-wrap .gform_wrapper input[type="submit"],
.contact-hero-form-wrap .gform_wrapper button[type="submit"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 56px;
    background-color: #89BEF4;
    border-radius: 200px;
    border: none;
    padding: 12px 40px;
    color: #fff;
    font-family: Outfit, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    cursor: pointer;
    margin: 0;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.contact-hero-form-wrap .gform_wrapper input[type="submit"]:hover,
.contact-hero-form-wrap .gform_wrapper button[type="submit"]:hover {
    background-color: #5DAAF9;
}

.contact-hero-form-wrap .gform_wrapper {
    width: 100%;
}
/* Contact Hero End */

/* Upit Hero */
section#upit-hero {
    padding: 60px 80px;
    background: #F6F7F8;
}

.upit-hero .dd-inner-hero-wrap {
    align-items: stretch;
    background: #fff;
    border-radius: 40px;
    overflow: visible;
    padding: 62px 72px 72px 72px;
    margin: 0px;
}

.upit-hero .inner-hero-left {
    display: flex;
    flex-direction: column;
}

.upit-hero-left-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
}

.page-template-page-upit section#dd-inner-hero {
    height: 60vh;
    padding: 140px 80px 60px;
}



.upit-hero .inner-hero-left-wrap {
    flex: 0 0 auto;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    justify-content: flex-start;
    margin-bottom: 21px;
}

#upit-hero .inner-hero-left-wrap .inner-hero-title {
  display:none;
}

.upit-form-wrap {
    flex: 1;
}

.page-template-page-upit a.header-cta-btn.header-cta-desktop {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


.page-template-page-upit .header-cta-btn.header-cta-mobile{
display:none;
}

.contact-hero-form-wrap.dd-wrap.upit-form-wrap .gform_wrapper.gravity-theme .gfield textarea.small {
    height: 139px;
}

.contact-hero-form-wrap.dd-wrap.upit-form-wrap .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 22px;
    grid-row-gap: 13px;
}

.contact-hero-form-wrap.upit-form-wrap {
    padding: 38px 43px;
}

.upit-hero .inner-hero-right {
    overflow: visible;
}

.upit-hero-right-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    overflow: visible;
    border-radius: 0;
    max-height: none;
    height: auto;
    min-height: 100%;
    background: none;
    padding: 0;
    position: relative;
}

.upit-hero-faq {
    flex: 1;
    background: none;
    padding: 0;
}

.upit-info-card {
    background: #EBF4FF;
    border-radius: 20px;
    padding: 24px 39px 36px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 0 0 auto;
}

.upit-info-card-img-wrap {
    display: flex;
    align-items: center;
}

.upit-info-card-img {
    display: block;
    max-width: 48px;
    height: auto;
    width: 27px;
    height: 27px;
}

.upit-info-card-text {
    font-family: Outfit;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #021C2F;
}

.upit-info-card-text p {
    margin: 0;
}



/* Upit File Upload */
.contact-hero-form-wrap.dd-wrap.upit-form-wrap .drag-and-drop-polje .gform_drop_area {
    margin-bottom: 8px;
    padding: 32px;
    text-align: center;
    border-radius: 6px;
    border: 1px dashed #3E7CEF;
    background: #FFF;
    cursor: unset;
    height: 136px;
    transition: background 200ms ease-in-out;
}

.drag-and-drop-polje .gform_drop_area:hover {
    background: #F0F5FF;
}

.upit-form-wrap .gform_wrapper.gravity-theme .gform_drop_instructions {
    margin-bottom: 0;
}

.drag-and-drop-polje .gform_drop_instructions {
    font-size: 0;
}

.drag-and-drop-polje .gform_drop_instructions::before {
    content: 'Otpremi ili';
    color: #3E7CEF;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.drag-and-drop-polje .gform_button_select_files {
    font-size: 0;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.drag-and-drop-polje .gform_button_select_files::before {
    content: 'Odaberi fajlove';
    color: #3E7CEF;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
/* Upit File Upload End */

.contact-hero-form-wrap.dd-wrap .gfield_description.gform_fileupload_rules {
    display: none;
}

.contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme select#input_3_9 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('/wp-content/uploads/2026/05/Vector-47.svg');
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 10px 7px;
    padding-right: 45px;
    font-weight: 300;
}
/* Upit Hero End */

/* GF Number Field Custom Arrows */
div#gfield_instruction_3_11 {
    display: none;
}

.gf-number-input-wrap {
    position: relative;
}

.gf-number-input-wrap input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
    padding-right: 50px;
}

.gf-number-input-wrap input[type="number"]::-webkit-outer-spin-button,
.gf-number-input-wrap input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.gf-number-arrows {
    position: absolute;
    right: 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 10px;
    justify-content: center;
}

.gf-number-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.gf-number-arrow img {
    display: block;
    width: 12px;
    height: 10px;
}
/* GF Number Field Custom Arrows End */

/* Image Block Repeat Section */
.dd-block-left-image {
    float: left;
    width: 100%;
    padding: 80px;
}

.dd-block-first-left-text .block-header-wrap {
    text-align: center;
    margin-bottom: 79px;
}

.block-header-wrap .block-subtitle {
    font-size: 18px;
    line-height: 1.6;
    color: var(--txt);
    max-width: 800px;
    margin: 0 auto;
}

.image-block-repeater-wrap {
    width: 100%;
    gap: 35px;
    display: flex;
    flex-direction: column;
}

.multi-image-inner-repeater-wrap {
    width: 100%;
}

.image-row-wrap {
    display: flex;
    align-items: stretch;
    margin-bottom: 0px;
    gap: 30px;
}

.image-row-wrap:last-child {
    margin-bottom: 0;
}

/* Ensure both columns take full height */
.image-row-wrap .multi-block-image,
.image-row-wrap .multi-block-text {
    display: flex;
    flex: 1;
    min-height: 100%;
    padding: 0px;
}

.multi-block-image {
    align-items: center;
    justify-content: center;
}

.lft-blck-img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 40px;
    position: relative;
}

.left-block-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
}

.multi-block-text {
    /* background-color: #fff; */
    /* border-radius: 20px; */
}

.multi-block-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    flex: 1;
    padding: 59px;
    border-radius: 40px;
    background: #fff;
}

.image-row-wrap.jonizator-row .multi-block-wrap {
    padding-top: 20rem;
    padding-bottom: 18rem;
}

.image-row-wrap.filter-row .multi-block-wrap {
    padding-top: 10rem;
    padding-bottom: 12rem;
}

/* Deprecated - replaced by .dd-inner-content styles below
.multi-block-text .dd-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--txt);
}

.multi-block-text .dd-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--txt);
}



.multi-block-text .dd-text p {
    margin-bottom: 15px;
}

.multi-block-text .dd-text p:last-child {
    margin-bottom: 0;
}
*/

/* Image Block Repeat End */

/* Inner Content Typography */
.dd-inner-content h2 {
    color: #021C2F;
    font-family: Outfit;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    margin: 0 0 24px;
}

.dd-text ul {
    font-size: 16px;
}

.dd-inner-content h3 {
    color: #021C2F;
    font-family: Outfit;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 20px;
}

.dd-inner-content h4 {
    color: #021C2F;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    margin: 0 0 18px;
}

.dd-inner-content h5 {
    color: #021C2F;
    font-family: Outfit;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 15px;
}

.dd-inner-content .dd-subtitle {
    color: #021C2F;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.09px;
}

.dd-inner-content p {
    color: #021C2F;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 15px;
}

.dd-inner-content p:last-child {
    margin-bottom: 0;
}


.dd-inner-content.single-post-content {
    float: left;
    width: 100%;
    margin: 72px 0 100px;
}

.dd-inner-content.single-post-content  figcaption.wp-element-caption {
    text-align: center;
font-style: italic;
}

.dd-inner-content.single-post-content h2 {
    margin: 30px 0 25px;
}

.dd-inner-content.single-post-content h3 {
    margin: 28px 0 23px;
}

.dd-inner-content.single-post-content h4 {
    margin: 26px 0 22px;
}

.dd-inner-content.single-post-content h5 {
    margin: 24px 0 20px;
}

.dd-inner-content.single-post-content figure {
    width: 100% !important;
    margin: 40px 0 50px;
}

.dd-inner-content.single-post-content ul,
.dd-inner-content.single-post-content ol {
    list-style: none;
    padding: 20px 22px;
    margin: 40px 0 50px;
    background-color: #F6F7F8;
    border-radius: 20px;
}

.dd-inner-content.single-post-content ul li::before,
.dd-inner-content.single-post-content ol li::before {
    content: '•';
    left: 0;
    top: 4px;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 20px;
/*     display: flex; */
	margin-right: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: none;
}

.dd-inner-content.single-post-content ul li,
.dd-inner-content.single-post-content ol li {
    position: relative;
    margin-bottom: 6px;
    padding-left: 0;
/*     display: flex;
    align-items: flex-start; */
    color: #021C2F;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    gap: 2px;
}

.dd-inner-content.single-post-content ul li:last-child,
.dd-inner-content.single-post-content ol li:last-child {
    margin-bottom: 0;
}

ul.wp-block-archives-list.wp-block-archives,
ul.wp-block-categories-list.wp-block-categories {
    margin: 0;
    padding: 40px 50px;
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
}

.dd-inner-content.single-post-content a,
.dd-inner-content.single-post-content p a,
.dd-inner-content.single-post-content ul li a,
.dd-inner-content.single-post-content ol li a {
    font-weight: 400;
    color: #4C97E3;
    font-size: 16px;
    line-height: 26px;
    transition: color 300ms ease-in-out;
}

.dd-inner-content.single-post-content a:hover,
.dd-inner-content.single-post-content p a:hover,
.dd-inner-content.single-post-content ul li a:hover,
.dd-inner-content.single-post-content ol li a:hover {
    color: #89BEF4;
}

.dd-inner-content.single-post-content figure img {
    border-radius: 20px;
    width: 100%;
}

.dd-inner-content.single-post-content img.alignnone.size-full {
    width: 100%;
    border-radius: 20px;
    margin: 30px 0 45px;
}

.wp-caption .wp-caption-text {
    font-style: italic;
    font-weight: 500;
    margin: 20px 0 0;
    font-size: 16px;
}

.dd-inner-content-left a,
.dd-inner-content-left p a,
.dd-inner-content-left ul li a,
.dd-inner-content-left ol li a {
    color: #5DAAF9;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    transition: 300ms ease-in-out;
}

.dd-inner-content-left a:hover,
.dd-inner-content-left p a:hover,
.dd-inner-content-left ul li a:hover,
.dd-inner-content-left ol li a:hover {
    color: #5DAAF9;
}

.dd-inner-content ul,
.dd-inner-content ol {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.dd-inner-content ul li,
.dd-inner-content ol li {
    position: relative;
    margin-bottom: 0px;
    padding-left: 29px;
    font-weight: 500;
    line-height: 33px;
	color:#021C2F;
	font-size:16px;
}

.dd-inner-content ul li:last-child,
.dd-inner-content ol li:last-child {
    margin-bottom: 0;
}

/* Remove margin from headings inside list items */
.dd-inner-content ul li h2,
.dd-inner-content ul li h3,
.dd-inner-content ul li h4,
.dd-inner-content ul li h5,
.dd-inner-content ul li h6,
.dd-inner-content ol li h2,
.dd-inner-content ol li h3,
.dd-inner-content ol li h4,
.dd-inner-content ol li h5,
.dd-inner-content ol li h6 {
    margin: 0 0 8px 0;
}

.dd-inner-content ul li p,
.dd-inner-content ol li p {
    margin: 0;
}

.dd-inner-content ul li::before,
.dd-inner-content ol li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 19px;
    height: 19px;
    background-image: url('/wp-content/uploads/2026/04/Group-1000008266.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dd-inner-content ul li a,
.dd-inner-content ol li a,
.dd-inner-content p a {
    font-weight: 500;
    line-height: 33px;
    color: #4C97E3;
    transition: color 300ms ease-in-out;
}

.dd-inner-content ul li a:hover,
.dd-inner-content ol li a:hover,
.dd-inner-content p a:hover {
    color: #89BEF4;
}
/* Inner Content Typography End */

/* Klizajuci Text Block */
#dd-plutajuci-tekst.klizajuci-text-block {
    padding: 0px 0 82px;
}
/* Klizajuci Text Block End */

/* First Left Text Block */
.dd-block-first-left-text {
    float: left;
    width: 100%;
    padding: 80px;
}

.first-left-repeater-wrap {
    width: 100%;
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.first-left-row-wrap {
    display: flex;
    align-items: stretch;
    margin-bottom: 0px;
    gap: 40px;
}

.first-left-row-wrap:last-child {
    margin-bottom: 0;
}

/* Ensure both columns take full height */
.first-left-row-wrap .first-left-image,
.first-left-row-wrap .first-left-text {
    display: flex;
    flex: 1;
    min-height: 100%;
    padding: 0px;
}

.first-left-image {
    align-items: center;
    justify-content: center;
}

.first-left-img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 40px;
    position: relative;
}

.first-left-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
}

.first-left-text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    flex: 1;
    padding: 59px;
    border-radius: 40px;
    background: #fff;
}

/* Remove left padding for odd rows (1st, 3rd, 5th...) */
.first-left-row-wrap.no-padding-left .first-left-text-wrap {
    padding: 0 0 33px;
}

/* Reverse layout for even rows (2nd, 4th, 6th...) */
.first-left-row-wrap.reverse-layout {
    flex-direction: row-reverse;
}

/* Remove right padding for even rows */
.first-left-row-wrap.reverse-layout .first-left-text-wrap {
    padding-right: 0;
    padding-left: 59px;
}

.dd-block-first-left-text .dd-title.block-title {
    margin: 0 0 13px;
}

/* Adjust checkmark position in first-left-text block */
.dd-block-first-left-text .dd-inner-content ul li::before,
.dd-block-first-left-text .dd-inner-content ol li::before {
    top: 14px;
}

/* Add margin to paragraphs inside list items, except last child */
.dd-block-first-left-text .dd-inner-content ul li p,
.dd-block-first-left-text .dd-inner-content ol li p {
    margin: 0 0 20px;
}

.dd-block-first-left-text .dd-inner-content ul li p:last-child,
.dd-block-first-left-text .dd-inner-content ol li p:last-child {
    margin: 0;
}
/* First Left Text Block End */

/* DD Koraci Blok */
#dd-koraci.dd-koraci-blok {
    padding: 90px 80px 82px 80px;
}

.dd-koraci-blok .koraci-content {
    gap: 73px;
    padding: 35px 36px;
}

.dd-koraci-blok .koraci-text {
    gap: 13px;
}

h3.koraci-item-title {
    margin-bottom: 0px;
    line-height: 42px;
    letter-spacing: 0.26px;
    margin: 0 0 0px;
}

.dd-inner-content .koraci-item-title {
    font-size: 26px;
    color: #021C2F;
    font-weight: 400;
    line-height: 42.172px;
    letter-spacing: 0.26px;
}

.koraci-desni-blok {
    width: 50%;
}
/* DD Koraci Blok End */

/* DD Cetiri Slike Blok */
.dd-cetiri-slike-blok {
    float: left;
    width: 100%;
    padding: 80px;
    background: #F6F7F8;
}

.cetiri-slike-naslov-wrap {
    margin-bottom: 40px;
}

#dd-cetiri-slike-blok .cetiri-slike-naslov {
    margin: 0 0 57px;
}

.cetiri-slike-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.cetiri-slike-item {
    border-radius: 20px;
    overflow: hidden;
}

.cetiri-slike-img-wrap {
    position: relative;
    width: 100%;
    padding-top: 75%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    overflow: hidden;
    min-height: 430px;
}

.cetiri-slike-check {
    position: absolute;
    top: 12px;
    right: 22px;
    width: 44px;
    height: 44px;
}

#dd-cetiri-slike-blok .cetiri-slike-text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 20px;
    margin: 0;
    color: #FFF;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}
/* DD Cetiri Slike Blok End */

/* DD Specifikacija Blok */
.dd-specifikacija-blok {
    float: left;
    width: 100%;
    padding: 80px;
/*     border-bottom: 1px solid #D0D0D0; */
    border-top: 1px solid #D0D0D0;
}

.specifikacija-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin: 0 -15px;
}

.specifikacija-col-left {
    display: flex;
}

.specifikacija-title-wrap {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
}

.specifikacija-col-right {
    display: flex;
    flex-direction: column;
}

.specifikacija-lists-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #C7CFD5;
    background: #FFF;
}

.specifikacija-row {
    display: flex;
    gap: 0;
    width: 100%;
}

.specifikacija-col {
    display: flex;
}

.specifikacija-col-levo {
    width: 30%;
}

.specifikacija-col-desno {
    width: 70%;
}

.specifikacija-item {
    width: 100%;
    padding: 13px 24px;
/*     border-bottom: 1px solid #C7CFD5; */
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.16px;
    color: #021C2F;
}
.specifikacija-row:not(:last-child) .specifikacija-item {
	 border-bottom: 1px solid #C7CFD5;
}
/* Left column styling */
.specifikacija-item.specifikacija-levo {
    background: #F6F7F8;
    border-right: 1px solid #C7CFD5;
}

/* Right column styling */
.specifikacija-item.specifikacija-desno {
    background: #FFF;
    font-weight: 400;
}

.specifikacija-item h2,
.specifikacija-item h3,
.specifikacija-item h4,
.specifikacija-item h5 {
    color: #021C2F;
    font-family: Outfit;
    font-weight: 400;
    margin: 0 0 20px;
}

.specifikacija-col-right .statistika-text {
    margin: 35px 0 0;
}

.specifikacija-item h2 {
    font-size: 40px;
    line-height: 50px;
}

.specifikacija-item h3 {
    font-size: 30px;
    line-height: 50px;
}

.specifikacija-item h4 {
    font-size: 28px;
    line-height: 48px;
}

.specifikacija-item h5 {
    font-size: 26px;
    line-height: 46px;
}

.specifikacija-item p {
    color: #021C2F;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 15px;
}

.specifikacija-item p:last-child {
    margin-bottom: 0;
}

.specifikacija-item ul,
.specifikacija-item ol {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.specifikacija-item ul li,
.specifikacija-item ol li {
    position: relative;
    margin-bottom: 0px;
    padding-left: 29px;
    font-weight: 500;
    line-height: 33px;
}

.specifikacija-item ul li:last-child,
.specifikacija-item ol li:last-child {
    margin-bottom: 0;
}

.specifikacija-item ul li::before,
.specifikacija-item ol li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 19px;
    height: 19px;
    background-image: url('/wp-content/uploads/2026/04/Group-1000008266.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* DD Specifikacija Blok End */

/* DD Ugradnja Blok */
.dd-ugradnja-blok {
    float: left;
    width: 100%;
    padding: 90px 80px 0px;
    background-color: var(--ugradnja-bckg);
}

.ugradnja-wrap.dd-wrap {
    display: flex;
    gap: 40px;
    background: #fff;
    border-radius: 40px;
    padding: 0 0 80px;
}
.gde-se-koristi-fresho2 img.left-block-img {
    min-height: 400px;
}
.gde-se-koristi-fresho2 .multi-block-wrap {
    padding-left: 0;
}
.ugradnja-col-left,
.ugradnja-col-right {
    padding-left: 0;
    padding-right: 0;
}

.ugradnja-col-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ugradnja-title-wrap {
    margin-bottom: 20px;
}

.ugradnja-title {
    font-size: 42px;
    line-height: 1.2;
}

.ugradnja-text-wrap {
    margin-bottom: 30px;
}

.ugradnja-text {
    font-size: 16px;
    line-height: 1.6;
}

.ugradnja-navigacija {
    display: flex;
    gap: 15px;
}

.ugradnja-slider-wrap {
    width: 100%;
}

.ugradnja-img-wrap {
    width: 100%;
    max-height: 522px;
    overflow: hidden;
    border-radius: 20px;
}

.ugradnja-img {
    width: 100%;
    height: 522px;
    max-height: 522px;
    object-fit: cover;
}

.dd-ugradnja-blok .slick-slide {
    margin: 0 10px;
}

.dd-ugradnja-blok .slick-list {
    margin: 0 -10px;
}
/* DD Ugradnja Blok End */

/* ── Baner Sekcija Dva Block ── */
#dd-baner-sekcija-dva.dd-banner-block {
    padding: 283px 80px 80px;
}

#dd-baner-sekcija-dva.dd-banner-block .baner-blok {
    padding: 42px 30px 50px 42px;
}
/* ── Baner Sekcija Dva Block end ── */

/* DD Filter Block */
#dd-filter-block.dd-filter-blok {
    background: #F6F7F8;
    padding: 0 80px;
}

.filter-blok-wrap {
    background: #fff;
    border-radius: 40px;
    display: flex;
}

.filter-blok-row {
    align-items: stretch;
    margin: 0 -15px;
    display: flex;
}

.filter-left-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 80px;
}

.filter-right-inner {
    padding: 80px;
    height: 100%;
}

.filter-naslov {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--txt);
    margin: 0 0 30px;
}

.filter-slika {
    width: auto;
    height: auto;
    display: block;
    border-radius: 20px;
}

.filter-slika-mobile {
    display: none;
}

.filter-tekst-wrap p,
.filter-tekst-wrap ul,
.filter-tekst-wrap ol {
    color: var(--txt);
    margin: 0 0 16px;
}

.filter-tekst-wrap p:last-child,
.filter-tekst-wrap ul:last-child,
.filter-tekst-wrap ol:last-child {
    margin: 0;
}

.filter-tekst-wrap h3 {
    margin: 33px 0 12px;
}
/* DD Filter Block End */

/* DD Operema Banner Block */
#dd-operema-banner.dd-operema-baner-blok {
    background: #F6F7F8;
    padding: 89px 80px 94px 80px;
}

.operema-baner-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0px;
    max-width: 960px;
    margin: 0 auto;
}

.operema-baner-slika {
    display: block;
    height: auto;
    margin-bottom: 34px;
}

.operema-baner-inner .baner-dugme {
    margin: 30px auto 0;
}
/* DD Operema Banner Block End */

/* Responsive */

/* DD FAQ Blok */
.dd-inner-content .faq-naslov {
    margin: 0px;
}
.dd-faq-block {
    float: left;
    width: 100%;
    background-color: #F6F7F8;
}

#dd-faq.dd-faq-block {
    padding: 80px 80px;
    background: #fff;
}

.dd-faq-block .faq-left-image-bg {
    background-image: url('/wp-content/uploads/2026/04/faq_image_WEBP.webp');
}

.dd-faq-block .faq-left-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

.dd-faq-block .faq-kontejner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.dd-faq-block .faq-left-image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 380ms cubic-bezier(0.22, 1, 0.36, 1);
    -o-transition: all 380ms cubic-bezier(0.22, 1, 0.36, 1);
    transition: all 380ms cubic-bezier(0.22, 1, 0.36, 1);
}

.dd-faq-block .faq-left-image.col-xs-12.col-md-6 {
    padding-left: 0;
}

.dd-faq-block .faq-left-image-bg {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    -webkit-transition: all 380ms cubic-bezier(0.22, 1, 0.36, 1);
    -o-transition: all 380ms cubic-bezier(0.22, 1, 0.36, 1);
    transition: all 380ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: height;
}

.dd-faq-block .faq-blok {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dd-faq-block .faq-blok.col-xs-12.col-md-6 {
    padding-right: 0;
}

.dd-faq-block .faq-blok-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 41px;
}

.dd-faq-block .faq-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.dd-faq-block .faq-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.dd-faq-block .faq-divider {
    height: 1px;
    background-color: #B2C0C9;
    width: 100%;
}

.dd-faq-block .faq-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.dd-faq-block .faq-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
    padding: 22px 0;
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.dd-faq-block .faq-question-text {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #021C2F;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dd-faq-block .faq-question:hover .faq-question-text {
    color: #89BEF4;
}

.dd-faq-block .faq-arrow {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: -webkit-transform 600ms ease-in-out;
            transition: transform 600ms ease-in-out;
}

.dd-faq-block .faq-arrow svg path {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dd-faq-block .faq-question:hover .faq-arrow svg path {
    stroke: #89BEF4;
}

.dd-faq-block .faq-item.active .faq-arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.dd-faq-block .faq-answer {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    padding: 0;
    -webkit-transition: max-height 380ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease, padding 240ms ease;
    -o-transition: max-height 380ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease, padding 240ms ease;
    transition: max-height 380ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease, padding 240ms ease;
    will-change: max-height, opacity;
}

.dd-faq-block .faq-item.active .faq-answer {
    opacity: 1;
    padding-bottom: 22px;
}

.dd-faq-block .faq-answer p {
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.02em;
    color: #021C2F;
    margin: 0;
    max-width: 789px;
    padding-bottom: 20px;
}
/* DD FAQ Blok End */

/* Single Post Summary */
.post-summary-wrap {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    padding: 20px 30px;
    background-color: #F6F7F8;
    border-radius: 20px;
    box-sizing: border-box;
}

.post-summary-text {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    color: #021C2F;
    margin: 0;
}
/* Single Post Summary End */

/* Single Post FAQ */
#dd-single-faq.dd-single-faq.dd-faq-block {
    background-color: transparent;
    margin: 40px 0 60px;
}

.dd-inner-content.single-post-content .faq-naslov {
    margin: 30px 0 35px;
}

#dd-single-faq .single-faq-inner {
    width: 100%;
    padding: 0;
}
/* Single Post FAQ End */

/* FAQ Page Template */
.page-template-page-faq #dd-single-faq.dd-single-faq.dd-faq-block {
    margin: 0;
    padding: 104px 80px;
}
.page-template-page-faq .dd-faq-block .faq-answer p {
    max-width: unset;
    padding-right: 30px;
}

.page-template-page-upit .dd-faq-block {
    background-color: #fff;
    padding-top: 30px;
}

.page-template-page-upit .dd-faq-block ul {
    margin: 0px 0 20px;
}
/* FAQ Page Template End */

/* DD Slicni Proizvodi */
.dd-slicni-proizvodi {
    float: left;
    width: 100%;
    padding: 80px 80px 80px;
}

.slicni-naslov-wrap {
    margin-bottom: 40px;
}

.slicni-naslov {
    margin: 0;
}

#dd-slicni-proizvodi.dd-slicni-proizvodi .slicni-naslov {
    margin-bottom: 43px;
}

.slicni-row {
    margin: 0 -15px;
}

.slicni-kartica {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-radius: 20px;
    overflow: hidden;
    background: #F6F7F8;
    margin-bottom: 0px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.slicni-kartica-slika-wrap {
    width: 30%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.slicni-kartica-slika {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
    padding: 0 0 0 20px;
}

.slicni-kartica-sadrzaj {
    width: 70%;
    padding: 28px 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.slicni-kartica-naslov {
    color: #021C2F;
    font-family: Outfit;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 42.172px;
    letter-spacing: 0.26px;
    margin: 0 0 10px;
}

.slicni-kartica-tekst {
    margin: 0 0 30px;
}

.slicni-kartica-tekst p {
    margin: 0;
}

.slicni-kartica-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin-top: auto;
}
/* DD Slicni Proizvodi End */

.logo-text {
    margin-bottom: 20px;
}

a.baner-dugme.shortcode-button {
    margin-top: 11px;
}

.instalacija-logs.shortcode-store-badges {
    margin-top: 37px;
}

pre:has(.shortcode-store-badges),
pre:has(.baner-dugme) {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    white-space: normal;
    overflow: visible;
}

pre:has(.shortcode-store-badges) code,
pre:has(.baner-dugme) code {
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

.instalacija-logs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.instalacija-logs-link {
    display: block;
    text-decoration: none;
}

.instalacija-logs-img {
    display: block;
    height: 40px;
    width: auto;
    -webkit-transition: -webkit-filter 0.2s ease;
    transition: -webkit-filter 0.2s ease;
    transition: filter 0.2s ease;
    transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}

.instalacija-logs-link:hover .instalacija-logs-img {
    -webkit-filter: brightness(.5);
            filter: brightness(.5);
}

/* DD Filter Block Responsive */

/* DD Filter Block Responsive End */

/* DD Operema Banner Responsive */

/* DD Svi Uredjaji */
.dd-svi-uredjaji {
    float: left;
    width: 100%;
    padding: 84px 80px 95px;
}

.svi-uredjaji-naslov-wrap {
    margin-bottom: 40px;
}

.svi-uredjaji-naslov {
    color: #021C2F;
    font-family: Outfit;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.svi-uredjaji-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -15px;
}

.svi-uredjaji-row > [class*="col-"] {
    margin-bottom: 30px;
}

.svi-uredjaj-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #FFF;
    border-radius: 20px;
    border: 1px solid #C7CFD5;
    padding: 44px 40px 32px;
    height: 100%;
}

.svi-uredjaj-slika-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* background: #F6F7F8; */
    border-radius: 16px;
    padding: 0px;
    margin-bottom: 21px;
    min-height: 220px;
}

.svi-uredjaj-slika {
    width: 100%;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
	border-radius: 10px;
}

.svi-uredjaj-sadrzaj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.svi-uredjaj-naslov-card {
    color: #021C2F;
    font-family: Outfit;
    font-size: 28px;
    font-weight: 500;
    line-height: 37px;
    margin: 0 0 8px;
}

.svi-uredjaj-sadrzaj .svi-uredjaj-naslov-card {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 37px;
    font-weight: 400;
}

.svi-uredjaj-tekst {
    color: #021C2F;
    font-family: Outfit;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    /* margin: 0 0 24px; */
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.dd-inner-content .svi-uredjaj-sadrzaj p {
    margin: 0px 0 20px;
}

.svi-uredjaj-sadrzaj .proizvod-dugmici {
    margin-top: auto;
}
/* Svi uredjaji – popust pored naslova (ACF card_popust) */
.svi-uredjaj-naslov-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    margin: 0 0 8px;
}

.svi-uredjaj-sadrzaj .svi-uredjaj-naslov-row .svi-uredjaj-naslov-card {
    margin: 0;
}

.svi-uredjaj-popust {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 3px 12px;
    border-radius: 100px;
    background: #89BEF4;
    color: #fff;
    font-family: Outfit;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    white-space: nowrap;
}
/* DD Svi Uredjaji End */

/* DD Svi Uredjaji Responsive */
/* DD Svi Uredjaji Responsive End */

/* Blog Page */

.blog-section-container {
	padding: 112px 80px 124px;
	display: flex;
	flex-direction: column;
}

.blog-section-container .blog-post-blok {
	max-width: 100%;
	flex-wrap: wrap;
	row-gap: 54px;
}

.blog-section-container .blog-post {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
	max-width: 33.333%;
}

.blog-section-container .blog-post:first-child {
	margin: 0px;
}

.blog-section-container .blog-post:nth-child(2) {
	margin-left: 0px;
}
.dd-pagination-holder.navigation {
	display: flex;
	margin-top: 65px;
	gap: 14.5px;
}

.page-numbers {
	width: 73px;
	height: 73px;
	display: flex;
	align-items: center;
	border: 1px solid #021C2F;
	text-align: center;
	border-radius: 50%;
	align-content: center;
	justify-content: center;
	color: #021C2F;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 36.561px;
	text-decoration: none;
	transition: all 300ms ease-in-out;
}

.page-numbers.current {
	background-color: #89BEF4;
	color: #fff;
	border: none;
}

.page-numbers.current:hover {
	background-color: #89BEF4;
	color: #fff;
	border: none;
}

.page-numbers:hover {
	background: #89BEF4;
	color: #fff;
	border: 1px solid #89BEF4;
}

a.prev.page-numbers,
a.next.page-numbers {
	font-size: 23px;
	font-weight: 300;
}
/* Blog Page End */

/* Archive Page */
/* Archive Page End */

/* Sitemap */
section.dd-sitemap {
    padding: 80px 80px 0px;
}

.dd-inner-content ul.dd-sitemap-pages {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 20px 22px;
    margin: 40px 0 2rem;
    background-color: #F6F7F8;
    border-radius: 20px;
}

.dd-inner-content ul.dd-sitemap-pages li {
    position: relative;
    margin-bottom: 6px;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    color: #021C2F;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    gap: 2px;
}

.dd-inner-content ul.dd-sitemap-pages li::before {
    content: '•';
    left: 0;
    top: 8px;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: none;
}
/* Sitemap End */
/* DD Operema Banner Responsive End */

/* Korpa */
.inner-hero-left-wrap.dd-korpa-wrap {
    padding: 60px 71px 60px 71px;
}

.inner-hero-left-wrap.dd-korpa-wrap .woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
}

.inner-hero-left-wrap.dd-korpa-wrap a.checkout-button.button.alt.wc-forward {
    width: 240px;
    border-radius: 50px;
    margin-left: auto;
    background-color: #89BEF4;
    transition: all 300ms ease-in-out;
}

.inner-hero-left-wrap.dd-korpa-wrap a.checkout-button.button.alt.wc-forward:hover {
    background-color: #5DAAF9;
    color: #fff;
}

.inner-hero-left-wrap.dd-korpa-wrap #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {

    font-size: 16px;
    width: 110px;
}

.dd-inner-content .cart_totals h2 {
    padding: 6px 26px;
    color: #021C2F;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    border-radius: 20px 20px 0 0;
    border: 1px solid #D6D9DB;
    background: #F6F7F8;
    margin: 0px;
}

.inner-hero-left-wrap.dd-korpa-wrap .woocommerce-cart .cart-collaterals .cart_totals table {
    border-collapse: separate;
    margin: 0 0 6px;
    padding: 0;
    border-radius: 0px 0 20px 20px;
}

.inner-hero-left-wrap.dd-korpa-wrap .woocommerce table.shop_table tbody:first-child tr:first-child th,
.inner-hero-left-wrap.dd-korpa-wrap .woocommerce table.shop_table tbody:first-child tr:nth-child(2) th {
    padding: 37px 25px;
}

.inner-hero-left-wrap.dd-korpa-wrap .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #e9e6ed;
    padding: 37px 25px;
}

.inner-hero-left-wrap.dd-korpa-wrap td.actions {
    background: #F6F7F8;
}

.inner-hero-left-wrap.dd-korpa-wrap tr.woocommerce-cart-form__cart-item.cart_item {
    background: #fff;
}

.inner-hero-left-wrap.dd-korpa-wrap .woocommerce table.shop_table {
    background: #F6F7F8;
    border-radius: 20px;
    overflow: hidden;
}

.inner-hero-left-wrap.dd-korpa-wrap .cart_totals table.shop_table.shop_table_responsive {
    border-radius: 0 0 20px 20px;
}

.inner-hero-left-wrap.dd-korpa-wrap .actions button.button {
    background: #000 !important;
    color: #fff;
    width: 165px;
    height: 53px;
    border-radius: 50px !important;
    transition: all 300ms ease-in-out;
    opacity: 1;
    cursor: pointer;
}

.inner-hero-left-wrap.dd-korpa-wrap .actions button.button:hover {
    color: #000;
    background: #fff !important;
}

.inner-hero-left-wrap.dd-korpa-wrap th.product-name,
.inner-hero-left-wrap.dd-korpa-wrap th.product-price,
.inner-hero-left-wrap.dd-korpa-wrap th.product-quantity,
.inner-hero-left-wrap.dd-korpa-wrap th.product-subtotal {
    padding: 28px 15px 16px !important;
    background: #F6F7F8;
}

.inner-hero-left-wrap.dd-korpa-wrap .woocommerce-cart table.cart td.actions .coupon .input-text {
    height: 53px;
}

.inner-hero-left-wrap.dd-korpa-wrap tr.cart-subtotal {
    background: #fff;
}

.inner-hero-left-wrap.dd-korpa-wrap tr.order-total {
    background: #fff;
}

.inner-hero-left-wrap.dd-korpa-wrap tr.cart-subtotal th,
.inner-hero-left-wrap.dd-korpa-wrap tr.cart-subtotal td,
.inner-hero-left-wrap.dd-korpa-wrap tr.order-total th,
.inner-hero-left-wrap.dd-korpa-wrap tr.order-total td {
    vertical-align: middle;
}
/* Korpa Responsive */

/* ================================= */
/* Block: DD Content Left BG Image   */
/* ================================= */

#dd-content-left-bg-image {
    float: left;
    width: 100%;
    min-height: 697px;
    background-color: #d9d9d9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.clbi-container {
    max-width: 1753px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    justify-content: flex-end;
}

.clbi-card {
    background: #ffffff;
    border-radius: 40px;
    max-width: 865px;
    width: 100%;
    padding: 42px 50px;
}

/* ============================= */
/* Block: DD Image Section       */
/* ============================= */

.dd-image-section-block {
    float: left;
    width: 100%;
    padding: 198px 0 143px;
    background-color: #ffffff;
}

.dd-image-section-block--gray {
    background-color: #f6f7f8;
}

.dis-container {
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0 80px 0 80px;
}

.dis-img-wrap { width: 100%; }

.dis-img { width: 100%; height: auto; display: block; }

/* ============================= */
/* Block: DD Text Two Col        */
/* ============================= */

.dd-text-two-col-block {
    float: left;
    width: 100%;
    padding: 74px 80px 96px;
    background-color: #ffffff;
}

.ttc-container {
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.ttc-col-row {
    padding-bottom: 0px;
    background-image: var(--ttc-bg-img);
    background-size: cover;
    background-position: center;
    border-radius: 0 0 40px 40px;
}

.ttc-title {
    font-family: 'Outfit', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
    color: #021c2f;
    margin: 0;
}

/* ============================= */
/* Block: DD Text + Images       */
/* ============================= */

.dd-text-images-block {
    float: left;
    width: 100%;
    padding: 90px 0 0;
    background-color: #ffffff;
}

.tic-container {
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0 80px 0 80px;
}

.tic-images-row {
    padding-top: 60px;
    background-image: var(--tic-bg-img);
    background-size: cover;
    background-position: center;
}

.row.tic-images-row {
    border-radius: 0 0 40px 40px;
}

.tic-title {
    font-family: 'Outfit', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
    color: #021c2f;
    margin: 0;
}

.tic-img-wrap {
    width: 100%;
    height: 613px;
    overflow: hidden;
    display: flex;
}

.tic-col-first .tic-img-wrap  { justify-content: flex-end; }
.tic-col-second .tic-img-wrap { justify-content: center; }
.tic-col-third .tic-img-wrap  { justify-content: flex-start; }

.tic-img {
    width: auto;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ============================= */
/* Block: DD Two Col Cards       */
/* ============================= */

.dd-two-col-cards-block {
    float: left;
    width: 100%;
    padding: 90px 0;
    background-color: #f6f7f8;
}

.dd-two-col-cards-block--white {
    background-color: #ffffff;
}

.tcc-container {
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0 80px 0 64px;
}

.tcc-wrap {
    display: flex;
    gap: 50px;
    align-items: stretch;
}

.tcc-card {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.tcc-img-wrap {
    width: 100%;
    height: 481px;
    overflow: hidden;
    border-radius: 40px 40px 0 0;
    flex-shrink: 0;
}

.tcc-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tcc-content {
    background-color: #ffffff;
    border-radius: 0 0 40px 40px;
    padding: 55px 80px 50px 50px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tcc-title {
    font-family: 'Outfit', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
    color: #021c2f;
    margin: 0;
}

/* ================================== */
/* Block: DD Image Left Content Right */
/* ================================== */

#dd-image-left-content-right {
    float: left;
    width: 100%;
}

.ilcr-wrap {
    display: flex;
    align-items: stretch;
    min-height: 637px;
}

.ilcr-image-col {
    width: 50%;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.ilcr-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ilcr-content-col {
    width: 50%;
    background-color: #f6f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
}

.ilcr-card {
    background: #ffffff;
    border-radius: 40px;
    width: 100%;
    max-width: 801px;
    padding: 49px 62px;
	height: 100%;
	display: flex;
    align-items: center;
}
section#dd-image-left-content-right p.ilcr-text {
    margin-bottom: 24px;
}
section#dd-image-left-content-right h2.ilcr-title {
    margin-bottom: 12px;
}
section#dd-inner-hero {
    background-position: right !important;
}
.ilcr-card-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ilcr-logo-wrap {
    margin-bottom: 23px;
}

.ilcr-logo {
    height: 70px;
    width: auto;
    display: block;
}

.ilcr-title {
    font-family: 'Outfit', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    color: #021c2f;
    margin: 0 0 20px 0;
}

.ilcr-text {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #021c2f;
    margin: 0 0 30px 0;
}

.ilcr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background-color: #dfeeff;
    border-radius: 50px;
    padding: 0 8px 0 30px;
    height: 63px;
    width: 200px;
    text-decoration: none;
    transition: .5s ease;
}

.ilcr-btn span:first-child {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #021c2f;
}

.ilcr-btn-icon {
    width: 47px;
    height: 47px;
    background-color: #89bef4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: .5s ease;
}

.ilcr-btn:hover { background-color: #c8e3ff; }
.ilcr-btn:hover .ilcr-btn-icon { background-color: #021c2f; }

/* ============================= */
/* Block: DD Three Col Cards     */
/* ============================= */

#dd-three-col-cards {
    float: left;
    width: 100%;
    padding: 80px 80px 90px;
    background: #F6F7F8;
}

.three-col-container {
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.cards-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 47px;
}

.card-holder {
    flex: 1;
    min-width: 0;
    background: #FFF;
    border-radius: 40px;
    padding: 35px 30px 49px 33px;
    display: flex;
    flex-direction: column;
}

.card-img-wrap {
    width: 100%;
    height: 309px;
    background: #EDEAE7;
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0;
}

.card-img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card-content {
    padding-top: 40px;
    flex: 1;
}


/* ================================== */
/* Block: DD Two Col Images + Content */
/* ================================== */

#dd-two-col-images-content {
    float: left;
    width: 100%;
    padding: 88px 80px 63px;
    overflow: hidden;
}

.two-col-container {
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.two-col-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.two-col-wrap.row {
    margin: 0px;
}

.two-col-wrap .two-col-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0px;
    padding-right: 26px;
}

.left-text-wrap {
    padding-top: 0px;
    padding-bottom: 40px;
}

.left-title {
    font-family: 'Outfit', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    color: #021c2f;
    margin-top: 0;
    margin-bottom: 20px;
}

.left-text {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #021c2f;
    margin: 0;
}

.left-images-wrap {
    display: flex;
    gap: 37px;
}

.left-img-holder {
    flex: 1;
    background-color: #f6f7f8;
    overflow: hidden;
    max-height: 280px;
    border-radius: 20px;
}

.left-img-holder .left-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
}

.two-col-wrap .two-col-right {
    padding: 0;
    padding-right: 0px;
    padding-left: 26px;
}

.right-inner {
    padding: 55px 50px;
    background-color: #f6f7f8;
    border-radius: 40px;
}

/* Korpa End */

/* Responsive: DD Ugradnja + Three Col Cards + Two Col Images */

/* ====================================== */
/* Block: DD Image Left Content Badges    */
/* ====================================== */

.dd-image-left-content-badges {
    float: left;
    width: 100%;
}

.ilcb-wrap {
    display: flex;
    align-items: stretch;
    min-height: 637px;
}

.ilcb-wrap.ilcb-reversed {
    flex-direction: row-reverse;
}

.ilcb-image-col {
    width: 50%;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.ilcb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ilcb-content-col {
    width: 50%;
    background-color: #f6f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
}

.ilcb-card {
    background: #ffffff;
    border-radius: 40px;
    width: 100%;
    max-width: 801px;
    padding: 49px 62px;
	height: 100%;
    display: flex;
    align-items: center;
}

.ilcb-card-inner {
    display: flex;
    flex-direction: column;
}

.ilcb-logo-wrap {
    margin-bottom: 23px;
}

.ilcb-logo {
    height: 70px;
    width: auto;
    display: block;
}

.ilcb-title {
    font-family: 'Outfit', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    color: #021c2f;
    margin: 0 0 20px 0;
}

.ilcb-text {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #021c2f;
    margin: 0;
}

.ilcb-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 14px;
}

.ilcb-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ilcb-badge-img {
    display: block;
    max-height: 60px;
    width: auto;
}
/* Block: DD Image Left Content Badges End */

/* ================================================= */
/* Block WYSIWYG: remove forced heading/list styles  */
/* for all blocks that use dd-inner-content          */
/* ================================================= */


.dd-text-two-col-block .dd-inner-content ul,
.dd-text-two-col-block .dd-inner-content ol,
#dd-three-col-cards .dd-inner-content ul,
#dd-three-col-cards .dd-inner-content ol,
#dd-content-left-bg-image .dd-inner-content ul,
#dd-content-left-bg-image .dd-inner-content ol {
    list-style: disc;
    padding-left: 20px;
    margin: 0 0 16px;
}

.dd-text-two-col-block .dd-inner-content ul li,
.dd-text-two-col-block .dd-inner-content ol li,
#dd-three-col-cards .dd-inner-content ul li,
#dd-three-col-cards .dd-inner-content ol li,
#dd-content-left-bg-image .dd-inner-content ul li,
#dd-content-left-bg-image .dd-inner-content ol li {
    padding-left: 0;
    margin-bottom: 6px;
}

.dd-text-two-col-block .dd-inner-content ul li::before,
.dd-text-two-col-block .dd-inner-content ol li::before,
#dd-three-col-cards .dd-inner-content ul li::before,
#dd-three-col-cards .dd-inner-content ol li::before,
#dd-content-left-bg-image .dd-inner-content ul li::before,
#dd-content-left-bg-image .dd-inner-content ol li::before {
    display: none;
}
.page-id-2162 .sta-je-air-go-red .multi-block-wrap,
.page-id-1363 .sta-je-air-go-red .multi-block-wrap {
    padding: 0;
}
.ilcb-content-col {
    border-top: 1px solid #D0D0D0;
}
section.dd-two-col-cards-block h2.tcc-title {
    margin-bottom: 0;
}
section.inner-content .blog-card:hover .blog-post-plus-btn, section.inner-content .blog-card:hover  .blog-post .blog-post-plus-btn {
    background-color: #6aaee6;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
section.inner-content .blog-card:hover  .blog-post-naslov a {
    color: #89BEF4;
}
/* Block WYSIWYG style reset end */

/* Dodatna oprema strana */

.dodatna-oprema-button-wrap {
    display: flex;
    gap: 20px;
}

/* MEDIA */

@media screen and (max-width: 1800px) {
    .clbi-container { padding-left: 40px; padding-right: 40px; }




}

@media screen and (max-width: 1600px) {
    .ilcb-content-col { padding: 60px; }
    .ilcb-title { font-size: 34px; line-height: 45px; }
}

@media screen and (max-width: 1500px) {
.dd-koraci-blok .koraci-content {
    padding: 26px 26px;
}
.slicni-kartica-slika {
    padding: 20px 0 0 20px;
}

.slicni-kartica-slika-wrap {
    align-items: flex-start;
    align-content: flex-start;
}
    #dd-koraci.dd-koraci-blok {
        padding: 80px 80px 82px 80px;
    }

    section#dd-inner-hero {
/*         padding: 500px 80px 70px; */
		padding: 0px 80px 70px;
        height: 100vh;
        display: flex;
    }


    .dd-inner-content.single-post-content {
        margin: 62px 0 90px;
    }

    .contact-hero .dd-inner-hero-wrap {
        padding: 80px 80px;
    }

   .upit-hero .dd-inner-hero-wrap {
    padding: 44px 54px 42px;
}

    .page-template-page-contact .inner-hero-title {
        margin: 0 0 9px;
    }

    .inner-hero-title {
        font-size: 45px;
        line-height: 51px;
    }

    .inner-hero-subtitle {
        font-size: 19px;
        line-height: 28px;
    }

    .multi-block-wrap {
        padding: 49px;
    }

    .dd-inner-content h2 {
        font-size: 34px;
        line-height: 38px;
    }

    .dd-inner-content h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .dd-inner-content h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .dd-inner-content h5 {
        font-size: 18px;
        line-height: 26px;
    }

    .dd-block-first-left-text .block-header-wrap {
        margin-bottom: 60px;
    }

    .dd-block-first-left-text .dd-inner-content ul li::before,
    .dd-block-first-left-text .dd-inner-content ol li::before {
        top: 12px;
    }

    .first-left-text-wrap {
        padding: 49px;
    }

    .first-left-row-wrap.no-padding-left .first-left-text-wrap {
        padding-left: 0;
    }

    .first-left-row-wrap.reverse-layout .first-left-text-wrap {
        padding-right: 0;
        padding-left: 49px;
    }

 .dd-cetiri-slike-blok {
    padding: 80px 80px;
}

    #dd-cetiri-slike-blok .cetiri-slike-text {
        bottom: 23px;
        left: 23px;
        font-size: 22px;
        line-height: 28px;
    }

    #dd-cetiri-slike-blok .cetiri-slike-naslov {
        margin: 0px 0 40px;
    }

    .filter-right-inner {
        padding: 49px;
        height: 100%;
    }

    .filter-left-inner {
        padding: 49px;
    }

    .filter-tekst-wrap h3 {
        margin: 24px 0 10px;
    }

.dd-specifikacija-blok {
    padding: 80px 80px;
}

    .dd-ugradnja-blok {
        padding: 60px 80px;
    }

    .specifikacija-item {
        padding: 13px 24px;
    }

    .specifikacija-item h2 {
        font-size: 38px;
        line-height: 38px;
    }

    .specifikacija-item h3 {
        font-size: 29px;
        line-height: 45px;
    }

    .specifikacija-item h4 {
        font-size: 27px;
        line-height: 43px;
    }

    .specifikacija-item h5 {
        font-size: 25px;
        line-height: 41px;
    }


 #dd-faq.dd-faq-block {
    padding: 80px 80px;
}


    .page-template-page-faq #dd-single-faq.dd-single-faq.dd-faq-block {
        padding: 78px 80px;
    }



    .dd-slicni-proizvodi {
        padding: 80px 80px 80px;
    }

    .slicni-kartica-cta {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .slicni-kartica .slicni-kartica-sadrzaj .proizvod-btn-sekundarni {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

/*     .slicni-kartica {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .slicni-kartica-sadrzaj {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        text-align: left;
        width: 100%;
        padding: 28px 45px 40px;
    } */
/* 
    .slicni-kartica-slika-wrap {
        width: 100%;
        padding: 27px 0 0;
    } */

.slicni-kartica-sadrzaj {
    padding: 28px 35px;
}

    .dd-svi-uredjaji {
        padding: 70px 80px 62px;
    }

    .svi-uredjaj-sadrzaj .proizvod-dugmici {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .svi-uredjaj-sadrzaj .proizvod-btn-sekundarni {
        width: 181.5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }


	.blog-section-container {
		padding: 90px 80px 100px;
	}

.inner-hero-left-wrap.dd-korpa-wrap {
    padding: 120px 0px 30px 0px;
}

    .ilcr-content-col { padding: 60px 80px 60px 60px; }
    .ilcr-title { font-size: 34px; line-height: 45px; }

    .dd-ugradnja-blok { padding: 60px 80px 0px; }
    .cards-wrap { gap: 30px; }
    #dd-three-col-cards { padding: 48px 80px 80px; }
    #dd-two-col-images-content { padding: 70px 80px 63px; }
	.dd-mm-multi-padding .multi-block-wrap {
		padding: 10px;
	}
	.first-left-row-wrap:nth-child(2) .first-left-text .first-left-text-wrap.dd-inner-content {
		padding: 10px;
	}
	.dd-inner-content .koraci-item-title {
		font-size: 22px;
	}
	.cetiri-slike-img-wrap {
		min-height: 320px;
	}
	.dd-faq-block .faq-question-text {
		font-size: 18px;
	}
	.svi-uredjaj-sadrzaj a.proizvod-btn-primarni {
		font-size: 14px;
		padding-right: 28px;
		height: 58px;
		width: 50%;
		align-items: center;
		justify-content: center;
	}

	.svi-uredjaj-sadrzaj a.proizvod-btn-primarni .proizvod-btn-ikona{
display: none;
}

	.svi-uredjaj-sadrzaj .proizvod-btn-sekundarni {
		font-size: 14px;
		width: 50%;
		height: 58px;
	}
	.svi-uredjaj-sadrzaj .proizvod-dugmici {
		flex-direction: unset;
	}
}

@media screen and (max-width: 1400px) {
    .clbi-container { padding-left: 30px; padding-right: 30px; }

    .dd-image-section-block { padding: 140px 0 100px; }

    .ttc-title { font-size: 34px; line-height: 48px; }

    .tic-title { font-size: 34px; line-height: 48px; }
    .tic-img-wrap { height: 520px; }

    .tcc-title { font-size: 34px; line-height: 48px; }
    .tcc-content { padding: 45px 60px 45px 40px; }

    .ilcr-content-col { padding: 40px; }
    .ilcr-card { padding: 40px 45px; }
    .ilcr-title { font-size: 30px; line-height: 42px; }

    .cards-wrap { gap: 30px; }
    .right-inner { padding: 50px 40px; }

    .ilcb-content-col { padding: 40px; }
    .ilcb-card { padding: 40px 45px; }
    .ilcb-title { font-size: 30px; line-height: 42px; }


.row.slicni-row {
    display: flex;
    flex-direction: column;
    /* gap: 30px; */
}
	.row.slicni-row > .slicni-wrap-one:nth-child(1){
margin-bottom: 30px;
}

.row.slicni-row .slicni-wrap-one {
    width: 100%;
}

.slicni-kartica-slika {
    padding: 40px;
}

}
@media screen and (max-width: 1400px) and (min-width: 1279px) {
	.row.slicni-row {
		flex-direction: unset;
		gap: 0;
	}
	.row.slicni-row .slicni-wrap-one {
        width: 50%;
		min-height: 240px;
    }
	a.baner-dugme {
		padding: 14px 28px 14px 28px;
		font-size: 15px;
        height: 58px;
	}
	.row.slicni-row > .slicni-wrap-one:nth-child(1) {
        margin-bottom: 0px;
    }
	.slicni-kartica {
		height: 100%;
	}
	span.baner-dugme-ikona {
		display: none;
	}
	.slicni-kartica-slika {
        padding: 20px;
    }
	.slicni-kartica-sadrzaj {
        padding: 28px 10px;
    }
	a.proizvod-btn-sekundarni {
		font-size: 15px;
		height: 58px;
	}
}

@media screen and (max-width: 1340px) and (min-width: 1100px) {

.svi-uredjaj-sadrzaj .proizvod-btn-sekundarni {
    font-size: 12px;
   
}

.svi-uredjaj-sadrzaj a.proizvod-btn-primarni {
    font-size: 12px;

}
.svi-uredjaj-wrap {
    padding: 25px 25px 25px;
}


}


@media screen and (max-width: 1200px) {

.page-template-page-contact section#dd-inner-hero {
    padding: 150px 40px 50px;
}
    .dis-container { padding: 0 40px; }

    #dd-koraci.dd-koraci-blok {
        padding: 60px 40px;
    }

    section#dd-inner-hero {
        padding: 295px 40px 60px;
    }

    section#upit-hero {
        padding: 50px 40px;
    }

    .inner-hero-title {
        font-size: 39px;
        line-height: 51px;
    }

    .inner-hero-subtitle {
        font-size: 17px;
        line-height: 28px;
    }

    .inner-hero-left-wrap .baner-dugme {
        font-size: 17px;
    }


    p#breadcrumbs {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 9px;
    }

    .dd-inner-content.single-post-content {
        margin: 42px 0 80px;
    }

    .dd-inner-content p {
        margin: 0 0 12px;
    }

    .dd-inner-content.single-post-content h2 {
        margin: 27px 0 22px;
    }

    .dd-inner-content.single-post-content h3 {
        margin: 25px 0 20px;
    }

    .dd-inner-content.single-post-content h4 {
        margin: 24px 0 19px;
    }

    .dd-inner-content.single-post-content h5 {
        margin: 22px 0 18px;
    }

    .dd-inner-content.single-post-content figure {
        margin: 30px 0 40px;
    }

    .dd-inner-content.single-post-content ul,
    .dd-inner-content.single-post-content ol {
        padding: 20px 22px;
        margin: 30px 0 40px;
    }

    ul.wp-block-archives-list.wp-block-archives,
    ul.wp-block-categories-list.wp-block-categories {
        padding: 36px 30px;
    }

    section#block-6 h2 {
        margin-top: 0;
    }

    .comment-navigation .nav-links,
    .posts-navigation .nav-links,
    .post-navigation .nav-links {
        gap: 20px;
    }

    .dd-block-left-image {
        padding: 60px 40px;
    }

    .multi-block-wrap {
        padding: 49px;
    }



    .dd-block-first-left-text .block-header-wrap {
        margin-bottom: 50px;
    }

    .dd-block-first-left-text {
        padding: 60px 40px;
    }

    .first-left-text-wrap {
        padding: 49px;
    }

    .first-left-row-wrap.no-padding-left .first-left-text-wrap {
        padding-left: 0;
    }

    .first-left-row-wrap.reverse-layout .first-left-text-wrap {
        padding-right: 0;
        padding-left: 49px;
    }

    .dd-specifikacija-blok {
        padding: 60px 40px;
    }

    .dd-ugradnja-blok {
        padding: 60px 40px;
    }

    .specifikacija-item h2 {
        font-size: 36px;
        line-height: 36px;
    }

    .specifikacija-item h3 {
        font-size: 28px;
        line-height: 44px;
    }

    .specifikacija-item h4 {
        font-size: 26px;
        line-height: 42px;
    }

    .specifikacija-item h5 {
        font-size: 24px;
        line-height: 40px;
    }

    #dd-filter-block.dd-filter-blok {
        padding: 0 40px;
    }

    .filter-left-inner {
        padding: 49px 0px 49px 49px;
    }

    #dd-baner-sekcija-dva.dd-banner-block {
        padding: 260px 40px 60px;
    }

    .contact-hero .dd-inner-hero-wrap {
        padding: 40px 40px;
    }

 .upit-hero .dd-inner-hero-wrap {
    padding: 23px 33px 22px;
}

    .contact-hero-form-wrap.dd-wrap.upit-form-wrap .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 15px;
        grid-row-gap: 9px;
    }

    .contact-hero-form-wrap.upit-form-wrap {
        padding: 30px 25px;
    }

    .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=color], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=date], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=datetime-local], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=datetime], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=email], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=month], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=number], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=password], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=search], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=tel], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=text], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=time], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=url], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=week], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme select, .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme textarea {
        padding: 16px 11px;
    }


    #dd-faq.dd-faq-block {
        padding: 60px 40px;
    }

    .page-template-page-faq #dd-single-faq.dd-single-faq.dd-faq-block {
        padding: 78px 40px;
    }
	#upit-hero .inner-hero-left-wrap .inner-hero-title {
		font-size: 36px;
		line-height: 44px;
	}
  .page-template-page-upit .dd-faq-block {
    padding-top: 24px;
}

    .dd-slicni-proizvodi {
        padding: 60px 40px 90px;
    }

    #dd-operema-banner.dd-operema-baner-blok {
        padding: 70px 40px 80px 40px;
    }

    .dd-svi-uredjaji {
        padding: 60px 40px 70px;
    }

	.blog-section-container {
		padding: 70px 40px 80px;
	}

	.blog-section-container .blog-post-blok {
		row-gap: 35px;
	}

	.dd-pagination-holder.navigation {
		display: flex;
		margin-top: 45px;
		gap: 14.5px;
	}

	.page-numbers {
		width: 63px;
		height: 63px;
	}

	a.prev.page-numbers, a.next.page-numbers {
		font-size: 20px;
		font-weight: 300;
	}

	.dd-pagination-holder.navigation {
		margin-top: 45px;
		gap: 14.5px;
	}

	.page-numbers {
		width: 63px;
		height: 63px;
	}

	a.prev.page-numbers, a.next.page-numbers {
		font-size: 20px;
		font-weight: 300;
	}

    .dd-ugradnja-blok { padding: 60px 40px 0px; }
    #dd-three-col-cards { padding: 48px 40px 70px; }
    .card-holder { padding: 30px 23px 30px 23px; }
    #dd-two-col-images-content { padding: 60px 40px 63px; }
    .right-inner { height: 100%; }
    .two-col-wrap .two-col-left { padding-right: 15px; }
    .two-col-wrap .two-col-right { padding-left: 15px; }
    .ugradnja-wrap.dd-wrap { padding: 52px 40px; }

.cetiri-slike-img-wrap {
    min-height: 330px;
}
.page-template-page-upit section#dd-inner-hero {
    padding: 140px 40px 60px;
}


}

@media screen and (max-width: 1199px) {
    .filter-naslov {
        font-size: 34px;
    }

    section.dd-sitemap {
        padding: 60px 40px 0px;
    }

    .dd-image-section-block { padding: 100px 0 80px; }

    .dd-text-two-col-block { padding: 70px 40px 80px; }
    .tcc-container { padding: 0 40px 0 40px; }
    .dd-two-col-cards-block { padding: 70px 0; }
    .ttc-title { font-size: 28px; line-height: 40px; }

    .dd-text-images-block { padding-top: 70px; }
    .tic-title { font-size: 28px; line-height: 40px; }
    .tic-img-wrap { height: 440px; }

    .tcc-title { font-size: 28px; line-height: 40px; }
    .tcc-content { padding: 40px 40px 40px 35px; }
    .tcc-wrap { gap: 30px; }
    .tcc-img-wrap { height: 380px; }

    .ilcr-content-col { padding: 30px 40px 30px 30px; }
    .ilcr-card { padding: 35px 35px; }
    .ilcr-title { font-size: 26px; line-height: 36px; }

    .cards-wrap { gap: 20px; }
    .left-title { font-size: 32px; line-height: 45px; }
    .right-inner { padding: 40px 30px; }
    .left-images-wrap { gap: 20px; }

    .ilcb-content-col { padding: 30px; }
    .ilcb-card { padding: 35px 35px; }
    .ilcb-title { font-size: 26px; line-height: 36px; }
}

@media screen and (max-width: 1100px) {
.svi-uredjaj-sadrzaj .proizvod-dugmici {
    flex-direction: column;
}
.svi-uredjaj-sadrzaj a.proizvod-btn-primarni {
    width: 100%;
}
.svi-uredjaj-sadrzaj .proizvod-btn-sekundarni {
    width: 100%;
}
.dodatna-oprema-button-wrap .hero-cta-btn {
font-size: 16px;
}
}

@media screen and (max-width: 991px) {

		.slicni-kartica-slika-wrap {
			align-items: center;

		}
		#dd-plutajuci-tekst.klizajuci-text-block {
			padding: 0px 0 60px;
		}
			.ilcb-content-col {
			padding: 60px 40px;
		}
		.slicni-kartica-slika {
			padding: 0 0 0 20px;
		}
    section#dd-inner-hero {
        padding: 200px 40px 50px;
		max-height: 555px;
    }

    .inner-hero-left-wrap {
        align-items: center;
        text-align: center;
    }

    .contact-hero .inner-hero-left-wrap {
        align-items: flex-start;
        text-align: left;
    }

    .dd-inner-hero-wrap {
        flex-direction: column;
        gap: 30px;
    }

    .contact-hero-map-image {
        min-height: 220px;
    }

    .contact-menu-image-wrap {
        min-height: 220px;
    }

    .contact-map-wrap iframe {
        min-height: 220px;
    }

    .menu-mobile-image-wrap.contact-menu-image-wrap {
        margin: 0px;
    }

    .contact-hero .dd-inner-hero-wrap {
        padding: 40px 40px;
        gap: 0px;
    }

  .upit-hero .dd-inner-hero-wrap {
    padding: 34px 42px;
    gap: 24px;
}

    .upit-hero .inner-hero-right {
        overflow: visible;
        width: 100%;
    }

    .upit-hero-right-wrap {
        min-height: unset;
    }

    .footer-contact-block.contact-page-contact-block {
        display: flex;
        gap: 16px;
        justify-content: space-between;
    }

    .contact-hero .inner-hero-left {
        display: contents;
    }

    .contact-hero .contact-hero-left-card {
        display: contents;
    }

    .contact-hero .inner-hero-left-wrap {
        order: 1;
        width: 100%;
    }

    .contact-hero .inner-hero-right {
        order: 2;
        width: 100%;
        padding: 0px 0 30px;
    }

    .contact-hero .contact-hero-info {
        order: 3;
        width: 100%;
    }

    .contact-hero .contact-hero-map-image {
        order: 4;
        width: 100%;
        margin-top: 10px;
    }

    .contact-hero-form-wrap {
        padding: 40px 40px;
    }

    .inner-hero-title {
        font-size: 49px;
        line-height: 57px;
    }

    .inner-hero-subtitle {
        font-size: 17px;
    }

    .inner-hero-left-wrap .baner-dugme {
        margin: 0 auto 0;
    }

    .dd-block-left-image {
        padding: 60px 40px;
    }

    .left-block-img {
        position: relative;
    }

    .block-header-wrap {
        margin-bottom: 50px;
    }

    .block-header-wrap .block-subtitle {
        font-size: 17px;
    }

    .image-row-wrap {
        flex-direction: column;
        margin-bottom: 30px;
        gap: 20px;
    }

    /* On mobile, always stack text on top, image below */
    .image-row-wrap .multi-block-text {
        order: 1;
    }

    .image-row-wrap .multi-block-image {
        order: 2;
    }



    .multi-block-wrap {
        padding: 40px;
    }

    .image-row-wrap.jonizator-row .multi-block-wrap {
        padding: 40px;
    }

    .image-row-wrap.filter-row .multi-block-wrap {
        padding: 40px;
    }

    .inner-hero-right-wrap {
        min-height: 500px;
    }

    .dd-inner-content h2 {
        font-size: 34px;
        line-height: 34px;
    }

    .dd-inner-content h3 {
        font-size: 27px;
        line-height: 37px;
    }

    .dd-inner-content h4 {
        font-size: 25px;
        line-height: 35px;
    }

    .dd-inner-content h5 {
        font-size: 23px;
        line-height: 33px;
    }

    .dd-block-first-left-text .block-header-wrap {
        margin-bottom: 10px;
    }

    .dd-block-first-left-text .dd-inner-content ul li::before,
    .dd-block-first-left-text .dd-inner-content ol li::before {
        top: 10px;
    }

    .dd-block-first-left-text {
        padding: 60px 40px;
    }

    .first-left-row-wrap {
        flex-direction: column;
        margin-bottom: 0px;
        gap: 10px;
    }

    /* Reset reverse layout on mobile - all rows same */
    .first-left-row-wrap.reverse-layout {
        flex-direction: column;
    }

    .first-left-row-wrap .first-left-image,
    .first-left-row-wrap .first-left-text {
        flex-direction: column;
        min-height: unset;
        flex: unset;
    }

    .first-left-img {
        position: relative;
        height: 100%;
        width: 100%;
        object-fit: cover;
        display: block;
    }

    .first-left-img-wrap {
        height: 100%;
/*         min-height: 500px; */
        position: relative;
        overflow: hidden;
    }

    .first-left-text-wrap {
        padding: 40px;
    }

    .first-left-row-wrap.no-padding-left .first-left-text-wrap {
        padding: 30px 0 10px;
    }

    .first-left-row-wrap.reverse-layout .first-left-text-wrap {
        padding: 30px 0 10px;
    }

    .dd-cetiri-slike-blok {
        padding: 60px 40px;
    }

    .cetiri-slike-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #dd-cetiri-slike-blok .cetiri-slike-text {
        bottom: 28px;
        left: 27px;
        font-size: 25px;
        line-height: 32px;
    }

    .dd-specifikacija-blok {
        padding: 60px 40px;
    }

    .dd-ugradnja-blok {
        padding: 60px 40px;
    }

    .ugradnja-wrap.dd-wrap {
        flex-direction: column;
        gap: 20px;
    }

    .ugradnja-col-left {
        display: contents;
    }

    .ugradnja-text-wrap {
        margin-bottom: 20px;
    }

    .ugradnja-content-wrap {
        order: 1;
        margin-bottom: 0px;
        padding: 0 20px;
    }

    .ugradnja-col-right {
        order: 2;
        margin-bottom: 20px;
    }

    .ugradnja-navigacija {
        order: 3;
        justify-content: flex-start;
        padding: 0 20px;
    }

    .koraci-desni-blok {
        width: 100%;
    }

    .specifikacija-wrap {
        flex-direction: column;
        gap: 30px;
    }

    .specifikacija-col-levo,
    .specifikacija-col-desno {
        width: 100%;
    }

    .specifikacija-item {
        padding: 13px 20px;
    }

    .specifikacija-item h2 {
        font-size: 34px;
        line-height: 34px;
    }

    .specifikacija-item h3 {
        font-size: 27px;
        line-height: 43px;
    }

    .specifikacija-item h4 {
        font-size: 25px;
        line-height: 41px;
    }

    .specifikacija-item h5 {
        font-size: 23px;
        line-height: 39px;
    }

    .dd-cetiri-slike-blok {
        padding: 60px 40px;
    }

    #dd-faq.dd-faq-block {
        padding: 60px 40px;
    }

    #dd-baner-sekcija-dva.dd-banner-block {
        padding: 520px 40px 50px;
    }


    .dd-faq-block .faq-kontejner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .dd-faq-block .faq-left-image {
        width: 100%;
    }

    .dd-faq-block .faq-left-image.col-xs-12.col-md-6 {
        padding-right: 0;
    }

    .dd-faq-block .faq-blok.col-xs-12.col-md-6 {
        padding: 0 0 30px;
    }

    .dd-faq-block .faq-left-image-bg,
    .dd-faq-block .faq-left-img {
        min-height: 440px;
    }

    .page-template-page-upit .dd-faq-block {
        padding-top: 50px;
    }

    .dd-slicni-proizvodi {
        padding: 60px 40px 80px;
    }

    #dd-slicni-proizvodi.dd-slicni-proizvodi .slicni-naslov {
        margin-bottom: 0px;
    }

    .slicni-naslov-wrap {
        margin-bottom: 10px;
    }

    .slicni-kartica {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .slicni-kartica-slika-wrap {
        width: 30%;
        min-height: 280px;
        padding: 0;
    }

    .slicni-kartica-sadrzaj {
        width: 70%;
    }

    .row.slicni-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 30px;
    }

    .image-block-repeater-wrap {
        width: 100%;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    #dd-filter-block.dd-filter-blok {
        padding: 0 40px;
    }

    .filter-blok-row {
        flex-direction: column;
    }

    .filter-slika-desktop {
        display: none;
    }

    .filter-slika-mobile {
        display: flex;
        margin: 30px 0 0;
    }

    .filter-left-inner {
        padding: 40px 40px 0px 40px;
    }

    .filter-right-inner {
        padding: 0 40px 40px;
    }

    .filter-tekst-wrap p,
    .filter-tekst-wrap ul,
    .filter-tekst-wrap ol {
        margin: 0 0 10px;
    }

    .svi-uredjaj-slika-wrap {
        min-height: 180px;
    }

	.page-template-blog .dd-inner-hero-wrap {
		gap: 20px;
	}

	.blog-section-container {
		padding: 60px 40px 80px;
		display: flex;
	}

	.blog-section-container .blog-post {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.post-summary-wrap {
		margin-bottom: 30px;
	}

	.dd-inner-content p {
		margin: 0 0 10px;
	}

	.dd-inner-content.single-post-content h2 {
		margin: 24px 0 18px;
	}

	.dd-inner-content.single-post-content h3 {
		margin: 22px 0 17px;
	}

	.dd-inner-content.single-post-content h4 {
		margin: 20px 0 16px;
	}

	.dd-inner-content.single-post-content h4 {
		margin: 18px 0 15px;
	}

	.dd-inner-content.single-post-content figure {
		margin: 25px 0 32px;
	}

	.dd-inner-content.single-post-content ul, .dd-inner-content.single-post-content ol {
		margin: 25px 0 35px;
	}

	#dd-single-faq.dd-single-faq.dd-faq-block {
		margin: 30px 0 40px;
	}

	section#block-5 {
		margin: 0px;
	}

	ul.wp-block-archives-list.wp-block-archives, ul.wp-block-categories-list.wp-block-categories {
		padding: 32px 26px;
	}

	.dd-inner-content.single-post-content {
		margin: 32px 0 60px;
	}

    .page-template-page-korpa .dd-inner-content {
        width: 100%;
    }
    .inner-hero-left-wrap.dd-korpa-wrap .woocommerce {
        width: 100%;
    }
.inner-hero-left-wrap.dd-korpa-wrap {
    padding: 140px 0 0px;
    float: left;
    width: 100%;
}
    .dd-inner-content .cart_totals h2 {
        font-size: 24px;
        line-height: 50px;
    }
    .inner-hero-left-wrap.dd-korpa-wrap th.product-name,
    .inner-hero-left-wrap.dd-korpa-wrap th.product-price,
    .inner-hero-left-wrap.dd-korpa-wrap th.product-quantity,
    .inner-hero-left-wrap.dd-korpa-wrap th.product-subtotal {
        padding: 20px 13px 13px !important;
    }
    .inner-hero-left-wrap.dd-korpa-wrap .woocommerce table.shop_table tbody:first-child tr:first-child th,
    .inner-hero-left-wrap.dd-korpa-wrap .woocommerce table.shop_table tbody:first-child tr:nth-child(2) th {
        padding: 20px 15px;
    }

    #dd-content-left-bg-image { min-height: auto; }
    .clbi-card { max-width: 100%; padding: 35px 30px; }

    .dd-image-section-block { padding: 80px 0 60px; }

    .dd-text-two-col-block { padding-top: 60px; }
    .ttc-title { font-size: 26px; line-height: 36px; margin-bottom: 20px; }

    .dd-text-images-block { padding-top: 60px; }
    .tic-container { padding: 0 40px 0 40px; }
    .tic-images-row { padding-top: 40px; }
    .tic-title { font-size: 26px; line-height: 36px; margin-bottom: 20px; }
    .tic-img-wrap { height: 360px; }

    .dd-two-col-cards-block { padding: 60px 0; }
    .tcc-wrap { flex-direction: column; gap: 30px; }
    .tcc-img-wrap { height: 320px; }
    .tcc-title { font-size: 26px; line-height: 36px; }

    .ilcr-wrap { flex-direction: column; min-height: auto; }
    .ilcr-image-col { width: 100%; height: 500px; }
    .ilcr-content-col { width: 100%; padding: 30px 40px; }
    .ilcr-card { max-width: 100%; }

    .dd-ugradnja-blok { padding: 60px 40px 0px; }
    .cards-wrap { flex-direction: column; gap: 30px; }
    .card-holder { flex-direction: row; align-items: stretch; }
    .card-img-wrap { width: 280px; height: auto; min-height: 220px; flex-shrink: 0; }
    .card-content { padding: 25px; }
    .two-col-wrap .two-col-left { padding-right: 0px; padding-bottom: 30px; }
    .two-col-wrap .two-col-right { padding-left: 0; }
    .left-title { font-size: 28px; line-height: 40px; }
    .left-text-wrap { padding-top: 0px; padding-bottom: 25px; }
    .ugradnja-wrap.dd-wrap { flex-direction: column; gap: 20px; padding: 40px 0px; }

    .ilcb-wrap { flex-direction: column-reverse; min-height: auto; }
    .ilcb-wrap.ilcb-reversed { flex-direction: column-reverse; }
    .ilcb-image-col { width: 100%; height: 500px; }
    .ilcb-content-col { width: 100%; padding: 60px 40px; }
	.inner-hero-left-wrap {
		align-items: flex-start;
	}
	h1.inner-hero-title, .inner-hero-subtitle {
		text-align: left;
	}
	section#dd-inner-hero {
		background-position: right !important;
	}
	.image-block-repeater-wrap {
		gap: 0;
	}
	.image-row-wrap {
		gap: 30px;
	}
	h2.dd-title.block-title, .dd-inner-content p:last-child {
		text-align: left;
	}
	.contact-hero-form-wrap .gform_wrapper input[type="submit"], .contact-hero-form-wrap .gform_wrapper button[type="submit"] {
		text-align: center;
		justify-content: center;
	}
    .page-id-7350 section#dd-inner-hero {
        background-image: url('/wp-content/uploads/2026/05/hero-dodatna-oprema-tablet.jpg') !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
.dodatna-oprema-button-wrap .hero-cta-btn {
font-size: 18px;
}
}

@media screen and (max-width: 767px) {

.page-template-page-contact section#dd-inner-hero {
    padding: 130px 20px 40px;
}
.slicni-kartica-slika {
    padding: 0px;
}
    section#upit-hero {
        padding: 50px 20px;
    }

    .dd-koraci-blok .koraci-content {
        gap: 53px;
        padding: 35px 36px;
    }

    .dd-inner-hero-wrap {
        gap: 20px;
    }

    section#dd-inner-hero {
        padding: 160px 20px 40px;
    }

    .dd-inner-hero-wrap {
        flex-direction: column;
    }

    .inner-hero-left-wrap {
        border-radius: 20px;
    }

    .contact-hero-left-card {
        padding: 30px 25px 25px;
        border-radius: 20px;
    }

    .contact-hero-map-image {
        gap: 7px;
        min-height: 200px;
    }

    .contact-map-wrap {
        border-radius: 20px;
    }

    .contact-menu-image-wrap {
        border-radius: 20px;
        min-height: 200px;
    }

    .contact-map-wrap iframe {
        min-height: 200px;
    }

    .contact-hero-form-wrap {
        padding: 30px 25px;
        border-radius: 20px;
    }

    .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=color], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=date], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=datetime-local], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=datetime], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=email], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=month], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=number], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=password], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=search], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=tel], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=text], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=time], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=url], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme input[type=week], .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme select, .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme textarea {
        height: 50px;
    }

    .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .gfield textarea.medium {
        height: 150px;
    }

    .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .dd-wrap .gform_wrapper.gravity-theme .gfield_label {
        margin: 0 0 5px;
    }

    section#dd-inner-hero.dd-inner-hero.contact-hero {
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-contact-block.contact-page-contact-block {
        gap: 0px;
        flex-direction: column;
    }

    .contact-hero .contact-hero-map-image {
        flex-direction: column-reverse;
        max-height: 100%;
        gap: 20px;
        margin: 20px 0 0;
    }

    .inner-hero-title {
        font-size: 39px;
        line-height: 47px;
        margin-bottom: 10px;
    }

    p#breadcrumbs {
        margin: 0 0 5px;
    }

    .inner-hero-subtitle {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .inner-hero-right-wrap {
        min-height: 380px;
        border-radius: 20px;
    }

    .upit-hero-right-wrap {
        min-height: unset;
        border-radius: 0;
        gap: 16px;
    }

    .upit-info-card {
        padding: 22px 24px;
    }

.upit-hero .dd-inner-hero-wrap {
    padding: 23px 30px 22px;
}

    .dd-block-left-image {
        padding: 60px 20px;
    }

    .lft-blck-img-wrap {
        border-radius: 20px;
    }

    .block-header-wrap {
        margin-bottom: 40px;
    }

    .block-header-wrap .block-subtitle {
        font-size: 16px;
    }

    .image-row-wrap {
        flex-wrap: wrap;
        margin-bottom: 40px;
        gap: 15px;
    }

    .multi-block-text .dd-title {
      
        margin-bottom: 15px;
    }

    .multi-block-wrap {
        padding: 30px 25px;
        border-radius: 20px;
    }
	.page-id-7296 .multi-block-wrap {
		padding: 30px 25px 30px 0px;
	}
	.gde-se-koristi-fresho2 img.left-block-img {
		min-height: 280px;
	}
    .image-row-wrap.jonizator-row .multi-block-wrap {
        padding: 30px 25px;
    }

    .image-row-wrap.filter-row .multi-block-wrap {
        padding: 30px 25px;
    }

    .multi-block-text .dd-text {
        font-size: 15px;
    }

    /* On mobile, always stack text on top, image below */
    .image-row-wrap .multi-block-text {
        order: 1;
    }

    .image-row-wrap .multi-block-image {
        order: 2;
        float: left;
        width: 100%;
    }

    .dd-inner-content h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .dd-inner-content h3 {
        font-size: 23px;
        line-height: 30px;
    }

    .dd-inner-content h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .dd-inner-content h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .dd-block-first-left-text .block-header-wrap {
        margin-bottom: 0px;
    }

    .dd-block-first-left-text .dd-inner-content ul li::before,
    .dd-block-first-left-text .dd-inner-content ol li::before {
        top: 6px;
    }

    .dd-block-first-left-text {
        padding: 60px 20px;
    }

    .first-left-repeater-wrap {
        gap: 10px;
    }

    .first-left-row-wrap {
        flex-direction: column;
        gap: 15px;
    }

    .first-left-row-wrap .first-left-image,
    .first-left-row-wrap .first-left-text {
        width: 100%;
        min-height: unset;
        flex: unset;
    }

    .first-left-img-wrap {
        height: 100%;
        min-height: 350px;
        width: 100%;
        border-radius: 20px;
    }

    .first-left-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: relative;
    }

    .first-left-text-wrap {
        padding: 30px;
        width: 100%;
    }

    .dd-cetiri-slike-blok {
        padding: 60px 20px;
    }

    .cetiri-slike-grid {
        grid-template-columns: 1fr;
    }

    #dd-cetiri-slike-blok .cetiri-slike-text {
        bottom: 21px;
        left: 23px;
        font-size: 26px;
        line-height: 32px;
    }

    .dd-specifikacija-blok {
        padding: 60px 20px;
    }

    .dd-ugradnja-blok {
        padding: 60px 20px;
    }

    #dd-koraci.dd-koraci-blok {
        padding: 60px 20px 60px 20px;
    }

    #dd-plutajuci-tekst.klizajuci-text-block {
        padding: 0px 0 40px;
    }

    .specifikacija-wrap {
        flex-direction: column;
        gap: 25px;
    }

    .specifikacija-item {
        padding: 10px 15px;
    }

    .specifikacija-item h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .specifikacija-item h3 {
        font-size: 26px;
        line-height: 42px;
    }

    .specifikacija-item h4 {
        font-size: 24px;
        line-height: 34px;
    }

    .specifikacija-item h5 {
        font-size: 22px;
        line-height: 38px;
    }

    .ugradnja-img {
        height: 372px;
    }

    #dd-baner-sekcija-dva.dd-banner-block {
        padding: 400px 20px 50px;
    }

    #dd-baner-sekcija-dva.dd-banner-block .baner-blok {
        padding: 27px 30px 22px 30px;
    }

    .contact-hero-form-wrap.dd-wrap .gform_wrapper.gravity-theme select#input_3_9 {
        height: auto;
        min-height: 50px;
        padding: 10px;
    }

    #dd-faq.dd-faq-block {
        padding: 50px 20px;
    }

    .dd-faq-block .faq-blok-inner {
        gap: 28px;
    }

    .dd-faq-block .faq-question-text {
        font-size: 18px;
    }

    .page-template-page-faq #dd-single-faq.dd-single-faq.dd-faq-block {
        padding: 78px 20px;
    }

    .page-template-page-upit .dd-faq-block {
        padding-top: 40px;
    }

    .page-template-page-upit .dd-faq-block ul {
        padding: 0px 20px;
    }

    .post-summary-wrap {
        padding: 22px 24px;
    }
    .post-summary-text {
        font-size: 16px;
    }

    .dd-slicni-proizvodi {
        padding: 60px 20px 70px;
    }

    .slicni-kartica {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .slicni-kartica-slika-wrap {
        width: 100%;
        min-height: 280px;
        padding: 0;
    }

    .slicni-kartica-slika-wrap {
        width: 100%;
        min-height: 280px;
        padding: 20px;
    }

    .slicni-kartica-sadrzaj {
        width: 100%;
        padding: 0px 20px 40px;
    }

    #dd-filter-block.dd-filter-blok {
        padding: 0 20px;
    }

    .filter-blok-wrap {
        border-radius: 24px;
    }

    .filter-left-inner {
        padding: 30px 25px 0px;
    }

    .filter-right-inner {
        padding: 0 25px 30px;
    }

    .filter-naslov {
        font-size: 28px;
    }

    #dd-operema-banner.dd-operema-baner-blok {
        padding: 60px 20px 70px 20px;
    }

    .dd-svi-uredjaji {
        padding: 50px 20px 60px;
    }

    .svi-uredjaji-naslov {
        font-size: 32px;
    }

    .svi-uredjaj-wrap {
        padding: 22px 22px 26px;
    }

    .svi-uredjaji-row > [class*="col-"] {
        width: 100%;
    }

    .svi-uredjaj-sadrzaj .proizvod-dugmici {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

/*     .svi-uredjaj-sadrzaj .proizvod-btn-sekundarni {
        width: unset;
    } */

	.blog-section-container {
		padding: 60px 20px 70px;
	}

	.blog-section-container .blog-post {
		padding: 0px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.page-numbers {
		width: 43px;
		height: 43px;
		font-size: 16px;
	}

	a.prev.page-numbers, a.next.page-numbers {
		font-size: 16px;
	}

	.dd-pagination-holder.navigation {
		margin-top: 25px;
		gap: 6.5px;
	}

	.page-numbers {
		width: 43px;
		height: 43px;
		font-size: 16px;
	}

	a.prev.page-numbers, a.next.page-numbers {
		font-size: 16px;
	}

	.dd-pagination-holder.navigation {
		margin-top: 25px;
		gap: 6.5px;
	}

	.dd-inner-content.single-post-content h2 {
		margin: 22px 0 17px;
	}

	.dd-inner-content.single-post-content h3 {
		margin: 20px 0 15px;
	}

	.dd-inner-content.single-post-content h4 {
		margin: 19px 0 14px;
	}

	.dd-inner-content.single-post-content h5 {
		margin: 18px 0 13px;
	}

	.post-summary-wrap {
		margin-bottom: 22px;
	}

	.wp-caption .wp-caption-text {
		margin: 12px 0 0;
	}

	.dd-inner-content.single-post-content figure {
		margin: 22px 0 24px;
	}

	.dd-inner-content.single-post-content ul, .dd-inner-content.single-post-content ol {
		margin: 18px 0 30px;
	}

	#dd-single-faq.dd-single-faq.dd-faq-block {
		margin: 20px 0 30px;
	}

	.dd-inner-content.single-post-content {
		margin: 22px 0 30px;
	}

	.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
		gap: 10px;
		flex-direction: column;
		align-items: center;
	}

	.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
		text-align: left;
	}

	.dd-inner-content.single-post-content .faq-naslov {
		margin: 10px 0 25px;
	}


    section.dd-sitemap {
        padding: 60px 20px 0px;
    }

.inner-hero-left-wrap.dd-korpa-wrap {
    padding: 120px 0px 10px;
}

 .inner-hero-left-wrap.dd-korpa-wrap :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,  {
    font-size: 93%;
 
}
.inner-hero-left-wrap.dd-korpa-wrap a.checkout-button.button.alt.wc-forward {
    width: 100%;
    font-weight: 500;
}
    .inner-hero-left-wrap.dd-korpa-wrap td.product-quantity::before {
        margin-top: 10px;
    }
    .inner-hero-left-wrap.dd-korpa-wrap td.product-quantity {
        overflow: hidden;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }
    .inner-hero-left-wrap.dd-korpa-wrap td.product-quantity .quantity,
    .inner-hero-left-wrap.dd-korpa-wrap td.product-quantity input.qty {
        max-width: 100%;
        box-sizing: border-box;
    }

    .clbi-container { padding-left: 15px; padding-right: 15px; }
    .clbi-card { padding: 30px 20px; }

    .dis-container { padding: 0 20px; }
    .dd-image-section-block { padding: 60px 0 50px; }

    .dd-text-two-col-block { padding: 50px 20px 60px; }
    .ttc-title { font-size: 24px; line-height: 34px; }

    .dd-text-images-block { padding-top: 50px; }
    .tic-container { padding: 0 20px 0 20px; }
    .tic-title { font-size: 24px; line-height: 34px; }
    .tic-img-wrap { height: 100%; margin-bottom: 15px; }
    .tic-images-row [class*="col-"]:last-child .tic-img-wrap { margin-bottom: 0; }

    .tic-col-first .tic-img-wrap  { justify-content: center; }
    .tic-col-third .tic-img-wrap  { justify-content: center; }

    .col-xs-12.col-sm-4.tic-col-second { margin-top: -91%; }
    .col-xs-12.col-sm-4.tic-col-third  { margin-top: -91%; }

    .tcc-container { padding: 0 15px; }
    .dd-two-col-cards-block { padding: 50px 0; }
    .tcc-img-wrap { height: 260px; }
    .tcc-content { padding: 35px 25px; }
    .tcc-title { font-size: 24px; line-height: 34px; }

    .ilcr-content-col { padding: 30px 20px; }
    .ilcr-card { padding: 30px 25px; }
    .ilcr-title { font-size: 24px; line-height: 34px; }
    .ilcr-image-col { height: 240px; }

    .dd-ugradnja-blok { padding: 60px 20px 0px; }
    #dd-three-col-cards { padding: 40px 20px 60px; }
    .card-holder { flex-direction: column-reverse; border-radius: 20px; }
    .card-img-wrap { width: 100%; height: 220px; border-radius: 20px; }
    .card-content { padding: 0 0 30px; }
    .ugradnja-wrap.dd-wrap { gap: 20px; padding: 30px 10px; border-radius: 20px; }
    #dd-two-col-images-content { padding: 50px 20px 43px; }
    .two-col-left { padding-right: 0; }
    .left-text-wrap { padding-top: 0px; padding-bottom: 25px; }
    .left-img-holder .left-img { height: 200px; }
    .right-inner { padding: 30px 20px; border-radius: 20px; }
    .left-title { font-size: 26px; line-height: 36px; }

    .ilcb-card { padding: 30px 25px; }
    .ilcb-title { font-size: 24px; line-height: 34px; }
    .ilcb-image-col { height: 330px; }

    .tcc-img-wrap {
        border-radius: 20px 20px 0 0;
        height: 360px;
    }

    .tcc-img-wrap .tcc-img {
        height: 100%;
    }

    .ilcb-content-col {
        padding: 30px 20px 30px;
    }
	 section#dd-inner-hero {
        background-position: 70% !important;
    }
	
	.dd-inner-content ul li, .dd-inner-content ol li {
		line-height: 24px;
		padding-bottom: 10px;
	}
	.koraci-kontejner h2.koraci-title {
		margin-bottom: 0;
	}
.page-template-page-upit section#dd-inner-hero {
    padding: 140px 20px 60px;
}
}

@media screen and (max-width: 600px) {
    .contact-hero .dd-inner-hero-wrap {
        margin-bottom: 30px;
        padding: 20px 20px 30px;
        border-radius: 20px;
    }

    .upit-hero .dd-inner-hero-wrap {
        padding: 20px 15px 30px;
        border-radius: 20px;
    }

    .upit-hero .inner-hero-right {
        padding: 0px;
    }

    .upit-info-card {
        padding: 18px 20px;
    }

    #dd-koraci.dd-koraci-blok {
        padding: 60px 0px 60px 20px;
    }

    section#dd-inner-hero {
        padding: 140px 20px 30px;
		max-height: 100%;
    }


    .contact-hero-left-card {
        padding: 25px 20px 20px;
    }

    .contact-hero-map-image {
        flex-direction: column;
        min-height: unset;
    }

    .contact-map-wrap {
        min-height: 200px;
    }

    .contact-menu-image-wrap {
        min-height: 200px;
    }

    .contact-hero-form-wrap {
        padding: 25px 20px;
    }

    .inner-hero-title {
        font-size: 29px;
        line-height: 38px;
        margin-bottom: 5px;
    }

    p.inner-hero-subtitle br {
        display: none;
    }

    .inner-hero-subtitle {
        margin-bottom: 17px;
    }

    .inner-hero-left-wrap .baner-dugme {
        font-size: 16px;
    }

    .inner-hero-right-wrap {
        min-height: 250px;
    }

    .dd-block-left-image {
        padding: 30px 20px;
    }

 .first-left-img-wrap {
    min-height: unset;
}

    .block-header-wrap {
        margin-bottom: 30px;
    }

    .block-header-wrap .block-subtitle {
        font-size: 15px;
    }

    .image-row-wrap {
        margin-bottom: 30px;
    }



    .dd-block-first-left-text {
        padding: 50px 20px 30px;
    }

    .dd-cetiri-slike-blok {
        padding: 50px 20px;
    }

    .dd-specifikacija-blok {
        padding: 50px 20px;
    }

    .dd-ugradnja-blok {
        padding: 30px 20px;
    }

    p.ugradnja-text br {
        display: none;
    }

    .specifikacija-wrap {
        gap: 20px;
    }

    .specifikacija-col-right .statistika-text {
        margin: 20px 0 0;
    }

    .upit-hero .inner-hero-left {
        padding: 0px;
    }

    .contact-hero-form-wrap.upit-form-wrap {
        padding: 10px 15px;
        overflow: hidden;
        float: left;
        width: 100%;
    }

    .upit-hero .inner-hero-left-wrap {
        margin-bottom: 15px;
    }

    .contact-hero-form-wrap.dd-wrap.upit-form-wrap .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 22px;
        grid-row-gap: 10px;
    }

    .contact-hero-form-wrap.dd-wrap.upit-form-wrap .gform_wrapper.gravity-theme .gform_footer button {
        justify-content: center;
    }

    #dd-baner-sekcija-dva.dd-banner-block .baner-naslov {
        max-width: 325px;
        margin-bottom: 15px;
    }

    #dd-baner-sekcija-dva.dd-banner-block .baner-naslov br {
        display: none;
    }

    .slicni-kartica-cta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
    }

    .slicni-kartica .slicni-kartica-sadrzaj .proizvod-btn-sekundarni {
        width: 100%;
    }

    .slicni-kartica-cta .baner-dugme {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 14px 28px;
    }

    .slicni-kartica-cta .baner-dugme .baner-dugme-ikona {
        display: none;
    }

    #dd-operema-banner.dd-operema-baner-blok {
        padding: 40px 20px 50px 20px;
    }

    .dd-svi-uredjaji {
        padding: 40px 20px 40px;
    }

    .svi-uredjaj-sadrzaj .proizvod-btn-sekundarni {
        width: 100%;
    }

    .dd-inner-content ul.dd-sitemap-pages {
        flex-direction: column;
        gap: 0px;
    }

    .left-images-wrap { gap: 10px; }
    .left-img-holder .left-img { height: 160px; }

    .tcc-img-wrap {
        height: 300px;
    }
	.dd-inner-hero-wrap {
		margin-left: 0;
		margin-right: 0;
	}
	.inner-hero-left-wrap {
		align-items: flex-start;
	}
	h1.inner-hero-title,
	p.inner-hero-subtitle {
		text-align: left;
	}
	.row.slicni-row {
		row-gap: 0;
	}
	.inner-hero-left.col-12.col-md-6 {
		padding-left: 0;
		padding-right: 0;
	}
    .col-xs-12.col-sm-4.tic-col-second { margin-top: -110%; }
    .col-xs-12.col-sm-4.tic-col-third  { margin-top: -110%; }
		p#breadcrumbs {
		font-size: 12px;
		text-align: left;
	}
	ul.wp-block-archives-list.wp-block-archives,
	ul.wp-block-categories-list.wp-block-categories {
		flex-direction: column;
		gap: 0;
	}
	ul.wp-block-archives-list.wp-block-archives li,
	ul.wp-block-categories-list.wp-block-categories li {
		margin-bottom: 0;
	}
	.page-id-2103 section#dd-inner-hero {
		background-position: 25% !important;
	}
.page-id-4680 .dd-inner-content .cart_totals h2 {

    text-align: center;
}
    .page-id-7350 section#dd-inner-hero {
        background-image: url('/wp-content/uploads/2026/05/Hero-dodatna-oprema-mobile-1.jpg') !important;
     
    }
.page-template-page-upit section#dd-inner-hero {
    padding: 140px 20px 30px;
}
}

@media screen and (max-width: 580px) {
    #dd-baner-sekcija-dva.dd-banner-block {
        padding: 284px 20px 27px;
    }
}


@media screen and (max-width: 500px) {
.dodatna-oprema-button-wrap {
    gap: 10px;
    /* flex-wrap: wrap; */
    width: 100%;
}

.dodatna-oprema-button-wrap .hero-btn-wrap {
    width: 50%;
}
.dodatna-oprema-button-wrap .hero-cta-btn {
    font-size: 14px;
    width: 100%;
    height: 56px;
    justify-content: center;
    padding: 14px 9px;
}

	.dodatna-oprema-button-wrap .hero-cta-btn .hero-cta-icon{
display:none;
}
}


@media screen and (max-width: 420px) {
.page-id-4680.woocommerce-page main {
    padding: 15px 15px 10px;
}
}

@media screen and (max-width: 400px) {
    .col-xs-12.col-sm-4.tic-col-second { margin-top: -155%; }
    .col-xs-12.col-sm-4.tic-col-third  { margin-top: -155%; }
}
@media screen and (max-width: 374px) {
    .upit-hero .dd-inner-hero-wrap {
        padding: 20px 4px 30px;
    }
}

@media screen and (max-width: 370px) {
    .instalacija-logs {
        gap: 10px;
        align-items: flex-start;
        flex-direction: column;
    }
}

@media screen and (max-width: 350px) {
    .first-left-img-wrap {
        min-height: 230px;
    }
}
/* Aplikacija page */
.page-id-1363 .dd-slicni-proizvodi {
    padding-top: 0px;
}

.page-id-1363 .ilcb-content-col {
    border-top: none;
}

/* DD Image Left Content Badges */
.ilcb-image-col img {
    height: 100%;
}

.dd-image-left-content-badges .ilcb-card-inner a.baner-dugme {
    margin-top: 22px;
}

/* FRESH O2 strana */
.page-id-7296 .dd-ugradnja-blok {
    padding-top: 0px;
}

.page-id-7296 .ugradnja-wrap.dd-wrap {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

/* balance strana: */

.page-id-6121 .ugradnja-navigacija {
    display: flex;
    gap: 15px;
    display: none;
}