@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
.so-cjenik{--blue:#08a6f7;--orange:#f75908;font:16px/1.55 'Source Sans Pro',Arial,sans-serif;color:#173d47;max-width:1100px;margin:auto;padding:clamp(16px,4vw,48px)}
.so-cjenik *{box-sizing:border-box}.so-cjenik__hero{background:linear-gradient(125deg,#0879b8,var(--blue));color:#fff;border-radius:22px;padding:clamp(24px,5vw,55px)}
.so-cjenik__hero h1{color:#fff;font:700 clamp(2rem,4vw,3.4rem)/1.12 'Source Sans Pro',Arial,sans-serif;margin:.2em 0}.so-cjenik__hero p{color:#fff;margin:.75em 0}
.so-cjenik__note{margin:20px 0}.so-cjenik__wrap{overflow-x:auto;border:1px solid #b6e6ff;border-radius:15px}
.so-cjenik table{border-collapse:collapse;width:100%;min-width:560px;margin:0}.so-cjenik thead{background:#e6f6ff}.so-cjenik th,.so-cjenik td{text-align:left;padding:13px 16px;border-bottom:1px solid #d8effc;vertical-align:top}
.so-cjenik tbody th{font-weight:600}.so-cjenik tbody th small{display:block;color:#d8520a}.so-cjenik tbody tr:nth-child(even){background:#f3faff}.so-cjenik tbody td{white-space:nowrap;font-variant-numeric:tabular-nums}.so-cjenik tbody td:nth-child(2){color:var(--orange);font-weight:700}
.so-cjenik__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.so-cjenik__button,.so-cjenik__print{border:0;border-radius:8px;padding:12px 19px;font:700 16px 'Source Sans Pro',Arial,sans-serif;cursor:pointer;text-decoration:none!important}.so-cjenik__button{color:#fff!important;background:var(--orange)}.so-cjenik__button:hover{background:#d94a05}.so-cjenik__print{color:#07527a;background:#e6f6ff}.so-cjenik__archive{margin-top:40px;border-top:1px solid #cce9f6;padding-top:15px}.so-cjenik__archive h2{font:700 24px 'Source Sans Pro',Arial,sans-serif;color:#173d47}.so-cjenik__archive ul{margin-left:20px}.so-cjenik__archive a{color:#0877af}
@media screen and (max-width:650px){
  .so-cjenik__wrap{border:0;overflow:visible}
  .so-cjenik table,.so-cjenik tbody{display:block;width:100%;min-width:0}
  .so-cjenik thead{display:none}
  .so-cjenik tbody tr,.so-cjenik tbody tr:nth-child(even){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;margin:0 0 12px;padding:14px;border:1px solid #d8effc;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(12,89,125,.05)}
  .so-cjenik tbody th{grid-column:1/-1;padding:0 0 10px;border:0;overflow-wrap:anywhere;font-size:17px;line-height:1.35}
  .so-cjenik tbody td{padding:10px 0 0;border-top:1px solid #e4f3fa;border-bottom:0;white-space:normal;font-size:16px;line-height:1.25}
  .so-cjenik tbody td::before{display:block;margin-bottom:4px;color:#45616a;font-size:12px;font-weight:600;line-height:1.25}
  .so-cjenik tbody td:nth-child(2)::before{content:'Aktualna cijena'}
  .so-cjenik tbody td:nth-child(3)::before{content:'Sidrena cijena 10. 9. 2026.'}
  .so-cjenik__archive a{overflow-wrap:anywhere}
}
@media print{.et-l--header,.et-l--footer,#main-header,#main-footer,#ally-footer{display:none!important}.so-cjenik{max-width:none;padding:0;font-size:10pt}.so-cjenik__hero{background:none;color:#173d47;padding:0}.so-cjenik__hero h1,.so-cjenik__hero p{color:#173d47}.so-cjenik__wrap{border:0;overflow:visible}.so-cjenik table{min-width:0}.so-cjenik th,.so-cjenik td{padding:5px 8px}.so-cjenik thead{display:table-header-group}.so-cjenik tr{break-inside:avoid}.so-cjenik__actions,.so-cjenik__archive{display:none}}