html { scroll-padding-top: 110px; }
body { overflow-x: clip; }
[hidden] { display: none !important; }
.navbar { position: fixed !important; }
.nav-wrapper { gap: 12px; }
.nav-link { padding-inline: 10px !important; }
.navbar .nav-menu { list-style: none; }
.hero { padding-top: 126px; padding-bottom: 64px; }
.hero h1.hero-title-main { font-size: clamp(1.9rem, 5.2vw, 3.4rem); line-height: 1.2; }
.page-title { overflow-wrap: break-word; }
.page-header { padding-top: 142px; }
.uvodnik { padding-top: 142px; }
.product-detail-card, .service-detail-card, .product-detail-content, .service-detail-content { min-width: 0; }
.hero-image { clip-path: var(--hex-clip-wide); border-radius: 0 !important; overflow: hidden; }
.hero-image img { border-radius: 0 !important; }
.feature-card, .service-card, .product-card, .value-card, .advantage-card, .stat-card,
.product-detail-card, .service-detail-card, .gallery-item, .product-image,
.kartica, .proizvod, .rad, .okvir-podataka, .povezano__link, .galerija__stavka,
.faq-item, .pravni__sekcija, .usluga-link, .faq__stavka, .pitanje,
.materijal, .upit, .formular, .cip, .uvodnik__medij, .ostrvo__slika, .materijal__medij {
    clip-path: var(--hex-clip-wide) !important;
    border-radius: 0 !important;
}
.feature-card, .service-card, .value-card, .advantage-card, .stat-card,
.product-detail-card, .service-detail-card, .kartica { padding-inline: max(24px, 7%); }
.feature-icon, .service-icon-box, .contact-item-icon, .why-choose-icon, .process-icon,
.stat-icon, .advantage-icon, .info-icon, .value-icon, .kanal__znak, .podatak__znak, .sina__broj, .povratak {
    clip-path: var(--hex-clip-tall) !important;
    border-radius: 0 !important;
}
.btn, .dugme, .nav-link, .m-cta-btn { clip-path: var(--hex-clip-wide) !important; border-radius: 0 !important; }
.gallery-item img { width: 100%; height: 100%; object-fit: contain !important; padding: 7%; }
.product-image-vertical img { object-fit: contain !important; }
.proizvod__telo, .galerija__stavka figcaption { padding-inline: max(20px, 7%); }
.faq-item summary { padding-inline: max(24px, 7%); }
.faq-answer { padding-inline: max(24px, 7%); }
.footer button.privacy-link { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.kolacici { z-index: 10001; max-height: calc(100dvh - 100px); overflow-y: auto; }
.kolacici h2 { line-height: 1.3; }
dialog.lightbox { margin: 0; padding: 24px; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border: 0; }
dialog.lightbox::backdrop { background: rgba(0, 0, 0, .9); }
.gallery-item[role="button"] { cursor: zoom-in; }
:focus-visible { outline: 3px solid #b94700; outline-offset: 4px; }
.gallery-item:focus-visible, .nav-link:focus-visible, .dugme:focus-visible, .btn:focus-visible { outline-offset: -5px; }
@media (max-width: 1100px) and (min-width: 993px) {
    .nav-icon { display: none !important; }
    .nav-link { padding-inline: 8px !important; font-size: .8rem !important; }
}
@media (max-width: 992px) {
    .hero { min-height: auto; padding-top: 110px; }
    .page-header, .uvodnik { padding-top: 120px; }
    .mobile-menu-toggle { position: relative; z-index: 10001; min-width: 44px; min-height: 44px; }
    body > .nav-menu { top: 80px; max-height: calc(100dvh - 160px); overflow-y: auto; overscroll-behavior: contain; z-index: 10000; }
    body > .nav-menu:not(.active) { visibility: hidden; }
    body > .nav-menu.active { visibility: visible; }
    .nav-menu .dropdown-menu, .nav-menu .submenu { max-height: none; }
}
@media (max-width: 767px) {
    .hero h1.hero-title-main { font-size: clamp(1.7rem, 7.2vw, 2.6rem); letter-spacing: 1px; }
    .hero-image { width: min(100%, 450px); }
    .hero-buttons { flex-wrap: wrap; gap: 14px; }
    .hero-buttons .btn { max-width: 100%; white-space: normal; }
    .page-title { font-size: clamp(1.8rem, 8vw, 2.8rem); line-height: 1.2; }
    .section-title, .cta-title { font-size: clamp(1.7rem, 7vw, 2.5rem); line-height: 1.2; }
    .kolacici { bottom: calc(88px + env(safe-area-inset-bottom)); }
    .back-to-top, .povratak { bottom: calc(90px + env(safe-area-inset-bottom)) !important; }
    .footer-contact a { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.pitanje > summary, .pitanje__odgovor, .materijal__telo, .okvir-podataka { padding-inline: max(24px, 7%); }
.sek--papir, .sek--krem { background: transparent; }
.mrvice { margin-top: 100px; }
.mrvice + .sek { padding-top: 36px; }
.loading-screen { animation: izlaz-ucitavanja 1.8s forwards; }
@keyframes izlaz-ucitavanja { 0%, 75% { visibility: visible; } 100% { visibility: hidden; opacity: 0; pointer-events: none; } }
@media (prefers-reduced-motion: reduce) { .loading-screen { display: none !important; } }

@media (max-width: 992px) { body > .nav-menu { clip-path: var(--hex-clip-wide); padding-inline: 20px; } }

dialog.lightbox[open] { display: flex; opacity: 1; visibility: visible; transition: none; }
dialog.lightbox:not([open]) { display: none; }
.lightbox-close, .lightbox-nav { clip-path: var(--hex-clip-tall) !important; border-radius: 0 !important; }
.contact-form, .contact-form-wrapper, .forma-upita, .kolacici { clip-path: var(--hex-clip-wide) !important; border-radius: 0 !important; padding-inline: max(24px, 7%); }
.pitanje > p { padding-inline: max(24px, 7%); }

/* Link ka politici u traci o kolačićima: dovoljno velika površina za dodir (WCAG 2.5.8) */
.kolacici > a { display: inline-block; padding-block: .3rem; }

.detalj-veze { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: var(--space-sm, 1rem); }
.detalj-veze .btn { margin: 0; }
.product-features a { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 102, 0, .7); text-underline-offset: 3px; }
.product-features a:hover, .product-features a:focus-visible { color: #b94700; }

/* Heksagon ispred linka u footeru stoji u redu sa tekstom, ne preko prvog slova. */
.footer-links li a::before { position: static !important; transform: none !important; }