/* ====== A6 SHEET (2 strany) ====== */
.kutils-a6-sheet{
  display:flex;
  gap:18px;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;
  padding:18px;
}

/* A6 rozměr pro screenshot (105×148mm) */
.kutils-a6-card{
  width:105mm;
  height:148mm;
  border-radius:14px;
  overflow:hidden;
  position:relative;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ====== FRONT ====== */
.kutils-a6-front{
  background: radial-gradient(1200px 400px at 20% 0%, rgba(255,212,0,.22), transparent 45%),
              linear-gradient(135deg,#0b0b0b,#121212 55%, #0b0b0b);
  color:#fff;
  padding:16px;
}

.kutils-a6-stripe{
  position:absolute; inset:-40px -60px auto auto;
  width:160px; height:260px;
  transform:rotate(28deg);
  background:linear-gradient(#ffd400,#ffbf00);
  opacity:.95;
}

.kutils-a6-top{ position:relative; z-index:2; }
.kutils-a6-logo{
  display:flex; gap:10px; align-items:center;
}
.kutils-a6-logo-mark{
  width:36px;height:36px;border-radius:10px;
  background:#ffd400;color:#000;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
}
.kutils-a6-logo-text .t1{font-weight:900; letter-spacing:.3px;}
.kutils-a6-logo-text .t2{font-size:11px; opacity:.85; margin-top:2px;}

.kutils-a6-hero{
  position:relative; z-index:2;
  margin-top:12px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:12px;
  align-items:start;
}

.kutils-a6-front h1{
  font-size:24px;
  line-height:1.05;
  margin:0 0 8px 0;
  letter-spacing:-.4px;
}
.kutils-a6-front h1 span{ color:#ffd400; }

.kutils-a6-sub{
  margin:0 0 10px 0;
  font-size:11.5px;
  opacity:.9;
  line-height:1.35;
}

.kutils-a6-bullets{
  margin:0;
  padding-left:14px;
  font-size:12px;
  line-height:1.5;
}
.kutils-a6-bullets li{ margin:4px 0; }

.kutils-a6-tags{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.kutils-a6-tags .tag{
  font-size:10px;
  padding:6px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.kutils-a6-tags .tag-yellow{
  background:#ffd400;
  color:#000;
  border-color:#ffd400;
  font-weight:800;
}

.kutils-a6-ctaRow{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:10px;
}
.kutils-a6-cta{
  background:#ffd400;
  color:#000;
  font-weight:900;
  font-size:12px;
  padding:10px 12px;
  border-radius:12px;
}
.kutils-a6-mini{ font-size:10px; opacity:.85; }

.kutils-a6-visual{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:92mm;
}
.kutils-a6-photoRing{
  width:64mm;
  height:64mm;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:2px solid rgba(255,212,0,.7);
  padding:6px;
}
.kutils-a6-photo{
  width:100%;
  height:100%;
  border-radius:999px;

  /* 🔥 TADY si dej vlastní fotku */
 background-image: url('/wp-content/themes/kutils_template/assets/images/cb_p.png');
background-size: cover;
background-position: center;
filter: contrast(1.05) saturate(1.05);

}
.kutils-a6-badge{
  position:absolute;
  bottom:10px;
  right:6px;
  background:rgba(0,0,0,.72);
  border:1px solid rgba(255,212,0,.55);
  color:#ffd400;
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
}

/* ============================= */
/* FRONT – SPODNÍ SEKCE (FIX)    */
/* ============================= */

.kutils-a6-front{
  padding-bottom:22mm; /* rezervujeme místo dole */
}

.kutils-a6-bottom{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  z-index:3;
}

.kutils-a6-bottomGrid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:12px;
  align-items:end;
}

.kutils-a6-bottomLeft{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.kutils-a6-callBox{
  background:#ffd400;
  color:#000;
  border-radius:16px;
  padding:12px;
  font-weight:900;
  box-shadow:0 14px 26px rgba(0,0,0,.25);
}

.kutils-a6-callBox .t{
  font-size:14px;
  line-height:1.1;
}

.kutils-a6-callBox .n{
  margin-top:6px;
  font-size:14px;
}

.kutils-a6-bottomHint{
  font-size:10px;
  color:rgba(255,255,255,.75);
  padding-left:6px;
}

.kutils-a6-bottomRight{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
  text-align:right;
}

.kutils-a6-pill{
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  font-size:11px;
  font-weight:800;
}

.kutils-a6-web{
  font-size:12px;
  font-weight:900;
  color:#fff;
}

/* vypneme starý kontakt (aby se nic nepřekrývalo) */
.kutils-a6-contact{
  display:none !important;
}


/* ====== BACK ====== */
.kutils-a6-back{
  background:linear-gradient(180deg,#ffffff,#f7f7f7);
  color:#111;
  padding:16px;
}

.kutils-a6-backHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.kutils-a6-back h2{
  margin:0;
  font-size:18px;
  letter-spacing:-.2px;
}
.kutils-a6-backNote{
  font-size:10px;
  background:#ffd400;
  padding:6px 10px;
  border-radius:999px;
  font-weight:900;
}

.kutils-a6-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.kutils-a6-box{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px;
  box-shadow:0 8px 16px rgba(0,0,0,.05);
}
.kutils-a6-box .h{
  font-weight:900;
  font-size:11.5px;
  margin-bottom:6px;
}
.kutils-a6-box .p{
  font-size:10.3px;
  line-height:1.35;
  opacity:.9;
}

.kutils-a6-whyRow{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1fr .95fr;
  gap:10px;
}

.kutils-a6-why{
  background:#111;
  color:#fff;
  border-radius:12px;
  padding:10px;
  position:relative;
  overflow:hidden;
}
.kutils-a6-why:before{
  content:"";
  position:absolute; inset:-20px -40px auto auto;
  width:140px;height:220px;
  transform:rotate(28deg);
  background:linear-gradient(#ffd400,#ffbf00);
  opacity:.85;
}
.kutils-a6-why .wTitle{
  position:relative;
  font-weight:900;
  font-size:12px;
  margin-bottom:6px;
}
.kutils-a6-why ul{
  position:relative;
  margin:0;
  padding-left:16px;
  font-size:10.8px;
  line-height:1.55;
}
.kutils-a6-price{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px;
}
.kutils-a6-price .pTitle{
  font-weight:900;
  font-size:12px;
  margin-bottom:6px;
}
.kutils-a6-price .pLine{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:10.6px;
  padding:4px 0;
  border-bottom:1px dashed rgba(0,0,0,.12);
}
.kutils-a6-price .pLine:last-of-type{ border-bottom:none; }
.kutils-a6-price .pFoot{
  margin-top:6px;
  font-size:9.5px;
  opacity:.75;
}

.kutils-a6-backFooter{
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-end;
}
.kutils-a6-backContact{
  font-size:11px;
  line-height:1.35;
}
.kutils-a6-backContact .small{
  margin-top:6px;
  font-size:9px;
  opacity:.7;
  max-width:64mm;
}
.kutils-a6-qrHint{
  width:32mm;
  font-size:9.5px;
  opacity:.7;
  text-align:right;
}

/* ====== Print: A4 s dvěma A6 vedle sebe ====== */
@media print {
  body { background:#fff !important; padding:0 !important; }
  .kutils-a6-sheet{ padding:0 !important; gap:0 !important; }
  .kutils-a6-card{
    box-shadow:none !important;
    border-radius:0 !important;
  }
}

/* =========================================
   FRONT – stabilní spodní zóna (bez překryvů)
   ========================================= */

.kutils-a6-front{
  padding-bottom:26mm; /* rezervace místa pro spodní panel */
}

/* CTA row necháme, ale zmenšíme a držíme ho v kopii nahoře */
.kutils-a6-ctaRow{
  margin-top:10px;
  gap:8px;
}
.kutils-a6-cta{
  font-size:11px;
  padding:9px 10px;
  border-radius:12px;
}
.kutils-a6-mini{
  font-size:10px;
}

/* Spodní panel – zafixovaný a vždy nad okrajem */
.kutils-a6-bottom{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  z-index:5;
}

/* Grid ve spodku */
.kutils-a6-bottomGrid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:12px;
  align-items:end;
}

.kutils-a6-bottomLeft{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* Call box (telefon) – stabilní velikost */
.kutils-a6-callBox{
  background:#ffd400;
  color:#000;
  border-radius:16px;
  padding:12px;
  font-weight:900;
  box-shadow:0 14px 26px rgba(0,0,0,.25);
}

.kutils-a6-callBox .t{
  font-size:13px;
  line-height:1.1;
}

.kutils-a6-callBox .n{
  margin-top:6px;
  font-size:14px;
  line-height:1;
}

/* Hint pod telefonem */
.kutils-a6-bottomHint{
  font-size:10px;
  color:rgba(255,255,255,.78);
  padding-left:6px;
}

/* Pravý sloupec (doprava + web) */
.kutils-a6-bottomRight{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
  text-align:right;
}

.kutils-a6-pill{
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  font-size:11px;
  font-weight:800;
}

.kutils-a6-web{
  font-size:12px;
  font-weight:900;
  color:#fff;
  opacity:.95;
}

/* Hero obrázek občas tlačí dolů – lehce snížíme minimum */
.kutils-a6-visual{
  min-height:86mm;
}

/* =========================================================
   PATCH: Tagy pod fotku vpravo + stabilní visual layout
   (vlož na ÚPLNÝ KONEC style.css)
   ========================================================= */

.kutils-a6-visual{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-height:auto !important;   /* přepíše staré 92mm/86mm */
}

/* meta blok (badge + tagy) */
.kutils-a6-visualMeta{
  width:100%;
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;          /* doprava jako na ukázce */
}

/* badge už nebude absolutní */
.kutils-a6-badge{
  position:static !important;
  align-self:flex-end;
}

/* tagy: sloupec doprava, stejné "kapsle" */
.kutils-a6-tags--right{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
  margin-top:0 !important;
}

.kutils-a6-tags--right .tag{
  width:44mm;
  text-align:left;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  font-size:11px;
}

/* aby se nic netlačilo do spodního panelu */
.kutils-a6-front{ padding-bottom:26mm !important; }

/* ====== Features pod fotkou: vedle sebe (2 sloupce) ====== */

.kutils-a6-visualMeta{
  width:100%;
  margin-top:10px;
}

.kutils-a6-features{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  align-items:stretch;
}

/* jednotný styl "pill" */
.kutils-a6-features .feat{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;

  padding:10px 12px;
  border-radius:999px;

  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;

  font-size:11px;
  font-weight:800;
  line-height:1.1;
}

/* hlavní claim výrazněji */
.kutils-a6-features .feat--primary{
  background:rgba(0,0,0,.72);
  border:1px solid rgba(255,212,0,.65);
  color:#ffd400;
  letter-spacing:.4px;
}