/* Malershop stranica proizvoda: proba, verzije A, A2, A3 po dijelu stranice */
.msp{--ink:#15130F;--mut:#62666B;--line:#ECE7DE;--line2:#D9D4CA;--pur:#4F4A82;--or:#FF6A13;--or2:#E8590C;--yel:#FFCC00;--ok:#1E7B3A;--red:#B42318;--soft:#F6F4EF;--lav:#F0EFF6;--lav2:#E4E2F0;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);max-width:1240px;margin:0 auto;padding:0 16px 120px;box-sizing:border-box}
.msp *{box-sizing:border-box}
body.msp-body #wrapper,body.msp-body #main{background:#fff!important}
body.msp-body .product-page-title,body.msp-body>a[href*="izbor="]{display:none!important}
.msp-s>.msp-v{display:none}
.msp-s[data-cur="a"]>.msp-v[data-v="a"],.msp-s[data-cur="b"]>.msp-v[data-v="b"],.msp-s[data-cur="c"]>.msp-v[data-v="c"]{display:block}
/* tema ima svoja pravila za gumbe i polja; ovdje ih poništavamo jednom */
.msp button,.msp .msp-dbtn,.msp .msp-round{font-family:"DM Sans",sans-serif;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none;max-width:none;vertical-align:middle}
.msp input[type=number]{max-width:none;min-height:0;box-shadow:none;margin:0}
.msp a{color:inherit}
.msp img{max-width:100%;display:block}
.msp-bc{font-size:13px;color:var(--mut);display:flex;flex-wrap:wrap;gap:6px;padding:16px 0 14px}
.msp-bc a{color:var(--mut);text-decoration:none}
.msp-bc a:hover{text-decoration:underline}
.msp-top{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
@media(min-width:900px){.msp-top{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}.msp-left{position:sticky;top:90px}}
.msp-right{display:flex;flex-direction:column;gap:20px;min-width:0}
.msp-h{font:800 26px/1.1 "DM Sans",sans-serif;letter-spacing:-.015em;margin:0 0 16px;color:var(--ink);text-transform:none}
.msp-h b,.msp-h1 b,.msp-kch b{color:var(--pur)}
.msp-wide{margin-top:56px}
/* oznake na slici */
.msp-logo{position:absolute;left:14px;top:14px;z-index:3;background:#fff;border-radius:8px;padding:4px 6px;box-shadow:0 1px 4px rgba(21,19,15,.12)}
.msp-logo img{height:26px;width:auto;max-width:90px;object-fit:contain}
.msp-stamp{position:absolute;right:14px;bottom:14px;z-index:3;width:72px;height:72px}
.msp-stamp svg{width:100%;height:100%}
.msp-bd{position:absolute;z-index:3;left:14px;font:800 13px/1 "DM Sans",sans-serif;color:#fff;padding:7px 9px;border-radius:6px}
.msp-bd b{color:var(--yel)}
.msp-bd-new{top:54px;background:var(--pur)}
.msp-bd-sale{top:54px;background:var(--red)}
.msp-bd-new~.msp-bd-sale{top:90px}
.msp-bd[hidden]{display:none}
/* sličice, zajedničko */
.msp-th{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.msp-th::-webkit-scrollbar{display:none}
.msp .msp-th button,.msp-thv{flex:0 0 66px;width:66px;height:66px;min-height:0;border-radius:10px;border:1px solid var(--line);background:#fff;padding:4px;display:flex;align-items:center;justify-content:center;line-height:1}
.msp .msp-th button.on{border:2px solid var(--ink)}
.msp-th button img{width:100%;height:100%;object-fit:contain}
.msp-thv{position:relative;padding:0!important;overflow:hidden;text-decoration:none}
.msp-thv img{width:100%;height:100%;object-fit:cover}
.msp-thv span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(21,19,15,.35);color:#fff}
.msp-thv svg{width:22px;height:22px}
/* galerija A */
.msp-gmain{position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.msp-gmain .msp-mi{width:100%;height:100%;object-fit:contain;padding:26px}
/* galerija A2: tamni okvir */
.msp-g4{background:var(--ink);border-radius:22px;padding:10px}
.msp-g4in{position:relative;background:#F4F3F8;border-radius:14px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.msp-g4in .msp-mi{width:100%;height:100%;object-fit:contain;padding:30px;mix-blend-mode:multiply}
.msp-g4bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px 2px;flex-wrap:wrap}
.msp-g4bar .msp-th{margin:0}
.msp-g4bar .msp-th button,.msp-g4bar .msp-thv{flex-basis:56px;width:56px;height:56px;border-color:transparent}
.msp .msp-g4bar .msp-th button.on{border:2px solid var(--yel)}
.msp-tel{display:inline-flex;align-items:center;gap:8px;background:var(--pur);color:#fff!important;text-decoration:none;border-radius:99px;padding:9px 14px 9px 12px;font:600 13.5px "DM Sans",sans-serif;white-space:nowrap}
.msp-tel svg{width:16px;height:16px;flex:none}
.msp-tel b{font-weight:800}
/* galerija A3: sličice okomito */
.msp-g5{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}
.msp-th5{flex-direction:column;margin:0;max-height:560px;overflow-y:auto}
.msp-gm5{background:#F5F4F1;border:0}
.msp-gm5 .msp-mi{mix-blend-mode:multiply}
.msp-gk{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0 0 82px}
.msp-gk>div{background:var(--lav);border-radius:12px;padding:10px 12px}
.msp-gk dt{font:700 11.5px "DM Sans",sans-serif;color:var(--mut);margin:0 0 3px;text-transform:none;letter-spacing:0}
.msp-gk dd{margin:0;font:700 14px/1.3 "DM Sans",sans-serif;color:var(--ink)}
@media(max-width:599px){.msp-g5{grid-template-columns:minmax(0,1fr)}.msp-th5{flex-direction:row;order:2;max-height:none}.msp-gk{margin-left:0}}
/* naslov */
.msp-eyb{margin:0 0 8px;font:700 12px/1.3 "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--pur)}
.msp-eyb a{color:var(--pur);text-decoration:none}
.msp-h1{margin:0;font:800 clamp(28px,3.6vw,40px)/1.05 "DM Sans",sans-serif;letter-spacing:-.022em;color:var(--ink);text-transform:none}
.msp-h1 em{font-style:normal;color:var(--or)}
.msp-h1s{font-size:clamp(26px,3vw,32px)}
.msp-h2{margin:8px 0 0;font-size:17px;line-height:1.4;color:#3A3732}
.msp-brand{display:inline-block;margin:0 0 8px;font:700 14px "DM Sans",sans-serif;color:var(--pur)!important;text-decoration:none}
.msp-lead{margin:12px 0 0;font-size:15px;line-height:1.55;color:#3A3732;max-width:60ch}
.msp-meta{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 8px;font-size:13px;color:var(--mut)}
.msp-meta a{font-weight:700;color:var(--pur)!important;text-decoration:none}
/* odabir */
.msp-at{margin-top:14px}
.msp-at:first-child{margin-top:0}
.msp-lb{margin:0 0 8px;font:700 12px "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.msp-lb b{color:var(--ink);letter-spacing:0;text-transform:none;font-size:14px}
.msp-pills{display:flex;flex-wrap:wrap;gap:8px}
.msp .msp-pl{font:600 14.5px/1 "DM Sans",sans-serif;padding:0 16px;height:42px;min-height:0;border-radius:99px;border:1px solid var(--line2);background:#fff;color:var(--ink)}
.msp .msp-pl.on{border:2px solid var(--ink);background:var(--ink);color:#fff}
.msp .msp-pl.x,.msp .msp-bx.x{border-style:dashed;color:var(--mut)}
.msp .msp-pl.out,.msp .msp-bx.out b{text-decoration:line-through}
.msp-selw{display:block;position:relative}
.msp-selw select{width:100%;height:48px;border:1px solid var(--line2);border-radius:12px;padding:0 40px 0 14px;font:600 15px "DM Sans",sans-serif;background:#fff;color:var(--ink);appearance:none;margin:0;box-shadow:none}
.msp-selw::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.msp-bxs{display:flex;flex-wrap:wrap;gap:8px}
.msp .msp-bx{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:92px;min-height:54px;height:auto;padding:8px 14px;border-radius:12px;border:1px solid var(--line2);background:#fff;color:var(--ink);text-align:left;line-height:1.15}
.msp .msp-bx b{font:700 15px "DM Sans",sans-serif}
.msp .msp-bx small{font:500 12.5px "DM Sans",sans-serif;color:var(--mut)}
.msp .msp-bx.on{border:2px solid var(--ink);padding:7px 13px}
.msp .msp-bx3.on{border-color:var(--pur);background:var(--lav)}
.msp .msp-bx3.on small{color:var(--pur)}
.msp-wave{width:64px;height:16px;color:var(--pur);margin-bottom:4px}
.msp .msp-bx3.on .msp-wave{color:var(--or)}
.msp-hint{margin:10px 0 0;font-size:13px;color:var(--mut)}
.msp-hint a{color:var(--pur);font-weight:700;text-decoration:none;white-space:nowrap}
/* kupnja */
.msp-buy{display:flex;flex-direction:column;gap:12px}
.msp-buyA{border:1px solid var(--line);border-radius:16px;padding:18px}
.msp-buyC{background:var(--lav);border-radius:18px;padding:18px}
.msp-pr{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.msp-p{font:800 38px/1 "DM Sans",sans-serif;letter-spacing:-.02em}
.msp-p sup{font-size:.5em;top:-.8em;position:relative;vertical-align:baseline}
.msp-net{font-size:13.5px;color:var(--mut)}
.msp-net b{color:var(--ink);font-weight:600}
.msp-old{font-size:14px}
.msp-old s{color:var(--red)}
.msp-old em{font-style:normal;font-weight:700;color:var(--red);margin-left:6px}
.msp-omn{font-size:12.5px;color:var(--mut)}
.msp-old[hidden],.msp-omn[hidden]{display:none}
.msp-act{display:flex;gap:10px;align-items:stretch}
.msp-row2{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.msp-qty{display:inline-flex;align-items:center;justify-content:space-between;border:1px solid var(--line2);border-radius:99px;height:52px;width:118px;flex:none;background:#fff;padding:0 4px}
.msp .msp-qty button{width:34px;height:44px;min-height:0;padding:0;border:0;background:none;font:500 20px/1 "DM Sans",sans-serif;color:var(--ink);border-radius:50%}
.msp .msp-qty button:hover{background:var(--soft)}
.msp .msp-qty input{width:36px;height:44px;border:0;padding:0;text-align:center;font:700 16px "DM Sans",sans-serif;background:transparent;color:var(--ink);-moz-appearance:textfield;appearance:textfield}
.msp .msp-qty input::-webkit-inner-spin-button,.msp .msp-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.msp .msp-add{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:52px;min-height:52px;padding:0 22px;border:0;border-radius:99px;background:var(--ink);color:#fff;font:700 15.5px/1 "DM Sans",sans-serif;white-space:nowrap}
.msp .msp-add:hover{background:#2B2823}
.msp .msp-add:disabled{opacity:.45;cursor:default}
.msp .msp-add.ok{background:var(--ok)}
.msp-buyB .msp-qty{width:112px;height:56px}
.msp-buyB .msp-add{height:56px;min-height:56px;font-size:16px}
.msp .msp-addC{width:100%;flex:none;justify-content:space-between;height:58px;min-height:58px;padding:0 24px;border-radius:14px;font-size:16px}
.msp-addC b{font-weight:800}
.msp-st{font-size:14px;color:var(--mut)}
.msp-st b{color:var(--ok)}
.msp-st.bo b{color:var(--or2)}
.msp-st.out b{color:var(--red)}
.msp-msg{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--ok)}
/* dostava */
.msp-dtab{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.msp-dtab>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}
.msp-dtab>div:last-child{border-bottom:0}
.msp-dtab small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.msp-dtab>div>span:last-child{text-align:right;white-space:nowrap;font-weight:600}
.msp-free{margin-top:12px;font-size:13.5px;color:var(--mut)}
.msp-free b{color:var(--pur)}
.msp-free i{display:block;height:5px;border-radius:5px;background:#E6E1D8;margin-top:7px;overflow:hidden}
.msp-free em{display:block;height:5px;background:var(--or);border-radius:5px}
.msp-free[hidden]{display:none}
.msp-dbox{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.msp-dbox .msp-free{margin:0;padding:12px 14px;background:var(--lav)}
.msp-dbox .msp-free i{background:#fff}
.msp-drw{display:flex;align-items:center;gap:12px;padding:13px 14px;border-top:1px solid var(--line);font-size:14px}
.msp-drw svg{width:20px;height:20px;flex:none;color:var(--pur)}
.msp-drw span{flex:1;min-width:0}
.msp-drw small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.msp-drw strong{white-space:nowrap;font-weight:700}
.msp-trust{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mut)}
.msp-trust li{display:flex;align-items:center;gap:6px;margin:0}
.msp-trust svg{width:15px;height:15px;color:var(--or)}
.msp-dmini{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#3A3732}
.msp-dmini p{display:flex;gap:10px;align-items:flex-start;margin:0;line-height:1.4}
.msp-dmini svg{width:18px;height:18px;flex:none;color:var(--pur);margin-top:1px}
.msp-dmini b{color:var(--ink)}
/* ključno */
.msp-kr{margin:0;border-top:1px solid var(--line)}
.msp-kr>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.msp-kr dt{font:700 12px "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding-top:2px}
.msp-kr dd{margin:0;color:var(--ink);text-transform:none;letter-spacing:0}
.msp-kt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.msp-kt>div{background:var(--lav);border-radius:14px;padding:12px 14px}
.msp-kt dt{font:700 12px "DM Sans",sans-serif;color:var(--mut);margin:0 0 4px;text-transform:none;letter-spacing:0}
.msp-kt dd{margin:0;font:700 15px/1.35 "DM Sans",sans-serif;color:var(--ink);text-transform:none}
.msp-kc{background:var(--lav);border-radius:18px;padding:18px}
.msp-kch{margin:0 0 10px;font:800 20px "DM Sans",sans-serif;color:var(--ink)}
.msp-kch em{font-style:normal;color:var(--or)}
.msp-chips{display:flex;flex-wrap:wrap;gap:8px}
.msp-chips span{background:#fff;border:1px solid var(--lav2);border-radius:99px;padding:8px 13px;font:600 13.5px "DM Sans",sans-serif}
.msp-kr2{margin-top:14px;border-top-color:var(--lav2)}
.msp-kr2>div{border-bottom-color:var(--lav2)}
/* dodaci */
.msp-dA{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}
.msp-dcard{flex:0 0 210px;scroll-snap-align:start;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.msp-dcard img{aspect-ratio:1/1;object-fit:contain;width:100%}
.msp-dn{font-weight:700;text-decoration:none;line-height:1.3}
.msp-dp{font-weight:700;white-space:nowrap}
.msp .msp-dbtn{margin-top:auto;height:42px;min-height:0;border-radius:99px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:700 14px/1 "DM Sans",sans-serif;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 14px;width:100%}
.msp .msp-dbtn:hover{background:var(--ink);color:#fff}
.msp-dG{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:899px){.msp-dG{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.msp-gcard{flex:0 0 78%;scroll-snap-align:start}}
.msp-gcard{border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.msp-gimg{display:block;aspect-ratio:4/3;background:#F5F4F1}
.msp-gimg img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.msp-gfoot{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px}
.msp-gfoot>span{flex:1;min-width:0}
.msp-gfoot a{text-decoration:none}
.msp-gfoot small{display:block;margin-top:2px;font-weight:700;color:var(--mut)}
.msp .msp-round{width:40px;height:40px;min-height:0;flex:none;border-radius:50%;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:500 22px/1 "DM Sans",sans-serif;display:grid;place-items:center;padding:0;text-decoration:none}
.msp .msp-round:hover{background:var(--ink);color:#fff}
.msp-round svg{width:16px;height:16px}
.msp-dB{display:flex;flex-direction:column;gap:8px;max-width:760px}
.msp-drow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;font-size:14px}
.msp-drow img{width:56px;height:56px;object-fit:contain;flex:none}
.msp-drow>span:nth-child(2){flex:1;min-width:0}
.msp-drow a{text-decoration:none}
.msp-drow small{display:block;color:var(--mut);font-size:12.5px}
/* opis */
.msp-acc{border-top:1px solid var(--ink);max-width:860px}
.msp-acc details{border-bottom:1px solid var(--line);padding:16px 0}
.msp-acc summary{cursor:pointer;font:800 18px "DM Sans",sans-serif;list-style:none;display:flex;justify-content:space-between}
.msp-acc summary::after{content:"+";font-weight:600}
.msp-acc details[open] summary::after{content:"−"}
.msp-acc summary::-webkit-details-marker{display:none}
.msp-txt{font-size:15.5px;line-height:1.65;color:#3A3732;margin-top:12px;max-width:72ch}
.msp-txt h2,.msp-txt h3{font-family:"DM Sans",sans-serif;color:var(--ink);text-transform:none}
.msp-o2{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media(min-width:900px){.msp-o2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start}.msp-o2r{position:sticky;top:90px}}
.msp-o2l .msp-txt{margin-top:0}
.msp-o2r{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.msp-o2c{width:100%;background:var(--lav);border-radius:16px;padding:16px 18px;font-size:14px;line-height:1.55;color:#3A3732}
.msp-o2c h3{margin:0 0 10px;font:800 16px "DM Sans",sans-serif;color:var(--ink);text-transform:none}
.msp-o2c p{margin:0}
.msp-o2c .msp-spec>div:nth-child(odd){background:#fff}
.msp-tabs{max-width:860px}
.msp-tbar{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.msp .msp-tbar button{height:48px;min-height:0;padding:0 14px;border:0;border-bottom:3px solid transparent;background:none;font:700 15px "DM Sans",sans-serif;color:var(--mut);white-space:nowrap;border-radius:0}
.msp .msp-tbar button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.msp-txt[hidden]{display:none}
.msp-spec{margin:0}
.msp-spec>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;padding:9px 12px;font-size:14px}
.msp-spec>div:nth-child(odd){background:var(--soft);border-radius:8px}
.msp-spec dt{color:var(--mut);text-transform:none;letter-spacing:0;font-weight:500}
.msp-spec dd{margin:0;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0}
/* traka na dnu (mobitel) */
.msp-sb{position:fixed;left:0;right:0;bottom:74px;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 16px;transform:translateY(160%);transition:transform .2s}
.msp-sb.show{transform:none}
.msp-sb>span{display:flex;flex-direction:column;font-size:12.5px;line-height:1.25;min-width:0}
.msp-sb>span b{font-size:17px}
.msp-sb small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
.msp-sbA{background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(21,19,15,.08)}
.msp-sbA small{color:var(--mut)}
.msp-sbB{background:var(--ink);color:#fff}
.msp-sbB small{color:#B5B0A6}
.msp .msp-sb .msp-add{height:46px;min-height:46px}
.msp .msp-addW{background:#fff;color:var(--ink)}
.msp .msp-addW:hover{background:#F0EEE9}
@media(min-width:900px){.msp-sb{display:none}}
@media (prefers-reduced-motion:reduce){.msp-sb{transition:none}}
/* biranje verzija (samo admin) */
.msp-sw{position:fixed;left:12px;bottom:90px;z-index:99999;background:#fff;border:1px solid var(--ink);border-radius:14px;box-shadow:0 10px 30px rgba(21,19,15,.18);width:262px;max-width:calc(100vw - 24px);font:500 13px "DM Sans",sans-serif;color:var(--ink)}
@media(min-width:900px){.msp-sw{bottom:16px}}
.msp .msp-swt{width:100%;height:40px;min-height:0;text-align:left;padding:0 12px;border:0;background:var(--ink);color:#fff;font:700 13px "DM Sans",sans-serif;border-radius:13px 13px 0 0}
.msp-sw.min .msp-swb{display:none}
.msp .msp-sw.min .msp-swt{border-radius:13px}
.msp-swb{padding:8px 12px 12px;max-height:60vh;overflow:auto}
.msp-swr{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0}
.msp-swg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.msp .msp-swg button{width:40px;height:30px;min-height:0;border:0;border-right:1px solid var(--line2);background:#fff;color:var(--ink);font:700 12.5px "DM Sans",sans-serif;padding:0;border-radius:0}
.msp .msp-swg button:last-child{border-right:0}
.msp .msp-swg button.on{background:var(--pur);color:#fff}
.msp-swl{border-top:1px solid var(--line);margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:4px}
.msp-swl span{color:var(--mut)}
.msp-swl a{color:var(--pur);font-weight:600;text-decoration:underline;text-underline-offset:2px}
/* tema na gumbe stavlja zaobljenje 100px s !important; ovdje vraćamo naše */
.msp .msp-th button{border-radius:10px!important}
.msp .msp-bx{border-radius:12px!important}
.msp .msp-addC{border-radius:14px!important}
.msp .msp-tbar button,.msp .msp-swg button{border-radius:0!important}
.msp .msp-swt{border-radius:13px 13px 0 0!important}
.msp .msp-sw.min .msp-swt{border-radius:13px!important}
.msp-gimg{position:relative;overflow:hidden}
.msp-gimg img{position:absolute;inset:0;height:100%!important}
.msp-dG{align-items:start}
.msp-gk>div{display:flex;flex-direction:column}
.msp .msp-gk dd,.msp .msp-kt dd,.msp .msp-kr dd,.msp .msp-spec dd{text-transform:none!important;letter-spacing:0!important}
.msp-sb{transform:translateY(calc(100% + 110px));visibility:hidden;transition:transform .2s,visibility .2s}
.msp-sb.show{visibility:visible}
.msp-sw.min{width:150px}
@media(max-width:599px){.msp-buyA,.msp-buyC{padding:14px}.msp-qty{width:104px}.msp .msp-add{font-size:14.5px;padding:0 14px;white-space:normal;line-height:1.15;text-align:center}.msp .msp-addC{padding:0 18px}.msp-sw{bottom:150px}}
/* ===== verzija 3: odluke 29. 10. ===== */
.msp-right{gap:22px}
/* galerija: sličice lijevo, bijela podloga, video na stranici, strelice */
.msp-gal{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}
.msp-gth{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow-y:auto;scrollbar-width:none}
.msp-gth::-webkit-scrollbar{display:none}
.msp .msp-gt{position:relative;flex:0 0 72px;width:72px;height:72px;min-height:0;padding:4px;border:1px solid var(--line);border-radius:10px!important;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.msp .msp-gt.on{border:2px solid var(--ink)}
.msp-gt img{width:100%;height:100%;object-fit:contain}
.msp .msp-gtv{padding:0;background:var(--ink);border-color:var(--ink)}
.msp-gtv img{object-fit:cover;opacity:.55}
.msp-gtp{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--or);color:#fff;display:grid;place-items:center}
.msp-gtp svg{width:14px;height:14px;margin-left:2px}
.msp-gtl{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:800 11px "DM Sans",sans-serif;color:#fff;letter-spacing:.06em;text-transform:uppercase}
.msp-gm{position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.msp-gm .msp-mi{width:100%;height:100%;object-fit:contain;padding:28px}
.msp-gvid{position:absolute;inset:0;z-index:5;background:#000}
.msp-gvid iframe{width:100%;height:100%;border:0;display:block}
.msp-gal.vid .msp-mi,.msp-gal.vid .msp-gvb,.msp-gal.vid .msp-stamp,.msp-gal.vid .msp-logo,.msp-gal.vid .msp-bd{visibility:hidden}
.msp .msp-ga{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;min-height:0;padding:0;border-radius:50%!important;border:1px solid var(--line2);background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center}
.msp .msp-ga:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.msp-ga svg{width:18px;height:18px}
.msp-gap{left:12px}.msp-gan{right:12px}
.msp .msp-gvb{position:absolute;left:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;gap:9px;height:44px;min-height:0;padding:0 18px 0 6px;border:0;border-radius:99px!important;background:var(--ink);color:#fff;font:700 14px "DM Sans",sans-serif}
.msp-gvb span{width:32px;height:32px;border-radius:50%;background:var(--or);display:grid;place-items:center}
.msp-gvb svg{width:14px;height:14px;margin-left:2px}
.msp .msp-gvb:hover{background:#2B2823}
.msp-gc{position:absolute;right:16px;top:14px;z-index:4;font:700 12px "DM Sans",sans-serif;color:var(--mut);background:#fff;padding:4px 8px;border-radius:99px;border:1px solid var(--line)}
.msp-gal.vid .msp-gc{visibility:hidden}
.msp-gm .msp-stamp{right:14px;bottom:14px}
.msp-gm .msp-logo{top:14px;left:14px}
.msp-gal~.msp-gk{margin:12px 0 0 82px}
@media(max-width:599px){.msp-gal{grid-template-columns:minmax(0,1fr)}.msp-gth{flex-direction:row;order:2;max-height:none;overflow-x:auto}.msp .msp-gt{flex-basis:62px;width:62px;height:62px}.msp-gal~.msp-gk{margin-left:0}.msp .msp-ga{display:none}.msp .msp-gvb{height:40px;font-size:13px}}
/* naslov: kategorija i brend, narančasta riječ, manji naslov, kratki opis */
.msp-eyb a:hover,.msp-bc a:hover{color:var(--or)!important;text-decoration:none}
.msp-nas .msp-h1{font-size:clamp(26px,2.8vw,32px);line-height:1.08}
.msp-rv{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13.5px;color:var(--mut);text-decoration:none}
.msp-rv b{color:var(--ink)}
.msp-stars{display:inline-flex;gap:1px;font-size:15px;line-height:1}
.msp-stars i{font-style:normal;color:#D9D4CA}
.msp-stars i.on{color:var(--or)}
.msp-lead{margin-top:12px;font-size:15px;line-height:1.6;color:#3A3732;max-width:62ch}
.msp-lead p{margin:0 0 8px}
.msp-lead p:last-child{margin:0}
.msp-lead ul{margin:6px 0 0 18px;padding:0}
.msp-lead li{margin:0 0 4px}
/* dostava: prvo do besplatne dostave s kilažom, pa kratki redovi */
.msp-dos{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.msp-free2{background:var(--lav);padding:13px 16px;font-size:14px;color:#3A3732}
.msp-free2 p{margin:0}
.msp-free2 b{color:var(--pur)}
.msp-fbar{display:block;height:6px;border-radius:6px;background:#fff;margin:8px 0 0;overflow:hidden}
.msp-fbar em{display:block;height:6px;border-radius:6px;background:var(--or);transition:width .25s}
.msp-fw{margin-top:8px!important;font-size:12.5px;color:var(--mut)}
.msp-fw b{color:var(--ink)}
.msp-free2.ok b{color:var(--ok)}
.msp-free2.ok .msp-fbar em{background:var(--ok)}
.msp-free2.heavy .msp-fw b{color:var(--red)}
.msp-dos .msp-dmini{padding:14px 16px 0}
.msp-dos .msp-trust{margin:12px 16px 14px;padding-top:12px;border-top:1px solid var(--line)}
/* dodaci: prave varijante u kartici, crta i strelice */
.msp-dodw{position:relative}
.msp-dhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.msp-h em{font-style:normal;color:var(--or)}
.msp-dA{gap:14px;padding-bottom:4px;scrollbar-width:none}
.msp-dA::-webkit-scrollbar{display:none}
.msp-dcard{flex:0 0 232px;gap:8px;padding:12px 12px 14px}
.msp-dimg{aspect-ratio:1/1;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.msp-dimg img{width:100%;height:100%;object-fit:contain}
.msp-dcard .msp-dn{margin:0;font:700 14.5px/1.3 "DM Sans",sans-serif;color:var(--ink);min-height:2.6em}
.msp-proof{margin:-2px 0 0;font-size:12.5px;font-weight:600;color:var(--pur)}
.msp-selw-s select{height:40px;font-size:13.5px;border-radius:10px;padding:0 34px 0 10px}
.msp-selw-s::after{right:13px;width:7px;height:7px}
.msp-drow2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.msp-drow2 .msp-dp{font-size:16px}
.msp .msp-drow2 .msp-dbtn{width:auto;flex:none;margin:0;height:40px;padding:0 16px}
.msp .msp-dbtn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.msp-rnav{display:flex;align-items:center;gap:14px;margin-top:18px}
.msp-rnav[hidden]{display:none}
.msp-rtr{position:relative;flex:1;height:2px;background:var(--line)}
.msp-rtr i{position:absolute;top:-1px;left:0;height:4px;border-radius:4px;background:var(--ink);transition:left .15s}
.msp .msp-ra{width:42px;height:42px;min-height:0;padding:0;flex:none;border-radius:50%!important;border:1px solid var(--line2);background:#fff;color:var(--ink);display:grid;place-items:center}
.msp .msp-ra:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}
.msp .msp-ra:disabled{opacity:.35;cursor:default}
.msp-ra svg{width:17px;height:17px}
@media(max-width:599px){.msp-dcard{flex-basis:72%}.msp-rnav .msp-ra{display:none}}
/* recenzije */
.msp-rsum{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.msp-rsum>b{font:800 30px "DM Sans",sans-serif;color:var(--ink)}
.msp-rsum>span:last-child{color:var(--mut);font-size:14px}
.msp-rlist{list-style:none;margin:0;padding:0}
.msp-rlist li{border-top:1px solid var(--line);padding:14px 0;margin:0}
.msp-rh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;font-size:14px}
.msp-rh b{color:var(--ink)}
.msp-rver{font-size:12px;font-weight:700;color:var(--ok)}
.msp-rd{margin-left:auto;font-size:12.5px;color:var(--mut)}
.msp-rlist p{margin:0 0 6px}
.msp-acc details:target{scroll-margin-top:120px}
/* stil opisa: "Jedan stil" poništava boje i fontove iz opisa pojedinog brenda */
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt *{background:transparent!important;background-image:none!important;color:inherit!important;font-family:"DM Sans",sans-serif!important;box-shadow:none!important;text-shadow:none!important;border-color:var(--line)!important}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt>*:first-child{margin-top:0}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt h1,.msp-s[data-sec="sty"][data-cur="b"] .msp-txt h2{font-size:22px!important;line-height:1.2!important;font-weight:800!important;color:var(--ink)!important;margin:26px 0 10px!important;padding:0!important}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt h3,.msp-s[data-sec="sty"][data-cur="b"] .msp-txt h4{font-size:17px!important;font-weight:800!important;color:var(--ink)!important;margin:20px 0 8px!important;padding:0!important}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt div,.msp-s[data-sec="sty"][data-cur="b"] .msp-txt section{padding-left:0!important;padding-right:0!important;border-radius:0!important}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt strong,.msp-s[data-sec="sty"][data-cur="b"] .msp-txt b{color:var(--ink)!important}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt ul{padding-left:20px!important}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt li::marker{color:var(--or)}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt table{width:100%;border-collapse:collapse}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt td,.msp-s[data-sec="sty"][data-cur="b"] .msp-txt th{padding:9px 10px!important;border-bottom:1px solid var(--line)!important;text-align:left}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt img{border-radius:12px}
.msp-s[data-sec="sty"][data-cur="b"] .msp-txt a{color:var(--pur)!important}
.msp-txt iframe{max-width:100%}
/* ploča */
.msp .msp-swg2 button{width:auto;padding:0 10px}
.msp-acc{max-width:900px}
/* ===== verzija 4 ===== */
/* podnaslov: četiri mogućnosti */
.msp-pod{display:none}
.msp-nas[data-cur="a"] .msp-pod-a{display:block;margin:8px 0 0;font:500 16px/1.4 "DM Sans",sans-serif;color:var(--mut)}
.msp-nas[data-cur="b"] .msp-pod-b{display:block;margin-top:6px;font:500 .6em/1.25 "DM Sans",sans-serif;letter-spacing:-.005em;color:#4A4640}
.msp-nas[data-cur="c"] .msp-pod-c{display:block;margin:0 0 4px;font:600 15px/1.35 "DM Sans",sans-serif;color:#4A4640}
.msp-nas .msp-lead{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
/* ključno K2: dva stupca, dugi podatak preko cijele širine */
.msp-kg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0;border-top:1px solid var(--line)}
.msp-kg>div{padding:10px 0;border-bottom:1px solid var(--line);min-width:0}
.msp-kg>div.w{grid-column:1/-1}
.msp-kg dt{margin:0 0 3px;font:700 11.5px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.msp .msp-kg dd{margin:0;font:600 14.5px/1.4 "DM Sans",sans-serif;color:var(--ink);text-transform:none!important}
.msp-kg2{margin-top:14px;border-top-color:var(--lav2)}
.msp-kg2>div{border-bottom-color:var(--lav2)}
/* ključno K3: redovi, dugi podatak skraćen pa se otvori */
.msp-ks{margin:0;border-top:1px solid var(--line)}
.msp-ks>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.msp-ks dt{font:700 11.5px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding-top:2px}
.msp .msp-ks dd{margin:0;color:var(--ink);text-transform:none!important}
.msp-ks summary{cursor:pointer;list-style:none}
.msp-ks summary::-webkit-details-marker{display:none}
.msp-ks summary::after{content:" više";color:var(--pur);font-weight:700}
.msp-ks details[open] summary{display:none}
/* logo i oznake kao na karticama: logo bez okvira, Novo okomito, na stranici proizvoda ljubičasto */
.msp-gm .msp-logo{top:16px;left:16px;background:none;box-shadow:none;padding:0;border-radius:0}
.msp-gm .msp-logo img{height:34px;width:auto;max-width:130px;object-fit:contain;object-position:left center}
.msp-vb{position:absolute;left:0;top:16px;z-index:3;display:flex;flex-direction:column;gap:6px}
.msp-vb .msp-bd{position:static;writing-mode:vertical-rl;transform:rotate(180deg);border-radius:8px 0 0 8px;padding:12px 7px;font:800 12px/1 "DM Sans",sans-serif;letter-spacing:.06em}
.msp-vb .msp-bd-new{background:var(--pur)}
.msp-vb .msp-bd-sale{background:var(--red)}
.msp-gm:has(.msp-vb .msp-bd:not([hidden])) .msp-logo{left:50px}
/* odabir: četiri načina za duge vrijednosti */
.msp-o{display:none}
.msp-var[data-cur="a"] .msp-oa,.msp-var[data-cur="b"] .msp-ob,.msp-var[data-cur="c"] .msp-oc,.msp-var[data-cur="d"] .msp-od{display:block}
.msp-otl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.msp .msp-ot{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:56px;height:auto;padding:9px 13px;border:1px solid var(--line2);border-radius:12px!important;background:#fff;color:var(--ink);text-align:left;line-height:1.2}
.msp .msp-ot b{font:700 15px "DM Sans",sans-serif}
.msp .msp-ot small{font:500 12px/1.3 "DM Sans",sans-serif;color:var(--mut)}
.msp .msp-ot.on{border:2px solid var(--ink);padding:8px 12px}
.msp .msp-ot.x{border-style:dashed;color:var(--mut)}
.msp-osub{margin:8px 0 0;font-size:13.5px;color:var(--mut)}
.msp-osub[hidden]{display:none}
.msp .msp-kg dt,.msp .msp-kg dd,.msp .msp-ks dt,.msp .msp-ks dd{display:block}
.msp-s[data-cur="d"]>.msp-v[data-v="d"]{display:block}
/* ploča na mobitelu: samo mali gumb dok se ne otvori */
@media(max-width:899px){.msp-sw{width:auto;max-width:calc(100vw - 16px);left:8px;bottom:160px}.msp-sw .msp-swb{display:none!important}.msp-sw.open{width:262px}.msp-sw.open .msp-swb{display:block!important;max-height:50vh}.msp .msp-sw .msp-swt{width:auto;height:34px;padding:0 12px;border-radius:99px!important;font-size:12px}.msp .msp-sw.open .msp-swt{width:100%;border-radius:13px 13px 0 0!important}.msp-sw:not(.open){border-radius:99px}}
/* vrh na mobitelu: M2 = manja slika, cijena odmah ispod naslova */
.msp-mpr{display:none}
@media(max-width:599px){
.msp[data-mob="b"] .msp-bc{display:none}
.msp[data-mob="b"] .msp-gm{aspect-ratio:4/3}
.msp[data-mob="b"] .msp-gm .msp-mi{padding:14px}
.msp[data-mob="b"] .msp-gth{display:none}
.msp[data-mob="b"] .msp-gm .msp-stamp{width:54px;height:54px}
.msp[data-mob="b"] .msp-top{gap:14px}
.msp[data-mob="b"] .msp-nas .msp-eyb{margin-bottom:4px}
.msp[data-mob="b"] .msp-mpr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:10px 0 0}
.msp[data-mob="b"] .msp-mp{font:800 28px/1 "DM Sans",sans-serif;letter-spacing:-.02em}
.msp[data-mob="b"] .msp-mp sup{font-size:.5em;top:-.7em;position:relative;vertical-align:baseline}
.msp[data-mob="b"] .msp-mpr .msp-st{font-size:13px}
.msp[data-mob="b"] .msp-gc{top:10px;right:10px}
}
/* Novo kreće od samog vrha okvira, kao na kartici */
.msp-vb{top:0;gap:0}
.msp-vb .msp-bd{border-radius:8px 0 0 0;padding:14px 8px 12px}
.msp-vb .msp-bd+.msp-bd{margin-top:6px;border-radius:8px 0 0 8px}
/* mobitel: točkice i male strelice na slici, gumb u jednom redu */
.msp-gdots{display:none}
.msp-as{display:none}
@media(max-width:599px){
.msp-gdots{position:absolute;left:0;right:0;bottom:10px;z-index:4;display:flex;justify-content:center;gap:6px;pointer-events:none}
.msp-gdots i{width:7px;height:7px;border-radius:50%;background:#D9D4CA}
.msp-gdots i.on{background:var(--ink);width:18px;border-radius:4px}
.msp-gal.vid .msp-gdots{visibility:hidden}
.msp .msp-ga{display:grid;width:34px;height:34px;background:rgba(255,255,255,.85)}
.msp-ga svg{width:15px;height:15px}
.msp-gap{left:8px}.msp-gan{right:8px}
.msp .msp-gvb{bottom:28px}
.msp-buyA{padding:14px}
.msp-qty{width:96px;height:48px}
.msp .msp-qty button{width:30px}
.msp .msp-qty input{width:30px}
.msp .msp-add{height:48px;min-height:48px;padding:0 12px;font-size:14.5px;white-space:nowrap!important;line-height:1}
}
@media(max-width:420px){.msp-al{display:none}.msp-as{display:inline}}
/* kratki opis na mobitelu: dva retka pa "Pročitaj više" */
.msp .msp-more{display:none}
@media(max-width:599px){
.msp-nas .msp-lead{max-height:calc(2 * 1.6em);overflow:hidden;position:relative}
.msp-nas .msp-lead.cut::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.6em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.msp-nas .msp-lead.open{max-height:none}
.msp-nas .msp-lead.open::after{display:none}
.msp .msp-more{display:inline-block;margin:6px 0 0;padding:0;height:auto;min-height:0;border:0;background:none;font:700 14px "DM Sans",sans-serif;color:var(--pur);text-decoration:underline;text-underline-offset:3px;border-radius:0!important}
.msp .msp-more[hidden]{display:none}
}
/* ispravak: gornji razmak se ne smije računati u dva retka; blijedi samo kraj drugog retka */
@media(max-width:599px){
.msp-nas .msp-lead{max-height:calc(2 * 1.6em + 21px)}
.msp-nas .msp-lead.open{max-height:none}
.msp-nas .msp-lead.cut::after{height:.9em;left:40%}
.msp-nas .msp-lead.cut::after{background:linear-gradient(90deg,rgba(255,255,255,0),#fff 85%)}
}
/* drugi red ostaje potpuno vidljiv, gumb bliže tekstu */
@media(max-width:599px){
.msp-nas .msp-lead.cut::after{display:none}
.msp-nas .msp-lead{max-height:calc(2 * 1.6em + 18px)}
.msp .msp-more{margin-top:2px}
}
.msp-bc{align-items:center}
.msp-home{display:inline-flex;align-items:center}
.msp-home svg{width:16px;height:16px;display:block}
/* M2 zadržava putanju (kućica › kategorija › proizvod) */
@media(max-width:599px){.msp[data-mob="b"] .msp-bc{display:flex;padding:10px 0 8px;font-size:12.5px}}