/* ═══════════════════════════════════════════════════════════════════
   trikito-kupon-1.css — proužek „kód je připravený“ pro trikito-kupon-1.js
   Tokeny webu: ink #1B1513, teplé plátno #FCF8F7, akcent #C51A11,
   pilulka r=999px jako u ostatních tlačítek (hledani, kategorie).
   Sedí dole, aby nekolidoval se sticky lištou v hlavičce.
   ═══════════════════════════════════════════════════════════════════ */
.tkk-prouzek{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%);
  z-index:60;display:flex;align-items:center;gap:12px;
  max-width:min(560px,calc(100vw - 24px));
  padding:12px 14px 12px 18px;border-radius:999px;
  background:#1B1513;color:#FCF8F7;
  box-shadow:0 6px 24px rgba(27,21,19,.22);
  font:600 14px/1.35 'Grift',-apple-system,system-ui,sans-serif;
  animation:tkk-vjezd 260ms cubic-bezier(.16,1,.3,1)}
@keyframes tkk-vjezd{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}

.tkk-prouzek__t{flex:1 1 auto;min-width:0}
.tkk-prouzek__t b{color:#fff;font-weight:800;letter-spacing:.01em}

.tkk-prouzek__x{
  flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;
  background:rgba(252,248,247,.14);color:#FCF8F7;
  font:400 19px/1 system-ui,sans-serif;cursor:pointer;
  display:grid;place-items:center;transition:background .18s}
.tkk-prouzek__x:hover{background:rgba(252,248,247,.26)}
.tkk-prouzek__x:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* na mobilu nad patičkou a bez ořezu dlouhého kódu */
@media (max-width:520px){
  .tkk-prouzek{bottom:12px;padding:11px 12px 11px 15px;font-size:13.5px;border-radius:18px}
}
@media (prefers-reduced-motion:reduce){
  .tkk-prouzek{animation:none}
  .tkk-prouzek__x{transition:none}
}