:root{--border-radius:4px;--border-radius2x:8px;--default:#2d2d2d;--primary:#00A651;--primary-100:#008d45;--primary-200:#00803e;--primary-300:#007338;--primary--100:#00c05d;--primary--200:#00cc64;--primary--300:#00d96a;--primary-rgba-0:#00a65100;--primary-rgba-10:#00a6511a;--primary-rgba-20:#00a65133;--primary-rgba-30:#00a6514d;--primary-rgba-40:#00a65166;--primary-rgba-50:#00a65180;--primary-rgba-60:#00a65199;--primary-rgba-70:#00a651b3;--primary-rgba-80:#00a651cc;--primary-rgba-90:#00a651e6;--secondary:#FFF200;--secondary-100:#e6da00;--secondary-200:#d9ce00;--secondary-300:#ccc200;--secondary--100:#fff31a;--secondary--200:#fff426;--secondary--300:#fff533;--secondary-rgba-0:#fff20000;--secondary-rgba-10:#fff2001a;--secondary-rgba-20:#fff20033;--secondary-rgba-30:#fff2004d;--secondary-rgba-40:#fff20066;--secondary-rgba-50:#fff20080;--secondary-rgba-60:#fff20099;--secondary-rgba-70:#fff200b3;--secondary-rgba-80:#fff200cc;--secondary-rgba-90:#fff200e6;--tertiary:#000;--tertiary-100:#000;--tertiary-200:#000;--tertiary-300:#000;--tertiary--100:#0d0d0d;--tertiary--200:#131313;--tertiary--300:#1a1a1a;--tertiary-rgba-0:#0000;--tertiary-rgba-10:#0000001a;--tertiary-rgba-20:#0003;--tertiary-rgba-30:#0000004d;--tertiary-rgba-40:#0006;--tertiary-rgba-50:#00000080;--tertiary-rgba-60:#0009;--tertiary-rgba-70:#000000b3;--tertiary-rgba-80:#000c;--tertiary-rgba-90:#000000e6;--quaternary:#B3B3B3;--quaternary-100:#a6a6a6;--quaternary-200:#a0a0a0;--quaternary-300:#9a9a9a;--quaternary--100:silver;--quaternary--200:#c6c6c6;--quaternary--300:#ccc;--quaternary-rgba-0:#b3b3b300;--quaternary-rgba-10:#b3b3b31a;--quaternary-rgba-20:#b3b3b333;--quaternary-rgba-30:#b3b3b34d;--quaternary-rgba-40:#b3b3b366;--quaternary-rgba-50:#b3b3b380;--quaternary-rgba-60:#b3b3b399;--quaternary-rgba-70:#b3b3b3b3;--quaternary-rgba-80:#b3b3b3cc;--quaternary-rgba-90:#b3b3b3e6;--dark:#212529;--dark-100:#16181b;--dark-200:#101214;--dark-300:#0a0c0d;--dark--100:#2c3237;--dark--200:#32383e;--dark--300:#383f45;--dark-rgba-0:#21252900;--dark-rgba-10:#2125291a;--dark-rgba-20:#21252933;--dark-rgba-30:#2125294d;--dark-rgba-40:#21252966;--dark-rgba-50:#21252980;--dark-rgba-60:#21252999;--dark-rgba-70:#212529b3;--dark-rgba-80:#212529cc;--dark-rgba-90:#212529e6;--light:#FFF;--light-100:#f2f2f2;--light-200:#ececec;--light-300:#e6e6e6;--light--100:#fff;--light--200:#fff;--light--300:#fff;--light-rgba-0:#fff0;--light-rgba-10:#ffffff1a;--light-rgba-20:#fff3;--light-rgba-30:#ffffff4d;--light-rgba-40:#fff6;--light-rgba-50:#ffffff80;--light-rgba-60:#fff9;--light-rgba-70:#ffffffb3;--light-rgba-80:#fffc;--light-rgba-90:#ffffffe6;--primary-inverse:#FFF;--secondary-inverse:#777;--tertiary-inverse:#FFF;--quaternary-inverse:#777;--dark-inverse:#FFF;--light-inverse:#777;--grey:#969696;--grey-100:#f4f4f4;--grey-200:#eaeaea;--grey-300:#e5e5e5;--grey-400:#e0e0e0;--grey-500:#dbdbdb;--grey-600:#cecece;--grey-700:#c1c1c1;--grey-800:#a8a8a8;--grey-900:#8e8e8e;--grey-1000:#757575}.less-error-message ul,.less-error-message li{list-style-type:none;padding:4px 0;margin:0}.less-error-message label{font-size:12px;margin-right:15px;padding:4px 0;color:#c77}.less-error-message pre{color:#d66;padding:4px 0;margin:0;display:inline-block}.less-error-message pre.line{color:red}.less-error-message h3{font-size:20px;font-weight:700;padding:15px 0 5px;margin:0}.less-error-message a{color:#10a}.less-error-message .error{color:red;font-weight:700;padding-bottom:2px;border-bottom:1px dashed red}

html {  font-size: 16px; font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;}
body{letter-spacing: normal;font-size: 16px;font-weight: 400;  font-size: 1rem;  line-height: 24px;  color: var(--default);   font-family: "Public Sans", sans-serif;  font-optical-sizing: auto;  font-style: normal; }
p {font-style: normal;  color: #2d2d2d;}
  
h1, h2, h3, h4, h5, h6 { font-optical-sizing: auto;  font-style: normal;color: var(--primary)}
h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem}h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem}h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem}h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem}h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem}h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem}

a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--secondary) ;}
a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--primary);}

.make-relative {position: relative}
.clear{clear:both;height:0}.clear10{clear:both;height:10px}.clear15{clear:both;height:15px}.clear20{clear:both;height:20px}.clear30{clear:both;height:30px}.clear40{clear:both;height:40px}.clear50{clear:both;height:50px}.clear60{clear:both;height:60px}
section.section {background: transparent;}
.card-body {color: var(--default);}
.galerija-detaljna .masonry-item {  margin-bottom: 15px;  width: 24% !important;}

#header .header-body,  html.sticky-header-active #header .header-body {  border-bottom-color: rgba(0,0,0,0.05);  box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.06);  transition: box-shadow .3s ease, border-color .3s ease;}
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {color: var(--default); }

@media (min-width: 992px) and (min-width: 1200px) {
  #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a { padding: 0 1.5rem;    text-transform: uppercase;  }
}

#footer{background:#181a20;color:#ccd0d6;font-size:1rem;line-height:1.6;--default:#e3e6ea;--footer-link-hover:#f1eb0b}
#footer .footer-copy{background:#121318}
#footer .footer-copy-text{color:#b6bbc2}
#footer .footer-sep{color:#8a9099}
#footer h1,#footer h2,#footer h3{color:#f1eb0b;letter-spacing:.2px;margin-bottom:.5rem}
#footer h1{font-size:1.5rem;font-weight:800}
#footer h2{font-size:1.25rem;font-weight:700}
#footer h3{font-size:1.125rem;font-weight:700}
#footer .footer-heading{color:#f1eb0b;font-size:1.125rem;font-weight:700;letter-spacing:.2px}
#footer .footer-subheading{color:#e3e6ea;font-size:1.05rem;font-weight:600;margin:0 0 .35rem}
#footer .footer-text{color:#ccd0d6;font-size:1rem}
#footer .footer-list{font-size:1rem;margin:0;padding:0;list-style:none}
#footer .footer-list li{margin-bottom:.45rem}
#footer i{font-size:1.05rem;vertical-align:middle}
#footer .btn-primary{background-color:var(--primary);border-color:var(--primary)}
#footer .btn-primary:hover{filter:brightness(0.95)}
#footer .btn-outline-light{color:#e3e6ea;border-color:#ffffff59}
#footer .btn-outline-light:hover{color:#000;background:#fff}
#footer .btn-dark{background:#0f0f12;border-color:#0f0f12}
#footer .btn-dark:hover{filter:brightness(1.15)}
#footer .footer-products .footer-list{font-size:1.025rem}
#footer a:not(.btn):not(.no-footer-css){color:var(--default);transition:color .12s ease-in-out,text-decoration-color .12s ease-in-out;text-decoration:none}
#footer a:not(.btn):not(.no-footer-css):hover{color:var(--footer-link-hover);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:2px}
#footer a:not(.btn):not(.no-footer-css):focus-visible{outline:2px dashed var(--footer-link-hover);outline-offset:2px;border-radius:2px}
#footer a:not(.btn):not(.no-footer-css):active{color:#fff}
#footer a:not(.btn):not(.no-footer-css):visited{color:var(--default);opacity:.98}

#footer .footer-copyright{background:#181a20}
.footer-cols-3{columns:3;column-gap:2rem}
@media (max-width: 991.98px) {
.footer-cols-3{columns:1}
}
.footer-cols-3 li{break-inside:avoid}
.no-margin-top {margin-top: 0 !important}

#page-header.page-header--light{position:relative;overflow:hidden;padding:2rem 0 2.4rem;background:linear-gradient(180deg,var(--primary-200,#00803e) 0%,var(--primary,#00A651) 100%);border:0;box-shadow:0 12px 28px #0000001f;color:#fff}
#page-header.page-header--light::before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1'%3E%3Cpath d='M0 44 H600 M0 88 H600 M0 132 H600 M0 176 H600' opacity='.45'/%3E%3Cpath d='M60 0 V220 M120 0 V220 M180 0 V220 M240 0 V220 M300 0 V220' opacity='.45'/%3E%3Ccircle cx='470' cy='70' r='22' opacity='.6'/%3E%3Crect x='360' y='120' width='160' height='10' rx='2' opacity='.75'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right -8% top -18%;background-size:clamp(360px,44vw,680px) auto}
#page-header .container{position:relative;z-index:1}
#page-header .breadcrumb{  --bs-breadcrumb-divider: "›";  font-size: .95rem;  margin-bottom: .75rem !important;}
#page-header .breadcrumb .breadcrumb-item a{  color: rgba(255,255,255,.9);  text-decoration: none;}
#page-header .breadcrumb .breadcrumb-item a:hover{ color: #fff;  text-decoration: underline;  text-decoration-color: rgba(255,255,255,.65);}
#page-header .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color: var(--secondary, #FFF200);}
#page-header .breadcrumb .breadcrumb-item.active{  color: #fff;  opacity: 1;}
#page-header .page-title{ color:#fff;  font-weight: 800;  line-height: 1.15;  letter-spacing: .2px;  margin: 0 0 .25rem;  font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.4rem);  position: relative;  padding-bottom: .35rem;}
#page-header .page-title::after{  content:"";  position:absolute; left:0; bottom:-.3rem;  width: 72px; height: 3px;  background: var(--secondary, #FFF200);  border-radius: 2px;}
#page-header .page-subtitle{  color: rgba(255,255,255,.9);  font-size: clamp(1rem, .95rem + .4vw, 1.15rem);  margin: 0;}
/* sticky: malo svjetliji gradient da ostane čitljiv dok skrolaš */
html.sticky-header-active #page-header.page-header--light{  background:    linear-gradient(180deg, var(--primary, #00A651) 0%, var(--primary-100, #008d45) 100%);  box-shadow: 0 10px 24px rgba(0,0,0,.12);}

/* Diskretno poravnanje razmaka u kombinaciji s Porto/Bootstrap utility klasama */
#page-header .row.g-3{ --bs-gutter-x: 1rem; --bs-gutter-y: .5rem; }
#page-header .row.g-4{ --bs-gutter-x: 1.25rem; --bs-gutter-y: .75rem; }

.row.row-pgn { display: block;  margin: 2rem 0 0;}
.row.row-pgn > .col {  flex: none !important;  width: 100% !important;    max-width: 100% !important;}

.product-card .card-title{letter-spacing:.1px}
.product-card .object-fit-cover{object-fit:cover}
.product-fallback{background:linear-gradient(180deg,var(--grey-100) 0%,var(--grey-200) 100%)}
.product-card .btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary-100);--bs-btn-hover-border-color:var(--primary-100);--bs-btn-active-bg:var(--primary-200);--bs-btn-active-border-color:var(--primary-200);color:var(--primary-inverse)}
.product-card .btn-outline-dark{--bs-btn-color:var(--dark);--bs-btn-border-color:var(--dark);--bs-btn-hover-bg:var(--dark);--bs-btn-hover-border-color:var(--dark);--bs-btn-hover-color:var(--dark-inverse)}
/* Lagani hover efekt */
.product-card:hover { box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,.08); transform: translateY(-2px); transition: .2s ease; }
.product-fallback{background:linear-gradient(180deg,var(--grey-100,#f4f4f4) 0%,var(--grey-200,#eaeaea) 100%);position:absolute;inset:0}
.product-fallback::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,#0000000d 1px,transparent 0);background-size:16px 16px;opacity:.4}
.fallback-logo{width:44%;max-width:220px;opacity:.6;filter:saturate(0) contrast(1.1) brightness(0.9)}
.card:hover{box-shadow:0 .75rem 1.5rem #0000001f;transform:translateY(-2px);transition:box-shadow .25s ease,transform .25s ease}

.product-fallback{background:linear-gradient(180deg,var(--grey-100) 0%,var(--grey-200) 100%)}
.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary-100);--bs-btn-hover-border-color:var(--primary-100);--bs-btn-active-bg:var(--primary-200);--bs-btn-active-border-color:var(--primary-200);color:var(--primary-inverse)}
.object-fit-cover{object-fit:cover}
#productTabsX .nav-link{color:var(--dark);border:1px solid var(--grey-300);border-bottom:none;background:var(--light)}
#productTabsX .nav-link:hover{background:var(--light-100);border-color:var(--grey-400)}
#productTabsX .nav-link.active{background:var(--primary);border-color:var(--primary);color:var(--primary-inverse)}
#productTabsX{border-bottom:1px solid var(--primary)}

/*Galerija*/
.gal-card{transition:transform .25s ease,box-shadow .25s ease;position:relative}
.gal-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 1.5rem #0000001f}
.gal-figure{background:var(--grey-200)}
.gal-img{transition:transform .5s ease}
.gal-card:hover .gal-img{transform:scale(1.04)}
.gal-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0000008c 0%,#0000 60%);opacity:.96;pointer-events:none}
.gal-title{letter-spacing:.2px}
.gal-cta{color:#ffffffe6;opacity:0;transition:opacity .25s ease}
.gal-card:hover .gal-cta{opacity:1}
.gal-fallback{position:relative;background:linear-gradient(180deg,var(--grey-100),var(--grey-300))}
.gal-fallback::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 40%,var(--grey-400) 0 12px,transparent 13px),linear-gradient(135deg,var(--grey-400) 0 40%,transparent 41%) 60% 65%/40% 40% no-repeat,linear-gradient(0deg,transparent 0 60%,var(--grey-200) 61% 100%);opacity:.6}
.gal-card{position:relative}

/*Dokumenti*/
.accordion-item{border:1px solid var(--grey-300);border-radius:var(--border-radius);overflow:hidden;margin-bottom:.5rem}
.accordion-item:not(:first-of-type){border-top:1px solid var(--grey-300)}
.accordion-button{background-color:#fff;color:var(--default);box-shadow:none}
.accordion-button:hover{background-color:var(--grey-100)}
.accordion-button:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem var(--primary-rgba-30)}
.accordion-button:not(.collapsed){background-color:var(--primary-rgba-10);color:var(--primary);box-shadow:inset 0 -1px 0 var(--grey-300)}
.accordion-item h2{margin-top:0}

.cta-clean{background:#fff;border: 0}
.cta-title{letter-spacing:.2px;line-height:1.15}
.cta-divider{width:72px;height:3px;border-radius:999px;background:var(--primary)}
.btn:focus,.btn:focus-visible{box-shadow:0 0 0 .25rem var(--primary-rgba-30)!important;outline:none}
.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary-100);--bs-btn-hover-border-color:var(--primary-100);color:var(--primary-inverse)}
.map-embed .ratio{height:300px}
@media (min-width: 992px) {
.map-embed .ratio{height:400px}
}
.map-overlay{position:absolute;top:1rem;right:1rem;max-width:280px;z-index:2;background:#fff;border:2px solid var(--primary)}
.map-overlay h3 { color: var(--default); }

.category-list-owl {background: linear-gradient(180deg, var(--grey-100, #f4f4f4) 0%, #fff 60%);padding: 6rem 0;}
.category-list-owl .cat-card{overflow:hidden;position:relative}
.category-list-owl .cat-figure{position:relative;aspect-ratio:3 / 4;background:var(--grey-200)}
.category-list-owl .cat-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.category-list-owl .cat-fallback{position:absolute;inset:0;background:linear-gradient(180deg,#fff,#f4f4f4)}
.category-list-owl .cat-fallback-logo{width:46%;max-width:220px;opacity:.7;filter:saturate(0) contrast(1.05)}
.category-list-owl .cat-grad{position:absolute;inset:0;background:linear-gradient(180deg,var(--primary) 0%,#00a6518c 22%,#00a65126 55%,#00a65100 100%);mix-blend-mode:multiply}
.category-list-owl .cat-copy{position:absolute;inset:0;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:flex-start}
.category-list-owl .cat-title{color:var(--secondary);text-shadow:0 1px 2px #00000040;font-weight:800;line-height:1.2;margin:.25rem 0;font-size:clamp(1rem,0.9rem + 0.6vw,1.25rem)}
.category-list-owl .cat-desc{color:#fff;opacity:.95;margin:0;max-width:28ch;text-shadow:0 1px 2px #00000040;font-size:.95rem}
.category-list-owl .cat-bg{transition:transform .35s ease}
.category-list-owl .cat-card:hover .cat-bg{transform:scale(1.035)}
.category-list-owl .owl-nav-wrapper .owl-prev,.category-list-owl .owl-nav-wrapper .owl-next{width:36px;height:36px;border-radius:999px;background:var(--light);border:1px solid var(--grey-300);display:grid;place-items:center}
.category-list-owl .owl-nav-wrapper .owl-prev:hover,.category-list-owl .owl-nav-wrapper .owl-next:hover{background:var(--primary);color:var(--primary-inverse);border-color:var(--primary)}
.category-list-owl .owl-nav-wrapper .owl-prev::before,.category-list-owl .owl-nav-wrapper .owl-next::before{font-family:"Font Awesome 5 Free";font-weight:900;font-size:.9rem;line-height:1;display:block}
.category-list-owl .owl-nav-wrapper .owl-prev::before{content:"\f104"}
.category-list-owl .owl-nav-wrapper .owl-next::before{content:"\f105"}
.category-list-owl .owl-nav-wrapper .owl-prev,.category-list-owl .owl-nav-wrapper .owl-next{width:36px;height:36px;border-radius:999px;background:var(--light);border:1px solid var(--grey-300);display:flex;align-items:center;justify-content:center;color:var(--dark);transition:all .25s ease}
.category-list-owl .owl-nav-wrapper .owl-prev:hover,.category-list-owl .owl-nav-wrapper .owl-next:hover{background:var(--primary);color:var(--primary-inverse);border-color:var(--primary)}
.category-list-owl .owl-nav-wrapper .owl-prev.disabled,.category-list-owl .owl-nav-wrapper .owl-next.disabled{opacity:.5;pointer-events:none}

.hero-slim-porto .hero-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000059 0%,#00000038 45%,#0000002e 100%);mix-blend-mode:multiply}
.hero-slim-porto .custom-big-text-style-1{font-size:2.6rem;letter-spacing:2px;line-height:1.05;text-shadow:2px 3px 5px #00000073}
@media (max-width: 1199.98px) {
.hero-slim-porto .custom-big-text-style-1{font-size:2.2rem}
}
@media (max-width: 991.98px) {
.hero-slim-porto .custom-big-text-style-1{font-size:2.4rem}
}
.hero-slim-porto .hero-subtitle-slim{max-width:60ch;margin-left:auto;margin-right:auto;opacity:.92;font-size:clamp(1rem,.95rem + .3vw,1.125rem)}
.hero-slim-porto .custom-svg-position-1{position:absolute;top:-30px;left:-80px;width:44vw}
.hero-slim-porto .custom-svg-position-1 > svg{height:4.6vw;min-height:84px}
.hero-slim-porto .owl-nav .owl-prev::before,.hero-slim-porto .owl-nav .owl-next::before{font-family:"Font Awesome 5 Free";font-weight:900;font-size:.9rem;display:block;content:""}
.hero-slim-porto .owl-nav .owl-prev::before{content:"\f104"}
.hero-slim-porto .owl-nav .owl-next::before{content:"\f105"}
.hero-slim-porto .owl-nav .owl-prev,.hero-slim-porto .owl-nav .owl-next{width:36px;height:36px;border-radius:999px;background:#ffffffe6;border:1px solid var(--grey-300);display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.hero-slim-porto .owl-nav .owl-prev:hover,.hero-slim-porto .owl-nav .owl-next:hover{background:var(--primary);color:var(--primary-inverse);border-color:var(--primary)}
.custom-svg-position-1{position:absolute;top:-38px;left:-90px;max-height:none;width:50vw}
.custom-svg-position-1 > svg{height:5.3vw;min-height:96px}

@media (min-width: 1950px) {
	.custom-svg-position-1 {left: -121px;width: 51vw;top: -41px !important;	}
	.custom-svg-position-1 > svg {height: 110px;width: 100%;}
}

.about-portrait{max-width:480px}
.about-portrait .ap-figure{display:inline-block;overflow:hidden;background:#fff;border:1px solid var(--grey-300)}
.about-portrait .ap-corner{position:absolute;width:120px;height:90px;pointer-events:none}
.about-portrait .ap-corner-tr{top:-10px;right:-10px;border-top:3px solid var(--primary);border-right:3px solid var(--primary);border-top-right-radius:var(--border-radius2x)}
.about-portrait .ap-corner-bl{bottom:-10px;left:-10px;border-bottom:3px solid var(--secondary);border-left:3px solid var(--secondary);border-bottom-left-radius:var(--border-radius2x)}

/* Responsivno: smanji kutove na manjim ekranima */
@media (max-width: 575.98px){
  .about-portrait .ap-corner { width: 90px; height: 70px; }
}

/* Suptilan hover efekt (opcija) */
.about-portrait .ap-figure img { transition: transform .35s ease; }
.about-portrait:hover .ap-figure img { transform: scale(1.02); }
.about-material {padding: 7rem 0;  background: linear-gradient(180deg, var(--grey-100, #f4f4f4) 0%, #fff 60%);}

.nc-roadmap{position:relative;overflow:hidden;background-color:var(--primary,#00A651);background-image:linear-gradient(135deg,var(--primary,#00A651) 0%,var(--primary-200,#00803e) 55%,var(--primary-300,#007338) 100%);color:#fff}
.nc-roadmap::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 50% at 25% 20%,var(--secondary,#FFF200) 0%,transparent 60%),radial-gradient(42% 48% at 78% 78%,var(--secondary,#FFF200) 0%,transparent 58%);opacity:.12;z-index:0}
.nc-roadmap > .container,.nc-roadmap > .container-fluid{position:relative;z-index:1;color:inherit}
.nc-rm-steps{display:grid;gap:1.5rem}
@media (min-width: 992px) {
.nc-rm-steps{grid-template-columns:repeat(3,1fr);gap:2rem}
.nc-rm-steps li:nth-child(7){grid-column:1 / -1}
}
.nc-rm-step{background:#ffffff14;border-radius:var(--border-radius2x,8px);padding:1.25rem 1rem 1rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 .25rem .75rem #00000026;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.nc-rm-step:hover{transform:translateY(-3px);box-shadow:0 .75rem 1.5rem #00000040}
.nc-rm-badge{width:38px;height:38px;border-radius:50%;background:var(--secondary,#FFF200);color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;border:2px solid #ffffff59}
.nc-rm-title{font-size:1.05rem;font-weight:700;margin:0 0 .25rem;color:#fff}
.nc-rm-text{font-size:.95rem;margin:0;color:#ffffffe6}
.nc-roadmap header .badge{background:var(--secondary,#FFF200)!important;color:#000!important;border:0}
.nc-roadmap header p{color:#ffffffe6}
.nc-rm-title,.nc-rm-text{text-align:center}

.partner-pill{ background: #fff;  border: 1px solid var(--grey-300);  border-radius: 999px;  text-align: center;  font-size: .95rem;  color: var(--default);  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.partner-pill:hover{ transform: translateY(-2px);  border-color: var(--primary);  box-shadow: 0 .5rem .25rem rgba(0,0,0,.08);}

/* Uredna “editorial” tipografija */
.about-prose .prose{
  font-size: clamp(1rem, .98rem + .25vw, 1.125rem);
  line-height: 1.75;
  color: var(--default, #2d2d2d);
  text-wrap: pretty;
}
.about-prose .prose p{ margin-bottom: 1.1em; }

/* Lead + dropcap */
.about-prose .prose .lead{
  font-size: clamp(1.05rem, 1rem + .45vw, 1.25rem);
  line-height: 1.8;
  color: #222;
}
.about-prose .prose .dropcap::first-letter{
  float: left;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: .9;
  margin: .12rem .5rem 0 0;
  color: var(--primary, #00A651);
}

/* Diskretni naglasci */
.about-prose .prose em{ font-style: normal; font-weight: 600; color: #222; }
.about-prose .prose mark.accent{
  background: var(--secondary, #FFF200);
  color: #111;
  padding: .05em .25em;
  border-radius: .2rem;
}

/* Godina kao “chip” */
.about-prose .chip{
  display: inline-block;
  transform: translateY(-.12em);
  margin-right: .35rem;
  padding: .2rem .5rem;
  font-weight: 800;
  font-size: .9em;
  color: var(--primary-inverse, #fff);
  background: var(--primary, #00A651);
  border-radius: 999px;
}

/* Fine-tuning za veće ekrane: dvokolumni raspored bez gubitka fokusa */
@media (min-width: 992px){
  .about-prose .prose{
    column-count: 2;
    column-gap: 3rem;
  }
  .about-prose .prose .lead{ column-span: all; }
}

/* Quick cards */
.c-card{ border-radius: var(--border-radius2x, 8px); background:#fff;   box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.05); }
.c-card .c-card-body{ display:flex; align-items:center; gap:.75rem; padding:1rem; }
.c-card .c-ico{ width:42px; height:42px; border-radius:10px; display:grid; place-items:center; font-size:1rem; }
.c-card .c-link{
  display:flex; align-items:center; justify-content:space-between;
  padding:.7rem 1rem; font-weight:600; color:var(--default); border-top:1px solid var(--grey-300);
  text-decoration:none;
}
.c-card .c-link:hover{ color:var(--primary); }

/* Forma fokus */
.contact-form .form-control:focus{
  box-shadow: 0 0 0 .2rem var(--primary-rgba-20, #00a65133);
  border-color: var(--primary);
}

/* Map info card (kontrast prema karti) */
.map-card{
  position:absolute; left:.75rem; bottom:.75rem;
  background:#fff; color:var(--default);
  border:1px solid var(--grey-300);
  border-radius: .5rem; padding:.6rem .75rem; max-width: 80%;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}



/* Utility */
.bg-primary-subtle{ background: var(--primary-rgba-10, #00a6511a)!important; }
.fw-700{ font-weight:700; } .fw-800{ font-weight:800; }

/*RESPONSIVE*/
@media (max-width: 1981px) {}
@media (max-width: 1921px) {}
@media (max-width: 1681px) {}
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1367px) {}
@media (max-width: 1281px) {}
@media (max-width: 1266px) {}
@media (max-width: 1199px) {}	
@media (max-width: 1025px) {}

@media (max-width: 991px) {
	#header .header-btn-collapse-nav {background: transparent;}	
	#header .header-btn-collapse-nav:focus,	#header .header-btn-collapse-nav:active {outline: none !important;box-shadow: none;}	
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: var(--primary);}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: var(--primary);}
	
	.sticky-header-active .hamburger-inner, 
	.sticky-header-active .hamburger-inner::before, 
	.sticky-header-active .hamburger-inner::after {background-color: var(--primary);}

	.sticky-header-active .hamburger.is-active .hamburger-inner, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::before, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::after {background-color: var(--primary);}		
	.dropdown-item.active, .dropdown-item:active {text-decoration: none;  background-color: var(--secondary);}
    #header .header-logo img { width: 280px !important;height: auto}
    .category-list-owl {padding: 4rem 0;}
}

@media (max-width: 801px) {}
@media (max-width: 769px) {}	
@media (max-width: 737px) {}
@media (max-width: 668px) {
	.hero-slim-porto .custom-big-text-style-1 { font-size: 1.6rem;font-weight: bold !important;    letter-spacing: 0px;  }
}	
@media (max-width: 601px) {}
@media (max-width: 569px) {  
	#header .header-logo img { width: 260px !important;    height: auto;  }
}	
@media (max-width: 481px) {}	
@media (max-width: 416px) {	
#header .header-logo img { width: 220px !important;    height: auto;  }
}
@media (max-width: 376px) {}
@media (max-width: 321px) {}
@media (max-width: 241px) {}