:root{--bg:#f4f7fb;--panel:#fff;--ink:#132033;--muted:#6a7688;--line:#dbe3ee;--navy:#0f2747;--blue:#2463eb;--blue-dark:#194fc3;--soft-blue:#edf4ff;--success:#18794e;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.topbar{min-height:92px;padding:18px 28px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h1{margin:2px 0 0;font-size:25px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;opacity:.72}.status{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:13px}.status.ok{color:#d7ffeb}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;padding:20px;max-width:1700px;margin:0 auto}.filters,.table-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 24px rgba(27,45,78,.05)}.filters{padding:18px;align-self:start;position:sticky;top:20px}.panel-title,.content-header,.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h2{margin:0;font-size:18px}.link-button{border:0;background:transparent;color:var(--blue);cursor:pointer}#filterForm{margin-top:18px}label{display:block;font-size:12px;font-weight:700;color:#445167;margin-bottom:13px}input,select{width:100%;margin-top:6px;border:1px solid #cdd7e5;border-radius:9px;padding:10px 11px;background:white;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,99,235,.1)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-label{font-size:12px;font-weight:700;color:#445167;margin:3px 0 5px}.primary-button{width:100%;border:0;border-radius:10px;padding:11px 14px;background:var(--blue);color:white;font-weight:800;cursor:pointer;margin-top:4px}.primary-button:hover{background:var(--blue-dark)}.content{min-width:0}.content-header{margin:4px 2px 14px}.results-count{font-size:23px;font-weight:800}.results-note{margin-top:3px;font-size:13px;color:var(--muted)}.limit-control{margin:0;display:flex;align-items:center;gap:8px}.limit-control select{width:auto;margin:0;padding:7px 9px}.table-card{overflow:hidden;position:relative}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1050px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #edf1f6;white-space:nowrap;font-size:13px}th{position:sticky;top:0;z-index:1;background:#f9fbfe;color:#536076;font-size:11px;text-transform:uppercase;letter-spacing:.05em}td.name-cell{white-space:normal;min-width:300px;font-weight:650}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800;background:var(--soft-blue);color:#214d9a}.badge.yes{background:#e8f7ef;color:var(--success)}.loading-state,.empty-state{padding:34px 20px;text-align:center;color:var(--muted)}.pagination{margin-top:14px}.pagination button{border:1px solid #cdd7e5;background:white;color:var(--ink);padding:9px 12px;border-radius:9px;cursor:pointer}.pagination button:disabled{opacity:.45;cursor:default}#pageInfo{font-size:13px;color:var(--muted)}@media(max-width:900px){.layout{grid-template-columns:1fr;padding:12px}.filters{position:static}.topbar{padding:15px 16px}.topbar h1{font-size:21px}}@media(max-width:520px){.topbar{align-items:flex-start;flex-direction:column;gap:9px}.two-col{grid-template-columns:1fr;gap:0}.content-header{align-items:flex-end}.results-count{font-size:20px}.pagination{gap:8px}.pagination button{flex:1}}


/* Product details v1 */
.product-row{cursor:pointer;transition:background .12s ease}.product-row:hover,.product-row:focus{background:#f1f6ff;outline:none}.detail-topbar{min-height:78px}.topbar-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);padding:9px 12px;border-radius:9px;font-size:13px}.topbar-link:hover{background:rgba(255,255,255,.1)}.detail-layout{max-width:1450px;margin:0 auto;padding:22px}.product-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 7px 24px rgba(27,45,78,.05)}.product-brand{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--blue);font-weight:800}.product-title-block h2{font-size:28px;line-height:1.2;margin:7px 0 10px}.product-id-line{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-button{display:inline-block;text-decoration:none;border:1px solid #cdd7e5;background:#fff;color:var(--ink);padding:10px 12px;border-radius:9px;font-weight:700;font-size:13px}.secondary-button:hover{border-color:var(--blue);color:var(--blue)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px}.metric-card span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.metric-card strong{display:block;margin-top:6px;font-size:19px}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.feature-badge,.chip{display:inline-flex;align-items:center;border:1px solid #d6dfeb;border-radius:999px;background:#fff;padding:6px 10px;font-size:12px;font-weight:700;color:#526078}.feature-badge.active{background:#e8f7ef;border-color:#cdeedc;color:var(--success)}.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-top:14px;box-shadow:0 7px 24px rgba(27,45,78,.04)}.detail-card h3{margin:0 0 14px;font-size:17px}.breadcrumb-detail{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#33445c;font-size:13px}.breadcrumb-detail b{color:#99a6b8}.description-block+.description-block{border-top:1px solid #edf1f6;margin-top:15px;padding-top:15px}.description-language{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--blue);letter-spacing:.05em}.description-block p{margin:7px 0 0;line-height:1.65;color:#334057}.bullet-list{margin:0;padding-left:20px;color:#334057}.bullet-list li{margin:7px 0;line-height:1.5}.kv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf1f6;border:1px solid #edf1f6;border-radius:10px;overflow:hidden}.kv-item{background:#fff;padding:12px 13px;min-width:0}.kv-item span{display:block;font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kv-item strong{display:block;margin-top:5px;font-size:13px;line-height:1.35;word-break:break-word}.detail-table{min-width:760px}.detail-table th{position:static}.detail-table td,.detail-table th{vertical-align:top}.wrap-cell{white-space:normal;min-width:240px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip b{margin-right:5px;color:var(--navy)}.detail-note{font-size:12px;color:var(--muted);margin:12px 2px 0}.details-collapsible{padding:0}.details-collapsible summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:800}.details-collapsible summary::-webkit-details-marker{display:none}.details-collapsible[open] summary{border-bottom:1px solid var(--line)}.attributes-table-wrap{padding:0 0 3px}.source-card{margin-bottom:30px}.detail-card a{color:var(--blue)}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.detail-layout{padding:12px}.product-hero{flex-direction:column;padding:17px}.product-title-block h2{font-size:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{padding:12px}.kv-grid{grid-template-columns:1fr}.detail-card{padding:15px}.detail-topbar{align-items:flex-start;flex-direction:column}.topbar-link{width:100%;text-align:center}}


/* Product details v2 */
.detail-layout-v2{
    max-width:1580px;
    padding:28px 30px 42px;
}
.product-hero-v2{
    padding:26px 28px;
}
.product-hero-v2 .product-title-block h2{
    font-size:32px;
    max-width:1050px;
}
.metric-grid-v2{
    grid-template-columns:repeat(6,minmax(150px,1fr));
}
.metric-grid-v2 .metric-card{
    min-height:92px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.detail-two-column{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
    gap:14px;
    align-items:start;
}
.detail-two-column > .detail-card{
    height:100%;
}
.detail-two-column-lower{
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
}
.card-heading-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px;
}
.card-heading-row h3{
    margin:0;
}
.language-tabs{
    display:inline-flex;
    gap:4px;
    padding:4px;
    border:1px solid var(--line);
    background:#f6f8fb;
    border-radius:10px;
}
.language-tab{
    border:0;
    background:transparent;
    color:#536076;
    padding:8px 12px;
    border-radius:7px;
    font-weight:800;
    font-size:12px;
    cursor:pointer;
}
.language-tab.active{
    background:#fff;
    color:var(--blue);
    box-shadow:0 1px 5px rgba(27,45,78,.12);
}
.language-panel{
    min-height:210px;
}
.translation-label{
    display:inline-flex;
    border-radius:999px;
    padding:5px 9px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.translation-label.original{
    color:#214d9a;
    background:#edf4ff;
}
.translation-label.translated{
    color:#6c4b10;
    background:#fff5d9;
}
.description-text{
    margin:13px 0 0;
    line-height:1.72;
    font-size:15px;
    color:#2c3a50;
    white-space:pre-line;
}
.translation-empty{
    margin-top:14px;
    padding:18px;
    border:1px dashed #cbd6e5;
    background:#fafbfd;
    color:var(--muted);
    border-radius:10px;
    line-height:1.6;
}
.kv-grid-compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.essentials-card .kv-item{
    min-height:72px;
}
.detail-table-small{
    min-width:660px;
}
.detail-card{
    font-size:14px;
}
.detail-card h3{
    font-size:18px;
}
.detail-table td{
    line-height:1.35;
}
@media(max-width:1180px){
    .detail-two-column,
    .detail-two-column-lower{
        grid-template-columns:1fr;
    }
    .metric-grid-v2{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:720px){
    .detail-layout-v2{
        padding:12px;
    }
    .product-hero-v2 .product-title-block h2{
        font-size:23px;
    }
    .metric-grid-v2{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .card-heading-row{
        align-items:flex-start;
        flex-direction:column;
    }
    .language-tabs{
        width:100%;
    }
    .language-tab{
        flex:1;
    }
    .kv-grid-compact{
        grid-template-columns:1fr;
    }
}

.compare-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:430px;padding:12px 14px 12px 18px;border:1px solid #c9d8ec;border-radius:13px;background:#fff;box-shadow:0 12px 34px rgba(15,39,71,.22);font-size:13px;font-weight:800}
.compare-dock[hidden]{display:none}
.compare-dock-actions{display:flex;align-items:center;gap:10px}
.compare-open-button{width:auto;margin:0;text-decoration:none;padding:9px 14px}
.compare-open-button.disabled{opacity:.45;pointer-events:none}
.compare-cell{text-align:center}
.compare-checkbox{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--blue)}
.compare-product-button.active{border-color:var(--blue);background:var(--soft-blue);color:var(--blue)}
.compare-empty{text-align:center;padding:45px 24px}
.compare-empty p{color:var(--muted);margin-bottom:24px}
.inline-primary{display:inline-block;width:auto;margin:0;text-decoration:none}
.compare-card h2{margin:0}
.compare-table{min-width:900px}
.compare-table th:first-child{min-width:180px}
.compare-table thead th:not(:first-child){min-width:230px;white-space:normal}
.compare-table thead a{display:block;margin:6px 0;font-size:13px;line-height:1.35}
.compare-table thead small{display:block;color:var(--muted);font-weight:600}
.compare-brand{display:block;color:var(--blue);font-size:11px;letter-spacing:.06em}
.compare-table tbody th{position:static;background:#f9fbfe;color:#536076}
.compare-table td{vertical-align:top}
.compare-description-row td{white-space:normal;min-width:230px;line-height:1.5}

.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.ui-language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(255,255,255,.08)}
.ui-language-switch a{min-width:38px;padding:6px 9px;border-radius:6px;color:rgba(255,255,255,.78);font-size:12px;font-weight:900;text-align:center;text-decoration:none;letter-spacing:.05em}
.ui-language-switch a:hover{color:#fff;background:rgba(255,255,255,.12)}
.ui-language-switch a.active{background:#fff;color:var(--blue)}

@media(max-width:600px){
    .compare-dock{left:12px;right:12px;bottom:12px;transform:none;min-width:0;gap:10px}
    .compare-dock-actions{gap:5px}
    .compare-dock .link-button{display:none}
    .topbar-actions{align-items:flex-end;flex-direction:column;gap:8px}
}

.breadcrumb-detail+.breadcrumb-detail{margin-top:8px;padding-top:8px;border-top:1px dashed #e3e9f1}

/* v0.13.0 — zaglavlje sa logom, boje proizvođača, slike, više filtera */
.brand-block{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{display:inline-flex;flex:0 0 auto;border-radius:50%;outline-offset:4px}
.logo-bulb{width:58px;height:58px;display:block;filter:drop-shadow(0 0 10px rgba(255,210,31,.45))}
.site-title{color:#ffd21f;letter-spacing:.01em}
.site-eyebrow{color:#ffd21f;opacity:.92}
input,select{background:#fff;border-color:#b7c4d6}
input::placeholder{color:#97a3b4}
.brand-name{font-weight:800;letter-spacing:.02em}
.brand-zumtobel{color:#111}
.brand-thorn{color:#d0112b}
.brand-eco{color:#35a8e0}
.product-brand .brand-name,.compare-brand .brand-name{font-size:13px}
.thumb-cell{width:60px;padding:5px 8px}
.thumb{width:46px;height:46px;object-fit:contain;display:block;background:#fff;border:1px solid #edf1f6;border-radius:8px}
.product-hero-image{flex:0 0 190px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px}
.product-hero-image img{width:176px;height:176px;object-fit:contain;display:block}
.product-hero .product-title-block{flex:1 1 auto;min-width:0}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.gallery-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;text-decoration:none;color:var(--muted);font-size:12px}
.gallery-item:hover{border-color:var(--blue)}
.gallery-item img{width:100%;height:150px;object-fit:contain;display:block}
.more-filters{border:1px solid var(--line);border-radius:10px;margin:2px 0 14px;background:#fbfcfe}
.more-filters summary{cursor:pointer;padding:10px 12px;font-size:13px;font-weight:800;color:var(--navy);list-style:none}
.more-filters summary::-webkit-details-marker{display:none}
.more-filters summary::before{content:"▸ ";color:var(--blue)}
.more-filters[open] summary::before{content:"▾ "}
.more-filters[open] summary{border-bottom:1px solid var(--line)}
.more-filters-body{padding:12px 12px 2px}
.more-count{color:var(--blue)}
@media(max-width:650px){.logo-bulb{width:44px;height:44px}.product-hero-image{flex-basis:auto;width:100%}.product-hero-image img{width:100%;max-width:260px;height:200px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item img{height:120px}}
[hidden]{display:none!important}
input:disabled,select:disabled{background:#fff;color:#8a96a8;border-color:#d3dce8;opacity:1;cursor:not-allowed}

/* v0.13.1 — svetloplava polja, bela pozadina rezultata, klizač filtera, sklopivi filteri na telefonu */
body{background:#fff}
input,select{background:#f1f6fd;border-color:#b7c4d6}
input:focus,select:focus{background:#fff}
input:disabled,select:disabled{background:#f1f6fd;color:#8a96a8;border-color:#d3dce8}
th{background:#eaf1fb;color:#3d4c63}
.table-card{box-shadow:0 2px 10px rgba(27,45,78,.06)}
.panel-title-actions{display:flex;align-items:center;gap:10px}
.active-filter-count{font-size:14px;color:var(--blue);font-weight:800}
.filter-toggle{display:none;border:1px solid #b7c4d6;background:#f1f6fd;color:var(--navy);border-radius:9px;padding:7px 11px;font-weight:800;cursor:pointer}
@media(min-width:901px){
  .filters{max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7c4d6 transparent}
  .filters::-webkit-scrollbar{width:8px}
  .filters::-webkit-scrollbar-thumb{background:#b7c4d6;border-radius:8px}
}
@media(max-width:900px){
  .filter-toggle{display:inline-block}
  .filters:not(.open) #filterForm{display:none}
  .filters:not(.open){padding-bottom:14px}
}
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 2px 12px}
.active-filters-title{font-size:12px;font-weight:800;color:var(--muted);margin-right:2px}
.filter-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #b7c4d6;background:#f1f6fd;color:#33445c;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}
.filter-chip b{color:var(--navy)}
.filter-chip span{color:#d0112b;font-weight:800;margin-left:2px}
.filter-chip:hover{border-color:#d0112b}

/* v0.13.4 — obrnute boje u filterima: panel svetloplav, polja bela */
.filters{background:#eaf2fc;border-color:#c9d7ea}
.filters input,.filters select{background:#fff;border-color:#b7c4d6}
.filters input:disabled,.filters select:disabled{background:#fff;color:#8a96a8;border-color:#d3dce8}
.more-filters{background:#f5f9fe}
.filter-toggle{background:#fff}

/* v0.13.5 — skok na stranu, sat i vreme u zaglavlju */
.page-center{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
.pagination .page-number{min-width:38px;padding:7px 10px;text-align:center}
.pagination .page-number.active{background:var(--navy);border-color:var(--navy);color:#fff;opacity:1;font-weight:800}
.page-gap{color:var(--muted);padding:0 2px}
.page-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.page-jump{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--muted)}
.page-jump input{width:80px;margin:0;padding:6px 8px;background:#fff}
.header-info{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;color:#dbe6f5;white-space:nowrap}
.header-info b{color:#ffd21f;font-size:15px}
.header-info small{color:#b7c6dc;margin-left:3px}
.hi-city{font-weight:700;color:#fff}
.hi-weather{font-weight:700;color:#fff}
@media(max-width:650px){.header-info{font-size:12px;gap:8px}.pagination{flex-wrap:wrap}.page-center{order:-1;width:100%}}

/* v0.13.6 — zaglavlje: datum sa godinom gore, grad i sat, ispod temperatura sa većom ikonicom */
.header-info{display:grid;grid-template-columns:auto;justify-items:center;gap:1px;padding:7px 16px;border-radius:14px;background:rgba(255,255,255,.08);white-space:nowrap;line-height:1.2}
.hi-date{font-size:11.5px;color:#b7c6dc;text-transform:capitalize;letter-spacing:.02em}
.hi-main{display:flex;align-items:baseline;gap:8px}
.hi-city{font-weight:700;color:#fff;font-size:14px}
.hi-time{color:#ffd21f;font-size:17px;font-weight:800}
.hi-weather{display:flex;align-items:center;gap:6px;color:#fff;font-weight:800;font-size:15px}
.hi-weather[hidden]{display:none}
.hi-icon{font-size:24px;line-height:1}
@media(max-width:650px){.header-info{padding:6px 12px}.hi-icon{font-size:20px}}
a.header-info{text-decoration:none;cursor:pointer;transition:background .15s ease}
a.header-info:hover{background:rgba(255,255,255,.16)}

/* v0.13.7 — kurs NBS u zaglavlju; jezik iznad statusa baze */
.currency-box{position:relative}
.currency-button{display:grid;justify-items:center;gap:1px;padding:6px 14px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;line-height:1.2;font:inherit}
.currency-button:hover,.currency-button[aria-expanded="true"]{background:rgba(255,255,255,.16)}
.cur-notes{font-size:20px;letter-spacing:-3px;line-height:1}
.cur-unit{font-size:12px;color:#b7c6dc;font-weight:700}
.cur-rate{font-size:15px;color:#ffd21f;font-weight:800;white-space:nowrap}
.currency-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:280px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(15,39,71,.25);padding:8px}
.currency-menu[hidden]{display:none}
.currency-menu-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 8px 6px}
.currency-option{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:7px 8px;border-radius:8px;cursor:pointer;text-align:left;font:inherit;font-size:13px;color:var(--ink)}
.currency-option small{color:var(--muted);font-size:11.5px}
.currency-option b{font-variant-numeric:tabular-nums}
.currency-option:hover{background:#f1f6fd}
.currency-option.active{background:#eaf2fc;font-weight:700}
.currency-source{display:block;text-align:right;font-size:11.5px;color:var(--blue);padding:6px 8px 2px;text-decoration:none}
.lang-status{display:flex;flex-direction:column;align-items:center;gap:6px}
.status{display:grid;justify-items:center;line-height:1.25;border-radius:12px;padding:5px 12px}
.status b{font-size:12px;letter-spacing:.04em}
.status span{font-size:12px;color:#d7e3f3}
@media(max-width:650px){.currency-menu{right:auto;left:0}.lang-status{flex-direction:row}}
.cur-notes{font-size:24px;letter-spacing:-2px}
/* v0.13.8 — kurs: strana valuta gore (tirkizna, ista veličina kao RSD), jedna zelena novčanica u sredini, RSD dole */
.currency-button{gap:2px;padding:6px 16px}
.cur-unit{font-size:15px;font-weight:800;color:#2dd4bf;letter-spacing:0}
.cur-notes{font-size:30px;letter-spacing:0;line-height:1;margin:-1px 0}
.cur-rate{font-size:15px}
/* v0.13.9 — strana valuta crvena; blok grad/sat/temperatura iste visine kao kurs, malo veća slova */
.cur-unit{color:#ff6b6b}
.header-info,.currency-button{min-height:82px;align-content:center}
.header-info{gap:3px;padding:7px 18px}
.hi-date{font-size:12.5px}
.hi-city{font-size:15px}
.hi-time{font-size:19px}
.hi-weather{font-size:16px}
.hi-icon{font-size:27px}
@media(max-width:650px){.header-info,.currency-button{min-height:0}}
.header-info .hi-time{font-size:19px}
/* v0.13.11 — zastavica uz stranu valutu; valuta bela */
.cur-unit{color:#fff;display:inline-flex;align-items:center;gap:6px}
.cur-flag{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.35);flex:0 0 auto}
.currency-option{grid-template-columns:92px 1fr auto}
.cur-code{display:inline-flex;align-items:center;gap:7px}
.currency-option .cur-flag{box-shadow:0 0 0 1px rgba(15,39,71,.2)}
.currency-menu{width:330px}.currency-option small{white-space:nowrap}

/* v0.14.0 — sortiranje, moja lista, izvoz rezultata, dokumenti, Compare sa slikama */
th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
th.sortable:hover{color:var(--navy)}
th.sortable::after{content:" ↕";opacity:.35;font-size:10px}
th.sortable.sorted{color:var(--navy)}
th.sortable.sorted[data-dir="asc"]::after{content:" ▲";opacity:1}
th.sortable.sorted[data-dir="desc"]::after{content:" ▼";opacity:1}
.results-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 2px 12px}
.results-tools .secondary-button{font-size:12.5px;padding:8px 12px}
.list-toggle{width:28px;height:28px;border:1px solid #b7c4d6;border-radius:8px;background:#fff;color:var(--navy);font-weight:900;cursor:pointer;line-height:1}
.list-toggle:hover{border-color:var(--blue);color:var(--blue)}
.list-toggle.active{background:#e8f7ef;border-color:#9ad6b6;color:var(--success)}
.list-product-button.active{background:#e8f7ef;border-color:#9ad6b6;color:var(--success)}
.quick-info{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 18px;margin-top:14px;display:grid;gap:8px}
.quick-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.quick-label{font-weight:800;color:#445167;margin-right:2px}
.app-chip{background:#eaf2fc;border-color:#c9d7ea;color:var(--navy)}
.doc-link{display:inline-flex;align-items:center;gap:4px;border:1px solid #c9d7ea;border-radius:999px;padding:5px 11px;text-decoration:none;color:var(--blue);background:#f7faff;font-weight:700;font-size:12.5px}
.doc-link:hover{border-color:var(--blue)}
.quick-note{color:var(--muted);font-size:12px}
.compare-image{display:block;width:96px;height:96px;object-fit:contain;margin:0 0 8px;background:#fff;border:1px solid #edf1f6;border-radius:10px}
.list-table td{vertical-align:middle}

/* Pribor i dodatna oprema */
.acc-tag{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1f6b45;background:#e8f7ef;border:1px solid #cdeedc;border-radius:999px;padding:3px 8px;vertical-align:middle}
.acc-tag-family{color:#7a5a12;background:#fff6e0;border-color:#f3e2b5}
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.acc-item{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:8px;text-decoration:none;color:var(--ink);background:#fff;min-width:0}
.acc-item:hover{border-color:var(--blue)}
.acc-item img,.acc-noimg{width:100%;height:90px;object-fit:contain;display:block;background:#f6f8fb;border-radius:8px}
.acc-name{font-size:12px;font-weight:700;line-height:1.3;word-break:break-word}
.acc-sap{font-size:11px;color:var(--muted)}
@media(max-width:650px){.acc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Polarni dijagram */
.polar-wrap{display:flex;justify-content:center}
.polar-wrap img{width:100%;max-width:420px;height:auto}

/* v0.17.1 - artikal bez podataka proizvođača */
.pending-data-card { border-left: 4px solid #d9822b; background: #fff8ef; padding: 16px 20px; margin-bottom: 18px; }
.pending-data-card strong { display: block; color: #8a4b10; margin-bottom: 6px; }
.pending-data-card p { margin: 0; color: #5b4a3a; }

/* v0.17.3 — telefon (≤ 600 px): zaglavlje zbijeno — vreme i kurs jedno pored drugog, jezik i status baze u jednom redu.
   Računar (> 600 px) se ne menja. */
@media(max-width:600px){
  .topbar{padding:12px 14px;gap:10px}
  .topbar-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;width:100%}
  .topbar-actions .header-info,.topbar-actions .currency-box{min-width:0}
  .topbar-actions .currency-box,.topbar-actions .currency-button{width:100%;height:100%}
  .topbar-actions .header-info{padding:7px 6px;gap:1px;min-height:0}
  .topbar-actions .hi-date{font-size:11px}
  .topbar-actions .hi-city{font-size:13px}
  .topbar-actions .header-info .hi-time{font-size:16px}
  .topbar-actions .hi-weather{font-size:14px}
  .topbar-actions .hi-icon{font-size:20px}
  .topbar-actions .currency-button{padding:7px 6px;min-height:0;align-content:center}
  .topbar-actions .cur-unit{font-size:13px}
  .topbar-actions .cur-notes{font-size:22px}
  .topbar-actions .cur-rate{font-size:14px}
  .topbar-actions .lang-status{grid-column:1/-1;flex-direction:row;align-items:stretch;gap:8px}
  .topbar-actions .lang-status .status{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;padding:6px 10px}
  .topbar-actions>.ui-language-switch{justify-content:center}
  .topbar-actions>.topbar-link{width:auto;display:flex;align-items:center;justify-content:center}
  .topbar-actions .currency-menu{left:auto;right:0;max-width:calc(100vw - 28px)}
}