/* ============================================================
   KANIKO STUDIO - baner (sajt + admin)
   Platno (.bn-c) je kontejner: sve mere su u cqw (% širine platna).
   ============================================================ */
.slide.bn{display:block;padding:0;aspect-ratio:auto!important;container-type:inline-size;background:#fff;color:var(--ink,#171316);position:relative;overflow:hidden;--bn-y:#FFE11A}
.slide.bn::before,.slide.bn::after{display:none!important}
.bn-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.bn-c{position:relative;z-index:1;width:100%;container-type:inline-size;overflow:hidden}

/* Sajt: koje platno se vidi zavisi od širine banera */
.bn-c-t,.bn-c-m,.bn-c-sq,.bn-c-p45,.bn-c-st{display:none}
@container (max-width:820px){.slide.bn:not(.one) .bn-c-d{display:none}.slide.bn:not(.one) .bn-c-t{display:block}}
@container (max-width:560px){.slide.bn:not(.one) .bn-c-t{display:none}.slide.bn:not(.one) .bn-c-m{display:block}}
.slide.bn.one .bn-c{display:block}

/* Tekstualni elementi */
.bn-e{position:absolute;transform-origin:left top;white-space:nowrap;z-index:5;line-height:1}
.bn-logo{width:auto;user-select:none;-webkit-user-drag:none}
.bn-k{font-family:var(--mono,'JetBrains Mono',monospace);text-transform:uppercase;letter-spacing:.18em;opacity:.9}
.bn-h{font-family:var(--display,'Archivo',sans-serif);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.04em;color:var(--red,#E11B22)}
.bn-sub{font-family:var(--body,'Manrope',sans-serif);white-space:normal;line-height:1.45;opacity:.92}
.bn-b{display:inline-block;background:var(--red,#E11B22);color:#fff;font-family:var(--display,'Archivo',sans-serif);font-weight:800;padding:.85em 1.45em;border-radius:.9em}
/* Dodatni tekstovi (naslov / tekst / mali) */
.bn-t{line-height:1.1;z-index:200}
.bn-t-h{font-family:var(--display,'Archivo',sans-serif);font-weight:800;letter-spacing:-.02em}
.bn-t-b{font-family:var(--body,'Manrope',sans-serif);font-weight:600;line-height:1.3}
.bn-t-k{font-family:var(--mono,'JetBrains Mono',monospace);text-transform:uppercase;letter-spacing:.14em}
.bn-t-bg{padding:.28em .6em .32em;border-radius:.4em}
.slide.bn.dk{color:#fff}
.slide.bn.dk .bn-h{color:#fff}
.slide.bn.dk .bn-b{background:#fff;color:var(--ink,#171316)}
.slide.bn.bn-crvena.dk .bn-b{color:var(--red,#E11B22)}
.slide.bn.yl{--bn-y:#FFFFFF}

/* Proizvodi i oznake */
.bn-p{position:absolute;height:auto;max-width:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 .5cqw .8cqw rgba(23,19,22,.18))}
.bn-lb{position:absolute;width:max-content;display:flex;flex-direction:column;align-items:flex-start;gap:.3em;transform-origin:left top;line-height:1}
.bn-nm{font-family:var(--display,'Archivo',sans-serif);font-weight:700;font-size:1.55em;line-height:1.15;color:var(--nmc,#171316);background:var(--nmb,rgba(255,255,255,.94));padding:.28em .62em .32em;border-radius:.5em;box-shadow:0 1px 6px rgba(23,19,22,.10)}
.bn-pr{font-family:var(--display,'Archivo',sans-serif);font-weight:900;font-size:4.3em;line-height:1;letter-spacing:-.03em;color:var(--prc,#171316);background:var(--prb,var(--bn-y));padding:.12em .24em .16em;border-radius:.2em;box-shadow:0 .14em .36em rgba(23,19,22,.16)}
.bn-pr sup{font-size:.48em;position:relative;top:-.8em;margin-left:1px;vertical-align:baseline}
.bn-lb.xl .bn-nm{font-size:1.8em}
.bn-lb.xl .bn-pr{font-size:6.2em}

/* Admin: uređivanje */
.slide.bn.edit [data-e],.slide.bn.edit [data-i]{cursor:grab;touch-action:none}
.slide.bn.edit .sel{outline:2px dashed #1F6FEB;outline-offset:3px}
.slide.bn.edit .bn-p.sel{outline-color:#E11B22}