/* Home-only guide: intentionally lightweight to avoid expensive scroll repaints. */
body.home-page #home-install-guide{padding:74px 0 92px;background:#f8fafc;border-block:1px solid #e8edf3}
body.home-page #home-install-guide .container{max-width:1400px;margin-inline:auto;padding-inline:clamp(16px,2.8vw,32px);box-sizing:border-box}
body.home-page #home-install-guide .hg-heading{text-align:center;margin-bottom:36px}
body.home-page #home-install-guide .mc-sub{max-width:840px;margin:14px auto 0}
body.home-page #home-install-guide .hg-list{display:grid;gap:24px}
body.home-page #home-install-guide .hg-entry{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.5fr);align-items:stretch;gap:0;border:1px solid #e1e8f0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.055)}
body.home-page #home-install-guide .hg-entry--text{grid-template-columns:1fr}
body.home-page #home-install-guide .hg-media{min-width:0;display:grid;place-items:center;padding:22px;background:#f5f7fa;border-right:1px solid #e8edf3}
body.home-page #home-install-guide .hg-media img{display:block;width:100%;height:auto;max-height:535px;object-fit:contain;border-radius:8px}
body.home-page #home-install-guide .hg-body{min-width:0;padding:clamp(24px,3.6vw,52px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.home-page #home-install-guide .hg-overline{display:flex;align-items:center;gap:10px;color:#a11d25;font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;margin-bottom:18px}
body.home-page #home-install-guide .hg-line{display:block;width:24px;height:2px;background:#dc2626}
body.home-page #home-install-guide .hg-number{color:#94a3b8;margin-left:5px}
body.home-page #home-install-guide .hg-entry-title{margin:0 0 17px;color:#142034;font-size:clamp(24px,2.45vw,36px);font-weight:830;line-height:1.15;letter-spacing:-.035em}
body.home-page #home-install-guide .hg-summary{font-size:17px;line-height:1.75;color:#475569;margin:0 0 12px}
body.home-page #home-install-guide .hg-content{color:#344256;font-size:16px;line-height:1.8;max-width:80ch}
body.home-page #home-install-guide .hg-content p{margin:0 0 14px}
body.home-page #home-install-guide .hg-content ul,body.home-page #home-install-guide .hg-content ol{margin:8px 0 16px;padding-left:22px}
body.home-page #home-install-guide .hg-content li{margin:0 0 8px}
body.home-page #home-install-guide .hg-content h3,body.home-page #home-install-guide .hg-content h4{font-size:19px;line-height:1.3;margin:20px 0 8px;color:#142034}
body.home-page #home-install-guide .hg-content a{color:#a11d25;text-decoration:underline}
body.home-page #home-install-guide .hg-action{display:inline-flex;align-items:center;gap:14px;margin-top:22px;background:#961a21;color:white;text-decoration:none;border-radius:10px;padding:13px 22px;font-weight:800;box-shadow:none;transition:background .15s ease}
body.home-page #home-install-guide .hg-action:hover{background:#75131b;color:white}

/* Prva aktivna objava je istaknuta; ostale su u dvije kartice po redu. */
body.home-page #home-install-guide .hg-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.home-page #home-install-guide .hg-entry:first-child{grid-column:1 / -1}
body.home-page #home-install-guide .hg-entry:first-child.hg-entry--text{grid-template-columns:1fr}
body.home-page #home-install-guide .hg-entry:not(:first-child){grid-template-columns:minmax(0,1fr);align-content:start}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-body{padding:clamp(24px,2.3vw,34px);justify-content:flex-start}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-entry-title{font-size:clamp(21px,2vw,27px);line-height:1.24;margin-bottom:14px}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-overline{margin-bottom:15px}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-summary{font-size:16px;line-height:1.65}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-content{font-size:15px;line-height:1.7}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-media{border-right:0;border-bottom:1px solid #e8edf3;padding:16px 22px}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-media img{max-height:260px;width:100%;object-fit:contain}
body.home-page #home-install-guide .hg-entry:not(:first-child) .hg-action{margin-top:20px}
@media(max-width:820px){body.home-page #home-install-guide .hg-list{grid-template-columns:1fr}}
@media(max-width:820px){body.home-page #home-install-guide{padding:55px 0 68px}body.home-page #home-install-guide .hg-entry{grid-template-columns:1fr}body.home-page #home-install-guide .hg-media{border-right:0;border-bottom:1px solid #e8edf3;padding:20px}body.home-page #home-install-guide .hg-media img{max-height:460px}body.home-page #home-install-guide .hg-body{padding:26px 24px}body.home-page #home-install-guide .hg-list{gap:18px}}
@media(max-width:440px){body.home-page #home-install-guide .hg-media img{max-height:380px}body.home-page #home-install-guide .hg-entry{border-radius:16px}}

/* Uvecavanje slika vodica na pocetnoj stranici */
body.home-page #home-install-guide .hg-image-open{position:relative;display:block;width:100%;color:inherit;text-decoration:none;cursor:zoom-in;outline-offset:5px}
body.home-page #home-install-guide .hg-image-open img{display:block;width:100%;height:auto;object-fit:contain}
body.home-page #home-install-guide .hg-image-open:focus-visible{outline:3px solid #b91c1c}
body.home-page #home-install-guide .hg-zoom-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;white-space:nowrap;border-radius:100px;background:rgba(15,23,42,.94);color:#fff;font-size:12px;font-weight:750;padding:9px 13px;pointer-events:none}
@media(hover:hover){body.home-page #home-install-guide .hg-image-open:hover .hg-zoom-hint{background:#991b1b}}
body.home-page .hg-lightbox{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-sizing:border-box;background:#0f172a;color:white;overflow:hidden}
body.home-page .hg-lightbox[open]{display:flex;flex-direction:column}
body.home-page .hg-lightbox::backdrop{background:rgba(3,7,18,.9)}
body.home-page .hg-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;min-height:74px;padding:12px clamp(16px,2.4vw,38px);box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.16);background:#162238}
body.home-page .hg-lightbox-heading{display:grid;gap:5px;min-width:0}
body.home-page .hg-lightbox-heading strong{font-size:16px;line-height:1.2;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.home-page .hg-lightbox-heading small{font-size:12px;line-height:1.35;color:#cbd5e1}
body.home-page .hg-lightbox-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto}
body.home-page .hg-lightbox-controls button{display:grid;place-items:center;min-width:43px;min-height:43px;padding:8px 10px;border:1px solid #475569;background:#273449;color:white;border-radius:10px;cursor:pointer;font:700 21px/1 system-ui,sans-serif}
body.home-page .hg-lightbox-controls button.hg-reset{font-size:12px;padding-inline:15px}
body.home-page .hg-lightbox-controls button.hg-close{background:#b91c1c;border-color:#b91c1c;font-size:29px;margin-left:8px}
body.home-page .hg-lightbox-controls button:hover{background:#364963}
body.home-page .hg-lightbox-controls button.hg-close:hover{background:#991b1b}
body.home-page .hg-lightbox-controls button:disabled{opacity:.38;cursor:not-allowed}
body.home-page .hg-lightbox-controls button:focus-visible{outline:3px solid #fff;outline-offset:2px}
body.home-page .hg-lightbox-controls output{text-align:center;min-width:54px;font-size:13px;font-weight:700;color:#e2e8f0;font-variant-numeric:tabular-nums}
body.home-page .hg-lightbox-viewport{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;box-sizing:border-box;text-align:center;touch-action:pan-x pan-y;background:#0f172a}
body.home-page .hg-lightbox-picture{display:block;max-width:none;height:auto;margin:0 auto;box-sizing:border-box;background:white;box-shadow:0 0 0 1px rgba(255,255,255,.12);user-select:none;-webkit-user-drag:none}
body.home-page .hg-lightbox-viewport.hg-dragging{cursor:grabbing}
body.home-page.hg-no-scroll{overflow:hidden}
@media(max-width:700px){body.home-page .hg-lightbox-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:11px 12px}body.home-page .hg-lightbox-heading strong{font-size:14px}body.home-page .hg-lightbox-heading small{font-size:11px}body.home-page .hg-lightbox-controls{align-self:stretch;justify-content:center}body.home-page .hg-lightbox-controls button{min-width:39px;min-height:40px}body.home-page .hg-lightbox-viewport{padding:9px}}
@media(max-width:390px){body.home-page .hg-lightbox-controls{gap:4px}body.home-page .hg-lightbox-controls button{min-width:35px;padding:7px}body.home-page .hg-lightbox-controls output{min-width:44px}body.home-page .hg-lightbox-controls button.hg-reset{padding-inline:9px}body.home-page .hg-lightbox-controls button.hg-close{margin-left:1px}}