body{margin:0;font-family:Georgia, "Times New Roman", serif;background:#f4f7f8;color:#12202a;}
main{max-width:1080px;margin:40px auto 64px;padding:0 20px;}
.cjenik-hero{margin:0 0 28px;}
.cjenik-kicker{margin:0 0 6px;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;color:#0c6e7a;}
h1{font-size:2rem;margin:0 0 8px;}
.cjenik-hero p{line-height:1.5;color:#40515c;margin:0 0 8px;}
.cjenik-meta{font-size:0.95rem;}
.cjenik-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;}
.cjenik-btn{display:inline-block;padding:10px 16px;border-radius:999px;background:#0c6e7a;color:#fff;text-decoration:none;font-family:system-ui, sans-serif;font-size:0.9rem;}
.cjenik-btn--ghost{background:transparent;color:#0c6e7a;border:1px solid #0c6e7a;}
.cjenik-toolbar{margin:0 0 14px;}
.cjenik-search input{width:100%;max-width:360px;padding:10px 14px;border:1px solid #d7e1e6;border-radius:10px;font-size:1rem;font-family:system-ui, sans-serif;}
.cjenik-pager{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-family:system-ui, sans-serif;}
.cjenik-pager[hidden]{display:none !important;}
.cjenik-page{min-width:40px;padding:8px 12px;border:1px solid #0c6e7a;border-radius:999px;background:transparent;color:#0c6e7a;font-family:inherit;font-size:0.9rem;line-height:1.2;cursor:pointer;}
.cjenik-page:hover{background:#eef6f7;}
.cjenik-page.is-current{background:#0c6e7a;color:#fff;}
.cjenik-page.is-current:hover{background:#0c6e7a;}
.cjenik-page-gap{padding:0 2px;color:#40515c;}
.cjenik-table tr[hidden],
.cjenik-upit tr[hidden]{display:none !important;}
.cjenik-table-wrap{overflow-x:auto;background:#fff;border:1px solid #d7e1e6;border-radius:14px;}
.cjenik-table{width:100%;border-collapse:collapse;font-family:system-ui, sans-serif;font-size:0.95rem;}
.cjenik-table th, .cjenik-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e6eef1;}
.cjenik-table th{background:#eef6f7;font-size:0.8rem;letter-spacing:0.04em;text-transform:uppercase;color:#40515c;}
.cjenik-table tbody tr:last-child td{border-bottom:0;}
.cjenik-table td:nth-child(n + 3){white-space:nowrap;font-variant-numeric:tabular-nums;}
.cjenik-upit-title{margin:28px 0 12px;font-family:system-ui, sans-serif;font-size:1.35rem;}
.cjenik-upit{width:100%;border-collapse:collapse;font-family:system-ui, sans-serif;font-size:0.95rem;}
.cjenik-upit th, .cjenik-upit td{padding:12px 14px;text-align:left;border-bottom:1px solid #e6eef1;white-space:normal;}
.cjenik-upit th{background:#eef6f7;font-size:0.8rem;letter-spacing:0.04em;text-transform:uppercase;color:#40515c;}
.cjenik-upit tbody tr:last-child td{border-bottom:0;}
.cjenik-upit td:last-child{white-space:nowrap;}
.cjenik-stock.is-dostupno{color:#0b6b45;font-weight:600;}
.cjenik-stock.is-nedostupno {
color: #9b2c2c;
font-weight: 600;
} a{color:#0c6e7a;}
.empty, .cjenik-empty-filter{padding:20px;background:#fff;border:1px solid #d7e1e6;border-radius:12px;}
.back{margin:28px 0 0;}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
@media(max-width:720px){
.cjenik-table thead {
display: none;
}
.cjenik-table, .cjenik-table tbody, .cjenik-table tr, .cjenik-table td {
display: block;
width: 100%;
}
.cjenik-table tr {
padding: 12px 14px;
border-bottom: 1px solid #e6eef1;
}
.cjenik-table td {
padding: 6px 0;
border: 0;
white-space: normal;
}
.cjenik-table td::before {
content: attr(data-label);
display: block;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6b7c86;
margin-bottom: 2px;
}
.cjenik-upit thead {
display: none;
}
.cjenik-upit, .cjenik-upit tbody, .cjenik-upit tr, .cjenik-upit td {
display: block;
width: 100%;
}
.cjenik-upit tr {
padding: 12px 14px;
border-bottom: 1px solid #e6eef1;
}
.cjenik-upit td {
padding: 6px 0;
border: 0;
white-space: normal;
}
.cjenik-upit td::before {
content: attr(data-label);
display: block;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6b7c86;
margin-bottom: 2px;
}
}