/* Titulka – odkaz na nejnovější novinku: v duchu webu (bílá linka, verzálky), nenápadně */
#ns-akt-teaser { text-align:center; margin:0 0 18px; }
.ns-teaser { display:inline-flex; align-items:center; gap:12px; max-width:100%; padding:8px 16px;
  border:1px solid rgba(255,255,255,.55); background:rgba(0,0,0,.35); color:#fff !important; text-decoration:none !important;
  font-size:15px; line-height:1.3; opacity:0; transform:translateY(4px); transition:opacity .5s, transform .5s, background .2s; }
.ns-teaser.on { opacity:1; transform:none; }
.ns-teaser:hover { background:rgba(0,0,0,.6); border-color:#fff; }
.ns-teaser-lab { font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; padding-right:12px; border-right:1px solid rgba(255,255,255,.5); white-space:nowrap; }
.ns-teaser-t { font-weight:500; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.ns-teaser-go { font-size:20px; line-height:1; }
@media (max-width:575px) { .ns-teaser { font-size:14px; gap:10px; padding:7px 12px; } .ns-teaser-t { white-space:normal; } }

/* Varianta "pruh": bílý pruh přes celou šířku hned pod černou lištou */
.ns-strip { display:block; background:#fff; color:#111 !important; text-decoration:none !important; border-bottom:1px solid #ddd;
  opacity:0; transition:opacity .4s, background .2s; }
.ns-strip.on { opacity:1; } .ns-strip:hover { background:#f3f3f3; }
.ns-strip-in { display:flex; align-items:center; justify-content:center; gap:14px; max-width:1100px; margin:0 auto; padding:11px 16px; font-size:15px; line-height:1.35; }
.ns-strip-lab { background:#000; color:#fff; font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; padding:4px 9px; white-space:nowrap; }
.ns-strip-d { color:#777; font-size:13px; white-space:nowrap; }
.ns-strip-t { font-weight:700; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ns-strip-go { font-weight:600; white-space:nowrap; border-bottom:1px solid #111; }
@media (max-width:767px) {
  .ns-strip-in { flex-wrap:wrap; justify-content:flex-start; gap:6px 10px; font-size:14px; padding:10px 16px; }
  .ns-strip-t { white-space:normal; flex-basis:100%; order:3; }
  .ns-strip-go { order:4; font-size:13px; }
}

/* Varianta "karta": bílá karta v úvodní fotce, kolem bílý linkový rám se seříznutými rohy
   jako obrys loga uprostřed stránky (čára 3 px, roh 22 px, mezera ke kartě 9 px). */
.ns-frame { --c:22px; --w:3px; position:relative; display:block; max-width:620px; margin:0 auto; padding:12px;
  color:#111 !important; text-decoration:none !important; text-align:left;
  opacity:0; transform:translateY(6px); transition:opacity .5s, transform .5s; }
.ns-frame.on { opacity:1; transform:none; }
.ns-frame-txt { max-width:540px; }
.ns-frame::before { content:""; position:absolute; inset:0; background:#fff; pointer-events:none;
  clip-path:polygon(evenodd,
    var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c), var(--c) 0,
    calc(var(--c) + 1.24px) var(--w), var(--w) calc(var(--c) + 1.24px), var(--w) calc(100% - var(--c) - 1.24px), calc(var(--c) + 1.24px) calc(100% - var(--w)),
    calc(100% - var(--c) - 1.24px) calc(100% - var(--w)), calc(100% - var(--w)) calc(100% - var(--c) - 1.24px), calc(100% - var(--w)) calc(var(--c) + 1.24px),
    calc(100% - var(--c) - 1.24px) var(--w), calc(var(--c) + 1.24px) var(--w)); }
.ns-card { display:flex; background:#fff; clip-path:polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
  transition:background .2s; }
.ns-frame:hover .ns-card { background:#f1f1f1; }
.ns-card img { width:170px; object-fit:cover; flex:none; }
.ns-card-b { display:flex; flex-direction:column; gap:6px; padding:18px 22px; min-width:0; }
.ns-frame-txt .ns-card-b { padding:22px 28px; text-align:center; align-items:center; width:100%; }
.ns-card-lab { font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#777; }
.ns-card-t { font-size:19px; font-weight:700; text-transform:uppercase; line-height:1.2; }
.ns-card-x { font-size:14px; line-height:1.5; color:#444; }
.ns-card-go { font-size:13px; font-weight:600; margin-top:2px; border-bottom:1px solid #111; align-self:flex-start; }
.ns-frame-txt .ns-card-go { align-self:center; }
@media (max-width:575px) { .ns-frame { --c:16px; padding:10px; } .ns-card { flex-direction:column; } .ns-card img { width:100%; height:150px; } .ns-card-t { font-size:17px; } }

/* Tlačítko Týdenní menu pod logem: bílá linka se seříznutými rohy jako logo */
#ns-week { text-align:center; margin:-4px 0 22px; }
.ns-week { --c:12px; --w:3px; position:relative; display:inline-flex; flex-direction:column; align-items:center; gap:2px; padding:12px 34px;
  color:#fff !important; text-decoration:none !important; opacity:0; transition:opacity .5s, background .2s; }
.ns-week.on { opacity:1; }
.ns-week::before { content:""; position:absolute; inset:0; background:#fff; pointer-events:none;
  clip-path:polygon(evenodd,
    var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c), var(--c) 0,
    calc(var(--c) + 1.24px) var(--w), var(--w) calc(var(--c) + 1.24px), var(--w) calc(100% - var(--c) - 1.24px), calc(var(--c) + 1.24px) calc(100% - var(--w)),
    calc(100% - var(--c) - 1.24px) calc(100% - var(--w)), calc(100% - var(--w)) calc(100% - var(--c) - 1.24px), calc(100% - var(--w)) calc(var(--c) + 1.24px),
    calc(100% - var(--c) - 1.24px) var(--w), calc(var(--c) + 1.24px) var(--w)); }
.ns-week::after { content:""; position:absolute; inset:0; background:#fff; opacity:0; transition:opacity .2s; pointer-events:none;
  clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c)); }
.ns-week:hover::after { opacity:.12; }
.ns-week-t { font-size:20px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; line-height:1.2; }
.ns-week-d { font-size:12px; letter-spacing:.08em; color:#ddd; }
@media (max-width:575px) { .ns-week { padding:10px 26px; } .ns-week-t { font-size:17px; } }
