:root{--border-radius:0;--border-radius2x:4px;--default:#777;--primary:#e1130a;--primary-100:#c91109;--primary-200:#bc1008;--primary-300:#b00f08;--primary--100:#f41a10;--primary--200:#f5251c;--primary--300:#f53129;--primary-rgba-0:#e1130a00;--primary-rgba-10:#e1130a1a;--primary-rgba-20:#e1130a33;--primary-rgba-30:#e1130a4d;--primary-rgba-40:#e1130a66;--primary-rgba-50:#e1130a80;--primary-rgba-60:#e1130a99;--primary-rgba-70:#e1130ab3;--primary-rgba-80:#e1130acc;--primary-rgba-90:#e1130ae6;--secondary:#000;--secondary-100:#000;--secondary-200:#000;--secondary-300:#000;--secondary--100:#0d0d0d;--secondary--200:#131313;--secondary--300:#1a1a1a;--secondary-rgba-0:#0000;--secondary-rgba-10:#0000001a;--secondary-rgba-20:#0003;--secondary-rgba-30:#0000004d;--secondary-rgba-40:#0006;--secondary-rgba-50:#00000080;--secondary-rgba-60:#0009;--secondary-rgba-70:#000000b3;--secondary-rgba-80:#000c;--secondary-rgba-90:#000000e6;--tertiary:#58585a;--tertiary-100:#4b4b4d;--tertiary-200:#454547;--tertiary-300:#3f3f40;--tertiary--100:#656567;--tertiary--200:#6b6b6d;--tertiary--300:#717174;--tertiary-rgba-0:#58585a00;--tertiary-rgba-10:#58585a1a;--tertiary-rgba-20:#58585a33;--tertiary-rgba-30:#58585a4d;--tertiary-rgba-40:#58585a66;--tertiary-rgba-50:#58585a80;--tertiary-rgba-60:#58585a99;--tertiary-rgba-70:#58585ab3;--tertiary-rgba-80:#58585acc;--tertiary-rgba-90:#58585ae6;--quaternary:#383f48;--quaternary-100:#2d323a;--quaternary-200:#272c32;--quaternary-300:#22262b;--quaternary--100:#434c56;--quaternary--200:#49525e;--quaternary--300:#4e5865;--quaternary-rgba-0:#383f4800;--quaternary-rgba-10:#383f481a;--quaternary-rgba-20:#383f4833;--quaternary-rgba-30:#383f484d;--quaternary-rgba-40:#383f4866;--quaternary-rgba-50:#383f4880;--quaternary-rgba-60:#383f4899;--quaternary-rgba-70:#383f48b3;--quaternary-rgba-80:#383f48cc;--quaternary-rgba-90:#383f48e6;--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:#FFF;--tertiary-inverse:#FFF;--quaternary-inverse:#FFF;--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}

html {  font-size: 16px; font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;color: var(--default); font-family: "Open Sans",Arial,sans-serif !important;}
body{letter-spacing: normal;font-size: 16px;}
p {font-style: normal; color: var(--default);}
p.lead {  max-width: 720px;  margin: 0 auto;}
  
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);}

.contrast-gradient-bg {background: linear-gradient(180deg, #fafafa, #fff)}
.svg-bijela {filter: invert(1) brightness(2); }

.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);}
.primary-secondary-gradient { background: linear-gradient(90deg,var(--primary),var(--secondary)); color: var(--light);  border-color: transparent; transition: all .25s ease;}
.primary-secondary-gradient:hover { background: linear-gradient(90deg,var(--secondary),var(--primary)); color: var(--light);  border-color: transparent; transition: all .25s ease;}
.header-nav-bar.primary-secondary-gradient:hover {background: linear-gradient(90deg,var(--primary),var(--secondary));transition: none !important;}

.table > :not(caption) > * > * {color:var(--default) !important}

.gdpr-cookie-trigger{position:fixed;bottom:50px;right:0;padding:.2em 1em;background-color:#0e3a5e;font-size:.8em;z-index:10000;box-shadow:0 0 10px 0 #00000040}
.gdpr-cookie-trigger a{color:#fff}
.fa-cookie-bite::before{content:"\f564"}
.gdpr-bar{background:#fff;box-shadow:0 .625em 1.875em #02020347;transform:scale(.95);line-height:initial;max-width:400px;left:initial}
.gdpr-bar-description p{color:var(--default)!important}
.gdpr-bar-description .linkgdpr{color:#fff!important;text-decoration:underline}
.gdpr-bar-description .linkgdpr:hover{color:var(--secondary)!important;text-decoration:none}
@media (min-width: 1200px) {
	.gdpr-bar{flex-direction:column;align-items:center}
	.gdpr-bar .gdpr-bar-actions{justify-content:flex-end;margin-top:20px}
	.gdpr-bar{right:1rem;bottom:1rem}
	.gdpr-bar .gdpr-bar-actions{justify-content:flex-start!important}
}
.gdpr-bar .gdpr-bar-actions{display:flex;align-items:stretch;gap:.5rem;width:100%;flex-wrap:nowrap;margin-top:12px}
.gdpr-bar .gdpr-bar-actions > a{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;white-space:nowrap}
@media (max-width: 575.98px) {
	.gdpr-bar .gdpr-bar-actions > a{min-height:52px}
}

html.sticky-header-active #header .header-body {box-shadow: 0 20px 40px rgba(0,0,0,.12);}
@media (min-width: 992px) {
	#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 2.6rem;}
	#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: #000; font-size: 16px;
    font-weight: 500; text-transform: uppercase;}
	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul:not(:hover) li > a.active {   color: #000 !important;  }
	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul > li:hover > a {    color: #000 !important;  }
}

#header .social-icons li a{transition:all .2s ease;border-radius:100%;display:block;height:28px;line-height:28px;width:28px;text-align:center;color:#fff!important;text-decoration:none;font-size:12.8px;font-size:.8rem}
#header .social-icons li{padding:0 15px}
#header .social-icons.social-icons-icon-light.social-icons-clean li a i{color:#000!important}
.sticky-header-active #header .social-icons.social-icons-icon-light.social-icons-clean li a i{color: #000 !important}

.kosarica-icon {font-size: .9em !important;color: #000 !important;text-decoration: none !important;}
.header-icon {display: flex;align-items: center;justify-content: center;height: 32px;width: 32px;font-size: 28px; 	line-height: 1;}
.header-icon svg,.header-icon img {	height: 28px;width: auto;	display: block;}
#header .header-nav-features::before, #header .header-nav-features::after {background: transparent;}

#headerTopUserDropdown{background-color:#fff;border:1px solid #e6e6e6;box-shadow:0 4px 10px #0000000d;padding:1.5rem;min-width:260px}
#headerTopUserDropdown .btn{width:100%;margin-bottom:.5rem}
#headerTopUserDropdown .text-center{text-align:center}
#headerTopUserDropdown h4{margin-bottom:1rem;font-size:1.25rem}
#headerTopUserDropdown p.text-muted{margin-bottom:1.5rem}
#header .header-nav-features .header-nav-features-user .header-nav-features-dropdown{margin-right:-31px;min-width: 260px;width:260px;max-width:92vw;padding:20px;top:10px}

#footer {background: #f4f4f4;color: var(--tertiary);}
#footer p {color: var(--tertiary);}
#footer a{color:#58585a;text-decoration:none; }
#footer a:hover{color:#e1130a}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color: var(--secondary);}
.brand-mark{width:10px;height:10px;background:#e1130a;clip-path:polygon(0 0,100% 50%,0 100%);display:inline-block}
.footer-copy{position:relative;z-index:2;background:transparent;padding:.75rem 0 1rem}
.footer-copy .d-flex{justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.footer-copy::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#0000000f}
.footer-copy,.footer-copy div,.footer-copy span{font-size:.85rem;color: var(--tertiary)}
.footer-copy a{color:var(--tertiary);text-decoration:none;border-bottom:1px solid transparent;transition:.2s ease}
.footer-copy a:hover{color:var(--primary);border-bottom-color:#f42d4359}
#footer a:not(.btn):not(.no-footer-css) {color: var(--tertiary); }
#footer a:not(.btn):not(.no-footer-css):hover {color: var(--primary);}
#footer .social-icons a{width:34px;height:34px;border:1px solid var(--primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 6px; color: var(--primary) !important;}
#footer .social-icons a:hover{border-color:var(--secondary);color:var(--secondary)}
@media (max-width: 767.98px) {
  #footer{text-align:center}
  #footer .footer-col{margin-bottom:2rem}
  #footer h5{font-size:.95rem;letter-spacing:.04em;margin-bottom:1rem}
  #footer ul li{margin-bottom:.6rem}
  #footer ul li a{display:inline-block;padding:.25rem 0;font-size:.95rem}
  .footer-center .brand-mark{transform:scale(1.2)}
  .footer-center p{font-size:.9rem;line-height:1.5}
  .footer-center a[href^="tel"],.footer-center a[href^="mailto"]{font-weight:500}
  #footer .social-icons{margin-top:1.25rem}
  #footer .social-icons a{margin:0 .5rem}
  .footer-blog{text-align:center!important}
  .footer-copy{text-align:center;padding-top:1.25rem}
  .footer-copy .d-flex{flex-direction:column;gap:.5rem}
  #footer .footer-col:not(:last-child)::after{content:"";display:block;width:40px;height:2px;background:#e1130a;opacity:.15;margin:1.5rem auto 0}
}
.no-m-top {margin-top: 0 !important}
.dsr-logo {height: 80px}
	
/*NASLOVNICA*/
.hero-prijevod{position:relative;padding:250px 0 90px;background-image:url(https://ee.studionixaprijevodi.hr/files/images/prevoditeljske-usluge-zagreb-hrvatska.webp);background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-content {max-width:560px}
.hero-content h1{font-size:3.2rem;font-weight:800;color:var(--primary);margin-bottom:1.5rem}
.hero-content p{font-size:1.05rem;line-height:1.6;color:var(--dark);margin-bottom:1rem}
.hero-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}
.cta-card{background:var(--primary);color:var(--primary-inverse);padding:20px 22px;border-radius:10px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:14px;transition:background .25s ease}
.cta-card:hover{background:var(--primary-100)}
.cta-icon{display:flex;color:var(--primary-inverse)}
.hero-cta .cta-icon img {height: 34px}

.services-section{background-color:#fff}
.service-box{gap:20px}
.service-icon{min-width:48px;color:#222}
.service-icon img{height: 128px}
.service-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}
.service-content p{margin-bottom:0;color:#555;line-height:1.6}
.faq-split-section{background-color:#3a3a3d;color:#fff}
.faq-image{min-height:520px;--faq-bg:url(https://ee.studionixaprijevodi.hr/slike/Traducciones_certificadas_Ana_Dumancic_Zagreb.webp);background-image:linear-gradient(to right,#0000008c 0%,#00000073 45%,#3a3a3d 100%),var(--faq-bg);background-size:cover;background-position:top;background-repeat:no-repeat}
.faq-content{background-color:#3a3a3d;padding:5rem 4rem;display:flex;align-items:center}
.faq-inner{max-width:560px}
.faq-title{font-size:3rem;font-weight:700;margin-bottom:3rem; color: #fff;}
.faq-list{list-style:none;padding:0;margin:0 0 3rem}
.faq-list li{padding:1.25rem 0;border-bottom:1px solid #ffffff26;font-size:1.05rem;line-height:1.6;opacity:.9}
.faq-link{color:#e53935;font-weight:700;letter-spacing:1px;font-size:.85rem;text-decoration:none}
.faq-link:hover{color:#fff}
.faq-accordion{border-top:1px solid #ffffff26}
.faq-item{border-bottom:1px solid #ffffff26}
.faq-question{width:100%;background:none;border:0;color:#fff;padding:1.4rem 3rem 1.4rem 0;text-align:left;font-size:1.05rem;font-weight:500;position:relative;cursor:pointer}
.faq-question:hover{color:#fff}
.faq-icon{position:absolute;right:0;top:50%;width:14px;height:14px;transform:translateY(-50%)}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;background-color:#fff;transition:transform .25s ease}
.faq-icon::before{width:14px;height:2px;top:6px;left:0}
.faq-icon::after{width:2px;height:14px;top:0;left:6px}
.faq-question:not(.collapsed) .faq-icon::after{transform:scaleY(0)}
.faq-answer, .faq-answer p{padding:0 0 1.5rem;color:#ffffffd9;line-height:1.7;font-size:.95rem}{padding:0 0 1.5rem;color:#ffffffd9;line-height:1.7;font-size:.95rem}

.sn-blog--home .sn-blog__head{margin-bottom:28px;max-width:initial}
.sn-blog--home .sn-blog__intro{max-width:680px}
.sn-blog--home .sn-blog__kicker{font-size:2rem}
.sn-blog--home .sn-blog__lead{font-size:.95rem}
.sn-blog--home .sn-blog__cta{flex-shrink:0}
.sn-blog--home .sn-post{border-radius:12px}
.sn-blog--home .sn-post__media img{height:220px;opacity:.9}
.sn-blog--home .sn-post__h{font-size:1rem}

.cta-split{background:var(--primary);border-radius:18px;padding:28px 36px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.cta-split::after{content:"";position:absolute;left:50%;top:24px;bottom:24px;width:1px;transform:translateX(-50%);background:#ffffff59}
.cta-side{display:flex;align-items:center;gap:22px}
.cta-side--left{justify-content:flex-end;padding-right:32px}
.cta-side--right{justify-content:flex-start;padding-left:32px}
.cta-text{max-width:420px}
.cta-title{margin:0 0 6px;font-size:1.2rem;font-weight:700;line-height:1.15;color:var(--primary-inverse)}
.cta-desc{margin:0;font-size:.95rem;line-height:1.5;color:var(--primary-inverse);opacity:.95}
.cta-icon{flex-shrink:0;color:var(--primary-inverse);display:flex;align-items:center;justify-content:center}
.cta-icon img {height: 54px}

.cta-icon svg{display:block;color:var(--primary-inverse)}
.cta-split-section{position:relative;padding:80px 0;background:#fff}
.cta-split-section::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background:#f4f4f4;z-index:0}
.cta-split-section .cta-split{position:relative;z-index:1}

.process-section{padding:90px 0;background:linear-gradient(180deg,var(--grey-100) 0%,#fff 100%)}
.process-title{text-align:center;font-size:2.4rem;font-weight:800;color:var(--primary);margin-bottom:10px}
.process-subtitle{text-align:center;max-width:520px;margin:0 auto 70px;color:var(--dark-100)}
.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}
.process-steps::before{content:'';position:absolute;top:58px;left:15%;right:15%;height:1px;background:var(--grey-300)}
.process-step{background:#fff;border-radius:14px;padding:60px 30px 40px;text-align:center;position:relative;transition:all .25s ease;border:1px solid var(--grey-200);cursor:pointer}
.process-step:hover{border-color:var(--primary);transform:translateY(-4px)}
.process-badge{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.process-icon{font-size:26px;color:var(--primary);margin-bottom:14px}
.process-step h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}
.process-step p{font-size:.95rem;color:var(--dark-100)}
.process-cta{text-align:center;margin-top:60px}
.btn-process{background:var(--primary);color:#fff;padding:14px 36px;border-radius:8px;font-weight:700;text-decoration:none;transition:background .2s ease}
.btn-process:hover{background:var(--primary-100)}

/*Kontakt*/
.contact-section{background:#fff;box-shadow:0 5px 30px #00000012;border-radius:15px;padding:40px}
.contact-info i{color:var(--primary);font-size:1.4rem;margin-right:12px}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem #d6338440}
.map-wrapper{overflow:hidden;border-radius:15px;box-shadow:0 4px 20px #0000001a}
.btn-primary-gradient {background:linear-gradient(90deg,var(--primary),var(--secondary));color:var(--light);border-color:transparent: transition: all .25s ease;}
.btn-primary-gradient:hover{background:linear-gradient(90deg,var(--secondary),var(--primary));
color:var(--light);border-color:var(--primary)}

.store-card{position:relative;background:var(--light);overflow:hidden}
.store-card-accent{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}
.store-card-accent.alt{}

.intro-bar{padding:16px 0;position:relative;/* background:radial-gradient(800px 400px at 80% 0%,var(--secondary-rgba-10),transparent 70%),linear-gradient(180deg,var(--quaternary),var(--quaternary-100)) */;border-bottom:1px solid var(--grey-200);}
.intro-bar-inner{min-height:46px}
.intro-title{margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.1rem,2.3vw,1.45rem);color:var(--dark);line-height:1.2}
.intro-bc{overflow:hidden;max-width:100%}
.breadcrumb-flow{--divider:›;display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;font-size:.85rem}
.breadcrumb-flow::-webkit-scrollbar{display:none}
.breadcrumb-item + .breadcrumb-item::before{content:var(--divider);color:var(--grey-800);padding:0 .3rem}
.breadcrumb-flow .breadcrumb-item + .breadcrumb-item{padding-left:0}
.breadcrumb a{color:var(--dark);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.breadcrumb a:hover{color:var(--primary);border-bottom-color:var(--primary); text-decoration: none;}
.breadcrumb-item.active{color:var(--grey-900);opacity:.9}
.breadcrumb i{font-size:.8rem;color:var(--grey-900);transition:color .2s ease;vertical-align:middle}
.breadcrumb a:hover i{color:var(--primary)}

/*Shop*/
.hidden {display: none !important;}
#header .header-nav-features .header-nav-features-cart .mini-products-list li .product-image img { max-width: 70px;}

/*Popup*/
.mfp-close, .mfp-close-btn-in .mfp-close {font-size: 32px;  color: red;}
.mfp-wrap {pointer-events: none;}
.mfp-content {pointer-events: auto;}
.shop .products .product .addtocart-btn-wrapper .quick-view {  background: #fff }
.shop .product .product-thumb-info {background: transparent;}

.badge-ecommerce{font-size:.6rem;font-weight:600;padding:.4rem .5rem;border-radius:4px;letter-spacing:.02em;text-transform:uppercase;line-height:1;display:inline-block;border:1px solid transparent;box-shadow:0 1px 2px #00000014;transition:all .2s ease; border: 0 !important}
.badge-new{background:#76d296;color:var(--primary-inverse);border: 0 !important}
.badge-new:hover{background:#5ea878; border: 0 !important}
.badge-sale{background:linear-gradient(90deg,var(--secondary) 0%,var(--secondary--200) 100%);color:var(--secondary-inverse);border: 0 !important}
.badge-sale:hover{background:linear-gradient(90deg,var(--secondary-100) 0%,var(--secondary) 100%); border: 0 !important}
.badge-hot{background: linear-gradient(90deg,var(--primary),var(--secondary));color:var(--tertiary-inverse);border: 0 !important}
.badge-hot:hover{background:linear-gradient(90deg,var(--secondary),var(--primary)); border: 0 !important}
.badge-stack > .badge-ecommerce{display:block;margin-bottom:.25rem}
.badge-stack > .badge-ecommerce:last-child{margin-bottom:0}

/*Kosarica*/
.btn-upd-cart { background-color: var(--primary) !important; color: #fff !important}
.btn-upd-cart:hover {background-color: var(--primary-rgba-80) !important;}
.product-name-modifiers {font-size: 70%;line-height: 1.4;}
.btn-remove_promo_code {margin-left: 15px !important}
.payment_method_inp {margin-right: 5px}
.btn-cart-update { background-color: var(--primary) !important; color: #fff !important}
.btn-cart-update:hover {background-color: var(--primary-rgba-80) !important;}
.cart-totals{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.35}
.cart-totals td{padding:12px 0;vertical-align:top;border-top:1px solid var(--grey-200)}
.cart-totals td:first-child{color:var(--dark);padding-right:10px}
.cart-totals td.text-end{white-space:nowrap}
.cart-totals .amount{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.cart-totals tr:first-child td{border-top:0;padding-top:4px}
.cart-totals tr.cart-subtotal:nth-of-type(n+2):not(:last-child) td:first-child{color:#6c757d;font-weight:500}
.cart-totals tr:last-child td{border-top:2px solid var(--grey-300);padding-top:14px}
.cart-totals tr:last-child td:first-child{font-size:16px;font-weight:700;letter-spacing:.01em}
.cart-totals tr:last-child td:last-child .amount{font-size:26px;font-weight:800;color:var(--dark)}
.payment-heading{color:var(--primary)!important;font-size:1.1rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.payment-methods td{padding-top:18px;padding-bottom:8px}
tr.payment-methods{font-size:14.5px!important;line-height:1.35!important}
.btn-checkout:hover{color: #fff; background:linear-gradient(90deg,var(--secondary),var(--primary));
color:var(--light);border-color:var(--primary)}
.pm-desc {  min-height: 20px;  padding: 10px;  margin-top: 10px;  margin-bottom: 10px;  background-color: #f5f5f5;  border: 1px solid #eaeaea;  border-radius: 0;  font-weight: normal !important;}

/*Kosarica header*/
.header-nav-features-dropdown.mini-cart{width:380px;max-width:92vw;padding:14px 16px;border:1px solid var(--grey-300);border-radius:var(--border-radius,0);box-shadow:0 8px 24px #00000014}
.mini-cart-empty p{margin:0}
.mini-cart-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}
.mini-cart-item{position:relative;display:grid;grid-template-columns:80px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--grey-200)}
.mini-cart-item:first-child{border-top:0}
.mini-cart-thumb{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius,0);display:block;background:var(--light-200)}
.mini-cart-info{min-width:0}
.mini-cart-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--dark);text-decoration:none;font-weight:600;line-height:1.25}
.mini-cart-title:hover{color:var(--primary)}
.mini-cart-variant{font-size:.85rem;color:var(--grey-900);margin-top:2px}
.mini-cart-qtyprice{margin-top:6px;font-size:.95rem}
.mini-cart-qty{color:var(--grey-900);margin-right:6px}
.mini-cart-price{font-weight:600}
.mini-cart-remove{position:absolute;top:10px;right:0;width:26px;height:26px;border:1px solid var(--grey-300);border-radius:50%;background:#fff;color:var(--grey-900);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}
.mini-cart-remove:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.04)}
.mini-cart-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;margin-top:8px;border-top:1px solid var(--grey-300)}
.mini-cart-total span{color:var(--grey-900);font-weight:600}
.mini-cart-total strong{font-size:1.05rem}
.mini-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
@media (max-width: 400px) {
	.mini-cart-actions{grid-template-columns:1fr}
}

/*Proizvodi listing index*/
.product{position:relative;background:#fff;text-align:center;border-radius:0x;padding:1.2rem 1rem;transition:all .25s ease;box-shadow:0 0 0 #0000; border: 1px solid var(--grey-200)}
.product:hover{box-shadow:0 0 30px 3px #0000001a;transform:translateY(-4px);z-index:5}
.product-thumb-info{position:relative;display:flex;align-items:center;justify-content:center}
.product-thumb-info-image img{border-radius:0px;transition:transform .25s ease,opacity .25s ease}
.product:hover .product-thumb-info-image img{transform:scale(1.05);opacity:.9}
.product-content-info{text-align:center;margin-top:1rem}
.product-content-info h3{font-size:1rem;margin-bottom:.25rem;line-height:1.4;height:2.8rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.product-content-info .price{font-weight:600;font-size:1.1rem;margin-top:.25rem}
.product-content-info .price .sale{display:block;font-size:.9rem;color:#999;text-decoration:line-through;margin-bottom:.25rem}
.product-content-info a{color:inherit;text-decoration:none;transition:color .25s ease}
.product-content-info a:hover{color:var(--bs-primary,#d63384)}
.addtocart-btn-wrapper{position:absolute;top:10px;right:10px;z-index:3;opacity:0;transition:opacity .25s ease}
.product:hover .addtocart-btn-wrapper{opacity:1}
.product .product-thumb-info .product-thumb-info-image::before{content:none!important;display:none!important}
.product .product-thumb-info-image img{transition:transform .3s ease;transform:translateY(0)}
.product:hover .product-thumb-info-image img{transform:translateY(-6px)}
.product .product-thumb-info{position:relative;overflow:hidden}
.product .product-thumb-info-badges-wrapper,.product .addtocart-btn-wrapper{position:absolute;z-index:3}
.product-content-info .price{font-weight:600;font-size:1.1rem;margin-top:.25rem}
.product-content-info .price .sale{display:block;font-size:.9rem;color:#999;text-decoration:line-through;margin-bottom:.25rem}
.product-content-info .price .amount{display:inline-block;font-size:1.1rem;color:#212529;text-decoration:none!important;font-weight:700}
.product-quickview .prod-short-desc-qv.is-collapsed {max-height:10rem!important;}

/*Proizvodi detaljna*/
.product-title{font-size:2rem;line-height:1.2;margin-right:3.25rem}
.meta-chip--brand {  background: var(--grey-100);border: 1px solid var(--grey-300);}
.meta-chip--brand .brand-link { color: var(--dark);}
.meta-chip--brand .brand-link:hover {color: var(--primary);text-decoration: underline;}
.price-current{font-size:1.75rem}
.price-old{font-size:1rem}
.product-title{font-size:2rem;line-height:1.2}
.product-meta-row .meta-chip{font-size:.875rem;color:#6c757d;border:1px solid #e9ecef;border-radius:999px;padding:.25rem .6rem;background:#fff}
.stock-badge{font-size:.875rem;border-radius:999px;padding:.25rem .6rem;display:inline-flex;align-items:center;font-weight:600}
.stock-in{color:#146c43;background:#d1e7dd;border:1px solid #badbcc}
.stock-low{color:#b76e00;background:#fff3cd;border:1px solid #ffecb5}
.stock-out{color:#842029;background:#f8d7da;border:1px solid #f5c2c7}
.variant-title{font-weight:600;font-size:.95rem;margin-bottom:.35rem}
.variant-options{gap:.5rem}
.variant-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border:1px solid var(--grey-300);border-radius:999px;background:#fff;cursor:pointer;line-height:1;user-select:none;transition:all .15s;font-weight:600;font-size:.9rem;color:#212529}
.variant-chip:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-rgba-10)}
.variant-chip .chip-extra{opacity:.75;font-weight:500}
.variant-radio{display:none}
.variant-radio:checked + .variant-chip{border-color:var(--primary);background:var(--primary-rgba-10)}
.quantity{display:inline-flex;align-items:center;border:1px solid var(--grey-300);border-radius:6px;overflow:hidden;height:42px}
.quantity .qty-input{width:64px;text-align:center;border:0;height:100%}
.quantity .qty-dec-btn,.quantity .qty-inc-btn{min-width:40px;border:0;background:#fff;height:100%}
.quantity .qty-dec-btn:hover,.quantity .qty-inc-btn:hover{background:var(--grey-100)}
.product-perks li{display:flex;align-items:center;margin:.25rem 0}
.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item:hover, .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item.selected { border: 2px solid var(--primary);}

.prod-short-desc{font-size:.975rem;line-height:1.55;color: var(--default);}
.prod-short-desc p{margin:0 0 .6rem}
.prod-short-desc ul,.prod-short-desc ol{margin:.25rem 0 .75rem 1.25rem}
.prod-short-desc ul{list-style:disc}
.prod-short-desc ol{list-style:decimal}
.prod-short-desc li{margin:.25rem 0}
.prod-short-desc ul li::marker,.prod-short-desc ol li::marker{color:var(--primary)}
.prod-short-desc.is-collapsed{max-height:16rem!important;overflow:hidden!important;position:relative}
.prod-short-desc.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5rem;background:linear-gradient(to bottom,#fff0,#fff)}
.prod-short-toggle{font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:.85rem;color:var(--primary);text-decoration:none}
.prod-short-toggle:hover{text-decoration:underline}
.thumb-gallery-thumbs .cur-pointer{aspect-ratio:1/1;border-radius:8px;overflow:hidden}
.thumb-gallery-thumbs .owl-item.selected .cur-pointer{outline:2px solid var(--primary);outline-offset:0}
.price{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.price .badge{line-height:1;padding:.4rem .6rem}
.quantity .qty-input[disabled]{background:#f8f9fa;color:#9aa0a6}
.js-btn-add.disabled{opacity:.6;pointer-events:none}
.variant-chip:focus,.variant-radio:focus + .variant-chip{outline:2px solid var(--primary);outline-offset:2px}
.product-perks{margin-top:2rem}
.prod-tabs-nav{display:flex;border-bottom:2px solid #f1f1f1;gap:1rem;flex-wrap:wrap;margin-bottom:0}
.prod-tabs-nav .nav-link{background:none;border:none;color:#6c757d;font-weight:600;font-size:1rem;padding:.75rem 2rem;position:relative;transition:all .2s ease}
.prod-tabs-nav .nav-link:hover,.prod-tabs-nav .nav-link:focus{color:var(--primary)}
.prod-tabs-nav .nav-link.active{color:var(--primary)}
.prod-tabs-nav .nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background-color:var(--primary);border-radius:2px}
.prod-tabs-content{background:#fff;padding-top:1.25rem}
.rte-content{font-size:.975rem;line-height:1.65;color: var(--default);}
.rte-content p{margin-bottom:.8rem}
.rte-content ul,.rte-content ol{margin:.5rem 0 1rem 1.25rem}
.rte-content li{margin-bottom:.25rem}
.rte-content ul{list-style:disc}
.rte-content ol{list-style:decimal}
.rte-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}
.rte-content th,.rte-content td{border:1px solid #eaeaea;padding:.5rem .75rem}

.shop-filters{background:#fff;border-radius:0px;box-shadow:0 10px 30px #0000000f;font-size:.95rem;overflow:hidden}
.shop-filters-header{border-bottom:1px solid #e5e5e5;background:#fff}
.shop-filters-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:transparent;border:0;font-size:.95rem;font-weight:600;text-align:left;color:#212529}
.shop-filters-toggle i{font-size:1rem;color:#6c757d}
.shop-filters-body{padding:1rem 1.25rem 1.25rem;border-top:1px solid #e5e5e5;display:none;background:#fff}
.shop-filters.is-open .shop-filters-body{display:block}
@media (min-width: 992px) {
	.shop-filters-header{display:none}
	.shop-filters-body{display:block;padding:1.25rem 1.25rem 1.5rem}
}
.shop-filters-body {border: 1px solid var(--grey-200);}
.shop-filters-body .text-uppercase.small.text-muted{letter-spacing:.06em;font-weight:600;font-size:.75rem;color:#8a8f99}
.shop-filters-body hr{border-color:#e5e5e5;margin-top:.25rem;margin-bottom:1rem}
.shop-filters .filter-reset{font-size:.8rem;font-weight:500;color:#6c757d;text-decoration:none}
.shop-filters .filter-reset:hover{color:#f06;text-decoration:underline}
.shop-filters .input-group-text{background:#f7f7f9;border-color:#dcdfe3;color:#495057;font-size:.85rem}
.shop-filters .form-control{border-color:#dcdfe3;font-size:.9rem}
.shop-filters .form-control::placeholder{color:#adb5bd}
.shop-filters .input-group-sm .btn{border-color:#dcdfe3;color:#495057;background-color:#fff}
.shop-filters .input-group-sm .btn:hover{border-color:#f06;color:#f06}
.shop-filters .form-range{accent-color:#f06}
.shop-filters .form-check-input{border-color:#c4c8ce}
.shop-filters .form-check-input:checked{background-color:#f06;border-color:#f06}
.shop-filters .form-check-label{font-size:.9rem;color:var(--dark)}
.shop-filters .filter-chip{border-radius:999px;font-size:.8rem;padding:.25rem .75rem;border-width:1px;border-style:solid;border-color:#ff006659;color:#f06;background:#ff00660a;box-shadow:none}
.shop-filters .filter-chip:hover{background:#ff00661a;border-color:#f06;color:#f06}
.shop-filters .filter-chip.active{background:#f06;border-color:#f06;color:#fff}
.shop-filters .sidebar-categories{font-size:.95rem;color:#212529}
.shop-filters .sidebar-categories .category-list{list-style:none;margin:0;padding-left:0}
.shop-filters .sidebar-categories .category-list li{margin:2px 0;padding:2px 0;position:relative}
.shop-filters .sidebar-categories .category-link{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:4px;color:var(--dark);text-decoration:none;font-size:.96rem;font-weight:500;transition:color .15s ease,background-color .15s ease}
.shop-filters .sidebar-categories .category-link:hover{color:#f06;background-color:#ff00660f}
.shop-filters .sidebar-categories .category-count{color:#868e96;font-size:.86rem;font-weight:400}
.shop-filters .sidebar-categories .category-link.active{color:#f06;font-weight:600;background-color:#ff00661a;box-shadow: inset 2px 0 0 #f06;padding-left: 10px;}
.shop-filters .js-cat-toggle{background:none;border:none;padding:4px;cursor:pointer;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:#868e96;transition:color .15s ease}
.shop-filters .js-cat-toggle:hover{color:#f06}
.shop-filters .js-cat-toggle i{font-size:.8rem}
.shop-filters .sidebar-categories .category-list li > ul{list-style:none;margin-left:16px;padding-left:12px;margin-top:4px;border-left:1px solid #e5e5e5}
.shop-filters .category-level-1{text-transform:uppercase;font-weight:700;font-size:.98rem}
.shop-filters .category-level-2{font-weight:600}
.shop-filters .category-level-3,.shop-filters .category-level-4,.shop-filters .category-level-5{font-weight:500;color:#444}
.shop-filters-body .text-uppercase.small.text-muted{font-weight:700;font-size:.95rem;color:#000!important}

.brand-filter-block .brand-clear{font-size:.78rem;color:#6c757d}
.brand-filter-block .brand-clear:hover{color:var(--primary,#e6124c)}
.brand-filter-list{max-height:220px;overflow-y:auto;padding-right:4px}
.brand-filter-item{display:flex;align-items:center}
.brand-filter-item .form-check-input{margin-top:0}
.brand-filter-item .form-check-label{font-size:.85rem;color:#495057;margin-left:6px}

.material-filter-block .material-clear{font-size:.78rem;color:#6c757d}
.material-filter-block .material-clear:hover{color:var(--primary,#f06)}
.material-filter-list{max-height:220px;overflow-y:auto;padding-right:4px}
.material-filter-item{display:flex;align-items:center}
.material-filter-item .form-check-input{margin-top:0}
.material-filter-item .form-check-label{font-size:.85rem;color:#495057;margin-left:6px}

.product-modifier-block .js-modifier-clear{font-size:.78rem;color:#6c757d}
.product-modifier-block .js-modifier-clear:hover{color:var(--primary,#f06)}
.modifier-options-list{max-height:220px;overflow-y:auto;padding-right:4px}
.modifier-option-item{display:flex;align-items:center}
.modifier-option-item .form-check-input{margin-top:0}
.modifier-option-item .form-check-label{font-size:.85rem;color:#495057;margin-left:6px}

.product-filters-bar{padding:.75rem 1rem;background:var(--quaternary--100);border:1px solid var(--grey-200);border-radius:var(--border-radius2x)}
.selected-filters{min-height:2.5rem}
.selected-filters-label{font-weight:500}
.filter-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.8rem;border-radius:999px;border:1px solid var(--primary-rgba-40);background:var(--primary-rgba-10);color:var(--primary-200);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;line-height:1.2}
.filter-badge:hover{background:var(--primary-rgba-20);border-color:var(--primary);color:var(--primary-300);box-shadow:0 0 0 1px var(--primary-rgba-20)}
.filter-badge-remove{font-size:1rem;line-height:1;opacity:.7}
.filter-badge:hover .filter-badge-remove{opacity:1}
.btn-clear-filters{border:0;background:transparent;cursor:pointer}
.btn-clear-filters:hover{color:var(--primary)}
.product-sorting .product-sort-select{min-width:210px;border-radius:999px;font-size:.85rem;border-color:var(--grey-300)}
.product-sorting .product-sort-select:focus{box-shadow:0 0 0 .15rem var(--primary-rgba-20);border-color:var(--primary)}

/*Profil*/
.account-panel{background:#fff;border:1px solid var(--grey-300);border-radius:8px;padding:25px 30px;max-width:900px;margin:0 auto 40px;box-shadow:0 4px 16px #0000000d}
.account-panel h2{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:15px}
.account-panel .alert{padding:10px 15px;font-size:14px;border-radius:6px}
.account-panel .form-control,.account-panel .ee-cform input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),.account-panel .ee-cform textarea{padding:10px 14px!important;min-height:42px!important;font-size:15px!important}
.account-panel h5{margin-top:25px;margin-bottom:12px;font-size:13px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.5px}
.account-panel .form-label{font-size:14px;font-weight:600;margin-bottom:4px}
.account-panel .form-group{margin-bottom:18px}
.account-panel .row .col-sm-6{padding-right:8px;padding-left:8px}
.account-panel .btn{margin-top:10px;padding:12px 0!important;font-size:15px}
/* .container-xl{max-width:1140px} */
.container-xl.pt-5{padding-top:30px!important}
.profile-edit-modal.shop.dialog.dialog-md{background:#fff;border-radius:10px;padding:0;width:95%;max-width:760px;box-shadow:0 20px 60px #00000040;animation-duration:300ms}
.profile-edit-modal .mfp-close{font-size:28px;top:10px;right:12px;color:#999}
.profile-edit-modal .mfp-close:hover{color:var(--primary)}
.profile-edit-modal .panel-box-title{padding:20px 28px;border-bottom:1px solid #eee;background:#fafafa}
.profile-edit-modal .panel-box-title h3{font-size:22px;font-weight:700;color:var(--primary)}
.profile-edit-modal .panel-box-title a{font-size:14px;color:var(--primary);text-decoration:none}
.profile-edit-modal .panel-box-title a:hover{text-decoration:underline}
.profile-edit-modal .panel-box-content{padding:25px 30px 35px}
.profile-edit-modal h5{font-size:13px;font-weight:700;color:#777;text-transform:uppercase;margin:20px 0 12px}
.profile-edit-modal .form-group{margin-bottom:14px}
.profile-edit-modal input[type="text"],.profile-edit-modal input[type="email"],.profile-edit-modal input[type="password"],.profile-edit-modal select,.profile-edit-modal textarea,.profile-edit-modal .ee-cform input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]){background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;padding:9px 12px!important;width:100%!important;font-size:15px!important;color:#333!important;box-shadow:none!important}
.profile-edit-modal input:focus,.profile-edit-modal select:focus,.profile-edit-modal textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-rgba-20)!important;outline:none!important}
.profile-edit-modal label{font-size:14px;font-weight:600;margin-bottom:4px}
.profile-edit-modal .text-danger{font-size:12px}
.profile-edit-modal .btn-primary{background:var(--primary);border-color:var(--primary);padding:12px 20px;font-size:15px;border-radius:6px;text-transform:uppercase;font-weight:600}
.profile-edit-modal .btn-primary:hover{background:var(--primary-200)}
.profile-edit-modal .btn-default{background:#f4f4f4;border-radius:6px;padding:12px 20px;font-size:15px;font-weight:600}
.profile-edit-modal .btn-default:hover{background:#e8e8e8}
@media (max-width: 600px) {
	.profile-edit-modal .panel-box-content{padding:20px}
	.profile-edit-modal .panel-box-title h3{font-size:18px}
}

/*owl related*/
.related-products-section .section-title{font-size:1.8rem;font-weight:700;color:var(--dark);margin-bottom:1.5rem}
.related-products-section .title-accent{color:var(--primary)}
.related-carousel .owl-nav button{border-radius:var(--border-radius);background:var(--primary);color:var(--primary-inverse);transition:.2s ease-in-out}
.related-carousel .owl-nav button:hover{background:var(--primary-100)}
.spacer-20{height:20px}
.related-carousel .product{border-radius:0;padding:.5rem;}
.related-carousel .product:hover{background:var(--light);transform:translateY(-3px)}
.related-carousel .product .product-thumb-info{background:transparent!important;border-radius:0}
.related-carousel .product .product-thumb-info-image img{border-radius:0;height:200px;width:100%;object-fit:cover;transform:none!important}
.related-carousel .product:hover .product-thumb-info-image img{transform:scale(1.03)!important;opacity:.97}
.related-carousel .badge-ecommerce{box-shadow:none!important;border-radius:6px;font-size:.55rem;padding:.3rem .45rem}
.related-carousel .product-content-info{padding-top:.6rem}
.related-carousel .product-content-info h3{font-size:.95rem!important;height:2.4rem;line-height:1.2}
.related-carousel .product-content-info .price{font-size:1rem!important}
.related-carousel .product .addtocart-btn-wrapper{opacity:1!important;top:8px;right:8px}
.related-carousel .product .add_to_cart,.related-carousel .product .quick-view{background:var(--primary)!important;color:var(--primary-inverse)!important;border-radius:0;padding:6px 10px}
.related-carousel .product .add_to_cart:hover,.related-carousel .product .quick-view:hover{background:var(--primary-200)!important}

/*Detalji narudzbe*/
.order-summary{border:0;border-radius:.75rem;background:#f7f7f8;box-shadow:0 2px 6px #0000000f}
.order-summary__inner{padding:1.75rem 2rem}
@media (min-width: 992px) {
	.divider-desktop{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#e6e6e6}
	.order-summary__item{position:relative;padding-right:1rem}
	.order-summary__item:not(:last-child)::after{content:"";position:absolute;top:.35rem;right:0;width:1px;height:calc(100% - 0.7rem);background:#e1e1e4}
}
.order-summary__label{display:block;font-size:.78rem;color:#878a91;margin-bottom:.25rem;font-weight:500}
.order-summary__value{display:block;font-size:1rem;font-weight:600;color:#1d1d1f;line-height:1.2}
.card-order-items h4{margin:0!important}
.order-table td,.order-table th{padding:18px 16px;vertical-align:middle}
.order-row td{border-top:1px solid var(--grey-200)}
.order-thumb img{width:70px;height:70px;border-radius:8px;object-fit:cover;border:1px solid #eee;background:#fff}
.order-adjust td{padding:14px 16px;background:#fafafa;border-top:1px solid var(--grey-200);font-size:.9rem;color:#777!important}
.order-total td{padding:18px 16px;background:#f2f2f5;border-top:2px solid var(--grey-300);font-size:1.05rem}

#infiniteLoader{min-height:30vh}
.product-thumb-info-list{overflow-anchor:none}
.ee-pagination-holder{min-height:80px;display:flex;justify-content:center;align-items:center}
.ee-pagination-holder.is-loading{visibility:hidden;pointer-events:none}

/*Opis katagorija*/
.category-description-listing-wrapper{margin-top:3rem;padding:2.5rem 1.5rem;background-color:var(--light);border-top:1px solid var(--grey-300)}
.category-description-listing-inner{max-width:900px;margin:0 auto}
.category-description-listing-title{font-size:1.35rem;font-weight:600;color:var(--dark);margin-bottom:1rem}
.category-description-listing-content{font-size:.95rem;line-height:1.7;color:var(--default)}
.category-description-listing-content p{margin-bottom:1rem}
.category-description-listing-content ul{margin:1rem 0 1.2rem 1.2rem;padding:0}
.category-description-listing-content li{margin-bottom:.4rem;list-style:disc}

/*Page header*/
.cover-hero{position:relative;min-height:420px;padding:170px 0 90px;background:url(https://studionixaprijevodi.hr/wp-content/uploads/2022/02/stari-ured-svi.jpg) center center / cover no-repeat;overflow:hidden}
.cover-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ffffffbf 0%,/* NAVBAR ZONA */ #ffffff59 80px,#00000073 200px,/* CONTENT START */ #000000a6 100%);z-index:1}
.cover-hero__overlay::before{content:'';position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(180deg,#ffffff59,#fff0)}
.cover-hero .container{position:relative;z-index:2}
.cover-hero__content{max-width:720px;position:relative;z-index:2}
.cover-hero__accent{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.nixa-arrow{width:0;height:0;border-left:14px solid #e1130a;border-top:8px solid transparent;border-bottom:8px solid transparent}
.cover-hero__breadcrumb{margin-bottom:18px}
.cover-hero__breadcrumb ol.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.cover-hero__breadcrumb ol.breadcrumb > li{color:#ffffffbf}
.cover-hero__breadcrumb ol.breadcrumb > li + li::before{content:"/";margin:0 8px;opacity:.5;color:#ffffffbf}
.cover-hero__breadcrumb ol.breadcrumb a{color:#ffffffbf;text-decoration:none}
.cover-hero__breadcrumb ol.breadcrumb a:hover{color:#fff}
.cover-hero__breadcrumb ol.breadcrumb > li.last > span{color:#fff;font-weight:500}
.cover-hero__title{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;margin-bottom:12px;color:#e1130a}
.cover-hero__intro{font-size:1.05rem;max-width:520px;line-height:1.6;color:#ffffffeb}

/*Kontakt*/
.section-soft{padding:80px 0;background:linear-gradient(180deg,var(--light) 0%,var(--grey-100) 18%,var(--light) 45%,var(--light) 100%)}
.content-panel{background:var(--light);border-radius:16px;padding:50px}
.content-panel__aside h3{margin-bottom:28px;font-weight:700;color:var(--secondary)}
.content-panel__aside p{margin-bottom:16px;color:var(--dark-100)}
.content-panel__aside a{color:var(--primary);text-decoration:none}
.content-panel__aside a:hover{text-decoration:underline}
.content-panel__main{padding-left:40px;border-left:1px solid var(--grey-200)}
.content-panel__main h3{margin-bottom:32px;font-weight:700;color:var(--secondary)}
.contact-form .form-control{border-radius:6px;border-color:var(--grey-300);padding:12px 14px}
.contact-form .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .15rem var(--primary-rgba-20)}
.contact-form .form-check-label{font-size:.85rem;color:var(--grey-900)}
.contact-form .btn{border-radius:8px;letter-spacing:.05em}
.content-map{margin-top:64px}
.contact-map{border-radius:16px;overflow:hidden;background:var(--grey-100);box-shadow:0 20px 40px var(--dark-rgba-10)}
.contact-map iframe{display:block;width:100%;height:420px;border:0;filter:grayscale(0.85) contrast(1.05)}

/*FAQ*/
.faq-intro-box{display:flex;gap:16px;padding:18px 22px;margin-bottom:32px;background:var(--light);border-left:3px solid var(--primary);border-radius:10px}
.faq-intro-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--primary-rgba-10);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-top:2px}
.faq-intro-content{max-width:680px}
.faq-intro-badge{display:inline-block;margin-bottom:6px;padding:4px 10px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);border:1px solid var(--primary-rgba-30);border-radius:14px}
.faq-intro-title{margin:0 0 6px;font-size:1.35rem;font-weight:700;color:var(--secondary)}
.faq-intro-text{margin:0;font-size:.95rem;line-height:1.55;color:var(--default)}
.faq-list .accordion-item{border:none;border-bottom:1px solid var(--grey-300);background:transparent}
.faq-list .accordion-button{background:transparent;padding:22px 12px;font-weight:600;color:var(--secondary);box-shadow:none;transition:background-color .25s ease,color .2s ease}
.faq-list .accordion-button:hover{background:var(--grey-100)}
.faq-list .accordion-button:not(.collapsed){background:var(--primary-rgba-5);color:var(--primary)}
.faq-list .accordion-button::after{content:"+";background-image:none;font-size:1.4rem;color:var(--primary)}
.faq-list .accordion-button:not(.collapsed)::after{content:"–"}
.faq-list .accordion-body{padding:0 12px 24px;max-width:820px;line-height:1.6;color:var(--default)}

/*Blog*/
.sn-blog__panel{background:var(--light);border-radius:18px}
.sn-blog__head{max-width:720px;margin-bottom:36px}
.sn-blog__badge{display:inline-block;margin-bottom:10px;padding:4px 12px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);border:1px solid var(--primary-rgba-30);border-radius:14px}
.sn-blog__kicker{font-size:2.2rem;font-weight:800;color:var(--primary);line-height:1.15;margin-bottom:10px}
.sn-blog__lead{margin:0;color:var(--default);line-height:1.6}
.sn-post{height:100%;background:var(--light);border:1px solid var(--grey-200);border-radius:14px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.sn-post:hover{transform:translateY(-3px);box-shadow:0 16px 32px var(--dark-rgba-10)}
.sn-post__media{display:block;background:var(--grey-100)}
.sn-post__media img{width:100%;height:240px;object-fit:cover;opacity:.85}
.sn-post__body{padding:18px 18px 20px}
.sn-post__date{display:block;margin-bottom:6px;font-size:.75rem;color:var(--grey-900)}
.sn-post__h{font-size:1.05rem;font-weight:800;line-height:1.35;margin:0 0 12px}
.sn-post__h a{color:var(--secondary);text-decoration:none}
.sn-post__h a:hover{color:var(--primary)}
.sn-post__more{font-size:.9rem;font-weight:700;color:var(--primary);text-decoration:none}
.sn-post__more:hover{text-decoration:underline}
.ee-loader{display:flex;justify-content:center;padding:2rem 0}
.ee-loader::after{content:'';width:28px;height:28px;border:3px solid #00000026;border-top-color:#000;border-radius:50%;animation:ee-spin .7s linear infinite}
@keyframes ee-spin {to{transform:rotate(360deg)}}
.sn-post{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}
.sn-post--enter{opacity:0;transform:translateY(16px)}

/*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) {
	.contact-map iframe{height:480px}
}	
@media (max-width: 1025px) {}
@media (min-width: 992px) and (min-width: 1200px) {}
@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: #000;}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #000;}	
	.sticky-header-active .hamburger-inner, 
	.sticky-header-active .hamburger-inner::before, 
	.sticky-header-active .hamburger-inner::after {background-color:#000;}
	.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: #000;}		
	.dropdown-item.active, .dropdown-item:active {text-decoration: none;  background-color: var(--secondary);}
	
	.cover-hero{padding:140px 0 80px}	
	.content-panel{padding:40px}
	.content-panel__main{padding-left:0;border-left:none;border-top:1px solid var(--grey-200);padding-top:40px}	

	.sn-blog__kicker {font-size: 1.9rem; }
	
	#header .header-nav-bar .header-nav {min-height: 46px  !important;}

	.hero-prijevod{padding:140px 0 100px 0}
	.hero-content h1{font-size:2.4rem}
	.hero-cta{grid-template-columns:1fr}	

	.faq-image{min-height:300px;background-image:linear-gradient(to bottom,#00000080 0%,#0006 55%,#3a3a3d 100%),var(--faq-bg)}
	.faq-content{padding:3rem 1.5rem}
	.faq-title{font-size:2.2rem;margin-bottom:2rem}

	.cta-split{grid-template-columns:1fr;padding:22px 18px}
	.cta-split::after{top:50%;bottom:auto;left:18px;right:18px;width:auto;height:1px;transform:translateY(-50%)}
	.cta-side{justify-content:center;text-align:center;padding:0;flex-direction:column}
	.cta-text{max-width:none}
	.cta-title{font-size:1.25rem}
	
	.process-steps{grid-template-columns:1fr}
	.process-steps::before{display:none}
	.process-step{margin-bottom:30px}
   
    .sidebar.sidebar-filter.is-sticky {z-index: 9999;left: 0; right: 0; width: 100%; margin-left: 0 !important;margin-right: 0 !important;}		
	.sidebar.sidebar-filter.is-sticky .shop-filters-toggle i {color: #6c757d;  margin-right: 15px;}	
	
	.sidebar.sidebar-filter.is-sticky.menu-open-zfix {z-index: 20;}
    .sidebar.sidebar-filter.is-sticky .shop-filters-body {    overscroll-behavior: contain;  }		
	.shop-filters-toggle {background: #fff;}
	.pt-5-mobile {padding-top: 1rem !important}
	body.has-overlay-open .sidebar.sidebar-filter { position: static !important;  }
}

@media (max-width: 801px) {}
@media (max-width: 769px) {
	.blog-section-title{font-size:2.2rem}
	.blog-image img{height:200px}
	.faq-question{font-size:1rem;padding-right:2.5rem}
	.service-box{flex-direction:row}
	.service-title{font-size:1.1rem}  
    
    .intro-bar{padding:14px 0}
    .intro-bar-inner{flex-direction:column;align-items:flex-start;gap:4px}
    .breadcrumb-flow{font-size:.82rem}   	
	
	.product-thumb-info-image img {max-width: 100%;  height: auto;}
	#header .header-nav-bar {line-height: 0;} 
	#header .header-column .header-extra-info li .header-extra-info-icon { font-size: 29px;}
	#header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img {height: 28px;}
    
    #header .header-nav-features .header-nav-features-user .header-nav-features-dropdown {  margin-right: -101px;  width: 300px;  max-width: 90vw;  padding: 20px;  top: 10px;  min-width: auto;}

	.product-favorite-detail .favorite-trigger--detail{width:100%;justify-content:center}
	.category-description-listing-wrapper{padding:2rem 1rem}
	.category-description-listing-title{font-size:1.2rem}		
	
	.cta-side--left .cta-icon {margin-bottom: 35px}
	.cta-side--right .cta-icon {margin-top: 35px}	
	
	.faq-intro-box{padding:16px 18px}
	.breadcrumb > li + li::before {padding: 0 0px 0 0px;}
	.cover-hero__breadcrumb ol.breadcrumb > li + li::before {margin: 0 4px;}
	
	.sn-blog--home .sn-blog__head {flex-direction: column; align-items: flex-start; }
	.sn-blog--home .sn-blog__cta { margin-top: 12px;}
}	
@media (max-width: 737px) {}
@media (max-width: 668px) {}	
@media (max-width: 601px) {
	.price .badge {font-size: 1rem;}
	.price-current {font-size: 1.5rem;}
	.prod-short-desc {font-size: .85rem; line-height: 1.55;}
	.product-tabs .rte-content {font-size: .85rem; line-height: 1.55;}
	.content-panel { padding: 15px;}
}
@media (max-width: 569px) {
	.cart-totals{ font-size:14px; }
	.cart-totals tr:last-child td:last-child .amount{ font-size:22px; }
	.product-content-info .justify-content-between {  justify-content: center !important; }
	.product-content-info h3 {font-size: 1rem !important;  line-height: 1.2 !important;height: 2.6rem;}  
	.product-content-info .price {justify-content: center !important;}
	.product-content-info .price .amount {font-size: 1rem;}
	.product { padding: 0.8rem}  
  
	.content-map{margin-top:48px}
	.contact-map iframe{height:300px}
	
	.sn-blog__panel {padding: 32px 18px; border-radius: 14px;}
	.sn-post__media img {height: 150px; }
  
	.cover-hero{padding:130px 0 70px;min-height:360px}
	.cover-hero__title{font-size:2rem}  
	.faq-intro-icon { display: none;}
	
	.sn-blog--home .sn-post__media img { height: 140px; }
}	
@media (max-width: 481px) {}	
@media (max-width: 416px) {}
@media (max-width: 376px) {}
@media (max-width: 321px) {}
@media (max-width: 241px) {}
