/* OnlineZarada v6 · light glossy (navy + champagne gold). Chrome + design system. */
@font-face{font-family:"OZ Serif";src:url(../fonts/cormorant.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"OZ Serif";src:url(../fonts/cormorant-italic.woff2) format("woff2");font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:"OZ Sans";src:url(../fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{
--ink:#070B17;--n9:#0A1124;--n8:#0F1A33;--n7:#16244A;
--g1:#F4E6C3;--g2:#E6CF97;--g3:#CDAE6E;--g4:#A9864A;--g5:#7A5E2C;
--bg:#F6F1E7;--bg2:#F0F2F5;--bg3:#FAF5EA;--paper:#FFFDF9;--paper2:#FBF7EF;--sand:#EFE8D8;
--line:#E5DCCA;--line2:#D6CBB3;--text:#121829;--muted:#535C72;--goldtxt:#7A5D27;
--ok:#1C7550;--okbg:#E2F2EA;--ruby:#A42F47;--rubybg:#F8E6EA;--sapph:#2A4FB8;--sapphbg:#E6ECFA;
--gG:linear-gradient(135deg,#F8EDCF 0%,#E6CD93 32%,#CFAE6A 64%,#B08C4C 100%);
--card:linear-gradient(180deg,#FFFEFB,#FBF7EF);
--glass:linear-gradient(180deg,rgba(255,254,250,.94),rgba(255,252,245,.76));
--r:20px;--r2:14px;--r3:10px;
--sh:inset 0 1px 0 #fff,0 1px 2px rgba(10,17,36,.04),0 14px 34px rgba(10,17,36,.06);
--sh2:0 2px 6px rgba(10,17,36,.08),0 30px 70px rgba(10,17,36,.18);
--hdr:rgba(252,249,242,.86);--focus:#2A4FB8;
color-scheme:light}
html[data-oz-mode=dark]{--bg:#0A1124;--bg2:#0D152B;--bg3:#0F1830;--paper:#121C38;--paper2:#0F1832;--sand:#1A2647;--line:rgba(232,210,160,.16);--line2:rgba(232,210,160,.28);--text:#F2EEE4;--muted:#AEB6CC;--goldtxt:#E6CF97;--okbg:rgba(46,160,110,.16);--ok:#7FD9AE;--rubybg:rgba(220,90,120,.15);--ruby:#F2A9BA;--sapphbg:rgba(90,130,240,.16);--sapph:#A9BDF5;
--card:linear-gradient(180deg,#141F3D,#101934);--glass:linear-gradient(180deg,rgba(20,31,61,.92),rgba(16,25,52,.8));--sh:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.25);--hdr:rgba(10,17,36,.86);--focus:#A9BDF5;color-scheme:dark}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body.oz6{margin:0;font-family:"OZ Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.oz6 a{color:inherit}
.oz6 img,.oz6 svg{max-width:100%}
.oz6 .ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.oz6 :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
.oz6 .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oz6 .skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--n9);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}
.oz6 .skip:focus{top:12px}
.oz6 .wrap{max-width:1232px;margin:0 auto;padding:0 32px}
.oz6 .serif{font-family:"OZ Serif",Georgia,serif;font-weight:600;letter-spacing:-.012em;line-height:1.05}
.oz6 .gold{background:linear-gradient(135deg,#8C6A2E,#6F5222 55%,#9A7737);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-oz-mode=dark] .oz6 .gold{background:var(--gG);-webkit-background-clip:text;background-clip:text}
.oz6 .it{font-style:italic;font-weight:500}
.oz6 .eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--goldtxt)}
.oz6 .eyebrow:before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}
.oz6 .muted{color:var(--muted)}.oz6 .small{font-size:13.5px}.oz6 .xs{font-size:12px}
.oz6 .row{display:flex;align-items:center;gap:12px;min-width:0}.oz6 .between{justify-content:space-between}.oz6 .wrapf{flex-wrap:wrap}.oz6 .col{display:flex;flex-direction:column;min-width:0}.oz6 .grow{flex:1;min-width:0}
/* buttons */
.oz6 .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 26px;border-radius:999px;font:700 15px/1 "OZ Sans",system-ui,sans-serif;border:1px solid transparent;white-space:nowrap;letter-spacing:.005em;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.oz6 .btn:hover{transform:translateY(-1px)}
.oz6 .btn .ico{width:18px;height:18px}
.oz6 .btn-gold{background:var(--gG);color:#1C1406;border-color:#B8975A;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 26px rgba(176,140,70,.28)}
.oz6 .btn-navy{background:var(--n9);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.oz6 .btn-ghost{border-color:var(--line2);color:var(--text);background:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(10,17,36,.06)}
html[data-oz-mode=dark] .oz6 .btn-ghost{background:rgba(255,255,255,.04);box-shadow:none}
.oz6 .btn-line{border-color:var(--line2);background:var(--paper);color:var(--text)}
.oz6 .btn-sm{height:40px;padding:0 18px;font-size:14px}.oz6 .btn-xs{height:34px;padding:0 14px;font-size:13px}.oz6 .btn-block{width:100%}
.oz6 .pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--sand);color:#4A3B17;white-space:nowrap}
html[data-oz-mode=dark] .oz6 .pill{color:var(--g2)}
.oz6 .pill .ico{width:14px;height:14px}
.oz6 .pill.navy{background:var(--n9);color:var(--g2)}.oz6 .pill.green{background:var(--okbg);color:var(--ok)}.oz6 .pill.blue{background:var(--sapphbg);color:var(--sapph)}.oz6 .pill.ruby{background:var(--rubybg);color:var(--ruby)}
.oz6 .pill.goldp{background:var(--gG);color:#1C1406;height:22px;font-size:10.5px;letter-spacing:.06em;padding:0 9px}
.oz6 .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.oz6 .icb{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;background:linear-gradient(180deg,#FBF5E6,#F1E6CB);color:var(--g5);border:1px solid #E6D6AE;box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(176,140,70,.12)}
html[data-oz-mode=dark] .oz6 .icb{background:linear-gradient(180deg,rgba(232,210,160,.16),rgba(232,210,160,.05));border-color:rgba(232,210,160,.3);color:var(--g2);box-shadow:none}
.oz6 .icb .ico{width:22px;height:22px}.oz6 .icb.sm{width:36px;height:36px;border-radius:11px}.oz6 .icb.sm .ico{width:18px;height:18px}
.oz6 .av{border-radius:50%;object-fit:cover;flex:none;display:inline-block}
.oz6 .av.mono{display:inline-grid;place-items:center;font-family:"OZ Serif",Georgia,serif;font-weight:700;letter-spacing:.02em;line-height:1}
.oz6 .av.mono.gold{background:var(--gG);color:#1C1406;width:40px;height:40px}
.oz6 .ring{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--g3)}
.oz6 .flag{width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(10,17,36,.12);object-fit:cover;flex:none;display:block}
.oz6 .flagset{display:flex}.oz6 .flagset .flag{margin-right:-6px;box-shadow:0 0 0 1.5px var(--paper)}.oz6 .flagset .flag:last-child{margin-right:0}
.oz6 .progress{height:8px;border-radius:9px;background:#E9E1CE;overflow:hidden}.oz6 .progress>i{display:block;height:100%;background:var(--gG);border-radius:9px}
html[data-oz-mode=dark] .oz6 .progress{background:rgba(255,255,255,.08)}
.oz6 .ai-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:#F3EAD3;color:var(--g5);font-size:10.5px;font-weight:800;letter-spacing:.08em;border:1px solid #E3D2A8;vertical-align:middle}
.oz6 .chip2{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--line2);background:var(--paper);font:600 13.5px/1.3 "OZ Sans",system-ui,sans-serif;color:var(--text);cursor:pointer;text-align:left}
.oz6 .chip2.on{border-color:#C7A462;background:#FBF3DE;color:var(--goldtxt)}
/* ===== header ===== */
.oz6 .hdr{position:sticky;top:0;z-index:90;background:var(--hdr);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid rgba(214,196,156,.55);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 30px rgba(10,17,36,.05)}
body.admin-bar.oz6 .hdr{top:32px}
.oz6 .hdr .wrap{display:flex;align-items:center;height:76px;gap:22px}
.oz6 .logo{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:800;font-size:18px;letter-spacing:-.01em;flex:none;text-decoration:none}
.oz6 .logo .crest{width:40px;height:40px;display:block}
.oz6 .logo b{font-weight:800}.oz6 .logo .logo-t span{color:var(--goldtxt);font-weight:600;margin-left:4px}
.oz6 .nav{display:flex;gap:2px;margin-left:6px}
.oz6 .nav a{color:#3A425A;font-weight:600;font-size:14.5px;padding:9px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
html[data-oz-mode=dark] .oz6 .nav a{color:#C3CAE0}
.oz6 .nav a:hover{color:var(--text);background:rgba(205,174,110,.10)}
.oz6 .nav a.on{color:var(--text);background:linear-gradient(180deg,#FBF3DE,#F3E6C6);box-shadow:inset 0 0 0 1px #E3CF9F,inset 0 1px 0 #fff}
html[data-oz-mode=dark] .oz6 .nav a.on{background:rgba(232,210,160,.12);box-shadow:inset 0 0 0 1px rgba(232,210,160,.3);color:#fff}
.oz6 .hdr .right{margin-left:auto;display:flex;gap:10px;align-items:center}
.oz6 .lang,.oz6 .iconbtn,.oz6 .userchip,.oz6 .burger{font:700 13px/1 "OZ Sans",system-ui,sans-serif;color:var(--text);background:rgba(255,255,255,.72);border:1px solid var(--line2);cursor:pointer;text-decoration:none}
html[data-oz-mode=dark] .oz6 :is(.lang,.iconbtn,.userchip,.burger){background:rgba(255,255,255,.04)}
.oz6 .lang{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:999px}
.oz6 .lang .ico{width:14px;height:14px}
.oz6 .iconbtn{position:relative;width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;padding:0;flex:none}
.oz6 .iconbtn .ico{width:19px;height:19px}
.oz6 [data-oz6-mode] .i-sun{display:none}html[data-oz-mode=dark] .oz6 [data-oz6-mode] .i-sun{display:inline-block}html[data-oz-mode=dark] .oz6 [data-oz6-mode] .i-moon{display:none}
.oz6 .userchip{display:flex;align-items:center;gap:9px;font-size:14px;padding:4px 12px 4px 4px;border-radius:999px;height:42px}
.oz6 .userchip .ico{width:14px;height:14px}
.oz6 .burger{display:none;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--goldtxt);padding:0}
.oz6 .langdd,.oz6 .acct{position:relative}
.oz6 .ldd{position:absolute;right:0;top:calc(100% + 10px);z-index:120;min-width:290px;padding:8px;border-radius:18px;border:1px solid #E3D2A8;background:linear-gradient(180deg,#FFFFFF,#FFFCF5);box-shadow:0 30px 70px rgba(10,17,36,.18);display:flex;flex-direction:column}
html[data-oz-mode=dark] .oz6 .ldd{background:#121C38;border-color:rgba(232,210,160,.25)}
.oz6 .ldd[hidden]{display:none}
.oz6 .ldd-h{display:flex;align-items:center;gap:8px;padding:8px 10px 10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.oz6 .ldd-h .ico{width:15px;height:15px}
.oz6 .ldd a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--text);font-size:14px}
.oz6 .ldd a:hover{background:#FBF3DE}html[data-oz-mode=dark] .oz6 .ldd a:hover{background:rgba(232,210,160,.08)}
.oz6 .ldd a.on{background:#F6EDD6}html[data-oz-mode=dark] .oz6 .ldd a.on{background:rgba(232,210,160,.12)}
.oz6 .ldd a .ln{display:flex;flex-direction:column;line-height:1.25;flex:1}.oz6 .ldd a .ln small{color:var(--muted);font-size:12px}
.oz6 .ldd a>.ico{width:16px;height:16px;color:var(--goldtxt)}
.oz6 .ldd .flagset{min-width:56px}
.oz6 .acct-menu{min-width:270px;max-height:min(70vh,640px);overflow:auto}
.oz6 .acct-h{display:flex;gap:12px;align-items:center;padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.oz6 .acct-h span{display:flex;flex-direction:column;line-height:1.3}.oz6 .acct-h small{color:var(--muted);font-size:12px}
.oz6 .acct-menu a{padding:9px 12px;font-weight:600}.oz6 .acct-menu a .ico{width:17px;height:17px;color:var(--goldtxt)}
.oz6 .acct-menu a.out{border-top:1px solid var(--line);margin-top:6px;border-radius:0 0 12px 12px}
/* drawer */
.oz6 .scrim{position:fixed;inset:0;background:rgba(10,17,36,.35);z-index:130;backdrop-filter:blur(2px)}
.oz6 .scrim[hidden],.oz6 .drw[hidden]{display:none}
.oz6 .drw{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);z-index:140;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#FFFDF8,#F3ECDD);border-left:1px solid #E3D2A8;box-shadow:-30px 0 70px rgba(10,17,36,.18);padding:16px 18px 40px;display:flex;flex-direction:column;gap:14px}
html[data-oz-mode=dark] .oz6 .drw{background:linear-gradient(180deg,#0F1A33,#0A1124)}
.oz6 .drw-h{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}
.oz6 .drw-search{display:flex;align-items:center;gap:10px;height:46px;border-radius:999px;border:1px solid var(--line2);background:var(--paper);padding:0 16px;color:var(--muted)}
.oz6 .drw-search input{border:0;background:transparent;flex:1;min-width:0;font:500 15px "OZ Sans",system-ui;color:var(--text);outline:0}
.oz6 .drw-acct{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.oz6 .drw-acct span{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.oz6 .drw-acct small{color:var(--muted)}
.oz6 .drw-cta{display:grid;gap:10px}
.oz6 .drw-main{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.oz6 .drw-main a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--paper);text-decoration:none;font-weight:700;font-size:14px}
.oz6 .drw .grp{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:800;margin:4px 2px 8px;width:100%}
.oz6 .drw-lang{display:flex;flex-wrap:wrap;gap:8px}
.oz6 .drw-lang a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--paper);text-decoration:none;font-size:13px}
.oz6 .drw-lang a.on{background:#F6EDD6;border-color:#CFAE6A}html[data-oz-mode=dark] .oz6 .drw-lang a.on{background:rgba(232,210,160,.14)}
.oz6 .drw-more{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden}
.oz6 .drw-more summary{cursor:pointer;padding:13px 16px;font-weight:800;font-size:14px;list-style:none;display:flex;justify-content:space-between}
.oz6 .drw-more summary::-webkit-details-marker{display:none}
.oz6 .drw-more summary:after{content:"+";color:var(--goldtxt);font-weight:800}.oz6 .drw-more[open] summary:after{content:"–"}
.oz6 .drw-more div{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:0 12px 12px}
.oz6 .drw-more a{padding:8px 4px;text-decoration:none;font-size:14px;color:var(--text);border-bottom:1px solid var(--line)}
.oz6 .drw-foot{display:flex;gap:10px;flex-wrap:wrap}
/* ads */
.oz6 .oz6-ad{max-width:1232px;margin:16px auto;padding:0 32px;text-align:center}
/* ===== footer ===== */
.oz6 .ftr{background:radial-gradient(800px 300px at 90% 0%,rgba(230,205,147,.32),transparent 60%),linear-gradient(180deg,#F1EADB,#ECE3D0);color:#4A5368;padding:68px 0 40px;font-size:14px;border-top:1px solid rgba(214,196,156,.6);margin-top:0}
html[data-oz-mode=dark] .oz6 .ftr{background:#070B17;color:#A9B1C7;border-top-color:rgba(232,210,160,.16)}
.oz6 .ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr 1fr;gap:30px}
.oz6 .ftr .fbrand p{margin:16px 0 0;max-width:330px;line-height:1.65}
.oz6 .ftr .soc{margin-top:18px;gap:10px}
.oz6 .ftr .fh{color:var(--text);font:800 12px/1.3 "OZ Sans",system-ui;margin:0 0 14px;letter-spacing:.16em;text-transform:uppercase}
.oz6 .ftr ul{list-style:none;margin:0;padding:0}.oz6 .ftr li{margin:8px 0}
.oz6 .ftr a{color:#454E63;text-decoration:none}.oz6 .ftr a:hover{color:var(--goldtxt);text-decoration:underline}
html[data-oz-mode=dark] .oz6 .ftr a{color:#B9C0D3}
.oz6 .ftr .bot{border-top:1px solid rgba(10,17,36,.10);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.oz6 .flangs{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.oz6 .flangs a{display:inline-flex;gap:8px;align-items:center;font-weight:700}
/* ===== assistant ===== */
.oz6 .fab{position:fixed;right:24px;bottom:24px;z-index:95;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 8px;border-radius:999px;background:linear-gradient(180deg,#141F3D,#0A1124);color:#fff;border:1px solid rgba(232,210,160,.45);box-shadow:0 18px 40px rgba(7,11,23,.30),inset 0 1px 0 rgba(255,255,255,.08);font:700 14px/1.25 "OZ Sans",system-ui;cursor:pointer;text-align:left}
.oz6 .fab .orb{width:40px;height:40px;border-radius:50%;background:var(--gG);display:grid;place-items:center;color:#1C1406;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.oz6 .fab small{display:block;font-size:11px;font-weight:600;color:var(--g2)}
.oz6 .fab .ai-tag{background:rgba(232,210,160,.16);color:var(--g2);border-color:rgba(232,210,160,.4)}
.oz6 .fab[aria-expanded=true]{opacity:0;pointer-events:none}
.oz6 .wdg{position:fixed;right:24px;bottom:24px;z-index:150;width:390px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:24px;border:1px solid #E3D2A8;background:linear-gradient(180deg,#FFFFFF,#FBF7EE);box-shadow:0 40px 90px rgba(10,17,36,.22),inset 0 1px 0 #fff;overflow:hidden}
html[data-oz-mode=dark] .oz6 .wdg{background:#0F1A33;border-color:rgba(232,210,160,.25)}
.oz6 .wdg[hidden]{display:none}
.oz6 .wdg-h{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FBF3DE,#FFFDF8)}
html[data-oz-mode=dark] .oz6 .wdg-h{background:rgba(232,210,160,.06)}
.oz6 .wdg-h>div{flex:1;min-width:0;line-height:1.3}.oz6 .wdg-h small{display:block;color:var(--muted);font-size:12px}
.oz6 .wdg-b{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.oz6 .bubble{max-width:86%;padding:12px 14px;border-radius:18px;font-size:14.5px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.oz6 .bubble.me{margin-left:auto;background:var(--gG);color:#1C1406;border-bottom-right-radius:6px}
.oz6 .bubble.ai{background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:6px}
.oz6 .bubble .lk{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.oz6 .bubble .lk a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid #C7A462;color:var(--goldtxt);font-weight:700;font-size:12.5px;text-decoration:none;white-space:nowrap}
.oz6 .wdg-q{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.oz6 .wdg-f{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.oz6 .wdg-f input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid var(--line2);padding:0 16px;font:500 15px "OZ Sans",system-ui;background:var(--paper);color:var(--text)}
.oz6 .wdg-f .btn{width:44px;height:44px;padding:0}
.oz6 .wdg-n{margin:0;padding:0 14px 12px;font-size:11.5px;color:var(--muted)}.oz6 .wdg-n a{color:var(--goldtxt);font-weight:700}
/* tab bar (mobile) */
.oz6 .tabbar{display:none}
/* "Moj posao" glossy briefcase */
.oz6 .nv-gl{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#FBF1D6 0%,#E6CD93 40%,#C9A65F 75%,#A9864A 100%);color:#2A1E08;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(122,94,44,.35),0 3px 8px rgba(176,140,70,.35);position:relative;overflow:hidden;flex:none}
.oz6 .nv-gl:after{content:"";position:absolute;left:2px;right:2px;top:1px;height:45%;border-radius:7px 7px 10px 10px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))}
.oz6 .nv-gl .ico{width:15px!important;height:15px!important;stroke-width:1.9;position:relative;z-index:1}
.oz6 .nav a.nv-posao{display:inline-flex;align-items:center;gap:7px}
.oz6 .drw-main a.nv-posao .nv-gl{width:34px;height:34px;border-radius:11px}.oz6 .drw-main a.nv-posao .nv-gl .ico{width:18px!important;height:18px!important}
.oz6 .tabbar a.nv-posao .nv-gl{width:28px;height:26px}
/* Header fit with 7 menu items (1061-1440px): tighter items, Početna via logo below 1367px, logo mark only below 1151px. */
@media (min-width:1061px) and (max-width:1440px){.oz6 .hdr .wrap{gap:14px}.oz6 .hdr .nav{gap:0;margin-left:0}.oz6 .hdr .nav a{padding-left:11px;padding-right:11px;font-size:14px}}
@media (min-width:1061px) and (max-width:1366px){.oz6 .hdr .nav a.nv-home{display:none}}
@media (min-width:1061px) and (max-width:1150px){.oz6 .hdr .logo .logo-t{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oz6 .hdr .nav a{padding-left:9px;padding-right:9px}}
/* ===== responsive chrome ===== */
@media (max-width:1180px){.oz6 .nav a{padding:9px 10px;font-size:14px}.oz6 .userchip .un{display:none}}
@media (max-width:1060px){.oz6 .nav{display:none}.oz6 .burger{display:inline-grid}.oz6 .ftr .cols{grid-template-columns:1fr 1fr 1fr}.oz6 .ftr .cols>div:first-child{grid-column:1/-1}}
@media (max-width:760px){
 body.oz6{font-size:15px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .oz6 .wrap{padding:0 18px}
 .oz6 .hdr .wrap{height:62px;gap:10px}
 .oz6 .logo{font-size:16px}.oz6 .logo .crest{width:34px;height:34px}
 .oz6 .d-only{display:none!important}
 .oz6 .hdr .btn-sm{height:38px;padding:0 14px;font-size:13.5px}
 .oz6 .userchip{padding:3px;height:40px}
 .oz6 .ftr{padding:48px 0 30px}.oz6 .ftr .cols{grid-template-columns:1fr 1fr;gap:24px}
 .oz6 .ftr .bot{flex-direction:column;align-items:flex-start}
 .oz6 .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(70px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:rgba(255,253,248,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(214,196,156,.7);box-shadow:0 -10px 30px rgba(10,17,36,.06);z-index:100;justify-content:space-around;align-items:center}
 html[data-oz-mode=dark] .oz6 .tabbar{background:rgba(7,11,23,.96)}
 .oz6 .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#4A5266;font-size:11px;font-weight:700;flex:1 1 0;min-width:0;max-width:72px;white-space:nowrap;text-decoration:none}
 html[data-oz-mode=dark] .oz6 .tabbar a{color:#9AA3BD}
 .oz6 .tabbar a .ico{width:22px;height:22px}
 .oz6 .tabbar a.on,.oz6 .tabbar a.cta{color:var(--goldtxt)}
 .oz6 .tabbar a.cta .orb{width:52px;height:52px;margin-top:-28px;border-radius:50%;background:var(--gG);display:grid;place-items:center;color:#1C1406;box-shadow:0 8px 22px rgba(176,140,70,.4),0 0 0 4px #FFFDF8}
 .oz6 .fab{right:14px;bottom:calc(84px + env(safe-area-inset-bottom));height:52px;width:52px;padding:0;justify-content:center}
 .oz6 .fab .lbl{display:none}.oz6 .fab .orb{width:44px;height:44px}
 .oz6 .wdg{right:0;left:0;bottom:0;width:100%;max-width:100%;height:min(86vh,680px);border-radius:24px 24px 0 0}
 .oz6 .oz6-ad{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){.oz6 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* v5 "Čat i podrška" dock (#ozdock) stays available, stacked above the OZ Asistent button instead of under it */
body.oz6:not(.ozdock-open) #ozdock{right:24px;bottom:92px}
body.oz6:not(.ozdock-open) #ozdock-panel{height:min(600px,calc(100dvh - 190px))}
@media (max-width:760px){
  body.oz6:not(.ozdock-open) #ozdock{right:14px;bottom:calc(146px + env(safe-area-inset-bottom,0px))}
  body.oz6 #ozdock-toggle{padding:9px 12px;font-size:12px}
  body.oz6:not(.ozdock-open) #ozdock-panel{height:auto}
}

/* ---- 6.0.1 header two-tone glass + Customizer variables ---- */
:root{--hdr-top:rgba(252,246,233,.94);--hdr-bot:rgba(230,235,243,.90);--oz6-hero-img:none;--oz6-cover-img:none}
html[data-oz-mode=dark]{--hdr-top:rgba(16,25,52,.94);--hdr-bot:rgba(10,17,36,.92)}
.oz6 .hdr{background:linear-gradient(180deg,var(--hdr-top) 0%,var(--hdr-top) 18%,var(--hdr-bot) 100%)}
.oz6 .hdr:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--g3),color-mix(in srgb,var(--g3) 55%,#fff) 45%,color-mix(in srgb,var(--n9) 55%,var(--g3)) 100%);opacity:.85;pointer-events:none}
/* ---- 6.0.2 header: compact, menu higher; neutralise v5 body offset ---- */
html body.wp-child-theme-onlinezarada-v6.oz6{padding-top:0!important}
.oz6 .hdr .wrap{height:62px}
.oz6 .hdr:before{height:2px}
.oz6 .hdr .nav a{padding-top:7px;padding-bottom:7px}
@media (max-width:900px){.oz6 .hdr .wrap{height:56px}}
.oz6 .userchip .un{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.oz6 .ftr .flink{background:none;border:0;padding:0;font:inherit;color:#454E63;cursor:pointer;text-align:left}
.oz6 .ftr .flink:hover{color:var(--goldtxt);text-decoration:underline}
html[data-oz-mode=dark] .oz6 .ftr .flink{color:#A9B1C7}
.oz6 .bellbtn{position:relative}
.oz6 .bellbtn .bcount{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#A42F47;color:#fff;font:800 10.5px/18px "OZ Sans",system-ui;text-align:center;box-shadow:0 0 0 2px var(--paper)}
/* v5 admin "Admin Edit" toggle: small, out of the way, admins only (parent enqueues it only for admins) */
body.oz6 #ozfe-toggle{left:14px!important;right:auto!important;bottom:14px!important;transform:scale(.85);transform-origin:left bottom;opacity:.75}
body.oz6 #ozfe-toggle:hover{opacity:1}
@media (max-width:900px){body.oz6 #ozfe-toggle{bottom:calc(84px + env(safe-area-inset-bottom))!important}}
/* ---- 6.0.2 notification drawer ---- */
html.ntf-lock{overflow:hidden}
.ntf-scrim{position:fixed;inset:0;z-index:1190;background:rgba(10,17,36,.32);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.ntf-scrim.on{opacity:1}
.ntf{position:fixed;z-index:1200;top:10px;right:10px;bottom:10px;width:min(420px,calc(100vw - 20px));display:flex;flex-direction:column;border-radius:22px;border:1px solid rgba(214,196,156,.7);
  background:linear-gradient(180deg,rgba(255,253,248,.97),rgba(248,242,230,.97));box-shadow:inset 0 1px 0 #fff,0 30px 80px rgba(10,17,36,.22);backdrop-filter:saturate(1.3) blur(18px);-webkit-backdrop-filter:saturate(1.3) blur(18px);
  transform:translateX(calc(100% + 24px));transition:transform .28s cubic-bezier(.2,.8,.2,1);color:#121829;font-family:"OZ Sans",system-ui,sans-serif}
.ntf.on{transform:none}
.ntf:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#CDAE6E,transparent)}
.ntf-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 10px 20px}
.ntf-h b{font:600 22px/1.2 "OZ Serif",Georgia,serif;color:#0A1124}
.ntf-badge{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#F8E6EA;color:#A42F47;font:800 11.5px/1.3 "OZ Sans",system-ui;vertical-align:middle}
.ntf-bar{padding:0 20px 10px;border-bottom:1px solid #E5DCCA}
.ntf-bar .btn[disabled]{opacity:.5;cursor:default}
.ntf-list{flex:1;overflow:auto;overscroll-behavior:contain;padding:6px 10px}
.ntf-ul{list-style:none;margin:0;padding:0}
.ntf-i{position:relative;display:flex;align-items:center;border-radius:14px;margin:2px 0}
.ntf-i.unread{background:linear-gradient(90deg,rgba(230,205,147,.24),rgba(230,205,147,.06))}
.ntf-main{flex:1;display:flex;gap:12px;align-items:flex-start;padding:11px 10px;color:inherit!important;text-decoration:none!important;border-radius:14px;min-width:0}
a.ntf-main:hover{background:rgba(10,17,36,.04)}
.ntf-main img,.ntf-ic{flex:0 0 40px;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #E5DCCA}
.ntf-ic{display:grid;place-items:center;background:linear-gradient(135deg,#F8EDCF,#E6CD93);color:#5E4719}
.ntf-tx{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:14px;line-height:1.45}
.ntf-txt{overflow-wrap:anywhere}.ntf-tx b{font-weight:700;color:#0A1124}
.ntf-tx small{color:#535C72;font-size:12px}
.ntf-dot{flex:0 0 28px;width:28px;height:28px;margin-right:6px;border:0;border-radius:50%;background:transparent;cursor:pointer;position:relative}
.ntf-dot:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#2A4FB8;box-shadow:0 0 0 3px rgba(42,79,184,.15)}
.ntf-dot:hover{background:rgba(42,79,184,.08)}
.ntf-empty{padding:28px 14px;text-align:center;color:#535C72;font-size:14px}
.ntf-f{padding:12px 20px;border-top:1px solid #E5DCCA;font-size:14px;font-weight:700}.ntf-f a{color:#7A5D27}
.ntf :focus-visible{outline:2px solid #2A4FB8;outline-offset:2px}
html[data-oz-mode=dark] .ntf{background:linear-gradient(180deg,rgba(20,31,61,.97),rgba(14,22,46,.97));color:#F2EEE4;border-color:rgba(232,210,160,.22)}
html[data-oz-mode=dark] .ntf-h b,html[data-oz-mode=dark] .ntf-tx b{color:#F2EEE4}html[data-oz-mode=dark] .ntf-tx small,html[data-oz-mode=dark] .ntf-empty{color:#AEB6CC}
html[data-oz-mode=dark] .ntf-bar,html[data-oz-mode=dark] .ntf-f{border-color:rgba(232,210,160,.16)}html[data-oz-mode=dark] .ntf-f a{color:#E6CF97}
@media (max-width:760px){
 .ntf{top:auto;left:0;right:0;bottom:0;width:100%;height:min(86dvh,720px);border-radius:24px 24px 0 0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom)}
 .ntf.on{transform:none}
 .ntf-h{padding-top:22px}
 .ntf-h:before{content:"";position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:5px;background:#D6CBB3}
}
@media (prefers-reduced-motion:reduce){.ntf,.ntf-scrim{transition:none}}