*,
*::before,
*::after {box-sizing:border-box;}
img{max-width:100%;height:auto;}
/* =========================================================
   HEADER V3 - FINAL
========================================================= */
/* default = skrolovano stanje */
.popupbox{display:none;position:fixed;top:0;left:0;width:100%;z-index:10001;background:#ece5d8;}
.popupbox.is-visible{display:block;}
.important-info-block{background:#e3dccc !important;}
.important-info-block .very-important-info-top{margin-right: 8%;}
.site-header-v3{width:100%;background:#f7f4ef;border-top:1px solid #2f2a26;border-bottom:1px solid #2f2a26;position:fixed;top:0;left:0;right:0;z-index:10000;}
.site-header-v3.is-offset{top:36px;}
/* stanje kad si na vrhu */
html.is-top .popupbox {display:block;}
html.is-top .site-header-v3{top:36px;}
#inner-header{padding-top:76px;background:transparent;}
.site-header-v3__inner{width:100%;max-width:1500px;margin:0 auto;padding-left:20px;padding-right:20px;}
.site-header-v3__top{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.site-header-v3__left{flex:0 0 auto;display:flex;align-items:center;gap:14px;}
.site-header-v3__logo{display:flex;align-items:center;flex:0 0 auto;}
.site-header-v3__logo a{display:inline-flex;align-items:center;text-decoration:none;}
.site-header-v3__logo img{display:block;width:auto;height:auto;max-height:50px;}
.site-header-v3__hamburger{display:none;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;flex:0 0 auto;}
.site-header-v3__hamburger span{display:block;width:22px;height:2px;background:#1d1d1d;border-radius:2px;}
.site-header-v3__nav{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:30px;min-width:0;}
.site-header-v3__nav a,
.site-header-v3__mobile-cats a,
.site-header-v3__drawer a{text-decoration:none;color:#1d1d1d;font-size:16px;line-height:1.1;white-space:nowrap;transition:color 0.2s ease;}
.site-header-v3__nav a:hover,
.site-header-v3__mobile-cats a:hover,
.site-header-v3__drawer a:hover{color:#000;}
.site-header-v3__nav a.curentkat{color:#db4c45;}
.site-header-v3__actions{flex:0 0 auto;display:flex;align-items:center;gap:16px;}
.site-header-v3__icon,
.site-header-v3__cart{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#1d1d1d;min-height:24px;}
.site-header-v3__cart{gap:0px;}
.site-header-v3__cart-count{display:inline-block;min-width:10px;font-size:24px;line-height:1;font-weight:600;color:#1d1d1d;}
#korpa1:empty::after{content:"0";}
.site-header-v3__mobile-cats,
.site-header-v3__drawer{display:none;}
.korpa-33{display:inline-block;width:39px;height:30px;background-image:url('../images/korpa-6.png');background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:1px;vertical-align:middle;}
.dropdown-cart-menu-container{margin-left:2px;}
.top_left ul li{padding:0px 0px 0 0;}
.q-a-nelog{max-width:55px;}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 1024px){	
.important-info-block .very-important-info-top{margin-right: 0;}	
.popupbox{display:block !important;position:relative !important;top:auto !important;left:auto !important;right:auto !important;width:100% !important;z-index:auto !important;background:#ece5d8 !important;}
.popupbox.is-hidden,
.popupbox.is-visible{display:block !important;}
.site-header-v3{position:relative !important;top:auto !important;left:auto !important;right:auto !important;width:100% !important;background:transparent !important;border:none !important;z-index:auto !important;padding-top:0 !important;}
.site-header-v3__inner{width:100%;max-width:1500px;margin:0 auto;padding-left:0 !important;padding-right:0 !important;}
 /* gornji red - po defaultu NIJE fiksan */
.site-header-v3__top{position:relative !important;top:auto !important;left:auto !important;right:auto !important;z-index:2 !important;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f4ef !important;border-top:1px solid #2f2a26 !important;border-bottom:1px solid #2f2a26 !important;box-shadow:none !important;padding-left:12px !important;padding-right:12px !important;}
/* kad se aktivira fiksiranje */
body.mobile-header-stuck .site-header-v3{padding-top:54px !important;}
body.mobile-header-stuck .site-header-v3__top{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:10000 !important;}
/* donji red NIJE fiksan */
.site-header-v3__mobile-cats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 30px;min-height:42px;position:relative !important;top:auto !important;left:auto !important;right:auto !important;z-index:1 !important;margin-top:0 !important;overflow:visible !important;white-space:normal !important;-ms-overflow-style:none; scrollbar-width:none;background:#fff !important;border-top:none !important;border-bottom:1px solid #2f2a26 !important;box-shadow:none !important;padding:10px 12px !important;text-align:center;}
.site-header-v3__mobile-cats a{display:inline-block;flex:0 0 auto;font-size:13px;line-height:1.2;text-decoration:none;color:#1d1d1d;white-space:nowrap;text-align:center}
.site-header-v3__mobile-cats::-webkit-scrollbar{display:none;}
.site-header-v3__mobile-cats a{flex:0 0 auto;font-size:15px;text-decoration:none;color:#1d1d1d}
.site-header-v3__nav{display:none!important}
.site-header-v3__logo img{display:block;max-height:38px;width:auto;height:auto}
.site-header-v3__drawer{position:fixed;top:54px!important;left:0;width:100%;height:calc(100vh - 54px)!important;background:rgba(0,0,0,.35);z-index:10003}
#main-nav-container,
#inner-header{background:0 0!important;border:0!important;box-shadow:none!important;padding-top:0!important;min-height:0!important}	
/* FIX hamburger za tvoj HTML */
.site-header-v3__hamburger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;position:relative;background:0 0;border:0;cursor:pointer;padding:0}
.site-header-v3__hamburger span{position:absolute;width:20px;height:2px;background:#2f2a26;left:50%;transform:translateX(-50%)}
.site-header-v3__hamburger span:nth-child(1) {top:10px;}
.site-header-v3__hamburger span:nth-child(2) {top:16px;}
.site-header-v3__hamburger span:nth-child(3) {top:22px;}
}
.dropdown-cart .dropdown-cart-menu{margin-top:0px !important;}
.registracija{width:30px;height:30px;background-image:url(../images/account_circle.svg);background-color:transparent;background-size:30px}
.korisnik-2{width:30px;height:30px;background-image:url(../images/account_circle_2.svg);border:0;background-color:transparent;margin-right:8px}
.breadcrumb > li + li:before{padding:0 10px !important;}
@media (max-width: 480px) {
.site-header-v3__mobile-cats{gap:10px 20px;padding:8px 10px !important;}	
	
.breadcrumb > li + li:before{padding:0 5px !important;}	
}	
@media (max-width: 414px){
	
.site-header-v3__mobile-cats{gap:10px 13px;padding:8px 10px !important;}		
.top_left{margin-left:5px;}
}
@media (max-width: 380px){
.site-header-v3__mobile-cats{gap:8px 12px;padding:8px 10px !important;}
.site-header-v3__mobile-cats a{font-size:12px;}
}
.icon-arrow{width:17px;height:17px;vertical-align:middle;margin-left:4px}
@media (max-width: 768px){
.site-header-v3__top{gap:0}	
.quick-search-form{padding-left:3px;}
.site-header-v3__actions{gap:10px;}
.dropdown-cart{margin-left:3px;}
.korpa-33{margin-right:1px;}	
}
@media (max-width: 390px){
.site-header-v3__top{gap:0}
.quick-search-form{padding-left:3px}
.site-header-v3__actions{gap:2px}	
}
.pointer-right .dropdown-menu{margin-left:-60px;}
@media (max-width: 400px){
.pointer-right .dropdown-menu{margin-left:-80px;}	
}
@media (max-width: 300px){
.site-header-v3__logo img{max-height: 26px;}	
}
/* ===== HERO WRAPPER ===== */
.home-hero{position:relative;height: 820px;overflow:hidden}
/* ===== SLIKA ===== */
.home-hero picture,
.home-hero img{position:absolute;inset:0;width:100%;height:100%;} 
.home-hero img{object-fit:cover;object-position:right center; /* lice desno */}
/* ===== CONTENT ===== */
.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}
/* ograniči širinu teksta */
.hero-content .container{max-width:600px;margin-left:11%}
/* ===== NASLOV ===== */
.hero-content h1{color:#fff;font-size:64px;font-weight:700;line-height:1;margin-bottom:20px;letter-spacing:-1px}
.hero-content h2{color:#fff;font-size:58px;/* povećano */font-weight:700;line-height:1.05;margin-bottom:20px;letter-spacing:-1px}
/* ===== PODNASLOV ===== */
.hero-content p{color:#fff;font-size:18px;margin-bottom:25px;opacity:1;}
/* ===== DUGME ===== */
.hero-btn{background:#fff;color:#000;border-radius:30px;padding:12px 28px;font-weight:500;font-size:15px;letter-spacing:0.5px;border:none;transition:background 0.3s ease, color 0.3s ease;}
.hero-btn:hover{background:#000;color:#fff;}
.home-hero > a{display:block;}
.home-hero > a picture,
.home-hero > a img{display:block;width:100%;}
/* Klik prolazi kroz overlay do linka na slici */
.home-hero .hero-content{pointer-events:none;}
/* Dugme ostaje zasebno klikabilno */
.home-hero .hero-btn{pointer-events:auto;}
/* ===== MOBILE ===== */
@media (max-width: 768px){
.home-hero{height:clamp(560px, 180vw, 760px);min-height:0;}
.home-hero img{object-position: center top;}
.hero-content{align-items:flex-start;padding-top:40px;text-align:center;}
.hero-content .container{margin:0 auto;max-width:90%;}
.hero-content h1{font-size:38px;letter-spacing:0;line-height:1.02;}
.hero-content h2{font-size:32px;letter-spacing:0;}
.hero-content p{font-size:16px;}
}
/* ===== EXTRA LARGE (veliki monitori) ===== */
@media (min-width: 1400px){
.hero-content h1{font-size:72px;}
.hero-content h2{font-size: 60px;}
}
/* ===== OVER HERO POZICIJA ===== */
.home-cats-over{position:relative;margin-top:-50px;z-index:5}
/* ===== FULL WIDTH WRAP ===== */
.cats-wrap{padding-left:0;padding-right:0}
/* ===== GRID FIX (bootstrap override) ===== */
.home-cats-over .row{margin-left:-8px;margin-right:-8px}
.home-cats-over .col-xs-6,
.home-cats-over .col-sm-2{padding-left:8px;padding-right:8px;}
/* ===== CARD ===== */
.cat-card{display:block;width:100%;position:relative;overflow:hidden;text-decoration:none}
.cat-card img{width:100%;height:auto;display:block;transform:scale(1);transition:transform .4s ease}
.cat-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:0 0;transition:background .3s ease;pointer-events:none}
/* ===== TEKST (label) ===== */
.cat-card span{position:absolute;top:12px;left:12px;font-size:13px;font-weight:700;color:#000;background:0 0;text-shadow:0 1px 3px rgba(0,0,0,.3);padding:6px 10px;z-index:2}
/* ===== HOVER ===== */
.cat-card:hover img{transform:scale(1.04)}
.cat-card:hover::after{background: rgba(0,0,0,0.08);}
/* ===== RAZMAK IZMEĐU REDOVA ===== */
.home-cats-over .col-xs-6{margin-bottom: 16px;}
@media (max-width: 768px) {
  /* manji razmak između kartica */
.home-cats-over .col-xs-6{padding-left:4px;padding-right:4px;margin-bottom:6px}
  /* malo manji razmak levo/desno cele sekcije */
.cats-wrap{padding-left:8px;padding-right:8px}
}
/* ===== STARI MEGA MENU U NOVOM HEADERU ===== */
.site-header-v3,
.site-header-v3__inner,
.site-header-v3__nav{overflow:visible !important;}
.site-header-v3__nav{display:flex;align-items:center;}
.site-header-v3__nav #main-nav-container{width:auto;padding:0;background:0 0;box-shadow:none;-webkit-box-shadow:none;position:relative;z-index:999}
.site-header-v3__nav #main-nav{float:none;position:relative}
.site-header-v3__nav #responsive-nav{display:none!important}
/* glavni meni u jednom redu */
.site-header-v3__nav #main-nav>.menu{display:flex;align-items:center;margin:0;padding:0;list-style:none}
/* zadržavamo stari hover/megamenu, samo gasimo stari CAPS */
.site-header-v3__nav #main-nav>.menu>li{text-transform:none!important}
/* OVO JE KLJUČNO: pregazi stari beli font SAMO za top linkove */
.site-header-v3__nav #main-nav>.menu>li>a{display:inline-flex;align-items:center;text-decoration:none;color:#1d1d1d!important;font-size:16px!important;font-weight:400!important;line-height:1.1!important;font-family:inherit!important;white-space:nowrap;text-transform:none!important;padding:18px 14px!important;height:60px;opacity:1!important}
/* hover / active / akcija */
.site-header-v3__nav #main-nav>.menu>li>a:hover{color:#c89a57!important}
.site-header-v3__nav #main-nav>.menu>li>a.curentkat{color:#c1a377!important;text-decoration:underline}
.site-header-v3__nav #main-nav>.menu>li>a.akcija{color:#f34f58!important}
/* box */
.site-header-v3__nav #main-nav .menu li .mega-menu{top:100%;border-top:1px solid #c89a57;box-shadow:0 10px 24px rgba(0,0,0,.12)}
/* ===== FIX NAV TEKSTA (TAČNO OVO) ===== */
/* 1. ubij stare stilove sa megamenu */
.site-header-v3__nav #main-nav-container #main-nav .menu li a{color:#1d1d1d!important;opacity:1!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;text-transform:none!important}
/* 2. vertikalno centriranje */
.site-header-v3__nav #main-nav>.menu>li>a{display:flex;align-items:center;height:56px;padding:0 18px;line-height:1}
#main-nav-container #main-nav .menu li{padding-bottom:0}
/* ===== NOVI MEGA BOX - SAMO PODMENI ===== */
.site-header-v3__nav #main-nav-container #main-nav .menu>li.mega-menu-container>.mega-menu{width:100%!important;left:0!important;padding:35px 60px!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;top:92px!important}
/* kad se skroluje */
.site-header-v3__nav #main-nav-container.fixed #main-nav .menu > li.mega-menu-container > .mega-menu{top: 56px !important;}
/* kolone */
.site-header-v3__nav #main-nav-container #main-nav .menu > li.mega-menu-container > .mega-menu > .col-4 {
    float: none !important;
    flex: 0 0 16.666% !important;
    width: 16.666% !important;
    max-width: 16.666% !important;
    clear: none !important;
    padding: 0 22px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative;
    /* 🔴 OVO JE KLJUČNO */
    border-left: none !important;
    border-right: none !important;
}
/* 🔥 JEDINA linija (nema dupliranja) */
.site-header-v3__nav #main-nav-container #main-nav .menu>li.mega-menu-container>.mega-menu>.col-4:not(:first-child)::before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#e5ded2}
/* skloni clearfix */
.site-header-v3__nav #main-nav-container #main-nav .menu > li.mega-menu-container > .mega-menu > .clearfix{display:none !important;}
/* liste */
.site-header-v3__nav #main-nav-container #main-nav .menu > li.mega-menu-container > .mega-menu .mega-menu-list li{background:none !important;padding-left:0 !important;}
/* hover menija */
.site-header-v3__nav #main-nav-container #main-nav > .menu > li > a{transition:color 0.3s ease;}
.site-header-v3__nav #main-nav-container #main-nav > .menu > li > a:hover{color:#c89a57 !important;}
/* ===== BRENDOVI POSEBAN MEGA MENU ===== */
.site-header-v3__nav #main-nav-container #main-nav .menu>li.brendovi-menu>.mega-menu{display:block!important;padding:33px 60px!important}
.site-header-v3__nav #main-nav-container #main-nav .menu>li.brendovi-menu .brendovi-row{display:flex;align-items:center;width:100%}
.site-header-v3__nav #main-nav-container #main-nav .menu>li.brendovi-menu .brendovi-row a{flex:1;text-align:center;position:relative;color:#1d1d1d!important;font:700 15px/20px Arial,sans-serif!important;text-transform:uppercase!important;text-decoration:none!important;padding:0 18px!important;transition:color .25s ease}
.site-header-v3__nav #main-nav-container #main-nav .menu>li.brendovi-menu .brendovi-row a+a::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:#e5ded2}
.site-header-v3__nav #main-nav-container #main-nav .menu > li.brendovi-menu .brendovi-row a:hover{color:#c89a57 !important;}
/* =========================
   DRAWER / MOBILE MENU
========================= */
.site-header-v3__drawer {
    display: none;
}

@media (max-width: 1023px){

    .site-header-v3__nav {
        display: none;
    }

.site-header-v3__drawer {
    display: block !important;
    position: fixed;
    top: 0 !important;
    left: 0;
    width: 100%;

    height: auto !important;
    max-height: 100vh !important;

    background: #f5f2ec;
    z-index: 99999;

    transform: translateX(-100%);
    transition: transform 0.3s ease;

    overflow-y: auto;
}
    .site-header-v3__drawer.is-open {
        transform: translateX(0);
    }

    body.mobile-menu-open {
        overflow: hidden;
    }

    .site-header-v3__drawer-inner {
        padding: 0 !important;
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.3s ease 0.1s, opacity 0.25s ease 0.1s;
    }
	
.site-header-v3__drawer.is-open .site-header-v3__drawer-inner {
    transform: translateY(0);
    opacity: 1;
}	

    .mobile-menu-header {
        height: 60px;
        display: flex;
        align-items: center;
        gap: 30px;
        padding: 0 20px;
        border-bottom: 1px solid #111;
        background: #f5f2ec;
    }

    .mobile-menu-header img {
        width: 100px;
        height: auto;
        display: block;
    }

    .mobile-menu-close {
        appearance: none;
        border: 0;
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 34px;
        line-height: 1;
        color: #111;
        cursor: pointer;
    }

    .mobile-menu-section,
    .mobile-subsection {
        border-bottom: 1px solid #111;
        background: #f5f2ec;
    }

    .mobile-menu-toggle,
    .mobile-subtoggle {
        appearance: none;
        border: 0;
        background: transparent;
        width: 100%;
        min-height: 44px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        cursor: pointer;
        color: #111;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .mobile-subtoggle {
        background: #fff;	
    }
	
    .mobile-subsection.is-open > .mobile-subtoggle {
        border-bottom: 1px solid #d7d7d7;	
    }	


    .mobile-menu-toggle,
    .mobile-subtoggle-b {
        appearance: none;
        border: 0;
        background: transparent;
        width: 100%;
        min-height: 44px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        cursor: pointer;
        color: #111;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .mobile-subtoggle-b {
        background: #fff;
        border-bottom: 1px solid #d7d7d7;		
    }

    .mobile-menu-icon {
        font-size: 30px;
        font-weight: 300;
        line-height: 1;
        margin-left: 20px;
    }

    .mobile-menu-panel,
    .mobile-subpanel {
        display: none;
    }

    .mobile-menu-section.is-open > .mobile-menu-panel {
        display: block;
    }

    .mobile-subsection.is-open > .mobile-subpanel {
        display: block;
        background: #fff;
        padding: 10px 34px 18px;
    }

    .mobile-subpanel a {
        display: block;
        padding: 12px 0;
        color: #111;
        text-decoration: none;
        font-family: Arial, sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.25;
        text-transform: none;
    }
	
	
	
	
	
.mobile-menu-row {
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* samo tekst klikabilan */
.mobile-menu-link {
    display: inline-flex;
    align-items: center;

    padding-left: 20px;
    padding-right: 10px;

    min-height: 44px;

    color: #111;
    text-decoration: none;
    font: 700 28px/1.1 Arial, sans-serif;
    text-transform: uppercase;

    flex: 0 0 auto;   /* 🔥 ključ */
}

/* ostatak reda + + dugme otvara */
.mobile-menu-toggle {
    flex: 1;          /* 🔥 uzima sav preostali prostor */
    min-height: 40px;

    padding: 0 20px 0 10px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    border: 0;
    background: transparent;
    cursor: pointer;
}



    .mobile-menu-panel,
    .mobile-subpanel {
        display: block !important;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transition:
            max-height 0.35s ease,
            opacity 0.25s ease,
            padding 0.25s ease;
    }

    .mobile-menu-section.is-open > .mobile-menu-panel {
        max-height: 1200px;
        opacity: 1;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .mobile-subsection.is-open > .mobile-subpanel {
        max-height: 800px;
        opacity: 1;
        padding: 0px 20px 20px !important;
    }

    .mobile-menu-icon {
        transition: transform 0.25s ease;
    }

    .mobile-menu-section.is-open > .mobile-menu-row .mobile-menu-icon,
    .mobile-subsection.is-open > .mobile-subtoggle .mobile-menu-icon {
        transform: rotate(180deg);
    }
	
	
	
	
/* animacija X kad zatvara */
.site-header-v3__drawer.is-closing .mobile-menu-close {
    transform: rotate(90deg);
    transition: transform 0.18s ease;
}	



.mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(4px);

    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;

    z-index: 99998; /* ispod drawer-a */
}

.site-header-v3__drawer.is-open + .mobile-overlay {
    opacity: 1;
    pointer-events: auto;
}

	
}






/* SEARCH WRAP */
.quick-search-form {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* postojeći form-group pretvaramo u apsolutni sloj */
.quick-search-form .form-group {
    position: absolute;
    right: 42px;              /* odmah levo od lupe */
    top: 50%;
    transform: translateY(-50%) scaleX(0.86);
    transform-origin: right center;
    width: 240px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0s linear 0.22s;
    z-index: 30;
}

/* otvoreno stanje */
.quick-search-form.is-open .form-group {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) scaleX(1);
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0s;
}

/* INPUT */
.quick-search-form .form-control {
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff;
}

/* LUPA */
#quick-search {
    width: 36px;
    height: 36px;
    background: url('../images/search.svg') center no-repeat;
    background-size: 30px;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* MOBILE */
@media (max-width: 991px) {
    .quick-search-form .form-group {
        right: 0;
        top: calc(100% + 5px);
        width: min(220px, calc(100vw - 32px));
        transform: translateX(50%) scale(0.92);
        transform-origin: center top;
    }

    .quick-search-form.is-open .form-group {
        transform: translateX(25%) scale(1);
    }

    .quick-search-form .form-control {
        height: 45px;
    }
}

/* MOBILE korisnik */
@media (max-width: 768px) {
    .korisnik-ime{
        display:none;
    }
}


.modal {
    z-index: 100000;
}







/* ===== TOP PRODUCTS / SWIPER FINAL ===== */

.topProductsSwiper {
  visibility: hidden;
}
.novProductsSwiper {
  visibility: hidden;
}

.topProductsSwiper.swiper-initialized {
  visibility: visible;
}

.novProductsSwiper.swiper-initialized {
  visibility: visible;
}

.home-top-products {
  padding: 70px 0 40px;
  background: #fff;
}

.top-products-wrap {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.top-products-section {
  position: relative;
}

.top-products-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}

.top-products-heading {
  min-width: 0;
}

.top-products-heading h2 {
  margin: 0 0 4px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #111;
}

.top-products-heading p {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 400;
  color: #8a90a8;
}

.top-products-arrows {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 20;
}

.nov-products-arrows {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 20;
}

.top-products-arrows button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  box-shadow: none;
  border-radius: 0;
  font-size: 0;
  color: transparent;
}

.nov-products-arrows button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  box-shadow: none;
  border-radius: 0;
  font-size: 0;
  color: transparent;
}

.top-products-arrows button:hover {
  opacity: 1;
}

.nov-products-arrows button:hover {
  opacity: 1;
}

.top-products-arrows button.swiper-button-disabled {
  opacity: 0.65;
  cursor: default;
  pointer-events: none;
}

.nov-products-arrows button.swiper-button-disabled {
  opacity: 0.65;
  cursor: default;
  pointer-events: none;
}

.top-products-prev {
  background-image: url('../images/arrow-left-dark.png');
}

.nov-products-prev {
  background-image: url('../images/arrow-left-dark.png');
}

.top-products-next {
  background-image: url('../images/arrow-right-dark.png');
}

.nov-products-next {
  background-image: url('../images/arrow-right-dark.png');
}

.top-products-arrows button.swiper-button-disabled.top-products-prev {
  background-image: url('../images/arrow-left-light.png');
}

.nov-products-arrows button.swiper-button-disabled.nov-products-prev {
  background-image: url('../images/arrow-left-light.png');
}

.top-products-arrows button.swiper-button-disabled.top-products-next {
  background-image: url('../images/arrow-right-light.png');
}

.nov-products-arrows button.swiper-button-disabled.nov-products-next {
  background-image: url('../images/arrow-right-light.png');
}

.topProductsSwiper {
  width: 100%;
  overflow: hidden;
  margin-left: -3px;
  margin-right: -3px;
  padding-bottom: 0;
}

.novProductsSwiper {
  width: 100%;
  overflow: hidden;
  margin-left: -3px;
  margin-right: -3px;
  padding-bottom: 0;
}

.topProductsSwiper .swiper-wrapper {
  align-items: stretch;
}

.novProductsSwiper .swiper-wrapper {
  align-items: stretch;
}

.topProductsSwiper .swiper-slide {
  height: auto !important;
  box-sizing: border-box;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 20px;
}

.novProductsSwiper .swiper-slide {
  height: auto !important;
  box-sizing: border-box;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 20px;
}

.topProductsSwiper .swiper-slide > * {
  height: 100%;
}

.novProductsSwiper .swiper-slide > * {
  height: 100%;
}

.top-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
}

.top-product-image-link {
  display: block;
  position: relative;
  z-index: 1;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid #e5e5e5;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  aspect-ratio: 3 / 4;
  margin-bottom: 10px;
}

.top-product-image-link:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.top-product-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.25s ease;
}

/* glavna slika */
.img-main {
    position: relative;
    z-index: 1;
}

/* hover slika */
.img-hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
pointer-events: none !important;	
}


.top-product-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: #111;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 4px;
  pointer-events: none;
 text-transform: uppercase;
}

.top-product-brand {
  margin: 0 0 2px;
  min-height: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  color: #111;
}

.top-product-title {
  display: block;

  height: calc(1.1em * 2);
  overflow: hidden;

  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.1;

  color: #7f859d;
  text-decoration: none;
  word-break: break-word;
}

.top-product-title:hover {
  color: #111;
  text-decoration: none;
}

input.top-product-cart-btn {
  display: block !important;
  position: relative !important;
  z-index: 20 !important;
  cursor: pointer !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border: 1px solid #111 !important;
  border-radius: 28px !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  font-family: inherit !important;
  color: #111 !important;
  margin-bottom: 6px !important;
  background: #fff !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-shadow: none !important;
  outline: none !important;
  
  text-transform: uppercase;
  
  min-height: 36px !important;  
}

input.top-product-cart-btn:hover {
  color: #111 !important;
  background: #ddd6c5 !important;
  border-color: #ddd6c5 !important;
}

.top-product-prices {
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
}

.top-product-price-current {
  font-size: 18px;
  font-weight: 700;
  color: #111;
}

.top-product-price-old {
  font-size: 18px;
  font-weight: 400;
  color: #43454e;
  text-decoration: line-through;
}

@media (max-width: 768px) {
  .home-top-products {
    padding: 40px 0 20px;
  }

  .top-products-wrap {
    padding-left: 14px;
    padding-right: 14px;
  }

  .top-products-header {
    margin-bottom: 16px;
    gap: 10px;
  }

  .top-products-heading h2 {
    font-size: 20px;
  }

  .top-products-arrows button {
    width: 38px;
    height: 38px;
    background-size: 24px;
  }
  
  .nov-products-arrows button {
    width: 38px;
    height: 38px;
    background-size: 24px;
  }  

  .topProductsSwiper {
    margin-left: -2px;
    margin-right: -2px;
  }
  
  .novProductsSwiper {
    margin-left: -2px;
    margin-right: -2px;
  }  

  .topProductsSwiper .swiper-slide {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 14px;
  }
  
  .novProductsSwiper .swiper-slide {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 14px;
  }  

  .top-product-image-link {
    margin-bottom: 8px;
  }

  .top-product-brand {
    min-height: 16px;
    font-size: 14px;
  }

  .top-product-title {
    min-height: 0 !important;
    max-height: none !important;
    height: 30px !important;
    overflow: hidden !important;
    line-height: 15px !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  input.top-product-cart-btn {
    font-size: 14px !important;
    padding: 8px 8px !important;
    margin-bottom: 8px !important;
    min-height: 34px !important;	
  }
  
  .top-product-prices {
    flex-direction: column;
    gap: 0;              /* skroz zbijeno */
  }

  .top-product-price-old,
  .top-product-price-current {
    line-height: 1.2;    /* dodatno sabijanje */
  } 

  .top-product-price-current {
    font-size: 16px;
  }

  .top-product-price-old {
    font-size: 16px;
  }
}



/* ===== HOVER IMAGE (desktop only) ===== */
@media (hover: hover) {
  .top-product-image-link:hover .img-main {
    opacity: 0;
  }

  .top-product-image-link:hover .img-hover {
    opacity: 1;
  }
}




.discover-section {
    background: #fff;
    padding: 56px 0 48px;
}

.discover-container {
	
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;	
}

.discover-title {
    margin: 0 0 40px;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111;
    text-transform: uppercase;
}

.discover-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.discover-item {
    padding: 4px 24px 0 24px;
    min-height: 130px;
}

.discover-item:first-child {
    padding-left: 0;
}

.discover-item:last-child {
    padding-right: 0;
}

.discover-item + .discover-item {
    border-left: 1px solid #d9d9d9;
}

.discover-item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: #6f7893;
}

@media (max-width: 991px) {
    .discover-section {
        padding: 36px 0 28px;
    }

    .discover-container {
        padding: 0 14px;
    }

    .discover-title {
        margin-bottom: 18px;
        font-size: 28px;
        line-height: 0.95;
        letter-spacing: -0.03em;
    }

    .discover-grid {
        display: block;
    }

    .discover-item {
        min-height: auto;
        padding: 15px 0;
    }

    .discover-item + .discover-item {
        border-left: 0;
        border-top: 1px solid #d9d9d9;
    }

    .discover-item p {
        font-size: 16px;
        line-height: 1.35;
    }
}

@media (max-width: 300px) {


    .discover-title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 0.95;
        letter-spacing: -0.03em;
    }


}



.partner-hero {
    background: #fff;
    padding: 36px 0 56px;
}

.partner-hero-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 625px);
    gap: 60px;
    align-items: center;
}

.partner-hero-content {
    order: 1;
}

.partner-hero-media {
    order: 2;
}

.partner-hero-image {
    display: block;
    width: 100%;
    height: auto;
}

.partner-hero-badges {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.partner-hero-badge {
    width: 96px;
    height: auto;
    object-fit: contain;
    display: block;
	
}

.partner-hero-title {	
	
    margin: 0 0 40px;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #111;
}

.partner-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #dddddd;
    margin-bottom:60px;
}

@media (max-width: 349px) {
    .partner-hero-stats {
        grid-template-columns: 1fr;
    }
}

.partner-hero-stat {
    padding: 18px 20px 20px;
    min-height: 142px;
}

.partner-hero-stat + .partner-hero-stat {
    border-left: 1px solid #dddddd;
}

.partner-hero-stat-number {
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111;
    margin-bottom: 10px;
}

.partner-hero-stat-text {
    font-size: 20px;
    line-height: 1.08;
    font-weight: 800;
    color: #111;
    text-transform: uppercase;
}

.partner-hero-actions {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.partner-hero-btn {
    min-width: 244px;
    height: 48px;
    padding: 0 30px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 17px;
    line-height: 1;
    font-weight: 800;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.partner-hero-btn-primary {
    background: #b7a489;
    border: 1px solid #b7a489;
    color: #fff;
}

.partner-hero-btn-primary:hover {
    opacity: 0.92;
    color: #111;	
}

.partner-hero-btn-secondary {
    background: transparent;
    border: 1px solid #111;
    color: #111;
}

.partner-hero-btn-secondary:hover {
    background: #111;
    color: #fff;
}

@media (max-width: 1199px) {
    .partner-hero-container {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .partner-hero-title {
        font-size: 40px;
    }

    .partner-hero-stat-number {
        font-size: 40px;
    }

    .partner-hero-stat-text {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .partner-hero {
        padding: 16px 0 34px;
    }

    .partner-hero-container {
        grid-template-columns: 1fr;
        gap: 26px;
        padding: 0 20px;
    }

    .partner-hero-media {
        order: 1;
    }

    .partner-hero-content {
        order: 2;
    }

    .partner-hero-badges {
        justify-content: flex-start;
        gap: 14px;
        margin-bottom: 24px;
    }

    .partner-hero-badge {
        width: 82px;
height: auto;
    }

    .partner-hero-title {
        margin-bottom: 22px;
        font-size: 28px;
        line-height: 0.95;
        letter-spacing: -0.04em;
    }

    .partner-hero-stats {
        margin-bottom: 28px;
    }

    .partner-hero-stat {
        padding: 14px 12px 16px;
        min-height: auto;
    }

    .partner-hero-stat-number {
        font-size: 28px;
        margin-bottom: 6px;
    }

    .partner-hero-stat-text {
        font-size: 12px;
        line-height: 1.05;
    }

    .partner-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
    }

    .partner-hero-btn {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 44px;
        padding: 0 14px;
        font-size: 13px;
        box-sizing: border-box;
    }
}

@media (max-width: 380px) {


    .partner-hero-stat {
        padding: 8px 2px 8px;
    }
	
	.partner-hero-stat-number {
        font-size: 20px;
        margin-bottom: 4px;
    }


}

.partner-hero-content,
.partner-hero-actions,
.partner-hero-btn {
    min-width: 0;
}

@media (max-width: 575px) {
    .partner-hero-container {
        padding: 0 14px;
    }

    .partner-hero-badge {
        width: 76px;
height: auto;
    }

    .partner-hero-title {
        font-size: 28px;
    }
}

@media (max-width: 300px) {


    .partner-hero-title {
        font-size: 20px;
    }


}






.brands-section {
    padding: 40px 0 44px;
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 55%,
        #f4f4f4 55%,
        #f4f4f4 100%
    );
}

.brands-container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px;
    border: 1px solid #dddddd;
    background: #fff;
}

.brands-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 46px;
    padding: 40px 10px 28px;
    align-items: start;
}

.brands-left {
    padding-right: 24px;
}

.brands-kicker {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #ad9d86;
    text-transform: uppercase;
}

.brands-title {
    margin: 0 0 20px;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111;
    text-transform: uppercase;
}

.brands-right {
    padding-left: 46px;
    border-left: 1px solid #dddddd;
}

.brands-text p {
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
    color: #6f7893;
}

.brands-text p:last-child {
    margin-bottom: 0;
}

.brands-btn {
    min-width: 280px;
    height: 48px;
    padding: 0 30px;
    border: 1px solid #111;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: transparent;
    color: #111;
    font-size: 17px;
    line-height: 1;
    font-weight: 800;
    transition: all 0.2s ease;
}

.brands-btn:hover {
    background: #111;
    color: #fff;
}

.mobile-only {
    display: none;
}

.brands-slider-wrap {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    align-items: center;
    gap: 8px;
    padding: 18px 20px 46px;
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
}

.brands-swiper {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.brands-swiper {
    visibility: hidden;
    opacity: 0;
}

.brands-swiper.swiper-initialized {
    visibility: visible;
	opacity: 1;
}

.brand-card,
.brand-slide {
    display: block;
    text-decoration: none;
}

.brand-card img,
.brand-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.brands-arrow {
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
    box-shadow: none;
    border-radius: 0;
    font-size: 0;
    color: transparent;
}

.brands-arrow:hover {
    opacity: 1;
}

.brands-arrow.swiper-button-disabled {
    opacity: 0.65;
    cursor: default;
    pointer-events: none;
}

.brands-prev {
    background-image: url('../images/arrow-left-dark.png');
}

.brands-next {
    background-image: url('../images/arrow-right-dark.png');
}

.brands-arrow.swiper-button-disabled.brands-prev {
    background-image: url('../images/arrow-left-light.png');
}

.brands-arrow.swiper-button-disabled.brands-next {
    background-image: url('../images/arrow-right-light.png');
}

@media (max-width: 1199px) {
    .brands-top {
        gap: 34px;
        padding: 40px 36px 24px;
    }

    .brands-right {
        padding-left: 34px;
    }

    .brands-slider-wrap {
        padding: 18px 20px 40px;
        gap: 16px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .brands-section {
        padding: 18px 0 0;
        background: linear-gradient(
            to bottom,
            #ffffff 0%,
            #ffffff 62%,
            #f4f4f4 62%,
            #f4f4f4 100%
        );
    }

    .brands-container {
        margin: 0 20px;
        padding: 0;
    }

    .brands-top {
        display: block;
        padding: 28px 15px 18px;
    }

    .brands-left {
        padding-right: 0;
    }

    .brands-kicker {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .brands-title {
        margin-bottom: 18px;
        font-size: 28px;
        line-height: 0.95;
    }

    .brands-right {
        padding-left: 0;
        border-left: 0;
    }

    .brands-text p {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 1.42;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: inline-flex;
        margin: 0 20px 24px;
        width: calc(100% - 40px);
        min-width: 0;
        height: 54px;
        font-size: 16px;
    }

    .brands-slider-wrap {
        display: block;
        padding: 0 15px 16px;
        margin-left: 0;
        margin-right: 0;		
    }
}

@media (max-width: 767px) {
    .brands-slider-wrap {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-left: 0;
        margin-right: 0;	
    }

    .brands-arrow {
        display: none;
    }
}

@media (max-width: 575px) {
    .brands-container {
        margin: 0 14px;
    }

    .brands-title {
        font-size: 28px;
    }
}

@media (max-width: 340px) {

    .mobile-only {
        display: inline-flex;
        margin: 0 5px 24px;
        width: calc(100% - 10px);
        min-width: 0;
        height: 40px;
        font-size: 13px;
    }

}

@media (max-width: 300px) {

    .brands-title {
        font-size: 20px;
    }

}


.brands-container,
.brands-top,
.brands-slider-wrap,
.brands-swiper,
.swiper-wrapper,
.swiper-slide {
    box-sizing: border-box;
    min-width: 0;
}




.promo-testimonials-section-1 {
    position: relative;
    overflow: visible;
    background: #ffffff;
}

.promo-testimonials-section {
    position: relative;
    overflow: visible;
    background: linear-gradient(
        to bottom,
        #f2f2f2 0%,
        #f1f1f1 30%,
        #eeeeee 50%,
        #ebebeb 65%,
        #e9e9e9 80%,
        #ffffff 80%,
        #ffffff 100%
    );
}

.promo-testimonials-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 48px 20px 50px;
}

.promo-top {
    display: grid;
    grid-template-columns: minmax(0, 620px) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}

.promo-left,
.promo-right {
    min-width: 0;
}

.promo-hero-title {
    margin: 0 0 14px;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111;
    text-transform: uppercase;
}

.promo-hero-text {
    margin: 0 0 28px;
    max-width: 560px;
    font-size: 18px;
    line-height: 1.35;
    color: #7780a0;
}

.promo-hero-btn {
    min-width: 200px;
    height: 40px;
    padding: 0 26px;
    border: 1px solid #111;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #fff;
    color: #111;
    font-size: 15px;
    font-weight: 800;
    transition: all 0.2s ease;
}

.promo-hero-btn:hover {
    background: #111;
    color: #fff;
}

.promo-hero-visual {
    position: relative;
    z-index: 1;
}

.promo-hero-img-desktop {
    display: block;
    position: relative;
    z-index: 1;
    width: clamp(620px, 58vw, 1080px);
    max-width: none;
    height: auto;
    transform: translateX(-26%) translateY(0);
}

.promo-mobile-visual {
    display: none;
}

.promo-hero-img-mobile-standalone {
    display: block;
    width: 100%;
    height: auto;
}

.promo-mobile-visual,
.promo-mobile-cards {
    display: none;
}

.promo-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.promo-card {
    position: relative;
    display: block;
    text-decoration: none;
}


/* Tablet – 2 sličice u redu */
@media (max-width: 991px) {
    .promo-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobilni – 1 sličica u redu */
@media (max-width: 575px) {
    .promo-cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
}

.promo-card-bg {
    display: block;
    width: 100%;
    height: auto;
	border: 1px solid #e5e5e5;
}

.promo-card-cta {
    position: absolute;
    right: 16px;
    bottom: 16px;
    min-width: 100px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #111;
    border-radius: 999px;
    background: #fff;
    color: #111;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}



.client-stars-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.testimonial-google-badge {
    width: 21px;
    height: 21px;
    object-fit: contain;
    flex-shrink: 0;
    margin-top: -10px;	
}






.clients-section {
    margin-top: clamp(0px, -10vw, -60px);
    position: relative;
    z-index: 3;
}

.clients-title {
    margin: 0 0 10px;
    font-size: 46px;
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111;
    text-transform: uppercase;
}

.clients-slider-wrap {
    position: relative;
}

.clients-swiper {
    width: 100%;
    overflow: hidden;
    cursor: grab;	
	top: 30px;
}

.clients-swiper:active {
    cursor: grabbing;
}

.clients-swiper .swiper-wrapper {
    align-items: stretch;
}

.clients-swiper .swiper-slide {
    height: auto;
}

.client-card {
    height: 100%;
    background: #fff;
    border: 1px solid #dddddd;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.client-stars {
    margin-bottom: 16px;
    color: #b29b74;
    font-size: 26px;
    line-height: 1;
}

.client-text {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.5;
    color: #222;
}

.client-name {
    margin-top: auto;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    color: #111;
}

.client-role {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.3;
    color: #7780a0;
}

.clients-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    cursor: pointer;
    opacity: 0.6;
    z-index: 3;
    font-size: 0;
    color: transparent;
}

.clients-prev {
    left: -40px;
    background-image: url('../images/arrow-left-dark.png');
}

.clients-next {
    right: -40px;
    background-image: url('../images/arrow-right-dark.png');
}

.clients-arrow.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .promo-top {
        grid-template-columns: minmax(0, 540px) minmax(0, 1fr);
        gap: 28px;
    }

    .promo-hero-title {
        font-size: 40px;
    }

    .clients-title {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
	
	
    .promo-hero-img-desktop {
        display: none;
    }

    .promo-mobile-visual {
        display: block;
    }
	
    .promo-testimonials-section-1 {
        overflow: hidden;
        background: #ffffff;
    }	
	
    .promo-testimonials-section {
        overflow: hidden;
        background: #f2f2f2;
    }

    .promo-testimonials-container {
        padding: 20px 14px 42px;
    }

    .promo-top {
        display: block;
    }



    .promo-hero-title {
        margin: 0 0 12px;
        font-size: 28px;
        line-height: 0.95;
    }

    .promo-hero-text {
        margin: 0 0 24px;
        max-width: none;
        font-size: 16px;
        line-height: 1.35;
    }


    .promo-mobile-visual {
        display: block;
        margin: 24px -20px 0;
    }

    .promo-hero-img-mobile-standalone {
        display: block;
        width: 100%;
        height: auto;
    }

    .promo-mobile-cards {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .promo-card-cta {
        right: 16px;
        bottom: 16px;
        min-width: 100px;
        height: 38px;
        font-size: 15px;
    }

    .clients-section {
        margin-top: 30px;
    }

    .clients-title {
        margin: 0 0 22px;
        font-size: 28px;
        line-height: 0.95;
    }

    .clients-arrow {
        display: none;
    }

    .clients-swiper {
        overflow: visible;
			top: 0;
    }
}

@media (max-width: 300px) {

    .promo-hero-title {
        font-size: 20px;
    }

}

@media (max-width: 300px) {

    .clients-title {
        font-size: 20px;
    }

}







/* BLOG SECTION */

.blog-section {
    background: #fff;
    padding: 72px 0 80px;
}

.blog-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 24px;
}

.blog-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 46px;
}

.blog-header h2 {
    margin: 0 0 6px;
    font-size: 46px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    color: #111;
}

.blog-header p {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
    color: #7b8198;
}

.blog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    padding: 10px 26px;
    border: 1px solid #111;
    border-radius: 999px;
    background: transparent;
    color: #111;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    transition: all 0.2s ease;
	margin-top:10px;
}

.blog-btn:hover {
    background: #111;
    color: #fff;
}

.blog-layout {
    display: grid;
    grid-template-columns: 420px 1fr;
    column-gap: 48px;
    align-items: start;
}

.blog-featured a:hover{
    color: #111;
}

/* LEVI VELIKI BLOG */

.blog-featured {
    min-width: 0;
}

.blog-featured img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.blog-featured h3 {
    margin: 16px 0 10px;
    font-size: 26px;
    line-height: 0.98;
    font-weight: 800;
    text-transform: uppercase;
    color: #111;
}

.blog-featured a {
    text-decoration: none;
}

.blog-featured > a:last-child {
    display: inline-block;
    font-size: 15px;
    color: #6f7794;
}

.blog-layout a:hover{
    color: #111;
}

/* DESNA STRANA */

.blog-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 34px;
    row-gap: 22px;
    align-content: start;
}

.blog-small {
    display: grid;
    grid-template-columns: 236px 1fr;
    column-gap: 16px;
    align-items: center;
    min-width: 0;	
}

.blog-small img {
    display: block;
    width: 236px;
    height: 236px;
    object-fit: cover;
}

.blog-small h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 0.97;
    font-weight: 800;
    text-transform: uppercase;
    color: #111;
}

.blog-small a {
    text-decoration: none;
}

.blog-small div > a {
    display: inline-block;
    font-size: 15px;
    color: #6f7794;
}

/* LAPTOP */

@media (max-width: 1399px) {
    .blog-layout {
        grid-template-columns: 390px 1fr;
        column-gap: 34px;
    }

    .blog-featured img {
        height: 390px;
    }

    .blog-featured h3 {
        font-size: 24px;
    }

    .blog-side {
        column-gap: 26px;
        row-gap: 20px;
    }

    .blog-small {
        grid-template-columns: 190px 1fr;
        column-gap: 14px;
    }

    .blog-small img {
        width: 190px;
        height: 190px;
    }

    .blog-small h3 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .blog-layout {
        grid-template-columns: 340px 1fr;
        column-gap: 28px;
    }

    .blog-featured img {
        height: 340px;
    }

    .blog-featured h3 {
        font-size: 24px;
    }

    .blog-side {
        column-gap: 20px;
        row-gap: 18px;
    }

    .blog-small {
        grid-template-columns: 140px 1fr;
        column-gap: 12px;
    }

    .blog-small img {
        width: 140px;
        height: 140px;
    }

    .blog-small h3 {
        font-size: 16px;
    }

    .blog-small div > a,
    .blog-featured > a:last-child {
        font-size: 14px;
    }
}

/* TABLET / MOBILE */

@media (max-width: 991px) {
    .blog-section {
        padding: 60px 0;
    }

    .blog-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 28px;
    }

    .blog-layout {
        grid-template-columns: 1fr;
        row-gap: 28px;
    }

    .blog-featured img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .blog-featured h3 {
        font-size: 22px;
        line-height: 1;
    }

    .blog-side {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .blog-small {
        grid-template-columns: 132px 1fr;
        column-gap: 16px;
        align-items: center;
    }

    .blog-small img {
        width: 132px;
        height: 132px;
    }

    .blog-small h3 {
        font-size: 16px;
        line-height: 1;
    }
}

@media (max-width: 575px) {
    .blog-container {
        padding: 0 14px;
    }

    .blog-header h2 {
        font-size: 28px;
    }

    .blog-header p {
        font-size: 15px;
    }

    .blog-btn {
        min-width: 154px;
        padding: 10px 22px;
        font-size: 14px;
    }

    .blog-featured h3 {
        margin: 14px 0 8px;
        font-size: 20px;
    }

    .blog-featured > a:last-child {
        font-size: 14px;
    }

    .blog-small {
        grid-template-columns: 132px 1fr;
        column-gap: 14px;
    }

    .blog-small img {
        width: 132px;
        height: 132px;
    }

    .blog-small h3 {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .blog-small div > a {
        font-size: 14px;
    }
}



.blog-img-link {
    display: block;
    overflow: hidden;
    cursor: pointer;	
}

.blog-img-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease, filter 0.35s ease;
}

/* HOVER */

.blog-img-link:hover img {
    transform: scale(1.05);
    filter: brightness(0.95);
}

@media (max-width: 300px) {

    .blog-header h2 {
        font-size: 20px;
    }
	
    .blog-featured h3 {

        font-size: 17px;
    }	
	
    .blog-small h3 {
        font-size: 13px;
    }	

    .blog-featured > a:last-child {
        font-size: 14px;
    }
    .blog-small {
        grid-template-columns: 1fr;   /* jedna kolona */
        row-gap: 10px;                /* razmak slika-tekst */
    }
	
    .blog-small {
    .blog-small img {
        width: 100%;
        height: auto;
        display: block;
    }
    }

	

}










.faq-home-section {
    background: #fff;
    padding: 40px 0 48px;
}

.faq-home-container {
    max-width: 1500px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.faq-home-title {
    margin: 0 0 38px;
    font-size: 46px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111;
    text-transform: uppercase;
}

.faq-home-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.faq-home-item {
    background: transparent;
    border: 1px solid #d9d9d9;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.faq-home-item.active {
    border: 1px solid #222;
    background: transparent;
}

.faq-home-question {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 24px 56px 24px 28px;
    text-align: left;
    position: relative;
    cursor: pointer;
    display: block;
}

.faq-home-question span:first-child {
    display: block;
    margin: 0;
    font-size: 20px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #111;
    text-transform: uppercase;
}

.faq-home-icon {
    position: absolute;
    top: 24px;
    right: 26px;
    width: 18px;
    height: 18px;
}

.faq-home-icon::before,
.faq-home-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #111;
    transform: translate(-50%, -50%);
}

.faq-home-icon::before {
    width: 16px;
    height: 1.5px;
}

.faq-home-icon::after {
    width: 1.5px;
    height: 16px;
}

.faq-home-item.active .faq-home-icon::after {
    display: none;
}

.faq-home-answer {
    display: none;
    padding: 0 28px 24px;
}

.faq-home-item.active .faq-home-answer {
    display: block;
}

.faq-home-answer-inner {
    max-width: 96%;
    line-height: 1.55;
    font-weight: 400;
    color: #2b2b2b;
}

@media (max-width: 575px) {
    .faq-home-section {
        padding: 28px 0 28px;
    }

    .faq-home-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .faq-home-title {
        margin-bottom: 24px;
        font-size: 28px;
        line-height: 0.95;
        letter-spacing: -0.03em;
    }

    .faq-home-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .faq-home-question {
        padding: 20px 52px 20px 22px;
    }

    .faq-home-question span:first-child {
        font-size: 18px;
        line-height: 0.98;
    }

    .faq-home-icon {
        top: 22px;
        right: 20px;
        width: 16px;
        height: 16px;
    }

    .faq-home-icon::before {
        width: 14px;
    }

    .faq-home-icon::after {
        height: 14px;
    }

    .faq-home-answer {
        padding: 0 22px 20px;
    }

    .faq-home-answer-inner {
        max-width: 100%;
        line-height: 1.5;
    }
}

@media (max-width: 300px) {

    .faq-home-title {
        font-size: 20px;
    }
	
    .faq-home-question span:first-child {
        font-size: 15px;
    }
	
}







.insta-home-section {
    background: #fff;
    padding: 36px 0 0;
    overflow-x: clip;
}

.insta-home-container {
    max-width: 1500px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.insta-home-head {
    max-width: 860px;
    padding-bottom: 34px;
}

.insta-home-kicker {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #ad9d86;
    text-transform: uppercase;
}

.insta-home-title {
    margin: 0 0 24px;
    font-size: 46px;
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111;
    text-transform: uppercase;
}

.insta-home-text {
    margin: 0;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: #6f7893;
}

.insta-home-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    border-bottom: 1px solid #000;
    width: 100%;
}

.insta-home-card {
    position: relative;
    display: block;
    overflow: hidden;
    background: #e9e9e9;
    text-decoration: none;
}

.insta-home-card img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.35s ease;
}

.insta-home-card:hover img {
    transform: scale(1.04);
}

.insta-home-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    transition: background 0.25s ease, box-shadow 0.25s ease;
}

.insta-home-icon svg {
    width: 20px;
    height: 20px;
    fill: #111;
    transition: fill 0.25s ease;
}

.insta-home-card:hover .insta-home-icon {
    background: rgba(235, 235, 235, 0.96);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

@media (max-width: 991px) {
    .insta-home-section {
        padding: 36px 0 0;
        overflow-x: visible;
    }

    .insta-home-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .insta-home-head {
        max-width: 100%;
        padding-bottom: 22px;
    }

    .insta-home-kicker {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .insta-home-title {
        margin-bottom: 16px;
        font-size: 28px;
        line-height: 0.95;
        letter-spacing: -0.03em;
    }

    .insta-home-text {
        font-size: 16px;
        line-height: 1.4;
    }

    .insta-home-card img {
        width: 100%;
        height: auto;
    }

    .insta-home-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .insta-home-card {
        aspect-ratio: auto;
    }

    .insta-home-icon {
        top: 14px;
        right: 14px;
        width: 42px;
        height: 42px;
    }

    .insta-home-icon svg {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 350px) {
    .insta-home-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 300px) {
    .insta-home-title {
        font-size: 20px;
    }
}










/* ===== PAYMENT STRIP ===== */

.payments-strip {
    background: #e6e6e6;
    padding: 24px 0;
}

.payments-strip-container {
    max-width: 1500px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* GRID / LAYOUT */

.payments-strip-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px 26px;
}

/* ITEM */

.payments-strip-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* SVG / IMAGE */

.payments-strip-item img {
    display: block;
    width: auto;
    height: 38px;
    max-width: 100%;
}

/* LINK HOVER */

.payments-strip-item-link {
    transition: opacity 0.2s ease;
}

.payments-strip-item-link:hover {
    opacity: 0.8;
}

/* ===== MOBILE ===== */

@media (max-width: 991px) {

    .payments-strip {
        padding: 20px 0;
    }

    .payments-strip-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .payments-strip-logos {
        display: grid;
        grid-template-columns: repeat(4, auto);
        justify-content: center;
        align-items: center;
        gap: 14px 18px;
    }

    .payments-strip-item img {
        height: 28px;
    }
}









.site-footer {
    width: 100%;
    background: #e6e6e6;
    padding: 18px 0 28px;
    color: #111111;
}

.site-footer-inner {
    max-width: 1500px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.site-footer a {
    color: #111111;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.site-footer a:hover {
    opacity: 0.75;
}

.site-footer-top {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: 40px;
    row-gap: 20px;
}

.site-footer-logo img {
    display: block;
    width: 110px;
    height: auto;
}

.site-footer-contact-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
}

.site-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.3;
}

.site-footer-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    flex-shrink: 0;
}

.site-footer-contact-icon img {
    width: 18px;
    height: 18px;
    display: block;
}

.site-footer-right {
    display: flex;
    align-items: center;
    gap: 22px;
}

.site-footer-phone {
    font-size: 16px;
    line-height: 1.2;
    white-space: nowrap;
}

.site-footer-socials {
    display: flex;
    align-items: center;
    gap: 8px;
}

.site-footer-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    text-decoration: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-footer-social:hover {
    transform: translateY(-1px);
}

.site-footer-social img {
    display: block;
    width: 30px;
    height: 30px;
}

.site-footer-divider {
    height: 1px;
    background: #111111;
    margin: 24px 0 40px;
}

.site-footer-main {
    display: grid;
    grid-template-columns: minmax(320px, 1.2fr) minmax(500px, 1fr);
    gap: 70px;
    align-items: start;
}

.site-footer-intro h2 {
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 0.98;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    max-width: 620px;
}

.site-footer-intro p {
    margin: 0;
    font-size: 17px;
    line-height: 1.45;
    color: #2b2b2b;
}

.site-footer-links {
    display: grid;
    grid-template-columns: 0.85fr 0.85fr 1.6fr;
    gap: 48px;
    align-items: start;
}

.site-footer-column h3 {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
}

.site-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer-column li {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.25;
}

.site-footer-column li:last-child {
    margin-bottom: 0;
}

.site-footer-column-service li {
    max-width: 280px;
}

.site-footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #dcdcdc;
    text-align: center;
    opacity: 0.85;
}

.site-footer-bottom p {
    font-size: 13px;
    letter-spacing: 0.3px;
}

@media (max-width: 1199px) {
    .site-footer-inner {
        padding: 0 24px;
    }

    .site-footer-main {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .site-footer-links {
        grid-template-columns: 1fr 1fr 1.2fr;
        gap: 32px;
    }

    .site-footer-intro h2 {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .site-footer {
        padding: 16px 0 26px;
    }

    .site-footer-inner {
        padding: 0 16px;
    }

    .site-footer-top {
        grid-template-columns: 1fr auto;
        align-items: start;
        column-gap: 14px;
        row-gap: 14px;
    }

    .site-footer-logo {
        grid-column: 1 / 2;
        grid-row: 1;
    }

    .site-footer-right {
        grid-column: 2 / 3;
        grid-row: 1;
        justify-self: end;
        gap: 10px;
    }

    .site-footer-phone {
        font-size: 15px;
    }

    .site-footer-social {
        width: 28px;
        height: 28px;
    }

    .site-footer-social img {
        width: 28px;
        height: 28px;
    }

    .site-footer-contact-row {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .site-footer-contact-item {
        font-size: 15px;
    }

    .site-footer-divider {
        margin: 20px 0 18px;
    }

    .site-footer-main {
        gap: 22px;
    }

    .site-footer-intro h2 {
        font-size: 23px;
        line-height: 0.98;
        margin-bottom: 10px;
    }

    .site-footer-intro p {
        font-size: 16px;
        line-height: 1.4;
    }

    .site-footer-links {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;
    }

    .site-footer-column-service {
        grid-column: 1 / -1;
    }

    .site-footer-column h3 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .site-footer-column li {
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 1.25;
    }

    .site-footer-column-service li {
        max-width: none;
    }
	
    .site-footer-bottom {
        margin-top: 25px;
        padding-top: 15px;
    }

    .site-footer-bottom p {
        font-size: 12px;
    }	
}


@media (max-width: 300px) {
    .site-footer-intro h2 {
        font-size: 16px;
    }
    .site-footer-column h3 {
        font-size: 15px;
    }	
}



.page-wrap-2 {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;  
}

@media (max-width: 768px) {

  .page-wrap-2 {
    padding-left: 14px;
    padding-right: 14px;
   padding-top: 10px; 	
  }

}


.breadcrumb {
    background-color: #f7f4ef;
}


.brands-swiper .slide-title {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
        line-height: 1.2;	
}

@media (max-width: 768px) {

.brands-swiper .slide-title {
    text-align: center;
    font-size: 14px;

	
}

}




/* =========================
   HERO SEKCIJA za kategorije
========================= */

.lux-hero {
    position: relative;
width: 100%;
margin-left: 0;
    overflow: hidden;
}

.lux-hero__img {
    width: 100%;
    height: auto;
    display: block;
}

.lux-hero__content {
    position: absolute;
    left: 11.7%;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
}

.lux-hero h2 {
    margin: 0 0 14px;
    font-size: 54px;
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.lux-hero p {
    max-width: 460px;
    margin: 0 0 38px;
    font-size: 20px;
    line-height: 1.35;
}

.lux-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 12px 28px;
    background: #ffffff;
    border-radius: 999px;
    font-size: 15px;
    font-weight: normal;
    color: #111111;
    text-decoration: none;
    text-transform: uppercase;
}

.lux-hero__btn:hover {
    background: #111111;
    color: #ffffff;
}

@media (max-width: 1399px) {
    .lux-hero__content {
        left: 8%;

    }	
}

@media (max-width: 768px) {
    .lux-hero__content {
        left: 6%;
        top: 50%;
    }

    .lux-hero h2 {
        margin-bottom: 6px;
        font-size: 25px;
        line-height: 0.95;
        letter-spacing: -0.5px;
    }

    .lux-hero p {
        max-width: 210px;
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 1.25;
    }

    .lux-hero__btn {

        height: 34px;
        padding: 8px 16px;
        font-size: 14px;
    }
}

@media (max-width: 414px) {
    .lux-hero__content {
        left: 4%;
        top: 50%;
    }

    .lux-hero h2 {
        margin-bottom: 6px;
        font-size: 22px;
        line-height: 0.95;
        letter-spacing: -0.5px;
    }

    .lux-hero p {
        max-width: 210px;
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 1.25;
    }

    .lux-hero__btn {

        height: 28px;
        padding: 8px 16px;
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .lux-hero__content {
        left: 3%;
        top: 50%;
    }

    .lux-hero h2 {
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 0.95;
        letter-spacing: -0.5px;
    }

    .lux-hero p {
        max-width: 200px;
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 1.2;
    }

    .lux-hero__btn {

        height: 25px;
        padding: 8px 10px;
        font-size: 13px;
    }
}




.brands-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 26px;
}

.brands-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 !important;
    background: #d9d9d9;
    opacity: 1;
}

.brands-pagination .swiper-pagination-bullet-active {
    background: #111111 !important;
}

@media (max-width: 575px) {
	
    .brands-pagination {
        gap: 4px;
        margin-top: 10px;
        margin-bottom: 30px;		
    }	
.brands-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}
}


@media (max-width: 300px) {
	
.brands-pagination {
    display: none;
}
}












.kategorije-section {
    padding: 30px 0 44px;
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 41%,
        #f4f4f4 50%,
        #e6e6e6 100%
    );
}

.kategorije-container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px;
    border: 1px solid #dddddd;
    background: #fff;
}

.kategorije-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 46px;
    padding: 30px 10px 28px;
    align-items: start;
}

.kategorije-left {
    padding-right: 24px;
}

.kategorije-kicker {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #ad9d86;
    text-transform: uppercase;
}

.kategorije-title {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #111;
    text-transform: uppercase;
}

.kategorije-right {
    padding-left: 46px;
    border-left: 1px solid #dddddd;
}

.kategorije-text p {
    margin: 0 0 14px;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #6f7893 !important;
}

.kategorije-text ul {
    color: #6f7893 !important;
}



.kategorije-text p:last-child {
    margin-bottom: 0;
}

.kategorije-text .article {

    margin-bottom: 10px !important;
}

.open-btn, .close-btn {
    border: 1px solid #ad9d86;
    color: #ad9d86;
}
.open-btn:hover, .close-btn:hover {background: #ad9d86;color: #fff;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);}

.kategorije-text .article .article-content-container a {
    color: #ad9d86;
}

.kategorije-text .article .article-content-container a:hover {color:#000000;text-decoration:underline;}

@media (max-width: 1199px) {
    .kategorije-top {
        gap: 34px;
        padding: 30px 36px 24px;
    }

    .kategorije-right {
        padding-left: 34px;
    }


}

@media (max-width: 991px) {
    .kategorije-section {
        padding: 18px 0 20px;
        background: linear-gradient(
            to bottom,
            #ffffff 0%,
            #ffffff 62%,
            #f4f4f4 62%,
            #e6e6e6 100%
        );
    }

    .kategorije-container {
        margin: 0 20px;
        padding: 0;
    }

    .kategorije-top {
        display: block;
        padding: 18px 15px 18px;
    }

    .kategorije-left {
        padding-right: 0;
    }

    .kategorije-kicker {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .kategorije-title {
        margin-bottom: 18px;
        font-size: 28px;
        line-height: 0.95;
    }

    .kategorije-right {
        padding-left: 0;
        border-left: 0;
    }

    .kategorije-text p {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 1.42;
    }




}



@media (max-width: 575px) {
    .kategorije-container {
        margin: 0 15px;
    }

    .kategorije-title {
        font-size: 28px;
    }
}

@media (max-width: 300px) {

    .kategorije-title {
        font-size: 20px;
    }

}














.pro-steps {
    padding: 38px 0 42px;
    background: #ffffff;
}

.pro-steps__inner {
    margin: 0 auto;
}

.pro-steps__eyebrow {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #ad9d86;
    text-transform: uppercase;
}

.pro-steps h2 {
    margin: 0 0 14px;
    max-width: 980px;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -2px;
    color: #0b0b0d;
    text-transform: uppercase;
}

.pro-steps__intro p {
    margin: 0 0 34px;
    font-size: 16px;
    line-height: 1.2;
    color: #777777;
}

.pro-steps__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    border-radius: 999px;
    background: #ad9d84;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.pro-steps__btn:hover {
    color: #111;
}

.pro-steps__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    margin-top: 64px;
}

.pro-step__num {
    margin-bottom: 28px;
    font-size: 66px;
    line-height: 0.9;
    font-weight: 800;
    color: #ad9d84;
}

.pro-step h3 {
    margin: 0 0 20px;
    font-size: 22px;
    line-height: 1.05;
    font-weight: 900;
    color: #0b0b0d;
    text-transform: uppercase;
}

.pro-step p {
    max-width: 560px;
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    color: #737c9a;
}

@media (max-width: 991px) {

.pro-steps__grid {
    gap: 20px;

}
	
}

@media (max-width: 575px) {
    .pro-steps {
        padding: 18px 0 28px;
    }

    .pro-steps__eyebrow {
        margin-bottom: 16px;
    }

    .pro-steps h2 {
        margin-bottom: 14px;
        font-size: 28px;
        line-height: 0.95;
        letter-spacing: -0.8px;
    }

    .pro-steps__intro p {
        margin-bottom: 16px;
        font-size: 14x;
        line-height: 1.2;
        color: #737c9a;
    }

    .pro-steps__btn {
        width: 100%;
        min-width: 0;
        height: 39px;
        font-size: 16px;
    }

    .pro-steps__grid {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px;
        padding-top: 27px;
        border-top: 1px solid #dddddd;
    }

    .pro-step__num {
        margin-bottom: 14px;
        font-size: 56px;
    }

    .pro-step h3 {
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 1;
    }

    .pro-step p {
        font-size: 16px;
        line-height: 1.35;
    }
}


@media (max-width: 300px) {

    .pro-steps__btn {
        height: 30px;
        font-size: 13px;
    }


}












.partner-banner {
    position: relative;
    width: 100%;
    margin-left: 0;
    overflow: hidden;

}

.partner-banner__img {
    width: 100%;
    height: auto;
    display: block;
}

.mobile-img {
    display: none;
}

.partner-banner__content {
    position: absolute;

    top: 50%;
    right: 7%;

    transform: translateY(-50%);

    width: 41%;

    color: #ffffff;
}

.partner-banner__content h2 {
    margin: 20px 0 34px;
    font-size: 40px;
    line-height: 0.92;
    font-weight: 700;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.partner-banner__content p {
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 1.22;
    font-weight: 400;
}

.partner-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 28px;

    border-radius: 999px;

    background: #ffffff;

    color: #111111;

    font-size: 15px;


    text-decoration: none;
    text-transform: uppercase;

    transition: all 0.25s ease;
}

.partner-banner__btn:hover {
    background: #111111;
    color: #ffffff;
}





@media (max-width: 1199px) {
	
	
.partner-banner__content h2 {
    margin: 0 0 15px;
    font-size: 32px;
    line-height: 0.92;
    font-weight: 700;
}

.partner-banner__content p {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 1.22;
    font-weight: 400;
}

.partner-banner__btn {
    padding: 10px 20px;
    font-size: 14px;
}	
	
	
}


@media (max-width: 991px) {

.partner-banner__content h2 {
    margin: 0 0 10px;
    font-size: 22px;
}

.partner-banner__content p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
}

.partner-banner__btn {
    padding: 6px 12px;
    font-size: 14px;
}
	
}



@media (max-width: 768px) {

.partner-banner__content h2 {
    margin: 0;
    font-size: 18px;
	letter-spacing: -1px;	
}

.partner-banner__content p {
    margin: 0;
    font-size: 14px;
}

.partner-banner__btn {
    padding: 4px 10px;
    font-size: 14px;
}
}

/* =========================
   MOBILE
========================= */

@media (max-width: 575px) {

    .partner-banner {
        width: 100%;
        margin-left: 0;
    }

    .desktop-img {
        display: none;
    }

    .mobile-img {
        display: block;
    }

    .partner-banner__content {
        top: auto;
        right: auto;
        left: 20px;
        bottom: 24px;

        transform: none;

        width: calc(100% - 40px);
    }

    .partner-banner__content h2 {
        margin-bottom: 12px;

        font-size: 31px;
        line-height: 0.95;

        letter-spacing: -0.8px;
    }

    .partner-banner__content p {
        margin-bottom: 18px;

        font-size: 16px;
        line-height: 1.32;
    }

    .partner-banner__btn {
        width: 100%;
        min-width: 0;

        height: 52px;

        padding: 0 20px;

        font-size: 18px;
    }
}


@media (max-width: 414px) {
	
    .partner-banner__content {
        left: 12px;
        bottom: 12px;
    }	
	
    .partner-banner__content h2 {
        font-size: 26px;
    }
	
    .partner-banner__content p {
        margin-bottom: 10px;

        font-size: 14px;
        line-height: 1.2;
    }

    .partner-banner__btn {

        height: 40px;

        font-size: 16px;
    }
	
}















.benefits-fixed {
    width: 100%;
    background: linear-gradient(
        90deg,
        #ffffff 0%,
        #f1f1f1 20%,
        #d9d9d9 100%
    );
    position: relative;
    overflow: hidden;
}

.benefits-fixed__inner {
    position: static;
	

    max-width: 1920px;
    margin: 0 auto;
    padding: 34px 0 30px;
    box-sizing: border-box;	
}

.benefits-fixed__top {
    position: static;
}

.benefits-fixed h2 {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 0 28px;
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #0b0b0d;
}

.benefits-fixed__grid {
    position: relative;
    z-index: 2;
    width: 65%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.benefits-fixed__card {
    min-height: 176px;
    padding: 22px;
    background: rgba(255,255,255,0.78);
    box-sizing: border-box;
}

.benefits-fixed__card h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: #0b0b0d;
}

.benefits-fixed__card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    color: #596080;
}

.benefits-fixed__image {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;

    width: 41%;
    max-width: 680px;

    z-index: 3;
    pointer-events: none;
}
}



.benefits-fixed__image picture,
.benefits-fixed__image img {
    display: block;
    width: 100%;
}

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


.benefits-fixed__icon {
    width: 40px;
    height: 40px;

    margin-bottom: 18px;
}

.benefits-fixed__icon img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    .benefits-fixed {
        background: #efefef;
    }

    .benefits-fixed__inner {
    margin-top: 20px;		
        padding: 8px;
    }

    .benefits-fixed__top {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 0;
    }

    .benefits-fixed h2 {
        width: 58%;
        margin: 0;
        font-size: 22px;
        line-height: 0.94;
        letter-spacing: -0.8px;
    }

    .benefits-fixed__image {
        position: relative;
        right: auto;
        bottom: auto;
        width: 42%;
        max-width: none;
        margin: 0;
    }

    .benefits-fixed__image img {
        width: 100%;
        height: auto;
    }

    .benefits-fixed__grid {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .benefits-fixed__card {
        min-height: auto;
        padding: 20px;
    }

    .benefits-fixed__card h3 {
        font-size: 18px;
        line-height: 0.98;
    }

    .benefits-fixed__card p {
        font-size: 16px;
        line-height: 1.35;
    }
	

    .benefits-fixed__icon {
        width: 40px;
        height: 40px;

        margin-bottom: 20px;
    }
	
}

@media (max-width: 300px) {
	
    .benefits-fixed h2 {
        font-size: 18px;
    }
	
    .benefits-fixed__card {
        padding: 10px;
    }
	
    .benefits-fixed__card h3 {
        font-size: 16px;
    }

    .benefits-fixed__card p {
        font-size: 14px;
    }

    .benefits-fixed__icon {
        width: 40px;
        height: 40px;

        margin-bottom: 20px;
    }	
	
}














.pro-why {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
    padding: 50px 0px 50px;
    background: #ffffff;
}

.pro-why__text h2 {
    margin: 0 0 28px;
    max-width: 690px;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1.3px;
    text-transform: uppercase;
    color: #0b0b0d;
}

.pro-why__text p {
    max-width: 620px;
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.35;
    color: #596080;
}

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


@media (max-width: 991px) {
    .pro-why {
        gap: 10px;
        padding: 26px 0px 34px;
    }


    .pro-why__text h2 {
        margin-bottom: 18px;
        font-size: 30px;
        line-height: 1.05;
        letter-spacing: -0.8px;
    }

    .pro-why__text p {
        font-size: 15px;
        line-height: 1.38;
        margin-bottom: 18px;
    }
}

@media (max-width: 575px) {
    .pro-why {
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding: 26px 0px 34px;
    }

    .pro-why__image {
        order: 1;
        width: 100%;
    }

    .pro-why__image img {
        max-width: none;
        width: 100%;
    }

    .pro-why__text {
        order: 2;
    }

    .pro-why__text h2 {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 1.05;
        letter-spacing: -0.8px;
    }

    .pro-why__text p {
        font-size: 16px;
        line-height: 1.38;
        margin-bottom: 18px;
    }
}	

















.brand-benefits {
    padding: 60px 0;
    background: #fff;
}

.brand-benefits__container {
    margin: 0 auto;

}

.brand-benefits__title {
    margin: 0 0 34px;
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1px;
    color: #000;
    text-transform: uppercase;
}

.brand-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.brand-benefits__card {
    min-height: 298px;
    border: 1px solid #dedede;
    border-top: 4px solid #dedede;
    padding: 38px 48px 38px;
    background: #fff;
}

.brand-benefits__card--cotril {
    border-top-color: #707b9b;
}

.brand-benefits__card--other {
    border-top-color: #b6a78d;
}

.brand-benefits__logo-wrap {
    display: flex;
    align-items: center;
    min-height: 64px;
    margin-bottom: 15px;
}

.brand-benefits__logo-img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.brand-benefits__logo-img--farmavita {
    max-height: 36px;
}

.brand-benefits__logo-img--cotril {
    max-height: 36px;
}

.brand-benefits__other-title {
    min-height: 64px;
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
    color: #000;
}

.brand-benefits__text {
    margin-bottom: 4px;
    font-size: 21px;
    line-height: 1.2;
    color: #6d7793;
}

.brand-benefits__percent {
    font-size: 74px;
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: -4px;
    color: #000;
}

/* TABLET */
@media (max-width: 991px) {


    .brand-benefits__title {
        font-size: 34px;
        line-height: 0.98;
    }

    .brand-benefits__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .brand-benefits__card {
        min-height: 0;
        padding: 42px 42px 48px;
    }

    .brand-benefits__logo-wrap,
    .brand-benefits__other-title {
        min-height: auto;
        margin-bottom: 28px;
    }

    .brand-benefits__logo-img--farmavita {
        max-height: 56px;
    }

    .brand-benefits__logo-img--cotril {
        max-height: 58px;
    }

    .brand-benefits__other-title {
        font-size: 42px;
    }

    .brand-benefits__text {
        font-size: 30px;
    }

    .brand-benefits__percent {
        font-size: 100px;
    }
}

/* MOBILE */
@media (max-width: 575px) {

    .brand-benefits {
        padding: 44px 0;
    }

    .brand-benefits__title {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 0.98;
        letter-spacing: -1px;
    }

    .brand-benefits__grid {
        gap: 24px;
    }

    .brand-benefits__card {
        padding: 32px 30px 36px;
    }

    .brand-benefits__logo-wrap,
    .brand-benefits__other-title {
        margin-bottom: 24px;
    }

    .brand-benefits__logo-img--farmavita {
        max-height: 32px;
    }

    .brand-benefits__logo-img--cotril {
        max-height: 32px;
    }

    .brand-benefits__other-title {
        font-size: 36px;
    }

    .brand-benefits__text {
        font-size: 22px;
    }

    .brand-benefits__percent {
        font-size: 60px;
        letter-spacing: -5px;
    }
}




.hero-border {
    border-bottom: 1px solid #000;
    width: 100%;
}

.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus{
background-color: #000 !important;
}








.pro-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

.pro-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.pro-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.68);
    transition: opacity 0.28s ease;	
}


.pro-modal.is-open .pro-modal__overlay {
    opacity: 1;
}


.pro-modal.is-open .pro-modal__box {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.pro-modal__box {
    position: relative;
    z-index: 2;
    width: 626px;
    max-width: calc(100% - 40px);
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    margin: 54px auto;
    background: #fff;
    padding: 32px 34px 28px;
    transform: translateY(24px) scale(0.98);
    opacity: 0;
    transition: transform 0.32s ease, opacity 0.25s ease;	
}

.pro-modal__close {
    position: absolute;
    top: 14px;
    right: 18px;
    border: 0;
    background: transparent;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    color: #000;
}

.pro-modal__label {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: #b4a48a;
    text-transform: uppercase;
}

.pro-modal__title {
    margin: 0 0 6px;
    font-size: 34px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -1px;
    color: #000;
    text-transform: uppercase;
}

.pro-modal__intro {
    margin: 0 0 20px;
    max-width: 560px;
    font-size: 13px;
    line-height: 1.35;
    color: #687392;
}

.pro-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
}

.pro-form__wide {
    grid-column: 1 / -1;
}

.pro-form__field label,
.pro-form__note label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 800;
    color: #000;
}

.pro-form__field label span {
    color: #b4a48a;
}

.pro-form__note {
    background: #f4f1eb;
    padding: 10px 12px 12px;
}

.pro-form__note label {
    margin-bottom: 8px;
    color: #687392;
    font-weight: 400;
}

.pro-form__note label strong {
    color: #000;
    font-weight: 900;
}

.pro-form input,
.pro-form select {
    width: 100%;
    height: 31px;
    border: 1px solid #dedede;
    background: #fff;
    padding: 0 12px;
    font-size: 12px;
    color: #000;
    outline: none;
    box-shadow: none;
}

.pro-form select {
    appearance: auto;
}

.pro-form input::placeholder {
    color: #aeb5c7;
}

.pro-form__checkbox {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 18px 0 16px;
    cursor: pointer;
}

.pro-form__checkbox input {
    display: none;
}

.pro-form__checkbox span {
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    background: #fff;
    flex-shrink: 0;
}

.pro-form__checkbox input:checked + span {
    background: #b4a48a;
    box-shadow: inset 0 0 0 4px #fff;
}

.pro-form__checkbox em {
    font-style: normal;
    font-size: 12px;
    color: #687392;
}

.pro-form__checkbox a {
    color: #9d8d72;
    text-decoration: underline;
}

.pro-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    border: 0;
    border-radius: 999px;
    background: #b4a48a;
    padding: 0 18px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

.pro-form__submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.pro-form__message {
    display: none;
    margin: 0 0 14px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.35;
}

.pro-form__message.is-error {
    display: block;
    background: #fdeaea;
    color: #9b1111;
}

.pro-form__message.is-success {
    display: block;
    background: #eaf7ed;
    color: #176b2c;
}

.pro-form .is-invalid {
    border-color: #c60000;
}

/* MOBILE */
@media (max-width: 575px) {
    .pro-modal__box {
        width: calc(100% - 30px);
        max-width: none;
        max-height: calc(100vh - 30px);
        margin: 15px auto;
        padding: 15px 12px 60px;
    }

    .pro-modal__close {
        top: 10px;
        right: 14px;
        font-size: 34px;
    }

    .pro-modal__label {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .pro-modal__title {
        font-size: 28px;
        line-height: 1.05;
        margin-bottom: 14px;
    }

    .pro-modal__intro {
        font-size: 20px;
        line-height: 1.32;
        margin-bottom: 30px;
    }

    .pro-form__grid {
        display: block;
    }

    .pro-form__field {
        margin-bottom: 26px;
    }

    .pro-form__field label,
    .pro-form__note label {
        font-size: 20px;
        margin-bottom: 9px;
    }

    .pro-form input,
    .pro-form select {
        height: 54px;
        padding: 0 10px;
        font-size: 19px;
    }

    .pro-form__note {
        margin-bottom: 28px;
        padding: 15px 10px 10px;
    }

    .pro-form__note input {
        margin-top: 12px;
    }

    .pro-form__checkbox {
        align-items: center;
        gap: 10px;
        margin: 8px 0 26px;
    }

    .pro-form__checkbox span {
        width: 30px;
        height: 30px;
    }

    .pro-form__checkbox em {
        font-size: 18px;
        line-height: 1.25;
    }

    .pro-form__submit {
        width: 100%;
        min-height: 52px;
        padding: 0 3px;
        font-size: 17px;
        white-space: normal;
		font-weight: 700;
    }
}












.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 18px;
    row-gap: 55px;
}

.product-card {
	    position: relative;	
    min-width: 0;
}

.product-card__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 3 / 4;
    border: 1px solid #e1e1e1;
    background: #fff;
    overflow: hidden;
    text-decoration: none;
}

.product-card__image img {
    display: block;
    object-fit: contain;
}

.product-card__badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background: #111;
    color: #fff;
    padding: 3px 4px;
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
	text-transform: uppercase;
	pointer-events: none;
}


.product-card__brand {
	margin: 10px 0 2px;
	min-height: 18px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    color: #111;
}

.product-card__title {
display: block;
    height: calc(1.1em * 2);
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.1;
    color: #7f859d;
    text-decoration: none;
    word-break: break-word;
}

.product-card__title:hover {
  color: #111;
  text-decoration: none;
}

input.product-card__button {
display: block !important;
    position: relative !important;
    z-index: 20 !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    border: 1px solid #111 !important;
    border-radius: 28px !important;
    padding: 7px 9px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
    color: #111 !important;
    margin-bottom: 6px !important;
    background: #fff !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-transform: uppercase;
    min-height: 36px !important;
}

input.product-card__button:hover {
  color: #111 !important;
  background: #ddd6c5 !important;
  border-color: #ddd6c5 !important;
}

.product-card__price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 5px;
    text-align: center;
}

.product-card__price-old {
    order: 1;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #111;
    opacity: 0.75;
}

.product-card__price-old-2 {
    order: 1;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #111;
    opacity: 0.75;
}

.product-card__price-current {
    order: 2;
    font-size:18px;
    line-height: 1;
    font-weight: 700;
    color: #111;
}


.top-product-image-2 {
    margin-top: 20%;
}

/* tablet */
@media (max-width: 991px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

/* mobile */
@media (max-width: 767px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
    row-gap: 50px;
    }



    .product-card__badge {
        padding: 3px 4px;
        font-size: 21px;
    }

    .product-card__brand {
        margin-top: 15px;
        font-size: 13px;
    }

    .product-card__title {
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.25;
    }

    input.product-card__button {
		margin-top: 6px !important;
        font-size: 14px !important;
        padding: 8px 8px !important;
        margin-bottom: 8px !important;
        min-height: 34px !important;
    }

    .product-card__price {
        gap: 7px;
        margin-top: 12px;
    }

    .product-card__price-old {
        font-size: 16px;
    }

    .product-card__price-current {
        font-size: 16px;
    }
}

@media (max-width: 420px) {	
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 9px;
        row-gap: 45px;
    }
	
    .product-card__brand {
        font-size: 14px;
    }

    .product-card__title {
        font-size: 14px;
    }

    input..product-card__button {
        font-size: 14px !important;
    }


    .product-card__price {
        gap: 4px;
        margin-top: 10px;
        font-size: 16px;		
    }	
}





/* TRACK */
.ui-slider {
    position: relative;
    height: 8px;
    border: 0 !important;
    background: #e5e5e5 !important;
    border-radius: 999px !important;
}

/* ACTIVE RANGE */
.ui-slider .ui-slider-range {
    background: #ad9d85 !important;
    border-radius: 999px !important;
}

/* HANDLE */
.ui-slider .ui-slider-handle {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;

    background: #fff !important;
    border: 1px solid #101010 !important;

    top: 50% !important;
margin-top: -9px !important;
margin-left: -9px !important;

    box-shadow: none !important;
    outline: none !important;
}

/* hover/focus */
.ui-slider .ui-slider-handle:hover,
.ui-slider .ui-slider-handle:focus,
.ui-slider .ui-slider-handle:active {
    background: #fff !important;
    border-color: #000 !important;
    outline: none !important;
}

/* uklanja plavi glow */
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-visual-focus {
    box-shadow: none !important;
    outline: none !important;
}


.skraceno{
    width: 80%;
}



@media (max-width: 767px) {
.skraceno{
    width: 100%;
}
}



.list-group-item {

    border: 1px solid #fff !important;
}

.list-group {
margin-bottom: 0px !important;
}

.panel-collapse {

    border: 1px solid #585858 !important;
}




.list-group-item.checkbox input {
    appearance: none;
    -webkit-appearance: none;

    width: 15px;
    height: 15px;

    border: 1px solid #585858;
    background: #fff;

    position: relative;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;

    -webkit-tap-highlight-color: transparent;	
}

.list-group-item.checkbox input:checked {
    background: #ad9d85;
	border: 1px solid #ad9d85;
}

.list-group-item.checkbox input:checked::after {
    content: "";

    position: absolute;

    left: 4px;
    top: 0px;

    width: 5px;
    height: 10px;

    border: solid #fff;
    border-width: 0 2.5px 2.5px 0;

    transform: rotate(45deg);
}

.list-group-item.checkbox input:focus,
.list-group-item.checkbox input:active {
    outline: none !important;
    box-shadow: none !important;
}






.recmnd-head h3{
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #111;
}
  

.owl-carousel .item {
    padding: 0px 0px;
}

.item p {
	width: 170px;
    overflow: hidden;
    margin-bottom: 10px;
    text-decoration: none;
	text-align: left;
    word-break: break-word;	
	line-height: 1.1;
}
.item p a {
    line-height: 1.1;
    color: #7f859d;
}

.item p a:hover {
  color: #111;
  text-decoration: none;
}

@media (max-width: 768px) {
.recmnd-head h3{
    font-size: 18px;
}
.item p {
	width: 145px;

}
}





.male-slike {
margin: 0 0px 4px 0px; text-align:center; height:35px;
}

.male-slike-2{
margin: 0 0px 4px 0px; text-align:center; height:35px;
}

.male-slike-img{
width: 35px;
height: 35px;
margin-bottom:2px;
margin-right:1px;
}

.male-slike-desno{
display: inline-block;height:30px;background: rgb(247, 244, 239);margin: 1px 2px 1px 5px; font-size:12px;padding:8px 9px 8px 9px;
}



@media (max-width: 414px) {
	
.male-slike {
margin: 0px; text-align:center; height:29px;
}

.male-slike-2{
margin: 0px; text-align:center; height:29px;
}

.male-slike-img{
width: 29px;
height: 29px;
margin-bottom:0px;
margin-right:0px;
}

.male-slike-desno{
display: inline-block;height:25px;background: rgb(247, 244, 239);margin: 1px 2px 1px 2px; font-size:12px;padding:5px 2px 2px 3px;
}	
	
}



@media (max-width:321px){

.male-slike {
margin: 0px; text-align:center; height:24px;
}

.male-slike-2{
margin: 0px; text-align:center; height:24px;
}

.male-slike-img{
width: 24px;
height: 24px;
margin-bottom:0px;
margin-right:0px;
}

.male-slike-desno{
display: inline-block;height:20px;background: rgb(247, 244, 239);margin: 2px 0 0 0; font-size:12px;padding: 2px 0 0 0;
}	
	
}	









.blog-section {
    padding: 58px 0 70px;
    background: #fff;
}


.blog-section__title {
    margin: 0 0 38px;
    text-align: center;
    font-size: 38px;
    line-height: 1;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
}

.blog-filter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 46px;
}

.blog-filter__btn {
    border: 0;
    background: transparent;
    padding: 0 38px;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    border-right: 1px solid #dedede;
}

.blog-filter__btn:last-child {
    border-right: 0;
}

.blog-filter__btn.is-active {
    color: #b4a48a;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 18px;
    row-gap: 56px;
    transition: opacity 0.28s ease, transform 0.28s ease;
}

.blog-grid.is-loading {
    opacity: 0;
    transform: translateY(12px);
}

.blog-card {
    min-width: 0;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.28s ease, transform 0.28s ease;
}

.blog-card__image {
    display: block;
    aspect-ratio: 1 / 1;
    background: #eee;
    overflow: hidden;
    text-decoration: none;
}

.blog-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.blog-card__image:hover img {
    transform: scale(1.035);
}

.blog-card__meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    line-height: 1;
    color: #6d7793;
    text-transform: uppercase;
}

.blog-card__kat {
    color: #ad9d86;
    font-weight: 600;	

}

.blog-card__title {
    margin: 16px 0 8px;
    font-size: 32px;
    line-height: 0.96;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
}

.blog-card__title a {
    color: inherit;
    text-decoration: none;
}

.blog-card__link {
    display: inline-block;
    font-size: 14px;
    line-height: 1.2;
    color: #6d7793;
    text-decoration: none;
}

.blog-card__link:hover {
    text-decoration: underline;
}

.blog-more {
    display: flex;
    justify-content: center;
    margin-top: 56px;
}

.blog-more__btn {
    min-width: 160px;
    height: 44px;
    border: 1px solid #000;
    border-radius: 999px;
    background: #fff;
    color: #000;
    padding: 0 28px;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    text-transform: uppercase;
}

.blog-more__btn:hover {
    background: #000;
    color: #fff;
}

.blog-more__btn.is-hidden {
    display: none;
}

/* MOBILE */
@media (max-width: 767px) {
    .blog-section {
        padding: 34px 0 50px;
    }


    .blog-section__title {
        margin-bottom: 24px;
        font-size: 26px;
    }

    .blog-filter {
        justify-content: center;
        gap: 12px;
        margin-bottom: 34px;
        overflow-x: auto;
        padding-bottom: 4px;
        white-space: nowrap;
    }

    .blog-filter__btn {
        padding: 0;
        border-right: 0;
        font-size: 11px;
        flex: 0 0 auto;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        row-gap: 34px;
    }

    .blog-card__title {
        margin-top: 14px;
        font-size: 20px;
        line-height: 0.98;
    }

    .blog-card__meta {
        font-size: 13px;
    }

    .blog-more {
        margin-top: 38px;
    }

    .blog-more__btn {
        width: 100%;
        height: 40px;
    }
}



@media (max-width: 480px) {

    .blog-filter {
        display: flex;
        justify-content: center;
        align-items: center;

        flex-wrap: wrap;

        gap: 12px 14px;

        margin-bottom: 34px;

        overflow-x: visible;

        white-space: normal;
    }

    .blog-filter__btn {
        flex: 0 0 auto;
    }
}

@media (max-width: 390px) {

    .blog-card__meta {
        font-size: 12px;
    }
}




.blog-card.is-appearing {
    opacity: 0;
    transform: scale(0.96);
}


.blog-card.is-visible {
    opacity: 1;
    transform: scale(1);
}











.blog-detail__wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 35px 20px 70px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 255px;
    column-gap: 45px;
	align-items: start;
}

.blog-detail__content {
    grid-column: 1;
    grid-row: 1;
}

.blog-detail__sidebar {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
}

.blog-detail__categories {
    margin-bottom: 35px;
}

.blog-detail__latest {
    margin-top: 0;
}

.blog-detail__content h1 {
    margin: 0 auto 22px;
    text-align: center;
    font-size: 46px;
    line-height: .95;
    font-weight: 900;
    text-transform: uppercase;
    color: #111;
}

.blog-detail__meta {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-bottom: 35px;
    font-size: 16px;
    text-transform: uppercase;
    color: #ab936d;
}

.blog-detail__hero {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.blog-detail__text {

    font-size: 17px;
    line-height: 1.45;
    color: #737991;
}

.blog-detail__text p {
    margin: 0 0 10px;
}

.blog-detail__text a {
	
    color: #ab936d;
	text-decoration:underline;
	transition: color 0.3s ease;
}

.blog-detail__text a:hover {
    transition: all 0.35s ease;
	text-decoration:none;	
    color: #111111;

}

.blog-detail__text h2{

    font-size: 34px;
    line-height: 1.05;
    color: #111111;
	font-weight: 900;
    text-transform: uppercase;	
	margin-bottom:12px;
	padding-top:20px;	
	border-top: 1px solid #ddd;		
}

.blog-detail__text h4{

    font-size: 22px;
    line-height: 1.05;
    color: #111111;
	font-weight: 600;
	margin-top:15px;
	margin-bottom:12px;
}

.blog-detail__text img{
    width: 100%;
    display: block;
	margin-bottom:12px;
}

.blog-detail__text ul{

list-style-type: disc;
list-style-position: inside;
}

.blog-detail__categories h2,
.blog-latest__head h2 {
    margin: 0 0 10px;
    font-size: 21px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: #111;
}

.blog-cat{
    padding: 7px 0;
}

.blog-cat h4.panel-title{
	
	font-size: 16px;
    color: #111111;
    font-weight: 900;	
   margin-bottom: 8px;
}


.blog-cat ul {
    margin: 4px 2px 0px 2px;
    padding: 8px 10px;
    list-style: none;

}

.blog-cat li {
	font-size: 16px;
    margin-bottom: 8px;
}

.blog-cat li a {
    color: #737991;
    text-decoration: none;
}

.blog-cat li a.akt {
    color: #ab936d;
}

.blog-latest__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-latest__card img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 12px;
}

.blog-latest__meta {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.blog-latest__meta_kat {
    font-size: 13px;
    color: #ab936d;
    text-transform: uppercase;	
}

.blog-latest__meta_dat {
    font-size: 13px;
    color: #737991;
}

.blog-latest__card h3 {
    margin: 0 0 12px;
    font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
    line-height: 1.05;
    font-weight: 900;
    text-transform: uppercase;
    color: #111;
}

.blog-latest__card p {
    font-size: 15px;
    line-height: 1.35;
    color: #737991;
	margin-bottom:5px;
}

.blog-latest__card a {
    font-size: 15px;
    line-height: 1.35;
    color: #4b4b4d;
}

.blog-latest__card a:hover {
    color: #c89a57;
	text-decoration:underline;
}






.blog-latest__swiper {
    width: 100%;
    overflow: hidden;
}

.blog-latest__card {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.55s ease, transform 0.55s ease;
}

.blog-latest__card.swiper-slide-active {
    opacity: 1;
    transform: translateY(0);
}

.blog-latest__arrows {
    display: flex;
    gap: 8px;
	margin-bottom:10px;
}

.blog-latest__arrows button {
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: opacity .25s ease, transform .25s ease;
}

.blog-latest__arrows button img {
    width: 100%;
    height: auto;
    display: block;
}

.blog-latest__arrows button:hover:not(.swiper-button-disabled) {
    transform: translateY(-1px);
}

.blog-latest__arrows .swiper-button-disabled {
    cursor: default;
}




@media (max-width: 991px) {
    .blog-detail__wrap {
        display: flex;
        flex-direction: column;
        padding: 22px 15px 55px;
        width: 100%;
    }

    .blog-detail__sidebar {
        display: contents;
    }

    .blog-detail__categories {
        order: 1;
        width: 100%;
        margin-bottom: 35px;
    }

    .blog-detail__content {
        order: 2;
        width: 100%;
        max-width: none;
        flex: 0 0 auto;
    }

    .blog-detail__latest {
        order: 3;
        width: 100%;
        max-width: none;
        margin-top: 70px;
    }

    .blog-latest__swiper {
        width: 100%;
        max-width: 100%;
    }

    .blog-detail__content h1 {
        width: 100%;
        max-width: none;
        font-size: 31px;
        line-height: .95;
        margin: 0 0 18px;
    }
	
.blog-detail__text h2 {
    font-size: 24px;
    margin-bottom: 10px;
    padding-top: 16px;
}	

    .blog-detail__meta {
        gap: 14px;
        font-size: 14px;
        margin-bottom: 28px;
    }

    .blog-detail__hero {
        width: 100%;
        max-width: 100%;
        margin-bottom: 36px;
    }

    .blog-detail__text {
        width: 100%;
        max-width: none;
        font-size: 18px;
        line-height: 1.45;
    }
}



@media (max-width: 767px) {
	
.blog-cat li {
	font-size: 15px;
}	
	
.blog-detail__categories h2, 
.blog-latest__head h2 {
    margin: 0 0 10px;
    font-size: 18px;
}	

    .blog-detail__content h1 {
        width: 100%;
        max-width: none;
        font-size: 24px;
        line-height: .95;
        margin: 0 0 18px;
    }
	
.blog-detail__text h2 {
    font-size: 18px;
}	
	
.blog-cat h4.panel-title {
    font-size: 15px;
}	

    .blog-detail__meta {
        gap: 10px;
        font-size: 13px;
        margin-bottom: 22px;
    }

    .blog-detail__text {
        width: 100%;
        max-width: none;
        font-size: 15px;
        line-height: 1.45;
    }
}


@media (max-width: 300px) {
	
.blog-cat li {
	font-size: 14px;
}	
	
.blog-detail__categories h2, 
.blog-latest__head h2 {
    margin: 0 0 10px;
    font-size: 15px;
}	

    .blog-detail__content h1 {
        width: 100%;
        max-width: none;
        font-size: 18px;
        line-height: .95;
        margin: 0 0 18px;
    }
	
.blog-detail__text h2 {
    font-size: 15px;
}	
	
.blog-cat h4.panel-title {
    font-size: 14px;
}	

    .blog-detail__meta {
        gap: 8px;
        font-size: 12px;
        margin-bottom: 18px;
    }

    .blog-detail__text {
        width: 100%;
        max-width: none;
        font-size: 14px;
        line-height: 1.45;
    }
}










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


.home-hero-vesti picture {
  display: block;
}


.home-hero-vesti img {
  width: 100%;
  height: auto;
  display: block;
}

.hero-content-vesti {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  z-index: 2;
}
.hero-content-vesti .container{max-width:600px;margin-left:12%}

.hero-content-vesti h1{color:#fff;font-size:64px;font-weight:700;line-height:.9;margin-bottom:20px;letter-spacing:-1px}









/* ===== MOBILE ===== */
@media (max-width: 768px) {



  .hero-content-vesti {
    align-items: flex-start;
    padding-top: 40px;
    text-align: center;
  }

  .hero-content-vesti .container {
	margin-left:5%;
    max-width: 90%;
  }

  .hero-content-vesti h1 {
	 font-weight:800; 
    font-size: 38px;
    letter-spacing: 0;
  }

}







.vesti-card__image {
    display: block;
    background: #eee;
    overflow: hidden;
    text-decoration: none;
}

.vesti-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.vesti-card__image:hover img {
    transform: scale(1.035);
}



.vesti-card__meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 15px;
    line-height: 1;
    color: #6f7893;

}

.vesti-card__kat {
    color: #6f7893;
    font-weight: 400;	

}

.vesti-card__title {
    margin: 16px 0 8px;
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
    color: #000;
}


/* ===== MOBILE ===== */
@media (max-width: 768px) {


.vesti-card__meta {
	padding-bottom: 9px;
    font-size: 14px;
}

.vesti-card__title {

    font-size: 17px;
}

}







.vesti-detail__wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 35px 15px 70px;
    display: block;
}

.vesti-detail__wrap h1 {
    margin: 0 0 40px;
    text-align: left;
    font-size: 30px;
    line-height: .95;
    font-weight: 900;
    text-transform: uppercase;
    color: #111;
}

@media (max-width: 768px) {
.vesti-detail__wrap h1 {
    margin: 0 0 30px;
    text-align: left;
    font-size: 20px;
    line-height: 1;	
}
}












/* =========================
   HERO
========================= */

.contact-hero{
    position:relative;
}

.contact-hero picture{
    display:block;
}

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

.contact-hero__title{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    max-width:1500px;
    margin:0 auto;
    width:100%;
    padding:0 70px;
}

.contact-hero h1{
    margin:0;
    color:#fff;
    font-size:72px;
    line-height:.9;
    font-weight:700;
    text-transform:uppercase;
}


/* =========================
   KARTICE
========================= */

.contact-shops{
    position:relative;
    z-index:5;

    margin-top:-85px;
    padding:0 0 70px;
}

.contact-shops__wrap{
    max-width:1500px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
	padding-left: 20px;
    padding-right: 20px;
}

.contact-card{
    background:#fff;
    border:1px solid #dcdcdc;
    padding:38px 28px 34px;

    box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.contact-card__label{
    color:#7a829d;
    font-size:18px;

    padding-bottom:14px;
    margin-bottom:34px;

    border-bottom:1px solid #ddd;
}

.contact-card__title{
    display:flex;
    align-items:center;
    gap:12px;

    margin:0 0 28px;

    color:#111;
    font-size:26px;
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
}

.contact-card__title img{
    width:18px;
    height:22px;
    flex-shrink:0;
}

.contact-card p{
    margin:0 0 12px;

    color:#7a829d;
    font-size:17px;
    line-height:1.35;
}

.contact-card__info{
    margin-top:38px;
}

.contact-card__info p{
    color:#b7a186;
}

.contact-card__line{
    display:flex;
    align-items:center;
    gap:10px;
	
    color:#b7a186;
    text-decoration:none;

    margin-bottom:12px;

    transition:.25s ease;	
}

.contact-card__line:hover{
    color:#000;
}

.contact-card__line span{
    text-decoration:none;
}

.contact-card__line img{
    flex-shrink:0;
    width:18px;
    height:18px;
}

.contact-card__badge{
    display:inline-flex;
    align-items:center;
    gap:6px;

    margin:0;
    padding:0 12px;

    background:#f3f3f7;
    border-radius:30px;

    color:#7a829d;
    font-size:15px;
}

.contact-card__hours{
    margin-top:28px;
    padding-top:28px;

    border-top:1px solid #ddd;
}

.contact-card__hours > div{
    margin-bottom:26px;

    color:#7a829d;
    font-size:15px;
}

.contact-card__hours p{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding-bottom:12px;
    margin-bottom:12px;

    border-bottom:1px solid #e5e5e5;
}

.contact-card__hours strong{
    font-weight:400;
    color:#7a829d;
}


/* =========================
   MOBILE
========================= */

@media (max-width:768px){

    .contact-hero__title{
        align-items:flex-start;
        padding:58px 28px 0;
    }

    .contact-hero h1{
        font-size:36px;
    }

    .contact-shops{
        margin-top:-22px;
        padding:0 16px 20px;
    }

    .contact-shops__wrap{
        display:block;
	padding-left: 0;
    padding-right: 0;		
    }

    .contact-card{
        padding:26px 20px 28px;
        margin-bottom:24px;
    }

    .contact-card:last-child{
        margin-bottom:0;
    }

    .contact-card__label{
        font-size:17px;
        margin-bottom:28px;
    }

.contact-card__title{
    font-size:25px;
}

    .contact-card p{
        font-size:16px;
    }

    .contact-card__hours p{
        font-size:16px;
    }
}




.contact-form-section{
    max-width:1500px;
    margin:0 auto;
    padding:80px 0px;

    display:grid;
    grid-template-columns:420px 1fr;
    gap:60px;
}


.contact-form__intro{
    padding-right:60px;
    border-right:1px solid #d9d9d9;
}

.contact-form__subtitle{
    display:block;
    color:#b8a486;
    font-size:18px;
    margin-bottom:18px;
}

.contact-form__intro h2{
    font-size:40px;
    line-height:.92;
    font-weight:900;
    margin:0 0 28px;
}

.contact-form__intro p{
    max-width:320px;
    font-size:16px;
    line-height:1.2;
color: #7a829d;	
}




.contact-form__row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
}


.contact-form-field{
    margin-bottom:32px;
}

.contact-form-field label{
    display:block;
    margin-bottom:12px;
    color: #7a829d;	
    font-size:14px;	
}

.contact-form-field input,
.contact-form-field textarea{
    width:100%;
}

.contact-form-field textarea{
height: 115px;
}


.contact-form__submit{
    display:flex;
    justify-content:flex-end;
    margin-top:32px;
}

.contact-form__submit button{
    width:200px;
    height:50px;
    border-radius:999px;
    background:#b7a486;
    color:#fff;
    font-size:19px;
    font-weight:700;
    border:none;
}

.contact-form__submit button:hover{
    background:#a18e70;
}


.contact-form-field input::placeholder,
.contact-form-field textarea::placeholder{
    color:#7a829d;
    opacity:1;
    font-size:13px;
    font-weight:300;
		padding:10px;
}

.contact-form-field input::-webkit-input-placeholder,
.contact-form-field textarea::-webkit-input-placeholder{
    color:#7a829d;
}

.contact-form-field input::-moz-placeholder,
.contact-form-field textarea::-moz-placeholder{
    color:#7a829d;
    opacity:1;
}

.contact-form-field input:-ms-input-placeholder,
.contact-form-field textarea:-ms-input-placeholder{
    color:#7a829d;
}


@media (max-width:768px){

    .contact-form-section{
        display:block;
        padding:20px 0px;
    }

    .contact-form__intro{
        border-right:0;
        border-bottom:1px solid #d9d9d9;
        padding-right:0;
        padding-bottom:22px;
        margin-bottom:28px;
    }

    .contact-form__intro h2{
        font-size:25px;
    }

    .contact-form__row{
        grid-template-columns:1fr;
        gap:20px;
    }
    .contact-form__submit{
        display:block;
        margin-top:24px;
    }
    .contact-form__submit button{
        width:100%;
        min-width:0;
        height:40px;
        font-size:16px;
       font-weight:700;		
    }
		
}















.company-info-section{
    max-width:1500px;
    margin:0 auto;
    padding: 40px 0px;
    background:#fff;
}

.company-info-wrap{

    display:grid;
    grid-template-columns:1.1fr 1.2fr .7fr;
    gap:40px;
}

.company-info-col{
    padding-left:40px;
    border-left:1px solid #ddd;
}

.company-info-col:first-child{
    padding-left:0;
    border-left:0;
}

.company-info-main h2{
    margin:0 0 34px;

    color:#111;
    font-size:30px;
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
}

.company-info-item{
    margin-bottom:26px;
}

.company-info-item span{
    display:block;
    margin-bottom:8px;

    color:#747d9b;
    font-size:15px;
    line-height:1.2;
    font-weight:600;
    text-transform:uppercase;
}

.company-info-item p,
.company-info-item a{
    margin:0;

    color:#111;
    font-size:18px;
    line-height:1.25;
    font-weight:400;
    text-decoration:none;
}

.company-info-main .company-info-item a,
.company-info-item a{
    color:#b7a486;
}


.company-info-item a:hover{
    color:#000;
}

.company-info-call{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    max-width:470px;
    height:42px;
    margin-top:36px;

    border:1px solid #111;
    border-radius:999px;

    color:#111;
    font-size:16px;
    font-weight:900;
    text-transform:uppercase;
    text-decoration:none;

    transition:.25s ease;
}

.company-info-call:hover{
    background:#111;
    color:#fff;
}






@media (max-width:768px){

    .company-info-section{
        padding:15px 0px;
    }

    .company-info-wrap{
        display:block;
    }

    .company-info-col{
        padding-left:0;
        border-left:0;
        border-top:1px solid #ddd;
        padding-top:26px;
        margin-top:26px;
    }

    .company-info-col:first-child{
        border-top:0;
        padding-top:0;
        margin-top:0;
    }

    .company-info-main h2{
        font-size:21px;
        margin-bottom:25px;
    }

    .company-info-item{
        margin-bottom:24px;
    }

    .company-info-item span{
        font-size:14px;
    }

    .company-info-item p,
    .company-info-item a{
        font-size:16px;
    }

    .company-info-call{
        max-width:none;
        height:40px;
        margin-top:26px;
        font-size:16px;
    }
}












/* HERO */

.about-hero{
    position:relative;
}

.about-hero picture{
    display:block;
}

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

.about-hero__title{
    position:absolute;
    inset:0;

    max-width:1500px;
    width:100%;

    margin:0 auto;
    padding:0 70px;

    display:flex;
    align-items:center;
}

.about-hero h1{
    margin:0;

    color:#fff;
    font-size:72px;
    line-height:.9;
    font-weight:700;
}


/* KARTICA */

.about-intro {
    position: relative;
    z-index: 5;
    margin-top: -85px;
    padding: 0 48px 0;
}

.about-intro__outer {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

.about-intro__wrap {
    background: #fff;
    border: 1px solid #dcdcdc;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.about-intro__left{
    position: relative;
    padding: 90px 40px;
}

.about-intro__left::after {
    content: "";
    position: absolute;

    top: 40px;
    bottom: 40px;

    right: 0;
    width: 1px;

    background: #dcdcdc;
}

.about-intro__right{
    padding:42px 48px;
}

.about-intro__left h2{
    margin:0;

    color:#111;

    font-size:40px;
    line-height:1.05;
    font-weight:900;
    text-transform:uppercase;
}

.about-intro__right p{
    margin:0 0 14px;

    color:#7a829d;
    font-size:16px;
    line-height:1.4;
}

.about-intro__right p:last-child{
    margin-bottom:0;
}




@media (max-width:768px){

    .about-hero__title{
        padding:55px 28px 0;
        align-items:flex-start;
    }

    .about-hero h1{
        font-size:36px;
    }

    .about-intro{
        margin-top:-24px;
        padding:0 16px 0;
    }
	
.about-intro__outer {
    padding: 0;
}	

    .about-intro__wrap{
        display:block;
    }		



    .about-intro__left{
        position:relative;
        border-right:0;
        border-bottom:0;
        padding:24px 20px 34px;
    }

    .about-intro__left::after{
        content:"";
        display:block;
        position:absolute;

        top:auto;
        bottom:0;
        left:22px;
        right:auto;

        width:calc(100% - 44px);
        height:1px;

        background:#dcdcdc;
    }

    .about-intro__right{
        padding:24px 20px 28px;
    }

    .about-intro__left h2{
        font-size:23px;
        line-height:1;
    }

    .about-intro__right p{
        font-size:16px;
        line-height:1.4;
        margin-bottom:20px;
    }
}


@media (max-width:300px){
.about-intro__left h2 {
    font-size: 18px;
}
}









.about-quality{
    padding:70px 0px;
}

.about-quality__wrap {
    max-width: 1500px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 90px;
    align-items: center;
}

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

.about-quality__content h2{
    margin:0 0 34px;

    color:#111;
    font-size:52px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
}

.about-quality__content p{
    margin:0 0 12px;

    color:#7a829d;
    font-size:18px;
    line-height:1.4;
}

.about-quality__content p:last-child{
    margin-bottom:0;
}

@media (max-width:1024px){
.about-quality__content h2 {
    font-size: 36px;
}
}


@media (max-width:1200px){

    .about-quality__wrap {
        gap: 50px;
    }
}


@media (max-width:768px){

    .about-quality{
        padding:45px 0px;
    }

    .about-quality__wrap{
        display:block;
    }

    .about-quality__image{
        margin-bottom:32px;
    }

    .about-quality__content h2{
        margin-bottom:22px;

        font-size:28px;
        line-height:.95;
    }

    .about-quality__content p{
        margin-bottom:18px;

        font-size:16px;
        line-height:1.45;
    }
}


@media (max-width:300px){
.about-quality__content h2 {
    font-size: 19px;
}
}







.about-pro{
    padding:20px 0;
}

.about-pro__wrap{
    max-width:1500px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:100px;
    align-items:center;
}

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

.about-pro__eyebrow{
    display:block;
    margin-bottom:16px;

    color:#b7a486;
    font-size:15px;
    line-height:1.2;
    text-transform:uppercase;
}

.about-pro h2{
    margin:0 0 34px;

    color:#111;
    font-size: 52px;
    line-height: 1.2;
    font-weight:900;
    text-transform:uppercase;
}

.about-pro__stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border:1px solid #ddd;
    margin-bottom:20px;
}

.about-pro__stats div{
    padding:22px 20px;
}

.about-pro__stats div + div{
    border-left:1px solid #ddd;
}

.about-pro__stats strong{
    display:block;
    color:#111;
    font-size:40px;
    line-height:1;
    font-weight:900;
}

.about-pro__stats span{
    display:block;
    margin-top:6px;

    color:#111;
    font-size:18px;
    line-height:1.1;
    font-weight:900;
    text-transform:uppercase;
}

.about-pro__note{
    display:flex;
    align-items:center;
    gap:18px;

    border:1px solid #111;
    padding:12px 18px;
    background:#f7f4ef;
    color:#7a829d;
}

.about-pro__note span{
    width:48px;
    height:48px;
    flex-shrink:0;

    border-radius:50%;
    background:#b7a486;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:30px;
    line-height:1;
}

.about-pro__note p{
    margin:0;
    color:#7a829d;
    font-size:16px;
    line-height:1.2;
}



@media (max-width:1024px){
.about-pro h2 {
    font-size: 36px;
}
}




@media (max-width:768px){

    .about-pro{
        padding:25px 0;
    }

    .about-pro__wrap{
        display:flex;
        flex-direction:column;
        gap:0;
    }

    .about-pro__image{
        order:1;
        width:100%;
        margin-bottom:44px;
    }

    .about-pro__content{
        order:2;
        width:100%;
    }

    .about-pro__eyebrow{
        font-size:14px;
        margin-bottom:12px;
    }

    .about-pro h2{
        font-size: 28px;
        line-height: .95;
        margin-bottom:24px;
    }

    .about-pro__stats{
        margin-bottom:26px;
    }

    .about-pro__stats div{
        padding:14px 12px;
    }

    .about-pro__stats strong{
        font-size:28px;
    }

    .about-pro__stats span{
        font-size:13px;
    }

    .about-pro__note{
        align-items:flex-start;
        gap:14px;
        padding:10px 10px;
    }

    .about-pro__note span{
        width:42px;
        height:42px;
        font-size:26px;
    }

    .about-pro__note p{
        font-size:15px;
        line-height:1.3;
    }
}


@media (max-width:300px){
.about-pro h2 {
    font-size: 19px;
}
    .about-pro__stats strong {
        font-size: 16px;
    }
}






.home-salon{
    padding:20px 48px 50px 48px;

    background:linear-gradient(
        180deg,
        #f4f4f4 0%,
        #e7e7e7 100%
    );
}

.home-salon-container {
    max-width: 1460px;
    margin: 0 auto;
}

.home-salon__wrap{
    max-width:1500px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:100px;
    align-items:center;
}

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

.home-salon__eyebrow{
    display:block;

    margin-bottom:18px;

    color:#b7a486;
    font-size:14px;
    line-height:1.2;
    text-transform:uppercase;
}

.home-salon__content h2{
    margin:0 0 26px;

    color:#111;

    font-size:50px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
}

.home-salon__content p{
    margin:0 0 14px;

    color:#7a829d;
    font-size:18px;
    line-height:1.45;
}



@media (max-width: 991px) {
    .home-salon-container {
        margin: 0 20px;
        padding: 0;
    }
}



@media (max-width:1024px){
.home-salon__content h2 {
    font-size: 36px;
}
}


@media (max-width:768px){

    .home-salon{
        padding:40px 0 30px;
    }
	
    .home-salon-container {
        margin: 0 15px;
    }	

    .home-salon__wrap{
        display:flex;
        flex-direction:column;
        gap:0;
    }

    .home-salon__image{
        order:1;
        width:100%;
        margin-bottom:42px;
    }

    .home-salon__content{
        order:2;
        width:100%;
    }

    .home-salon__eyebrow{
        margin-bottom:16px;
        font-size:14px;
        line-height:1.1;
    }

    .home-salon__content h2{
        margin-bottom:18px;

        font-size:28px;
        line-height:.95;
    }

    .home-salon__content p{
        font-size:16px;
        line-height:1.4;
    }


}


@media (max-width:300px){
.home-salon__content h2 {
    font-size: 19px;
}
}






.about-today{
    padding:60px 0;
}

.about-today__wrap{
    max-width:1500px;
    margin:0 auto;
padding: 0 20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:100px;
    align-items:center;
}

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

.about-today__content h2{
    margin:0 0 30px;

    color:#111;
    font-size:50px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
}

.about-today__content p{
    margin:0 0 18px;

    color:#7a829d;
    font-size:18px;
    line-height:1.42;
}

.about-today__content p:last-child{
    margin-bottom:0;
}



@media (max-width:1024px){
.about-today__content h2 {
    font-size: 36px;
}
}



@media (max-width:768px){

    .about-today{
        padding:20px 15px 50px;
    }

    .about-today__wrap{
		padding: 0;
        display:flex;
        flex-direction:column;
        gap:0;
    }

    .about-today__image{
        order:1;
        width:100%;
        margin-bottom:42px;
    }

    .about-today__content{
        order:2;
        width:100%;
    }

    .about-today__content h2{
        margin-bottom:18px;

        font-size:28px;
        line-height:.95;
    }

    .about-today__content p{
        margin-bottom:16px;

        font-size:16px;
        line-height:1.4;
    }
}


@media (max-width:300px){
.about-today__content h2 {
    font-size: 19px;
}
}















.product-detail {
    background: #fff;
}

.product-detail__wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 20px 20px 0px;
    display: grid;
    grid-template-columns: minmax(0, 620px) minmax(0, 1fr);
    column-gap: 55px;
    align-items: start;
}

/* GALERIJA */

.product-detail__gallery {
    min-width: 0;
}

.product-detail__single-image,
.product-gallery-swiper {
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-detail__single-image img,
.product-gallery-swiper img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 760px;
    object-fit: contain;
}

.product-gallery-swiper .swiper-wrapper,
.product-gallery-swiper .swiper-slide {
    min-height: 600px;
}

.product-gallery-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Swiper strelice */

.product-gallery-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    background-color: rgba(245,242,237,0.85);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    transform: translateY(-50%);
    cursor: pointer;
}

.product-gallery-arrow--prev {
    left: 18px;
    background-image: url("../images/arrow-left-dark.png");
}

.product-gallery-arrow--next {
    right: 18px;
    background-image: url("../images/arrow-right-dark.png");
}

.product-gallery-arrow.swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
}


.product-image-loader--first {
    width: 100%;
    height: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/loading.gif") center center no-repeat;
    background-size: 240px 240px;
}

.product-image-loader--first.is-loaded {
    background-image: none;
}

.product-image-loader--first img {
    opacity: 0;
    transition: opacity 0.25s ease;
}

.product-image-loader--first.is-loaded img {
    opacity: 1;
}

/* INFO */

.product-detail__brand {
    margin-bottom: 8px;
    font-size: 16px;
    color: #AD9D85;
    text-transform: uppercase;
}

.product-detail__title {
    margin: 0 0 20px;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
}

.product-detail__rating-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.product-detail__stars {
    color: #b6a58b;
    font-size: 21px;
    letter-spacing: 1px;
    white-space: nowrap;
}

.post-action{
    display: flex;
	align-items: center;
}

.product-detail__rating-text {
    padding-left: 12px;
    border-left: 1px solid #ddd;
    color: #6B6560;
    font-size: 16px;
    margin: 0 0 0 6px;	
}

.post_p .br-theme-fontawesome-stars .br-widget {
    margin-top: 0px;
    height: 30px;
	display: flex;
    align-items: center;
}

.product-detail__stock {
    margin-left: auto;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.product-detail__stock-icon {
    line-height: 1;
    font-weight: 700;
}

.product-detail__stock--in {
    color: #0CC20F;
}

.product-detail__stock--in .product-detail__stock-icon {
    font-size: 17px;
}

.product-detail__stock--out {
    color: #888;
}

.product-detail__stock--out .product-detail__stock-icon {
    font-size: 24px;
    color: #999;
}

.product-detail__stock--order {
    color: #888;
}

.product-detail__stock--order .product-detail__stock-icon {
    font-size: 12px;
    color: #999;
}



.product-detail__price-area {
    position: relative;
    min-height: 105px;
    padding-top: 16px;
}

.product-detail__price {
    margin-top: 0;
    padding-right: 100px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.product-detail__old-price {
    font-size: 21px;
    line-height: 1.2;
    color: #111;
    text-decoration: line-through;
    font-weight: 400;
}

.old-price-strike {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    text-decoration: none;
}

.old-price-strike::after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 48%;
    height: 1px;
    background: currentColor;
    transform: translateY(-50%);
    pointer-events: none;
}

.old-price-currency {
    font-size: 0.8em;
}

.product-detail__new-price {
    font-size: 23px;
    line-height: 1.2;
    color: #111;
    font-weight: 700;
}

.product-detail__badges {
    position: absolute;
    top: 16px;
    right: 0;
    margin-top: 0;
    display: flex;
    justify-content: flex-end;
    gap: 22px;
}

.product-detail__badges img {
    width: 82px;
    height: auto;
    display: block;
}

.product-detail__meta {
    margin-top: 10px;
    color: #777;
    font-size: 16px;
}

.product-detail__meta p {
    margin: 0 0 14px;
}

.product-detail__meta strong {
    color: #111;
}

.product-detail__description {
    margin-top: 24px;
    max-width: 650px;
    color: #6B6560;
    font-size: 16px;
    line-height: 1.4;
}

/* AKCIJE */

.product-detail__actions {
    margin-top: 32px;
	margin-bottom: 32px;
    width: 100%;
}

.product-detail__actions #kup {
    width: 100%;
}

.product-detail__actions #kup .form0 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
	    position: relative;
}

/* RESET SAMO ZA BROJAČ NA PRODUCT DETAIL STRANI */
.product-detail__actions #kup .product-detail__qty,
.product-detail__actions #kup .product-detail__qty * {
    box-sizing: border-box;
}

/* SPOLJNI OKVIR BROJAČA */
.product-detail__actions #kup .product-detail__qty {
    flex: 0 0 156px !important;
    width: 156px !important;
    height: 50px !important;
    display: grid !important;
    grid-template-columns: 54px 48px 54px !important;
    border: 1px solid #111 !important;
    border-radius: 30px !important;
    background: #fff !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* MINUS I PLUS */
.product-detail__actions #kup .product-detail__qty input.minus,
.product-detail__actions #kup .product-detail__qty input.plus {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #111 !important;
    font-family: Arial, sans-serif !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* MINUS POSEBNO */
.product-detail__actions #kup .product-detail__qty input.minus {
    border-left: 0 !important;
    border-right: 1px solid #ddd !important;
    font-size: 38px !important;
    padding-bottom: 5px !important;
}

/* PLUS POSEBNO */
.product-detail__actions #kup .product-detail__qty input.plus {
    border-left: 1px solid #ddd !important;
    border-right: 0 !important;
    font-size: 30px !important;
    padding-bottom: 0px !important;
}

/* BROJ U SREDINI */
.product-detail__actions #kup .product-detail__qty input.qty {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #111 !important;
    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* HOVER */
.product-detail__actions #kup .product-detail__qty input.minus:hover,
.product-detail__actions #kup .product-detail__qty input.plus:hover {
    background: #f7f4ef !important;
}

/* DUGMAD */

.product-detail__actions .product-detail__buy-now,
.product-detail__actions .product-detail__add-cart {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 50px;
    padding: 0 20px;
    margin: 0;
    border-radius: 30px;
    font-size: 19px;
    font-weight: 900;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}


.product-detail__actions .product-detail__buy-now {
    background: #fff;
    color: #111;
    border: 1px solid #111;
}

.product-detail__actions .product-detail__add-cart {
    background: #b7a88e;
    color: #fff;
    border: 1px solid #b7a88e;
}

.product-detail__actions .product-detail__buy-now:hover {
    background: #111;
    color: #fff;
}

.product-detail__actions .product-detail__add-cart:hover {
    background: #a9997f;
    border-color: #a9997f;
}

.product-detail__actions #kup .form-nema-lager {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}

.product-detail__actions #kup .form-nema-lager .product-detail__qty {
    flex: 0 0 156px;
    width: 156px;
}

/* Kad nema KUPI ODMAH, DODAJ U KORPU ide desno */
.product-detail__actions #kup .form-nema-lager .product-detail__add-cart {
    margin-left: auto;
    flex: 0 0 calc((100% - 156px - 24px) / 2 - 6px);
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}


@media (max-width: 1400px) {
	
.product-detail__actions #kup .form0 {
    gap: 5px;

}	
	
.product-detail__actions #kup .product-detail__qty {
    flex: 0 0 140px !important;
    width: 140px !important;
    height: 48px !important;
    grid-template-columns: 48px 38px 48px !important;
}


.product-detail__actions .product-detail__buy-now, .product-detail__actions .product-detail__add-cart {
    height: 48px;
    padding: 0 10px;

    border-radius: 30px;
    font-size: 16px;
    font-weight: 900;
    line-height: 48px;

}




.product-detail__actions #kup .product-detail__qty input.minus {
    font-size: 34px !important;
    padding-bottom: 5px !important;
}


.product-detail__actions #kup .product-detail__qty input.plus {
    font-size: 26px !important;
    padding-bottom: 0px !important;
}

/* BROJ U SREDINI */
.product-detail__actions #kup .product-detail__qty input.qty {

    font-size: 18px !important;
    font-weight: 800 !important;

}
	
}	


/* TABLET / MANJI DESKTOP: od 992px do 1199px */
@media (max-width: 1199px) and (min-width: 992px) {
	
    .product-detail__actions #kup .form0 {
        gap: 1px;
    }	
	
.product-detail__actions .product-detail__buy-now, .product-detail__actions .product-detail__add-cart {
    height: 48px;
    padding: 0;

    border-radius: 30px;
    font-size: 14px;
    font-weight: 800;


}	

    .product-detail__wrap {
        grid-template-columns: minmax(0, 500px) minmax(0, 1fr);
        column-gap: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-detail__single-image,
    .product-gallery-swiper {
        min-height: 520px;
    }

    .product-gallery-swiper .swiper-wrapper,
    .product-gallery-swiper .swiper-slide {
        min-height: 520px;
    }

    .product-detail__single-image img,
    .product-gallery-swiper img {
        max-height: 650px;
    }

    .product-detail__title {
        font-size: 26px;
    }

    .product-detail__badges {
        gap: 14px;
    }

    .product-detail__badges img {
        width: 72px;
    }

    .product-detail__actions {
        flex-wrap: wrap;
    }
}


@media (max-width: 991px) {

    .product-detail {
        padding-bottom: 5px;
    }

    .product-detail__wrap {
        display: flex;
        flex-direction: column;
        padding: 18px 0px 10px;
		padding-left: 14px;
        padding-right: 14px;
    }

    .product-detail__info {
        display: contents;
    }

    .product-detail__brand {
        order: 1;
        width: 100%;
        font-size: 15px;
        margin-bottom: 6px;
    }

    .product-detail__title {
        order: 2;
        width: 100%;
        font-size: 26px;
        line-height: 1.05;
        margin: 0 0 16px;
    }

    .product-detail__rating-row {
        order: 3;
        width: 100%;
        gap: 8px;
        padding: 10px 0;
        flex-wrap: wrap;
    }

    .product-detail__stars {
        font-size: 20px;
        letter-spacing: 0;
    }

    .product-detail__rating-text {
        font-size: 13px;
        padding-left: 8px;
    }
	
    .product-detail__price-area {
        order: 4;
        width: 100%;
        min-height: auto;
        padding-top: 0;
    }	

    .product-detail__price {
        padding-right: 0;
        margin: 14px 0 16px;
        font-size: 18px;
    }
	
    .product-detail__actions {
        order: 6;
        width: 100%;
        min-width: 0;
    margin-top: 10px;
    margin-bottom: 20px;		
    }	

    .product-detail__gallery {
        order: 7;
        width: 100%;
        min-width: 0;
    }
	

    .product-detail__single-image,
    .product-gallery-swiper {
        width: 100%;
        min-height: 430px;
    }

    .product-gallery-swiper .swiper-wrapper,
    .product-gallery-swiper .swiper-slide {
        min-height: 430px;
    }
	
.product-detail__rating-text {

    font-size: 15px;
	
}

    #slicice {
        order: 8;
        width: 100%;
        position: static;
        margin-top: 15px;
    }

    #prikaziLink	{
        order: 9;
        width: 100%;
        position: static;
        margin-top: 15px;
    }

    .product-gallery-swiper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-detail__single-image img,
    .product-gallery-swiper img {
        width: 100%;
        height: 100%;
        max-height: 430px;
        object-fit: contain;
    }

    .product-gallery-arrow {
        width: 40px;
        height: 40px;
    }

    .product-gallery-arrow--prev {
        left: 8px;
    }

    .product-gallery-arrow--next {
        right: 8px;
    }
	
    .product-image-loader--first {
        min-height: 430px;
    }	

    .product-detail__badges {
        position: static;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;		
        padding: 0 6px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 14px;
    }

    .product-detail__badges img {
        width: 90px;
        max-width: none;
    }

    .product-detail__meta {
        order: 5;
        width: 100%;
        margin-top: 0px;
        font-size: 17px;
    }

    .product-detail__description {
        order: 9;
        width: 100%;
    }
	
	
	
	
@media (max-width: 575px) {
	
.product-detail__badges {
	justify-content: flex-start;
    display: flex;
    align-items: center;
     flex-wrap: wrap;	

    }
	
.product-detail__badges img {
    width: 76px;
    height: auto;
}	
	
	
}	
	
	
	
.product-detail__actions #kup .form0 {
    gap: 3px;

}	
	
.product-detail__actions #kup .product-detail__qty {
    flex: 0 0 130px !important;
    width: 130px !important;
    height: 44px !important;
    grid-template-columns: 44px 38px 44px !important;
}


.product-detail__actions .product-detail__buy-now, .product-detail__actions .product-detail__add-cart {
    height: 44px;
    padding: 0 10px;

    border-radius: 30px;
    font-size: 15px;
    font-weight: 900;
    line-height: 44px;

}




.product-detail__actions #kup .product-detail__qty input.minus {
    font-size: 30px !important;
    padding-bottom: 5px !important;
}


.product-detail__actions #kup .product-detail__qty input.plus {
    font-size: 24px !important;
    padding-bottom: 0px !important;
}

/* BROJ U SREDINI */
.product-detail__actions #kup .product-detail__qty input.qty {

    font-size: 17px !important;
    font-weight: 800 !important;

}	
	
	
	
	

}






@media (max-width: 480px) {

    .product-detail__actions {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 999999 !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 8px 10px 10px !important;

        background: #fff !important;
        box-shadow: 0 -4px 12px rgba(0,0,0,0.14) !important;
        overflow: visible !important;
    }

    .product-detail__actions #kup {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .product-detail__actions #kup .form0,
    .product-detail__actions #kup .form-nema-lager {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;

        background: transparent !important;
        overflow: visible !important;
    }
	
    .product-detail__actions #kup .form0 > label:has(> img#loader) {
        display: block !important;
        position: absolute !important;
        position-anchor: --dodaj-u-korpu;

        left: anchor(center);
        top: anchor(center);
        transform: translate(-50%, -50%);

        width: 34px;
        height: 34px;
        margin: 0 !important;
        padding: 0 !important;

        z-index: 100 !important;
        pointer-events: none;
    }

    .product-detail__actions #kup .form0 > label > img#loader {
        position: static !important;
        width: 34px !important;
        height: auto !important;
        margin: 0 !important;
        transform: none !important;
    }	
	
.product-detail__actions #kup .form-nema-lager .product-detail__add-cart {

    width: 100% !important;

}		

    .product-detail__actions #kup .product-detail__buy-now,
    .product-detail__actions #kup .product_detail__buy-now {
        display: none !important;
    }

    .product-detail__actions #kup label,
    .product-detail__actions #kup .kor {
        display: none !important;
    }

    .product-detail__actions #kup .product-detail__add-cart,
    .product-detail__actions #kup .product_detail__add-cart {
        order: 1 !important;

        display: block !important;
        width: 100% !important;
        height: 38px !important;
        flex: 0 0 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #b7a88e !important;
        border-radius: 5px !important;
        background: #b7a88e !important;
        color: #fff !important;

        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 36px !important;
        text-align: center !important;
        text-transform: uppercase !important;

        box-shadow: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .product-detail__actions #kup .product-detail__qty {
        order: 2 !important;

        width: 132px !important;
        height: 34px !important;
        flex: 0 0 34px !important;

        display: grid !important;
        grid-template-columns: 38px 56px 38px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        border: 1px solid #b7a88e !important;
        border-radius: 5px !important;
        background: #fff !important;
        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    .product-detail__actions #kup .product-detail__qty input.minus,
    .product-detail__actions #kup .product-detail__qty input.plus {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-top: 0 !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;

        background: #fff !important;
        color: #111 !important;

        font-weight: 400 !important;
        line-height: 1 !important;
        text-align: center !important;

        box-shadow: none !important;
        outline: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;

        box-sizing: border-box !important;
    }

    .product-detail__actions #kup .product-detail__qty input.minus {
        border-left: 0 !important;
        border-right: 1px solid #b7a88e !important;
        font-size: 25px !important;
        padding-bottom: 3px !important;
    }

    .product-detail__actions #kup .product-detail__qty input.plus {
        border-left: 1px solid #b7a88e !important;
        border-right: 0 !important;
        font-size: 22px !important;
        padding-bottom: 1px !important;
    }

    .product-detail__actions #kup .product-detail__qty input.qty {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: #fff !important;
        color: #8f713f !important;

        font-size: 17px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-align: center !important;

        box-shadow: none !important;
        outline: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;

        box-sizing: border-box !important;
    }
	
	
    body[data-pagetype="productpage"] .site-footer	 {
        padding-bottom: 125px !important;
    }	
	
.product-detail__description {
    font-size: 15px;
}
}








@media (max-width: 450px) {
    .product-detail__rating-row {
        flex-wrap: wrap;
    }

.product-detail__stock {
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 6px;
    font-size: 14px;

}

.product-detail__stock-icon {
    line-height: 1;
    font-weight: 700;
}

.product-detail__stock--in {
    color: #0CC20F;
}

.product-detail__stock--in .product-detail__stock-icon {
    font-size: 17px;
}

.product-detail__stock--out {
    color: #888;
}

.product-detail__stock--out .product-detail__stock-icon {
    font-size: 18px;
    color: #999;
}

.product-detail__stock--order {
    color: #888;
}

.product-detail__stock--order .product-detail__stock-icon {
    font-size: 10px;
    color: #aaa;
}



}








.proiz .accordion-button {
    font-size: 23px;
    font-weight: 700;
    text-transform: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 0 8px;
    color: #111;
}

.accordion-item.proiz {
    color: #6B6560;
    font-size: 16px;
    line-height: 1.4;
}

.proiz .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;	
    margin-left: 5px;
}



@media (max-width: 480px) {
.accordion-item.proiz {
    font-size: 15px;
}

.proiz .accordion-button {
    font-size: 18px;
}

}








/* ===== MOŽDA ĆE VAS ZANIMATI PROIZVODI ===== */

.mozdaProductsSwiper {
  visibility: hidden;
}

.mozdaProductsSwiper.swiper-initialized {
  visibility: visible;
}

.mozda-products {
  padding: 70px 0 40px;
  background: #fff;
}

.mozda-products-wrap {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.mozda-products-section {
  position: relative;
}

.mozda-products-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}

.mozda-products-heading {
  min-width: 0;
}

.mozda-products-heading h2 {
  margin: 0 0 4px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #111;
}

.mozda-products-heading p {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 400;
  color: #8a90a8;
}

.mozda-products-arrows {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 20;
}

.mozda-products-arrows button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  box-shadow: none;
  border-radius: 0;
  font-size: 0;
  color: transparent;
}

.mozda-products-arrows button:hover {
  opacity: 1;
}

.mozda-products-arrows button.swiper-button-disabled {
  opacity: 0.65;
  cursor: default;
  pointer-events: none;
}

.mozda-products-prev {
  background-image: url('../images/arrow-left-dark.png');
}

.mozda-products-next {
  background-image: url('../images/arrow-right-dark.png');
}

.mozda-products-arrows button.swiper-button-disabled.mozda-products-prev {
  background-image: url('../images/arrow-left-light.png');
}

.mozda-products-arrows button.swiper-button-disabled.mozda-products-next {
  background-image: url('../images/arrow-right-light.png');
}

.mozdaProductsSwiper {
  width: 100%;
  overflow: hidden;
  margin-left: -3px;
  margin-right: -3px;
  padding-bottom: 0;
}

.mozdaProductsSwiper .swiper-wrapper {
  align-items: stretch;
}

.mozdaProductsSwiper .swiper-slide {
  height: auto !important;
  box-sizing: border-box;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 20px;
}

.mozdaProductsSwiper .swiper-slide > * {
  height: 100%;
}

.mozda-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
}

.mozda-product-image-link {
  display: block;
  position: relative;
  z-index: 1;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid #e5e5e5;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  aspect-ratio: 3 / 4;
  margin-bottom: 10px;
}

.mozda-product-image-link:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.mozda-product-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.25s ease;
}




.mozda-product-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: #111;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 4px;
  pointer-events: none;
 text-transform: uppercase;
}

.mozda-product-brand {
  margin: 0 0 2px;
  min-height: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  color: #111;
}

.mozda-product-title {
  display: block;

  height: calc(1.1em * 2);
  overflow: hidden;

  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.1;

  color: #7f859d;
  text-decoration: none;
  word-break: break-word;
}

.mozda-product-title:hover {
  color: #111;
  text-decoration: none;
}




.mozda-product-prices {
  margin-top: 0px;
  display: flex;
  align-items: normal;
  justify-content: left;
  gap: 6px;
  text-align: left;
}

.mozda-product-price-current {
  font-size: 16px;
  font-weight: 700;
  color: #111;
}

.mozda-product-price-old {
  font-size: 16px;
  font-weight: 400;
  color: #43454e;
  text-decoration: line-through;
}

@media (max-width: 768px) {
  .mozda-products {
    padding: 40px 0 20px;
  }

  .mozda-products-wrap {
    padding-left: 14px;
    padding-right: 14px;
  }

  .mozda-products-header {
    margin-bottom: 16px;
    gap: 10px;
  }

  .mozda-products-heading h2 {
    font-size: 20px;
  }

  .mozda-products-arrows button {
    width: 38px;
    height: 38px;
    background-size: 24px;
  }

  .mozdaProductsSwiper {
    margin-left: -2px;
    margin-right: -2px;
  }

  .mozdaProductsSwiper .swiper-slide {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 14px;
  }

  .mozda-product-image-link {
    margin-bottom: 8px;
  }

  .mozda-product-brand {
    min-height: 16px;
    font-size: 14px;
  }

  .mozda-product-title {
    min-height: 0 !important;
    max-height: none !important;
    height: 30px !important;
    overflow: hidden !important;
    line-height: 15px !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }


  
  .mozda-product-prices {
    flex-direction: column;
    gap: 0;              /* skroz zbijeno */
  }

  .mozda-product-price-old,
  .mozda-product-price-current {
    line-height: 1.2;    /* dodatno sabijanje */
  } 

  .mozda-product-price-current {
    font-size: 16px;
  }

  .mozda-product-price-old {
    font-size: 16px;
  }
}


/* ===== HOVER IMAGE (desktop only) ===== */
@media (hover: hover) {
  .mozda-product-image-link:hover .img-main {
    opacity: 0;
  }

  .mozda-product-image-link:hover .img-hover {
    opacity: 1;
  }
}








/* ===== SLIČNI PROIZVODI ===== */

.slicniProductsSwiper {
  visibility: hidden;
}

.slicniProductsSwiper.swiper-initialized {
  visibility: visible;
}

.slicni-products {
  padding: 70px 0 40px;
  background: #fff;
}

.slicni-products-wrap {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.slicni-products-section {
  position: relative;
}

.slicni-products-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}

.slicni-products-heading {
  min-width: 0;
}

.slicni-products-heading h2 {
  margin: 0 0 4px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #111;
}

.slicni-products-heading p {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 400;
  color: #8a90a8;
}

.slicni-products-arrows {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 20;
}

.slicni-products-arrows button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  box-shadow: none;
  border-radius: 0;
  font-size: 0;
  color: transparent;
}

.slicni-products-arrows button:hover {
  opacity: 1;
}

.slicni-products-arrows button.swiper-button-disabled {
  opacity: 0.65;
  cursor: default;
  pointer-events: none;
}

.slicni-products-prev {
  background-image: url('../images/arrow-left-dark.png');
}

.slicni-products-next {
  background-image: url('../images/arrow-right-dark.png');
}

.slicni-products-arrows button.swiper-button-disabled.slicni-products-prev {
  background-image: url('../images/arrow-left-light.png');
}

.slicni-products-arrows button.swiper-button-disabled.slicni-products-next {
  background-image: url('../images/arrow-right-light.png');
}

.slicniProductsSwiper {
  width: 100%;
  overflow: hidden;
  margin-left: -3px;
  margin-right: -3px;
  padding-bottom: 0;
}

.slicniProductsSwiper .swiper-wrapper {
  align-items: stretch;
}

.slicniProductsSwiper .swiper-slide {
  height: auto !important;
  box-sizing: border-box;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 20px;
}

.slicniProductsSwiper .swiper-slide > * {
  height: 100%;
}

.slicni-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
}

.slicni-product-image-link {
  display: block;
  position: relative;
  z-index: 1;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid #e5e5e5;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  aspect-ratio: 3 / 4;
  margin-bottom: 10px;
}

.slicni-product-image-link:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.slicni-product-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.25s ease;
}




.slicni-product-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: #111;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 4px;
  pointer-events: none;
 text-transform: uppercase;
}

.slicni-product-brand {
  margin: 0 0 2px;
  min-height: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  color: #111;
}

.slicni-product-title {
  display: block;

  height: calc(1.1em * 2);
  overflow: hidden;

  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.1;

  color: #7f859d;
  text-decoration: none;
  word-break: break-word;
}

.slicni-product-title:hover {
  color: #111;
  text-decoration: none;
}




.slicni-product-prices {
  margin-top: 0px;
  display: flex;
  align-items: normal;
  justify-content: left;
  gap: 6px;
  text-align: left;
}

.slicni-product-price-current {
  font-size: 16px;
  font-weight: 700;
  color: #111;
}

.slicni-product-price-old {
  font-size: 16px;
  font-weight: 400;
  color: #43454e;
  text-decoration: line-through;
}

@media (max-width: 768px) {
  .slicni-products {
    padding: 40px 0 20px;
  }

  .slicni-products-wrap {
    padding-left: 14px;
    padding-right: 14px;
  }

  .slicni-products-header {
    margin-bottom: 16px;
    gap: 10px;
  }

  .slicni-products-heading h2 {
    font-size: 20px;
  }

  .slicni-products-arrows button {
    width: 38px;
    height: 38px;
    background-size: 24px;
  }

  .slicniProductsSwiper {
    margin-left: -2px;
    margin-right: -2px;
  }

  .slicniProductsSwiper .swiper-slide {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 14px;
  }

  .slicni-product-image-link {
    margin-bottom: 8px;
  }

  .slicni-product-brand {
    min-height: 16px;
    font-size: 14px;
  }

  .slicni-product-title {
    min-height: 0 !important;
    max-height: none !important;
    height: 30px !important;
    overflow: hidden !important;
    line-height: 15px !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }


  
  .slicni-product-prices {
    flex-direction: column;
    gap: 0;              /* skroz zbijeno */
  }

  .slicni-product-price-old,
  .slicni-product-price-current {
    line-height: 1.2;    /* dodatno sabijanje */
  } 

  .slicni-product-price-current {
    font-size: 16px;
  }

  .slicni-product-price-old {
    font-size: 16px;
  }
}


/* ===== HOVER IMAGE (desktop only) ===== */
@media (hover: hover) {
  .slicni-product-image-link:hover .img-main {
    opacity: 0;
  }

  .slicni-product-image-link:hover .img-hover {
    opacity: 1;
  }
}












.product-doplate {
    margin-top: 25px;
}



.product-doplata-kategorija {
    margin-bottom: 25px;
}

.product-doplata-kategorija-title {
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 600;
	color:#111111;
}

.product-doplata-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.product-doplata-option {
    width: 130px;
    height: 200px;	
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    text-align: center;
}

.product-doplata-option:hover {
    border-color: #999;
}

.product-doplata-image {
    display: flex;
    height: 90px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.product-doplata-image img {
    display: block;
    max-width: 100%;
    max-height: 90px;
    object-fit: contain;
}

.product-doplata-name,
.product-doplata-price {
    display: block;
}

.product-doplata-name {
    min-height: 38px;
    font-size: 14px;
    color:#111111;
	font-weight: 600;	
}

.product-doplata-price {
    margin-top: 5px;
    font-size: 14px;
    color:#111111;	
    font-weight: 600;
}









.product-doplata-option.is-selected {
    border: 2px solid #222;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}

.product-doplata-specifikacija {
    margin-top: 25px;
    padding-top: 18px;
    border-top: 1px solid #ddd;
}

.product-doplata-spec-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 6px 0;
	font-size: 18px;
    color:#111111;	
    font-weight: 600;	
}

.product-doplata-spec-total {
    margin-top: 8px;
 padding-bottom: 25px;	
    padding-top: 12px;
    border-top: 1px solid #ddd;
    font-size: 20px;
}




@media (max-width: 480px) {
	
.product-doplata-options {
    gap: 6px;
}	
	
	
.product-doplata-option {
    width: 95px;
    height: 220px;	
    padding: 2px;
}

}



























.naslov-h1 {
    margin: 20px 0 10px;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
}


@media (max-width: 767px) {
	
.naslov-h1 {

    font-size: 26px;

}	
	
}



/* =========================================================
   PROIZVODI U KORPI
   ========================================================= */

.cart-header {
    position: relative;
    margin: 0 !important;
    padding: 20px 0;
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: #fff;
}

.cart-header .cart-sec {
    position: relative;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    column-gap: 20px;
    align-items: center;
    padding-right: 55px;
}

/* Slika proizvoda */

.cart-header .cart-item.cyc {
    float: none !important;
    width: 160px;
    height: 200px;
    margin: 0 !important;
    padding: 0;
    border: 1px solid #dedede;
    background: #fff;
    overflow: hidden;
}

.cart-header .cart-item.cyc a {
    display: block;
    width: 100%;
    height: 100%;
}

.cart-header .cart-item.cyc img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    object-fit: contain;
    box-sizing: border-box;
}

/* Središnji deo */

.cart-header .cart-item-info {
    float: none !important;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
}

.cart-header .cart-item-info > .row {
    display: grid;
        grid-template-columns:
            55%
            128px
            minmax(170px, 1fr) !important;
    column-gap: 35px !important;
    align-items: center;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.cart-header .cart-item-info > .row > div {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.cart-header .cart-item-info > .row > div:nth-child(2),
.cart-header .cart-item-info > .row > div:nth-child(3) {
    padding-top: 0 !important;
}

/* Naziv proizvoda */

.cart-header .cart-item-info h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #111;
}

.cart-header .cart-item-info h3 > a {
    color: #111;
    text-decoration: none;
}

.cart-header .cart-item-info h3 > a:hover {
    color: #111;
    text-decoration: underline;
}

/* Šifra proizvoda */

.cart-header .cart-item-info h3 span {
    display: block;
    margin-top: 3px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
}

.cart-header .cart-item-info h3 span a {
    color: #74809a;
    text-decoration: none;
}

/* Jedinična cena */

.cart-header .cart-item-info > .row > div:first-child > h4 {
    margin: 14px 0 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #111;
}

.cart-header .cart-item-info h4 span {
    font-size: inherit;
    font-weight: inherit;
}

.cart-header .cart-item-info h4 del {
    color: #777;
    font-weight: 400;
}

.cart-header .cart-item-info p {
    display: none;
}

/* =========================================================
   KOLIČINA
   ========================================================= */

.cart-header .k-1 {
    float: none !important;
    width: 128px;
    margin: 0 !important;
}

.cart-header .form4,
.cart-header .form5 {
    margin: 0;
}

.cart-header .quantity.buttons_added {
    display: grid;
    grid-template-columns: 42px 44px 42px;
    width: 128px;
    height: 43px;
    margin: 0;
    padding: 0;
    border: 1px solid #151515;
    border-radius: 23px;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

.cart-header .quantity.buttons_added input {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 41px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #fff;
    color: #111;
    text-align: center;
    box-shadow: none !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

.cart-header .quantity.buttons_added .minus,
.cart-header .quantity.buttons_added .plus {
    font-size: 22px;
    font-weight: 300;
    line-height: 41px;
    cursor: pointer;
}

.cart-header .quantity.buttons_added .qty {
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 700;
    line-height: 41px;
}

.cart-header .quantity.buttons_added .minus:hover,
.cart-header .quantity.buttons_added .plus:hover {
    background: #f5f5f5;
}

/* Ukupna cena proizvoda */

.cart-header .cart-item-info > .row > div:nth-child(3) {
    text-align: right;
}

.cart-header .cart-item-info .h444,
.cart-header .cart-item-info .h445 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
    color: #111;
    white-space: nowrap;
    text-align: right !important;
}


.cart-header .cart-item-info > .row > div:nth-child(2) {
    position: relative;
}

/* =========================================================
   DUGME ZA BRISANJE
   X se crta CSS-om, postojeći input i JS ostaju isti
   ========================================================= */

.cart-header .form5 {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
}

.cart-header .close1 {
    position: relative;
    width: 25px;
    height: 25px;
    margin: 0 !important;
    cursor: pointer;
}

.cart-header .close1::before,
.cart-header .close1::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 2px;
    width: 21px;
    height: 2px;
    border-radius: 2px;
    background: #73809a;
    pointer-events: none;
    transition: background-color 0.2s ease;
}

.cart-header .close1::before {
    transform: rotate(45deg);
}

.cart-header .close1::after {
    transform: rotate(-45deg);
}

.cart-header .close1:hover::before,
.cart-header .close1:hover::after {
    background: #111;
}

.cart-header .close1 input[type="image"] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}

/* Nepotreban clearfix unutar stavke */

.cart-header .cart-sec > .clearfix {
    display: none;
}



/* =========================================================
   KORPA – NOVI MOBILNI RASPORED
   ========================================================= */

@media (max-width: 1199px) {

    .cart-header {
        position: relative !important;
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 20px 0 !important;

        border: 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
        background: #fff !important;
    }

    .cart-header .cart-sec {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;

        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        row-gap: 0 !important;
        background: #fff !important;
        box-sizing: border-box !important;
		border-bottom: none !important;		
    }

    /*
     * Posredni elementi se uklanjaju iz rasporeda,
     * ali njihov sadržaj ostaje vidljiv.
     */

    .cart-header .cart-item-info,
    .cart-header .cart-item-info > .row {
        display: contents !important;
    }

    /* =====================================================
       1. SLIKA
       ===================================================== */

    .cart-header .cart-item.cyc {
        position: static !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;

        display: block !important;
        float: none !important;

        width: 160px !important;
        height: 200px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #dedede !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    .cart-header .cart-item.cyc a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    .cart-header .cart-item.cyc img {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 8px !important;

        object-fit: contain !important;
        box-sizing: border-box !important;
    }

    /* =====================================================
       2, 3 i 4. NAZIV, ŠIFRA I POJEDINAČNA CENA
       ===================================================== */

    .cart-header .cart-item-info > .row > div:nth-child(1) {
        position: static !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: stretch !important;

        display: block !important;
        float: none !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 16px 0 0 !important;

        text-align: left !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    /* Naziv */

    .cart-header .cart-item-info h3 {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: left !important;
        color: #111 !important;

        transform: none !important;
    }

    .cart-header .cart-item-info h3 > a {
        display: block !important;
        color: #111 !important;
        text-decoration: none !important;
    }

    /* Šifra – poseban red */

    .cart-header .cart-item-info h3 span {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 100% !important;

        margin: 7px 0 0 !important;
        padding: 0 !important;

        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    .cart-header .cart-item-info h3 span a {
        display: block !important;
        color: #74809a !important;
        text-decoration: none !important;
    }

    /* Pojedinačna cena – poseban red */

    .cart-header .cart-item-info > .row > div:nth-child(1) > h4 {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 100% !important;

        margin: 10px 0 0 !important;
        padding: 0 !important;

        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        text-align: left !important;
        color: #111 !important;

        transform: none !important;
    }

    /* =====================================================
       5. BROJČANIK – NOVI RED
       ===================================================== */

    .cart-header .cart-item-info > .row > div:nth-child(2) {
        position: relative !important;
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;

        display: block !important;
        float: none !important;

        width: 202px !important;
        height: 40px !important;

        margin: 18px 0 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    .cart-header .k-1 {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 202px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .cart-header .quantity.buttons_added {
        position: static !important;
        display: grid !important;
        grid-template-columns: 54px 92px 54px !important;

        float: none !important;

        width: 202px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #151515 !important;
        border-radius: 21px !important;
        background: #fff !important;
        overflow: hidden !important;

        box-sizing: border-box !important;
        transform: none !important;
    }

    .cart-header .quantity.buttons_added input {
        width: 100% !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .cart-header .quantity.buttons_added .minus,
    .cart-header .quantity.buttons_added .plus {
        font-size: 27px !important;
        font-weight: 300 !important;
        line-height: 38px !important;
    }

    .cart-header .quantity.buttons_added .qty {
        border-right: 1px solid #e0e0e0 !important;
        border-left: 1px solid #e0e0e0 !important;

        font-size: 21px !important;
        font-weight: 700 !important;
        line-height: 38px !important;
    }

    /* =====================================================
       6. UKUPNA CENA – NOVI RED
       ===================================================== */

    .cart-header .cart-item-info > .row > div:nth-child(3) {
        position: static !important;
        grid-column: 1 !important;
        grid-row: 4 !important;
        justify-self: stretch !important;

        display: block !important;
        float: none !important;

        width: 100% !important;

        margin: 16px 0 0 !important;
        padding: 0 !important;

        text-align: right !important;
        transform: none !important;
    }

    .cart-header .cart-item-info .h444,
    .cart-header .cart-item-info .h445 {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        text-align: left !important;
        white-space: nowrap !important;
        color: #111 !important;

        transform: none !important;
    }

    /* =====================================================
       X – GORE DESNO, U ISTOM REDU SA SLIKOM
       ===================================================== */

    .cart-header .form5 {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        z-index: 10 !important;

        width: 27px !important;
        height: 27px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    .cart-header .close1 {
        position: relative !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;

        width: 27px !important;
        height: 27px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    .cart-header .close1::before,
    .cart-header .close1::after {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;

        width: 24px !important;
        height: 2px !important;

        margin: 0 !important;
        background: #73809a !important;
        transform-origin: center !important;
    }

    .cart-header .close1::before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .cart-header .close1::after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    .cart-header .close1 input[type="image"] {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 0 !important;
        cursor: pointer !important;
    }

    .cart-header .cart-item-info p,
    .cart-header .cart-sec > .clearfix {
        display: none !important;
    }
}





@media (min-width: 1200px) {

    .cart-header {
        position: relative !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 20px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
        background: #fff !important;
    }

    .cart-header .cart-sec {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 100px minmax(0, 1fr) !important;
        column-gap: 20px !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 125px !important;
        height: auto !important;

        /* Bitno: poništava stari vertikalni padding */
        padding: 0 85px 0 0 !important;
        margin: 0 !important;

        background: #fff !important;
        box-sizing: border-box !important;
		border-bottom: none !important;
    }

    /* Slika */

    .cart-header .cart-item.cyc {
        position: static !important;
        grid-column: 1 !important;

        float: none !important;
        clear: none !important;

        width: 100px !important;
        height: 125px !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #dedede !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    .cart-header .cart-item.cyc a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    .cart-header .cart-item.cyc img {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 8px !important;

        object-fit: contain !important;
        box-sizing: border-box !important;
    }

    /* Informacije, količina i ukupna cena */

    .cart-header .cart-item-info {
        position: static !important;
        grid-column: 2 !important;

        display: block !important;
        float: none !important;

        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
        box-sizing: border-box !important;
    }

    .cart-header .cart-item-info > .row {
        position: static !important;
        display: grid !important;



        column-gap: 35px !important;
        align-items: center !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        direction: ltr !important;
        box-sizing: border-box !important;
    }

    .cart-header .cart-item-info > .row > div {
        position: static !important;
        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
        box-sizing: border-box !important;
    }

    /* Eksplicitno određujemo redosled kolona */

    .cart-header .cart-item-info > .row > div:nth-child(1) {
        grid-column: 1 !important;
        justify-self: stretch !important;
        text-align: left !important;
    }

    .cart-header .cart-item-info > .row > div:nth-child(2) {
        grid-column: 2 !important;
        justify-self: start !important;
        text-align: left !important;
    }

    .cart-header .cart-item-info > .row > div:nth-child(3) {
        grid-column: 3 !important;

        text-align: right !important;
    }

    /* Naziv */

    .cart-header .cart-item-info h3 {
        position: static !important;
        display: block !important;
        float: none !important;
        clear: none !important;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        color: #111 !important;

        transform: none !important;
    }

    .cart-header .cart-item-info h3 > a {
        display: inline !important;
        color: #111 !important;
    }

    /* Šifra */

    .cart-header .cart-item-info h3 span {
        position: static !important;
        display: block !important;
        float: none !important;

        width: auto !important;
        margin: 3px 0 0 !important;
        padding: 0 !important;

        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
        text-align: left !important;
    }

    .cart-header .cart-item-info h3 span a {
        color: #74809a !important;
    }

    /* Jedinična cena ispod naziva */

    .cart-header .cart-item-info > .row > div:nth-child(1) > h4 {
        position: static !important;
        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        height: auto !important;

        margin: 14px 0 0 !important;
        padding: 0 !important;

        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: left !important;
        color: #111 !important;

        transform: none !important;
    }

    /* Količina */

    .cart-header .k-1 {
        position: static !important;
        display: block !important;
        float: none !important;

        width: 128px !important;
        height: 43px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    .cart-header .quantity.buttons_added {
        position: static !important;
        display: grid !important;
        grid-template-columns: 42px 44px 42px !important;

        float: none !important;
        width: 128px !important;
        height: 43px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    /* Ukupna cena */

    .cart-header .cart-item-info .h444,
    .cart-header .cart-item-info .h445 {
        position: static !important;
        display: block !important;
        float: none !important;
        clear: none !important;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        text-align: right !important;
        white-space: nowrap !important;
        color: #111 !important;

        transform: none !important;
    }

    /* Brisanje */

    .cart-header .form5 {
        position: absolute !important;
        top: 50% !important;
        right: 15px !important;
        left: auto !important;

        width: 25px !important;
        height: 25px !important;

        margin: 0 !important;
        transform: translateY(-50%) !important;
    }
}




@media (min-width: 1200px) {

    .cart-header .form5 {
        position: absolute !important;
        top: 50% !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        width: 25px !important;
        height: 25px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;
    }

    .cart-header .close1 {
        position: relative !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;

        width: 25px !important;
        height: 25px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    .cart-header .close1::before,
    .cart-header .close1::after {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;

        width: 21px !important;
        height: 2px !important;

        margin: 0 !important;
        background: #73809a !important;
        transform-origin: center !important;
    }

    .cart-header .close1::before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .cart-header .close1::after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }
}











/* =========================================================
   UKLONI SVE / NASTAVI KUPOVINU
   ========================================================= */
   
.cart-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 22px !important;

    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
}

/* Oba kontejnera imaju potpuno istu visinu */

.cart-actions .form6,
.cart-actions .button11 {
    display: flex !important;
    align-items: center !important;

    width: auto !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 20px !important;
    vertical-align: initial !important;
}

/* Ukloni sve */

.cart-actions .button110 {
    display: block !important;

    width: auto !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-transform: none !important;
    text-decoration: underline !important;

    color: #666 !important;
    cursor: pointer !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Nastavi kupovinu */

.cart-actions .button11 a {
    display: block !important;

    width: auto !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-transform: none !important;
    text-decoration: underline !important;

    color: #b09b7d !important;
}   

.form6 {
    position: static !important;
    display: inline-block !important;
    float: none !important;

    width: auto !important;
    height: auto !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;

    vertical-align: middle !important;
    background: transparent !important;
}

/* UKLONI SVE */

.form6 .button110 {
    position: static !important;
    display: inline-block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-transform: none !important;
    text-decoration: underline !important;

    color: #666 !important;
    cursor: pointer !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

/* NASTAVI KUPOVINU */

.button11 {
    position: static !important;
    display: inline-block !important;
    float: none !important;

    width: auto !important;
    height: auto !important;

    margin: 14px 0 0 22px !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    vertical-align: middle !important;
    background: transparent !important;
    box-shadow: none !important;
}

.button11 a {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-transform: none !important;
    text-decoration: underline !important;

    color: #b09b7d !important;
}

/* Hover */

.form6 .button110:hover {
    color: #111 !important;
}

.button11 a:hover {
    color: #806d54 !important;
}












/* =========================================================
   PREGLED PORUDŽBINE – KOMPLETAN CSS
   ========================================================= */

.cart-total {
    position: relative !important;
    display: flow-root !important;
    float: none !important;
    clear: both !important;

    width: 540px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 0 auto !important;
    padding: 21px 27px 27px !important;

    border: 1px solid #dedede !important;
    background: #fff !important;

    font-family: inherit !important;
    text-align: left !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NASLOV KARTICE
   ========================================================= */

.cart-total::before {
    content: "PREGLED PORUD\00017DBINE";

    position: static !important;
    display: block !important;

    width: 100% !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    font-family: inherit !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;

    color: #111 !important;
}


/* =========================================================
   REDOVI I NAZIVI
   ========================================================= */

.cart-total > span {
    position: static !important;
    display: inline-block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-align: left !important;

    color: #74809a !important;

    box-sizing: border-box !important;
    transform: none !important;
}


/* =========================================================
   VREDNOSTI SA DESNE STRANE
   ========================================================= */

.cart-total > span.total {
    position: static !important;
    display: block !important;
    float: right !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-align: right !important;
    white-space: nowrap !important;

    color: #111 !important;
}


/* Strong ne treba da menja izgled običnih naziva */

.cart-total > span.to strong {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    color: inherit !important;
}


/* Precrtana stara cena */


.cart-total > span.total.to:has(del) {
    display: block !important;
    float: right !important;
    clear: right !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-align: right !important;
    white-space: nowrap !important;

    color: #888 !important;
}

/* Sprečava prelamanje stare cene */

.cart-total > span.total.to:has(del) del {
    display: inline !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    white-space: nowrap !important;

    color: inherit !important;
}

/* Prava cena koja dolazi odmah posle precrtane */

.cart-total > span.total.to:has(del) + span.total.to {
    display: block !important;
    float: right !important;
    clear: right !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-align: right !important;
    white-space: nowrap !important;

    color: #111 !important;
}


/* =========================================================
   PRELOMI I RAZDELNA LINIJA
   ========================================================= */

.cart-total > br {
    display: block !important;
    clear: both !important;

    width: 100% !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    content: "";
}

.cart-total .price-details {
    position: static !important;
    display: block !important;
    clear: both !important;
    float: none !important;

    width: 100% !important;
    height: 1px !important;

    margin: 5px 0 22px !important;
    padding: 0 !important;

    border: 0 !important;
    background: #dedede !important;
}

.cart-total > .clearfix {
    display: block !important;
    clear: both !important;
    float: none !important;

    width: 100% !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   POSLEDNJI RED – TOTAL
   ========================================================= */

.cart-total > span.to:nth-last-of-type(2),
.cart-total > span.total.to:last-of-type {
    margin-top: 9px !important;
    line-height: 36px !important;
}

.cart-total > span.total.to:last-of-type {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111 !important;
}

.cart-total > span.total.to:last-of-type strong {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.cart-total .total-item {
    display: none !important;
}


/* =========================================================
   ZAVRŠI KUPOVINU
   ========================================================= */

.cart-total #kup-2 {
    position: static !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 26px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    text-align: center !important;

    box-sizing: border-box !important;
    transform: none !important;
}


/* Sakrivanje stare ikonice korpe */

.cart-total #kup-2 .kor {
    display: none !important;
}


/* Spoljni element dugmeta */

.cart-total #kup-2 .button15 {
    position: static !important;
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: none !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 27px !important;

    background: #b5a287 !important;
    box-shadow: none !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
    transition: background-color 0.2s ease !important;
}


/* Link unutar dugmeta */

.cart-total #kup-2 .button15 a {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;

    width: 100% !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 27px !important;

    background: transparent !important;
    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;

    color: #fff !important;

    box-sizing: border-box !important;
}


/* Hover */

.cart-total #kup-2 .button15:hover {
    background: #9f8b70 !important;
}

.cart-total #kup-2 .button15 a:hover,
.cart-total #kup-2 .button15 a:focus {
    color: #fff !important;
    text-decoration: none !important;
}


/* =========================================================
   MOBILNI I TABLET PRIKAZ
   ========================================================= */

@media (max-width: 1199px) {
	
    .product-detail__price {
display: grid !important;
    }	
	
	.product-doplate {
    order: 8 !important;
	width: 100% !important;
}

    .cart-total {
        width: 100% !important;
        max-width: none !important;

        margin: 20px 0 0 !important;
        padding: 14px 19px 18px !important;
    }

    .cart-total::before {
        margin-bottom: 22px !important;

        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .cart-total > span,
    .cart-total > span.total {
        font-size: 16px !important;
        line-height: 32px !important;
    }

    .cart-total > span.total.to:last-of-type {
        font-size: 22px !important;
        line-height: 36px !important;
    }

    .cart-total #kup-2 {
        width: 100% !important;
        margin: 26px 0 0 !important;
        padding: 0 !important;
    }

    .cart-total #kup-2 .button15,
    .cart-total #kup-2 .button15 a {
        width: 100% !important;
        height: 52px !important;
    }
}


/* =========================================================
   VEOMA USKI TELEFONI
   ========================================================= */

@media (max-width: 360px) {

    .cart-total {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .cart-total::before {
        font-size: 21px !important;
    }

    .cart-total > span,
    .cart-total > span.total {
        font-size: 15px !important;
    }

    .cart-total > span.total.to:last-of-type {
        font-size: 20px !important;
    }

    .cart-total #kup-2 .button15 a {
        font-size: 16px !important;
    }
}




@media (max-width: 480px) {
    #kup-2 {
       box-shadow: 2px 5px 8px 15px rgba(0, 0, 0, .0) !important;

    }
}









/* =========================================================
   DOPLATE U GLAVNOJ KORPI
   ========================================================= */

.cart-product-addons {
    position: relative;

    width: 100%;
    margin: 20px 0 0;
    padding: 5px 0 0 95px;

    border-top: 1px solid #e5e5e5;

    box-sizing: border-box;
}

.cart-product-addon {
    position: relative;
    display: grid;

    grid-template-columns:
        80px
        minmax(0, 1fr)
        170px
        55px;

    column-gap: 20px;
    align-items: center;

    width: 100%;
    min-height: 110px;

    margin: 0;
    padding: 10px 0;

    background: #fafafa;

    box-sizing: border-box;
}

/* Razmak između više doplata */

.cart-product-addon + .cart-product-addon {
    border-top: 1px solid #e5e5e5;
}


/* =========================================================
   SLIKA DOPLATE
   ========================================================= */

.cart-product-addon-image {
    display: block;

    width: 90px;
    height: 90px;

    margin: 0;
    padding: 0;

    border: 1px solid #dedede;
    background: #fff;

    overflow: hidden;
    box-sizing: border-box;
}

.cart-product-addon-image img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 6px;

    object-fit: contain;
    box-sizing: border-box;
}


/* =========================================================
   PODACI DOPLATE
   ========================================================= */

.cart-product-addon-info {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.cart-product-addon-name {
    margin: 0;
    padding: 0;

    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;

    color: #111;
}

.cart-product-addon-code {
    margin-top: 4px;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;

    color: #74809a;
}

.cart-product-addon-unit-price {
    margin-top: 10px;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;

    color: #111;
}


/* =========================================================
   UKUPNA CENA DOPLATE
   ========================================================= */

.cart-product-addon-total {
    min-width: 0;

    margin: 0;
    padding: 0;

    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    text-align: right;
    white-space: nowrap;

    color: #111;
}


/* =========================================================
   X DOPLATE
   ========================================================= */

.cart-product-addon > .delete-item {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;

    width: 25px !important;
    height: 25px !important;

    margin: 0 15px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: #73809a !important;
    cursor: pointer !important;

    transform: none !important;
}

.cart-product-addon > .delete-item i {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    color: inherit !important;
}

.cart-product-addon > .delete-item:hover {
    color: #111 !important;
}


/* =========================================================
   MOBILNI I TABLET PRIKAZ
   ========================================================= */

@media (max-width: 1199px) {

    .cart-product-addons {
        margin-top: 20px;
        padding: 20px 0 0;

        border-top: 1px solid #e5e5e5;
    }

    .cart-product-addon {
        grid-template-columns:
            80px
            minmax(0, 1fr)
            27px;

        grid-template-rows: auto auto;

        column-gap: 15px;
        row-gap: 0;

        min-height: 0;

        margin: 0;
        padding: 10px 0;

        background: #fafafa;
    }

    .cart-product-addon + .cart-product-addon {
        margin-top: 12px;
    }

    .cart-product-addon-image {
        grid-column: 1;
        grid-row: 1;

        width: 80px;
        height: 80px;
    }

    .cart-product-addon-info {
        grid-column: 2;
        grid-row: 1;

        align-self: center;
    }

    .cart-product-addon-name {
        font-size: 15px;
    }

    .cart-product-addon-code {
        font-size: 14px;
    }

    .cart-product-addon-unit-price {
        margin-top: 9px;
        font-size: 17px;
    }

    .cart-product-addon-total {
        grid-column: 1 / -1;
        grid-row: 2;

        margin-top: 15px;

        font-size: 20px;
        text-align: left;
    }

    .cart-product-addon > .delete-item {
        grid-column: 3;
        grid-row: 1;

        align-self: start !important;
        justify-self: end !important;

        width: 27px !important;
        height: 27px !important;

        margin: 0 !important;
    }

    .cart-product-addon > .delete-item i {
        font-size: 21px !important;
    }
}




.cart-product-addon > .close1 {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    grid-column: 4 !important;
    justify-self: end !important;
    align-self: center !important;

    float: none !important;

    width: 25px !important;
    height: 25px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

@media (max-width: 1199px) {

    .cart-product-addon > .close1 {
        grid-column: 3 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: start !important;

        margin: 0 !important;
    }
}
























/* =========================================================
   KAKO PORUČITI – KOMPLETAN CSS
   ========================================================= */


/* =========================================================
   SEKCIJA I GRADIENT PREKO CELOG EKRANA
   ========================================================= */

.how-to-order {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 40px 0 0 0;
    padding: 0;

    border-image: linear-gradient(
        to bottom,
        #eeeeee 0%,
        #f6f6f6 50%,
        #e6e6e6 calc(100% - 1px),
        #000000 calc(100% - 1px),
        #000000 100%
    ) fill 0 / / 0 100vw;
}


/* Normalna širina sadržaja sajta */

.how-to-order__inner {
    position: relative;

    width: calc(100% - 10px);
    max-width: 1460px;
    min-height: 740px;

    margin: 0 auto;
    padding: 60px 0 60px;
}


/* =========================================================
   NASLOV
   ========================================================= */

.how-to-order__title {
    position: relative;
    z-index: 3;

    width: max-content;
    max-width: 100%;

    margin: 0;
    padding: 0;

    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;

    color: #0b0b0b;
}


/* =========================================================
   SLIKA
   ========================================================= */

/* Veća slika, počinje iznad naslova */

.how-to-order__image {
    position: absolute;
    top: 67px;
    right: 0;
    bottom: auto;
    z-index: 1;

    width: min(70%, 1050px);
    height: auto;

    margin: 0;
    padding: 0;

    pointer-events: none;
}

.how-to-order__image img {
    display: block;

    width: 100%;
    max-width: none;
    height: auto;

    margin: 0;
    padding: 0;
}


/* =========================================================
   KORACI
   ========================================================= */

/* Koraci su takođe iznad slike */

.how-to-order__steps {
    position: relative;
    z-index: 3;

    display: grid;
    grid-template-columns: minmax(0, 760px);
    row-gap: 24px;

    width: 760px;
    max-width: 100%;

    margin: 38px 0 0;
    padding: 0;
}


/* Jedan korak */

.how-to-order__step {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    align-items: center;

    width: 100%;
    min-height: 99px;

    margin: 0;
    padding: 18px 27px 18px 0;

    background: rgba(255, 255, 255, 0.96);
}


/* Broj koraka */

.how-to-order__number {
    display: flex;
    align-items: center;

    width: 100%;
    height: 60px;

    margin: 0;
    padding: 0 0 0 20px;

    border-right: 1px solid #dedede;


    font-size: 48px;
    font-weight: 700;
    line-height: 1;

    color: #b6a588;
}


/* Tekst koraka */

.how-to-order__text {
    margin: 0;
    padding: 0 0 0 28px;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;

    color: #727e9b;
}

.how-to-order__text strong {
    font-weight: 700;
    color: inherit;
}


.how-to-order__title,
.how-to-order__steps {
    position: relative;
    z-index: 3;
}

/* =========================================================
   MANJI DESKTOP I TABLET
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .how-to-order__inner {
        width: calc(100% - 40px);
        min-height: 680px;

        padding-top: 70px;
        padding-bottom: 50px;
    }

    .how-to-order__title {
        font-size: 50px;
    }

    .how-to-order__steps {
        width: 650px;
        margin-top: 34px;

        row-gap: 20px;
    }

    .how-to-order__step {
        grid-template-columns: 95px minmax(0, 1fr);

        padding-right: 22px;
    }

    .how-to-order__number {
        padding-left: 16px;
        font-size: 44px;
    }

    .how-to-order__text {
        padding-left: 22px;
        font-size: 15px;
    }

    .how-to-order__image {
        right: 0;
        width: 68%;
    }
}


/* =========================================================
   MOBILNI PRIKAZ
   ========================================================= */

@media (max-width: 991px) {



    .how-to-order__inner {
        width: 100%;
        max-width: none;
        min-height: 0;

        margin: 0;
        padding: 0 20px 30px;
    }

    /*
     * Rezervisan prostor za naslov i sliku.
     */

    .how-to-order__inner::before {
        content: "";

        display: block;

        width: 100%;
        height: 330px;
    }

    .how-to-order__title {
        position: absolute;
        top: 47px;
        left: 20px;
        z-index: 3;

        width: 155px;
        max-width: 155px;

        margin: 0;

        font-size: 29px;
        line-height: 0.96;
        letter-spacing: -1px;
    }

    .how-to-order__image {
        top: 45px;
        right: -155px;
        bottom: auto;
        z-index: 1;

        width: 560px;
        max-width: none;
    }

    .how-to-order__steps {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        row-gap: 12px;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;
    }

    .how-to-order__step {
        display: block;

        width: 100%;
        min-height: 0;

        margin: 0;
        padding: 20px;

        background: #fff;
    }

    .how-to-order__number {
        display: block;

        width: 100%;
        height: auto;

        margin: 0;
        padding: 0;

        border: 0;

        font-size: 38px;
        line-height: 1;
    }

    .how-to-order__text {
        margin: 19px 0 0;
        padding: 0;

        font-size: 15px;
        line-height: 1.4;
    }
}


/* =========================================================
   MOBILNI TELEFONI DO 420 PX
   ========================================================= */

@media (max-width: 420px) {

    .how-to-order__inner::before {
        height: 330px;
    }

    .how-to-order__image {
        top: 45px;
        right: -160px;

        width: 550px;
    }
}


/* =========================================================
   VEOMA USKI TELEFONI
   ========================================================= */

@media (max-width: 360px) {

    .how-to-order__inner {
        padding-right: 15px;
        padding-left: 15px;
    }

    .how-to-order__title {
        left: 15px;
        font-size: 27px;
    }

    .how-to-order__image {
        right: -175px;
        width: 535px;
    }

    .how-to-order__step {
        padding: 18px;
    }

    .how-to-order__number {
        font-size: 38px;
    }

    .how-to-order__text {
        font-size: 14px;
    }
}




@media (max-width: 1199px) {

    .how-to-order__inner {
        position: relative;

        width: 100%;
        max-width: none;
        min-height: 0;

        margin: 0;
        padding: 45px 0px 30px;

        box-sizing: border-box;
    }

    /* Uklanjamo raniji prazan prostor za apsolutnu sliku */

    .how-to-order__inner::before {
        display: none;
        content: none;
    }

    /* Naslov ide prvi */

    .how-to-order__title {
        position: relative;
        top: auto;
        left: auto;
        right: auto;

        z-index: 3;

        width: 100%;
        max-width: none;

        margin: 0 0 40px 0;
        padding: 0;

        font-size: 28px;
        line-height: 1;
        letter-spacing: -1px;
    }

    .how-to-order__image {
        display: none;
    }

    .how-to-order__image img {
        display: block;

        width: 100%;
        max-width: 100%;
        height: auto;

        margin: 0 auto;
    }

    /* Koraci ostaju ispod slike */

    .how-to-order__steps {
        position: relative;
        z-index: 3;

        display: grid;
        grid-template-columns: minmax(0, 1fr);
        row-gap: 12px;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }

    .how-to-order__step {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}











.checkout-final {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 40px;
    align-items: start;
}

.checkout-final__left,
.checkout-final__right {
    min-width: 0;
}

.desni-pad {
padding-right:15px !important;
}

@media (max-width: 991px) {
    .checkout-final {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }
	
.desni-pad {
padding-right:0px !important;
}
	
}







.checkout-benefits {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    justify-content: space-between;
    align-items: center;
    gap: 30px;

    width: 100%;
    padding: 18px 0;
	    border-top: 1px solid #dedede !important;
	    border-bottom: 1px solid #dedede !important;		
}

.checkout-benefit {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.checkout-benefit img {
    display: block;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.checkout-benefit span {
    color: #706a66;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .checkout-benefits {
        grid-template-columns: 1fr;
        justify-content: initial;
        gap: 15px;
    }
}



.registration_form .news-cap-2 {
    margin: 30px 0px 30px 0px;
    padding: 10px 20px !important;
	border: 1px solid #dedede !important;
    background-color: #fff !important;
}


@media (max-width: 767px) {
.registration_form .news-cap-2 {
    margin: 30px 0px 30px 0px;
    padding: 0px !important;
	border: none !important;
    background-color: #fff !important;
}
}





.registration_form input[type="submit"].signup-reg {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;

    width: 100% !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 27px !important;


    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;

    color: #fff !important;

    box-sizing: border-box !important;
}




.checkout-security {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
border-top: 1px solid #dedede !important;
padding-top:25px;
padding-bottom:25px;		
}

.checkout-security__item {
    display: flex;
    align-items: center;
    gap: 11px;
}

.checkout-security__item img {
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.checkout-security__item span {
    color: #706a66;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}



.free-delivery {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 5px 0;
}

.free-delivery .fa {
    flex: 0 0 auto;
    color: #ad9d84;
    font-size: 21px;
}


.delivery-pricelist {
    margin: 0;
}

.delivery-pricelist .cenovnici-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.delivery-pricelist .cenovnici-link .fa {
    flex: 0 0 auto;
    color: #ad9d84;
    font-size: 19px;
}



.s-box{
padding-top:10px !important;
}






.arrow-right-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
}