/* IV-IREN — most između ispisa E5 i koncept.css (koncept.css se ne mijenja).
   Samo E5 stvari: omoti blokova, izbornik, ispis modula, forme, traka kolačića, stanja bez JS-a. */

/* bez JS-a sav sadržaj je vidljiv (otkrivanje pri skrolanju je samo ukras) */
html:not(.js) .rv{opacity:1;transform:none}
.rv.d1{transition-delay:80ms}.rv.d2{transition-delay:160ms}
html.iv-lock{overflow:hidden}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 10px 0}
.skip:focus{left:0}

/* tekstualni blok E5 = <article>…</article>; omot ne smije kvariti mrežu koncepta */
main > article, main section > .wrap > article, main .logos > article, main .iv-only-root > article{display:contents}
main:has([data-iv-sub]) .iv-only-root{display:none}

/* izbornik: E5 ispisuje ul.menu_slick > li > a */
#menu ul{display:contents;list-style:none;margin:0;padding:0}
#menu nav{display:contents}   /* izbornički blok s main_menu=1 (stranice 2 i 3) dodaje <nav> oko popisa */
#menu li{display:contents}
#menu a[aria-current="page"]{color:var(--blue-d);background:var(--blue-l)}
.mnav .btn{margin-top:26px;justify-content:center}
.mnav a.l[aria-current="page"]{color:var(--blue-d)}

/* podnožje: logo je <img> (u bloku podnožja), dimenzije kao .lg svg */
.ft .lg img{height:44px;width:auto;border-radius:7px;margin-bottom:18px}

/* ladica za upit (webshop): naslov je h2 (jedan h1 po stranici) */
/* addons lean.css: #cart_checkout{display:none;top:20% !important;width:480px;border-radius:4px} — ladica je vlastita, ne leanModal */
section#cart_checkout.basket_content{display:flex;flex-direction:column;top:0!important;width:min(420px,100%);margin:0;padding:0;border-radius:0}
.basket_content h2{font-size:19px;margin:0}
.basket_head_r{display:flex;align-items:center;gap:10px}
.cart_view_cnt li .sum{text-align:right}
.cart_view_cnt li.iv-out{opacity:.3;transition:opacity .2s}
.cartbtn{color:var(--ink)}

/* katalog: na naslovnici 6 kartica, ostale otvara filtar */
.cats .cat.more{display:none}
.cats.filtered .cat.more:not(.hide){display:block}
.iv-b2b-note{color:var(--muted);font-size:14.5px;border-left:3px solid var(--blue);padding:10px 0 10px 16px}
.iv-subcats{margin-top:46px}
.iv-subcats h2{font-size:26px;margin-bottom:22px}
.iv-subcats .cats{grid-template-columns:repeat(2,1fr)}
.side .btn-o + .btn-o{margin-top:10px}
.side li::before{content:"";width:18px;height:18px;flex-shrink:0;margin-top:3px;background:var(--blue);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.prose ul, .prose ol{padding-left:22px;margin:0 0 16px}
.prose li{margin-bottom:6px}
.prose img{border-radius:14px;margin:10px 0}

/* B2B: pretraga/sortiranje, prazno stanje */
.prow.hide, .kat-blok.hide{display:none}
.iv-empty{color:var(--muted);padding:22px 0}
.iv-note{color:var(--muted);font-size:14px;margin-top:26px}
.prow .qty input, .kup input{font:inherit}
.kat-head h2 a:hover{color:var(--blue-d)}
.add[disabled]{opacity:.55;pointer-events:none}
.pdp .tb img{cursor:pointer}
.pdp .tb img.on{outline:2px solid var(--blue);outline-offset:2px}
.spec .opis p{color:var(--ink-2);line-height:1.7;margin-bottom:12px}
.spec .opis h3{font-size:17px;margin:18px 0 8px}
.spec .opis ul{padding-left:20px;color:var(--ink-2)}

/* novosti: galerija u članku */
.iv-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.iv-gal img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}

/* kontakt: forma modula online-forms (dl/dt/dd) u izgledu .form koncepta */
/* kartica: klasa .form koncepta (zakrpa online-forms), ovdje samo raspored polja */
.ct form.contact_form dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
@media (max-width:600px){.ct form.contact_form dl{grid-template-columns:minmax(0,1fr)}}   /* mobitel: jedan stupac (dva su bila 106/173px) */
.ct form.contact_form dl > div{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.ct form.contact_form dt label{font-size:14px;font-weight:700}
.ct form.contact_form dd{position:relative}
/* bb jezgra: telefon je type=tel (prije text) */
.ct form.contact_form input[type=text], .ct form.contact_form input[type=email], .ct form.contact_form input[type=tel], .ct form.contact_form input[type=number], .ct form.contact_form textarea, .ct form.contact_form select{
  width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;font-size:15px;outline:none;transition:.2s;background:#fff}
.ct form.contact_form input:focus, .ct form.contact_form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-l)}
.ct form.contact_form textarea{min-height:120px;resize:vertical}
.ct form.contact_form .cnt_form_div_note, .ct form.contact_form .consent_data{grid-column:1/-1}
.ct form.contact_form .consent_data{flex-direction:row;align-items:flex-start;gap:12px;font-size:12.5px;color:var(--muted)}
.ct form.contact_form .consent_data dd p{margin-bottom:6px}
.ct form.contact_form .formInfo{color:var(--blue);margin-left:4px}
.ct form.contact_form dd .formInfo{position:absolute;right:12px;top:12px}
.ct form.contact_form .buttons_action{grid-column:1/-1;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.ct form.contact_form input[type=submit], .ct form.contact_form input[type=reset]{display:inline-flex;align-items:center;padding:15px 26px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-family:inherit}
.ct form.contact_form input[type=submit]{background:var(--blue);border-color:var(--blue);color:#fff}
.ct form.contact_form input[type=reset]{border-color:var(--line)}
.ct form.contact_form input[type=reset]:hover, .ct form.contact_form input[type=reset]:focus-visible{border-color:var(--ink);background:#fff}
.ct form.contact_form input[type=submit]:hover{background:var(--blue-d);border-color:var(--blue-d)}
.ct form.contact_form dl > dt:empty{display:none}

/* ===== upit (webshop checkout, koraci 1–3) u izgledu koncepta (upit.html: .koraci, .ptable, .form, .rekap) =====
   addons/css/basic.css ovdje ima puno !important (narančasti/zeleni gumbi, crvene zvjezdice, sjene) — zato prefiks .iv-upit i !important */
.iv-upit .wrap > *{max-width:100%}
/* koraci: dl.HeadShop > dt(.sel) > a  ->  .koraci > .korak(.on) s brojem */
.iv-upit .HeadShop{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px;width:auto;counter-reset:korak}
.iv-upit .HeadShop dt{display:block;width:auto;counter-increment:korak}
.iv-upit .HeadShop dt::before{content:none!important}
.iv-upit .HeadShop dt a{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;background:var(--soft);font-weight:700;font-size:14.5px!important;color:var(--muted)!important;cursor:default;transition:.2s}
.iv-upit .HeadShop dt a::before{content:counter(korak);width:22px;height:22px;border-radius:50%;background:#fff;color:var(--ink-2);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}
.iv-upit .HeadShop dt a.hoverable{cursor:pointer}
.iv-upit .HeadShop dt:hover a.hoverable{color:var(--ink)!important;background:var(--soft-2)}
.iv-upit .HeadShop dt:hover, .iv-upit .HeadShop dt:hover a{font-size:14.5px!important}
.iv-upit .HeadShop dt.sel a, .iv-upit .HeadShop dt.sel:hover a{background:var(--ink);color:#fff!important}
.iv-upit .HeadShop dt.sel a::before{background:rgba(255,255,255,.25);color:#fff}

/* korak 1: tablica artikala (dl.ListTop / dl.ListBottom*) -> .ptable */
.iv-upit form.checkout_process{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;display:block}
.iv-upit .checkout_process dl{display:grid;grid-template-columns:56px minmax(0,1fr) 90px 120px 190px;gap:16px;align-items:center;padding:12px 18px;margin:0;border-bottom:1px solid var(--line);background:#fff!important}
.iv-upit .checkout_process dl.ListTop{background:var(--soft)!important;font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.iv-upit .checkout_process dl:hover:not(.ListTop){background:var(--soft)!important}
.iv-upit .checkout_process dl dt, .iv-upit .checkout_process dl dd{width:auto!important;padding:0!important;margin:0;text-align:left;border:0!important;background:none!important;box-shadow:none!important;height:auto!important}
.iv-upit .checkout_process dl dt.cart_quantity{text-align:right}
.iv-upit .checkout_process .IznosBottom{padding:14px 18px;border-top:0}
.iv-upit .checkout_process .cart_number{color:var(--muted);font-size:14px!important}
.iv-upit .checkout_process .cart_unit{color:var(--muted);font-size:14px!important}
.iv-upit .checkout_process .cart_unit_price{text-align:right!important}
.iv-upit .checkout_process dd.cart_unit_price{font-size:16px!important;font-weight:800!important}
.iv-upit .cart_product{display:flex;align-items:center;gap:14px}
.iv-upit .artikl-img img{width:72px;height:54px;object-fit:cover;border-radius:8px;background:var(--soft-2);display:block}
.iv-upit .artikl-info h2{font-size:15.5px;font-weight:700;margin:0;letter-spacing:0;line-height:1.3}
.iv-upit .artikl-info p:empty{display:none}
.iv-upit .artikl-info .notice{color:#b4232c;font-size:13px}
.iv-upit dd.cart_quantity{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.iv-upit .qty-wrapper{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.iv-upit .qty-wrapper input{width:52px!important;border:0!important;text-align:center;font:inherit!important;font-size:15px!important;font-weight:700!important;padding:8px 2px!important;background:#fff!important;float:none!important;-moz-appearance:textfield}
.iv-upit .qty-wrapper input::-webkit-inner-spin-button, .iv-upit .qty-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.iv-upit .qty-btn{width:36px;height:38px;border:0;background:var(--soft);color:var(--ink);font-size:18px!important;line-height:1!important;cursor:pointer;transition:.2s}
.iv-upit .qty-btn:hover{background:var(--blue-l);color:var(--blue-d)}
.iv-upit .cart_quantity a.remove-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line)!important;background:#fff!important;padding:0!important;color:var(--muted);font-size:0!important;cursor:pointer;transition:.2s}
.iv-upit .cart_quantity a.remove-btn::before{content:"\2715";font-size:15px;line-height:1}
.iv-upit .cart_quantity a.remove-btn:hover{border-color:var(--ink)!important;color:var(--ink)}
.iv-upit .cart_quantity a.remove-btn i{display:none}
.iv-upit .IznosBottom{display:block;border:0;padding:18px 0 0;text-align:right}
.iv-upit .IznosBottom span{display:inline;margin:0;font-size:15px;font-weight:700;color:var(--ink-2);text-transform:none}

/* gumbi koraka (.ButtonBox: #back_to_shop / .prevStep / .nextStep / .confirmStep) -> .btn koncepta */
.iv-upit .ButtonBox{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:24px 0 0;padding:0;width:100%}
.iv-upit .ButtonBox a, .iv-upit .ButtonBox input[type=submit], .iv-upit #back_to_shop a{display:inline-flex!important;align-items:center;gap:10px;margin:0!important;padding:15px 26px!important;border-radius:12px!important;font:inherit!important;font-weight:700!important;font-size:15px!important;text-transform:none!important;cursor:pointer;transition:.25s;line-height:1.2!important}
.iv-upit .nextStep, .iv-upit .confirmStep{background:var(--blue)!important;border:1.5px solid var(--blue)!important;color:#fff!important;margin-left:auto!important;box-shadow:0 10px 24px -10px rgba(0,158,224,.6)}
.iv-upit .nextStep:hover, .iv-upit .nextStep:focus, .iv-upit .confirmStep:hover, .iv-upit .confirmStep:focus{background:var(--blue-d)!important;border-color:var(--blue-d)!important;color:#fff!important;transform:translateY(-2px)}
.iv-upit .prevStep, .iv-upit #back_to_shop a{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--ink)!important}
.iv-upit .prevStep:hover, .iv-upit .prevStep:focus, .iv-upit #back_to_shop a:hover{background:#fff!important;border-color:var(--ink)!important;color:var(--ink)!important}
.iv-upit .nextStep::after, .iv-upit .confirmStep::after{content:"";width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.iv-upit input.nextStep::after{content:none}

/* korak 2: podaci o tvrtki (.LoginRegisterMain .MiddleOrderForm, fieldset > label + input) -> .form koncepta */
.iv-upit .LoginRegisterMain{display:block;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh)!important;border-bottom:1px solid var(--line)!important;padding:34px 36px}
.iv-upit .RightRegister.MiddleOrderForm{width:100%;float:none;margin:0;padding:0}
.iv-upit .LoginRegisterMain h2, .iv-upit .LoginRegisterMain h3{font-size:24px!important;font-weight:800!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:-.02em;margin:0 0 6px!important;padding:0!important;border:0!important}
.iv-upit .MiddleOrderForm > h2::after{content:"Naziv tvrtke i OIB nisu obavezni, ali ubrzavaju pripremu ponude.";display:block;font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0;margin:10px 0 24px}
.iv-upit #order_form{display:grid!important;grid-template-columns:1fr 1fr;gap:0 18px}
.iv-upit .middle_order_form_left_column, .iv-upit .middle_order_form_right_column{width:auto!important;float:none!important;padding:0!important;margin:0!important}
.iv-upit #order_form .ButtonBox{grid-column:1/-1}
.iv-upit .LoginRegisterMain fieldset{display:flex;flex-direction:column;gap:7px;margin:0 0 14px!important;border:0;padding:0!important;min-width:0}
.iv-upit .LoginRegisterMain fieldset label{font-size:14px!important;font-weight:700!important;color:var(--ink)!important;padding:0!important}
.iv-upit .LoginRegisterMain .required_field_mark{color:var(--blue);font-weight:700}
.iv-upit .LoginRegisterMain fieldset input, .iv-upit .LoginRegisterMain fieldset select, .iv-upit .LoginRegisterMain fieldset textarea, .iv-upit .order_note textarea{
  width:100%!important;max-width:100%!important;border:1.5px solid var(--line)!important;border-radius:12px!important;padding:13px 14px!important;font:inherit!important;font-size:15px!important;color:var(--ink)!important;background:#fff!important;box-shadow:none!important;outline:none;transition:.2s}
.iv-upit .LoginRegisterMain fieldset input:hover, .iv-upit .LoginRegisterMain fieldset select:hover, .iv-upit .LoginRegisterMain fieldset textarea:hover, .iv-upit .order_note textarea:hover{border-color:#c8cfd5!important;background:#fff!important}
.iv-upit .LoginRegisterMain fieldset input:focus, .iv-upit .LoginRegisterMain fieldset select:focus, .iv-upit .LoginRegisterMain fieldset textarea:focus, .iv-upit .order_note textarea:focus{border-color:var(--blue)!important;background:#fff!important;box-shadow:0 0 0 4px var(--blue-l)!important}
.iv-upit .LoginRegisterMain fieldset span.formInfo, .iv-upit .LoginRegisterMain fieldset span.red_star{position:static!important;color:var(--blue)}
.iv-upit .LoginRegisterMain .alert, .iv-upit .LoginRegisterMain .error, .iv-upit .LoginRegisterMain p.notice{color:#b4232c;font-size:14px}

/* korak 3: potvrda (.shop_receipt_customer_info dl, bilješka, privola, popis) -> .rekap koncepta */
.iv-upit .shop_receipt_customer_info{border:1px solid var(--line);border-radius:18px;padding:26px 28px;background:#fff;margin:0 0 24px}
.iv-upit .shop_receipt_customer_info_left_column{width:auto!important;float:none!important;padding:0!important}
.iv-upit .shop_receipt_customer_info h3{font-size:20px!important;margin:0 0 18px!important}
.iv-upit .shop_receipt_customer_info dl{display:grid;grid-template-columns:190px 1fr;gap:10px 18px;font-size:15px;margin:0}
.iv-upit .shop_receipt_customer_info dt{color:var(--muted);font-weight:600;width:auto!important;float:none!important;padding:0!important}
.iv-upit .shop_receipt_customer_info dd{font-weight:600;color:var(--ink);margin:0;width:auto!important;float:none!important;padding:0!important}
.iv-upit form#complete_order{display:block}
.iv-upit .order_note{display:flex;flex-direction:column;gap:7px;margin:0 0 18px}
.iv-upit .order_note dt{font-size:14px;font-weight:700;color:var(--ink)}
.iv-upit .order_note textarea{min-height:110px;resize:vertical}
.iv-upit .consent_data{display:flex!important;gap:12px;align-items:flex-start;background:var(--soft)!important;border-radius:14px;padding:16px 18px!important;margin:0 0 22px!important;font-size:13px;color:var(--muted);line-height:1.55}
.iv-upit .consent_data dt{padding:2px 0 0!important;display:flex;gap:4px;align-items:center}
.iv-upit .consent_data input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);transform:none!important;margin:0!important}
.iv-upit .consent_data .formInfo{color:var(--blue)}
.iv-upit .consent_data dd p{margin:0 0 6px}
.iv-upit #complete_order dl[class^="ListTopConfirm"], .iv-upit #complete_order dl[class^="ListBottomconfirm"]{display:grid;grid-template-columns:56px minmax(0,1fr) 90px 120px 90px;gap:16px;align-items:center;padding:12px 18px;margin:0;border:1px solid var(--line);border-top:0;background:#fff!important}
.iv-upit #complete_order dl.ListTopConfirm{border-top:1px solid var(--line);border-radius:18px 18px 0 0;background:var(--soft)!important;font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.iv-upit #complete_order dl[class^="ListBottomconfirm"]:last-of-type{border-radius:0 0 18px 18px}
.iv-upit #complete_order dl dt, .iv-upit #complete_order dl dd{width:auto!important;float:none!important;padding:0!important;margin:0;text-align:left;border:0!important;background:none!important;height:auto!important}
.iv-upit #complete_order dl .cart_product{font-weight:700;font-size:15.5px}
.iv-upit #complete_order dl dd.cart_unit_price{font-weight:800;text-align:right}
.iv-upit #complete_order dl dt.cart_unit_price{text-align:right}
.iv-upit #complete_order dl .cart_quantity{text-align:center}
.iv-upit #complete_order dl .cart_number, .iv-upit #complete_order dl .cart_unit{color:var(--muted);font-size:14px}
.iv-upit .PDVList, .iv-upit .ok_message, .iv-upit .success_msg{border:1px solid var(--line);border-radius:18px;padding:22px 24px;background:#fff}

@media (max-width:900px){
  .iv-upit .LoginRegisterMain{padding:24px 20px}
  .iv-upit #order_form{grid-template-columns:1fr}
  .iv-upit .checkout_process dl{grid-template-columns:56px minmax(0,1fr) auto;row-gap:8px}
  .iv-upit .checkout_process dl.ListTop{display:none}
  .iv-upit .checkout_process .cart_number, .iv-upit .checkout_process .cart_unit{display:none}
  .iv-upit .checkout_process .cart_product{grid-column:1/3}
  .iv-upit .checkout_process dd.cart_unit_price{grid-column:3;grid-row:1}
  .iv-upit .checkout_process dd.cart_quantity{grid-column:1/-1;justify-content:flex-start}
  .iv-upit #complete_order dl[class^="ListTopConfirm"]{display:none}
  .iv-upit #complete_order dl[class^="ListBottomconfirm"]{grid-template-columns:minmax(0,1fr) auto auto;border-top:1px solid var(--line);border-radius:14px!important;margin-bottom:8px}
  .iv-upit #complete_order dl .cart_number, .iv-upit #complete_order dl .cart_unit{display:none}
  .iv-upit .shop_receipt_customer_info dl{grid-template-columns:1fr;gap:2px 0}
  .iv-upit .shop_receipt_customer_info dt{margin-top:10px}
  .iv-upit .ButtonBox a, .iv-upit .ButtonBox input[type=submit]{flex:1 1 100%;justify-content:center}
  .iv-upit .nextStep, .iv-upit .confirmStep{margin-left:0!important;order:-1}
}

/* GDPR stranice i traka kolačića */
.iv-gdpr aside > h2:first-child{font-size:26px;margin:0 0 16px}   /* naslov privole jezgre (h1 -> h2, patch_core) */
.iv-gdpr h2{font-size:22px;margin:26px 0 12px}
.iv-gdpr p{margin-bottom:12px;color:var(--ink-2)}
.iv-gdpr .gdpr_box, .iv-gdpr .gdpr_infotext{padding:0;display:block}

/* traka kolačića (E5 .cookie_gdpr) u izgledu koncepta
   addons/css/basic.css: zelena/siva pozadina i na :hover, float + width 48 % na mobitelu, margine s !important, z-index 999999 (iznad ladice) */
.cookie_gdpr{position:fixed;left:20px;right:auto;bottom:20px;z-index:75;width:min(560px,calc(100% - 40px));margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-l);padding:18px 20px;font-size:14px;color:var(--ink-2)}
.cookie_gdpr form{padding:0;display:block;width:auto}
.cookie_gdpr .cookie_gdpr__bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cookie_gdpr .cookie_gdpr__bar button, .cookie_gdpr .cookie_gdpr__save button{float:none;width:auto;margin:0!important;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:700;font-size:14px;line-height:1.2;cursor:pointer;border-radius:12px;padding:12px 18px;text-align:center;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.cookie_gdpr .cookie_btn_accept_all, .cookie_gdpr .cookie_btn_accept_all:hover{font-size:14px}
.cookie_gdpr .cookie_btn_accept_all{background:var(--blue);color:#fff;border:1.5px solid var(--blue)}
.cookie_gdpr .cookie_btn_accept_all:hover, .cookie_gdpr .cookie_btn_accept_all:focus-visible{background:var(--blue-d);border-color:var(--blue-d);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(0,121,176,.7)}
.cookie_gdpr .cookie_btn_accept{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.cookie_gdpr .cookie_btn_accept:hover, .cookie_gdpr .cookie_btn_accept:focus-visible{background:var(--soft);color:var(--ink);border-color:var(--ink);font-size:14px}
.cookie_gdpr .cookie_gdpr__bar button.cookie_gdpr__toggle{width:44px;height:44px;flex:0 0 44px}
.cookie_gdpr .cookie_gdpr__toggle{background:#fff;color:var(--ink-2);border:1.5px solid var(--line);width:44px;height:44px;padding:0!important;font-size:18px!important;margin-left:auto!important}
.cookie_gdpr .cookie_gdpr__toggle:hover, .cookie_gdpr .cookie_gdpr__toggle:focus-visible, .cookie_gdpr .cookie_gdpr__toggle[aria-expanded="true"]{background:var(--soft);border-color:var(--ink);color:var(--ink)}
.cookie_gdpr button:focus-visible, .cookie_gdpr a:focus-visible{outline:3px solid var(--blue-l);outline-offset:2px}
.cookie_gdpr .cookie_gdpr__details{margin-top:16px}
.cookie_gdpr .cookie_gdpr__details em{display:block;font-style:normal;color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:12px}
.cookie_gdpr .cookie_gdpr__checks{border:0;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;padding:0;width:auto}
.cookie_gdpr .cookie_gdpr__checks div{display:flex!important;align-items:center;gap:6px;width:auto!important;float:none!important;margin:0!important}
.cookie_gdpr .cookie_gdpr__checks div input{margin:0!important;width:16px;height:16px;accent-color:var(--blue)}
.cookie_gdpr .cookie_gdpr__checks label{font-size:14px!important;color:var(--ink-2)!important;cursor:pointer}
.cookie_gdpr .cookie_gdpr__links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.cookie_gdpr .cookie_gdpr__links a, .cookie_gdpr .cookie_gdpr__links a:hover{float:none!important;width:auto!important;display:inline!important;margin:0!important;padding:0!important;background:none!important;border:0;border-radius:0;font-size:14px!important;font-weight:700;text-decoration:none!important;text-align:left;clear:none}
.cookie_gdpr .cookie_btn_settings{color:var(--blue-d)!important}
.cookie_gdpr .cookie_btn_refuse{color:var(--muted)!important}
.cookie_gdpr .cookie_gdpr__links a:hover, .cookie_gdpr .cookie_gdpr__links a:focus-visible{text-decoration:underline!important;text-underline-offset:3px}
.cookie_gdpr .cookie_btn_refuse:hover{color:var(--ink)!important}
@media (max-width:600px){
  .cookie_gdpr{left:12px;bottom:12px;width:calc(100% - 24px);padding:16px}
  .cookie_gdpr .cookie_gdpr__bar button.cookie_btn_accept_all, .cookie_gdpr .cookie_gdpr__bar button.cookie_btn_accept{flex:1 1 0;padding:12px 10px}
}

/* E5 slicknav (automatski mobilni izbornik iz ul.menu_slick) — koncept ima vlastiti (#mnav) */
.slicknav_menu{display:none!important}

/* korak 3 i kontakt: basic.css ima #complete_order dl.order_note{display:table; dt 21 %}, .consent_data dt{float:left} dd{float:right;width:80–93 % !important} */
.iv-upit #complete_order dl.order_note{display:flex!important;flex-direction:column;gap:7px;width:100%;margin:0 0 18px!important;padding:0;border:0!important}
.iv-upit #complete_order dl.order_note dt{width:auto!important;font-size:14px!important;font-weight:700!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important;padding:0!important}
.iv-upit #complete_order dl.order_note dd{width:100%!important;padding:0!important;margin:0}
.iv-upit #complete_order .order_note textarea{border:1.5px solid var(--line)!important}
.iv-upit #complete_order .order_note textarea:hover{border:1.5px solid #c8cfd5!important}
.iv-upit #complete_order .order_note textarea:focus{border:1.5px solid var(--blue)!important;box-shadow:0 0 0 4px var(--blue-l)!important}
.iv-upit #complete_order dl.consent_data, .ct form.contact_form .consent_data{display:flex!important;gap:12px;align-items:flex-start}
.iv-upit #complete_order dl.consent_data dt, .iv-upit #complete_order dl.consent_data dd, .ct form.contact_form .consent_data dt, .ct form.contact_form .consent_data dd{float:none!important;width:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
.iv-upit #complete_order dl.consent_data dd, .ct form.contact_form .consent_data dd{flex:1;min-width:0}
.iv-upit #complete_order dl.consent_data dt{padding-top:2px!important}
.consent_data input[type=checkbox]{transform:none!important;width:18px;height:18px;accent-color:var(--blue);margin:0!important}
.iv-upit #complete_order dl.ListTopConfirm dt{color:var(--muted)!important;font-size:12.5px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em}

/* GDPR stranice (ispis jezgre: .gdpr_box s privolama, .gdpr_info_box deklaracija kolačića) */
.iv-gdpr .gdpr_box{padding:0;margin:0 0 40px}
.iv-gdpr .gdpr_box em, .iv-gdpr .gdpr_infotext em{display:block;font-style:normal;color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 22px}
.iv-gdpr .gdpr_box form{margin:0;display:block}
.iv-gdpr .gdpr_box fieldset{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;background:var(--soft);border:0;border-radius:18px;padding:24px 26px;margin:0}
.iv-gdpr .gdpr_box fieldset legend{float:left;width:100%;font-size:16px;font-weight:800;color:var(--ink);margin:0 0 4px;padding:0}
.iv-gdpr .gdpr_box fieldset div{width:auto!important;float:none!important;margin:0!important;display:inline-flex!important;align-items:center;gap:8px;font-size:15px;color:var(--ink-2)}
.iv-gdpr .gdpr_box fieldset div input[type=checkbox]{transform:none!important;width:18px;height:18px;accent-color:var(--blue);margin:0!important}
.iv-gdpr .gdpr_box .ok_active{float:none!important;margin:10px 0 0!important;display:inline-flex;align-items:center;padding:14px 22px;border-radius:12px;font:inherit;font-size:15px!important;font-weight:700;text-transform:none;cursor:pointer;transition:.2s;background:#fff!important;border:1.5px solid var(--line)!important;color:var(--ink)!important;clear:none}
.iv-gdpr .gdpr_box .ok_active:hover, .iv-gdpr .gdpr_box .ok_active:focus-visible{border-color:var(--ink)!important;background:#fff!important;color:var(--ink)!important}
.iv-gdpr .gdpr_box button.ok_active{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.iv-gdpr .gdpr_box button.ok_active:hover, .iv-gdpr .gdpr_box button.ok_active:focus-visible{background:var(--blue-d)!important;border-color:var(--blue-d)!important;color:#fff!important}
.iv-gdpr .gdpr_info_box{padding:0;margin:0;display:block}
.iv-gdpr .gdpr_info_box h2{font-size:26px!important;margin:0 0 20px!important}
.iv-gdpr .gdpr_info_box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.iv-gdpr .gdpr_info_box h2{grid-column:1/-1}
.iv-gdpr .gdpr_info_box aside{display:block!important;width:auto!important;height:auto!important;padding:20px 22px!important;border:1px solid var(--line)!important;border-radius:16px;background:#fff}
.iv-gdpr .gdpr_info_box aside em{display:block;font-style:normal;font-weight:800;color:var(--ink);font-size:16px;margin-bottom:8px}
.iv-gdpr .gdpr_info_box aside p{font-size:14.5px;color:var(--muted);line-height:1.6;margin:0}
.iv-gdpr table{width:100%;border-collapse:collapse;font-size:14.5px;margin:12px 0 22px}
.iv-gdpr th, .iv-gdpr td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}

/* E5 „na vrh” (#toTop, addons ui.totop) u izgledu koncepta */
#toTop{position:fixed;right:20px;bottom:20px;z-index:70;width:46px;height:46px;border-radius:12px;background:#fff!important;border:1.5px solid var(--line);box-shadow:var(--sh);font-size:0!important;text-indent:0;overflow:hidden;transition:border-color .2s,transform .2s}
#toTop #toTopHover{display:none!important}
#toTop::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;background:var(--ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}
#toTop:hover, #toTop:focus-visible{border-color:var(--ink);transform:translateY(-2px);outline:none}

/* B2B redak na mobitelu: koncept (≤600 px) predviđa gumb-ikonu u stupcu od 44 px; naš je gumb tekstualni „Dodaj”
   -> dva reda: slika | naziv, ispod cijena | Dodaj */
@media (max-width:600px){
  .ptable .prow:not(.hd){grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img name name" "img pr add";column-gap:14px;row-gap:8px;padding:14px 16px}
  .ptable .prow:not(.hd) > img{grid-area:img;align-self:start}
  .ptable .prow:not(.hd) > div:nth-child(2){grid-area:name;min-width:0}
  .ptable .prow:not(.hd) > .pr{grid-area:pr;grid-column:auto;align-self:center}
  .ptable .prow:not(.hd) > .add{grid-area:add;grid-row:auto;grid-column:auto;width:auto;padding:9px 18px!important;justify-self:end}
  .ptable .prow b{font-size:15px;line-height:1.3}
}
.iv-upit #back_to_shop{display:contents}
.iv-upit .artikl-info{min-width:0}
.iv-upit #complete_order dl.consent_data dd, .iv-upit #complete_order dl.consent_data dd p, .ct form.contact_form .consent_data dd, .ct form.contact_form .consent_data dd p{font-size:13px!important;line-height:1.55!important;color:var(--muted)!important}
.iv-gdpr .gdpr_box fieldset div:last-of-type{flex-basis:100%}

/* blok koji klijent doda u admin bez <section> koncepta (naslov + tekst iz editora) — širina, razmaci i tipografija koncepta */
main > article:not(:has(> section)){display:block;max-width:var(--max);margin:0 auto;padding:56px 28px;color:var(--ink-2)}
main > article:not(:has(> section)) > :is(h1,h2){font-size:clamp(28px,3.4vw,40px);margin:0 0 16px}
main > article:not(:has(> section)) > :is(h3,h4){font-size:22px;margin:0 0 12px}
main > article:not(:has(> section)) > em{display:block;font-style:normal;font-size:18px;color:var(--muted);margin:0 0 16px}
main > article:not(:has(> section)) p{line-height:1.7;margin:0 0 14px;max-width:760px}
main > article:not(:has(> section)) :is(ul,ol){padding-left:22px;margin:0 0 16px;line-height:1.7}
main > article:not(:has(> section)) a:not(.btn){color:var(--blue-d);font-weight:600}
main > article:not(:has(> section)) a:not(.btn):hover{text-decoration:underline}
main > article:not(:has(> section)) img{border-radius:14px;margin:10px 0}
@media (max-width:600px){ main > article:not(:has(> section)){padding:40px 20px} }

/* podnožje: E5 iza footer_info dodaje „&nbsp; | &nbsp;” (goli tekst) i poveznicu „Postavke kolačića” */
footer > .wrap{font-size:0}
footer > .wrap > .ft{font-size:15px}
footer .copyright_privacy_protection_btn{display:inline-block;margin-top:12px;font-size:13.5px;color:#868d92;transition:color .2s}
footer .copyright_privacy_protection_btn:hover{color:#fff}

/* galerija kategorije: E5 sličice su 80 px (koncept: velike slike) — min-content 4 × 80 + razmaci širi je od stupca na 375 px; stavke grida smiju se suziti */
.pd > *, .thumbs > *{min-width:0}

/* B2B tablica 601–900 px: koncept tu slaže 3 stupca (količina i gumb ispod naziva, preko cijele širine), a zaglavlje s 5 natpisa
   lomi se („Količina” u drugom redu) -> jedan red s 5 užih stupaca, natpisi zaglavlja točno iznad stupaca */
@media (min-width:601px) and (max-width:900px){
  .ptable .prow{grid-template-columns:56px minmax(0,1fr) 84px 92px 92px;gap:10px;padding:12px 16px}
  .ptable .prow .qty, .ptable .prow .btn, .ptable .prow .add{grid-column:auto;width:100%}
  .ptable .prow .qty input{width:100%}
  .ptable .prow img{width:56px;height:44px}
}

/* reference (logotipi) i kartice projekata/novosti: na hoveru plavi obrub (koncept: transparent -> izgledalo je bijelo) — zahtjev 23.10.2026. */
.refgrid span:hover, .case:hover{border-color:var(--blue)}
.case:focus-visible{border-color:var(--blue);outline:none}

/* hoveri koje koncept ne predviđa (klikabilno, a bez povratne informacije) — u stilu koncepta */
summary:hover{color:var(--blue-d)}
details:not([open]) summary:hover i{background:var(--blue-l);color:var(--blue-d)}
.thumbs button:not(.on):hover{border-color:color-mix(in srgb,var(--blue) 45%,transparent)}
.prow a{transition:color .2s}
.prow a:hover b, .prow a:focus-visible b{color:var(--blue-d)}
.link:not(:has(svg)):hover{text-decoration:underline;text-underline-offset:3px}
.tools select{transition:border-color .2s;cursor:pointer;min-height:46px}   /* mobitel: u svom redu je bio 26px (u redu s tražilicom se rasteže) */
.tools select:hover{border-color:var(--muted)}
.tools select:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-l);outline:none}
.ftb a{transition:color .2s}
.ftb a:hover{color:#fff}
.logo{transition:opacity .2s}
.logo:hover{opacity:.85}

/* bb traka kolačića (27.10.2026): „Samo nužni” u traci (stil drugog gumba), „Prihvaćam odabrane” u postavkama (.cookie_gdpr__save) */
.cookie_gdpr .cookie_gdpr__save{margin:0 0 14px}

/* ---- bb košarica u 3 koraka (27.10.2026: orders/checkout.php, #e5_cart_box, .e5_checkout) u izgledu upita koncepta ---- */
/* korak 1: 6 stupaca (R.br., artikl, jed. mj., cijena, količina + ukloni, iznos) */
.iv-upit .checkout_process dl{grid-template-columns:56px minmax(0,1fr) 70px 130px 150px 120px}
.iv-upit .checkout_process .cart_total{text-align:right!important}
.iv-upit .checkout_process dd.cart_total{font-size:16px!important;font-weight:800!important;color:var(--ink)}
.iv-upit .checkout_process dt.cart_quantity{text-align:center}
.iv-upit #e5_cart_box dd.cart_quantity{display:flex;align-items:center;justify-content:center;gap:8px}
.iv-upit #e5_cart_box .cart_quantity input.kolicina{width:72px;height:40px;margin:0;padding:0 6px;border:1.5px solid var(--line);border-radius:10px;background:#fff;text-align:center;font:inherit;font-size:15px;font-weight:700;color:var(--ink);transition:border-color .2s}
.iv-upit #e5_cart_box .cart_quantity input.kolicina:hover{border-color:#c8cfd5}
.iv-upit #e5_cart_box .cart_quantity input.kolicina:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-l);outline:none}
.iv-upit #e5_cart_box .cart_quantity a.e5_cart_remove{display:grid;place-items:center;width:36px;height:36px;margin:0;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:18px;line-height:1;text-decoration:none;transition:.2s}
.iv-upit #e5_cart_box .cart_quantity a.e5_cart_remove:hover, .iv-upit #e5_cart_box .cart_quantity a.e5_cart_remove:focus-visible{border-color:var(--ink);color:var(--ink);background:#fff}
.iv-upit .e5_delivery_hint{display:none}   /* upit: bez dostave */
.iv-upit .checkout_process .IznosBottom{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:18px}
.iv-upit .checkout_process .IznosBottom span{font-size:14px;font-weight:600;color:var(--muted)}
.iv-upit .checkout_process .IznosBottom p{margin:0;font-size:20px;font-weight:800;color:var(--ink)}
.iv-upit .checkout_process .ButtonBox{padding:0 18px 18px;margin:0}
/* korak 2: obrazac podataka tvrtke (iviren_checkout_form) — kartica koncepta */
.iv-upit .e5_errors{border:1px solid #f1c4c7;background:#fff7f7;border-radius:14px;padding:16px 20px;margin:0 0 20px;color:#b4232c}
.iv-upit .e5_checkout_box{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh);padding:34px 36px;margin:0}
.iv-upit .e5_checkout_box h2{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:0 0 6px;padding:0;border:0;text-transform:none}
.iv-upit .iv-upit-form .e5_checkout_box h2::after{content:"Naziv tvrtke i OIB ubrzavaju pripremu ponude.";display:block;font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0;margin:10px 0 24px}
.iv-upit .e5_grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.iv-upit .e5_field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;min-width:0}
.iv-upit .e5_field label{font-size:14px;font-weight:700;color:var(--ink);padding:0;margin:0}
.iv-upit .e5_field .required_field_mark{color:var(--blue);font-weight:700}
.iv-upit .e5_field input, .iv-upit .e5_field select{width:100%;height:auto;margin:0;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color .2s, box-shadow .2s;box-shadow:none}
.iv-upit .e5_field input:hover, .iv-upit .e5_field select:hover{border-color:#c8cfd5}
.iv-upit .e5_field input:focus, .iv-upit .e5_field select:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-l)}
.iv-upit .e5_has_err input, .iv-upit .e5_has_err select{border-color:#d93025!important;background:#fffafa}
.iv-upit .e5_field_err{font-size:13px;color:#b4232c}
.iv-upit .e5_checkout .ButtonBox{margin:24px 0 0;padding:0}
@media (max-width:900px){
  .iv-upit .checkout_process dl{grid-template-columns:56px minmax(0,1fr) auto}
  .iv-upit .checkout_process dd.cart_total{grid-column:3;grid-row:2;align-self:center}
  .iv-upit #e5_cart_box dd.cart_quantity{grid-column:1/3;grid-row:2;justify-content:flex-start}
  .iv-upit .e5_checkout_box{padding:24px 20px}
  .iv-upit .e5_grid{grid-template-columns:1fr}
}
.iv-upit #order_form.iv-upit-form{display:block!important}   /* staro pravilo #order_form (2 stupca) je za stari obrazac koraka 2 */
.iv-upit .e5_field > label::after{content:none!important}    /* bb e5-front.css dodaje „*” uz required; IV-IREN ima svoju oznaku */
/* korak 5 (potvrda): upit nema posebnu adresu dostave ni plaćanje */
.iv-upit .shop_receipt_customer_info_right_column, .iv-upit .shop_receipt_customer_info_extra{display:none}
/* korak 5: tablica ima 6 stupaca (bb dodaje „Ukupno bez PDV-a” po stavci) */
.iv-upit #complete_order dl[class^="ListTopConfirm"], .iv-upit #complete_order dl[class^="ListBottomconfirm"]{grid-template-columns:56px minmax(0,1fr) 70px 130px 60px 130px}
.iv-upit #complete_order dl .cart_total{text-align:right!important}
.iv-upit #complete_order dl dd.cart_total{font-weight:800;color:var(--ink)}
.iv-upit .IznosBottomLast{display:block;text-align:right;padding:18px 0 0}
.iv-upit .IznosBottomLast p{margin:0;font-size:20px;font-weight:800;color:var(--ink)}
@media (max-width:900px){
  .iv-upit #complete_order dl[class^="ListBottomconfirm"]{grid-template-columns:minmax(0,1fr) auto auto;row-gap:6px}
  .iv-upit #complete_order dl[class^="ListBottomconfirm"] .cart_product{grid-column:1/-1}
}
.iv-upit .IznosBottom.IznosBottomLast{text-align:right!important;float:none!important;width:auto!important}
.iv-upit .e5_register_after{display:none}   /* upit: bez otvaranja korisničkog računa nakon slanja */

/* klijent 27.10.2026: traka referenci isključena — prazna sekcija se ne prikazuje (blokovi se mogu ponovno uključiti u adminu) */
main .logos:not(:has(*)){display:none}
/* izbornik u jednom redu (B2B katalog); ispod 1200px ne stane uz logo i „Zatražite ponudu” (preljev 1101–1170px) -> burger kao ispod 1100px u konceptu */
#menu a{white-space:nowrap}
@media (max-width:1200px){#hdr .menu{display:none}#hdr .burger{display:grid;place-items:center}}

/* naslovnica: plutajuća oznaka „33 godine” ima klasu f2, a koncept istim imenom zove obrazac u dva stupca (.f2{display:grid;1fr 1fr})
   -> oznaka je dobila dva jednaka stupca i razmak između ikone i teksta. Oznaka ostaje flex kao .f1. */
.float.f2{display:flex}
/* traka brojki (naslovnica): klijent 29.10.2026 maknuo „3000 kg” -> s 3 stavke 3 stupca (koncept: uvijek 4, desno bi ostalo prazno); ispod 1100px ostaje 2 stupca kao u konceptu */
@media (min-width:1101px){.nums:not(:has(>:nth-child(4))){grid-template-columns:repeat(3,1fr)}}