/* tlačítko POROVNAT v řadě .c-btns (POPIS/FOTKY/PARAMETRY) */
.c-btn.yc-cmp{background:#fff!important;color:#009901!important;border:1.5px solid #009901!important;text-transform:uppercase;}
.c-btn.yc-cmp.yc-on{background:#009901!important;color:#fff!important;}

/* plovoucí lišta */
.yc-bar{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(180%);
  background:#222;color:#fff;display:flex;align-items:center;gap:14px;
  padding:12px 16px;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.2);
  z-index:9999;transition:transform .25s ease;
  font:14px/1.3 var(--template-font,sans-serif);max-width:calc(100vw - 20px);box-sizing:border-box;
}
.yc-bar.yc-visible{transform:translateX(-50%) translateY(0);}
.yc-bar__thumbs{display:flex;gap:8px;}
.yc-bar__thumb{position:relative;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#fff;flex:none;border:1px solid rgba(255,255,255,.25);}
.yc-bar__thumb img{width:100%;height:100%;object-fit:contain;}
.yc-bar__thumb button{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;border:none;background:#ef4444;color:#fff;font:700 13px/20px sans-serif;text-align:center;cursor:pointer;padding:0;}
.yc-bar__count{font-weight:600;white-space:nowrap;}
.yc-bar__go{background:#009901;color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:600;white-space:nowrap;cursor:pointer;}
.yc-bar__go:hover{background:#007a01;color:#fff;}
.yc-bar__clear{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font:14px/1 var(--template-font,sans-serif);text-decoration:underline;padding:0;white-space:nowrap;}
.yc-bar__clear:hover{color:#fff;}
.yc-bar__clear-txt{display:inline;}
.yc-bar__clear-ico{display:none;}

/* overlay */
.yc-ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10000;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px;box-sizing:border-box;}
.yc-ov__box{background:#fff;border-radius:14px;max-width:1000px;width:100%;margin:auto;padding:24px;font:15px/1.5 var(--template-font,sans-serif);color:#222;box-sizing:border-box;}
.yc-ov__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;}
.yc-ov__head h2{margin:0;font-size:22px;}
.yc-ov__close{border:none;background:#eee;width:38px;height:38px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;flex:none;}
.yc-ov__sub{color:#6b7280;font-size:14px;margin:0 0 14px;}
.yc-toggle{display:inline-flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;cursor:pointer;margin-bottom:14px;}

/* tabulka */
.yc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.yc-table{border-collapse:collapse;width:100%;min-width:520px;}
.yc-table th,.yc-table td{border:1px solid #e5e7eb;padding:12px 14px;text-align:left;vertical-align:top;}
.yc-table thead td{text-align:center;min-width:160px;}
.yc-table thead img{max-width:130px;height:100px;object-fit:contain;display:block;margin:0 auto 8px;}
.yc-prodname{font-weight:600;font-size:14px;display:block;margin-bottom:6px;color:#222;text-decoration:none;}
.yc-prodname:hover{color:#009901;}
.yc-price{color:#009901;font-weight:700;margin-bottom:6px;}
.yc-remove{border:none;background:none;color:#ef4444;cursor:pointer;font:13px/1 var(--template-font,sans-serif);text-decoration:underline;}
.yc-pname{background:#fafafa;font-weight:600;white-space:nowrap;position:sticky;left:0;z-index:1;}
.yc-diff td{background:#fffbe6;}
.yc-empty-val{color:#9ca3af;}
.yc-loading{text-align:center;padding:40px;color:#6b7280;}

/* MOBIL */
@media (max-width:600px){
  .yc-bar{gap:10px;padding:10px 12px;bottom:12px;}
  .yc-bar__thumb{width:38px;height:38px;}
  .yc-bar__go{padding:9px 12px;font-size:13px;}
  .yc-bar__clear-txt{display:none;}
  .yc-bar__clear-ico{display:inline;font-size:18px;}
  .yc-ov{padding:0;}
  .yc-ov__box{border-radius:0;min-height:100vh;padding:16px;}
  .yc-ov__head h2{font-size:19px;}
  .yc-table thead td{min-width:140px;}
  .yc-table thead img{max-width:100px;height:80px;}
  .yc-table th,.yc-table td{padding:10px;}
  .yc-pname{font-size:13px;}
}
@media (max-width:380px){
  .yc-bar__thumbs{gap:6px;}
  .yc-bar__thumb{width:34px;height:34px;}
}