/* Javne strane: osnova, odeljci i delovi strana. Boje i zaglavlje su u pult-okvir.css. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--pk-zaglavlje) + 16px); }
body.pk {
    margin: 0;
    background: var(--pk-papir);
    color: var(--pk-mastilo);
    font-family: var(--pk-tekst);
    font-size: 1.0625rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: clip;
}
/* zrno papira preko cele strane */
body.pk::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 1150;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
    opacity: .045;
}
.pk img { max-width: 100%; height: auto; }
.pk main { display: block; }
.pk h1, .pk h2, .pk h3, .pk h4 {
    margin: 0;
    font-family: var(--pk-naslov);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: .01em;
    text-transform: uppercase;
    text-wrap: balance;
}
.pk p { margin: 0 0 1em; }
.pk p:last-child { margin-bottom: 0; }
.pk a { color: var(--pk-bordo); text-underline-offset: 3px; }
.pk a:hover { color: var(--pk-mastilo); }
.pk ::selection { background: var(--pk-zar); color: var(--pk-mastilo); }
.pk :focus-visible { outline: 3px solid var(--pk-zar-jaka); outline-offset: 3px; border-radius: 4px; }
.pk .pk-sr {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (min-width: 900px) {
    html { scrollbar-color: var(--pk-linija-jaka) var(--pk-papir-2); }
    ::-webkit-scrollbar { width: 11px; }
    ::-webkit-scrollbar-track { background: var(--pk-papir-2); }
    ::-webkit-scrollbar-thumb { background: #b7a48d; border-radius: 6px; border: 3px solid var(--pk-papir-2); }
    ::-webkit-scrollbar-thumb:hover { background: var(--pk-bordo); }
}

/* --- Odeljci i naslovi --- */
.pk-odeljak { position: relative; padding-block: clamp(52px, 9vw, 104px); overflow: clip; }
.pk-odeljak--tesno { padding-block: clamp(36px, 6vw, 64px); }
.pk-odeljak--pojas { background: var(--pk-papir-2); }
.pk-odeljak--tamno { background: var(--pk-mastilo); color: #e9dccb; }
.pk-odeljak--tamno h2, .pk-odeljak--tamno h3 { color: var(--pk-belo); }
.pk-odeljak--tamno a { color: #ffc98f; }

/* nazubljena ivica, kao otkinut račun */
.pk-rez { position: relative; }
.pk-rez::before {
    content: '';
    position: absolute;
    left: 0; right: 0; top: -9px;
    height: 10px;
    background: radial-gradient(circle at 10px -1px, transparent 7px, var(--pk-rez, var(--pk-papir-2)) 7.5px) repeat-x;
    background-size: 20px 10px;
    pointer-events: none;
}
.pk-odeljak--tamno.pk-rez { --pk-rez: var(--pk-mastilo); }

.pk-zag { position: relative; margin-bottom: clamp(26px, 4vw, 44px); max-width: 760px; }
.pk-zag > * { position: relative; z-index: 1; }
.pk-zag::before {
    content: attr(data-ghost);
    position: absolute;
    left: -.03em;
    top: -.5em;
    z-index: 0;
    font: 400 clamp(3.4rem, 13vw, 9rem)/1 var(--pk-naslov);
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(140, 29, 24, .16);
    pointer-events: none;
    user-select: none;
}
.pk-odeljak--tamno .pk-zag::before { -webkit-text-stroke-color: rgba(245, 237, 224, .1); }
.pk-zag--sredina { margin-inline: auto; text-align: center; }
.pk-zag--sredina::before { left: 50%; transform: translateX(-50%); }
.pk-nad {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px !important;
    font: 700 .8rem/1.2 var(--pk-tekst);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--pk-bordo);
}
.pk-nad::before { content: ''; width: 26px; height: 2px; background: currentColor; }
.pk-odeljak--tamno .pk-nad { color: var(--pk-zar); }
.pk-h2 { font-size: clamp(2.1rem, 6.2vw, 3.6rem); }
.pk-h2 em { font-style: normal; color: var(--pk-crvena); }
.pk-odeljak--tamno .pk-h2 em { color: var(--pk-zar); }
.pk-uvod { margin-top: 14px !important; max-width: 60ch; font-size: 1.1rem; color: var(--pk-mastilo-2); }
.pk-odeljak--tamno .pk-uvod { color: #cdbfae; }
.pk-zag__red { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 16px 32px; margin-bottom: clamp(26px, 4vw, 44px); }
.pk-zag__red .pk-zag { margin-bottom: 0; }

/* --- Pojava pri skrolu (sadržaj je vidljiv i bez skripte) --- */
.ima-js .pojava { opacity: 0; transform: translateY(22px); transition: opacity .6s var(--pk-kriva), transform .6s var(--pk-kriva); }
.ima-js .pojava--vidi { opacity: 1; transform: none; }
.ima-js [data-kasni="1"] { transition-delay: .07s; }
.ima-js [data-kasni="2"] { transition-delay: .14s; }
.ima-js [data-kasni="3"] { transition-delay: .21s; }
.ima-js [data-kasni="4"] { transition-delay: .28s; }
.ima-js [data-kasni="5"] { transition-delay: .35s; }

/* --- Hero --- */
.pk-hero { position: relative; padding-block: clamp(22px, 4vw, 44px) clamp(40px, 7vw, 72px); overflow: clip; }
.pk-hero__u { display: grid; gap: clamp(26px, 5vw, 56px); align-items: center; }
.pk-hero__naslov { font-size: clamp(2.9rem, 13.2vw, 6.4rem); line-height: .95; letter-spacing: 0; }
.pk-hero__naslov span { display: block; color: var(--pk-crvena); }
.pk-hero__uvod { margin: 16px 0 0 !important; max-width: 46ch; font-size: clamp(1.08rem, 2.6vw, 1.25rem); line-height: 1.5; color: var(--pk-mastilo-2); }
.pk-hero__uvod b { color: var(--pk-mastilo); font-weight: 700; }
.pk-hero__stanje {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px dashed var(--pk-linija-jaka);
    font-size: .95rem;
    color: var(--pk-mastilo-2);
}
.pk-hero__stanje .pk-stanje { font-size: 1.02rem; }
.pk-hero__pozivi { display: grid; gap: 12px; margin-top: 16px; }
.pk-hero__pozivi .pk-dugme { justify-content: flex-start; min-height: 62px; padding-inline: 16px; }
.pk-hero__pozivi .pk-dugme .pk-ik:last-child { margin-left: auto; opacity: .7; }
.pk-hero__jos { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 12px; }

.pk-hero__scena { position: relative; }
.pk-prozor {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border: 2px solid var(--pk-mastilo);
    border-radius: 18px;
    background: radial-gradient(120% 90% at 50% 100%, #f08a2e 0%, #b4380f 34%, #3b130a 70%, #160b07 100%);
    box-shadow: 0 8px 0 var(--pk-mastilo);
}
.pk-prozor img, .pk-prozor video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.pk-prozor video { opacity: 0; transition: opacity .5s var(--pk-kriva); }
.pk-prozor video.pk-spreman { opacity: 1; }
.pk-prozor::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(22, 11, 7, .5) 0%, rgba(22, 11, 7, 0) 34%, rgba(22, 11, 7, 0) 62%, rgba(22, 11, 7, .55) 100%);
    pointer-events: none;
}
.pk-prozor__natpis {
    position: absolute;
    left: 14px; top: 14px;
    z-index: 2;
    padding: 6px 12px;
    border-radius: 6px;
    background: var(--pk-papir);
    color: var(--pk-mastilo);
    font: 400 .95rem/1.1 var(--pk-naslov);
    letter-spacing: .1em;
    text-transform: uppercase;
}
.pk-prozor__izvor {
    position: absolute;
    right: 12px; bottom: 10px;
    z-index: 2;
    font-size: .72rem;
    letter-spacing: .04em;
    color: rgba(255, 244, 230, .78);
}
.pk-hero__daska {
    position: absolute;
    left: -4%;
    bottom: -13%;
    z-index: 3;
    width: 58%;
    max-width: 420px;
    filter: drop-shadow(0 14px 18px rgba(30, 22, 17, .38));
    pointer-events: none;
}
.pk-hero__daska img { display: block; width: 100%; height: auto; }
.pk-cedulje { position: absolute; right: 4%; bottom: -22px; z-index: 4; display: grid; justify-items: end; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pk-cedulja {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    padding: 8px 14px 9px;
    border: 2px solid var(--pk-mastilo);
    border-radius: 6px;
    background: var(--pk-belo);
    box-shadow: 0 3px 0 var(--pk-mastilo);
    font: 400 1rem/1.1 var(--pk-naslov);
    letter-spacing: .05em;
    text-transform: uppercase;
    transform: rotate(-2deg);
    white-space: nowrap;
}
.pk-cedulja:nth-child(2) { transform: rotate(1.5deg); }
.pk-cedulja:nth-child(3) { transform: rotate(-1deg); }
.pk-cedulja b { font-weight: 400; font-size: 1.3rem; color: var(--pk-crvena); font-variant-numeric: tabular-nums; }
.pk-cedulja:nth-child(n+2) { display: none; }

@media (min-width: 560px) {
    .pk-hero__pozivi { grid-template-columns: 1fr 1fr; }
    .pk-cedulja:nth-child(n+2) { display: inline-flex; }
}
@media (min-width: 1024px) {
    .pk-hero__u { grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); }
    .pk-hero__naslov { font-size: clamp(3.2rem, min(6.6vw, 11.6vh), 6.6rem); }
    .pk-prozor { aspect-ratio: auto; height: min(62vh, 560px); min-height: 380px; }
    .pk-hero__daska { left: -9%; bottom: -9%; width: 52%; }
    .pk-cedulje { right: -14px; bottom: 28px; }

    /* skrol vozi kadar: visoka traka i lepljiva scena, samo na računaru sa mišem */
    .pk-scrub .pk-hero--voz { height: 280vh; padding-block: 0; overflow: visible; }
    .pk-scrub .pk-hero--voz .pk-hero__lep {
        position: sticky;
        top: var(--pk-zaglavlje);
        display: flex;
        align-items: center;
        height: calc(100vh - var(--pk-zaglavlje));
        min-height: 560px;
    }
    .pk-scrub .pk-hero--voz .pk-prozor { height: min(66vh, 600px); }
    .pk-scrub .pk-hero--voz .pk-hero__daska { opacity: var(--pk-daska, 0); transform: translateY(calc((1 - var(--pk-daska, 0)) * 46px)); }
    .pk-scrub .pk-hero--voz .pk-cedulja { opacity: 0; transform: translateY(14px) rotate(-2deg); transition: opacity .35s var(--pk-kriva), transform .35s var(--pk-kriva); }
    .pk-scrub .pk-hero--voz .pk-cedulja.pk-vidi { opacity: 1; transform: rotate(-2deg); }
    .pk-scrub .pk-hero--voz .pk-cedulja:nth-child(2).pk-vidi { transform: rotate(1.5deg); }
    .pk-scrub .pk-hero--voz .pk-cedulja:nth-child(3).pk-vidi { transform: rotate(-1deg); }
    .pk-hero__skrol { display: none; }
    .pk-scrub .pk-hero--voz .pk-hero__skrol {
        position: absolute;
        left: 0; bottom: 18px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font: 700 .78rem/1 var(--pk-tekst);
        letter-spacing: .16em;
        text-transform: uppercase;
        color: var(--pk-mastilo-2);
        opacity: var(--pk-skrol, 1);
    }
    .pk-scrub .pk-hero--voz .pk-hero__skrol::after { content: ''; width: 46px; height: 2px; background: currentColor; transform-origin: left; animation: pk-skrol 1.8s var(--pk-kriva) infinite; }
    .pk-scrub .pk-hero--voz .pk-hero__u { position: relative; width: 100%; }
}
@keyframes pk-skrol { 0% { transform: scaleX(0); } 60% { transform: scaleX(1); } 100% { transform: scaleX(1); opacity: 0; } }
.pk-hero__skrol { display: none; }

/* --- Traka činjenica --- */
.pk-cinjenice { border-block: 2px solid var(--pk-mastilo); background: var(--pk-belo); }
.pk-cinjenice ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.pk-cinjenice li { padding: 16px 12px; text-align: center; border-right: 1px dashed var(--pk-linija-jaka); border-bottom: 1px dashed var(--pk-linija-jaka); }
.pk-cinjenice li:nth-child(2n) { border-right: 0; }
.pk-cinjenice li:nth-last-child(-n+2) { border-bottom: 0; }
.pk-cinjenice b { display: block; font: 400 clamp(1.5rem, 5vw, 2.1rem)/1.05 var(--pk-naslov); letter-spacing: .02em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.pk-cinjenice span { font-size: .9rem; color: var(--pk-mastilo-2); }
@media (min-width: 760px) {
    .pk-cinjenice ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .pk-cinjenice li { border-bottom: 0; padding-block: 22px; }
    .pk-cinjenice li:nth-child(2n) { border-right: 1px dashed var(--pk-linija-jaka); }
    .pk-cinjenice li:last-child { border-right: 0; }
}

/* --- Tri načina --- */
.pk-nacini { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: nacin; }
.pk-nacin {
    position: relative;
    padding: 22px 20px 20px;
    border: 2px solid var(--pk-mastilo);
    border-radius: var(--pk-r);
    background: var(--pk-belo);
    counter-increment: nacin;
}
.pk-nacin::before {
    content: '0' counter(nacin);
    position: absolute;
    right: 14px; top: 6px;
    font: 400 3.2rem/1 var(--pk-naslov);
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(140, 29, 24, .28);
}
.pk-nacin h3 { font-size: 1.55rem; margin-bottom: 8px; padding-right: 64px; }
.pk-nacin p { color: var(--pk-mastilo-2); font-size: 1rem; }
.pk-nacin .pk-veza { margin-top: 6px; }
@media (min-width: 820px) { .pk-nacini { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }

/* --- Kartice jela --- */
.pk-jela { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.pk-jelo {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 2px solid var(--pk-mastilo);
    border-radius: var(--pk-r);
    background: var(--pk-belo);
    overflow: hidden;
    transition: transform .22s var(--pk-kriva), box-shadow .22s var(--pk-kriva);
}
.pk-jelo:hover, .pk-jelo:focus-within { transform: translateY(-4px); box-shadow: 0 6px 0 var(--pk-mastilo); }
.pk-jelo__slika { position: relative; aspect-ratio: 4 / 3; background: var(--pk-belo); overflow: hidden; }
/* studijske fotografije su na beloj podlozi: množenje je stapa sa bojom kartice */
.pk-jelo__slika img { width: 100%; height: 100%; object-fit: cover; display: block; mix-blend-mode: multiply; filter: brightness(1.09) contrast(1.06); transition: transform .5s var(--pk-kriva); }
.pk-jelo:hover .pk-jelo__slika img { transform: scale(1.05); }
.pk-jelo__telo { display: flex; flex-direction: column; gap: 4px; flex: 1; padding: 12px 12px 14px; border-top: 1px dashed var(--pk-linija-jaka); }
.pk-jelo__ime { font-size: clamp(1.05rem, 3.6vw, 1.3rem); line-height: 1.12; letter-spacing: .02em; }
.pk-jelo__ime a { color: var(--pk-mastilo); text-decoration: none; }
.pk-jelo__ime a::after { content: ''; position: absolute; inset: 0; }
.pk-jelo__opis { display: none; font-size: .93rem; line-height: 1.45; color: var(--pk-mastilo-2); }
.pk-jelo__dno { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 8px; }
.pk-cena { font: 400 clamp(1.3rem, 4.6vw, 1.6rem)/1 var(--pk-naslov); letter-spacing: .01em; color: var(--pk-bordo); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pk-cena small { font-size: .6em; letter-spacing: .08em; color: var(--pk-mastilo-2); margin-left: 3px; }
.pk-cena s { font-size: .62em; color: var(--pk-mastilo-2); margin-right: 6px; }
.pk-tezina { font-size: .86rem; font-weight: 600; color: var(--pk-mastilo-2); white-space: nowrap; }
.pk-oznaka {
    position: absolute;
    left: 10px; top: 10px;
    z-index: 1;
    padding: 4px 9px;
    border-radius: 5px;
    background: var(--pk-zar);
    border: 1.5px solid var(--pk-mastilo);
    font: 700 .7rem/1.2 var(--pk-tekst);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--pk-mastilo);
}
@media (min-width: 640px) {
    .pk-jela { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
    .pk-jelo__telo { padding: 16px 16px 18px; }
    .pk-jelo__opis { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}
@media (min-width: 1024px) { .pk-jela--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* --- Cenovnik: redovi sa tačkicama do cene --- */
.pk-cenovnik { margin: 0; padding: 0; list-style: none; }
.pk-cenovnik li { border-bottom: 1px dashed var(--pk-linija-jaka); }
.pk-cenovnik a, .pk-cenovnik .pk-cenovnik__red {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-height: 52px;
    padding: 12px 2px;
    color: var(--pk-mastilo);
    text-decoration: none;
}
.pk-cenovnik__ime { font: 400 1.2rem/1.15 var(--pk-naslov); letter-spacing: .03em; text-transform: uppercase; }
.pk-cenovnik__tacke { flex: 1; min-width: 18px; border-bottom: 2px dotted var(--pk-linija-jaka); transform: translateY(-4px); }
.pk-cenovnik__cena { font: 400 1.25rem/1 var(--pk-naslov); color: var(--pk-bordo); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pk-cenovnik__cena small { font-size: .62em; letter-spacing: .08em; color: var(--pk-mastilo-2); margin-left: 3px; }
.pk-cenovnik a:hover .pk-cenovnik__ime { color: var(--pk-crvena); }
.pk-odeljak--tamno .pk-cenovnik li { border-color: rgba(245, 237, 224, .26); }
.pk-odeljak--tamno .pk-cenovnik a, .pk-odeljak--tamno .pk-cenovnik__red { color: var(--pk-belo); }
.pk-odeljak--tamno .pk-cenovnik__tacke { border-color: rgba(245, 237, 224, .3); }
.pk-odeljak--tamno .pk-cenovnik__cena { color: var(--pk-zar); }
.pk-odeljak--tamno .pk-cenovnik__cena small { color: #cdbfae; }
.pk-odeljak--tamno .pk-cenovnik a:hover .pk-cenovnik__ime { color: var(--pk-zar); }
@media (min-width: 820px) { .pk-cenovnik--2 { columns: 2; column-gap: 56px; } .pk-cenovnik--2 li { break-inside: avoid; } }

.pk-dva { display: grid; gap: clamp(28px, 5vw, 64px); align-items: start; }
@media (min-width: 920px) { .pk-dva { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } .pk-dva--obrnuto { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } }
.pk-okrugla { position: relative; max-width: 460px; margin-inline: auto; }
.pk-okrugla img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; filter: brightness(1.09) contrast(1.06); }
.pk-odeljak--tamno .pk-okrugla img { mix-blend-mode: normal; filter: none; border-radius: var(--pk-r); border: 2px solid rgba(245, 237, 224, .3); }

/* --- Kategorije --- */
.pk-kategorije { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.pk-kategorije a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    min-height: 104px;
    padding: 14px;
    border: 2px solid var(--pk-mastilo);
    border-radius: var(--pk-r);
    background: var(--pk-belo);
    color: var(--pk-mastilo);
    text-decoration: none;
    transition: background-color .2s var(--pk-kriva), transform .2s var(--pk-kriva), box-shadow .2s var(--pk-kriva);
}
.pk-kategorije a:hover { background: var(--pk-zar); transform: translateY(-3px); box-shadow: 0 5px 0 var(--pk-mastilo); }
.pk-kategorije b { font: 400 1.3rem/1.08 var(--pk-naslov); letter-spacing: .03em; text-transform: uppercase; }
.pk-kategorije span { display: flex; align-items: center; justify-content: space-between; font-size: .9rem; font-weight: 600; color: var(--pk-mastilo-2); }
.pk-kategorije a:hover span { color: var(--pk-mastilo); }
@media (min-width: 700px) { .pk-kategorije { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } }

/* --- Lokali --- */
.pk-lokali { display: grid; gap: 18px; }
.pk-lokal {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 2px solid var(--pk-mastilo);
    border-radius: var(--pk-r);
    background: var(--pk-belo);
    box-shadow: 0 6px 0 var(--pk-mastilo);
    scroll-margin-top: calc(var(--pk-zaglavlje) + 20px);
}
.pk-lokal__vrh { padding: 20px 20px 16px; }
.pk-lokal__red { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; margin-bottom: 10px; }
.pk-lokal__ime { font-size: clamp(1.8rem, 6vw, 2.5rem); }
.pk-lokal__ime a { color: inherit; text-decoration: none; }
.pk-lokal__adresa { display: flex; gap: 8px; align-items: flex-start; margin-top: 8px !important; color: var(--pk-mastilo-2); }
.pk-lokal__adresa .pk-ik { margin-top: 3px; color: var(--pk-bordo); }
.pk-ocena { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 2px 10px; border: 1.5px solid var(--pk-linija-jaka); border-radius: 20px; color: var(--pk-mastilo) !important; font-weight: 700; font-size: .92rem; text-decoration: none; }
.pk-ocena .pk-ik { color: var(--pk-zar-jaka); fill: currentColor; }
.pk-ocena span { font-weight: 400; color: var(--pk-mastilo-2); }
.pk-ocena:hover { border-color: var(--pk-mastilo); }
.pk-lokal__podaci { margin: 0; padding: 0 20px; border-top: 1px dashed var(--pk-linija-jaka); }
.pk-lokal__podaci > div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px dashed var(--pk-linija-jaka); }
.pk-lokal__podaci > div:last-child { border-bottom: 0; }
.pk-lokal__podaci dt { color: var(--pk-mastilo-2); font-size: .95rem; }
.pk-lokal__podaci dd { margin: 0; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.pk-lokal__dugmad { display: grid; gap: 10px; margin-top: auto; padding: 16px 20px 20px; border-top: 2px solid var(--pk-mastilo); background: var(--pk-papir); border-radius: 0 0 calc(var(--pk-r) - 2px) calc(var(--pk-r) - 2px); }
.pk-lokal__dugmad .pk-dugme--zar { justify-content: flex-start; min-height: 60px; }
.pk-lokal__jos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pk-lokal__mapa { position: relative; aspect-ratio: 16 / 9; border-top: 2px solid var(--pk-mastilo); background: var(--pk-papir-2); overflow: hidden; }
.pk-lokal__mapa iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pk-lokal__mapa button { position: absolute; inset: 0; width: 100%; display: grid; place-content: center; justify-items: center; gap: 8px; border: 0; background: repeating-linear-gradient(135deg, rgba(30, 22, 17, .05) 0 12px, transparent 12px 24px), var(--pk-papir-2); color: var(--pk-mastilo); font: 700 1rem var(--pk-tekst); cursor: pointer; }
.pk-lokal__mapa button:hover { color: var(--pk-crvena); }
.pk-napomena { margin-top: 18px !important; max-width: 70ch; font-size: .88rem; color: var(--pk-mastilo-2); }
@media (min-width: 860px) { .pk-lokali { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; } }

/* --- Proza i tekstualne strane --- */
.pk-proza { max-width: 70ch; }
.pk-proza--sredina { margin-inline: auto; }
.pk-proza h2 { font-size: clamp(1.6rem, 4.6vw, 2.2rem); margin: 1.6em 0 .5em; }
.pk-proza h3 { font-size: clamp(1.25rem, 3.6vw, 1.5rem); margin: 1.4em 0 .4em; letter-spacing: .03em; }
.pk-proza h2:first-child, .pk-proza h3:first-child { margin-top: 0; }
.pk-proza ul, .pk-proza ol { margin: 0 0 1em; padding-left: 1.25em; }
.pk-proza li { margin-bottom: .35em; }
.pk-proza li::marker { color: var(--pk-crvena); }
.pk-proza a { font-weight: 600; }
.pk-proza table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; font-size: .98rem; }
.pk-proza th, .pk-proza td { padding: 10px 8px; border-bottom: 1px dashed var(--pk-linija-jaka); text-align: left; vertical-align: top; }
.pk-proza th { font: 400 1rem var(--pk-naslov); letter-spacing: .06em; text-transform: uppercase; }
.pk-tabela-omot { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.pk-vrh { position: relative; padding-block: clamp(30px, 6vw, 64px) clamp(26px, 5vw, 48px); border-bottom: 2px solid var(--pk-mastilo); background: var(--pk-papir-2); overflow: clip; }
.pk-vrh::after {
    content: attr(data-ghost);
    position: absolute;
    right: -.03em; bottom: -.2em;
    font: 400 clamp(5rem, 22vw, 15rem)/1 var(--pk-naslov);
    text-transform: uppercase;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(140, 29, 24, .13);
    pointer-events: none;
    user-select: none;
}
.pk-vrh > * { position: relative; z-index: 1; }
.pk-vrh__naslov { font-size: clamp(2.5rem, 9.5vw, 5rem); line-height: .98; max-width: 18ch; }
.pk-vrh__naslov em { font-style: normal; color: var(--pk-crvena); }
.pk-vrh__uvod { margin-top: 14px !important; max-width: 62ch; font-size: clamp(1.05rem, 2.5vw, 1.2rem); color: var(--pk-mastilo-2); }
.pk-vrh__dugmad { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.pk-mrvice { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; padding: 0; list-style: none; font-size: .88rem; color: var(--pk-mastilo-2); }
.pk-mrvice li + li::before { content: '/'; margin-right: 6px; opacity: .6; }
.pk-mrvice a { color: var(--pk-mastilo-2); }
.pk-vrh--slika .pk-vrh__u { display: grid; gap: 24px; align-items: center; }
.pk-vrh__slika { max-width: 420px; }
.pk-vrh__slika img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; filter: brightness(1.09) contrast(1.06); }
@media (min-width: 900px) { .pk-vrh--slika .pk-vrh__u { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); } .pk-vrh__slika { justify-self: end; } }

/* --- Pitanja --- */
.pk-pitanja { display: grid; gap: 10px; max-width: 860px; }
.pk-pitanje { border: 2px solid var(--pk-mastilo); border-radius: var(--pk-r); background: var(--pk-belo); }
.pk-pitanje > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 12px 16px;
    font: 400 1.15rem/1.2 var(--pk-naslov);
    letter-spacing: .03em;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
}
.pk-pitanje > summary::-webkit-details-marker { display: none; }
.pk-pitanje > summary::after { content: '+'; flex: none; font: 400 1.6rem/1 var(--pk-naslov); color: var(--pk-crvena); transition: transform .2s var(--pk-kriva); }
.pk-pitanje[open] > summary::after { transform: rotate(45deg); }
.pk-pitanje > div { padding: 0 16px 16px; color: var(--pk-mastilo-2); }
.pk-pitanje h3 { font: inherit; letter-spacing: inherit; }

/* --- Obrasci --- */
.pk-obrazac { display: grid; gap: 16px; max-width: 640px; }
.pk-obrazac__red { display: grid; gap: 16px; }
@media (min-width: 600px) { .pk-obrazac__red { grid-template-columns: 1fr 1fr; } }
.pk-polje { display: grid; gap: 6px; }
.pk-polje label { font-weight: 700; font-size: .95rem; }
.pk-polje input, .pk-polje select, .pk-polje textarea {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 2px solid var(--pk-mastilo);
    border-radius: var(--pk-r-mali);
    background: var(--pk-belo);
    color: var(--pk-mastilo);
    font: 400 1rem/1.4 var(--pk-tekst);
}
.pk-polje textarea { min-height: 140px; resize: vertical; }
.pk-polje input:focus, .pk-polje select:focus, .pk-polje textarea:focus { outline: 3px solid var(--pk-zar-jaka); outline-offset: 2px; }
.pk-polje small { color: var(--pk-mastilo-2); font-size: .86rem; }
.pk-potvrda { display: flex; gap: 10px; align-items: flex-start; font-size: .95rem; }
.pk-potvrda input { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--pk-bordo); flex: none; }
.pk-poruka { padding: 14px 16px; border: 2px solid var(--pk-mastilo); border-radius: var(--pk-r-mali); background: var(--pk-belo); font-weight: 600; }
.pk-poruka--uspeh { border-color: var(--pk-zelena); color: var(--pk-zelena); }
.pk-poruka--greska { border-color: var(--pk-crvena); color: var(--pk-bordo); }

/* --- Kartice sa tekstom i ikonom --- */
.pk-ploce { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.pk-ploca { padding: 20px; border: 2px solid var(--pk-mastilo); border-radius: var(--pk-r); background: var(--pk-belo); }
.pk-ploca h3 { font-size: 1.4rem; margin-bottom: 8px; }
.pk-ploca p { color: var(--pk-mastilo-2); font-size: 1rem; }
.pk-odeljak--tamno .pk-ploca { background: transparent; border-color: rgba(245, 237, 224, .34); }
.pk-odeljak--tamno .pk-ploca p { color: #cdbfae; }
@media (min-width: 720px) { .pk-ploce { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pk-ploce--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .pk-ploce--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* --- Jelovnik --- */
.pk-alat { position: sticky; top: var(--pk-zaglavlje); z-index: 900; background: rgba(245, 237, 224, .96); border-bottom: 2px solid var(--pk-mastilo); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.pk-alat__u { display: flex; align-items: center; gap: 10px; padding-block: 10px; }
.pk-kat { display: flex; gap: 8px; margin: 0; padding: 2px var(--pk-rub) 2px 0; list-style: none; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; flex: 1; mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
.pk-kat::-webkit-scrollbar { display: none; }
.pk-kat a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    border: 2px solid var(--pk-mastilo);
    border-radius: 24px;
    background: var(--pk-belo);
    color: var(--pk-mastilo);
    font: 400 1rem/1 var(--pk-naslov);
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    scroll-snap-align: start;
}
.pk-kat a small { font: 600 .78rem var(--pk-tekst); letter-spacing: 0; color: var(--pk-mastilo-2); }
.pk-kat a:hover { background: var(--pk-papir-2); }
.pk-kat a[aria-current="true"] { background: var(--pk-mastilo); color: var(--pk-belo); }
.pk-kat a[aria-current="true"] small { color: #d9cbb9; }
.pk-pretraga { position: relative; flex: none; width: 46px; }
.pk-pretraga input {
    width: 46px; height: 46px;
    padding: 0 0 0 42px;
    border: 2px solid var(--pk-mastilo);
    border-radius: 24px;
    background: var(--pk-belo);
    color: var(--pk-mastilo);
    font: 400 1rem var(--pk-tekst);
    transition: width .25s var(--pk-kriva);
    cursor: pointer;
}
.pk-pretraga input::placeholder { color: transparent; }
.pk-pretraga .pk-ik { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.pk-pretraga--otvorena, .pk-pretraga:focus-within { width: min(240px, 58vw); }
.pk-pretraga--otvorena input, .pk-pretraga:focus-within input { width: 100%; padding-right: 12px; cursor: text; }
.pk-pretraga--otvorena input::placeholder, .pk-pretraga:focus-within input::placeholder { color: var(--pk-mastilo-2); }
@media (min-width: 900px) { .pk-pretraga, .pk-pretraga input { width: 240px; } .pk-pretraga input { padding-right: 12px; cursor: text; } .pk-pretraga input::placeholder { color: var(--pk-mastilo-2); } }

.pk-grupa { padding-top: clamp(30px, 5vw, 52px); scroll-margin-top: calc(var(--pk-zaglavlje) + 76px); }
.pk-grupa__zag { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--pk-mastilo); }
.pk-grupa__zag h2 { font-size: clamp(1.8rem, 6vw, 2.8rem); }
.pk-grupa__zag span { font-size: .92rem; font-weight: 600; color: var(--pk-mastilo-2); white-space: nowrap; }
.pk-grupa__opis { max-width: 68ch; margin: -4px 0 18px !important; color: var(--pk-mastilo-2); }
.pk-prazno { padding: 28px 20px; border: 2px dashed var(--pk-linija-jaka); border-radius: var(--pk-r); text-align: center; color: var(--pk-mastilo-2); }
[hidden] { display: none !important; }

/* stavke bez fotografije (prilozi, pića): red sa cenom */
.pk-stavke { display: grid; gap: 0 40px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 760px) { .pk-stavke { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pk-stavka { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 68px; padding: 8px 0; border-bottom: 1px dashed var(--pk-linija-jaka); position: relative; }
.pk-stavka__slika { width: 56px; height: 56px; border-radius: 10px; overflow: hidden; background: var(--pk-belo); border: 1.5px solid var(--pk-linija-jaka); }
.pk-stavka__slika img { width: 100%; height: 100%; object-fit: cover; display: block; mix-blend-mode: multiply; filter: brightness(1.09) contrast(1.06); }
.pk-stavka__ime { font: 400 1.1rem/1.15 var(--pk-naslov); letter-spacing: .03em; text-transform: uppercase; }
.pk-stavka__ime a { color: var(--pk-mastilo); text-decoration: none; }
.pk-stavka__ime a::after { content: ''; position: absolute; inset: 0; }
.pk-stavka__ime a:hover { color: var(--pk-crvena); }
.pk-stavka__ime + small { display: block; font-size: .85rem; color: var(--pk-mastilo-2); }

/* --- Proizvod --- */
.pk-proizvod { display: grid; gap: clamp(22px, 4vw, 56px); align-items: start; }
@media (min-width: 900px) { .pk-proizvod { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); } .pk-proizvod__info { position: sticky; top: calc(var(--pk-zaglavlje) + 24px); } }
.pk-proizvod--bez-slike { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.pk-galerija__glavna { position: relative; aspect-ratio: 4 / 3; border: 2px solid var(--pk-mastilo); border-radius: var(--pk-r); background: var(--pk-belo); overflow: hidden; }
.pk-galerija__glavna img { width: 100%; height: 100%; object-fit: cover; display: block; mix-blend-mode: multiply; filter: brightness(1.09) contrast(1.06); }
.pk-galerija__male { display: flex; gap: 8px; margin: 10px 0 0; padding: 0 0 4px; list-style: none; overflow-x: auto; scrollbar-width: thin; }
.pk-galerija__male button { flex: none; width: 76px; height: 58px; padding: 0; border: 2px solid var(--pk-linija-jaka); border-radius: 10px; background: var(--pk-belo); overflow: hidden; cursor: pointer; }
.pk-galerija__male button[aria-current="true"] { border-color: var(--pk-mastilo); box-shadow: 0 3px 0 var(--pk-mastilo); }
.pk-galerija__male img { width: 100%; height: 100%; object-fit: cover; display: block; mix-blend-mode: multiply; filter: brightness(1.09) contrast(1.06); }
.pk-proizvod__ime { font-size: clamp(2.3rem, 8.4vw, 4rem); line-height: .98; }
.pk-proizvod__red { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; margin-top: 14px; padding: 14px 0; border-block: 1px dashed var(--pk-linija-jaka); }
.pk-proizvod__red .pk-cena { font-size: clamp(2rem, 7vw, 2.8rem); }
.pk-proizvod__opis { margin-top: 16px !important; font-size: 1.1rem; color: var(--pk-mastilo-2); }
.pk-svojstva { margin: 18px 0 0; padding: 0; }
.pk-svojstva > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--pk-linija-jaka); }
.pk-svojstva dt { font: 400 .95rem/1.4 var(--pk-naslov); letter-spacing: .08em; text-transform: uppercase; color: var(--pk-mastilo-2); }
.pk-svojstva dd { margin: 0; }
.pk-proizvod__pozivi { display: grid; gap: 10px; margin-top: 20px; }
.pk-proizvod__pozivi .pk-dugme { justify-content: flex-start; min-height: 60px; }
@media (min-width: 520px) { .pk-proizvod__pozivi { grid-template-columns: 1fr 1fr; } }

/* --- Galerija fotografija --- */
.pk-fotke { columns: 2; column-gap: 12px; margin: 0; padding: 0; list-style: none; }
.pk-fotke li { break-inside: avoid; margin-bottom: 12px; }
.pk-fotke button, .pk-fotke a { display: block; width: 100%; padding: 0; border: 2px solid var(--pk-mastilo); border-radius: var(--pk-r); background: var(--pk-belo); overflow: hidden; cursor: zoom-in; }
.pk-fotke img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; filter: brightness(1.09) contrast(1.06); transition: transform .5s var(--pk-kriva); }
.pk-fotke button:hover img, .pk-fotke a:hover img { transform: scale(1.04); }
.pk-fotke figcaption, .pk-fotke__ime { display: block; padding: 8px 12px 10px; border-top: 1px dashed var(--pk-linija-jaka); font: 400 1rem/1.2 var(--pk-naslov); letter-spacing: .04em; text-transform: uppercase; text-align: left; color: var(--pk-mastilo); }
@media (min-width: 700px) { .pk-fotke { columns: 3; column-gap: 16px; } .pk-fotke li { margin-bottom: 16px; } }
@media (min-width: 1100px) { .pk-fotke { columns: 4; } }
.pk-svetlo { position: fixed; inset: 0; z-index: 1300; display: grid; place-items: center; padding: 16px; background: rgba(30, 22, 17, .92); }
.pk-svetlo img { max-width: 100%; max-height: 82vh; border-radius: var(--pk-r); border: 2px solid var(--pk-belo); background: var(--pk-belo); }
.pk-svetlo p { margin: 12px 0 0; text-align: center; color: var(--pk-belo); font: 400 1.2rem var(--pk-naslov); letter-spacing: .05em; text-transform: uppercase; }
.pk-svetlo__zatvori, .pk-svetlo__nav { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border: 2px solid var(--pk-belo); border-radius: 50%; background: var(--pk-mastilo); color: var(--pk-belo); cursor: pointer; }
.pk-svetlo__zatvori { right: 16px; top: 16px; }
.pk-svetlo__nav { top: 50%; transform: translateY(-50%); }
.pk-svetlo__nav--pre { left: 12px; }
.pk-svetlo__nav--pre .pk-ik { transform: rotate(180deg); }
.pk-svetlo__nav--sled { right: 12px; }

/* --- Završni poziv --- */
.pk-zavrsni { display: grid; gap: 22px; align-items: center; }
.pk-zavrsni__dugmad { display: grid; gap: 12px; }
.pk-zavrsni .pk-dugme--zar { box-shadow: 0 3px 0 rgba(245, 237, 224, .5); justify-content: flex-start; min-height: 62px; }
.pk-odeljak--tamno .pk-dugme:not(.pk-dugme--zar) { border-color: var(--pk-papir); color: var(--pk-papir); }
.pk-odeljak--tamno .pk-dugme:not(.pk-dugme--zar):hover { background: var(--pk-papir); color: var(--pk-mastilo); }
@media (min-width: 860px) { .pk-zavrsni { grid-template-columns: 1.2fr 1fr; } }
@media (min-width: 560px) { .pk-zavrsni__dugmad { grid-template-columns: 1fr 1fr; } }

/* --- Aplikacija --- */
.pk-aplikacija { display: grid; gap: 18px; align-items: center; padding: 22px; border: 2px solid var(--pk-mastilo); border-radius: var(--pk-r); background: var(--pk-belo); }
.pk-aplikacija h2 { font-size: clamp(1.5rem, 4.6vw, 2rem); }
.pk-aplikacija p { color: var(--pk-mastilo-2); margin-top: 6px !important; }
@media (min-width: 760px) { .pk-aplikacija { grid-template-columns: 1fr auto; padding: 26px 30px; } }

/* --- 404 --- */
.pk-nema { text-align: center; padding-block: clamp(56px, 12vw, 130px); }
.pk-nema__broj { font: 400 clamp(6rem, 30vw, 14rem)/.9 var(--pk-naslov); color: transparent; -webkit-text-stroke: 2px var(--pk-bordo); }

@media (prefers-reduced-motion: reduce) {
    .ima-js .pojava { opacity: 1 !important; transform: none !important; transition: none !important; }
    .pk *, .pk *::before, .pk *::after { animation: none !important; transition: none !important; }
    html { scroll-behavior: auto; }
}
@media print {
    body.pk::after, .pk-alat, .pk-hero__scena { display: none !important; }
    .ima-js .pojava { opacity: 1 !important; transform: none !important; }
}