@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css');

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    padding-bottom: 40px;
    color: #5a5a5a;
    font-family: var(--po-font-body);
    background-color: #FFF;
    background: url(../img/sajt-bg2.jpg) repeat-y top center;

}

/* Global cleanup requested after product-page pass. */
.space-divider,
.space-divider.separator,
.space-divider.no-top-margin {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

:root {
    --po-font-heading: 'Mulish', sans-serif;
    --po-font-body: 'Mulish', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--po-font-heading);
    font-weight: 600;
    letter-spacing: 0;
}

a:active,
a:focus {
    outline: none;
}

/* boje */

.green {
    color: #45BD45;

}

#page-top {
    position: absolute;
    top: 0;

}

/* ADDTHIS CUSTOMIZATION
-------------------------------------------------- */
.addthis_toolbox {
    margin-top: 25px;

}

#at4win-footer {
    height: 30px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-fixed-top {
    border-bottom: 3px solid rgba(231, 231, 231, 0.8) !important;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-wrapper {
    position: relative;
    z-index: 15;
}

.navbar-nav > a:hover {
    border-bottom: 3px solid rgba(116, 190, 69, 1);
    background: none;
    color: rgba(116, 190, 69, 1);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 3px solid rgba(116, 190, 69, 1);
    background-color: rgba(0, 0, 0, 0);
    color: rgba(116, 190, 69, 1);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(116, 190, 69, 1);
}

.navbar-fixed-top {
    border-width: 0;
}

.nav-moj > li > a {
    font-size: 1.2em;
    padding-bottom: 30px;
    padding-top: 30px;
}

.logo-nav {
    margin-right: 15px;

}

.logo-small-text {
    display: block;
    margin-top: -2px;
    font-size: 12px;

}

/* CUSTOMIZE THE HERO SWIPER
-------------------------------------------------- */
.custom-rot-1 {
    /*bottom:-15px !important;*/
}

.max .item-img-novagodina {
    background: url(../img/NovaGodina2019.jpg) center top no-repeat;
    width: 100%;
    height: 543px;
}

.max .item-img-novagodina2017 {
    background: url(../img/SajtObavestenje2017.png) center top no-repeat;
    width: 100%;
    height: 543px;
}

.max .item-img-1 {
    background: url(../img/hero-startup-business-paketi.png) center top / cover no-repeat;
    width: 100%;
    height: 543px;
}

.max .item-img-2 {
    background: url(../img/hero-reklamni-materijal.png) center top / cover no-repeat;
    width: 100%;
    height: 543px;
}

.max .item-img-3 {
    background: url(../img/hero-promotivni-sajamski-materijal.png) center top / cover no-repeat;
    width: 100%;
    height: 543px;
}

/* Reklamni materijal rotator */
.rm .item-img-0 {
    background: url(../img/rm-rot-bg-white.jpg) center top no-repeat;
    width: 100%;
    height: 450px;
}

.rm .item-img-1 {
    background: url(../img/rot-solja-ella.jpg) center top no-repeat;
    width: 100%;
    height: 450px;
}

.rm .item-img-2 {
    background: url(../img/rot-solja-betty.jpg) center top no-repeat;
    width: 100%;
    height: 450px;
}

.rm .item-img-3 {
    background: url(../img/rot-torba-tahiti.jpg) center top no-repeat;
    width: 100%;
    height: 450px;
}

.rot-opis {
    background: rgba(255, 255, 255, 0.9);
    padding: 25px;

}

.rot-slika {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .row.product {
        position: relative;
        width: 1200px;
        height: 450px;
        margin: 0 auto;

    }

    #services .row.product {
        position: relative;
        width: 1200px;
        height: auto;
        margin: 0 auto;

    }
}

#reklamni-materijal-small {
    min-height: 1000px;
}

#reklamni-materijal-mid {
    min-height: 1250px;
}

#reklamni-materijal-big {
    min-height: 1500px;
}

/* Usluge rotator */
.mini .item-img-0 {
    background: url(../img/kalendar-banner-small-1.jpg) center top no-repeat;
    width: 100%;
    height: 200px;
}

.mini .item-img-1 {
    background: url(../img/usluge-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.mini .item-img-2 {
    background: url(../img/koverte-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.mini .item-img-3 {
    background: url(../img/cestitke-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.po-swiper-general .general-hero-slide {
    aspect-ratio: 1980 / 543;
    background: #f7f7f4;
    height: clamp(190px, 27.42vw, 430px);
    overflow: hidden;
    width: 100%;
}

.po-swiper-general .general-hero-image {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}

.mini .item-img-4 {
    background: url(../img/brosura-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.mini .item-img-5 {
    background: url(../img/blokovi-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.mini .item-img-6 {
    background: url(../img/flajer-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.mini .item-img-7 {
    background: url(../img/diplome-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.mini .item-img-8 {
    background: url(../img/fascikle-banner-small-2.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}

.mini .item-img-9 {
    background: url(../img/akreditacije-banner-small-1.jpg) center top no-repeat;
    /*background-size:cover;*/
    width: 100%;
    height: 200px;
}



/* MARKETING CONTENT
-------------------------------------------------- */
.najtrazeniji-p {
    line-height: 24px;
}

h1 {
    /*background: none repeat scroll 0 0 rgba(116,190,69,0.8);*/
    margin: 0 0 2em;
    padding: 10px 0;
}

h2 {
    margin: 0.5em 0 1em 0;
    text-transform: uppercase;
    font-weight: bold;
}

/* Pad the edges of the mobile views a bit */
.marketing {
    padding-left: 15px;
    padding-right: 15px;
}

/* Center align the text within the three columns below the featured content */
.marketing .col-lg-4 {
    text-align: center;
    margin-bottom: 20px;
}

.marketing h2 {
    font-weight: normal;
}

.marketing .col-lg-4 p {}

.rm-frame {
    border: none;

}

.maska {
    display: block;
    position: relative;
    width: 100%;
    height: 65px;
    top: 65px;
    border: none;
    background: #f6f6f6;
    z-index: 5000;

}

.myiframe {
    display: block;
    border: 1px solid #F00;
}

#maincontent {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #000 !important;
    font-family: var(--po-font-body) !important;
    font-size: 1.2em !important;
    height: 700px !important;
    line-height: 1.3em !important;
    margin: 0 auto !important;
    padding: 0 !important;
    vertical-align: top !important;
    width: 1140px !important;
}

:root {
    --po-brand-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 850 95' preserveAspectRatio='none'%3E%3Crect width='212.5' height='95' fill='%2340317f'/%3E%3Crect x='212.5' width='212.5' height='95' fill='%23d8175b'/%3E%3Crect x='425' width='212.5' height='95' fill='%23f5262b'/%3E%3Crect x='637.5' width='212.5' height='95' fill='%23f1da10'/%3E%3C/svg%3E");
    --po-brand-divider-height: 5px;
}

.po-brand-divider-line {
    background: var(--po-brand-divider) center / 100% 100% no-repeat;
    border-radius: 0;
    content: "";
    display: block;
    height: var(--po-brand-divider-height);
    width: 144px;
}

#headlinks {
    width: 50%;

}

#headlinks a {
    background: #757575 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 38px;
    padding: 13px;
    text-decoration: none;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}


/* KALENDARI CONTENT 
-------------------------------------------------- */
.kalendar .col-lg-4 h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0px;
    margin: 80px 0 10px 0 !important;
    text-align: center;

}

.kalendar .col-lg-4 .lead {
    font-size: 1.1em;
    text-align: center !important;
    margin-top: 10px;
}

/* products
------------------------- */

.product-divider {
    margin: 80px 0;
    /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.heading {
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
}

h1.heading {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 2.8em;
    margin: 0 0 10px;
    text-transform: uppercase;
}

h2.heading {
    font-size: 2.3em;
    text-transform: uppercase;
    background: none;
    margin: 0 0 25px;
    padding: 10px 0;
}

/* About
------------------------- */

.home-hero {
    background: #f1f1ed;
    overflow: hidden;
    padding-top: 83px;
    position: relative;
}

.home-hero:before {
    display: none;
}

.home-kicker {
    color: #74BE45;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.14em;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.home-title {
    color: #1b1b1b;
    font-size: 3.7em;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 24px;
    max-width: 860px;
    text-transform: none;
}

.home-lead,
.home-sublead {
    color: #4a4a4a;
    line-height: 1.9;
    margin-bottom: 22px;
    text-align: left;
}

.home-lead {
    font-size: 1.22em;
}

.home-sublead {
    font-size: 1.04em;
    max-width: 760px;
}

.home-actions {
    margin-top: 32px;
}

.home-button {
    border-radius: 999px;
    font-size: 0.95em;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin: 0 12px 12px 0;
    padding: 14px 24px;
    text-transform: uppercase;
    transition: all 0.25s ease;
}

.home-button:hover,
.home-button:focus {
    text-decoration: none;
}

.home-button-primary {
    background: #74BE45;
    border: 1px solid #74BE45;
    color: #ffffff;
}

.home-button-primary:hover,
.home-button-primary:focus {
    background: #5ca933;
    border-color: #5ca933;
    color: #ffffff;
}

.home-button-secondary {
    background: transparent;
    border: 1px solid #d3d9cc;
    color: #2c2c2c;
}

.home-button-secondary:hover,
.home-button-secondary:focus {
    border-color: #74BE45;
    color: #74BE45;
}

.about-hero-image-wrap img {
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.14);
    width: 100%;
}

.home-hero-copyband {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbf8 100%);
    padding: 38px 0 22px;
}

.home-hero-swiper {
    overflow: hidden;
    position: relative;
}

.home-hero-swiper .swiper-slide {
    background: #ecece7;
}

.po-swiper {
    overflow: hidden;
    position: relative;
}

.po-site-hero {
    --po-site-hero-current-height: clamp(260px, 27.42vw, 543px);
    background: #f7f7f4;
}

.po-site-hero-product {
    --po-site-hero-current-height: clamp(300px, 22vw, 380px);
}

#rotator {
    padding-top: 83px;
}

.po-site-hero .swiper-slide,
.po-site-hero-slide {
    background: #f7f7f4;
    height: var(--po-site-hero-current-height);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.po-site-hero-image {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}

.po-site-hero-product .po-site-hero-image {
    object-fit: cover;
}

.po-content-swiper {
    background: #f7f7f4;
    border-radius: 8px;
}

.po-content-swiper .swiper-slide {
    align-items: center;
    background: #f7f7f4;
    display: flex;
    justify-content: center;
}

.po-content-swiper .swiper-slide img {
    display: block;
    height: auto;
    width: 100%;
}

.home-hero-slide {
    aspect-ratio: 1980 / 543;
    background: #f7f7f4;
    height: clamp(260px, 27.42vw, 543px);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.home-hero-image {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}

.home-hero-slide-one {
    background: #eef7fd;
}

.home-hero-slide-two {
    background: #fbfaf8;
}

.home-hero-slide-three {
    background: #f5efe7;
}

.home-hero-pagination {
    bottom: 28px !important;
    left: 50% !important;
    position: absolute;
    transform: translateX(-50%);
    width: auto !important;
    z-index: 3;
}

.home-hero-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.45);
    height: 10px;
    margin: 0 8px !important;
    opacity: 1;
    transition: all 0.28s ease;
    width: 10px;
}

.home-hero-pagination .swiper-pagination-bullet-active {
    background: #ffffff;
    border-radius: 999px;
    width: 26px;
}

.home-hero-nav {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    bottom: 24px;
    padding: 0;
    position: absolute;
    width: 60px;
    z-index: 3;
}

.home-hero-prev {
    left: 22px;
}

.home-hero-next {
    right: 22px;
}

.home-hero-nav .fa {
    background: rgba(17, 17, 17, 0.58);
    border-radius: 999px;
    color: #ffffff;
    font-size: 24px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 42px;
}

.about-hero-image-wrap img {
    border-radius: 18px;
}

.home-hero-copyband .col-md-10,
.home-hero-copyband .col-lg-8 {
    animation: homeCopyRise 0.7s ease both;
}

@keyframes homeCopyRise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-intro {
    padding: 42px 0 30px;
}

.home-intro-heading-row {
    margin-bottom: 12px;
}

.home-title,
.home-section-title,
.home-products-heading {
    color: #1b1b1b;
    font-family: var(--po-font-heading);
    font-size: 3.7em;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 24px;
    max-width: 860px;
    text-transform: none;
}

.home-intro .lead {
    color: #4a4a4a;
    font-size: 1.22em;
    line-height: 1.9;
    margin-bottom: 22px;
    max-width: 760px;
    text-align: left;
}

.home-wide-visual {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 44%),
        url("../img/stiker-mockups/verda-paper-wine-labels.jpg") center center / cover no-repeat;
    margin-bottom: 0;
    min-height: clamp(360px, 41vw, 610px);
    width: 100%;
}

.home-flyer-wide-visual {
    background:
        linear-gradient(90deg, rgba(10, 24, 38, 0.08) 0%, rgba(10, 24, 38, 0) 48%),
        url("../img/flajer-mockups/metrovia-blue-corporate-trifold-paper-digital-print.png") center center / cover no-repeat;
    min-height: clamp(340px, 39vw, 580px);
    width: 100%;
}

.home-flyer-wide-visual-alt {
    background-image:
        linear-gradient(90deg, rgba(245, 245, 245, 0.06) 0%, rgba(245, 245, 245, 0) 46%),
        url("../img/flajer-mockups/sareni-svet-kids-a5-dl-promo-set-digital-print.png");
    margin-top: 0;
}

.home-mockup-showcase {
    background: #f7f8f4;
    padding: 100px 0;
}

.home-mockup-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-mockup-tile {
    background: #111;
    color: #fff;
    display: block;
    min-height: 260px;
    overflow: hidden;
    position: relative;
}

.home-mockup-tile-large {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 540px;
}

.home-mockup-tile-wide {
    grid-column: span 2;
}

.home-mockup-tile img {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    transition: transform 0.55s ease, filter 0.55s ease;
    width: 100%;
}

.home-mockup-tile:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.55) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.home-mockup-tile span {
    bottom: 18px;
    color: #fff;
    font-size: 0.88em;
    font-weight: 700;
    left: 18px;
    letter-spacing: 0.08em;
    position: absolute;
    right: 18px;
    text-transform: uppercase;
    z-index: 2;
}

.home-mockup-tile:hover,
.home-mockup-tile:focus {
    color: #fff;
    text-decoration: none;
}

.home-mockup-tile:hover img,
.home-mockup-tile:focus img {
    filter: saturate(1.08);
    transform: scale(1.04);
}

.home-products-section {
    background: #ffffff;
    overflow: hidden;
    padding: 120px 0 110px;
    position: relative;
}

.home-products-header {
    margin-bottom: 92px;
}

.home-products-header:before {
    background: var(--po-brand-divider) center / 100% 100% no-repeat;
    border-radius: 0;
    content: "";
    display: block;
    height: 8px;
    margin: 0 0 24px;
    width: 144px;
}

.home-products-heading,
.home-section-title {
    text-align: left;
}

.home-section-title .text-muted,
.home-products-heading .text-muted {
    color: inherit;
    display: inline;
    font-family: inherit;
    font-weight: inherit;
}

.home-products-intro {
    color: #4a4a4a;
    font-size: 1.22em;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 22px;
    max-width: 760px;
    padding-top: 0;
    text-align: left !important;
}

.home-product-image {
    overflow: hidden;
    position: relative;
}

.home-product-image img {
    border: 0;
    display: block;
    margin-bottom: 0;
    max-height: 520px;
    object-fit: cover;
    transition: transform 0.55s ease, filter 0.55s ease;
    width: 100%;
}

.home-product-visual {
    margin-bottom: 26px;
    position: relative;
    --po-triangle-parallax-x: 0px;
    --po-triangle-parallax-y: 0px;
}

.home-product-visual-a .home-product-image {
    clip-path: polygon(0 0, 82% 0, 100% 18%, 100% 100%, 18% 100%, 0 78%);
}

.home-product-visual-b .home-product-image {
    clip-path: polygon(16% 0, 100% 0, 100% 82%, 84% 100%, 0 100%, 0 18%);
}

.home-product-visual-c .home-product-image {
    clip-path: polygon(0 0, 78% 0, 100% 22%, 100% 100%, 0 100%, 0 10%);
}

.home-product-image:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(17, 17, 17, 0.12) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.home-product-visual:hover .home-product-image img {
    filter: saturate(1.05);
    transform: scale(1.04);
}

.home-product-shape {
    pointer-events: none;
    position: absolute;
    transition: transform 0.18s ease-out;
    z-index: 3;
}

.home-product-shape-a {
    background: rgba(116, 190, 69, 0.82);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    height: 250px;
    left: -56px;
    top: -42px;
    transform: translate3d(var(--po-triangle-parallax-x), var(--po-triangle-parallax-y), 0) rotate(-8deg);
    width: 250px;
}

.home-product-shape-b {
    background: rgba(0, 166, 214, 0.76);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    height: 280px;
    right: -72px;
    top: 58%;
    transform: translate3d(var(--po-triangle-parallax-x), calc(-50% + var(--po-triangle-parallax-y)), 0) rotate(8deg);
    width: 280px;
}

.home-product-shape-c {
    background: rgba(236, 63, 143, 0.72);
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    height: 250px;
    right: -44px;
    top: -34px;
    transform: translate3d(var(--po-triangle-parallax-x), var(--po-triangle-parallax-y), 0) rotate(14deg);
    width: 250px;
}

.home-product-copy {
    text-align: left;
}

.home-products-stats {
    border-bottom: 1px solid #e9e9e2;
    margin-bottom: 92px;
    padding-bottom: 54px;
}

.home-stat {
    max-width: 320px;
    padding-right: 34px;
}

.home-stat-number,
.home-stat-suffix {
    color: #171717;
    display: inline-block;
    font-size: 4.6em;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
}

.home-stat p {
    color: #5b5b5b;
    font-size: 0.98em;
    line-height: 1.9;
    margin: 20px 0 0;
}

.home-products-editorial {
    margin-top: 0;
}

.home-product-row {
    align-items: center;
    margin-bottom: 110px;
}

.home-products-editorial .home-product-row:last-child {
    margin-bottom: 0;
}

.home-product-label {
    color: #74BE45;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.home-product-copy h3 {
    color: #171717;
    font-size: 2.75em;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 28px;
    max-width: 520px;
}

.home-product-copy p {
    color: #585858;
    font-size: 1.08em;
    line-height: 1.95;
    margin-bottom: 24px;
    max-width: 430px;
}

.home-product-action {
    margin-bottom: 0 !important;
}

.home-products-section .green-button {
    border-radius: 0;
    padding-left: 22px;
    padding-right: 22px;
}

.about-divider {
    margin: 0.5em 0;
    /* Space out the Bootstrap <hr> more */
}

.about-page {
    position: relative;
}

.about-hero-wide {
    background: linear-gradient(180deg, #ffffff 0%, #f6f7f2 100%);
    overflow: hidden;
    padding: 120px 0 55px;
}

.about-kicker {
    color: #74BE45;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.14em;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.about-hero-row > .col-md-6:first-child:before {
    background: var(--po-brand-divider) center / 100% 100% no-repeat;
    border-radius: 0;
    content: "";
    display: block;
    height: 8px;
    margin: 0 0 24px;
    width: 144px;
}

.about-title {
    color: #1b1b1b;
    font-family: var(--po-font-heading);
    font-size: 3.7em;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 24px;
    max-width: 860px;
    text-transform: none;
}

h1.about-title {
    font-size: 3.7em;
    font-weight: 800;
    margin: 0 0 24px;
    padding: 0;
    text-transform: none;
}

.about-title .text-muted {
    color: #9da19a;
}

.about-section-title .text-muted {
    color: inherit;
    display: inline;
    font-family: inherit;
    font-weight: inherit;
}

.about-intro {
    color: #4a4a4a;
    font-size: 1.22em;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 22px;
    max-width: 760px;
    text-align: left;
}

.about-hero-text {
    color: #555555;
    font-size: 1.12em;
    line-height: 1.9;
    margin-bottom: 0;
    max-width: 650px;
    text-align: left;
}

.about-hero-image-wrap {
    margin-top: 8px;
    max-width: 560px;
    margin-left: auto;
}

.about-hero-image-wrap .po-editorial-image img {
    border-radius: 0;
    box-shadow: none;
    height: 390px;
    object-fit: cover;
    object-position: center;
}

.about-hero-image-wrap .po-editorial-shape-c {
    height: 170px;
    right: -28px;
    top: -26px;
    width: 170px;
}

.about-flow {
    padding-bottom: 35px;
    padding-top: 35px;
}

.about-copy-row {
    padding: 30px 0;
}

.about-section-title {
    color: #1e1e1e;
    font-family: var(--po-font-heading);
    font-size: 3.7em;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 24px;
    max-width: 860px;
    text-transform: none;
}

h2.about-section-title {
    font-size: 3.7em;
    font-weight: 400;
    line-height: 1.12 !important;
    margin: 0 0 24px;
    padding: 0;
    text-transform: none;
}

.about-section-title-right {
    padding-left: 0;
    text-align: left;
}

.about-page .lead {
    color: #4a4a4a;
    font-size: 1.22em;
    font-weight: 200;
    line-height: 1.95;
    margin-bottom: 26px;
    max-width: 760px;
    text-align: left;
}

.about-wide-visual {
    background-attachment: scroll;
    background-color: #d9d9d9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    min-height: 48vh;
    width: 100%;
}

.about-wide-visual-one {
    background-image:
        linear-gradient(180deg, rgba(20, 20, 20, 0.12) 0%, rgba(20, 20, 20, 0.2) 100%),
        url("../img/stiker-mockups/verda-paper-wine-labels.jpg");
}

.about-wide-visual-two {
    background-image:
        linear-gradient(180deg, rgba(20, 20, 20, 0.18) 0%, rgba(20, 20, 20, 0.1) 100%),
        url("../img/stiker-mockups/solara-paper-wine-labels.jpg");
}

.about-wide-visual-three {
    background-image:
        linear-gradient(180deg, rgba(20, 20, 20, 0.14) 0%, rgba(20, 20, 20, 0.18) 100%),
        url("../img/flajer-mockups/lumina-beauty-a5-dl-brand-set-digital-print.png");
}

.about-mockup-block {
    padding-bottom: 60px;
    padding-top: 58px;
}

.about-mockup-block-compact {
    padding-top: 30px;
}

.about-mockup-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.about-mockup-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-mockup-card {
    background: #f4f5f1;
    margin: 0;
    overflow: hidden;
}

.about-mockup-card-large {
    grid-column: span 2;
    grid-row: span 2;
}

.about-mockup-card img {
    display: block;
    height: 260px;
    object-fit: cover;
    width: 100%;
}

.about-mockup-card-large img {
    height: 538px;
}

.about-mockup-card figcaption {
    color: #333;
    font-size: 0.82em;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 14px 16px 16px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .home-hero {
        padding-top: 83px;
    }

    .home-title {
        font-size: 3.1em;
    }

    .about-hero-image-wrap {
        margin-top: 30px;
    }

    .home-hero-slide {
        height: clamp(220px, 27.42vw, 420px);
    }

    .home-section-title,
    .home-products-heading {
        font-size: 3.1em;
    }

    .home-products-stats .col-sm-4 {
        margin-bottom: 30px;
    }

    .home-stat-number,
    .home-stat-suffix {
        font-size: 3.6em;
    }

    .home-product-row {
        margin-bottom: 72px;
    }

    .home-product-copy h3 {
        font-size: 2.1em;
        max-width: none;
    }

    .about-hero-wide {
        padding: 110px 0 40px;
    }

    .about-title,
    h1.about-title {
        font-size: 3.1em;
    }

    .about-section-title,
    .about-section-title-right,
    h2.about-section-title {
        font-size: 3.1em;
        padding-left: 0;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .po-site-hero-general {
        --po-site-hero-current-height: clamp(150px, 34vw, 240px);
    }

    .po-site-hero-product {
        --po-site-hero-current-height: 510px;
    }

    .home-hero {
        padding-top: 83px;
    }

    .home-title {
        font-size: 2.35em;
        line-height: 1.12;
    }

    .home-lead {
        font-size: 1.08em;
    }

    .home-sublead {
        font-size: 0.95em;
    }

    .home-button {
        display: block;
        margin-right: 0;
        text-align: center;
    }

    .home-section-title,
    .home-products-heading {
        font-size: 2.35em;
    }

    .home-intro {
        padding: 34px 0 24px;
    }

    .home-intro-heading-row {
        margin-bottom: 8px;
    }

    .home-intro .lead {
        font-size: 1.08em;
        margin-bottom: 18px;
    }

    .home-wide-visual,
    .home-flyer-wide-visual {
        background-position: center center;
        min-height: 260px;
    }

    .home-mockup-showcase {
        padding: 68px 0;
    }

    .home-mockup-grid,
    .about-mockup-grid,
    .about-mockup-grid-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-mockup-tile,
    .home-mockup-tile-large,
    .home-mockup-tile-wide {
        grid-column: auto;
        grid-row: auto;
        min-height: 260px;
    }

    .home-products-section {
        padding: 80px 0 58px;
    }

    .home-hero-copyband {
        padding: 30px 0 16px;
    }

    .home-hero-slide {
        height: clamp(150px, 34vw, 240px);
    }

    .home-hero-image {
        object-fit: contain;
        object-position: center center;
    }

    .po-swiper-general .general-hero-slide {
        height: clamp(150px, 34vw, 240px);
    }

    .po-swiper-general .general-hero-image {
        object-fit: contain;
        object-position: center center;
    }

    .home-hero-pagination {
        bottom: 16px !important;
    }

    .home-hero-prev {
        left: 8px;
    }

    .home-hero-next {
        right: 8px;
    }

    .home-products-header {
        margin-bottom: 54px;
    }

    .home-products-intro {
        font-size: 1.08em;
        padding-top: 0;
    }

    .home-product-copy h3 {
        font-size: 1.45em;
    }

    .home-product-copy p {
        font-size: 1em;
        line-height: 1.75;
        max-width: none;
    }

    .home-product-image img {
        max-height: none;
    }

    .home-product-shape-a,
    .home-product-shape-b,
    .home-product-shape-c {
        height: 150px;
        width: 150px;
    }

    .home-product-shape-a {
        left: -22px;
        top: -18px;
    }

    .home-product-shape-b {
        right: -30px;
    }

    .home-product-shape-c {
        right: -24px;
        top: -18px;
    }

    .home-stat {
        padding-right: 0;
    }

    .home-stat-number,
    .home-stat-suffix {
        font-size: 2.65em;
    }

    .home-products-stats {
        margin-bottom: 62px;
        padding-bottom: 34px;
    }

    .home-product-row {
        margin-bottom: 58px;
    }

    .about-hero-wide {
        padding: 100px 0 28px;
    }

    .about-kicker {
        font-size: 0.95em;
        letter-spacing: 0.12em;
    }

    .about-title,
    h1.about-title {
        font-size: 2.35em;
        line-height: 1.12;
    }

    .about-intro {
        font-size: 1.08em;
    }

    .about-page .lead {
        font-size: 1.08em;
        line-height: 1.8;
    }

    .about-section-title,
    .about-section-title-right,
    h2.about-section-title {
        font-size: 2.35em;
    }

    .about-wide-visual {
        min-height: 32vh;
    }

    .about-mockup-card,
    .about-mockup-card-large {
        grid-column: auto;
        grid-row: auto;
    }

    .about-mockup-card img,
    .about-mockup-card-large img {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .home-mockup-grid,
    .about-mockup-grid,
    .about-mockup-grid-three {
        grid-template-columns: 1fr;
    }

    .home-mockup-tile,
    .home-mockup-tile-large,
    .home-mockup-tile-wide {
        min-height: 300px;
        width: 100%;
    }

    .about-mockup-card img,
    .about-mockup-card-large img {
        height: 300px;
    }
}

/* price
------------------------- */

#call-action .glyphicon {
    font-size: 2em;
    padding: 20px;
}

#call-action {
    background: url("../img/newsletter-bg.jpg") repeat scroll center center #45BD45;
    position: relative;
    text-align: center;
}

.call-action-head {
    display: inline-block;
    line-height: 5em;
    font-weight: 200;

}

.heading a {
    display: inline-block;
    line-height: 1.5em;
    font-weight: 200;
    text-decoration: none;
    color: #5a5a5a;
    font-weight: 600;
}

.heading a:hover {
    text-decoration: none;
    color: #45BD45;

}

.heading a:hover span {
    text-decoration: none;
    color: #45BD45;
}


/* Map
------------------------- */
#map-canvas {
    height: 500px;
    margin: 0px;
    padding: 0px
}

#map_canvas img {
    max-width: none;
}

.contact-map-hero {
    position: relative;
    margin-top: 84px;
    min-height: 460px;
    overflow: hidden;
    background: #f2f4f5;
}

.contact-map-hero #map-canvas {
    float: none;
    width: 100%;
    height: 520px;
}

.contact-map-directions {
    position: absolute;
    left: 50%;
    top: 34px;
    z-index: 2;
    width: min(92%, 430px);
    margin-left: -355px;
    padding: 22px 24px 24px;
    border-left: 5px solid #45BD45;
    background: rgba(20, 25, 28, 0.78);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
    transform: translateX(-50%);
    pointer-events: none;
    backdrop-filter: blur(8px);
}

.contact-map-directions h1 {
    max-width: 540px;
    margin: 5px 0 8px;
    color: #fff;
    font-size: 32px;
    line-height: 1.15;
    text-shadow: none;
}

.contact-map-label {
    margin: 0;
    color: #9ee283;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-shadow: none;
}

.contact-map-address {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 16px;
    font-weight: 500;
}

.contact-map-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: #45BD45;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(69, 189, 69, 0.28);
    pointer-events: auto;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.contact-map-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    font-size: 12px;
}

.contact-map-button:hover,
.contact-map-button:focus {
    background: #329a32;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 15px 30px rgba(69, 189, 69, 0.34);
    transform: translateY(-1px);
}

@media (max-width: 767px) {
    .contact-map-hero {
        margin-top: 54px;
        min-height: 390px;
    }

    .contact-map-hero #map-canvas {
        height: 430px;
    }

    .contact-map-directions {
        top: 22px;
        margin-left: 0;
        padding: 18px;
    }

    .contact-map-directions h1 {
        max-width: 320px;
        font-size: 25px;
    }

    .contact-map-address {
        font-size: 14px;
    }
}

.contact-business-section {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbf8 100%);
    padding: 72px 0 62px;
}

.contact-business-grid {
    position: relative;
}

.contact-business-grid:before {
    background: var(--po-brand-divider) center / 100% 100% no-repeat;
    border-radius: 0;
    content: "";
    display: block;
    height: 8px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 144px;
}

.contact-documents-panel {
    padding: 34px 15px 0;
    background: transparent;
}

.contact-section-kicker {
    margin: 0 0 12px;
    color: #45BD45;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.contact-documents-head h2 {
    margin: 0;
    font-size: 3.1em;
    font-weight: 800;
    line-height: 1.12;
}

.contact-documents-head h2 {
    color: #1f2528;
}

.contact-documents-head p {
    margin: 18px 0 0;
    color: #4a4a4a;
    font-size: 1.16em;
    line-height: 1.9;
}

.contact-documents-head p {
    max-width: 680px;
    color: #5f686d;
}

.contact-documents-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.contact-document-card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    padding: 18px 20px;
    border: 1px solid #e3e6df;
    border-left: 4px solid #74BE45;
    background: #ffffff;
    color: #263034;
    text-decoration: none;
    box-shadow: 0 18px 42px rgba(27, 27, 27, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.contact-document-card:hover,
.contact-document-card:focus {
    border-color: #74BE45;
    color: #263034;
    text-decoration: none;
    box-shadow: 0 22px 48px rgba(27, 27, 27, 0.12);
    transform: translateY(-2px);
}

.contact-document-card-missing {
    border-left-color: #aeb8bd;
    color: #7b858a;
    box-shadow: none;
}

.contact-document-card-missing:hover,
.contact-document-card-missing:focus {
    border-color: #dfe6e9;
    color: #7b858a;
    transform: none;
    box-shadow: none;
}

.contact-document-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #eef8eb;
    color: #45BD45;
    font-size: 22px;
}

.contact-document-card-missing .contact-document-icon {
    background: #f1f3f4;
    color: #98a2a7;
}

.contact-document-body strong,
.contact-document-body small,
.contact-document-action,
.contact-document-action em {
    display: block;
}

.contact-document-body strong {
    color: #1f2528;
    font-size: 18px;
}

.contact-document-body small {
    margin-top: 5px;
    color: #667176;
    font-size: 14px;
    line-height: 1.45;
}

.contact-document-card-missing .contact-document-body strong,
.contact-document-card-missing .contact-document-body small {
    color: #7b858a;
}

.contact-document-action {
    min-width: 96px;
    color: #45BD45;
    font-size: 14px;
    font-weight: 800;
    text-align: right;
    text-transform: uppercase;
}

.contact-document-action em {
    margin-top: 5px;
    color: #879197;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.contact-document-card-missing .contact-document-action {
    color: #879197;
}

@media (max-width: 991px) {
    .contact-documents-panel {
        border-left: 0;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .contact-business-section {
        padding: 42px 0 36px;
    }

    .contact-documents-panel {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-documents-head h2 {
        font-size: 2.35em;
    }

    .contact-documents-list {
        grid-template-columns: 1fr;
    }

    .contact-document-card {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }

    .contact-document-icon {
        width: 44px;
        height: 44px;
        font-size: 19px;
    }

    .contact-document-action {
        grid-column: 2;
        min-width: 0;
        text-align: left;
    }
}


/* ************* Opste ************* */
.trakica {
    width: 100%;
    height: 5px;
    /*background:rgba(116, 190, 69, 0.8);*/
    background: rgba(231, 231, 231, 0.8);
}

.lead {
    font-size: 1.3em;
    text-align: justify;
    text-align-last: left;

}

.highlight {
    font-size: 1.5em;
    text-align-last: left;
    font-weight: 100;
}

.space-divider {
    height: 10px;
    margin: 50px 0;
}

.separator {
    height: 28px;
    margin: 25px 0 40px;
    overflow: hidden;
    text-align: center;
}

.separator:after {
    content: ".......................................................................";
    letter-spacing: 4px;
    /* Use letter-spacing to increase space between dots*/
}

.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 4px 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 25px;
    margin-top: 25px;
    padding: 9px 10px;
    position: relative;
}

.navbar-brand {
    width: auto;
}

.logo-nav {
    display: block;
    float: left;
    padding: 2px 0;
}

.text-brand {
    display: block;
    float: left;
    height: 25px;
    line-height: 18px;
    margin-top: 10px;
    padding: 2px;
}

/* add this */

.at4-follow .at4-follow-inner {
    padding: 30px 30px 30px 15px;
    position: relative;
}

.at4-follow.at4-follow-24 .at4-follow-inner .at4-follow-close-control div {
    margin-top: 30px;
}


section {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
}

#services {
    height: auto;
}


#page_links span.on {
    margin-top: 50px;
}


/* Cenovnik
------------------------- */

.cenovnik .price:before {
    background: var(--po-brand-divider) center / 100% 100% no-repeat;
    border-radius: 0;
    content: "";
    display: block;
    height: 8px;
    margin: 0 0 24px 15px;
    width: 144px;
}

.cenovnik h4 {
    margin-top: 30px;

}

/* Newsletter
------------------------- */
.newsletter {
    background: url("../img/newsletter-bg.jpg") repeat scroll center center #45BD45;
    padding-bottom: 60px;
    padding-top: 30px;
    position: relative;
    text-align: center;
}

.newsletter h2 {
    background: none;
    font-weight: 100;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
    text-transform: none;
    font-size: 36px;
}

.newsletter .lead {
    font-size: 18px;

}

.newsletter input {
    border: 2px solid rgba(116, 190, 69, 0.8);
    color: #BAB1B1;
    font-size: 18px;
    height: 45px;
    padding-left: 20px;
    margin-top: 20px;
    width: 100%;
}

.newsletter button,
.newsletter input.button {
    background: none repeat scroll 0 0 #45BD45;
    border: medium none;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 18px;
    height: 45px;
    line-height: 18px;
    padding: 11px 40px 15px;
    margin-top: 20px;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
}


/* Upit
------------------------- */
.upit {
    background: url("../img/newsletter-bg.jpg") repeat scroll center center #45BD45;
    padding-bottom: 60px;
    padding-top: 30px;
    position: relative;
}

.upit h2 {
    background: none;
    font-weight: 100;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
    text-transform: none;
    font-size: 36px;
}

.upit .lead {
    font-size: 18px;
    text-align: center;
}

.upit input,
.upit textarea,
.upit select {
    /*
	color: #BAB1B1;
	font-size: 16px;
	padding:10px;
	text-align:left;
	*/

    background: #fff none repeat scroll 0 0;
    border: 2px solid #e8ebed;
    border-radius: 5px;
    box-shadow: none;
    box-sizing: border-box;
    color: #576366;
    font-size: 14px;
    height: auto !important;
    margin: 0;
    outline: 0 none;
    padding: 8px 15px;
    transition: all 0.2s ease 0s;
    width: 100%;
}

.upit input:focus,
.upit textarea:focus {
    background: #e8ebed none repeat scroll 0 0;
    border-color: #d4d9dd;
    box-shadow: none !important;
    color: #5a5a5a;
}

.upit label {
    color: #333333;
    font-size: 14px;
    margin-top: 20px;
    text-align: left !important;
}

.upit button,
.upit input.button {
    background: none repeat scroll 0 0 #45BD45;
    border: medium none;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 18px;
    height: 45px;
    line-height: 18px;
    padding: 11px 40px 15px;
    margin-top: 2px;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
}

.upit .puta {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 4px 0;
    text-align: center;
}

.helper-info {
    color: #979494;
    margin-bottom: 15px;
}

.modal .close {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 6px;
    color: #333;
    font-size: 35px;
    height: 34px;
    line-height: 1.12;
    padding: 11px 10px 16px;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
}

.modal legend {
    padding: 0 0 25px;
    text-align: center;
}

.btn-effect {
    overflow: hidden;
    z-index: 999;
}

.in-content {
    margin: 25px 0 10px 0;
    padding: 0;
}

.custom-dropdown {
    padding: 25px;
    width: 450px;
}

.custom-dropdown li {
    display: block;
    float: left;
    width: 48%;
}

.custom-dropdown li a {
    font-size: 16px;
    padding: 2%;
    margin: 0;
}

#at4-follow {
    top: 20px !important;
}

#at4-foc {
    top: 20px !important;
}


.dropdown-large {
    position: static !important;
}

.dropdown-menu-large {
    border: 1px solid #d8e3dc;
    border-radius: 14px;
    padding: 16px 14px;
    right: 0 !important;
    top: 74px;
    width: 900px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbf9 100%);
    box-shadow: 0 18px 36px rgba(22, 37, 31, 0.16);
}

.dropdown-menu-small {
    border: 1px solid #d8e3dc;
    border-radius: 14px;
    padding: 16px 14px;
    right: 27% !important;
    top: 74px;
    width: 450px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbf9 100%);
    box-shadow: 0 18px 36px rgba(22, 37, 31, 0.16);
}

.dropdown-menu-large > li > ul,
.dropdown-menu-small > li > ul {
    padding: 0;
    margin: 0;
}

.dropdown-menu-large > li + li,
.dropdown-menu-small > li + li {
    border-left: 1px solid #e2ebe6;
}

.dropdown-menu-large > li > ul > li,
.dropdown-menu-small > li > ul > li {
    list-style: none;
}

.dropdown-menu-large > li > ul > li > a,
.dropdown-menu-small > li > ul > li > a {
    clear: both;
    color: #3f4f57;
    display: block;
    font-weight: 500;
    line-height: 1.42857;
    padding: 8px 12px;
    margin: 1px 8px;
    border-radius: 8px;
    white-space: normal;
    transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus,
.dropdown-menu-small > li ul > li > a:hover,
.dropdown-menu-small > li ul > li > a:focus {
    text-decoration: none;
    color: #1e6e49;
    background-color: #eaf5ef;
    padding-left: 16px;
}

.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus,
.dropdown-menu-small .disabled > a,
.dropdown-menu-small .disabled > a:hover,
.dropdown-menu-small .disabled > a:focus {
    color: #999999;
}

.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus,
.dropdown-menu-small .disabled > a:hover,
.dropdown-menu-small .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.dropdown-menu-large .dropdown-header,
.dropdown-menu-small .dropdown-header {
    color: #1f6e48;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 6px 20px 8px;
    margin: 8px 0 2px;
}

.nav-moj > li.dropdown-reklamni,
.nav-moj > li.dropdown-proizvodi {
    position: relative !important;
}

/* Compact mega menu for both dropdowns */
.dropdown-reklamni .dropdown-menu-large,
.dropdown-proizvodi .dropdown-menu-large {
    max-height: none;
    overflow-y: visible;
    top: calc(100% - 2px);
    margin-top: 0 !important;
    padding: 12px 10px;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    z-index: 3000;
    pointer-events: auto;
}

.dropdown-reklamni .dropdown-menu-large {
    width: clamp(860px, 84vw, 1120px) !important;
}

.dropdown-proizvodi .dropdown-menu-large {
    width: clamp(700px, 72vw, 920px) !important;
}

.dropdown-reklamni .dropdown-menu-large.row,
.dropdown-proizvodi .dropdown-menu-large.row {
    display: none;
    flex-wrap: wrap !important;
    align-items: flex-start;
}

.nav-moj > li.dropdown-reklamni.open > .dropdown-menu-large.row,
.nav-moj > li.dropdown-proizvodi.open > .dropdown-menu-large.row {
    display: flex !important;
}

.dropdown-reklamni .dropdown-menu-large>li.promoone-menu-col,
.dropdown-proizvodi .dropdown-menu-large>li.promoone-menu-col {
    display: block !important;
    float: none !important;
    padding: 0 6px;
    margin-bottom: 8px;
}

.dropdown-reklamni .dropdown-menu-large>li.promoone-menu-col {
    flex: 0 0 20%;
    max-width: 20%;
    width: 20%;
}

.dropdown-proizvodi .dropdown-menu-large>li.promoone-menu-col {
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%;
}

.dropdown-reklamni .dropdown-menu-large > li + li,
.dropdown-proizvodi .dropdown-menu-large > li + li {
    border-left: none;
}

.dropdown-reklamni .dropdown-menu-large .dropdown-header,
.dropdown-proizvodi .dropdown-menu-large .dropdown-header {
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 4px 10px 5px;
    margin: 2px 0;
}

.dropdown-reklamni .dropdown-menu-large>li>ul>li>a,
.dropdown-proizvodi .dropdown-menu-large>li>ul>li>a {
    font-size: 12px;
    line-height: 1.25;
    padding: 4px 10px;
    margin: 0 2px;
    border-radius: 6px;
}

.dropdown-reklamni .dropdown-menu-large .menu-link-all,
.dropdown-proizvodi .dropdown-menu-large .menu-link-all {
    font-weight: 700;
}

.dropdown-reklamni .dropdown-menu-large .menu-link-more,
.dropdown-proizvodi .dropdown-menu-large .menu-link-more {
    color: #1f6e48;
    font-weight: 600;
}

@media (max-width: 1200px) and (min-width: 993px) {
    .dropdown-reklamni .dropdown-menu-large { width: clamp(820px, 86vw, 1020px) !important; }
    .dropdown-proizvodi .dropdown-menu-large { width: clamp(680px, 74vw, 860px) !important; }
}


.nav-moj > li.dropdown > a .caret {
    margin-left: 6px;
    transition: transform 0.2s ease;
}

.nav-moj > li.dropdown.open > a .caret {
    transform: rotate(180deg);
}

.nav-moj > li.dropdown {
    position: relative;
}

.nav-moj > li.dropdown > a.nav-parent-link {
    padding-right: 18px;
}

.nav-moj > li.dropdown > a.nav-dropdown-trigger {
    position: absolute;
    top: 50%;
    right: 2px;
    display: block;
    padding: 14px 8px;
    margin-top: -22px;
    line-height: 1;
    color: #d8fff2;
}

.nav-moj > li.dropdown > a.nav-dropdown-trigger:hover,
.nav-moj > li.dropdown > a.nav-dropdown-trigger:focus {
    background: transparent;
    color: #ffffff;
}

@media (min-width: 993px) {
    .nav-moj > li.dropdown > a.nav-dropdown-trigger {
        display: none;
    }
}


.okvir-slike {
    border: 8px solid rgba(255, 255, 255, 0.5);

}

.breadcrumb {
    background-color: transparent;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 0;
}

#services .services-grid {
    margin-top: 5px;
    margin-bottom: 10px;
}

#services .services-group-block {
    margin-bottom: 20px;
}

#services .services-grid > [class*="col-"] {
    margin-bottom: 16px;
}

#services .services-group-title {
    margin: 30px 0 16px;
    padding: 0 0 8px;
    border-bottom: 1px solid #d7dddf;
    color: #5b666d;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#services .services-group-subtitle {
    margin: -8px 0 18px;
    color: #7f8c92;
    font-size: 15px;
    line-height: 1.45;
}

.proizvodi-item {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 92px;
    width: 100%;
    padding: 14px 18px;
    margin-bottom: 0;
    border: 1px solid #dfe7df;
    border-radius: 8px;
    background: #ffffff;
    color: #465159;
    text-decoration: none;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
}

.proizvodi-item:before {
    content: "";
    position: relative;
    z-index: 2;
    flex: 0 0 58px;
    width: 58px;
    height: 96px;
    border-radius: 0;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-image: var(--icon-svg);
}

.proizvodi-item:after {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    z-index: 1;
    width: 132px;
    height: 132px;
    transform: translateY(-50%) rotate(-16deg);
    transform-origin: center center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 112px 112px;
    background-image: var(--icon-svg);
    opacity: 0.08;
    pointer-events: none;
}

.proizvodi-item:hover {
    color: #2f3a40;
    text-decoration: none;
    border-color: #cfd5d9;
    transform: none;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.06);
}

.proizvodi-item.icon-vizit { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M7 10h6M7 13h4M15 12h2'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-flajeri { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5h10a2 2 0 0 1 2 2v10H9a2 2 0 0 1-2-2V5z'/%3E%3Cpath d='M5 9h10a2 2 0 0 1 2 2v8H7a2 2 0 0 1-2-2V9z'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-plakati { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-brosure { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h6a3 3 0 0 1 3 3v13H8a3 3 0 0 0-3 3V4z'/%3E%3Cpath d='M19 4h-6a3 3 0 0 0-3 3v13h6a3 3 0 0 1 3 3V4z'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-fascikle { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-memorandumi { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h8l4 4v14H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M15 3v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-koverte { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='m4 8 8 6 8-6'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-cestitke { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='m8 11 2 2 4-4'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-kalendari { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-kese { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7L6 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-knjige { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h11a3 3 0 0 1 3 3v13H8a3 3 0 0 0-3 3V4z'/%3E%3Cpath d='M8 8h8M8 12h8'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-placemats { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='12' rx='2'/%3E%3Cpath d='M8 10h8M8 14h5'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-akreditacije { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='14' rx='2'/%3E%3Cpath d='M12 17v4M9 21h6M9 8h6M9 11h4'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-agende { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='18' rx='2'/%3E%3Cpath d='M9 3v18M11 8h4M11 12h4'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-blokovi { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h10a2 2 0 0 1 2 2v10H8a2 2 0 0 1-2-2V4z'/%3E%3Cpath d='M8 8h6M8 12h6'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-etikete { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12 12 4h7v7l-8 8-7-7z'/%3E%3Ccircle cx='16' cy='8' r='1.2'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-diplome { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='10' rx='2'/%3E%3Cpath d='M10 15v3l2 2 2-2v-3M8 9h8'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-jelovnici { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v8M6 3v8M7 11v10M14 3v18M18 3c0 4-2 5-4 5'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-pvc { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5h10l3 3v11H6z'/%3E%3Cpath d='M16 5v4h4'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-papir { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='16' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-rollup { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v12H8zM12 16v4M9 20h6'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-backwall { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='10' rx='2'/%3E%3Cpath d='M7 16v3M17 16v3'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-promopult { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 10H6L5 8z'/%3E%3Cpath d='M8 8l1-3h6l1 3M10 12h4M9 15h6'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-platno { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='10' rx='1.5'/%3E%3Cpath d='M12 14v6M9 20h6M8 11l2-2 2 2 3-3 1 1'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-cutfolije { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='17' r='2'/%3E%3Ccircle cx='11' cy='12' r='2'/%3E%3Cpath d='M8 16l8-8M12 14l6 6M12 10L18 4'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-vozila { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14l2-5h12l2 5v4h-2a2 2 0 1 1-4 0H10a2 2 0 1 1-4 0H4z'/%3E%3Ccircle cx='8' cy='18' r='2'/%3E%3Ccircle cx='16' cy='18' r='2'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-citylight { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='16' rx='1.5'/%3E%3Cpath d='M12 19v2M9 21h6'/%3E%3C/svg%3E"); }
.proizvodi-item.icon-blueback { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bcc5cc' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h18v8H3zM6 16v3M18 16v3M8 8V6h8v2'/%3E%3C/svg%3E"); }

@media (max-width: 767px) {
    .proizvodi-item {
        min-height: 78px;
        padding: 10px 12px;
        font-size: 14px;
    }

    .proizvodi-item:before {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        background-size: 30px 30px;
    }

    .proizvodi-item:after {
        width: 100px;
        height: 100px;
        background-size: 84px 84px;
        right: -10px;
    }
}

.green-button {
    background: #45bd45 none repeat scroll 0 0;
    border: medium none;
    border-radius: 6px;
    color: #ffffff;
    font-size: 18px;
    height: 45px;
    line-height: 22px;
    margin-top: 20px;
    padding: 11px 40px 15px;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
}

.blue-button {
    background: #2ba5de none repeat scroll 0 0;
    border: medium none;
    border-radius: 6px;
    color: #ffffff;
    font-size: 18px;
    height: 45px;
    line-height: 22px;
    margin-top: 20px;
    padding: 11px 40px 15px;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
}

.price .section-subheading {
    margin: 0 0 35px 0;

}

.price .glyphicon {
    font-size: 55px !important;
    padding: 30px 20px 20px 20px !important;
}

a.link:link {
    display: block;
    margin-top: 25px;
    color: #45bd45;
}

a.link:hover {
    color: #999 !important;
}

a.link:visited {
    color: #45bd45;
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

.promopult #portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 500px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(78, 214, 78, .9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    min-height: 115px;
    text-align: center;
    background-color: #fff;
}

.promopult #portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 500px;
    min-height: 115px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-size: 16px;
}

#portfolio * {
    z-index: 2;
}

.portfolio-modal .modal-content {
    padding: 80px 0 100px;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: left;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    font-size: 2.5em;
    margin-bottom: 10px;
    margin-top: 7px;
}

.portfolio-modal .modal-content p {
    margin-bottom: 15px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: var(--po-font-body);
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .amount-number {
    color: #45bd45;
    display: inline-block;
    font-family: var(--po-font-body);
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
}

.portfolio-modal .pdv-text {
    font-size: 16px;
    font-weight: bold;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

.portfolio-modal .list-inline.modal-right li {
    clear: both;
    display: block;
    float: left;
    padding-left: 0;
    padding-right: 0;
}

.portfolio-modal .helper-modal {
    margin: 15px 0 0 0;
    padding: 0;
    clear: both;
    display: block;
    float: left;
    text-align: left;
}

.portfolio-modal .modal-body h2 {
    text-align: left;
    color: #45bd45;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

.no-top-margin {
    margin-top: 0 !important;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}



/* NEW REKLAMNI MATERIJAL CSS */



.rm-box {
    position: relative;
    height: 350px;

}

.rm-box a {
    text-decoration: none;
    color: #5A5B5B;

}

.rm-box a:hover {
    text-decoration: none;
    color: #5A5B5B;

}

.rm-price {
    display: block;
    float: left;
    clear: both;
    padding: 5px;
    margin: 0 0 5px 0;
    background: rgba(79, 184, 72, 0.9);
    color: #fff;
}

.rm-desc {
    display: block;
    float: left;
    clear: both;
    padding: 0px;
}



@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.flyer-format {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.flyer-format li {
    padding: 8px 5px;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
}

.flyer-format li:hover {
    padding: 8px 5px;
    background: rgba(78, 214, 78, .9);
    margin-bottom: 8px;
    color: #FFF;
}

.flyer-format li:hover {
    padding: 8px 5px;
    background: rgba(78, 214, 78, .9);
    margin-bottom: 8px;
    color: #FFF;
}

.flyer-format li:hover .flyer-rb {
    color: #FFF;
}

.flyer-rb {
    display: inline-block;
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    color: #5a5a5a;
    font-weight: bold;
    margin-right: 10px;
    min-width: 36px;
    padding: 5px 10px;
    text-align: center;
}

.modal-dialog {
    left: 50%;
    padding-bottom: 30px;
    padding-top: 30px;
    right: auto;
    width: 800px;
}

.modal-header {
    background: #3ac162 none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.4286px;
    padding: 15px;
}

.modal-title {
    color: #fff;
    line-height: 1.42857;
    margin: 0;
    padding: 5px;
    text-align: center;
}

#myModal .form-division-heading {
    color: #384047;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 50px;
}

#myModal .form-division-heading .form-step {
    background-color: #fff;
    border: 2px solid #5fcf80;
    border-radius: 100px;
    color: #5fcf80;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 26px;
    margin: -2px 10px 0 0;
    position: relative;
    text-align: center;
    width: 30px;
}

#myModal .modal-body {
    padding: 40px 60px;
    position: relative;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu-small {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu-large > li {
        margin-bottom: 30px;
    }

    .dropdown-menu-large > li:last-child {
        margin-bottom: 0;
    }

    .dropdown-menu-large .dropdown-header {
        padding: 3px 15px !important;
    }

    .dropdown-menu-small .dropdown-header {
        padding: 3px 15px !important;
    }

    .portfolio-modal .modal-body {
        padding: 0px;
        position: relative;
    }

}

@media (min-width: 768px) {

    /* Remove the edge padding needed for mobile */
    .marketing {
        padding-left: 0;
        padding-right: 0;
    }

    /* Navbar positioning foo */
    .navbar-wrapper {
        margin-top: 20px;
    }

    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
        border-radius: 4px;
    }

}

@media (max-width: 992px) {
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
        padding: 10px 0px;
        right: 0% !important;
        width: 100% !important;
    }

    .dropdown-menu-small {
        margin-left: 0;
        margin-right: 0;
        padding: 10px 0px;
        right: 0% !important;
        width: 100% !important;
    }

    .dropdown-menu-large > li {
        margin-bottom: 0px;
    }

    .dropdown-menu-small > li {
        margin-bottom: 0px;
    }

    .dropdown-menu-large > li + li,
    .dropdown-menu-small > li + li {
        border-left: none;
    }

    .nav-moj > li > a {
        font-size: 1.2em;
        padding: 15px 12px;
        font-size: 1em;
    }

    .nav-moj > li.dropdown > a.nav-parent-link {
        padding-right: 42px;
    }

    .nav-moj > li.dropdown > a.nav-dropdown-trigger {
        right: 8px;
        padding: 15px 8px;
        margin-top: -24px;
    }

    .navbar-brand {
        font-size: 1em;
        line-height: 1.12;
        padding: 10px 10px 10px 15px;
    }

    .logo-nav {
        float: left;
        padding: 8px 0 8px 0;
    }

    .text-brand {
        display: block;
        float: left;
        line-height: 18px;
        margin-top: 10px;
        padding: 2px;
    }

    .kalendar .heading {
        margin-top: 50px;
        padding-top: 40px;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .dropdown-menu-large {
        right: 0 !important;
        width: 820px !important;
    }
}

/* Product page redesign modules */
:root {
    --po-header-offset: 80px;
    --po-hero-height: 420px;
    --po-hero-title-size: clamp(38px, 4.4vw, 56px);
    --po-hero-subtitle-size: 21px;
}

.po-hero {
    margin-top: var(--po-header-offset);
    padding: 40px 0 26px;
    background: linear-gradient(160deg, #f6fbf8 0%, #ffffff 60%);
}

.po-hero-slider-wrap {
    position: relative;
    margin-top: var(--po-header-offset);
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 991px) {
    :root {
        --po-header-offset: 74px;
        --po-hero-height: 360px;
        --po-hero-title-size: clamp(32px, 5.2vw, 44px);
        --po-hero-subtitle-size: 19px;
    }
}

.po-hero-slider,
.po-hero-slider .swiper-slide {
    height: var(--po-hero-height);
}

.po-hero-slider .swiper-slide img {
    width: 100%;
    height: var(--po-hero-height);
    object-fit: cover;
}

.po-hero-slider:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(96deg, rgba(9, 19, 23, 0.84) 0%, rgba(9, 19, 23, 0.52) 56%, rgba(9, 19, 23, 0.28) 100%);
    z-index: 2;
}

.po-hero-slider-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 52%;
    transform: translateY(-50%);
    z-index: 3;
}

.po-hero-slider-content .container {
    max-width: 1180px;
}

.po-hero-slider-content .po-eyebrow,
.po-hero-slider-content .po-title,
.po-hero-slider-content .po-subtitle {
    max-width: 22ch;
    color: #ffffff;
    text-shadow: 0 2px 12px rgba(7, 16, 20, 0.55);
}

.po-hero-slider-content .po-subtitle {
    max-width: 58ch;
    font-size: var(--po-hero-subtitle-size);
    line-height: 1.52;
}

.po-hero-slider-content .po-title {
    font-size: var(--po-hero-title-size);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 16px;
}

.po-hero-slider .po-hero-slider-pagination {
    z-index: 4;
    bottom: 16px !important;
}

.po-hero-slider-nav {
    background: transparent;
    border: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.92);
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 4;
}

.po-hero-slider-prev {
    left: 0;
}

.po-hero-slider-next {
    right: 0;
}

.po-hero-slider-nav .fa,
.po-hero-slider-nav .glyphicon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 34px;
    color: rgba(255, 255, 255, 0.92);
}

.po-hero-slider-prev .fa,
.po-hero-slider-prev .glyphicon {
    left: 22px;
}

.po-hero-slider-next .fa,
.po-hero-slider-next .glyphicon {
    right: 22px;
}

.po-site-hero .po-site-hero-pagination {
    bottom: 22px !important;
    left: 50% !important;
    position: absolute;
    transform: translateX(-50%);
    width: auto !important;
    z-index: 4;
}

.po-site-hero.po-hero-slider .po-site-hero-pagination {
    bottom: 22px !important;
}

.po-site-hero-product.po-hero-slider,
.po-site-hero-product.po-hero-slider .swiper-slide,
.po-site-hero-product.po-hero-slider .po-site-hero-slide,
.po-site-hero-product.po-hero-slider .po-site-hero-image {
    height: var(--po-site-hero-current-height);
}

.po-site-hero .swiper-pagination-bullet {
    background: rgba(21, 27, 31, 0.22);
    border-radius: 999px;
    height: 4px;
    margin: 0 5px !important;
    opacity: 1;
    transition: background-color 0.28s ease, width 0.28s ease, transform 0.28s ease;
    width: 18px;
}

.po-site-hero .swiper-pagination-bullet-active {
    background: #74BE45;
    border-radius: 999px;
    transform: translateY(-1px);
    width: 42px;
}

.po-site-hero .po-site-hero-nav {
    align-items: center;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.46)) drop-shadow(0 0 7px rgba(0, 0, 0, 0.24));
    height: 58px;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease, filter 0.22s ease, transform 0.22s ease;
    width: 96px;
    z-index: 4;
}

.po-site-hero .po-site-hero-prev {
    left: clamp(10px, 1.4vw, 22px);
}

.po-site-hero .po-site-hero-next {
    right: clamp(10px, 1.4vw, 22px);
}

.po-site-hero .po-site-hero-nav:hover,
.po-site-hero .po-site-hero-nav:focus {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    outline: none;
}

.po-site-hero .po-site-hero-prev:hover,
.po-site-hero .po-site-hero-prev:focus {
    transform: translate(-8px, -50%);
}

.po-site-hero .po-site-hero-next:hover,
.po-site-hero .po-site-hero-next:focus {
    transform: translate(8px, -50%);
}

.po-site-hero .po-site-hero-nav .fa,
.po-site-hero .po-site-hero-nav .glyphicon {
    display: none;
}

.po-site-hero .po-site-hero-nav:before {
    content: "";
    display: block;
    height: 34px;
    width: 34px;
    border-color: currentColor;
    border-style: solid;
    border-width: 0 0 2px 2px;
    transition: border-width 0.22s ease, transform 0.22s ease;
}

.po-site-hero .po-site-hero-prev:before {
    transform: rotate(45deg);
}

.po-site-hero .po-site-hero-next:before {
    transform: rotate(225deg);
}

.po-site-hero .po-site-hero-prev:hover:before,
.po-site-hero .po-site-hero-prev:focus:before {
    transform: translateX(-2px) rotate(45deg);
}

.po-site-hero .po-site-hero-next:hover:before,
.po-site-hero .po-site-hero-next:focus:before {
    transform: translateX(2px) rotate(225deg);
}

.po-site-hero-general .swiper-slide,
.po-site-hero-general .po-site-hero-slide,
.po-site-hero-general .home-hero-slide,
.po-site-hero-general .general-hero-slide {
    height: var(--po-site-hero-current-height);
}

.po-site-hero-general .po-site-hero-image,
.po-site-hero-general .home-hero-image,
.po-site-hero-general .general-hero-image {
    object-fit: contain;
    object-position: center center;
}

.po-hero-row {
    display: flex;
    align-items: center;
}

.po-eyebrow {
    margin-bottom: 10px;
    color: #26704b;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.po-title {
    margin: 0 0 14px;
    color: #27343b;
    font-size: clamp(40px, 4.2vw, 52px);
    line-height: 1.03;
    font-weight: 700;
    letter-spacing: 0;
    max-width: 18ch;
    text-wrap: balance;
}

.po-subtitle {
    color: #53636b;
    font-size: 20px;
    line-height: 1.58;
    margin-bottom: 28px;
    max-width: 62ch;
    text-wrap: pretty;
}

.po-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.po-btn {
    display: inline-block;
    border-radius: 8px;
    padding: 11px 18px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.po-btn-primary {
    background: #2f8b5a;
    border: 1px solid #2f8b5a;
    color: #ffffff;
}

.po-btn-primary:hover,
.po-btn-primary:focus {
    background: #24734a;
    border-color: #24734a;
    color: #ffffff;
    text-decoration: none;
}

.po-btn-secondary {
    background: #ffffff;
    border: 1px solid #b9c8c0;
    color: #3d4a50;
}

.po-btn-secondary:hover,
.po-btn-secondary:focus {
    background: #f3f7f5;
    color: #2d373c;
    text-decoration: none;
}

.po-hero-image {
    border-radius: 12px;
    border: 1px solid #d4e2db;
    box-shadow: 0 12px 24px rgba(34, 56, 45, 0.12);
}

.po-section {
    padding: 56px 0;
}

.po-section + .po-section {
    margin-top: 24px;
}

.po-section-soft {
    background: #f7faf8;
    border-top: 1px solid #e4ece8;
    border-bottom: 1px solid #e4ece8;
}

.po-section-title {
    margin: 0 0 16px;
    color: #2b3840;
    font-size: 31px;
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: 0;
    max-width: 24ch;
    text-wrap: balance;
}

.po-section-intro {
    margin: 0 0 28px;
    color: #5c6b73;
    font-size: 17px;
    line-height: 1.6;
    max-width: 72ch;
    text-wrap: pretty;
}

.po-card-grid > [class*="col-"] {
    margin-bottom: 16px;
}

.po-card-grid {
    display: flex;
    flex-wrap: wrap;
}

.po-card-grid > [class*="col-"] {
    display: flex;
}

.po-card {
    height: 100%;
    border: 1px solid #dce7e2;
    border-radius: 10px;
    background: #ffffff;
    padding: 16px 16px 14px;
}

.po-card h3,
.po-link-card h3,
.po-faq-item h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: #2d3c44;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
    max-width: 26ch;
    text-wrap: balance;
}

.po-card p,
.po-link-card p,
.po-faq-item p {
    margin: 0 0 2px;
    color: #5b6971;
    font-size: 15px;
    line-height: 1.55;
    max-width: 58ch;
    text-wrap: pretty;
}

.po-group-title {
    margin: 4px 0 16px;
    color: #2f4c59;
    font-size: 22px;
    line-height: 1.3;
    max-width: 20ch;
}

.po-card h3 + p,
.po-link-card h3 + p,
.po-faq-item h3 + p {
    margin-top: 2px;
}

.po-mini-icon {
    display: block;
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 46px 46px;
}

.po-mini-icon.icon-kiss {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ca7b3' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4' width='17' height='16' rx='2'/%3E%3Crect x='7' y='8' width='10' height='8' rx='1.5' stroke-dasharray='2 2'/%3E%3C/svg%3E");
}

.po-mini-icon.icon-die {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ca7b3' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12c0-3.6 2.8-6.4 6.4-6.4 2.2 0 4 .9 5.2 2.5 2.8-.5 5.4 1.6 5.4 4.5 0 2.9-2.2 5.1-5.1 5.1H9.4C6.4 17.7 4 15.3 4 12z'/%3E%3C/svg%3E");
}

.po-mini-icon.icon-format {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ca7b3' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4' width='17' height='16' rx='2'/%3E%3Cpath d='M3.5 10h17M9 4v16M15 4v16'/%3E%3C/svg%3E");
}

.po-steps {
    padding-left: 22px;
    margin-bottom: 0;
}

.po-steps li {
    margin-bottom: 10px;
    color: #43545d;
    font-size: 15px;
    line-height: 1.55;
}

.po-tech-box {
    border: 1px solid #d8e4de;
    border-radius: 10px;
    background: #ffffff;
    padding: 14px 16px;
    margin-bottom: 14px;
}

.po-tech-box h3 {
    margin: 0 0 10px;
    color: #2c5e46;
    font-size: 18px;
}

.po-tech-box ul {
    margin: 0;
    padding-left: 18px;
}

.po-tech-box li {
    margin-bottom: 7px;
    color: #4e5e65;
    font-size: 14px;
}

.po-link-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #dce7e2;
    border-radius: 10px;
    background: #ffffff;
    padding: 10px;
    text-decoration: none;
}

.po-static-card {
    display: flex;
    flex-direction: column;
    cursor: default;
}

.po-link-card:hover,
.po-link-card:focus {
    text-decoration: none;
    border-color: #b8d1c4;
}

.po-link-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    border: 1px solid #d7e3de;
    margin-bottom: 10px;
}

.po-editorial-visual {
    margin-bottom: 12px;
    overflow: visible;
    position: relative;
    --po-triangle-parallax-x: 0px;
    --po-triangle-parallax-y: 0px;
}

.po-hero-row .po-editorial-visual {
    margin-bottom: 0;
}

.po-editorial-image {
    overflow: hidden;
    position: relative;
}

.po-editorial-image:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(17, 17, 17, 0.12) 100%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.po-editorial-image img {
    border: 0;
    display: block;
    height: 220px;
    margin: 0;
    object-fit: cover;
    object-position: center;
    transition: transform 0.55s ease, filter 0.55s ease;
    width: 100%;
}

.po-editorial-image .po-hero-image {
    border-radius: 0;
    box-shadow: none;
}

.po-hero-row .po-editorial-image img {
    height: auto;
    min-height: 360px;
}

.po-editorial-visual-a .po-editorial-image {
    clip-path: polygon(0 0, 82% 0, 100% 18%, 100% 100%, 18% 100%, 0 78%);
}

.po-editorial-visual-b .po-editorial-image {
    clip-path: polygon(16% 0, 100% 0, 100% 82%, 84% 100%, 0 100%, 0 18%);
}

.po-editorial-visual-c .po-editorial-image {
    clip-path: polygon(0 0, 78% 0, 100% 22%, 100% 100%, 0 100%, 0 10%);
}

.po-link-card:hover .po-editorial-image img,
.po-link-card:focus .po-editorial-image img,
.po-editorial-visual:hover .po-editorial-image img {
    filter: saturate(1.05);
    transform: scale(1.04);
}

.po-editorial-shape {
    pointer-events: none;
    position: absolute;
    transition: transform 0.14s ease-out;
    z-index: 3;
}

.po-editorial-shape-a {
    background: rgba(116, 190, 69, 0.78);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    height: 118px;
    left: -24px;
    top: -18px;
    transform: translate3d(var(--po-triangle-parallax-x), var(--po-triangle-parallax-y), 0) rotate(-8deg);
    width: 118px;
}

.po-editorial-shape-b {
    background: rgba(0, 166, 214, 0.72);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    height: 128px;
    right: -28px;
    top: 55%;
    transform: translate3d(var(--po-triangle-parallax-x), calc(-50% + var(--po-triangle-parallax-y)), 0) rotate(8deg);
    width: 128px;
}

.po-editorial-shape-c {
    background: rgba(236, 63, 143, 0.68);
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    height: 118px;
    right: -20px;
    top: -16px;
    transform: translate3d(var(--po-triangle-parallax-x), var(--po-triangle-parallax-y), 0) rotate(14deg);
    width: 118px;
}

.po-hero-row .po-editorial-shape-a,
.po-hero-row .po-editorial-shape-b,
.po-hero-row .po-editorial-shape-c {
    height: 190px;
    width: 190px;
}

.po-faq-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.po-faq-item {
    border: 1px solid #dce7e2;
    border-radius: 10px;
    background: #ffffff;
    padding: 14px 15px;
}

.po-cta {
    padding: 62px 0;
    margin-top: 24px;
}

.po-cta-inner {
    border-radius: 14px;
    border: 1px solid #d2e1d9;
    padding: 26px;
    background: linear-gradient(165deg, #f8fbf9 0%, #eef6f1 100%);
}

.po-cta-inner h2 {
    margin: 0 0 10px;
    color: #27363d;
    font-size: 30px;
}

.po-cta-inner p {
    margin: 0 0 16px;
    color: #52626a;
    font-size: 16px;
}

@media (max-width: 992px) {
    .po-hero-slider,
    .po-hero-slider .swiper-slide,
    .po-hero-slider .swiper-slide img {
        height: var(--po-hero-height);
    }

    .po-hero-slider-content .po-title {
        font-size: var(--po-hero-title-size);
    }

    .po-title {
        font-size: clamp(34px, 5.8vw, 42px);
        max-width: 20ch;
    }

    .po-subtitle {
        font-size: 18px;
        line-height: 1.55;
    }

    .po-hero {
        padding: 32px 0 22px;
    }

    .po-link-card img {
        height: 190px;
    }

    .po-faq-list {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 992px) {


    .heading {
        margin-top: 10px;
    }
}




.fali a {
    color: #A02020 !important;

}

/* ==================================================
   Printone Design System Tokens + Component System
   ================================================== */
:root {
    --po-font-heading: 'Mulish', sans-serif;
    --po-font-body: 'Mulish', sans-serif;

    --po-fs-overline: 12px;
    --po-fs-h1: clamp(38px, 4.8vw, 56px);
    --po-fs-h2: clamp(30px, 3.9vw, 42px);
    --po-fs-h3: 22px;
    --po-fs-h4: 19px;
    --po-fs-h5: 17px;
    --po-fs-h6: 15px;
    --po-fs-body: 18px;
    --po-fs-small: 16px;

    --po-lh-tight: 1.12;
    --po-lh-title: 1.28;
    --po-lh-body: 1.68;

    --po-space-0: 0;
    --po-space-1: 4px;
    --po-space-2: 8px;
    --po-space-3: 12px;
    --po-space-4: 16px;
    --po-space-5: 24px;
    --po-space-6: 32px;
    --po-space-7: 40px;
    --po-space-8: 56px;
    --po-space-9: 72px;

    --po-radius-sm: 8px;
    --po-radius-md: 12px;
    --po-radius-lg: 16px;
    --po-radius-pill: 999px;

    --po-shadow-1: 0 8px 24px rgba(19, 46, 43, 0.08);
    --po-shadow-2: 0 16px 36px rgba(19, 46, 43, 0.14);

    --po-brand-50: #edf7f2;
    --po-brand-500: #2f8b5a;
    --po-brand-600: #25724a;
    --po-brand-700: #1c5839;

    --po-neutral-0: #ffffff;
    --po-neutral-50: #f7faf9;
    --po-neutral-100: #edf2f0;
    --po-neutral-200: #d9e2de;
    --po-neutral-500: #5b6971;
    --po-neutral-700: #2d3c44;
    --po-neutral-900: #18252d;

    --po-success: #1f8a54;
    --po-warning: #b57d17;
    --po-error: #b7413e;

    --po-state-hover: #1f6a44;
    --po-state-focus: #143f2a;
    --po-state-active: #0f2f20;
    --po-state-disabled: #9bb0a3;

    --po-container-max: 1140px;
    --po-readability: 70ch;
}

.po-section {
    padding: var(--po-space-8) 0;
}

.po-section-compact {
    padding: var(--po-space-5) 0 var(--po-space-0);
}

.po-section + .po-section {
    margin-top: var(--po-space-5);
}

.po-section-soft {
    background: var(--po-neutral-50);
    border-top: 1px solid var(--po-neutral-100);
    border-bottom: 1px solid var(--po-neutral-100);
}

.po-breadcrumb-wrap {
    margin-top: var(--po-space-4);
    margin-bottom: var(--po-space-2);
}

.po-breadcrumb {
    margin-bottom: 0;
    background: transparent;
}

.po-product-nav {
    position: sticky;
    top: 83px;
    z-index: 900;
    padding: 14px 0 16px;
    border-top: 1px solid rgba(30, 45, 56, 0.06);
    border-bottom: 1px solid rgba(30, 45, 56, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 249, 0.98));
    box-shadow: 0 12px 28px rgba(18, 34, 44, 0.08);
    backdrop-filter: blur(12px);
}

.po-product-nav .po-breadcrumb {
    padding: 0;
    margin: 0 0 11px;
    color: #7a8b94;
    font-size: 13px;
}

.po-product-nav .po-breadcrumb > li + li:before {
    color: #b0bec5;
}

.po-product-nav .po-breadcrumb a {
    color: #67808b;
    font-weight: 700;
}

.po-product-nav .po-breadcrumb .active {
    color: #1f3340;
    font-weight: 800;
}

.po-product-nav-menu {
    display: flex;
    align-items: center;
    gap: 16px;
}

.po-product-nav-label {
    flex: 0 0 auto;
    color: #3a7f59;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
}

.po-readable {
    max-width: var(--po-readability);
    line-height: var(--po-lh-body);
}

.po-hero,
.po-hero-slider-wrap,
.po-section,
.po-cta {
    --po-vertical-rhythm: var(--po-space-5);
}

.po-eyebrow {
    font-size: var(--po-fs-overline);
    font-weight: 600;
    letter-spacing: 0.1em;
}

.po-title {
    font-size: var(--po-fs-h1);
    line-height: var(--po-lh-tight);
    font-weight: 700;
    letter-spacing: 0;
    color: var(--po-neutral-900);
}

.po-section-title {
    font-family: var(--po-font-heading);
    font-size: var(--po-fs-h2);
    line-height: var(--po-lh-title);
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 var(--po-space-4);
}

.po-section-intro {
    font-size: var(--po-fs-body);
    margin: 0 0 var(--po-space-6);
}

.po-card,
.po-link-card,
.po-tech-box,
.po-accordion-item {
    border: 1px solid var(--po-neutral-200);
    border-radius: var(--po-radius-md);
    box-shadow: none;
}

.po-card,
.po-link-card,
.po-tech-box,
.po-accordion-item,
.po-spec-wrap {
    background: var(--po-neutral-0);
}

.po-card {
    padding: var(--po-space-5);
}

.po-card h3,
.po-link-card h3,
.po-faq-item h3,
.po-accordion-item .panel-title {
    font-size: var(--po-fs-h4);
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0;
}

.po-card p,
.po-link-card p,
.po-faq-item p,
.po-accordion-item .panel-body {
    font-size: var(--po-fs-body);
    line-height: var(--po-lh-body);
}

.po-btn {
    border-radius: var(--po-radius-pill);
    padding: 12px 20px;
    font-weight: 700;
    transition: all 0.22s ease;
}

.po-btn-primary {
    background: var(--po-brand-500);
    border-color: var(--po-brand-500);
}

.po-btn-primary:hover,
.po-btn-primary:focus {
    background: var(--po-state-hover);
    border-color: var(--po-state-hover);
}

.po-btn-primary:active {
    background: var(--po-state-active);
    border-color: var(--po-state-active);
}

.po-btn:focus {
    outline: 2px solid var(--po-state-focus);
    outline-offset: 2px;
}

.po-btn[disabled],
.po-btn.disabled {
    background: var(--po-state-disabled);
    border-color: var(--po-state-disabled);
    pointer-events: none;
}

.po-badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--po-space-3);
}

.po-badge {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    border-radius: var(--po-radius-pill);
    padding: 0 var(--po-space-4);
    border: 1px solid rgba(47, 139, 90, 0.28);
    background: var(--po-brand-50);
    color: var(--po-brand-700);
    font-size: var(--po-fs-small);
    font-weight: 700;
}

.po-spec-wrap {
    border: 1px solid var(--po-neutral-200);
    border-radius: var(--po-radius-md);
    overflow-x: auto;
}

.po-spec-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}

.po-spec-table th,
.po-spec-table td {
    padding: var(--po-space-4);
    border-bottom: 1px solid var(--po-neutral-100);
    text-align: left;
    vertical-align: top;
    font-size: var(--po-fs-small);
    line-height: 1.55;
}

.po-spec-table th {
    font-size: var(--po-fs-small);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--po-neutral-700);
    background: #f1f6f4;
}

.po-accordion .panel {
    margin-bottom: var(--po-space-3);
}

.po-accordion .panel-heading {
    padding: 0;
    background: transparent;
}

.po-accordion .panel-title a {
    display: block;
    padding: var(--po-space-4) var(--po-space-5);
    text-decoration: none;
    color: var(--po-neutral-900);
}

.po-accordion .panel-title a.collapsed {
    color: var(--po-neutral-700);
}

.po-accordion .panel-body {
    border-top: 1px solid var(--po-neutral-100) !important;
    color: var(--po-neutral-500);
    padding: 0 var(--po-space-5) var(--po-space-4);
}

.po-cta {
    padding-top: var(--po-space-8);
    padding-bottom: var(--po-space-8);
}

.po-cta-inner {
    border-radius: var(--po-radius-lg);
    border: 1px solid #cfe1d8;
    padding: clamp(24px, 4vw, 40px);
    background: linear-gradient(140deg, #f8fbf9 0%, #ecf5f0 65%, #e3efe9 100%);
    box-shadow: var(--po-shadow-1);
}

.po-cta-inline {
    margin-top: var(--po-space-4);
    margin-bottom: var(--po-space-0);
}

.po-link-card:hover,
.po-link-card:focus {
    border-color: #b8d1c4;
    box-shadow: var(--po-shadow-1);
}

.po-gallery-item img,
.po-link-card img {
    height: 220px;
    object-fit: cover;
}

.po-placeholder {
    background: linear-gradient(135deg, #eef4f1 0%, #dbe8e2 100%);
    border: 1px dashed #b5c8bd;
}

.po-steps-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--po-space-4);
}

.po-step-item {
    position: relative;
    border: 1px solid var(--po-neutral-200);
    border-radius: var(--po-radius-md);
    background: var(--po-neutral-0);
    padding: var(--po-space-5);
    box-shadow: var(--po-shadow-1);
}

.po-step-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--po-radius-pill);
    background: var(--po-brand-500);
    color: #fff;
    font-size: var(--po-fs-small);
    font-weight: 700;
    margin-bottom: var(--po-space-3);
}

.po-step-item h3 {
    margin: 0 0 var(--po-space-3);
    font-size: var(--po-fs-h4);
}

.po-step-item p {
    margin: 0;
}

.po-takeaways {
    margin: 0;
    padding-left: 1.2em;
    display: grid;
    gap: var(--po-space-3);
}

.po-takeaways li {
    font-size: var(--po-fs-body);
    line-height: var(--po-lh-body);
}

.po-template-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.po-template-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    border: 1px solid rgba(58, 127, 89, 0.16);
    border-radius: 14px;
    padding: 0 16px;
    background: #ffffff;
    color: #1f3f4a;
    font-size: var(--po-fs-small);
    font-weight: 800;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 8px 18px rgba(18, 34, 44, 0.05);
}

.po-template-chip:before {
    content: "↓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 999px;
    background: rgba(58, 127, 89, 0.1);
    color: var(--po-brand-700);
    font-size: 15px;
    line-height: 1;
}

.po-template-chip:hover,
.po-template-chip:focus {
    color: #ffffff;
    border-color: var(--po-brand-500);
    background: var(--po-brand-500);
    box-shadow: 0 12px 24px rgba(58, 127, 89, 0.18);
    transform: translateY(-1px);
    text-decoration: none;
}

.po-template-chip:hover:before,
.po-template-chip:focus:before {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.po-subcat-strip {
    position: sticky;
    top: 83px;
    z-index: 900;
    padding: 18px 0;
    border-top: 1px solid rgba(30, 45, 56, 0.06);
    border-bottom: 1px solid rgba(30, 45, 56, 0.06);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 26px rgba(18, 34, 44, 0.08);
    backdrop-filter: blur(12px);
}

.po-subcat-strip .container {
    display: flex;
    align-items: center;
    gap: var(--po-space-4);
}

.po-subcat-strip-label {
    flex: 0 0 auto;
    color: #6b7d86;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.po-subcat-quicknav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}

.po-subcat-quicknav::-webkit-scrollbar {
    display: none;
}

.po-subcat-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border-radius: var(--po-radius-pill);
    border: 1px solid rgba(58, 127, 89, 0.2);
    background: #ffffff;
    color: var(--po-brand-700);
    font-size: var(--po-fs-small);
    font-weight: 700;
    padding: 0 13px;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.po-subcat-chip:hover,
.po-subcat-chip:focus {
    color: #ffffff;
    background: var(--po-brand-500);
    border-color: var(--po-brand-500);
    text-decoration: none;
}

@media (max-width: 767px) {
    .po-product-nav,
    .po-subcat-strip {
        top: 77px;
    }

    .po-product-nav-menu {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .po-subcat-strip .container {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

.po-tech-note {
    margin-top: 12px;
    margin-bottom: 10px;
}

.po-tech-box-inline {
    margin-top: 22px;
    padding: 24px;
    border-color: rgba(58, 127, 89, 0.16) !important;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(239, 248, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 48%, rgba(242, 247, 252, 0.98) 100%);
    background-image:
        linear-gradient(135deg, rgba(239, 248, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 48%, rgba(242, 247, 252, 0.98) 100%) !important;
    box-shadow: 0 18px 38px rgba(18, 34, 44, 0.08) !important;
}

.po-tech-box-inline h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    color: #214633;
    font-size: 22px;
}

.po-tech-box-inline h3:before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(58, 127, 89, 0.18), rgba(58, 127, 89, 0.06)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%233a7f59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

@media (max-width: 767px) {
    .po-template-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .po-tech-box-inline {
        padding: 18px;
    }

    .po-template-chip {
        min-height: 48px;
        padding: 0 10px;
        font-size: 12px;
    }

    .po-template-chip:before {
        width: 20px;
        height: 20px;
        margin-right: 6px;
        font-size: 13px;
    }
}

.po-line-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.po-line-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
}

.po-line-chip-bleed {
    color: #9f1d1d;
    background: #fdeaea;
    border-color: #eebcbc;
}

.po-line-chip-cut {
    color: #154f99;
    background: #e8f1fd;
    border-color: #b8d1f2;
}

.po-line-chip-safe {
    color: #1f6a44;
    background: #e9f7ef;
    border-color: #bfe3cc;
}

.po-confirm-hero {
    padding-top: calc(var(--po-space-8) + 12px);
}

.po-confirm-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid #b8d9c6;
    background: #ecf8f1;
    color: #1d6f47;
    font-size: var(--po-fs-small);
    font-weight: 700;
    padding: 7px 14px;
    margin-bottom: 14px;
}

.po-confirm-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0 18px;
}

.po-confirm-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border-radius: 999px;
    border: 1px solid #d7e2dc;
    background: #fff;
    color: #2d3c44;
    font-size: var(--po-fs-small);
    font-weight: 600;
    padding: 0 12px;
}

.po-confirm-visual-wrap {
    border: 1px solid #dbe6e1;
    border-radius: 16px;
    background: linear-gradient(135deg, #f7fbf9 0%, #ecf4f0 100%);
    box-shadow: var(--po-shadow-1);
    padding: 16px;
}

.po-confirm-visual {
    border-radius: 10px;
}

.po-confirm-cta {
    border-color: #c9ddd2;
}

.po-actions-inline {
    margin-top: 8px;
}

@media (max-width: 991px) {
    .po-hero-row {
        display: block;
    }

    .po-hero-row > [class*="col-"] {
        float: none;
        width: 100%;
    }

    .po-section {
        padding: var(--po-space-7) 0;
    }

    .po-title {
        font-size: clamp(30px, 6vw, 42px);
    }

    .po-hero-image {
        margin-top: 18px;
    }

    .po-hero-row .po-editorial-visual {
        margin-top: 26px;
    }

    .po-gallery-item img,
    .po-link-card img {
        height: 190px;
    }

    .po-steps-flow {
        grid-template-columns: 1fr;
    }

    .po-confirm-hero {
        padding-top: var(--po-space-7);
    }

    .po-confirm-meta {
        gap: 8px;
    }

    .po-confirm-visual-wrap {
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    :root {
        --po-header-offset: 80px;
        --po-hero-height: 300px;
        --po-hero-title-size: clamp(29px, 7.4vw, 38px);
        --po-hero-subtitle-size: 16px;
    }

    .po-section {
        padding: var(--po-space-6) 0;
    }

    .po-actions {
        gap: var(--po-space-2);
    }

    .po-btn {
        width: 100%;
        text-align: center;
    }

    .po-hero-slider-content {
        top: 54%;
    }

    .po-hero-slider-content .po-title,
    .po-hero-slider-content .po-subtitle {
        max-width: 92%;
    }

    .po-hero-slider-content .po-title {
        text-shadow: 0 3px 18px rgba(6, 12, 16, 0.72);
    }

    .po-hero-slider-content .po-subtitle {
        text-shadow: 0 2px 12px rgba(6, 12, 16, 0.68);
    }

    .po-hero-slider:before {
        background: linear-gradient(96deg, rgba(8, 16, 20, 0.9) 0%, rgba(8, 16, 20, 0.66) 58%, rgba(8, 16, 20, 0.38) 100%);
    }

    .po-hero-slider-nav .glyphicon {
        font-size: 30px;
        color: rgba(255, 255, 255, 0.96);
    }

    .po-hero-slider-prev {
        width: 56px;
        left: 0;
    }

    .po-hero-slider-next {
        width: 56px;
        right: 0;
    }

    .po-hero-slider .po-hero-slider-pagination {
        bottom: 12px !important;
    }

    .po-hero-slider .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
        margin: 0 4px;
    }

    .po-subtitle {
        font-size: 17px;
    }
}

/* System card normalization: same width/height behavior and same image size across all card modules */
:root {
    --po-card-image-height: 220px;
}

.po-card-grid {
    display: flex;
    flex-wrap: wrap;
}

.po-card-grid > [class*="col-"] {
    display: flex;
}

.po-card-grid > [class*="col-"] > .po-card,
.po-card-grid > [class*="col-"] > .po-link-card,
.po-card-grid > [class*="col-"] > .po-tech-box {
    width: 100%;
    height: 100%;
}

.po-card,
.po-link-card,
.po-tech-box,
.po-accordion-item {
    width: 100%;
}

.po-link-card img,
.po-gallery-item img,
.po-editorial-image img {
    width: 100%;
    height: var(--po-card-image-height);
    object-fit: cover;
    object-position: center;
}

.po-hero-row .po-editorial-image img {
    height: auto;
    min-height: 360px;
}

.po-link-card,
.po-static-card,
.po-gallery-item,
.po-link-card:hover,
.po-link-card:focus {
    border: 0 !important;
}

.po-link-card img,
.po-gallery-item img {
    border: 0 !important;
}

.po-gallery-lightbox-trigger {
    cursor: zoom-in;
}

.po-gallery-lightbox-trigger:focus {
    box-shadow: 0 0 0 3px rgba(72, 149, 102, 0.22);
    outline: 0;
}

.po-gallery-modal {
    background: rgba(12, 18, 18, 0.82);
}

.po-gallery-modal-dialog {
    max-width: min(1160px, calc(100vw - 32px));
    width: auto;
}

.po-gallery-modal-content {
    background: #ffffff;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
    overflow: hidden;
    position: relative;
}

.po-gallery-modal-close {
    align-items: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(218, 228, 223, 0.9);
    border-radius: 999px;
    color: #1f2d34;
    display: flex;
    font-size: 28px;
    height: 40px;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    position: absolute;
    right: 12px;
    text-shadow: none;
    top: 12px;
    width: 40px;
    z-index: 4;
}

.po-gallery-modal .po-gallery-modal-close {
    float: none;
    padding: 0;
    position: absolute;
}

.po-gallery-modal-close:hover,
.po-gallery-modal-close:focus {
    background: #ffffff;
    color: #0f1e24;
    opacity: 1;
}

.po-gallery-modal-body {
    background: #ffffff;
    position: relative;
}

.po-gallery-modal-body:before {
    content: none;
}

.po-gallery-modal-image {
    display: block;
    height: min(68vh, 680px);
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.po-gallery-modal-nav {
    align-items: center;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(218, 228, 223, 0.9);
    border-radius: 999px;
    color: #1f2d34;
    display: flex;
    font-size: 46px;
    height: 54px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    z-index: 3;
}

.po-gallery-modal-nav:hover,
.po-gallery-modal-nav:focus {
    background: rgba(255, 255, 255, 0.94);
    color: #285f43;
    outline: 0;
}

.po-gallery-modal-prev {
    left: 16px;
}

.po-gallery-modal-next {
    right: 16px;
}

.po-gallery-modal-copy {
    background: #ffffff;
    border-top: 1px solid #edf2ef;
    padding: 16px 22px 18px;
    position: relative;
    z-index: 2;
}

.po-gallery-modal-copy h3 {
    color: #24323a;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 8px;
}

.po-gallery-modal-copy p {
    color: #596971;
    font-size: 15px;
    line-height: 1.55;
    margin: 0;
}

.po-wide-image-section {
    margin: 32px 0 8px;
    overflow: hidden;
    width: 100%;
}

.po-wide-image {
    display: block;
    height: clamp(320px, 44vw, 560px);
    object-fit: cover;
    object-position: center;
    width: 100%;
}

@media (max-width: 991px) {
    :root {
        --po-card-image-height: 190px;
    }
}

@media (max-width: 767px) {
    :root {
        --po-card-image-height: 170px;
    }

    .po-gallery-modal {
        background: #070b0d;
        padding: 0 !important;
        padding-right: 0 !important;
    }

    .po-gallery-modal-dialog {
        height: 100vh;
        height: 100dvh;
        margin: 0;
        max-width: none;
        padding: 0;
        width: 100vw;
    }

    .po-gallery-modal-content {
        background: #070b0d;
        border-radius: 0;
        box-shadow: none;
        height: 100%;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .po-gallery-modal-body {
        align-items: stretch;
        background: #070b0d;
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 100vh;
        min-height: 100dvh;
        padding: 0;
        width: 100% !important;
    }

    .po-gallery-modal-image {
        background: #070b0d;
        flex: 1 1 100%;
        height: 100%;
        min-height: 0;
        object-fit: contain;
        width: 100% !important;
    }

    .po-gallery-modal-copy {
        background: linear-gradient(180deg, rgba(7, 11, 13, 0), rgba(7, 11, 13, 0.72));
        border-top: 0;
        bottom: 0;
        left: 0;
        padding: 40px 16px calc(14px + env(safe-area-inset-bottom));
        position: absolute;
        right: 0;
        width: auto !important;
        z-index: 2;
    }

    .po-gallery-modal-copy h3 {
        color: #ffffff;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
    }

    .po-gallery-modal-copy p {
        color: rgba(255, 255, 255, 0.82);
        display: block;
        font-size: 12px;
        line-height: 1.35;
        margin: 3px 0 0;
        max-width: min(42ch, calc(100vw - 32px));
        overflow: visible;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
    }

    .po-gallery-modal-close {
        background: transparent;
        border: 0;
        color: #ffffff;
        font-size: 42px;
        height: 44px;
        line-height: 1;
        right: max(10px, env(safe-area-inset-right));
        top: max(10px, env(safe-area-inset-top));
        width: 44px;
    }

    .po-gallery-modal-close:hover,
    .po-gallery-modal-close:focus {
        background: transparent;
        color: #ffffff;
    }

    .po-gallery-modal .po-gallery-modal-close,
    .po-gallery-modal .po-gallery-modal-close:hover,
    .po-gallery-modal .po-gallery-modal-close:focus {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #ffffff !important;
        height: 44px !important;
        opacity: 1 !important;
        padding: 0 !important;
        filter: none !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55) !important;
        width: 44px !important;
    }

    .po-gallery-modal-nav {
        background: transparent;
        border: 0;
        color: #ffffff;
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.46)) drop-shadow(0 0 7px rgba(0, 0, 0, 0.24));
        font-size: 0;
        height: 72px;
        top: 50%;
        width: 60px;
    }

    .po-gallery-modal-nav:hover,
    .po-gallery-modal-nav:focus {
        background: transparent;
        color: #ffffff;
    }

    .po-gallery-modal-nav span {
        display: none;
    }

    .po-gallery-modal-nav:before {
        border-color: currentColor;
        border-style: solid;
        border-width: 0 0 2px 2px;
        content: "";
        display: block;
        height: 28px;
        width: 28px;
    }

    .po-gallery-modal-prev:before {
        transform: rotate(45deg);
    }

    .po-gallery-modal-next:before {
        transform: rotate(225deg);
    }

    .po-gallery-modal-prev {
        left: max(6px, env(safe-area-inset-left));
    }

    .po-gallery-modal-next {
        right: max(6px, env(safe-area-inset-right));
    }
}

/* Modern mega menu refresh: clearer desktop columns + readable mobile layout */
.nav-moj > li.dropdown-reklamni > .dropdown-menu-large.row,
.nav-moj > li.dropdown-proizvodi > .dropdown-menu-large.row {
    background: #ffffff;
    border: 1px solid #d7e2dc;
    border-radius: 16px;
    box-shadow: 0 22px 52px rgba(18, 32, 29, 0.14);
    padding: 16px;
    margin-top: 0;
    top: calc(100% - 2px);
    display: none;
    flex-wrap: wrap;
    max-height: none !important;
    overflow-y: visible !important;
}

.nav-moj > li.dropdown-reklamni.open > .dropdown-menu-large.row,
.nav-moj > li.dropdown-proizvodi.open > .dropdown-menu-large.row {
    display: flex;
}

@media (min-width: 992px) {
    .nav-moj > li.dropdown-large {
        position: relative;
    }

    .nav-moj > li.dropdown-large::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 18px;
    }

    .nav-moj > li.dropdown-reklamni > .dropdown-menu-large.row,
    .nav-moj > li.dropdown-proizvodi > .dropdown-menu-large.row {
        top: calc(100% + 12px);
    }
}

.dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col,
.dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col {
    border-right: 1px solid #edf2f0;
    padding: 6px 14px 10px;
}

.dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col {
    width: 20%;
}

.dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col {
    width: 25%;
}

.dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col:last-child,
.dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col:last-child {
    border-right: 0;
}

.dropdown-reklamni .dropdown-menu-large .dropdown-header,
.dropdown-proizvodi .dropdown-menu-large .dropdown-header {
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2f8b5a;
    margin-bottom: 8px;
}

.dropdown-reklamni .dropdown-menu-large > li > ul > li > a,
.dropdown-proizvodi .dropdown-menu-large > li > ul > li > a {
    border-radius: 8px;
    margin: 1px 0;
    padding: 7px 10px;
    line-height: 1.35;
}

.dropdown-reklamni .dropdown-menu-large > li > ul > li > a:hover,
.dropdown-proizvodi .dropdown-menu-large > li > ul > li > a:hover {
    background: #f2f8f5;
    color: #1f6a44;
}

@media (max-width: 991px) {
    .nav-moj > li.dropdown > a.nav-parent-link {
        width: calc(100% - 44px);
    }

    .nav-moj > li.dropdown > a.nav-dropdown-trigger {
        width: 44px;
        min-height: 44px;
    }

    .nav-moj > li.dropdown-reklamni > .dropdown-menu-large.row,
    .nav-moj > li.dropdown-proizvodi > .dropdown-menu-large.row {
        position: static;
        width: 100% !important;
        max-height: none;
        display: block;
        margin: 0;
        border-radius: 12px;
        padding: 10px 8px;
        box-shadow: none;
        border: 1px solid #e3ece7;
    }

    .dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col,
    .dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col {
        width: 100%;
        border-right: 0;
        border-top: 1px solid #edf2f0;
        padding: 8px 4px;
    }

    .dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col:first-child,
    .dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col:first-child {
        border-top: 0;
    }
}

/* Legacy include cleanup: order modal + footer moved from inline styles to classes */
.po-order-modal-dialog {
    width: 90%;
    max-width: 1000px;
}

.po-order-close-icon {
    font-size: 2.5rem;
    color: #999;
}

.po-order-title {
    font-size: 2rem;
}

/* Mega menu organization pass #1 (safe CSS-only, printone) */
@media (min-width: 992px) {
    .dropdown-reklamni .dropdown-menu-large.row {
        width: clamp(940px, 88vw, 1160px) !important;
        padding: 14px 14px 12px;
    }

    .dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col {
        width: 33.3333%;
        border-right: 0;
        padding: 6px 8px 10px;
    }

    .dropdown-proizvodi .dropdown-menu-large.row {
        width: clamp(760px, 78vw, 980px) !important;
        padding: 14px 12px 12px;
    }

    .dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col {
        border-right: 0;
        padding: 6px 8px 10px;
    }

    .dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col > ul,
    .dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col > ul {
        background: #f9fcfa;
        border: 1px solid #e4eee8;
        border-radius: 10px;
        padding: 10px 8px;
        min-height: 100%;
    }

    .dropdown-reklamni .dropdown-menu-large .dropdown-header,
    .dropdown-proizvodi .dropdown-menu-large .dropdown-header {
        margin-bottom: 6px;
        padding: 2px 8px 4px;
        font-size: 11px;
        letter-spacing: 0.09em;
    }

    .dropdown-reklamni .dropdown-menu-large > li > ul > li > a,
    .dropdown-proizvodi .dropdown-menu-large > li > ul > li > a {
        margin: 0;
        padding: 6px 8px;
        font-size: 12px;
        line-height: 1.3;
    }

.dropdown-reklamni .dropdown-menu-large .menu-link-all,
.dropdown-proizvodi .dropdown-menu-large .menu-link-all {
        margin-bottom: 2px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        width: min(1110px, 88vw) !important;
        grid-template-columns: minmax(0, 1.56fr) 344px !important;
        gap: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-cards-col,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-preview-col {
        padding: 12px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: 1fr !important;
        gap: 8px !important;
        min-height: 100% !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card {
        display: grid !important;
        grid-template-columns: 84px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        align-items: start !important;
        min-height: 118px !important;
        height: 100% !important;
        padding: 14px !important;
        border-radius: 8px !important;
        border: 1px solid #edf1f5 !important;
        box-shadow: 0 3px 10px rgba(31, 43, 57, 0.025) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active {
        border-color: #e2e8ef !important;
        box-shadow: 0 6px 14px rgba(31, 43, 57, 0.04) !important;
        transform: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-head {
        grid-column: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-bottom: 0 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        min-width: 0 !important;
        padding-right: 0 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon {
        position: static !important;
        width: 34px !important;
        height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 10px !important;
        background: #f7fafc !important;
        border: 1px solid #e7edf3 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        color: #8f9aa8 !important;
        opacity: 1 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon .fa {
        display: block !important;
        width: auto !important;
        height: auto !important;
        font-family: FontAwesome !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        font-style: normal !important;
        color: #8f9aa8 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title {
        display: block !important;
        margin: 0 !important;
        font-size: 15px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-count {
        min-width: 30px !important;
        min-height: 20px !important;
        margin-top: 8px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links {
        grid-column: 2 !important;
        align-content: start !important;
        gap: 4px !important;
        margin-top: 0 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 11px !important;
        line-height: 1.16 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link {
        min-height: 100% !important;
        height: 100% !important;
        border-radius: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 156px !important;
        flex: 0 0 156px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image {
        padding: 6px 8px 0 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-body {
        padding: 14px !important;
        gap: 6px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-kicker {
        font-size: 9px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-count {
        font-size: 11px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-title {
        font-size: 17px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 11px !important;
        line-height: 1.38 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-links {
        gap: 6px !important;
        margin-top: 1px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-chip {
        padding: 4px 8px !important;
        font-size: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta {
        min-height: 34px !important;
        padding: 0 13px !important;
        border-radius: 8px !important;
        font-size: 11px !important;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        width: min(1110px, 88vw) !important;
        grid-template-columns: minmax(0, 1.55fr) 344px !important;
        gap: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-cards-col,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-preview-col {
        padding: 12px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: 1fr !important;
        gap: 8px !important;
        min-height: 100% !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card {
        min-height: 118px !important;
        height: 100% !important;
        padding: 14px 46px 12px 14px !important;
        border-radius: 8px !important;
        border: 1px solid #edf1f5 !important;
        box-shadow: 0 3px 10px rgba(31, 43, 57, 0.025) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active {
        border-color: #e2e8ef !important;
        box-shadow: 0 6px 14px rgba(31, 43, 57, 0.04) !important;
        transform: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-head {
        margin-bottom: 7px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title-wrap {
        padding-right: 0 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon {
        position: absolute !important;
        right: 12px !important;
        bottom: 12px !important;
        top: auto !important;
        width: 24px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 6px !important;
        background: #f4f7fa !important;
        border: 1px solid #e6edf3 !important;
        font-size: 14px !important;
        color: #8d98a7 !important;
        opacity: 1 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title {
        font-size: 15px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-count {
        min-width: 30px !important;
        min-height: 20px !important;
        margin-top: 8px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links {
        gap: 4px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 11px !important;
        line-height: 1.16 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link {
        min-height: 100% !important;
        height: 100% !important;
        border-radius: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 156px !important;
        flex: 0 0 156px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image {
        padding: 6px 8px 0 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-body {
        padding: 14px !important;
        gap: 6px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-kicker {
        font-size: 9px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-count {
        font-size: 11px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-title {
        font-size: 17px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 11px !important;
        line-height: 1.38 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-links {
        gap: 6px !important;
        margin-top: 1px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-chip {
        padding: 4px 8px !important;
        font-size: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta {
        min-height: 34px !important;
        padding: 0 13px !important;
        border-radius: 8px !important;
        font-size: 11px !important;
    }
}

/* Final promo mega menu: clean catalog direction */
@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        width: min(1120px, 89vw) !important;
        grid-template-columns: minmax(0, 1.78fr) 360px !important;
        gap: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        border: 1px solid #e6ebf1 !important;
        border-radius: 24px !important;
        background: #f8fafc !important;
        box-shadow: 0 20px 44px rgba(22, 32, 44, 0.08) !important;
        align-items: stretch !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-cards-col {
        padding: 14px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-preview-col {
        padding: 14px !important;
        border-left: 1px solid #e6ebf1 !important;
        background: #f4f7fa !important;
        display: flex;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: 1fr;
        gap: 10px !important;
        min-height: 100%;
        background: transparent !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card {
        position: relative;
        min-height: 0 !important;
        height: 100%;
        padding: 15px 15px 14px !important;
        border: 1px solid #edf1f5 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        box-shadow: 0 4px 12px rgba(31, 43, 57, 0.03) !important;
        transform: none !important;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card::after {
        display: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active {
        background: #ffffff !important;
        border-color: #e1e7ee !important;
        box-shadow: 0 8px 18px rgba(31, 43, 57, 0.05) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-head {
        display: block;
        margin-bottom: 9px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title-wrap {
        display: block;
        min-width: 0;
        padding-right: 0;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon {
        position: absolute;
        right: 14px;
        bottom: 14px;
        top: auto;
        width: 20px;
        height: 20px;
        font-size: 16px;
        color: #8f99a8 !important;
        opacity: 0.95;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title {
        font-size: 14px !important;
        line-height: 1.08 !important;
        font-weight: 700;
        color: #24303d !important;
        letter-spacing: 0;
        display: block;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        min-height: 22px;
        margin-top: 10px;
        padding: 0 8px;
        border-radius: 999px;
        background: #f2f5f8 !important;
        font-size: 11px !important;
        line-height: 1;
        color: #9ca6b3 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links {
        display: grid;
        gap: 5px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 11px !important;
        line-height: 1.2 !important;
        color: #697485 !important;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a:hover {
        color: #24303d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100%;
        height: 100%;
        border: 1px solid #edf1f5 !important;
        border-radius: 12px !important;
        overflow: hidden;
        background: #ffffff !important;
        box-shadow: 0 6px 16px rgba(31, 43, 57, 0.04) !important;
        color: #24303d !important;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 206px !important;
        flex: 0 0 206px;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image {
        width: 100%;
        height: 100%;
        padding: 8px 10px 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: transparent !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-body {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 17px !important;
        gap: 7px !important;
        background: #ffffff !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-kicker {
        font-size: 10px !important;
        font-weight: 700;
        letter-spacing: 0.18em !important;
        text-transform: uppercase;
        color: #9aa5b2 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-count {
        font-size: 12px !important;
        line-height: 1.2 !important;
        color: #7b8796 !important;
        letter-spacing: 0.04em !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-title {
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 1.08 !important;
        letter-spacing: 0;
        color: #24303d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 12px !important;
        line-height: 1.45 !important;
        color: #6f7b89 !important;
        max-width: 28ch;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-links {
        gap: 7px !important;
        margin-top: 2px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-chip {
        padding: 5px 9px !important;
        border-radius: 999px !important;
        background: #f2f5f8 !important;
        border: 1px solid #e1e7ee !important;
        font-size: 10px !important;
        font-weight: 600;
        color: #586474 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta {
        align-self: flex-start;
        min-height: 36px !important;
        margin-top: auto;
        padding: 0 14px !important;
        border-radius: 9px !important;
        background: #eef3f7 !important;
        border: 1px solid #dce4ec !important;
        color: #24303d !important;
        font-size: 12px !important;
        font-weight: 700;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:hover .mega-menu-preview-cta,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:focus .mega-menu-preview-cta,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta:focus {
        background: #e9eef4 !important;
        border-color: #d4dde7 !important;
        color: #24303d !important;
    }
}

/* Final printone promo mega menu: 8-group 4x2 layout */
@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        width: min(1180px, 90vw) !important;
        grid-template-columns: minmax(0, 1.9fr) 348px !important;
        gap: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        border: 1px solid #e5e9ef !important;
        border-radius: 20px !important;
        background: #fbfcfe !important;
        box-shadow: 0 18px 42px rgba(19, 28, 39, 0.09) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-cards-col {
        padding: 10px 8px 8px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-preview-col {
        padding: 0 !important;
        border-left: 1px solid #e5e9ef !important;
        background: linear-gradient(180deg, #f8fafc 0%, #f3f6f9 100%) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
        background:
            linear-gradient(to right, rgba(39, 50, 63, 0.06) 1px, transparent 1px) 0 0 / 25% 100%,
            linear-gradient(to bottom, rgba(39, 50, 63, 0.06) 1px, transparent 1px) 0 0 / 100% 50%;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card {
        min-height: 152px;
        padding: 18px 17px 15px !important;
        background: rgba(255, 255, 255, 0.72) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transition: background-color 0.18s ease, box-shadow 0.18s ease;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active {
        background: #f1f4f7 !important;
        box-shadow: inset 0 0 0 1px rgba(70, 82, 98, 0.04) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-head {
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title-wrap {
        gap: 10px;
        min-width: 0;
        flex: 1 1 auto;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        font-size: 16px;
        color: #8e97a4 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title {
        font-size: 14px !important;
        line-height: 1.08 !important;
        font-weight: 700;
        color: #27303b !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-count {
        padding-top: 2px;
        font-size: 11px !important;
        line-height: 1;
        color: #a8b0bb !important;
        letter-spacing: 0.04em;
        flex: 0 0 auto;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links {
        display: grid;
        gap: 6px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 11px !important;
        line-height: 1.22 !important;
        color: #6d7785 !important;
        white-space: normal;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a:hover {
        color: #27303b !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link {
        min-height: 320px !important;
        padding: 0 !important;
        background: transparent !important;
        color: #27303b !important;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 174px !important;
        flex: 0 0 174px;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image {
        width: 100%;
        height: 100%;
        object-fit: contain !important;
        object-position: center center !important;
        background: #ffffff;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-badge {
        top: 12px;
        left: 12px;
        min-height: 26px;
        padding: 0 11px;
        font-size: 10px;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-body {
        padding: 16px 18px 18px !important;
        gap: 7px !important;
        flex: 1 1 auto;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-kicker,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-count {
        font-size: 10px !important;
        letter-spacing: 0.16em !important;
        color: #98a2af !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-brand {
        min-height: 24px;
        padding: 0 9px;
        font-size: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-title {
        font-size: 18px !important;
        line-height: 1.08 !important;
        margin: 0 !important;
        color: #27303b !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 13px !important;
        line-height: 1.45 !important;
        color: #707a88 !important;
        max-width: 30ch;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-links {
        gap: 7px !important;
        margin-top: 4px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-chip {
        padding: 5px 9px !important;
        font-size: 11px !important;
        color: #4f5968 !important;
        background: #edf1f5 !important;
        border: 1px solid #dde4eb !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta {
        min-height: 36px !important;
        margin-top: 6px;
        padding: 0 14px !important;
        font-size: 12px !important;
        border-radius: 10px !important;
        background: #edf1f5 !important;
        border: 1px solid #dde4eb !important;
        color: #27303b !important;
    }
}

/* Final promo mega menu polish */
@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        width: min(1240px, 92vw) !important;
        grid-template-columns: minmax(0, 1.85fr) 386px !important;
        border-color: #e6eaf0;
        border-radius: 22px;
        background: #fbfcfd !important;
        box-shadow: 0 18px 44px rgba(27, 35, 46, 0.08);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        background:
            linear-gradient(to right, rgba(43, 52, 65, 0.05) 1px, transparent 1px) 0 0 / 33.333% 100%,
            linear-gradient(to bottom, rgba(43, 52, 65, 0.05) 1px, transparent 1px) 0 0 / 100% 33.333%;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card {
        min-height: 160px;
        padding: 22px 24px 18px;
        background: rgba(255, 255, 255, 0.88);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-head {
        margin-bottom: 14px;
        gap: 10px;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title-wrap {
        gap: 12px;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        font-size: 18px;
        color: #858d99;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title {
        font-size: 16px;
        line-height: 1.08;
        color: #28313d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-count {
        font-size: 12px;
        padding-top: 3px;
        color: #adb4bf;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links {
        gap: 8px;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 13px;
        line-height: 1.28;
        color: #737c8a !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active {
        background: #f4f6f9 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a:hover {
        color: #28313d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-col {
        border-left: 1px solid #e6eaf0;
        background: #f7f9fb !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link {
        min-height: 468px;
        background: #f7f9fb !important;
        color: #28313d !important;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:focus,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:hover * ,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:focus * {
        color: inherit !important;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 272px !important;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: #ffffff !important;
        position: relative;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image {
        border-radius: 0;
        object-fit: contain;
        object-position: center center;
        background: #ffffff;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-badge {
        position: absolute;
        left: 14px;
        top: 14px;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 12px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        box-shadow: 0 6px 18px rgba(25, 32, 42, 0.10);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-badge--printone {
        background: rgba(255, 255, 255, 0.96);
        color: #256245 !important;
        border: 1px solid rgba(39, 99, 70, 0.18);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-badge--client {
        background: rgba(255, 255, 255, 0.96);
        color: #425062 !important;
        border: 1px solid rgba(66, 80, 98, 0.14);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-badge--neutral {
        background: rgba(255, 255, 255, 0.96);
        color: #667180 !important;
        border: 1px solid rgba(102, 113, 128, 0.14);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-body {
        padding: 16px 18px 18px;
        gap: 8px;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-count,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-kicker {
        font-size: 11px;
        letter-spacing: 0.16em;
        color: #9ea7b4 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-brand {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-top: 2px;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-brand--printone {
        background: #eaf5ef;
        color: #276346 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-brand--client {
        background: #eef2f6;
        color: #4f5b6b !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-brand--neutral {
        background: #f3f5f8;
        color: #667180 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-title {
        font-size: 19px;
        line-height: 1.1;
        color: #28313d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 14px;
        line-height: 1.45;
        color: #747d8b !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-links {
        gap: 8px;
        margin-top: 4px;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-chip {
        padding: 6px 10px;
        font-size: 12px;
        font-weight: 600;
        color: #4d5766 !important;
        background: #eef2f6 !important;
        border: 1px solid #dfe6ee !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta {
        min-height: 38px;
        padding: 0 14px;
        font-size: 13px;
        border-radius: 10px;
        background: #eef2f6 !important;
        border: 1px solid #dfe6ee !important;
        color: #28313d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta:focus {
        background: #e9eef4 !important;
        border-color: #d6dee8 !important;
        color: #28313d !important;
    }
}

/* Interactive mega menu: fixed preview area with hover-driven image/description */
@media (min-width: 992px) {
    .nav-moj > li.dropdown-reklamni.open > .dropdown-menu-large.row.mega-interactive-menu,
    .nav-moj > li.dropdown-proizvodi.open > .dropdown-menu-large.row.mega-interactive-menu {
        display: grid !important;
    }

    .dropdown-reklamni .dropdown-menu-large.row.mega-interactive-menu {
        width: clamp(980px, 90vw, 1220px) !important;
    }

    .dropdown-proizvodi .dropdown-menu-large.row.mega-interactive-menu {
        width: clamp(860px, 84vw, 1080px) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 14px;
        align-items: stretch;
        padding: 14px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu > li {
        width: auto !important;
        max-width: none !important;
        border-right: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    .mega-menu-links-grid {
        display: grid;
        gap: 10px;
    }

    .mega-menu-links-grid--promo {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mega-menu-links-grid--printone {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mega-menu-group {
        background: #f9fcfa;
        border: 1px solid #e4eee8;
        border-radius: 10px;
        padding: 10px 8px;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    }

    .mega-menu-group.is-active,
    .mega-menu-group:hover {
        border-color: #bad8c7;
        background: #f4faf7;
        box-shadow: 0 6px 16px rgba(28, 61, 46, 0.08);
    }

    .mega-menu-group .dropdown-header {
        margin: 0 0 6px !important;
        padding: 2px 8px 4px !important;
        font-size: 11px !important;
        letter-spacing: 0.09em !important;
    }

    .mega-menu-group > ul {
        margin: 0;
        padding: 0;
    }

    .mega-menu-group > ul > li {
        list-style: none;
    }

    .mega-menu-group > ul > li > a {
        margin: 0 !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .mega-menu-preview-col {
        border-left: 1px solid #e8efeb;
        padding-left: 14px !important;
    }

    .mega-menu-preview-link {
        display: block;
        height: 100%;
        border: 1px solid #dce9e2;
        border-radius: 12px;
        overflow: hidden;
        text-decoration: none;
        color: #244133;
        background: #ffffff;
    }

    .mega-menu-preview-image-wrap {
        height: 176px;
        overflow: hidden;
        background: #eef5f1;
    }

    .mega-menu-preview-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .mega-menu-preview-body {
        padding: 12px;
    }

    .mega-menu-preview-kicker {
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-weight: 700;
        color: #2f8b5a;
        margin-bottom: 6px;
    }

    .mega-menu-preview-title {
        margin: 0 0 6px;
        font-size: 18px;
        line-height: 1.25;
        color: #173f2d;
    }

    .mega-menu-preview-desc {
        margin: 0 0 8px;
        font-size: 13px;
        line-height: 1.45;
        color: #375848;
    }

    .mega-menu-preview-cta {
        color: #1f6e48;
        font-weight: 700;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .dropdown-menu-large.row.mega-interactive-menu .mega-menu-preview-col {
        display: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu .mega-menu-links-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Interactive mega menu v2: compact 3-zone layout */
@media (min-width: 992px) {
    .dropdown-reklamni .dropdown-menu-large.row.mega-interactive-menu {
        width: min(1080px, 86vw) !important;
    }

    .dropdown-proizvodi .dropdown-menu-large.row.mega-interactive-menu {
        width: min(1020px, 82vw) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu {
        grid-template-columns: 210px minmax(320px, 1fr) 290px !important;
        gap: 12px !important;
        padding: 12px !important;
    }

    .mega-menu-nav-col {
        border-right: 1px solid #e6efea;
        padding-right: 10px !important;
    }

    .mega-menu-nav {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mega-menu-nav li {
        margin: 0;
    }

    .mega-menu-nav .mega-hover-source {
        display: block;
        border-radius: 8px;
        padding: 9px 10px;
        color: #2a4437;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.3;
        font-weight: 600;
        transition: background-color 0.18s ease, color 0.18s ease;
    }

    .mega-menu-nav .mega-hover-source:hover,
    .mega-menu-nav .mega-hover-source.is-active {
        background: #edf7f1;
        color: #1f6e48;
    }

    .mega-menu-items-col {
        min-width: 0;
    }

    .mega-menu-items-panels {
        position: relative;
        min-height: 326px;
    }

    .mega-menu-items-panel {
        display: none;
        background: #f9fcfa;
        border: 1px solid #e4eee8;
        border-radius: 10px;
        padding: 10px 9px;
        height: 326px;
        overflow-y: auto;
    }

    .mega-menu-items-panel.is-active {
        display: block;
    }

    .mega-menu-items-panel .dropdown-header {
        margin: 0 0 7px !important;
        padding: 2px 8px 4px !important;
        font-size: 11px !important;
        letter-spacing: 0.09em !important;
    }

    .mega-menu-items-panel > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        columns: 2;
        column-gap: 12px;
    }

    .mega-menu-items-panel > ul > li {
        break-inside: avoid;
        margin: 0;
    }

    .mega-menu-items-panel > ul > li > a {
        display: block;
        margin: 0 !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .mega-menu-preview-col {
        border-left: 1px solid #e8efeb;
        padding-left: 12px !important;
    }

    .mega-menu-preview-link {
        display: flex;
        flex-direction: column;
        min-height: 326px;
    }

    .mega-menu-preview-image-wrap {
        height: 160px;
    }

    .mega-menu-preview-body {
        padding: 11px;
        flex: 1;
    }

    .mega-menu-preview-title {
        font-size: 16px;
    }

    .mega-menu-preview-desc {
        font-size: 12px;
        line-height: 1.45;
    }
}

@media (max-width: 991px) {
    .dropdown-menu-large.row.mega-interactive-menu {
        padding: 8px !important;
    }

    .mega-menu-nav-col {
        display: none !important;
    }

    .mega-menu-items-panel {
        display: block !important;
        height: auto;
        max-height: none;
        margin-bottom: 8px;
    }

    .mega-menu-items-panel > ul {
        columns: 1;
    }
}

.po-order-body {
    padding: 0;
}

.po-order-flash {
    margin: 16px 16px 0;
}

.po-order-auto-alert {
    margin-bottom: 18px;
}

.po-order-presets {
    margin: 0 0 8px;
}

.po-order-preset-btn {
    margin: 0 6px 6px 0;
    border-radius: 16px;
    padding: 4px 10px;
}

/* FINAL mega menu layout lock (desktop) */
@media (min-width: 992px) {
    .nav-moj > li.dropdown-reklamni.open > .dropdown-menu-large.row.mega-interactive-menu,
    .nav-moj > li.dropdown-proizvodi.open > .dropdown-menu-large.row.mega-interactive-menu {
        display: grid !important;
    }

    .dropdown-reklamni .dropdown-menu-large.row.mega-interactive-menu {
        width: min(1060px, 84vw) !important;
    }

    .dropdown-proizvodi .dropdown-menu-large.row.mega-interactive-menu {
        width: min(1000px, 80vw) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu {
        grid-template-areas: "nav items preview" !important;
        grid-template-columns: 210px minmax(0, 1fr) 285px !important;
        gap: 12px !important;
        padding: 12px !important;
        align-items: stretch !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu > li.promoone-menu-col {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        float: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu > .mega-menu-nav-col {
        grid-area: nav;
        border-right: 1px solid #e4eee8;
        padding-right: 10px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu > .mega-menu-items-col {
        grid-area: items;
        min-width: 0;
    }

    .dropdown-menu-large.row.mega-interactive-menu > .mega-menu-preview-col {
        grid-area: preview;
        border-left: 1px solid #e4eee8;
        padding-left: 12px !important;
    }

    .mega-menu-nav {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mega-menu-nav .mega-hover-source {
        display: block;
        padding: 9px 10px;
        margin: 0;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        color: #244133;
        text-decoration: none;
        transition: background-color 0.16s ease, color 0.16s ease;
    }

    .mega-menu-nav .mega-hover-source:hover,
    .mega-menu-nav .mega-hover-source.is-active {
        background: #eaf6ef;
        color: #1f6e48;
    }

    .mega-menu-items-panels {
        min-height: 320px;
    }

    .mega-menu-items-panel {
        display: none;
        height: 320px;
        overflow-y: auto;
        border: 1px solid #e4eee8;
        background: #f9fcfa;
        border-radius: 10px;
        padding: 10px 9px;
    }

    .mega-menu-items-panel.is-active {
        display: block;
    }

    .mega-menu-items-panel .dropdown-header {
        margin: 0 0 8px !important;
        padding: 2px 8px 4px !important;
        font-size: 11px !important;
        letter-spacing: 0.09em !important;
        color: #2f8b5a !important;
    }

    .mega-menu-items-panel > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        columns: 1 !important;
    }

    .mega-menu-items-panel > ul > li > a {
        display: block;
        margin: 0 !important;
        padding: 6px 8px !important;
        border-radius: 7px;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .mega-menu-preview-link {
        display: flex !important;
        flex-direction: column;
        min-height: 320px;
        border: 1px solid #dce9e2;
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
        text-decoration: none;
    }

    .mega-menu-preview-image-wrap {
        height: 158px !important;
    }

    .mega-menu-preview-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mega-menu-preview-body {
        padding: 11px;
        flex: 1;
    }

    .mega-menu-preview-title {
        font-size: 16px;
        margin: 0 0 6px;
    }

    .mega-menu-preview-desc {
        font-size: 12px;
        line-height: 1.45;
        margin: 0 0 8px;
    }
}

/* Premium card-style mega menu (UX pass) */
@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu {
        grid-template-columns: minmax(0, 1fr) 300px !important;
        grid-template-areas: "cards preview" !important;
        gap: 14px !important;
        padding: 14px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu > .mega-menu-cards-col {
        grid-area: cards;
        min-width: 0;
    }

    .dropdown-menu-large.row.mega-interactive-menu > .mega-menu-preview-col {
        grid-area: preview;
    }

    .mega-menu-card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        align-content: start;
        max-height: 360px;
        overflow-y: auto;
        padding-right: 4px;
    }

    .mega-menu-card {
        background: #f9fcfa;
        border: 1px solid #e1ece5;
        border-radius: 12px;
        padding: 12px;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    }

    .mega-menu-card:hover,
    .mega-menu-card.is-active {
        background: #f1f9f4;
        border-color: #bfdccc;
        box-shadow: 0 8px 20px rgba(24, 67, 47, 0.08);
    }

    .mega-menu-card-title {
        display: inline-block;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 700;
        color: #1f3b2f;
        text-decoration: none;
        margin-bottom: 6px;
    }

    .mega-menu-card-title:hover {
        color: #1f6e48;
        text-decoration: none;
    }

    .mega-menu-card-desc {
        margin: 0 0 9px;
        font-size: 12px;
        line-height: 1.45;
        color: #476154;
    }

    .mega-menu-card-links {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 10px;
    }

    .mega-menu-card-links > a {
        font-size: 12px;
        color: #2f5b48;
        text-decoration: none;
    }

    .mega-menu-card-links > a:hover {
        color: #1f6e48;
        text-decoration: underline;
    }

    .mega-menu-card-links > a.menu-link-all {
        color: #1f6e48;
        font-weight: 700;
    }

    .dropdown-menu-large.row.mega-interactive-menu .mega-menu-preview-link {
        min-height: 360px;
    }

    .dropdown-menu-large.row.mega-interactive-menu .mega-menu-preview-image-wrap {
        height: 185px !important;
    }

    .mega-interactive-menu--promo {
        width: min(1140px, 88vw) !important;
    }

    .mega-interactive-menu--promo .mega-menu-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-height: 392px;
    }

    .mega-interactive-menu--promo .mega-menu-card {
        min-height: 118px;
    }

    .mega-interactive-menu--promo .mega-menu-card-desc {
        min-height: 36px;
    }

    .mega-interactive-menu--promo .mega-menu-card-links {
        gap: 4px 10px;
    }

    .mega-interactive-menu--promo .mega-menu-card-links > a {
        white-space: nowrap;
    }

    .mega-interactive-menu--promo {
        width: min(1120px, 88vw) !important;
        grid-template-columns: minmax(0, 1fr) 300px !important;
        grid-template-areas: "cards preview" !important;
        gap: 14px !important;
        padding: 16px !important;
    }

    .mega-interactive-menu--promo > .mega-menu-cards-col {
        grid-area: cards;
        min-width: 0;
    }

    .mega-interactive-menu--promo > .mega-menu-preview-col {
        grid-area: preview;
        display: block !important;
    }

    .mega-interactive-menu--promo .mega-menu-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .mega-interactive-menu--promo .mega-menu-card {
        min-height: 136px;
        padding: 14px;
        border-radius: 16px;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%);
        border: 1px solid #deebe3;
        box-shadow: 0 10px 28px rgba(21, 54, 40, 0.05);
    }

    .mega-interactive-menu--promo .mega-menu-card:hover,
    .mega-interactive-menu--promo .mega-menu-card.is-active {
        background: linear-gradient(180deg, #f8fcf9 0%, #f2f8f4 100%);
        border-color: #bfdccc;
        box-shadow: 0 14px 32px rgba(18, 58, 41, 0.10);
        transform: translateY(-1px);
    }

    .mega-interactive-menu--promo .mega-menu-card-title {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 1.15;
    }

    .mega-interactive-menu--promo .mega-menu-card-links {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
        margin-bottom: 12px;
    }

    .mega-interactive-menu--promo .mega-menu-card-links > a {
        white-space: normal;
        font-size: 12px;
        line-height: 1.3;
        color: #355b49;
    }

    .mega-interactive-menu--promo .mega-menu-card-cta {
        display: inline-flex;
        align-items: center;
        padding: 7px 11px;
        border-radius: 999px;
        background: #ecf7f0;
        color: #1f6e48;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
    }

    .mega-interactive-menu--promo .mega-menu-card-cta:hover {
        background: #dff2e7;
        text-decoration: none;
    }

    .mega-interactive-menu--promo .mega-menu-preview-link {
        min-height: 432px;
        border-radius: 18px;
        box-shadow: 0 18px 42px rgba(18, 58, 41, 0.08);
    }

    .mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 220px !important;
        background: linear-gradient(135deg, #edf6f0 0%, #f8fbf9 100%);
    }

    .mega-interactive-menu--promo .mega-menu-preview-body {
        padding: 16px;
    }

    .mega-interactive-menu--promo .mega-menu-preview-kicker {
        color: #2f8b5a;
    }

    .mega-interactive-menu--promo .mega-menu-preview-title {
        font-size: 20px;
        line-height: 1.2;
    }

    .mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 13px;
        line-height: 1.5;
        color: #496356;
    }

    .mega-interactive-menu--promo {
        width: min(1240px, 92vw) !important;
        grid-template-columns: minmax(0, 1.9fr) minmax(320px, 0.98fr) !important;
        gap: 0 !important;
        padding: 0 !important;
        border: 1px solid #dce5df;
        border-radius: 26px;
        overflow: hidden;
        background: #fbfcfb;
        box-shadow: 0 24px 50px rgba(23, 48, 37, 0.10);
    }

    .mega-interactive-menu--promo > .mega-menu-cards-col,
    .mega-interactive-menu--promo > .mega-menu-preview-col {
        margin: 0 !important;
        padding: 0 !important;
    }

    .mega-interactive-menu--promo .mega-menu-card-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        height: 100%;
        background:
            linear-gradient(to right, rgba(30, 60, 46, 0.06) 1px, transparent 1px) 0 0 / 33.333% 100%,
            linear-gradient(to bottom, rgba(30, 60, 46, 0.06) 1px, transparent 1px) 0 0 / 100% 33.333%;
    }

    .mega-interactive-menu--promo .mega-menu-card {
        min-height: 192px;
        padding: 30px 32px 26px;
        border: 0;
        border-radius: 0;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: none;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .mega-interactive-menu--promo .mega-menu-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(34, 44, 58, 0.03), rgba(34, 44, 58, 0));
        opacity: 0;
        transition: opacity 0.2s ease;
        pointer-events: none;
    }

    .mega-interactive-menu--promo .mega-menu-card:hover,
    .mega-interactive-menu--promo .mega-menu-card.is-active {
        background: #f5f7fb;
        transform: none;
        box-shadow: none;
        border-color: transparent;
    }

    .mega-interactive-menu--promo .mega-menu-card:hover::after,
    .mega-interactive-menu--promo .mega-menu-card.is-active::after {
        opacity: 1;
    }

    .mega-interactive-menu--promo .mega-menu-card-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
    }

    .mega-interactive-menu--promo .mega-menu-card-title-wrap {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
    }

    .mega-interactive-menu--promo .mega-menu-card-icon {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #7f8794;
        font-size: 21px;
        flex: 0 0 28px;
    }

    .mega-interactive-menu--promo .mega-menu-card-title {
        margin: 0;
        font-size: 18px;
        line-height: 1.12;
        font-weight: 700;
        color: #2f3642;
    }

    .mega-interactive-menu--promo .mega-menu-card-title:hover {
        color: #222a35;
        text-decoration: none;
    }

    .mega-interactive-menu--promo .mega-menu-card-count {
        flex: 0 0 auto;
        padding-top: 4px;
        font-size: 15px;
        line-height: 1;
        font-weight: 600;
        color: #a5adba;
    }

    .mega-interactive-menu--promo .mega-menu-card-links {
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        margin: 0;
        position: relative;
        z-index: 1;
    }

    .mega-interactive-menu--promo .mega-menu-card-links > a {
        white-space: normal;
        font-size: 15px;
        line-height: 1.28;
        color: #717989;
        text-decoration: none;
    }

    .mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-links > a:first-child,
    .mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-links > a:first-child {
        color: #303844;
    }

    .mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-icon,
    .mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-icon {
        color: #4d5563;
    }

    .mega-interactive-menu--promo .mega-menu-card-links > a:hover {
        color: #303844;
        text-decoration: none;
    }

    .mega-interactive-menu--promo .mega-menu-preview-col {
        border-left: 1px solid rgba(30, 60, 46, 0.08);
        background: #ffffff;
    }

    .mega-interactive-menu--promo .mega-menu-preview-link {
        min-height: 558px;
        height: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: #fcfcfd;
        position: relative;
        color: inherit;
        text-decoration: none;
    }

    .mega-interactive-menu--promo .mega-menu-preview-link:hover,
    .mega-interactive-menu--promo .mega-menu-preview-link:focus {
        color: inherit;
        text-decoration: none;
    }

    .mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 316px !important;
        position: relative;
        overflow: hidden;
        background: #eef1f5;
        border-bottom: 1px solid #e6ebf1;
    }

    .mega-interactive-menu--promo .mega-menu-preview-image {
        transition: transform 0.22s ease;
        object-fit: cover;
        object-position: center;
    }

    .mega-interactive-menu--promo .mega-menu-preview-body {
        padding: 22px 26px 24px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mega-interactive-menu--promo .mega-menu-preview-kicker {
        font-size: 12px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #9aa3af;
        margin: 0;
        order: 1;
    }

    .mega-interactive-menu--promo .mega-menu-preview-count {
        font-size: 14px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #a0a8b6;
        font-weight: 700;
        order: 0;
    }

    .mega-interactive-menu--promo .mega-menu-preview-title {
        font-size: 24px;
        line-height: 1.1;
        color: #2d3440;
        margin: 0;
        order: 2;
    }

    .mega-interactive-menu--promo .mega-menu-preview-link:hover .mega-menu-preview-title,
    .mega-interactive-menu--promo .mega-menu-preview-link:focus .mega-menu-preview-title {
        color: #2d3440;
    }

    .mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 16px;
        line-height: 1.55;
        color: #727b89;
        margin: 0;
        order: 3;
    }

    .mega-interactive-menu--promo .mega-menu-preview-link:hover .mega-menu-preview-desc,
    .mega-interactive-menu--promo .mega-menu-preview-link:focus .mega-menu-preview-desc {
        color: #727b89;
    }

    .mega-interactive-menu--promo .mega-menu-preview-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 12px;
        margin-top: 6px;
        order: 4;
    }

    .mega-interactive-menu--promo .mega-menu-preview-chip {
        font-size: 14px;
        line-height: 1.35;
        font-weight: 600;
        color: #4f5765;
        background: #f5f7fa;
        border: 1px solid #e7ecf2;
        border-radius: 999px;
        padding: 7px 11px;
    }

    .mega-interactive-menu--promo .mega-menu-preview-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: auto;
        align-self: flex-start;
        margin-top: auto;
        min-height: 42px;
        padding: 0 16px;
        border-radius: 12px;
        background: #f4f6f9;
        border: 1px solid #e1e7ef;
        color: #2f3742;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        text-decoration: none;
        order: 5;
        transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    }

    .mega-interactive-menu--promo .mega-menu-preview-cta .fa {
        font-size: 14px;
    }

    .mega-interactive-menu--promo .mega-menu-preview-link:hover .mega-menu-preview-cta,
    .mega-interactive-menu--promo .mega-menu-preview-link:focus .mega-menu-preview-cta,
    .mega-interactive-menu--promo .mega-menu-preview-cta:hover,
    .mega-interactive-menu--promo .mega-menu-preview-cta:focus {
        background: #eef2f6;
        border-color: #d7dee8;
        color: #2f3742;
        text-decoration: none;
    }
}

@media (max-width: 991px) {
    .dropdown-menu-large.row.mega-interactive-menu > .mega-menu-cards-col {
        width: 100%;
    }

    .mega-menu-card-grid {
        grid-template-columns: 1fr;
        max-height: none;
        overflow: visible;
    }

    .mega-menu-card {
        padding: 10px;
    }

    .mega-interactive-menu--promo .mega-menu-preview-col {
        display: none !important;
    }

    .mega-interactive-menu--promo .mega-menu-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }

    .mega-interactive-menu--promo .mega-menu-card-title-wrap {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mega-interactive-menu--promo .mega-menu-card-icon {
        color: #7f8794;
        font-size: 18px;
    }

    .mega-interactive-menu--promo .mega-menu-card-count {
        font-size: 12px;
        font-weight: 700;
        color: #9aa2aa;
    }

    .mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 14px;
        color: #667180;
    }
}

.po-order-row {
    margin: 0;
}

.po-order-col-left {
    padding: 40px;
    background: #fff;
}

.po-order-col-right {
    background-color: #f9f7f2;
    padding: 40px;
    border-left: 1px solid #eee;
    min-height: 650px;
}

.po-order-col-left .form-control,
.po-order-col-right .form-control {
    height: 42px;
    border-radius: 10px;
}

.po-order-col-left textarea.form-control {
    height: auto;
}

.po-order-section-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    margin-bottom: 25px;
    font-size: 0.9rem;
    font-weight: 700;
}

.po-order-section-title-gap {
    margin-top: 40px;
}

.po-order-label {
    font-weight: 600;
}

.po-order-deadline-group {
    margin-top: 5px;
}

.po-order-payment-wrap {
    margin-top: 20px;
}

.po-order-payment-inline {
    margin-top: 10px;
}

.po-order-radio {
    font-weight: 500;
}

.po-order-radio-first {
    margin-right: 20px;
}

.po-order-upload {
    text-align: center;
    cursor: pointer;
    border: 2px dashed #d5e3dc;
    border-radius: 12px;
    padding: 18px 12px;
    background: #fff;
}

.po-order-upload-icon {
    font-size: 4rem;
    margin-bottom: 15px;
}

.po-order-upload-title {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.2rem;
}

.po-order-upload-types {
    font-size: 0.9rem;
    color: #999;
    margin-bottom: 15px;
}

.po-order-file-input {
    display: none;
}

.po-order-file-name {
    margin-top: 15px;
    font-size: 1rem;
    color: var(--primary-color);
    font-weight: 700;
}

.po-order-summary {
    margin-top: 30px;
    background: #fff;
    border: 1px solid #e5ece8;
    border-radius: 10px;
    padding: 14px;
}

.po-order-summary-title {
    font-weight: 700;
    margin-top: 0;
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.po-order-summary-line {
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.po-order-alert {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 0.9rem;
    background: #fff8e1;
    color: #8a6d3b;
    border: none;
}

.po-order-legacy-note {
    margin-top: 14px;
}

.po-order-footer {
    padding: 25px 40px;
    border-top: 1px solid #eee;
    background-color: #fff;
}

.po-order-btn-cancel {
    border-radius: 50px;
    margin-right: 15px;
    font-size: 1.1rem;
    padding: 10px 30px;
}

.po-order-btn-submit {
    width: 250px;
    font-size: 1.2rem;
    padding: 12px 30px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .po-order-modal-dialog {
        width: 96%;
        margin: 10px auto;
    }

    .po-order-col-left,
    .po-order-col-right {
        padding: 18px;
        min-height: 0;
    }

    .po-order-col-right {
        border-left: 0;
        border-top: 1px solid #eee;
    }

    .po-order-footer {
        padding: 16px;
    }

    .po-order-btn-cancel,
    .po-order-btn-submit {
        width: 100%;
        margin: 0 0 10px;
    }
}

.po-footer {
    padding-bottom: 20px;
    border-top: 1px solid #eee;
}

.po-footer-news-title {
    font-size: 1rem;
}

.po-newsletter-form {
    position: relative;
}

.po-newsletter-input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 30px;
    outline: none;
}

.po-newsletter-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    background: var(--accent-gradient);
    border: none;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
}

/* Printone mega menu refresh */
@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        width: min(1160px, 90vw) !important;
        grid-template-columns: minmax(0, 1.92fr) 340px !important;
        gap: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        border: 1px solid #e3e7ee !important;
        border-radius: 26px !important;
        background:
            radial-gradient(circle at top left, rgba(64, 116, 184, 0.08), transparent 28%),
            linear-gradient(180deg, #f8fafc 0%, #f4f7fa 100%) !important;
        box-shadow: 0 24px 56px rgba(18, 27, 38, 0.12) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-cards-col {
        padding: 18px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > .mega-menu-preview-col {
        padding: 14px !important;
        border-left: 1px solid rgba(124, 140, 160, 0.16) !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(248, 250, 252, 0.96) 100%) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px !important;
        background: transparent !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card {
        position: relative;
        min-height: 162px;
        padding: 18px 18px 16px !important;
        border: 1px solid rgba(222, 228, 237, 0.95) !important;
        border-radius: 20px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 10px 22px rgba(34, 44, 58, 0.04);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 20px;
        border: 1px solid transparent;
        pointer-events: none;
        transition: border-color 0.18s ease;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active {
        transform: translateY(-2px);
        background: #ffffff !important;
        border-color: rgba(198, 208, 221, 0.96) !important;
        box-shadow: 0 18px 30px rgba(31, 42, 56, 0.09);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover::after,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active::after {
        border-color: rgba(92, 116, 146, 0.14);
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-head {
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 11px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title-wrap {
        gap: 10px;
        min-width: 0;
        flex: 1 1 auto;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        font-size: 17px;
        color: #8a94a3 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title {
        font-size: 15px !important;
        line-height: 1.08 !important;
        font-weight: 700;
        letter-spacing: 0;
        color: #24303d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-count {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: #eff3f7;
        font-size: 11px !important;
        line-height: 1;
        color: #97a2b0 !important;
        letter-spacing: 0.04em;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links {
        display: grid;
        gap: 6px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 12px !important;
        line-height: 1.24 !important;
        color: #6a7584 !important;
        white-space: normal;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-title,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a:hover {
        color: #24303d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-col {
        display: flex;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100%;
        padding: 0 !important;
        border-radius: 22px;
        overflow: hidden;
        background: #ffffff !important;
        box-shadow: 0 14px 28px rgba(28, 39, 52, 0.06);
        color: #24303d !important;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 212px !important;
        flex: 0 0 212px;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background:
            linear-gradient(180deg, #ffffff 0%, #f4f7fa 100%) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image {
        width: 100%;
        height: 100%;
        object-fit: contain !important;
        object-position: center center !important;
        background: transparent !important;
        padding: 10px 12px 0;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-body {
        flex: 1 1 auto;
        padding: 18px 20px 20px !important;
        gap: 8px !important;
        background: #ffffff;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-kicker {
        font-size: 10px !important;
        font-weight: 700;
        letter-spacing: 0.18em !important;
        text-transform: uppercase;
        color: #9aa4b1 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-count {
        font-size: 12px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.04em !important;
        color: #7b8796 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-title {
        margin: 0 !important;
        font-size: 19px !important;
        line-height: 1.08 !important;
        letter-spacing: 0;
        color: #24303d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-desc {
        max-width: 28ch;
        font-size: 13px !important;
        line-height: 1.48 !important;
        color: #707b88 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-links {
        gap: 7px !important;
        margin-top: 3px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-chip {
        padding: 6px 10px !important;
        border-radius: 999px !important;
        background: #f1f4f7 !important;
        border: 1px solid #e0e6ed !important;
        font-size: 11px !important;
        font-weight: 600;
        color: #556171 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta {
        align-self: flex-start;
        min-height: 38px !important;
        margin-top: 8px;
        padding: 0 15px !important;
        border-radius: 12px !important;
        background: #24303d !important;
        border: 1px solid #24303d !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 700;
        letter-spacing: 0.01em;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:hover .mega-menu-preview-cta,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link:focus .mega-menu-preview-cta,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta:focus {
        background: #1a2430 !important;
        border-color: #1a2430 !important;
        color: #ffffff !important;
    }
}

/* Mega menu organization pass #1 (safe CSS-only, printone) */
@media (min-width: 992px) {
    .dropdown-reklamni .dropdown-menu-large.row {
        width: clamp(940px, 88vw, 1160px) !important;
        padding: 14px 14px 12px;
    }

    .dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col {
        width: 33.3333%;
        border-right: 0;
        padding: 6px 8px 10px;
    }

    .dropdown-proizvodi .dropdown-menu-large.row {
        width: clamp(760px, 78vw, 980px) !important;
        padding: 14px 12px 12px;
    }

    .dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col {
        border-right: 0;
        padding: 6px 8px 10px;
    }

    .dropdown-reklamni .dropdown-menu-large > li.promoone-menu-col > ul,
    .dropdown-proizvodi .dropdown-menu-large > li.promoone-menu-col > ul {
        background: #f9fcfa;
        border: 1px solid #e4eee8;
        border-radius: 10px;
        padding: 10px 8px;
        min-height: 100%;
    }

    .dropdown-reklamni .dropdown-menu-large .dropdown-header,
    .dropdown-proizvodi .dropdown-menu-large .dropdown-header {
        margin-bottom: 6px;
        padding: 2px 8px 4px;
        font-size: 11px;
        letter-spacing: 0.09em;
    }

    .dropdown-reklamni .dropdown-menu-large > li > ul > li > a,
    .dropdown-proizvodi .dropdown-menu-large > li > ul > li > a {
        margin: 0;
        padding: 6px 8px;
        font-size: 12px;
        line-height: 1.3;
    }

    .dropdown-reklamni .dropdown-menu-large .menu-link-all,
    .dropdown-proizvodi .dropdown-menu-large .menu-link-all {
        margin-bottom: 2px;
    }
}

/* Final promo mega menu override */
@media (min-width: 992px) {
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        width: min(1120px, 88vw) !important;
        display: none !important;
        grid-template-columns: minmax(0, 1.62fr) 332px !important;
        align-items: stretch !important;
        gap: 14px !important;
        padding: 16px !important;
        border: 1px solid rgba(201, 211, 223, 0.7) !important;
        border-radius: 26px !important;
        background: rgba(248, 250, 252, 0.98) !important;
        box-shadow: 0 20px 44px rgba(34, 47, 62, 0.12) !important;
    }

    .dropdown-reklamni.open > .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo,
    .dropdown-reklamni:hover > .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo {
        display: grid !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo > li {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: 1fr !important;
        gap: 12px !important;
        height: 100% !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card {
        display: grid !important;
        grid-template-columns: 118px minmax(0, 1fr) !important;
        gap: 12px !important;
        min-height: 108px !important;
        padding: 16px 18px !important;
        border: 1px solid rgba(207, 216, 226, 0.75) !important;
        border-radius: 20px !important;
        background: rgba(255, 255, 255, 0.92) !important;
        box-shadow: 0 6px 16px rgba(30, 42, 56, 0.04) !important;
        transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active {
        border-color: rgba(181, 193, 207, 0.95) !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(30, 42, 56, 0.08) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-head {
        grid-column: 1 !important;
        display: block !important;
        min-width: 0 !important;
        padding-top: 2px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "icon"
            "count" !important;
        justify-items: start !important;
        align-content: start !important;
        row-gap: 7px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        grid-area: icon !important;
        width: 44px !important;
        height: 44px !important;
        color: #778393 !important;
        flex: 0 0 44px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        justify-self: start !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-icon svg {
        display: block !important;
        width: 40px !important;
        height: 40px !important;
        stroke: currentColor !important;
        fill: none !important;
        stroke-width: 1.35 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        overflow: visible !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-title {
        display: block !important;
        grid-area: title !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.04 !important;
        font-weight: 800 !important;
        letter-spacing: 0;
        color: #24303d !important;
        text-decoration: none !important;
        max-width: 100px !important;
        min-height: 30px !important;
        width: 100% !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-count {
        display: inline-flex !important;
        grid-area: count !important;
        align-items: center !important;
        min-height: 22px !important;
        padding: 0 9px !important;
        border-radius: 999px !important;
        background: #f2f5f8 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        color: #8c98a8 !important;
        margin: 0 !important;
        justify-self: start !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links {
        grid-column: 2 !important;
        align-self: stretch !important;
        display: grid !important;
        align-content: start !important;
        gap: 4px !important;
        min-width: 0 !important;
        padding-top: 2px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a {
        font-size: 12px !important;
        line-height: 1.26 !important;
        color: #697586 !important;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card-links > a:hover,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card:hover .mega-menu-card-links > a:first-child,
    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-card.is-active .mega-menu-card-links > a:first-child {
        color: #24303d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-col {
        display: flex !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-link {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-height: 100% !important;
        padding: 0 !important;
        border: 1px solid rgba(207, 216, 226, 0.72) !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        box-shadow: 0 8px 22px rgba(30, 42, 56, 0.05) !important;
        color: #24303d !important;
        text-decoration: none !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image-wrap {
        height: 148px !important;
        flex: 0 0 148px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: linear-gradient(180deg, #fdfefe 0%, #f4f7fa 100%) !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-image {
        width: 100% !important;
        height: 100% !important;
        padding: 10px 12px 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: transparent !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        padding: 16px 18px 18px !important;
        gap: 8px !important;
        background: #ffffff !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-kicker {
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 0.16em !important;
        text-transform: uppercase !important;
        color: #9ca7b4 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-count {
        font-size: 12px !important;
        line-height: 1.2 !important;
        color: #7f8a98 !important;
        letter-spacing: 0.05em !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-title {
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 1.08 !important;
        letter-spacing: 0;
        color: #24303d !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-desc {
        font-size: 13px !important;
        line-height: 1.42 !important;
        color: #6e7988 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-links {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
        margin-top: 2px !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-chip {
        padding: 6px 10px !important;
        border-radius: 999px !important;
        background: #f4f7fa !important;
        border: 1px solid rgba(220, 227, 235, 0.95) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #5c6877 !important;
    }

    .dropdown-menu-large.row.mega-interactive-menu.mega-interactive-menu--promo .mega-menu-preview-cta {
        align-self: flex-start !important;
        min-height: 38px !important;
        margin-top: auto !important;
        padding: 0 15px !important;
        border-radius: 12px !important;
        background: #24303d !important;
        border: 1px solid #24303d !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }
}

.po-site-hero .po-site-hero-nav {
    bottom: auto !important;
    height: 96px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 96px !important;
}

.po-site-hero .po-site-hero-prev:hover,
.po-site-hero .po-site-hero-prev:focus {
    transform: translate(-8px, -50%) !important;
}

.po-site-hero .po-site-hero-next:hover,
.po-site-hero .po-site-hero-next:focus {
    transform: translate(8px, -50%) !important;
}

.po-site-hero .swiper-pagination-bullet {
    border-radius: 999px !important;
    height: 4px !important;
    margin: 0 5px !important;
    width: 18px !important;
}

.po-site-hero .swiper-pagination-bullet-active {
    width: 42px !important;
}

@media (max-width: 767px) {
    .po-site-hero .po-site-hero-nav {
        height: 72px !important;
        width: 72px !important;
    }

    .po-site-hero .po-site-hero-nav .fa,
    .po-site-hero .po-site-hero-nav .glyphicon {
        display: none !important;
    }

    .po-site-hero .po-site-hero-nav:before {
        height: 28px !important;
        width: 28px !important;
    }

    .po-site-hero .po-site-hero-pagination {
        bottom: 14px !important;
    }
}

/* Final typography system: neutral tracking, stable rhythm, no compressed headings */
:root {
    --po-type-tracking: 0;
    --po-type-tracking-label: 0.08em;
    --po-type-lh-display: 1.12;
    --po-type-lh-heading: 1.22;
    --po-type-lh-subheading: 1.34;
    --po-type-lh-body: 1.68;
    --po-type-lh-compact: 1.42;
}

body {
    line-height: var(--po-type-lh-body);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading,
.home-title,
.home-section-title,
.home-products-heading,
.home-product-copy h3,
.about-title,
.about-section-title,
.po-title,
.po-section-title,
.po-card h3,
.po-link-card h3,
.po-faq-item h3,
.po-tech-box h3,
.po-group-title,
.po-cta h2,
.po-accordion-item .panel-title,
.mega-menu-card-title,
.mega-menu-preview-title {
    letter-spacing: var(--po-type-tracking) !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

h1,
.h1,
.home-title,
.home-section-title,
.home-products-heading,
.about-title,
.po-title,
.po-hero-slider-content .po-title,
.flajeri-font-lab .po-hero-slider-content .po-title {
    line-height: var(--po-type-lh-display) !important;
}

h2,
.h2,
.about-section-title,
.po-section-title,
.po-cta h2,
.flajeri-font-lab .po-section-title,
.flajeri-font-lab .po-font-group-title {
    line-height: var(--po-type-lh-heading) !important;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6,
.home-product-copy h3,
.po-card h3,
.po-link-card h3,
.po-faq-item h3,
.po-tech-box h3,
.po-group-title,
.mega-menu-card-title,
.mega-menu-preview-title,
.flajeri-font-lab .po-card h3,
.flajeri-font-lab .po-link-card-title,
.flajeri-font-lab .po-tech-box h3 {
    line-height: var(--po-type-lh-subheading) !important;
}

p,
li,
td,
th,
.lead,
.po-readable,
.po-subtitle,
.po-section-intro,
.po-card p,
.po-link-card p,
.po-faq-item p,
.po-accordion-item .panel-body,
.home-lead,
.home-sublead,
.home-products-intro,
.home-intro .lead,
.home-product-copy p,
.home-stat p,
.about-intro,
.about-hero-text,
.about-page .lead,
.flajeri-font-lab .po-hero-slider-content .po-subtitle,
.flajeri-font-lab .po-section-intro,
.flajeri-font-lab .po-card p,
.flajeri-font-lab .po-link-card-text,
.flajeri-font-lab .po-tech-box p,
.flajeri-font-lab .po-tech-table td,
.flajeri-font-lab .po-tech-table th,
.mega-menu-preview-desc,
.mega-menu-card-links > a {
    letter-spacing: var(--po-type-tracking) !important;
    line-height: var(--po-type-lh-body) !important;
}

.lead,
.home-lead,
.home-sublead,
.home-products-intro,
.home-intro .lead,
.home-product-copy p,
.home-stat p,
.about-page .lead,
.newsletter .lead,
.upit .lead {
    font-size: 1.35em !important;
}

.po-btn,
.btn,
.green-button,
.home-button,
.po-template-chip,
.po-subcat-chip,
.mega-menu-preview-cta {
    letter-spacing: var(--po-type-tracking) !important;
    line-height: var(--po-type-lh-compact) !important;
}

.po-section-intro,
.po-section .po-readable p,
.po-card p,
.po-link-card p,
.po-faq-item p,
.po-tech-note,
.po-flajeri-offer-copy,
.po-flajeri-offer-ui-meta,
.po-flajeri-package-sub,
.po-flajeri-package-small {
    font-size: 1.35em !important;
}

.po-card p,
.po-link-card p,
.po-faq-item p,
.po-tech-note,
.po-flajeri-package-sub,
.po-flajeri-package-small {
    line-height: 1.55 !important;
}

.home-kicker,
.home-product-label,
.about-kicker,
.po-eyebrow,
.po-hero-slider-content .po-eyebrow,
.po-badge,
.dropdown-header,
.mega-menu-preview-kicker,
.po-font-group-kicker,
.flajeri-font-lab .po-hero-slider-content .po-eyebrow,
.flajeri-font-lab .po-font-group-kicker {
    letter-spacing: var(--po-type-tracking-label) !important;
    line-height: var(--po-type-lh-compact) !important;
}

.home-stat-number,
.home-stat-suffix {
    letter-spacing: var(--po-type-tracking) !important;
    line-height: 1.05 !important;
}

.home-products-heading {
    max-width: 860px;
}

.home-product-copy h3 {
    max-width: 560px;
}

.po-title {
    max-width: 20ch;
}

.flajeri-font-lab .po-hero-slider-content .po-title,
.font-lab-page .po-hero-slider-content .po-title {
    max-width: 26ch !important;
}

.flajeri-font-lab .po-hero-slider-content,
.font-lab-page .po-hero-slider-content {
    top: 58% !important;
}

.po-section-title {
    max-width: 28ch;
}

.po-text-block.po-section-soft .po-section-title {
    max-width: 26ch;
}

.po-text-block.po-section-soft .po-readable,
.po-text-block.po-section-soft .po-readable p {
    max-width: none;
    width: 100%;
}

.po-card h3,
.po-link-card h3,
.po-faq-item h3 {
    max-width: 30ch;
}

@media (max-width: 991px) {
    :root {
        --po-type-lh-display: 1.15;
        --po-type-lh-heading: 1.26;
        --po-type-lh-subheading: 1.36;
    }
}

@media (max-width: 767px) {
    :root {
        --po-hero-height: 510px;
        --po-type-lh-display: 1.18;
        --po-type-lh-heading: 1.3;
        --po-type-lh-body: 1.62;
    }

    .home-title,
    .home-section-title,
    .home-products-heading,
    .about-title,
    .po-title,
    .po-hero-slider-content .po-title {
        max-width: 14ch;
    }
}

.po-site-hero-product {
    --po-site-hero-current-height: clamp(460px, 54vh, 570px);
}

@media (max-width: 991px) {
    .po-site-hero-product {
        --po-site-hero-current-height: 480px;
    }

    .po-hero-slider-content .po-title {
        font-size: clamp(31px, 4.8vw, 42px);
        line-height: 1.08;
    }

    .po-hero-slider-content .po-subtitle {
        font-size: 17px;
        line-height: 1.44;
        max-width: 54ch;
    }
}

@media (max-width: 767px) {
    .po-site-hero-product {
        --po-site-hero-current-height: 460px;
    }

    .po-hero-slider-content {
        top: 50%;
    }

    .po-hero-slider-content .po-eyebrow {
        font-size: 12px;
    }

    .po-hero-slider-content .po-title {
        font-size: clamp(28px, 6.2vw, 34px);
        line-height: 1.08;
        max-width: 16ch;
    }

    .po-hero-slider-content .po-subtitle {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 15px;
        line-height: 1.42;
        max-width: 92%;
    }
}

@media (max-width: 767px) {
    .po-card-grid {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .po-card-grid > [class*="col-"] {
        display: block;
        float: none;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .po-card-grid > [class*="col-"] + [class*="col-"] {
        margin-top: 18px;
    }

    .po-card-grid > [class*="col-"] > .po-card,
    .po-card-grid > [class*="col-"] > .po-link-card,
    .po-card-grid > [class*="col-"] > .po-tech-box,
    .po-gallery-item,
    .po-gallery-lightbox-trigger {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .navbar-collapse .nav-moj > li.dropdown > .nav-dropdown-trigger .caret,
    .po-mobile-products-group summary .fa {
        display: none !important;
    }

    .navbar-collapse .nav-moj > li.dropdown > .nav-dropdown-trigger::before {
        content: "+";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #eef7f2;
        color: #185b3a;
        font-size: 23px;
        line-height: 1;
        font-weight: 800;
    }

    .navbar-collapse .nav-moj > li.dropdown.open > .nav-dropdown-trigger::before {
        content: "-";
        padding-bottom: 3px;
    }

    .po-mobile-products-group summary::after {
        content: "+";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        margin-left: 12px;
        border-radius: 50%;
        background: #eef7f2;
        color: #185b3a;
        font-size: 20px;
        line-height: 1;
        font-weight: 800;
    }

    .po-mobile-products-group[open] summary::after {
        content: "-";
        padding-bottom: 3px;
    }

    .navbar-collapse .nav-moj > li.dropdown.open > .dropdown-menu-large.row.mega-interactive-menu {
        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 8px 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .navbar-collapse .nav-moj > li.dropdown {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    .navbar-collapse .nav-moj > li.dropdown > .nav-parent-link {
        grid-column: 1;
        position: relative;
        z-index: 2;
        width: 100% !important;
    }

    .navbar-collapse .nav-moj > li.dropdown > .nav-dropdown-trigger {
        position: relative !important;
        z-index: 3;
        grid-column: 2;
        grid-row: 1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px !important;
        height: 38px !important;
        min-height: 38px;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
    }

    .navbar-collapse .nav-moj > li.dropdown > .dropdown-menu-large.row.mega-interactive-menu {
        grid-column: 1 / -1;
    }

    .navbar-collapse .nav-moj > li.dropdown.open > .dropdown-menu-large.row.mega-interactive-menu > li {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .navbar-collapse .mega-interactive-menu--printone > .po-mobile-products-panel {
        display: block !important;
    }

    .navbar-collapse .mega-interactive-menu--printone > .mega-menu-cards-col,
    .navbar-collapse .mega-interactive-menu--printone > .mega-menu-preview-col,
    .navbar-collapse .mega-interactive-menu--printone > .po-desktop-products-panel {
        display: none !important;
    }

    .navbar-collapse .dropdown-proizvodi .dropdown-menu-large.row.mega-interactive-menu--printone > li.po-desktop-products-panel,
    .navbar-collapse .dropdown-proizvodi .dropdown-menu-large.row.mega-interactive-menu--printone > li.mega-menu-preview-col {
        display: none !important;
    }

    .navbar-collapse .po-mobile-products-accordion {
        display: grid !important;
        width: 100%;
        gap: 5px;
        padding: 6px 0 0;
    }

    .navbar-collapse .po-mobile-products-group {
        width: 100%;
    }

    .navbar-collapse .po-mobile-products-group:not([open]) > .po-mobile-products-links {
        display: none !important;
    }

    .navbar-collapse .po-mobile-products-group[open] > .po-mobile-products-links {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px 8px !important;
    }

    .navbar-collapse .nav-moj > li.dropdown > .nav-dropdown-trigger::before {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 28px !important;
        transform: translate(-50%, -50%) !important;
        text-align: center;
    }

    .navbar-collapse .nav-moj > li.dropdown.open > .nav-dropdown-trigger::before {
        padding: 0 !important;
        line-height: 24px !important;
    }

    .navbar-collapse .po-mobile-products-group summary {
        position: relative;
        padding-right: 46px !important;
    }

    .navbar-collapse .po-mobile-products-group summary::after {
        position: absolute !important;
        top: 50% !important;
        right: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 24px !important;
        transform: translateY(-50%) !important;
        text-align: center;
    }

    .navbar-collapse .po-mobile-products-group[open] summary::after {
        padding: 0 !important;
        line-height: 20px !important;
    }
}

/* Final font guard: older page-specific rules below Bootstrap must still use PromoOne font. */
.navbar-brand {
    display: flex !important;
    align-items: center;
    min-height: 80px;
    padding: 0 15px !important;
    width: auto;
}

.navbar-brand .logo-nav {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: calc(100vw - 104px);
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navbar-brand .text-brand {
    display: none !important;
}

@media (max-width: 767px) {
    .navbar-header {
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        height: 77px;
        min-height: 77px;
        padding: 0 14px 0 15px;
    }

    .navbar-brand {
        flex: 0 1 auto;
        order: 1;
        min-height: 77px;
        margin-right: auto !important;
        margin-left: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .navbar-brand .logo-nav {
        width: auto !important;
        height: 50px !important;
        max-width: calc(100vw - 104px);
    }

    .navbar-toggle {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        flex: 0 0 44px;
        order: 2;
        margin-left: auto !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .navbar-toggle:hover,
    .navbar-toggle:focus {
        background: transparent !important;
        box-shadow: none !important;
        outline: none;
    }

    .navbar-toggle .icon-bar {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 24px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background-color: #1b2633 !important;
        box-shadow: none !important;
        transition: transform 180ms ease, opacity 140ms ease !important;
        transform-origin: center !important;
    }

    .navbar-toggle .icon-bar:nth-child(2) {
        transform: translate(-50%, -9px) !important;
    }

    .navbar-toggle .icon-bar:nth-child(3) {
        transform: translate(-50%, -50%) !important;
    }

    .navbar-toggle .icon-bar:nth-child(4) {
        transform: translate(-50%, 7px) !important;
    }

    body.po-mobile-menu-open .navbar-toggle .icon-bar:nth-child(2) {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    body.po-mobile-menu-open .navbar-toggle .icon-bar:nth-child(3) {
        opacity: 0 !important;
    }

    body.po-mobile-menu-open .navbar-toggle .icon-bar:nth-child(4) {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }
}

html,
body,
button,
input,
select,
textarea,
.navbar,
.navbar-nav,
.dropdown-menu,
.btn,
.po-btn,
.green-button,
#maincontent,
.portfolio-modal .modal-content p.item-intro,
.portfolio-modal .amount-number,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Mulish', sans-serif !important;
}

.fa,
.fa:before {
    font-family: FontAwesome !important;
}

.glyphicon,
.glyphicon:before {
    font-family: 'Glyphicons Halflings' !important;
}

.home-hero-copyband .col-md-10:before,
.home-hero-copyband .col-lg-8:before,
.po-text-block > .container:before {
    background: var(--po-brand-divider) center / 100% 100% no-repeat;
    content: "";
    display: block;
    height: var(--po-brand-divider-height);
    margin: 0 0 22px;
    width: 144px;
}

.home-products-header:before,
.about-hero-row > .col-md-6:first-child:before,
.contact-business-grid:before,
.cenovnik .price:before {
    height: var(--po-brand-divider-height) !important;
}

/* Final hero slider mobile corrections */
@media (max-width: 767px) {
    .home-hero .po-site-hero-general,
    #rotator .po-site-hero-general {
        --po-site-hero-current-height: clamp(260px, 62vw, 340px) !important;
    }

    .home-hero-slide,
    .po-swiper-general .general-hero-slide,
    .po-site-hero-general .swiper-slide,
    .po-site-hero-general .po-site-hero-slide {
        height: var(--po-site-hero-current-height) !important;
        min-height: var(--po-site-hero-current-height) !important;
    }

    .home-hero-image,
    .po-swiper-general .general-hero-image,
    .po-site-hero-general .po-site-hero-image {
        height: 100% !important;
        object-fit: cover !important;
        object-position: left center !important;
        width: 100% !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-nav,
    .po-site-hero-product.po-hero-slider .po-hero-slider-nav {
        top: auto !important;
        bottom: 44px !important;
        width: 72px !important;
        height: 72px !important;
        transform: none !important;
        z-index: 5 !important;
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.46)) drop-shadow(0 0 7px rgba(0, 0, 0, 0.24)) !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-prev,
    .po-site-hero-product.po-hero-slider .po-hero-slider-prev {
        left: 10px !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-next,
    .po-site-hero-product.po-hero-slider .po-hero-slider-next {
        right: 10px !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-nav:before {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
        background: transparent !important;
        border-color: currentColor !important;
        border-style: solid !important;
        border-width: 0 0 2px 2px !important;
        border-radius: 0 !important;
        backdrop-filter: none !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-prev:before,
    .po-site-hero-product.po-hero-slider .po-hero-slider-prev:before {
        transform: rotate(45deg) !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-next:before,
    .po-site-hero-product.po-hero-slider .po-hero-slider-next:before {
        transform: rotate(225deg) !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-nav .fa,
    .po-site-hero-product.po-hero-slider .po-site-hero-nav .glyphicon {
        display: none !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-nav:hover,
    .po-site-hero-product.po-hero-slider .po-site-hero-nav:focus {
        transform: none !important;
    }

    .po-site-hero-product.po-hero-slider .po-site-hero-pagination,
    .po-site-hero-product.po-hero-slider .po-hero-slider-pagination {
        bottom: 18px !important;
    }

    .po-site-hero-product.po-hero-slider:before,
    .po-site-hero-product .po-hero-slider-content {
        pointer-events: none !important;
    }

    .po-site-hero-product .po-hero-slider-content a,
    .po-site-hero-product .po-hero-slider-content button,
    .po-site-hero-product .po-hero-slider-content .po-btn {
        pointer-events: auto !important;
    }

    .po-site-hero-product .swiper-wrapper,
    .po-site-hero-product .swiper-slide,
    .po-site-hero-product .po-site-hero-slide,
    .po-site-hero-product .po-site-hero-image {
        touch-action: pan-y;
    }
}