/* =====================================================================
   MOBILAB2 · sloj između OpenCarta i dizajna demoa
   shop.css i home.css su doslovne kopije demoa "svijetlo/". Ovdje je samo ono
   što OpenCart (Bootstrap 3, moduli, naplata) donosi drukčije od demoa.
   ===================================================================== */

/* ---------- Bootstrap 3 vs. demo ---------- */
html{font-size:16px}
body.ml2{font-size:16px;line-height:1.55;font-family:var(--fb);color:var(--ink);background:var(--paper)}
:where(.ml2) :is(h1,h2,h3,h4,h5){margin:0;font-family:var(--fd);color:inherit}
.ml2 a:hover,.ml2 a:focus{text-decoration:none;color:inherit}
/* obrub fokusa samo za tipkovnicu (kao demo); Bootstrap ga inače pokaže i na klik mišem (logo, harmonika u košarici) */
.ml2 a:focus:not(:focus-visible),.ml2 button:focus:not(:focus-visible),.ml2 .btn:focus:not(:focus-visible),.ml2 [tabindex]:focus:not(:focus-visible),.ml2 summary:focus:not(:focus-visible),.ml2 [data-toggle]:focus:not(:focus-visible){outline:0!important}
:where(.ml2) p{margin:0}
/* bootstrap.min.css na serveru je prepravljen (p: 14px, debljina 200, #232323, visina retka 2); vraćamo nasljeđivanje kao u demou, bez jačine koja bi pregazila pravila demoa */
:where(.ml2) p{font-weight:inherit;font-size:inherit;color:inherit;line-height:inherit}
:where(.ml2) label{font-weight:inherit;margin:0;max-width:none}
.ml2 .btn{border:0;border-radius:var(--r);box-shadow:none;outline:0}
.ml2 .btn-line{border:1.5px solid var(--ink)}
.ml2 .btn-wline{border:1.5px solid rgba(255,255,255,.6)}
.ml2 .btn:active,.ml2 .btn.active{box-shadow:none}
.ml2 .btn[disabled],.ml2 .btn.disabled{opacity:1;cursor:default}
.ml2 .badge{border-radius:999px;font-weight:700;line-height:1;vertical-align:baseline;white-space:nowrap}
.ml2 .badge:empty{display:grid}
:where(.ml2) small{font-size:smaller}
.ml2 .row{margin:0}
.ml2 .table{margin:0}
.ml2 svg{overflow:visible}
.wrapper{overflow-x:clip}
#view{display:block;min-height:40vh}

/* ---------- zaglavlje: košarica kao ladica (struktura #cart > button + ul ostaje OpenCartova) ---------- */
.hcart-wrap{position:static}
#cart>ul.dr-panel{position:fixed;right:0;top:0;bottom:0;z-index:86;margin:0;padding:0;list-style:none;display:none;border:0;border-radius:0;box-shadow:none;float:none}
#cart.open>ul.dr-panel{display:flex}
#cart.open .dr-body{flex:1;overflow:auto}
.dr-bg{position:fixed;inset:0;z-index:85}
.hdr:has(#cart.open),.hdr.cart-open{-webkit-backdrop-filter:none;backdrop-filter:none;transform:none!important}
/* ladica je u zaglavlju (OpenCartov #cart), a zaglavlje ima svoj sloj (z-index 50): dok je ladica otvorena zaglavlje ide iznad
   tamne pozadine (#drBg, 85), a samo sebe zatamni svojim slojem ispod ladice. Tako je ladica svijetla, a sve ostalo zatamnjeno kao u demou. */
.hdr:has(#cart.open),.hdr.cart-open{z-index:87}
.hdr:has(#cart.open)::after,.hdr.cart-open::after{content:"";position:absolute;inset:0;background:rgba(17,17,20,.55);z-index:85;animation:fade .3s}
.dr-it>a:first-child{display:block}
.dr-opt{display:block;font-size:.72rem;color:var(--mute);margin-top:.2rem}
.dr-q{font-family:var(--fm);font-size:.78rem;color:var(--mute)}
.dr-foot .bar{height:4px;overflow:hidden}.dr-foot .bar i{display:block;height:100%;background:var(--red);transition:width .5s var(--e)}
#cart .empty{padding:2rem 0}

/* ---------- traka kategorija: poveznice iz modula izbornika ---------- */
.hn-links>a{white-space:nowrap}
.hn-links>script{display:none}
.hn-akc{order:9}
.hn-part{order:8}

/* ---------- naslovnica ---------- */
.ml2-tabs .htabs button[data-tabp]{cursor:pointer}
.ml2-home .hs-lb small:empty{display:none}

/* ---------- popis proizvoda: lijevi stupac (moduli kategorija, filter, ocfilter iz admina) ---------- */
.ajax-loader,.layered-navigation-block{display:none}
.ajax-loader{position:fixed;left:50%;top:50%;z-index:95;transform:translate(-50%,-50%);background:#fff;padding:1rem;border:1.5px solid var(--ink)}
.layered-navigation-block{position:fixed;inset:0;z-index:94;background:rgba(255,255,255,.5)}
.clay.no-flt{grid-template-columns:1fr}
.ml2-side #column-left,.ml2-side #column-right{width:auto;float:none;padding:0;min-height:0}
/* kao u demou: prvo "Kategorija", pa "Cijena" (ocfilter se u stupac umeće prvi) */
.ml2-side #column-left{display:flex;flex-direction:column}
.ml2-side .ml2-fcat{order:-1}
.ml2-side .sheet-h,.ml2-side .ml2-sheet-go{display:none}
.ml2-side .panel,.ml2-side .list-group{border:0;border-radius:0;box-shadow:none;margin:0;background:none}
.ml2-side>div,.ml2-side .panel{margin-bottom:1.4rem}
.ml2-side .panel-heading,.ml2-side h3,.ml2-side .box-heading{background:none!important;border:0;border-top:2px solid var(--ink);padding:1rem 0 .8rem;font-family:var(--fd);font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.ml2-side .list-group-item{border:0;border-radius:0!important;background:none;padding:.38rem 0;font-size:.9rem;color:var(--ink-2)}
.ml2-side a.list-group-item.active,.ml2-side a.list-group-item.active:hover{background:none;color:var(--red);font-weight:700}
.ml2-side a.list-group-item:hover{background:none;color:var(--red)}
.ml2-side .panel-footer{background:none;border:0;padding:.6rem 0}
.ml2-side .layered-heading{display:none}
.ml2-side .filter-attribute-container{border-top:2px solid var(--ink);padding:1rem 0 1.3rem}
.ml2-side .filter-attribute-remove-container{border-top:0;padding:0}
.ml2-side .filter-price .list-group-item{padding:0}
.ml2-side .filter-price>.list-group-item>.filter-price{display:grid;gap:.8rem}
.ml2-side .filter-attribute-container>label{display:block;font-family:var(--fd);font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem}
.ml2-side .filter-attribute-remove-container:empty{display:none}
.ml2-side .a-filter{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.9rem}
.ml2-side .a-filter.add-filter::before{content:"";width:16px;height:16px;border:1.5px solid var(--ink);flex:0 0 auto}
.ml2-side .filter-act-name{display:flex;justify-content:space-between;align-items:center;background:var(--grey);padding:.4rem .6rem;margin-bottom:.3rem}
.ml2-side .filter-clear-all a{color:var(--red);font-weight:600;font-size:.84rem}
/* vrijednosti iznad klizača, lijevo i desno, kao .frange-v u demou */
.ml2-side .slider-values{order:-1;display:flex;align-items:center;gap:.15rem;font-family:var(--fm);font-size:.82rem}
.ml2-side .slider-values em{flex:1;visibility:hidden}
.ml2-side .input-price{width:3.2rem;border:0;background:none;padding:0;font:inherit;color:var(--ink);text-align:right;-webkit-text-fill-color:var(--ink);opacity:1}
.ml2-side .ui-slider{position:relative;height:2px;background:var(--line);border:0;margin:11px 9px}
.ml2-side .ui-slider-range{position:absolute;height:100%;background:var(--red)}
.ml2-side .ui-slider-handle{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:0;background:var(--ink);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--ink);cursor:grab;outline:0}
.ml2-pager .pagination{display:flex;gap:.3rem;flex-wrap:wrap;margin:0;padding:0;border-radius:0}
.ml2-pager .pagination>li>a,.ml2-pager .pagination>li>span{float:none;display:grid;place-items:center;min-width:2.6rem;height:2.6rem;padding:0 .6rem;border:1.5px solid var(--line);border-radius:0!important;color:var(--ink);font-family:var(--fm);font-weight:600;margin:0}
.ml2-pager .pagination>.active>span,.ml2-pager .pagination>.active>a{background:var(--ink);border-color:var(--ink);color:#fff}
.ml2-pager{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}

/* ---------- stranica proizvoda ---------- */
.ml2-pp .crumbs{padding:1.4rem 0 .4rem}
.ml2-pp .gal-main a{display:block}
.ml2-pp .gal-th button{padding:0}
.ml2-pp .pi-meta b[data-stock]{color:var(--green)}
.ml2-pp .pi-price .notax+.notax{margin-top:.2rem}
.ml2-pp .pi-disc{list-style:none;padding:0;margin:.5rem 0 0;font-size:.84rem;color:var(--ink-2)}
.ml2-pp .pi-short{font-size:.92rem;color:var(--ink-2);margin:.8rem 0}
.ml2-pp .pi-rev{font-size:.84rem;margin:.4rem 0 1rem}.ml2-pp .pi-rev a{color:var(--red);font-weight:600}
.ml2-pp .option-container{display:grid;gap:.9rem;margin:1rem 0 1.2rem;padding:1.1rem 0 0;border-top:1px solid var(--line)}
.ml2-pp .option-container>h3{font-family:var(--fd);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.ml2-pp .form-group{margin:0}
.ml2-pp .control-label{display:block;font-size:.78rem;font-weight:600;color:var(--ink-2);margin-bottom:.35rem;letter-spacing:.02em}
.ml2-pp .form-control{height:auto;min-height:3rem;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:none;font-size:16px;padding:.7rem .85rem;background:#fff}
.ml2-pp .form-control:focus{border-color:var(--ink);box-shadow:none}
.ml2-pp .radio,.ml2-pp .checkbox{margin:.25rem 0}
.ml2-pp .radio label,.ml2-pp .checkbox label{display:flex;align-items:center;gap:.5rem;font-size:.92rem;padding-left:0;cursor:pointer}
.ml2-pp .radio input,.ml2-pp .checkbox input{position:static;margin:0;accent-color:var(--red)}
.ml2-pp .img-thumbnail{border-radius:0;padding:0;border:1px solid var(--line)}
.ml2-pp .has-error .form-control{border-color:var(--red)}
.ml2-pp .buy .qty input{border:0;text-align:center;font-family:var(--fm);font-weight:600}
.ml2-pp .ul-swatches-colors{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0 0 .4rem}
.ml2-pp .ul-swatches-colors a{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .5rem;border:1.5px solid var(--line);background-size:cover;font-size:.8rem}
.ml2-pp .spec .spec-g{background:var(--grey);font-family:var(--fd);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
.ml2-pp .prose img{max-width:100%;height:auto}
.ml2-pp #review .table{margin-bottom:1rem}
.ml2-pp .rate-in{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:.84rem}

/* ---------- naplata d_quickcheckout (samo izgled; HTML, polja i JS su modula) ---------- */
.ml2 #container.container{width:min(var(--wrap),calc(100% - 4rem));padding:0}
.ml2 #container>.row{margin:0}
.ml2 #container>.row>#content{padding:0 0 4rem}
#d_quickcheckout{padding-top:1rem}
#d_quickcheckout .row{margin-left:-.6rem;margin-right:-.6rem}
#d_quickcheckout [class*="col-md-"]{padding-left:.6rem;padding-right:.6rem}
#d_quickcheckout .panel{border:1.5px solid var(--ink);border-radius:0;box-shadow:none;margin-bottom:1.2rem;background:#fff}
#d_quickcheckout .panel-heading{background:#fff!important;color:var(--ink)!important;border:0;border-radius:0;padding:1.3rem 1.4rem .2rem}
#d_quickcheckout .panel-title{display:flex;align-items:center;gap:.7rem;font-family:var(--fd);font-weight:800;font-stretch:110%;font-size:1.05rem;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}
#d_quickcheckout .panel-title .icon{display:grid;place-items:center;width:1.8rem;height:1.8rem;background:var(--red);color:#fff;font-size:.8rem}
#d_quickcheckout .panel-body{padding:1rem 1.4rem 1.4rem}
#d_quickcheckout p.description{font-size:.84rem;color:var(--mute);margin-bottom:.8rem}
#d_quickcheckout p.description:empty{display:none}
#d_quickcheckout .form-horizontal .form-group{margin:0 0 .8rem;display:grid;gap:.35rem;float:none;width:auto}
#d_quickcheckout .form-horizontal .form-group.hidden{display:none}
#d_quickcheckout .form-horizontal .form-group>[class*="col-"]{width:auto;float:none;padding:0}
#d_quickcheckout .control-label{text-align:left;padding:0;font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
#d_quickcheckout .required .control-label .text::after{content:" *";color:var(--red)}
#d_quickcheckout .form-control{height:3.1rem;border:1.5px solid var(--line);border-radius:0;box-shadow:none;font-size:16px;padding:0 .9rem;background:#fff;color:var(--ink)}
#d_quickcheckout textarea.form-control{height:auto;min-height:110px;padding:.8rem .9rem}
#d_quickcheckout .form-control:focus{border-color:var(--ink);box-shadow:4px 4px 0 var(--grey-2)}
#d_quickcheckout .has-error .form-control{border-color:var(--red)}
#d_quickcheckout .text-danger,#d_quickcheckout .error{color:var(--red);font-size:.76rem}
#d_quickcheckout .checkbox-input .control-label,#d_quickcheckout .radio label,#d_quickcheckout .checkbox label{display:flex;gap:.6rem;align-items:flex-start;font-family:var(--fb);font-weight:400;font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--ink);padding-left:0}
#d_quickcheckout input[type=checkbox],#d_quickcheckout input[type=radio]{position:static;margin:.15rem 0 0;width:18px;height:18px;accent-color:var(--red);flex:0 0 auto}
/* Gost / Registracija / Prijava */
#d_quickcheckout .login-btn-group{margin-bottom:1.2rem}
#d_quickcheckout .login-btn-group .btn-group.btn-group-justified{display:flex;width:100%;border:1.5px solid var(--ink)}
#d_quickcheckout .login-btn-group .btn-group-justified>.btn-group{flex:1;display:block;width:auto;float:none}
#d_quickcheckout .login-btn-group .btn{float:none;display:block}
#d_quickcheckout .login-btn-group .btn{width:100%;border:0;border-radius:0!important;background:#fff;color:var(--ink);padding:.85rem;font-family:var(--fd);font-weight:800;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
#d_quickcheckout .login-btn-group .btn-group+.btn-group .btn{border-left:1.5px solid var(--ink)}
#d_quickcheckout .login-btn-group .btn.active,#d_quickcheckout .login-btn-group .btn-primary{background:var(--ink);color:#fff}
/* načini plaćanja i dostave kao .opt iz demoa */
#d_quickcheckout #payment_method_list .radio,#d_quickcheckout #shipping_method_list .radio{margin:0 0 .5rem}
#d_quickcheckout #payment_method_list label,#d_quickcheckout #shipping_method_list label{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1.5px solid var(--line);cursor:pointer;font-weight:600;font-size:.92rem;transition:border-color .2s,background-color .2s}
#d_quickcheckout #shipping_method_list label{grid-template-columns:auto 1fr auto}
#d_quickcheckout #payment_method_list label:has(input:checked),#d_quickcheckout #shipping_method_list label:has(input:checked){border-color:var(--ink);background:var(--grey)}
#d_quickcheckout .payment-image{max-height:28px;width:auto}
#d_quickcheckout #shipping_method_list .title{display:block;font-family:var(--fd);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;margin:.8rem 0 .4rem}
#d_quickcheckout #shipping_method_list .text{font-weight:400;font-size:.84rem;color:var(--ink-2)}
#d_quickcheckout .price{font-family:var(--fm);font-weight:600;white-space:nowrap}
/* košarica u naplati */
#d_quickcheckout .qc-cart{border:0;font-size:.88rem}
#d_quickcheckout .qc-cart thead td{border:0;border-bottom:2px solid var(--ink);font-family:var(--fd);font-weight:800;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:.6rem .4rem}
#d_quickcheckout .qc-cart tbody td{border:0;border-bottom:1px solid var(--line);vertical-align:middle;padding:.8rem .4rem}
#d_quickcheckout .qc-cart .qc-image img{width:56px;height:56px;object-fit:contain;border:1px solid var(--line)}
#d_quickcheckout .qc-cart .input-group{max-width:140px}
#d_quickcheckout .qc-cart .input-group .btn{border-radius:0;background:var(--grey);color:var(--ink);border:1.5px solid var(--line)}
#d_quickcheckout .qc-cart .input-group .btn-danger{color:var(--red)}
#d_quickcheckout .qc-cart .form-control{height:2.4rem;text-align:center;font-family:var(--fm)}
#d_quickcheckout .qc-totals .row,#d_quickcheckout #cart_view .form-horizontal .row{font-size:.92rem}
#d_quickcheckout #cart_view .text-right strong,#d_quickcheckout #cart_view .form-control-static{font-family:var(--fm)}
/* potvrda */
#d_quickcheckout #qc_confirm_order,#d_quickcheckout .btn-primary.btn-lg{background:var(--red);border:0;border-radius:var(--r);font-family:var(--fd);font-weight:800;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;padding:1.15rem 1.6rem}
#d_quickcheckout #qc_confirm_order:hover{background:var(--red-d)}
#d_quickcheckout #qc_confirm_order[disabled]{opacity:.5}
.ml2-qc-note{margin:0 0 .8rem;padding:.75rem 1rem;border-left:3px solid var(--red);background:#fdf0ef;color:#b3261e;font-weight:600;font-size:.9rem}
#d_quickcheckout .text-danger{color:#b3261e;font-weight:600}
#d_quickcheckout .btn-primary:not(.btn-lg){background:var(--ink);border:0;border-radius:var(--r);font-family:var(--fd);font-weight:800;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
#d_quickcheckout .alert{width:auto;margin:0 0 .8rem;box-shadow:none}
#d_quickcheckout .modal-content{border-radius:0;border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.ml2-qc .qc-breadcrumb,.ml2 .breadcrumb~.breadcrumb{display:none}
.ml2 .breadcrumb{background:none;padding:1.4rem 0 .4rem;margin:0;font-family:var(--fd);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.ml2 .breadcrumb>li+li:before{content:"/";color:var(--mute-2)}
.ml2 .breadcrumb>li:last-child a{color:var(--red)}

/* ---------- račun, kontakt, informacije, usporedba, uspjeh, 404 (predlošci iz default, izgled iz demoa) ---------- */
.ml2-page{padding-bottom:4.5rem}
.ml2-page>.crumbs{padding:2.4rem 0 1rem}
/* naslov stranice kao .phead u demou (crta ispod), oznake iznad polja kao .fl */
.ml2-page .ml2-h{padding-bottom:2rem;border-bottom:2px solid var(--ink);margin:0 0 2.4rem!important}
.ml2-page .ml2-h+p{margin-top:-1.4rem;margin-bottom:2rem;color:var(--mute)}
.ml2-page .form-horizontal .form-group{display:grid;gap:.4rem;margin:0 0 1rem;max-width:760px}
.ml2-page .form-horizontal .form-group::before,.ml2-page .form-horizontal .form-group::after{display:none}
.ml2-page .form-horizontal .form-group>[class*="col-"]{width:auto;float:none;padding:0;text-align:left}
.ml2-page .form-horizontal .control-label{padding-top:0;text-align:left}
.ml2-page .required .control-label::after{content:" *";color:var(--red)}
.ml2-page .form-group.required .control-label::before{content:none}
.ml2-page>.row{display:flex;gap:2.4rem;align-items:flex-start;margin:0}
.ml2-page>.row>#content{flex:1;min-width:0;width:auto;float:none;padding:0}
.ml2-page>.row>#column-left,.ml2-page>.row>#column-right{flex:0 0 260px;width:auto;float:none;padding:0;order:-1}
.ml2-page .ml2-h{margin:.4rem 0 1.6rem}
.ml2-page h2{font-family:var(--fd);font-weight:800;font-stretch:108%;font-size:1.25rem;text-transform:uppercase;letter-spacing:-.01em;margin:1.6rem 0 .8rem}
.ml2-page h3{font-family:var(--fd);font-size:1.05rem;margin:1rem 0 .6rem}
.ml2-page p{margin:0 0 .8rem;color:var(--ink-2)}
.ml2-page legend{border:0;border-top:2px solid var(--ink);padding-top:1rem;margin:1.2rem 0 1rem;font-family:var(--fd);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.ml2-page fieldset{border:0;padding:0;margin:0}
.ml2-page .form-group{margin-bottom:1rem}
.ml2-page .control-label{font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:.9rem}
.ml2-page .required .control-label::before{color:var(--red)}
.ml2-page .form-control{height:3.2rem;border:1.5px solid var(--line);border-radius:0;box-shadow:none;font-size:16px;padding:0 .9rem;background:#fff;color:var(--ink)}
.ml2-page textarea.form-control{height:auto;min-height:130px;padding:.8rem .9rem}
.ml2-page .form-control:focus{border-color:var(--ink);box-shadow:4px 4px 0 var(--grey-2)}
.ml2-page .has-error .form-control{border-color:var(--red)}
.ml2-page .radio-inline,.ml2-page .checkbox-inline,.ml2-page .radio label,.ml2-page .checkbox label{font-size:.92rem}
.ml2-page input[type=radio],.ml2-page input[type=checkbox]{accent-color:var(--red)}
.ml2-page .btn-primary{background:var(--red);color:#fff}
.ml2-page .btn-primary:hover,.ml2-page .btn-primary:focus{background:var(--red-d);color:#fff}
.ml2-page .btn-default{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.ml2-page .btn-default:hover{background:var(--ink);color:#fff}
.ml2-page .btn-danger{background:#fff;color:var(--red);border:1.5px solid var(--line)}
.ml2-page .btn-info{background:var(--ink);color:#fff}
.ml2-page .btn-sm,.ml2-page .btn-xs{padding:.5rem .7rem;font-size:.7rem}
.ml2-page .buttons{display:flex;justify-content:flex-start;gap:.5rem;flex-wrap:wrap;margin-top:1.6rem}
.ml2-page .buttons .pull-left,.ml2-page .buttons .pull-right{float:none}
.ml2-page .table{border:0;font-size:.9rem;background:#fff}
.ml2-page .table>thead>tr>td,.ml2-page .table>thead>tr>th{border:0;border-bottom:2px solid var(--ink);font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:none}
.ml2-page .table>tbody>tr>td,.ml2-page .table>tfoot>tr>td{border:0;border-bottom:1px solid var(--line);vertical-align:middle}
.ml2-page .table-bordered{border:0}
.ml2-page .well{background:#fff;border:1.5px solid var(--ink);border-radius:0;box-shadow:none;padding:1.6rem}
.ml2-page .well h2{margin-top:0}
.ml2-page .list-unstyled{padding:0}
.ml2-page #content>.list-unstyled{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;margin-bottom:1rem}
.ml2-page #content>.list-unstyled>li>a{display:block;padding:1rem 1.1rem;border:1.5px solid var(--line);font-weight:600;transition:border-color .2s,background-color .2s}
.ml2-page #content>.list-unstyled>li>a:hover{border-color:var(--ink);background:var(--grey)}
.ml2-page .list-group{border:0;margin:0}
.ml2-page .list-group-item{border:0;border-left:3px solid transparent;border-radius:0!important;padding:.7rem 1rem;font-weight:600;font-size:.9rem;color:var(--ink-2)}
.ml2-page .list-group-item:hover,.ml2-page a.list-group-item.active{background:var(--grey);border-left-color:var(--red);color:var(--ink)}
.ml2-page .img-thumbnail{border-radius:0;padding:0}
.ml2-page .pagination>li>a,.ml2-page .pagination>li>span{border-radius:0!important;color:var(--ink)}
.ml2-page .pagination>.active>span{background:var(--ink);border-color:var(--ink)}
.ml2-page .panel{border:1.5px solid var(--line);border-radius:0;box-shadow:none}
.ml2-page .panel-heading{background:var(--grey)!important;border-radius:0}
.ml2-page .help-block{font-size:.8rem;color:var(--mute)}
.ml2-page .text-danger{color:var(--red)}
.ml2-page img{max-width:100%;height:auto}
/* kontakt */
.information-contact .panel-body .row>div{margin-bottom:1rem}
.information-contact .panel-body address{font-style:normal}
.information-contact .panel-body strong{font-family:var(--fd);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
/* usporedba */
#product-compare .table td{min-width:160px}
#product-compare .table img{max-width:140px}

/* ---------- košarica: kupon, dostava, poklon bon (Bootstrap paneli iz modula) ---------- */
.ml2-cart .acc-t{font-size:.86rem;color:var(--mute);margin:1.6rem 0 .6rem}
.ml2-cart .ml2-upd{display:none}
/* kupon, procjena dostave, poklon bon kao .acc u demou (okvir, razmak 1,1rem, strelica koja se okreće) */
.ml2-cacc .panel{border-top:0}
.ml2-cacc .panel+.panel{border-top:1px solid var(--line)}
.ml2-cacc .panel:last-child{border-bottom:0}
.ml2-cacc .panel-title a{padding:1rem 1.1rem;font-size:.76rem}
.ml2-cacc .panel-title a svg{transition:transform .3s var(--e)}
.ml2-cacc .panel-title a:not(.collapsed)[aria-expanded="true"] svg{transform:rotate(180deg)}
.ml2-cacc .panel-body{padding:0 1.1rem 1.1rem}
.ml2-acc .panel{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;margin:0!important}
.ml2-acc .panel:last-child{border-bottom:1px solid var(--line)}
.ml2-acc .panel-heading{background:none!important;border:0;padding:0}
.ml2-acc .panel-title a{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;font-family:var(--fd);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.ml2-acc .panel-body{padding:0 0 1.2rem;border:0!important}
.ml2-acc .input-group{display:flex;gap:.5rem}
.ml2-acc .input-group .form-control{height:3rem;border:1.5px solid var(--line);border-radius:0;box-shadow:none;font-size:16px}
.ml2-acc .input-group-btn{width:auto}
.ml2-acc .btn-primary,.ml2-acc input.btn{height:3rem;background:var(--ink);color:#fff;border:0;border-radius:var(--r);font-family:var(--fd);font-weight:800;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:0 1.1rem}
.ml2-acc .form-horizontal .form-group{margin:0 0 .7rem}
.ml2-acc .control-label{font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ml2-acc select.form-control,.ml2-acc input.form-control{height:3rem;border:1.5px solid var(--line);border-radius:0;box-shadow:none}

/* ---------- skočni prozor prijave i registracije (ocajaxlogin): izgled kao obrasci demoa ---------- */
.ml2 .ajax-body-login{font-family:var(--fb)}
.ml2 .ajax-body-login .account-login,.ml2 .ajax-body-login .account-register,.ml2 .ajax-body-login .account-success{background:#fff!important;border:1.5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);border-radius:0;padding:1.8rem!important}
.ml2 .ajax-body-login .page-title{position:relative;border:0;padding:0 2.6rem 1rem 0;margin:0 0 1rem;border-bottom:2px solid var(--ink)}
.ml2 .ajax-body-login .page-title h1,.ml2 .ajax-body-login .page-title h2.h1{font-family:var(--fd);font-weight:800;font-stretch:112%;font-size:1.4rem;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}
.ml2 .ajax-body-login .a-close-frm{position:absolute;right:0;top:0;display:grid;place-items:center;width:2.4rem;height:2.4rem;background:var(--ink);color:#fff;font-size:0}
.ml2 .ajax-body-login .a-close-frm::before{content:"×";font-size:1.4rem;line-height:1;color:#fff}
.ml2 .ajax-body-login h2,.ml2 .ajax-body-login .register-form-content>h1,.ml2 .ajax-body-login .register-form-content>h2{font-family:var(--fd);font-weight:800;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3rem}
.ml2 .ajax-body-login p{font-size:.86rem;color:var(--ink-2);margin:0 0 1rem}
.ml2 .ajax-body-login legend{border:0;border-top:2px solid var(--ink);padding-top:.8rem;font-family:var(--fd);font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin:.8rem 0}
.ml2 .ajax-body-login .form-group{margin:0 0 .9rem;display:grid;gap:.35rem}
.ml2 .ajax-body-login .form-group>[class*="col-"]{width:auto;float:none;padding:0}
.ml2 .ajax-body-login .control-label{text-align:left;padding:0;font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ml2 .ajax-body-login .form-control{height:3.1rem;border:1.5px solid var(--line);border-radius:0;box-shadow:none;font-size:16px;padding:0 .9rem}
.ml2 .ajax-body-login .form-control:focus{border-color:var(--ink);box-shadow:4px 4px 0 var(--grey-2)}
.ml2 .ajax-body-login .forgotten{display:inline-block;margin-top:.4rem;color:var(--red);font-weight:600;font-size:.84rem}
.ml2 .ajax-body-login .action{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:1.2rem}
.ml2 .ajax-body-login .button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.35rem;border:0;border-radius:var(--r);background:var(--red);color:#fff;font-family:var(--fd);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.ml2 .ajax-body-login .button+.button{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.ml2 .ajax-body-login .for-error{color:var(--red);font-size:.76rem}
.ml2 #ajax-login-block{background:rgba(17,17,20,.55)!important}

/* ---------- obavijesti OpenCarta (greške u obrascima i sl.) ---------- */
.ml2 .alert{border-radius:var(--r);border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-size:.9rem;padding:.9rem 1.1rem;margin:1rem auto;width:min(var(--wrap),calc(100% - 4rem));box-shadow:6px 6px 0 var(--ink)}
.ml2 .alert-success{border-color:var(--green);box-shadow:6px 6px 0 var(--green)}
.ml2 .alert-danger,.ml2 .alert-warning{border-color:var(--red);box-shadow:6px 6px 0 var(--red)}
.ml2 .alert .close{opacity:.6;font-size:1.3rem}
.ml2 .text-danger{color:var(--red);font-size:.8rem;margin-top:.3rem}

/* ---------- GDPR (isenselabs cookieconsent), izgled kao .gdpr u demou ---------- */
.ml2 .cc-window{font-family:var(--fb)!important;background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important;box-shadow:8px 8px 0 var(--ink)!important;border-radius:0!important;padding:1.2rem 1.3rem!important;font-size:.86rem!important;line-height:1.5!important}
.ml2 .cc-window.cc-banner,.ml2 .cc-window.cc-floating{position:fixed!important;top:auto!important;max-width:none!important;left:auto!important;right:1.2rem!important;bottom:1.2rem!important;width:min(430px,calc(100% - 2.4rem))!important;flex-direction:column!important;align-items:stretch!important}
.ml2 .cc-window .cc-message{margin:0 0 1rem!important;flex:none!important}
.ml2 .cc-window .cc-message::before{content:"Kolačići. ";font-weight:700}
.ml2 .cc-window .cc-link{color:var(--red)!important;font-weight:600;opacity:1!important;padding:0!important}
.ml2 .cc-window .cc-compliance{display:flex!important;flex-direction:row!important;gap:.4rem;flex:none!important}
.ml2 .cc-window .cc-compliance .cc-btn{position:static!important;margin:0!important;display:block!important;text-align:center}
.ml2 .cc-window .cc-btn{flex:1;padding:.7rem!important;border:1.5px solid var(--ink)!important;background:#fff!important;color:var(--ink)!important;font-family:var(--fd)!important;font-weight:800!important;font-size:.7rem!important;letter-spacing:.08em;text-transform:uppercase;border-radius:0!important;min-width:0!important}
.ml2 .cc-window .cc-btn.cc-allow{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.ml2 .cc-settings-view{font-family:var(--fb)}
.ml2 .cc-revoke{background:var(--ink)!important;color:#fff!important;border-radius:0!important;font-family:var(--fd)!important;font-size:.66rem!important;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .7rem!important;top:auto!important;bottom:1rem!important;left:1rem!important;right:auto!important;opacity:.85}
.ml2 .cc-settings-dialog{border-radius:0!important;border:1.5px solid var(--ink)!important}

/* ---------- mobitel ---------- */
@media(max-width:899px){
  body.ml2{background:var(--grey)}
  .ml2 .cc-revoke{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;left:.6rem!important}
  .ml2 .cc-window.cc-banner,.ml2 .cc-window.cc-floating{right:.75rem!important;left:.75rem!important;width:auto!important;bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;border-radius:20px!important;border:0!important;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)!important;padding:1rem!important;font-size:.8rem!important}
  .ml2 .cc-window .cc-btn{border-radius:12px!important;border-width:1px!important;padding:.6rem .4rem!important;font-size:.62rem!important}
  .ml2 #container.container{width:auto;padding:0 .8rem}
  .ml2-page{width:auto;padding:0 1rem 3rem}
  .ml2-page>.row{flex-direction:column;gap:1.2rem;align-items:stretch}
  .ml2-page>.row>#column-left,.ml2-page>.row>#column-right{flex:none;width:100%;order:2}
  .ml2-page .table-responsive{border:0}
  .ml2-page .form-horizontal .control-label{text-align:left}
  .ml2 .alert{width:auto;margin:.8rem}
  #cart>ul.dr-panel{display:none!important}
  .ml2-side.sheet .sheet-h,.ml2-side.sheet .ml2-sheet-go{display:flex}
  .ml2-side.sheet .ml2-sheet-go{margin-top:1rem}
}

/* Skrivanje trake pri skrolanju: demo koristi klasu "hide", a Bootstrap OpenCarta ima .hide{display:none!important},
   pa je traka nestajala i skraćivala stranicu (podrhtavanje pri dnu na mobitelu). Ista animacija kao u demou, s klasom ml2-hide. */
.hdr.ml2-hide{transform:translateY(-100%)}
@media (max-width:899px){.abar.ml2-hide{transform:translateY(-100%)}}

/* ---------- Moj račun: dodatne poveznice OpenCarta (partneri, pretplate, newsletter, GDPR) ispod pločica ---------- */
.ml2-accx{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2rem;margin-top:2rem}
.ml2-accx h2{grid-column:span 1;font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0;padding:1rem 0 .5rem;border-top:2px solid var(--ink)}
.ml2-accx ul{margin:0 0 1rem;padding:0;list-style:none;font-size:.9rem;display:grid;gap:.3rem}
.ml2-accx{grid-auto-flow:column;grid-template-rows:auto auto}
.ml2-accx a:hover{color:var(--red)}
@media(max-width:899px){.ml2-accx{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none}}

/* ---------- naplata: raspored kao u demou (lijevo adrese, dostava, plaćanje, potvrda; desno tamni sažetak "Vaša narudžba").
   Samo CSS nad HTML-om modula d_quickcheckout; redoslijed koraka i polja se ne mijenja u modulu. ---------- */
@media(min-width:992px){
  #d_quickcheckout>.row:has(>.qc-col-1){display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:2rem;align-items:start;margin:0}
  #d_quickcheckout>.row:has(>.qc-col-1)::before,#d_quickcheckout>.row:has(>.qc-col-1)::after{display:none}
  #d_quickcheckout .qc-col-1,#d_quickcheckout .qc-col-1~.col-md-8,#d_quickcheckout .qc-col-1~.col-md-8>.row,#d_quickcheckout .qc-col-2,#d_quickcheckout .qc-col-3,#d_quickcheckout .qc-col-4{display:contents}
  #d_quickcheckout .qc-step{grid-column:1;min-width:0}
  #d_quickcheckout #cart_view{grid-column:2;grid-row:1/span 12;position:sticky;top:1.2rem}
  #d_quickcheckout #payment_address{order:2}#d_quickcheckout #shipping_address{order:3}#d_quickcheckout #shipping_method{order:4}#d_quickcheckout #payment_method{order:5}#d_quickcheckout #payment_view{order:6}#d_quickcheckout #confirm_view{order:7}
  #d_quickcheckout .qc-col-1>.qc-step:first-child{order:1}
  #d_quickcheckout #cart_view .panel{background:var(--ink);border-color:var(--ink);color:#fff}
  #d_quickcheckout #cart_view .panel-heading{background:var(--ink)!important;color:#fff!important}
  #d_quickcheckout #cart_view .panel-title{color:#fff}
  #d_quickcheckout #cart_view .qc-cart{background:none}
  #d_quickcheckout #cart_view .qc-cart thead,#d_quickcheckout #cart_view .qc-model,#d_quickcheckout #cart_view .qc-price{display:none}
  #d_quickcheckout #cart_view .qc-cart tbody td{border-color:var(--line-d);color:#fff;background:none}
  #d_quickcheckout #cart_view .qc-cart a{color:#fff}
  #d_quickcheckout #cart_view .qc-cart .qc-image img{background:#fff;border:0}
  #d_quickcheckout #cart_view .qc-cart .input-group .btn{background:rgba(255,255,255,.08);border-color:var(--line-d);color:#fff}
  #d_quickcheckout #cart_view .qc-cart .form-control{background:none;border-color:var(--line-d);color:#fff}
  #d_quickcheckout #cart_view .qc-totals,#d_quickcheckout #cart_view .qc-totals .control-label,#d_quickcheckout #cart_view .form-control-static{color:#fff}
  #d_quickcheckout #cart_view .qc-totals .control-label{color:rgba(255,255,255,.7)}
  #d_quickcheckout #cart_view hr{border-color:var(--line-d)}
  #d_quickcheckout #cart_view .qc-coupon .form-control,#d_quickcheckout #cart_view .qc-voucher .form-control,#d_quickcheckout #cart_view .qc-reward .form-control{background:#fff;color:var(--ink)}
}
/* adrese u naplati: polja u parovima kao u demou (Ime | Prezime, E-mail | Potvrda, Grad | Poštanski broj | Država) */
@media(min-width:700px){
  #d_quickcheckout #payment_address_form,#d_quickcheckout #shipping_address_form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:1rem}
  #d_quickcheckout #payment_address_form>.sort-item,#d_quickcheckout #shipping_address_form>.sort-item{grid-column:span 3}
  #d_quickcheckout #payment_address_form>.heading,#d_quickcheckout #shipping_address_form>.heading{display:none}
  #d_quickcheckout #payment_address_form>.checkbox-input,#d_quickcheckout #payment_address_form>.radio-input,#d_quickcheckout #shipping_address_form>.checkbox-input,#d_quickcheckout #shipping_address_form>.radio-input,
  #d_quickcheckout [id$="_address_address_1_input"],#d_quickcheckout [id$="_address_address_2_input"],#d_quickcheckout [id$="_address_zone_id_input"]{grid-column:1/-1}
  #d_quickcheckout [id$="_address_city_input"],#d_quickcheckout [id$="_address_postcode_input"],#d_quickcheckout [id$="_address_country_id_input"]{grid-column:span 2}
  #d_quickcheckout .qc-totals .form-control-static,#d_quickcheckout .qc-totals strong{white-space:nowrap}
}
/* "Najtraženije" iz block4 prikazuje se samo ispod proizvoda (kao u demou) */
.ml2-foothot{display:none}
body[class*="product-product"] .ml2-foothot{display:block}
#d_quickcheckout #payment_method_list input[type=radio],#d_quickcheckout #shipping_method_list input[type=radio]{position:static!important;margin:0!important;float:none}

/* ---------- kontakt kao u demou ---------- */
.ml2-kform fieldset{display:grid;gap:1rem;border:0;padding:0;margin:0;min-width:0}
:where(.ml2-kform) .form-control{border-radius:0;box-shadow:none;font-size:16px;color:var(--ink)}
.ml2-kform .fl textarea.form-control{height:auto;min-height:130px}
.ml2-kform .buttons{margin-top:1rem;display:flex;justify-content:flex-start}.ml2-kform .buttons .pull-right{float:none}
.ml2-kform .form-group{margin:0}
.ml2-kform .form-group>[class*="col-"]{width:auto;float:none;padding:0}
.ml2-kform .control-label{font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:left}
.ml2-map{display:grid;place-items:center;gap:.3rem;width:100%;height:240px;border:1px dashed rgba(255,255,255,.25);background:rgba(255,255,255,.04);color:#fff;font-weight:700}
.ml2-map svg{width:1.6rem;height:1.6rem;color:var(--red)}
.ml2-map small{font-weight:400;font-size:.76rem;color:rgba(255,255,255,.55)}
.kinfo dd a{color:#fff}
@media(max-width:899px){.ml2-map{height:200px}}
/* Bootstrap clearfix (.row::before) je u flex retku postajao stavka i s razmakom pomicao sadržaj udesno */
.ml2-page>.row::before,.ml2-page>.row::after{display:none}
/* GDPR modul umeće kvačicu suglasnosti unutar polja upita: izgled kao .fck2 u demou */
.ml2 .fl>label{display:flex;gap:.6rem;align-items:center;font-size:.9rem;margin-top:.8rem;color:var(--ink)}
.ml2 .fl>label input{width:18px;height:18px;padding:0;border:0;accent-color:var(--red);flex:0 0 auto}
.ml2 .fl>label a{color:var(--red)}

/* ---------- OCFilter (Proizvođač i opcije) kao .fg / .fck u demou ---------- */
.ml2-side #ocfilter{border:0;background:none;box-shadow:none;margin:0}
.ml2-side #ocfilter>.panel-heading{display:none}
.ml2-side #ocfilter .list-group{margin:0}
.ml2-side #ocfilter .list-group-item{border:0;border-top:2px solid var(--ink);border-radius:0;background:none;padding:1rem 0 1.3rem}
.ml2-side #ocfilter .ocf-option-name{font-family:var(--fd);font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem;color:var(--ink)}
.ml2-side #ocfilter .ocf-option-values>label,.ml2-side #ocfilter .ocf-option-values label{text-transform:none!important;border:0!important;background:none!important;display:flex;align-items:center;gap:.65rem;padding:.38rem 0;font-size:.9rem;font-weight:400;cursor:pointer;margin:0;color:var(--ink)}
.ml2-side #ocfilter input[type=checkbox],.ml2-side #ocfilter input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:0;margin:0;flex:0 0 auto;background:#fff;display:grid;place-items:center;position:static}
.ml2-side #ocfilter input[type=radio]{border-radius:50%}
.ml2-side #ocfilter input:checked{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--red)}
.ml2-side #ocfilter small.badge{margin-left:auto;background:none;color:var(--mute-2);font-family:var(--fm);font-size:.72rem;font-weight:500;padding:0}
.ml2-side #ocfilter label.disabled{opacity:.45}
.ml2-side #ocfilter .ocf-option-values a,.ml2-side #ocfilter [class*="ocf-"] .btn-link{color:var(--red);font-weight:600;font-size:.84rem}
.ml2-side #ocfilter .ocf-selected-card,.ml2-side #ocfilter .selected-options{font-size:.84rem}
@media(max-width:899px){.ml2-pp>.wrap>.crumbs{display:none}}
/* naplata na mobitelu kao u demou: bijele zaobljene ploče (.co-box), zaobljena polja (.fl), segmenti (.segs), opcije (.opt) */
#d_quickcheckout [id$="_address_form"]>.heading{display:none}
#d_quickcheckout .control-label>span:first-child:empty,#d_quickcheckout .form-group.required .control-label::before{content:none}
@media(max-width:899px){
  #d_quickcheckout .panel{border:0;border-radius:22px;background:#fff}
  #d_quickcheckout .panel-heading{border-radius:22px 22px 0 0}
  #d_quickcheckout .form-control{border-radius:14px;height:3.1rem}
  #d_quickcheckout textarea.form-control{height:auto}
  #d_quickcheckout .login-btn-group .btn-group.btn-group-justified{border-radius:14px;overflow:hidden;border-width:1px}
  #d_quickcheckout #payment_method_list label,#d_quickcheckout #shipping_method_list label{border-radius:16px}
  #d_quickcheckout .qc-cart .input-group .btn{border-radius:10px}
}

/* ---------- račun kao u demou: izbornik lijevo (acc-lay), polja u dva stupca (.f2), izbori i tekst preko cijele širine ---------- */
.ml2-acc>.row{display:grid!important;grid-template-columns:260px minmax(0,1fr);gap:2.4rem;align-items:start;margin:0;padding-bottom:3rem}
.ml2-acc>.row::before,.ml2-acc>.row::after{display:none}
.ml2-acc>.row>#content{width:auto;padding:0;float:none;min-width:0}
.ml2-acc>.row>#column-left,.ml2-acc>.row>#column-right{display:none}
.ml2-page .form-horizontal fieldset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1rem;max-width:680px}
.ml2-page .form-horizontal fieldset>legend{grid-column:1/-1}
.ml2-page .form-horizontal fieldset>.form-group{max-width:none;min-width:0}
.ml2-page .form-horizontal fieldset>.form-group:has(textarea,input[type=radio],input[type=checkbox],select[multiple]){grid-column:1/-1}
.ml2-page .form-horizontal fieldset>.form-group[style*="display: none"]{display:none!important}
@media(max-width:899px){.ml2-acc>.row{grid-template-columns:1fr;gap:1rem}}
@media(max-width:560px){.ml2-page .form-horizontal fieldset{grid-template-columns:1fr}}

/* povrat kao u demou: proizvod | šifra | količina (.f3), razlozi kao odabirne kartice (.opt) */
.ml2-ret .form-horizontal fieldset+fieldset{grid-template-columns:2fr 1fr 1fr}
.ml2-ret .radio{margin:0 0 .5rem}
.ml2-ret .radio label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1.5px solid var(--line);cursor:pointer;font-weight:600;font-size:.92rem;transition:border-color .2s,background-color .2s}
.ml2-ret .radio label:has(input:checked){border-color:var(--ink);background:var(--grey)}
.ml2-ret .radio input{position:static;margin:0;width:18px;height:18px;accent-color:var(--red)}
.ml2-ret .radio-inline{padding-left:0;display:inline-flex;gap:.5rem;align-items:center;margin-right:1.4rem}
.ml2-ret .radio-inline input{position:static;margin:0}
@media(max-width:560px){.ml2-ret .form-horizontal fieldset+fieldset{grid-template-columns:1fr}}
/* povrat kao demo: obrazac do 860px, naslovi odjeljaka kao h3 .h-m (1,1rem, velika slova), bez crte */
.ml2-ret .form-horizontal fieldset{max-width:860px}
.ml2-ret .form-horizontal fieldset>legend,.ml2-reg .form-horizontal fieldset>legend{border-top:0;padding-top:0;margin:1.6rem 0 .9rem;font-size:1.1rem;letter-spacing:-.02em;text-transform:uppercase;font-stretch:110%;line-height:1.1}
.ml2-ret .ml2-agree,.ml2-reg .ml2-agree{margin:1.2rem 0 0}
/* registracija kao demo: obrazac do 760px, suglasnost kao .fck2 s crvenom poveznicom, reCAPTCHA bez naslova */
.ml2-reg .form-horizontal fieldset{max-width:760px}
.ml2-agree a,.ml2-agree a b{color:var(--red);font-weight:400}
.ml2-nl .control-label{text-align:left}
.ml2-cap{margin-top:1rem}
@media(max-width:899px){.ml2-ret .form-horizontal fieldset>legend,.ml2-reg .form-horizontal fieldset>legend{text-transform:none}}
/* brand: opis branda iz SEO paketa (ako postoji) ispod popisa, naslov h2 samo za čitače ekrana */
.ml2-brand-desc>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ml2-brand-desc .seo_brand_desc{padding:0 0 3rem!important;max-width:760px;color:var(--mute);font-size:.9rem;line-height:1.7}

/* ---------- pretraga: obrazac u jednom redu kao #srchForm u demou ---------- */
.ml2-search .ml2-sform{display:grid;grid-template-columns:2fr 1fr auto auto auto;align-items:end;padding:1.4rem 0;gap:.8rem;border-bottom:1px solid var(--line)}
.ml2-search .ml2-sform .fck2{padding-bottom:.9rem}
.ml2-search .ml2-sform .btn{height:3.2rem}
/* na mobitelu obrazac pretrage u tri reda (u demou jedan red izlazi izvan ekrana): pojam; kategorija i gumb; kvačice */
@media(max-width:700px){
  .ml2-search .ml2-sform{grid-template-columns:minmax(0,1fr) auto;gap:.6rem .8rem;padding:1rem 0}
  .ml2-search .ml2-sform>label.fl:first-child{grid-column:1/-1}
  .ml2-search .ml2-sform>label.fl:nth-child(2){grid-column:1;grid-row:2}
  .ml2-search .ml2-sform>.btn{grid-column:2;grid-row:2}
  .ml2-search .ml2-sform .fck2{padding-bottom:0;grid-row:3}
}
.ml2-lstw{min-width:0}

/* usporedba: stupci proizvoda jednake širine kao u demou (dugi atributi iz admina ne šire jedan stupac), na mobitelu vodoravno pomicanje */
.ml2-cmp .cmpt table{table-layout:fixed;width:100%}
.ml2-cmp .cmpt th{width:140px}
.ml2-cmp .cmpt td{min-width:0;overflow-wrap:anywhere}

/* mobitel: popis stane u širinu ekrana. U demou izbornik "Poredaj" svojom širinom proširi stupac,
   pa desna kartica i gumb liste izlaze preko ruba; ovdje se stupac i izbornik smiju suziti */
@media(max-width:899px){
  .clay>*{min-width:0}
  .tbar-r .sel{min-width:0}
  .tbar-r .sel select{min-width:0;width:100%;text-overflow:ellipsis}
}

/* pretraga preko ekrana: tipke kao u demou (Bootstrap ih inače boja tamno), kategorija bez spremljene slike dobije ikonu */
.sx-kb kbd{background:#fff;color:var(--mute);box-shadow:none;border-radius:0;font-weight:400}
.sx-noimg{display:grid;place-items:center;width:72px;height:72px;background:var(--grey);color:var(--mute)}
/* obavijest "Dodano u košaricu": tekst se lomi, gumb ne dira tekst */
#toast.toast,#toast.toast.show{display:flex!important;align-items:center}
.toast .tx{flex:1 1 auto;min-width:0;line-height:1.35}
.toast .btn{flex:0 0 auto;margin-left:.4rem}
.ml2-noimg{object-fit:cover!important;background:#f1f1f3}
/* Bootstrap stare podloge ima .show{display:block!important}; elementi demoa s klasom show zadržavaju svoj prikaz */
.cmp-float.show{display:flex!important}
@media(max-width:899px){.cmp-float.show{display:none!important}}