/* ===== EXID.ZONE – Popup Samolepka FULL (v11 – minimal & airy) ===== */

/* Hide Shoptet clutter inside the popup */
.colorbox-html-content .advanced-order .advanced-order-suggestion,
.colorbox-html-content .advanced-order .products-wrapper.product-slider-holder,
.colorbox-html-content .advanced-order .extras-wrap,
.colorbox-html-content .advanced-order .extra.delivery { display:none !important; }

:root{
  --brand:#d32d21;      /* EXID red */
  --brand-d:#b11c17;
  --ink:#0f172a;
  --muted:#6b7280;
  --line:#e5e7eb;
  --soft:#f8fafc;
  --bg:#ffffff;
}

/* Compact hero banner */
.exid-hero{
  display:flex; gap:10px; align-items:center;
  padding:12px 14px; border-radius:12px;
  background:linear-gradient(135deg,var(--brand),var(--brand-d));
  color:#fff; margin:0 0 12px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.exid-hero__icon{ width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:900; }
.exid-hero__title{ margin:0;font-size:16px;font-weight:900;line-height:1.25; }
.exid-hero__sub{ margin:0;font-size:12px;opacity:.9; }

/* Note chip next to product name line */
.exid-required-note{
  display:inline-block; margin-left:8px; font-size:11px; line-height:1;
  font-weight:800; color:var(--brand); background:#fff3f1;
  padding:4px 8px; border-radius:999px; border:1px solid #ffd3cd;
}

/* Main card – airy */
.exid-embed-wrap{
  border:1px solid var(--line); border-radius:14px; background:var(--bg);
  padding:14px; max-height:70vh; overflow:auto;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

/* Simple two-column that collapses nicely */
.exid-grid{
  display:grid; gap:14px; grid-template-columns: 200px 1fr; align-items:start;
}
@media (max-width:720px){ .exid-grid{ grid-template-columns:1fr; } }

.exid-img{ border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; }
.exid-img img{ display:block; width:100%; height:auto; }

.exid-body h3{ margin:0 0 4px; font-size:17px; font-weight:900; color:var(--ink); }
.exid-desc{ margin:8px 0 10px; color:var(--muted); font-size:13px; }

/* Three compact info tags */
.exid-tags{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 10px; }
.exid-tag{
  font-size:12px; font-weight:800; color:var(--brand);
  background:#fff3f1; border:1px solid #ffd3cd; border-radius:999px; padding:5px 9px;
}

/* Price + form */
.exid-form{ background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:12px; }
.exid-price{ font-size:20px; font-weight:1000; color:var(--ink); margin:0 0 10px; }
.exid-controls{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.exid-controls .amount{ max-width:90px; padding:8px 10px; border:1px solid #d1d5db; border-radius:10px; font-weight:700; }

/* CTA with subtle pulse */
@keyframes exidPulse { 0%{ box-shadow:0 0 0 0 rgba(211,45,33,.35);} 70%{ box-shadow:0 0 0 12px rgba(211,45,33,0);} 100%{ box-shadow:0 0 0 0 rgba(211,45,33,0);} }
.exid-cta{
  background:var(--brand)!important; border-color:var(--brand)!important; color:#fff!important;
  font-weight:900!important; border-radius:12px!important; padding:10px 16px!important;
  animation: exidPulse 2.4s ease-out infinite;
}
.exid-cta:hover{ background:var(--brand-d)!important; border-color:var(--brand-d)!important; }

/* Secondary link – low noise */
.exid-link{ text-decoration:none; border:1px solid var(--line); padding:9px 12px; border-radius:10px; color:var(--ink); font-weight:800; background:#fff; }
.exid-link:hover{ background:#f3f4f6; }