html { scroll-behavior: smooth; }

html, body, #page, #content, .site-content, .entry-content {
  margin: 0 !important; padding: 0 !important;
  background-color: #080809 !important;
}

#fagron-expo-page {
  --red:        #e43733;
  --red-dark:   #b82b28;
  --bg:         #080809;
  --card-bg:    rgba(22, 22, 26, 0.55);
  --card-border:rgba(255, 255, 255, 0.10);
  --text-main:  #ffffff;
  --text-dim:   #9a9a9f;
  --radius-lg:  26px;
  --radius-md:  16px;

  font-family: 'Montserrat', sans-serif !important;
  color: var(--text-main);
  background-color: var(--bg);
  min-height: 100vh; width: 100vw;
  position: relative; overflow-x: hidden;
  padding: 50px 20px 120px;
  box-sizing: border-box;
  display: flex; justify-content: center; align-items: flex-start;
  margin-top: 0 !important;
  margin-left:  calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
#fagron-expo-page * { box-sizing: border-box; }
#fagron-expo-page a { text-decoration: none; color: inherit; }
#fagron-expo-page h1, #fagron-expo-page h2, #fagron-expo-page h3, #fagron-expo-page p { margin:0; padding:0; background:none; }
.fw-bold { font-weight: 700 !important; }
.red-text { color: var(--red); }
.text-dim-sm { font-size: 12px; color: var(--text-dim); }

/* ── ANIMATED BG ── */
#fagron-expo-page .animated-bg { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
#fagron-expo-page .scene-grid { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; background-image: linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px); background-size: 45px 45px; transform: rotate(12deg); }
#fagron-expo-page .aurora { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 15% 20%, rgba(228,55,51,0.22) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 85% 70%, rgba(180,30,28,0.15) 0%, transparent 55%), radial-gradient(ellipse 50% 60% at 50% 100%, rgba(228,55,51,0.08) 0%, transparent 50%); animation: auroraDrift 18s ease-in-out infinite alternate; }
@keyframes auroraDrift { 0% { transform: translate(0,0) scale(1); opacity: 0.7; } 33% { transform: translate(4%,3%) scale(1.05); opacity: 1; } 66% { transform: translate(-3%,5%) scale(0.98); opacity: 0.8; } 100% { transform: translate(2%,-4%) scale(1.03); opacity: 0.9; } }
#fagron-expo-page .orb { position: absolute; border-radius: 50%; filter: blur(110px); animation: orbFloat 20s ease-in-out infinite alternate; }
#fagron-expo-page .orb-1 { width:55vw; height:55vw; background:radial-gradient(circle,rgba(228,55,51,0.28) 0%,transparent 70%); top:-5%; left:-8%; animation-duration:22s; }
#fagron-expo-page .orb-2 { width:40vw; height:40vw; background:radial-gradient(circle,rgba(120,20,20,0.18) 0%,transparent 70%); bottom:15%; right:-5%; animation-delay:-8s; animation-duration:17s; }
#fagron-expo-page .orb-3 { width:30vw; height:30vw; background:radial-gradient(circle,rgba(228,55,51,0.12) 0%,transparent 70%); top:50%; left:55%; animation-delay:-4s; animation-duration:25s; }
@keyframes orbFloat { 0%{transform:translate(0,0) scale(1);} 50%{transform:translate(6%,8%) scale(1.1);} 100%{transform:translate(-4%,3%) scale(0.95);} }

/* ── LAYOUT & FLOATING BTN ── */
#fagron-expo-page .main-container { width:100%; max-width:860px; position:relative; z-index:1; display:flex; flex-direction:column; gap:32px; }
#fagron-expo-page .floating-contact-btn { position: fixed; bottom: 30px; right: 30px; width: 62px; height: 62px; border-radius: 50%; background: var(--red); color: #fff; font-size: 24px; border: none; cursor: pointer; z-index: 998; display: flex; justify-content: center; align-items: center; box-shadow: 0 8px 30px rgba(228,55,51,0.55); transition: 0.3s; animation: pulseBtn 2.5s infinite; }
#fagron-expo-page .floating-contact-btn:hover { transform: scale(1.12) translateY(-4px); background: #fff; color: var(--red); animation: none; }
@keyframes pulseBtn { 0% { box-shadow: 0 0 0 0 rgba(228,55,51,0.6); } 65% { box-shadow: 0 0 0 18px rgba(228,55,51,0); } 100%{ box-shadow: 0 0 0 0 rgba(228,55,51,0); } }

/* ── LOGOS ── */
#fagron-expo-page .logo-header { display:flex; justify-content:center; align-items:center; gap:40px; margin-bottom:10px; }
#fagron-expo-page .logo-fagron  { height:38px; object-fit:contain; }
#fagron-expo-page .logo-pharmacy{ height:34px; object-fit:contain; opacity:0.92; }
#fagron-expo-page .separator    { width:1px; height:34px; background:rgba(255,255,255,0.12); }

/* ── ZDRAPKA ── */
#fagron-expo-page .scratch-section {
  background: rgba(22,8,8,0.75);
  border: 1px solid rgba(228,55,51,0.32);
  border-radius: var(--radius-lg);
  padding: 26px 26px 20px;
  position: relative;
  overflow: hidden;
}
#fagron-expo-page .scratch-section::before {
  content: '';
  position: absolute;
  top: -60%; left: -20%;
  width: 65%; height: 220%;
  background: radial-gradient(ellipse, rgba(228,55,51,0.12) 0%, transparent 70%);
  pointer-events: none;
}
#fagron-expo-page .scratch-top {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 5px;
}
#fagron-expo-page .scratch-icon {
  width: 40px; height: 40px;
  background: rgba(228,55,51,0.15);
  border: 1px solid rgba(228,55,51,0.38);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
#fagron-expo-page .scratch-pretitle {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 2px;
}
#fagron-expo-page .scratch-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
#fagron-expo-page .scratch-subtitle {
  font-size: 11.5px;
  color: rgba(255,255,255,0.42);
  margin-bottom: 16px;
  line-height: 1.55;
  padding-left: 53px;
}
#fagron-expo-page .scratch-container {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  cursor: crosshair;
  user-select: none;
  -webkit-user-select: none;
  box-shadow: 0 8px 32px rgba(0,0,0,0.55);
  touch-action: none;
}
#fagron-expo-page #scratchReveal {
  width: 100%;
  display: block;
  border-radius: 14px;
}
#fagron-expo-page #scratchCanvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 14px;
  touch-action: none;
}
#fagron-expo-page .scratch-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
}
#fagron-expo-page .scratch-bar-wrap {
  flex: 1;
  height: 4px;
  background: rgba(255,255,255,0.08);
  border-radius: 4px;
  overflow: hidden;
}
#fagron-expo-page .scratch-bar {
  height: 100%;
  background: var(--red);
  border-radius: 4px;
  width: 0%;
  transition: width 0.2s ease;
}
#fagron-expo-page .scratch-hint {
  font-size: 10px;
  color: rgba(255,255,255,0.35);
  white-space: nowrap;
  min-width: 190px;
  text-align: right;
}
#fagron-expo-page .scratch-reset-btn {
  font-size: 10px;
  font-weight: 600;
  color: rgba(228,55,51,0.6);
  background: none;
  border: 1px solid rgba(228,55,51,0.22);
  border-radius: 6px;
  padding: 4px 10px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  transition: 0.2s;
  display: none;
}
#fagron-expo-page .scratch-reset-btn:hover { color: #e43733; border-color: rgba(228,55,51,0.5); }

/* ── GLASS CARD ── */
#fagron-expo-page .glass-card { background: var(--card-bg); backdrop-filter: blur(40px) saturate(160%) brightness(1.1); -webkit-backdrop-filter: blur(40px) saturate(160%) brightness(1.1); border: 1px solid var(--card-border); border-radius: var(--radius-lg); box-shadow: 0 2px 0 rgba(255,255,255,0.06) inset, 0 20px 50px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,0,0,0.2); transition: transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275), box-shadow 0.4s ease; position: relative; }
#fagron-expo-page .glass-card::before { content:''; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg,rgba(255,255,255,0.04) 0%,transparent 50%); pointer-events:none; }
#fagron-expo-page .glass-card:hover { box-shadow: 0 2px 0 rgba(255,255,255,0.08) inset, 0 30px 70px rgba(0,0,0,0.45), 0 0 40px rgba(228,55,51,0.08); transform: translateY(-5px); border-color: rgba(255,255,255,0.14); }
#fagron-expo-page .reveal { opacity:0; transform:translateY(22px); transition:0.65s cubic-bezier(0.2,0.8,0.2,1); }
#fagron-expo-page .reveal.active { opacity:1; transform:translateY(0); }

/* ── KONTRASTOWE PRZYCISKI ── */
#fagron-expo-page .action-btn { background:var(--red); border:none; color:#fff; padding:13px 36px; border-radius:50px; font-weight:600; font-size:13px; font-family:'Montserrat',sans-serif; display:inline-flex; align-items:center; justify-content:center; gap:10px; transition:0.3s; cursor:pointer; box-shadow:0 6px 20px rgba(228,55,51,0.35); }
#fagron-expo-page .action-btn:hover { background:var(--red-dark); transform:translateY(-3px); box-shadow:0 10px 25px rgba(228,55,51,0.5); }
#fagron-expo-page .action-btn.FB-btn { background:#1877F2; box-shadow:0 6px 20px rgba(24,119,242,0.35); }
#fagron-expo-page .action-btn.FB-btn:hover { background:#145dbf; box-shadow:0 10px 25px rgba(24,119,242,0.5); }

/* ── ANIMOWANY TIMER ── */
#fagron-expo-page .timer-animated-wrap { position: relative; padding: 2px; border-radius: 28px; overflow: hidden; margin: 0 auto; width: 100%; box-shadow: 0 10px 40px rgba(228,55,51,0.2); }
#fagron-expo-page .timer-animated-wrap::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(transparent, transparent, transparent, var(--red)); animation: rotateBorder 4s linear infinite; z-index: 0; }
#fagron-expo-page .timer-animated-wrap::after { content: ''; position: absolute; inset: 2px; background: rgba(18, 18, 22, 0.9); backdrop-filter: blur(20px); border-radius: 26px; z-index: 0; }
#fagron-expo-page .box-countdown { position: relative; z-index: 1; border: none; background: transparent; box-shadow: none; padding: 28px; text-align: center; }
#fagron-expo-page .box-countdown:hover { transform: none; box-shadow: none; border-color: transparent; }
@keyframes rotateBorder { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
#fagron-expo-page .cd-title { font-size:12px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:16px; text-shadow: 0 0 10px rgba(228,55,51,0.4); }
#fagron-expo-page .expo-countdown { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
#fagron-expo-page .cd-box { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:12px 18px; min-width:74px; }
#fagron-expo-page .cd-box span:first-child { font-size:26px; font-weight:800; display:block; color: #fff;}
#fagron-expo-page .cd-label { font-size:9px; text-transform:uppercase; font-weight:700; color:var(--red); margin-top:4px; display:block; letter-spacing:1px; }

/* ── SZYBKIE MENU ── */
#fagron-expo-page .quick-menu { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: -10px; margin-bottom: 10px; }
#fagron-expo-page .quick-menu-link { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: var(--text-dim); padding: 10px 18px; border-radius: 50px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition: 0.3s; display: flex; align-items: center; gap: 6px; }
#fagron-expo-page .quick-menu-link i { color: var(--red); font-size: 13px; }
#fagron-expo-page .quick-menu-link:hover { background: rgba(228,55,51,0.1); color: #fff; border-color: rgba(228,55,51,0.3); transform: translateY(-2px); }

/* ── VIP BOX ── */
#fagron-expo-page .box-vip { position:relative; padding:65px 55px 45px; text-align:center; }
#fagron-expo-page .vip-tag { position:absolute; top:0; left:50%; transform:translate(-50%,-50%); background:var(--red); color:#fff; padding:8px 22px; border-radius:50px; font-size:10px; font-weight:700; letter-spacing:2px; display:flex; align-items:center; gap:8px; box-shadow:0 6px 20px rgba(228,55,51,0.45); z-index:2; }
#fagron-expo-page .pre-title  { font-size:12px; color:var(--text-dim); margin-bottom:18px; }
#fagron-expo-page .main-title { font-size:28px; font-weight:700; line-height:1.3; margin-bottom:22px; letter-spacing:-0.5px; }
#fagron-expo-page .stand-info { font-size:13px; color:var(--text-dim); line-height:1.7; max-width:480px; margin:0 auto; }
#fagron-expo-page .glass-divider { width:70%; height:1px; background:rgba(255,255,255,0.07); margin:28px auto; }
#fagron-expo-page .card-loc-footer { display:flex; justify-content:space-between; align-items:center; width:100%; max-width:560px; margin:0 auto; font-size:11px; color:var(--text-dim); }
#fagron-expo-page .loc-item.center { text-align:center; }
#fagron-expo-page .loc-item.right  { text-align:right; }
#fagron-expo-page .loc-date-pill { display:inline-flex; align-items:center; gap:7px; background:rgba(228,55,51,0.1); border:1px solid rgba(228,55,51,0.25); color:var(--red); font-size:11px; font-weight:700; padding:6px 14px; border-radius:50px; }

/* ── INTERAKTYWNA MAPA ── */
#fagron-expo-page .box-map { padding: 35px 40px; }
#fagron-expo-page .map-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap:15px; }
#fagron-expo-page .map-header h2 { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
#fagron-expo-page .map-header p { font-size: 13px; color: var(--text-dim); }
#fagron-expo-page .map-btn { padding: 10px 20px; font-size: 12px; }
#fagron-expo-page .map-preview { width: 100%; height: 180px; background-image: url('https://fagronlab.pl/wp-content/uploads/2026/04/Plan-stoiska-PharmaExpo-scaled.png'); background-size: 250%; background-position: 29.1% 63.2%; border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; position: relative; cursor: pointer; overflow: hidden; transition: 0.3s; display: flex; justify-content: center; align-items: center; }
#fagron-expo-page .map-preview::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.5); transition: 0.3s; }
#fagron-expo-page .map-preview:hover::before { background: rgba(0,0,0,0.3); border-color: rgba(228,55,51,0.4); }
#fagron-expo-page .map-overlay-text { font-size: 12px; font-weight: 600; color: #fff; background: rgba(0,0,0,0.8); padding: 8px 16px; border-radius: 50px; opacity: 0; transition: 0.3s; transform: translateY(10px); position: relative; z-index: 2; }
#fagron-expo-page .map-preview:hover .map-overlay-text { opacity: 1; transform: translateY(0); }
#fagron-expo-page .map-scroll-container { width: 100%; height: 65vh; max-height: 600px; overflow-y: auto; overflow-x: auto; border-radius: 12px; background: rgba(255,255,255,0.05); position: relative; scroll-behavior: smooth; }
#fagron-expo-page .map-scroll-container::-webkit-scrollbar { width: 8px; height: 8px; }
#fagron-expo-page .map-scroll-container::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); border-radius: 4px; }
#fagron-expo-page .map-scroll-container::-webkit-scrollbar-thumb { background: var(--red); border-radius: 4px; }
#fagron-expo-page .map-image-wrapper { position: relative; width: max-content; margin: 0 auto; display: block; }
#fagron-expo-page .map-image-wrapper img { width: 900px; height: auto; display: block; }
#fagron-expo-page .target-dot, #fagron-expo-page .map-pulsing-dot { position: absolute; width: 20px; height: 20px; background: var(--red); border-radius: 50%; box-shadow: 0 0 0 0 rgba(228,55,51,0.8); animation: radarPingLarge 2s infinite; transform: translate(-50%, -50%); z-index: 10; border: 3px solid #fff; }
@keyframes radarPingLarge { 0% { box-shadow: 0 0 0 0 rgba(228,55,51,0.7); } 70% { box-shadow: 0 0 0 20px rgba(228,55,51,0); } 100% { box-shadow: 0 0 0 0 rgba(228,55,51,0); } }

/* ── EKSPERCI & 2 PRZYCISKI ── */
#fagron-expo-page .box-consult { padding:45px 50px; text-align:center; overflow:hidden; }
#fagron-expo-page .box-consult::after { content:''; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(228,55,51,0.07) 0%,transparent 70%); pointer-events:none; }
#fagron-expo-page .consult-badge { display:inline-flex; align-items:center; gap:7px; background:rgba(228,55,51,0.12); border:1px solid rgba(228,55,51,0.28); color:var(--red); font-size:10px; font-weight:700; letter-spacing:1.2px; padding:6px 16px; border-radius:50px; margin-bottom:18px; text-transform:uppercase; }
#fagron-expo-page .consult-title { font-size:26px; font-weight:700; line-height:1.3; margin-bottom:12px; }
#fagron-expo-page .consult-sub { font-size:13px; color:var(--text-dim); line-height:1.7; max-width:520px; margin:0 auto 32px; }
#fagron-expo-page .experts-grid { display:flex; flex-direction:column; gap:12px; max-width:580px; margin:0 auto; text-align:left; }
#fagron-expo-page .expert-card { display:flex; align-items:flex-start; gap:18px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:20px; position:relative; overflow:hidden; transition: 0.3s; }
#fagron-expo-page .expert-card:hover { border-color:rgba(228,55,51,0.3); background:rgba(228,55,51,0.05); box-shadow:0 8px 24px rgba(0,0,0,0.25); }
#fagron-expo-page .expert-avatar { width:54px; height:54px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:20px; margin-top: 4px; }
#fagron-expo-page .avt-red  { background:rgba(228,55,51,0.15); border:1px solid rgba(228,55,51,0.3); color:var(--red); }
#fagron-expo-page .avt-dim  { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:var(--text-dim); }
#fagron-expo-page .avt-gold { background:rgba(255,214,10,0.1); border:1px solid rgba(255,214,10,0.25); color:#ffd60a; }
#fagron-expo-page .expert-info { flex:1; display:flex; flex-direction:column; gap:4px; }
#fagron-expo-page .expert-name  { font-size:15px; font-weight:700; color:#fff; }
#fagron-expo-page .expert-topic { font-size:11px; color:var(--text-dim); }
#fagron-expo-page .expert-days  { font-size:10px; color:rgba(228,55,51,0.8); display:flex; align-items:center; gap:5px; margin-top:2px; font-weight:600; }
#fagron-expo-page .expert-actions { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
#fagron-expo-page .action-btn-sm { font-size: 11px; font-weight: 600; padding: 8px 14px; border-radius: 8px; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 6px; font-family: 'Montserrat', sans-serif; }
#fagron-expo-page .btn-calendly { background: var(--red); color: #fff; border: 1px solid var(--red); box-shadow: 0 4px 12px rgba(228,55,51,0.25); }
#fagron-expo-page .btn-calendly:hover { background: var(--red-dark); border-color: var(--red-dark); transform: translateY(-2px); }
#fagron-expo-page .btn-vcard { background: rgba(255,255,255,0.05); color: #ccc; border: 1px solid rgba(255,255,255,0.15); }
#fagron-expo-page .btn-vcard:hover { background: rgba(255,255,255,0.1); color: #fff; border-color: rgba(255,255,255,0.3); transform: translateY(-2px); }
#fagron-expo-page .btn-vcard i { color: var(--red); }

/* ── HARMONOGRAM ── */
#fagron-expo-page .box-schedule { padding:38px 42px; }
#fagron-expo-page .card-header  { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
#fagron-expo-page .card-header i { color:var(--red); font-size:20px; }
#fagron-expo-page .card-header h2 { font-size:18px; font-weight:600; }
#fagron-expo-page .sched-tabs { display:flex; gap:6px; margin-bottom:20px; background:rgba(0,0,0,0.25); border-radius:12px; padding:5px; }
#fagron-expo-page .sched-tab { flex:1; padding:9px; border:none; border-radius:9px; background:transparent; color:var(--text-dim); font-family:'Montserrat',sans-serif; font-size:12px; font-weight:600; cursor:pointer; transition:0.2s; }
#fagron-expo-page .sched-tab:hover { color:#fff; background:rgba(255,255,255,0.05); }
#fagron-expo-page .sched-tab.active { background:var(--red); color:#fff; box-shadow:0 4px 14px rgba(228,55,51,0.35); }
#fagron-expo-page .sched-panel { display:none; flex-direction:column; gap:4px; }
#fagron-expo-page .sched-panel.active { display:flex; }
#fagron-expo-page .sched-row { display:flex; align-items:center; gap:14px; padding:10px 14px; border-radius:10px; border:1px solid transparent; transition:0.2s; }
#fagron-expo-page .sched-row:hover { border-color:rgba(255,255,255,0.08); }
#fagron-expo-page .sched-row.webinar { background:rgba(255,255,255,0.025); }
#fagron-expo-page .sched-row.live { background:rgba(228,55,51,0.07); border-color:rgba(228,55,51,0.12); }
#fagron-expo-page .sched-row.highlight-row { background:rgba(228,55,51,0.12); border-color:rgba(228,55,51,0.25); }
#fagron-expo-page .sched-time { font-size:11px; font-weight:600; color:var(--text-dim); white-space:nowrap; min-width:90px; }
#fagron-expo-page .sched-content { flex:1; display:flex; flex-direction:column; gap:3px; }
#fagron-expo-page .sched-tag { font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:2px 8px; border-radius:4px; width:max-content; }
#fagron-expo-page .tag-web  { background:rgba(255,255,255,0.07); color:var(--text-dim); }
#fagron-expo-page .tag-live { background:rgba(228,55,51,0.2); color:var(--red); }
#fagron-expo-page .sched-title   { font-size:13px; font-weight:600; color:#fff; }
#fagron-expo-page .sched-speaker { font-size:10px; color:var(--text-dim); display:flex; align-items:center; gap:5px; }
#fagron-expo-page .sched-speaker i { color:var(--red); font-size:9px; }
#fagron-expo-page .sched-dur { font-size:10px; color:var(--text-dim); white-space:nowrap; background:rgba(255,255,255,0.05); padding:3px 8px; border-radius:6px; }
#fagron-expo-page .sched-legend { display:flex; gap:20px; margin-top:18px; flex-wrap:wrap; }
#fagron-expo-page .leg-item { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--text-dim); }
#fagron-expo-page .leg-dot { width:10px; height:10px; border-radius:3px; }
#fagron-expo-page .dot-web { background:rgba(255,255,255,0.15); }
#fagron-expo-page .dot-live{ background:var(--red); }

/* ── QUIZ ── */
#fagron-expo-page .box-edu { padding:0; overflow:hidden; border: 1px solid rgba(255,214,10,0.3); }
#fagron-expo-page .edu-content { padding: 40px; background: linear-gradient(135deg, rgba(255,214,10,0.08) 0%, transparent 60%); text-align: center; position: relative; }
#fagron-expo-page .edu-icon { font-size: 40px; margin-bottom: 15px; filter: drop-shadow(0 4px 10px rgba(255,214,10,0.3)); }
#fagron-expo-page .edu-text h3 { font-size: 22px; font-weight: 700; margin-bottom: 12px; color: #fff; }
#fagron-expo-page .edu-text p { font-size: 13px; color: var(--text-dim); line-height: 1.6; max-width: 500px; margin: 0 auto 24px; }

/* ── PRODUKTY ── */
#fagron-expo-page .section-title { text-align:center; margin-top:10px; margin-bottom:5px; }
#fagron-expo-page .section-title h2 { font-size:22px; font-weight:700; margin-bottom:8px; }
#fagron-expo-page .section-title p { color:var(--text-dim); font-size:13px; }
#fagron-expo-page .bento-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
#fagron-expo-page .product-card { padding:0 !important; display:flex; flex-direction:column; cursor:pointer; }
#fagron-expo-page .product-img-wrapper { aspect-ratio: 3 / 2; width: 100%; height: auto; background: #fff; border-bottom: 1px solid rgba(255,255,255,0.07); position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 0; }
#fagron-expo-page .product-photo { width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 1; transition: transform 0.5s; opacity: 0; }
#fagron-expo-page .product-photo[src]:not([src=""]){ opacity:1; }
#fagron-expo-page .product-photo[src]:not([src=""])+.img-placeholder { display:none; }
#fagron-expo-page .img-placeholder { position:absolute; font-size:32px; color:rgba(255,255,255,0.08); }
#fagron-expo-page .product-card:hover .product-photo { transform:scale(1.06); }
#fagron-expo-page .badge-discount { position:absolute; top:12px; right:12px; background:var(--red); color:#fff; font-weight:800; font-size:13px; padding:6px 12px; border-radius:6px; z-index:2; box-shadow:0 4px 15px rgba(228,55,51,0.45); letter-spacing:0.5px; }
#fagron-expo-page .product-info { padding:24px; display:flex; flex-direction:column; flex:1; }
#fagron-expo-page .product-info h3 { font-size:15px; font-weight:700; margin-bottom:8px; }
#fagron-expo-page .product-extra { font-size:11px; color:var(--text-dim); margin-bottom:14px; line-height:1.5; }
#fagron-expo-page .product-extra i { color:var(--red); margin-right:5px; }
#fagron-expo-page .product-meta { display:flex; flex-direction:column; gap:6px; margin-bottom:18px; flex:1; justify-content:flex-end; }
#fagron-expo-page .meta-stock { background:rgba(228,55,51,0.08); border:1px solid rgba(228,55,51,0.25); font-size:9px; font-weight:600; padding:4px 10px; border-radius:6px; width:max-content; }
#fagron-expo-page .meta-price { border:1px solid rgba(255,255,255,0.08); color:var(--text-dim); font-size:10px; padding:4px 10px; border-radius:6px; width:max-content; }
#fagron-expo-page .offer-btn { background:rgba(255,255,255,0.03); color:#fff; border:1px solid rgba(255,255,255,0.1); padding:10px; border-radius:50px; font-size:12px; font-family:'Montserrat',sans-serif; cursor:pointer; text-align:center; width:100%; transition:0.3s; }
#fagron-expo-page .product-card:hover .offer-btn { background:#fff; color:#000; }

/* ── SOCIAL FOOTER ── */
#fagron-expo-page .expo-footer { text-align: center; margin-top: 20px; }
#fagron-expo-page .footer-title { font-size: 13px; color: #fff; font-weight: 600; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; }
#fagron-expo-page .social-links { display: flex; justify-content: center; gap: 15px; margin-bottom: 25px; }
#fagron-expo-page .social-link { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: var(--text-dim); display: flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.3s; }
#fagron-expo-page .social-link:hover { background: var(--red); color: #fff; border-color: var(--red); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(228,55,51,0.4); }
#fagron-expo-page .footer-copy { font-size: 10px; color: rgba(255,255,255,0.3); }

/* ── MODALS ── */
#fagron-expo-page .modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.88); backdrop-filter:blur(10px) saturate(180%); z-index:9999; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:0.3s; }
#fagron-expo-page .modal-overlay.show { opacity:1; visibility:visible; }
#fagron-expo-page .modal-content { width:90%; max-width:430px; padding:38px 30px !important; position:relative; transform:translateY(24px) scale(0.94); transition:0.4s cubic-bezier(0.175,0.885,0.32,1.275); background:rgba(14,14,17,0.94) !important; max-height:92vh; overflow-y:auto; }
#fagron-expo-page .modal-overlay.show .modal-content { transform:translateY(0) scale(1); }
#fagron-expo-page .close-modal { position:absolute; top:14px; right:14px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); color:var(--text-dim); font-size:16px; cursor:pointer; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:0.2s; z-index:5; }
#fagron-expo-page .close-modal:hover { background:rgba(255,255,255,0.12); color:#fff; }
#fagron-expo-page .modal-header { text-align:center; margin-bottom:22px; }
#fagron-expo-page .modal-header i { font-size:26px; color:var(--red); margin-bottom:12px; display:block; }
#fagron-expo-page .modal-header h3 { font-size:18px; font-weight:700; margin-bottom:5px; }
#fagron-expo-page .expo-form { display:flex; flex-direction:column; gap:11px; }
#fagron-expo-page .expo-form input,
#fagron-expo-page .expo-form select { width:100%; padding:12px 15px; border-radius:9px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.09); color:#fff; font-family:'Montserrat',sans-serif; font-size:12px; outline:none; transition:0.25s; }
#fagron-expo-page .expo-form input::placeholder { color:rgba(255,255,255,0.3); }
#fagron-expo-page .expo-form input:focus,
#fagron-expo-page .expo-form select:focus { border-color:var(--red); background:rgba(228,55,51,0.05); }
#fagron-expo-page .expo-form select option { background:#1a1a1c; color:#fff; }
#fagron-expo-page .modal-checkbox-group { display:flex; align-items:flex-start; gap:10px; padding:10px 12px; border-radius:9px; background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.07); cursor:pointer; transition:border-color 0.2s; }
#fagron-expo-page .modal-checkbox-group:hover { border-color:rgba(255,255,255,0.18); }
#fagron-expo-page .modal-checkbox-group input[type="checkbox"] { width:15px; height:15px; margin-top:2px; accent-color:var(--red); flex-shrink:0; cursor:pointer; background:transparent; border:none; padding:0; }
#fagron-expo-page .modal-checkbox-group span { font-size:10.5px; color:var(--text-dim); line-height:1.55; }
#fagron-expo-page .modal-checkbox-group span a { color:var(--red); text-decoration:underline; }
#fagron-expo-page .submit-btn { width:100%; background:var(--red) !important; border:none !important; color:#fff !important; font-weight:700 !important; font-size:13px !important; padding:14px !important; border-radius:10px !important; letter-spacing:0.5px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; font-family:'Montserrat',sans-serif !important; box-shadow:0 8px 24px rgba(228,55,51,0.35) !important; transition:0.25s !important; }
#fagron-expo-page .submit-btn:hover { background:var(--red-dark) !important; transform:translateY(-2px) !important; }
#fagron-expo-page .submit-btn:disabled { opacity:0.55 !important; cursor:not-allowed !important; transform:none !important; }
#fagron-expo-page .error-box-modal { background:rgba(228,55,51,0.1); border:1px solid rgba(228,55,51,0.3); color:#ff7774; padding:10px 14px; border-radius:9px; font-size:11px; margin-bottom:8px; }

/* ── RESPONSIVE ── */
@media (max-width: 800px) {
  #fagron-expo-page { padding:30px 14px 100px; }
  #fagron-expo-page .logo-pharmacy { height:28px; }
  #fagron-expo-page .logo-fagron   { height:32px; }
  #fagron-expo-page .scratch-subtitle { padding-left: 0; }
  #fagron-expo-page .box-vip  { padding:48px 22px 34px; }
  #fagron-expo-page .main-title { font-size:21px; }
  #fagron-expo-page .card-loc-footer { flex-direction:column; gap:14px; text-align:center; }
  #fagron-expo-page .loc-item.left, #fagron-expo-page .loc-item.right { text-align:center; }
  #fagron-expo-page .box-map { padding: 30px 20px; }
  #fagron-expo-page .map-header { flex-direction: column; text-align: center; }
  #fagron-expo-page .map-image-wrapper img { width: 850px; }
  #fagron-expo-page .box-schedule { padding:28px 18px; }
  #fagron-expo-page .sched-time { min-width:74px; font-size:10px; }
  #fagron-expo-page .bento-grid { grid-template-columns:1fr; }
  #fagron-expo-page .box-consult { padding:35px 22px; }
  #fagron-expo-page .expert-card { flex-direction: column; align-items: center; text-align: center; gap:10px; }
  #fagron-expo-page .expert-actions { justify-content: center; margin-top: 8px; }
  #fagron-expo-page .edu-content { padding: 30px 20px; }
}
@media (max-width: 500px) {
  #fagron-expo-page .sched-dur { display:none; }
  #fagron-expo-page .expert-actions { flex-direction: column; width: 100%; }
  #fagron-expo-page .action-btn-sm { justify-content: center; width: 100%; }
}

/* ── SCRATCH POPUP MODAL ── */
#fagron-expo-page .scratch-modal-overlay { z-index: 10000; }
#fagron-expo-page .scratch-modal-content {
  max-width: 500px !important;
  padding: 30px 28px 22px !important;
  background: rgba(16,6,6,0.97) !important;
  border: 1px solid rgba(228,55,51,0.3) !important;
  position: relative; overflow: hidden;
}
#fagron-expo-page .scratch-modal-content::before {
  content: '';
  position: absolute; top: -50%; left: -20%;
  width: 60%; height: 200%;
  background: radial-gradient(ellipse, rgba(228,55,51,0.10) 0%, transparent 70%);
  pointer-events: none;
}
#fagron-expo-page .scratch-modal-top {
  display: flex; align-items: center; gap: 13px; margin-bottom: 5px;
}
#fagron-expo-page .scratch-icon {
  width: 40px; height: 40px;
  background: rgba(228,55,51,0.15); border: 1px solid rgba(228,55,51,0.38);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0;
}
#fagron-expo-page .scratch-pretitle {
  font-size: 9px; font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: var(--red); margin-bottom: 2px;
}
#fagron-expo-page .scratch-title { font-size: 14px; font-weight: 700; color: #fff; }
#fagron-expo-page .scratch-skip-btn {
  width: 100%; margin-top: 14px;
  background: none; border: none;
  color: rgba(255,255,255,0.28); font-size: 11px;
  cursor: pointer; font-family: 'Montserrat', sans-serif;
  text-align: center; transition: color 0.2s;
}
#fagron-expo-page .scratch-skip-btn:hover { color: rgba(255,255,255,0.55); }

/* ── SCRATCH CONTAINER (shared popup + inline) ── */
#fagron-expo-page .scratch-container {
  position: relative; border-radius: 14px; overflow: hidden;
  cursor: crosshair; user-select: none; -webkit-user-select: none;
  box-shadow: 0 8px 32px rgba(0,0,0,0.55); touch-action: none;
}
#fagron-expo-page .scratch-container canvas {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 14px; touch-action: none;
}
#fagron-expo-page .scratch-footer {
  display: flex; align-items: center; gap: 10px; margin-top: 13px;
}
#fagron-expo-page .scratch-bar-wrap {
  flex: 1; height: 4px; background: rgba(255,255,255,0.08); border-radius: 4px; overflow: hidden;
}
#fagron-expo-page .scratch-bar {
  height: 100%; background: var(--red); border-radius: 4px;
  width: 0%; transition: width 0.2s ease;
}
#fagron-expo-page .scratch-hint {
  font-size: 10px; color: rgba(255,255,255,0.35);
  white-space: nowrap; min-width: 190px; text-align: right;
}
#fagron-expo-page .scratch-reset-btn {
  font-size: 10px; font-weight: 600; color: rgba(228,55,51,0.6);
  background: none; border: 1px solid rgba(228,55,51,0.22);
  border-radius: 6px; padding: 4px 10px; cursor: pointer;
  font-family: 'Montserrat', sans-serif; transition: 0.2s; display: none;
}
#fagron-expo-page .scratch-reset-btn:hover { color: #e43733; border-color: rgba(228,55,51,0.5); }

@media (max-width: 500px) {
  #fagron-expo-page .scratch-modal-content { padding: 22px 16px 18px !important; }
}

/* ══════════════════════════════════════════════
   NOWE SEKCJE — pełne style
   ══════════════════════════════════════════════ */

/* ── SOCIAL PROOF BAR ── */
#fagron-expo-page .social-proof-bar { display:flex; align-items:center; justify-content:center; gap:0; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:50px; padding:10px 24px; flex-wrap:wrap; }
#fagron-expo-page .sp-item { display:flex; align-items:center; gap:8px; font-size:11px; color:var(--text-dim); padding:4px 16px; }
#fagron-expo-page .sp-item i { color:var(--red); font-size:12px; }
#fagron-expo-page .sp-item strong { color:#fff; }
#fagron-expo-page .sp-divider { width:1px; height:20px; background:rgba(255,255,255,0.08); }

/* ── TIMER CAL ROW ── */
#fagron-expo-page .cd-cal-row { margin-top:18px; display:flex; justify-content:center; }
#fagron-expo-page .btn-cal { background:rgba(255,255,255,0.07); color:#fff; border:1px solid rgba(255,255,255,0.15); border-radius:50px; padding:9px 20px; font-size:11px; }
#fagron-expo-page .btn-cal:hover { background:rgba(255,255,255,0.12); transform:translateY(-2px); }

/* ── ANKIETA PERSONA ── */
#fagron-expo-page .box-persona { padding:32px 40px; }
#fagron-expo-page .persona-header { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
#fagron-expo-page .persona-header i { font-size:22px; color:var(--red); flex-shrink:0; }
#fagron-expo-page .persona-header h2 { font-size:18px; font-weight:700; margin-bottom:3px; }
#fagron-expo-page .persona-header p { font-size:12px; color:var(--text-dim); }
#fagron-expo-page .persona-btns { display:flex; gap:8px; flex-wrap:wrap; }
#fagron-expo-page .persona-btn { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); color:var(--text-dim); padding:10px 18px; border-radius:50px; font-size:11px; font-weight:600; cursor:pointer; transition:.25s; display:inline-flex; align-items:center; gap:7px; font-family:'Montserrat',sans-serif; }
#fagron-expo-page .persona-btn i { font-size:12px; }
#fagron-expo-page .persona-btn:hover { border-color:rgba(228,55,51,.3); color:#fff; background:rgba(228,55,51,.07); transform:translateY(-2px); }
#fagron-expo-page .persona-btn.active { background:var(--red); border-color:var(--red); color:#fff; box-shadow:0 4px 14px rgba(228,55,51,.35); }
#fagron-expo-page .persona-result { margin-top:18px; border-top:1px solid rgba(255,255,255,.07); padding-top:16px; }
#fagron-expo-page .persona-result-inner { display:flex; align-items:flex-start; gap:12px; background:rgba(228,55,51,0.05); border:1px solid rgba(228,55,51,0.15); border-radius:12px; padding:16px; }
#fagron-expo-page .persona-result-inner p { font-size:12px; color:var(--text-dim); line-height:1.6; margin:0; }
#fagron-expo-page .persona-result-inner strong { color:#fff; }

/* ── PREMIERY ── */
#fagron-expo-page .box-premieres { padding:35px 40px; }
#fagron-expo-page .tag-premiere { background:rgba(255,214,10,.15); border:1px solid rgba(255,214,10,.3); color:#ffd60a; font-size:9px; font-weight:700; letter-spacing:1.5px; padding:3px 10px; border-radius:4px; vertical-align:middle; margin-left:8px; }
#fagron-expo-page .premieres-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:20px; }
#fagron-expo-page .premiere-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:14px; padding:20px 18px; position:relative; transition:.3s; }
#fagron-expo-page .premiere-card:hover { border-color:rgba(255,214,10,.2); background:rgba(255,214,10,.03); transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.3); }
#fagron-expo-page .premiere-badge { position:absolute; top:-1px; right:14px; background:rgba(255,214,10,.15); border:1px solid rgba(255,214,10,.3); color:#ffd60a; font-size:8px; font-weight:700; letter-spacing:1px; padding:3px 10px; border-radius:0 0 8px 8px; display:flex; align-items:center; gap:4px; }
#fagron-expo-page .premiere-icon { width:42px; height:42px; background:rgba(228,55,51,.1); border:1px solid rgba(228,55,51,.2); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--red); margin-bottom:14px; }
#fagron-expo-page .premiere-info h3 { font-size:13px; font-weight:700; color:#fff; margin-bottom:6px; }
#fagron-expo-page .premiere-info p { font-size:11px; color:var(--text-dim); line-height:1.55; margin-bottom:10px; }
#fagron-expo-page .premiere-tag { font-size:9px; font-weight:700; color:var(--red); background:rgba(228,55,51,.08); border:1px solid rgba(228,55,51,.2); padding:3px 8px; border-radius:4px; display:inline-block; }

/* ── LIVE STATUS ── */
#fagron-expo-page .box-live { padding:30px 40px; }
#fagron-expo-page .live-header { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
#fagron-expo-page .live-header h2 { font-size:17px; font-weight:700; }
#fagron-expo-page .live-dot-wrap { display:flex; align-items:center; gap:6px; background:rgba(52,199,89,.1); border:1px solid rgba(52,199,89,.25); border-radius:50px; padding:5px 12px; flex-shrink:0; }
#fagron-expo-page .live-dot { width:8px; height:8px; background:#34c759; border-radius:50%; animation:livePulse 1.5s infinite; flex-shrink:0; }
@keyframes livePulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.5;transform:scale(1.3);} }
#fagron-expo-page .live-label { font-size:9px; font-weight:700; color:#34c759; letter-spacing:1.5px; }
#fagron-expo-page .live-experts { display:flex; flex-wrap:wrap; gap:10px; min-height:36px; }
#fagron-expo-page .live-expert-pill { display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:50px; padding:8px 16px; font-size:11px; color:#fff; }
#fagron-expo-page .live-expert-pill .lep-dot { width:7px; height:7px; border-radius:50%; background:#34c759; flex-shrink:0; }
#fagron-expo-page .live-expert-pill .lep-dot.away { background:#ff9f0a; }
#fagron-expo-page .live-expert-pill strong { font-weight:700; display:block; }
#fagron-expo-page .live-expert-pill span { color:var(--text-dim); font-size:10px; }
#fagron-expo-page .live-footer { margin-top:14px; font-size:10px; color:var(--text-dim); display:flex; align-items:center; gap:6px; }
#fagron-expo-page .live-footer i { color:var(--red); }
#fagron-expo-page .live-closed { font-size:12px; color:var(--text-dim); font-style:italic; padding:4px 0; }

/* ── DOJAZD ── */
#fagron-expo-page .directions-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }
#fagron-expo-page .dir-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:12px; padding:16px; display:flex; gap:12px; align-items:flex-start; }
#fagron-expo-page .dir-icon { width:36px; height:36px; background:rgba(228,55,51,.1); border:1px solid rgba(228,55,51,.2); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--red); font-size:15px; flex-shrink:0; }
#fagron-expo-page .dir-text strong { font-size:11px; font-weight:700; color:#fff; display:block; margin-bottom:4px; }
#fagron-expo-page .dir-text p { font-size:10px; color:var(--text-dim); line-height:1.55; margin:0; }

/* ── SLOTY EKSPERTÓW ── */
#fagron-expo-page .expert-slots { font-size:10px; color:var(--text-dim); display:flex; align-items:center; gap:5px; margin-top:1px; }
#fagron-expo-page .expert-slots strong { color:#fff; }
#fagron-expo-page .expert-slots.slots-low { color:#ff9f0a; }
#fagron-expo-page .expert-slots.slots-low strong { color:#ff9f0a; }

/* ── FAQ ── */
#fagron-expo-page .box-faq { padding:38px 42px; }
#fagron-expo-page .faq-list { display:flex; flex-direction:column; gap:6px; margin-top:6px; }
#fagron-expo-page .faq-item { border:1px solid rgba(255,255,255,.07); border-radius:12px; overflow:hidden; transition:.2s; }
#fagron-expo-page .faq-item:hover { border-color:rgba(228,55,51,.2); }
#fagron-expo-page .faq-q { width:100%; background:rgba(255,255,255,.03); border:none; color:#fff; padding:14px 18px; font-family:'Montserrat',sans-serif; font-size:13px; font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; text-align:left; transition:.2s; }
#fagron-expo-page .faq-q:hover { background:rgba(255,255,255,.05); }
#fagron-expo-page .faq-q.open { background:rgba(228,55,51,.07); color:var(--red); }
#fagron-expo-page .faq-q i { color:var(--text-dim); font-size:11px; transition:.3s; flex-shrink:0; }
#fagron-expo-page .faq-q.open i { transform:rotate(180deg); color:var(--red); }
#fagron-expo-page .faq-a { display:none; padding:0 18px 14px; font-size:12px; color:var(--text-dim); line-height:1.65; background:rgba(228,55,51,.04); }
#fagron-expo-page .faq-a.open { display:block; }

/* ── PRODUKT PERSONA HIDDEN ── */
#fagron-expo-page .product-card.persona-hidden { display:none; }

/* ── RESPONSIVE NOWE ── */
@media (max-width: 800px) {
  #fagron-expo-page .box-persona { padding:26px 20px; }
  #fagron-expo-page .box-premieres { padding:26px 20px; }
  #fagron-expo-page .box-live { padding:24px 20px; }
  #fagron-expo-page .box-faq { padding:28px 18px; }
  #fagron-expo-page .premieres-grid { grid-template-columns:1fr; }
  #fagron-expo-page .directions-grid { grid-template-columns:1fr; }
  #fagron-expo-page .sp-divider { display:none; }
  #fagron-expo-page .sp-item { font-size:10px; padding:4px 8px; }
  #fagron-expo-page .social-proof-bar { padding:8px 12px; }
}
@media (max-width: 500px) {
  #fagron-expo-page .persona-btns { flex-direction:column; }
  #fagron-expo-page .persona-btn { justify-content:center; }
}

/* ── PREMIERE TAG KLIKALNY ── */
#fagron-expo-page .premiere-tag-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  transition: .2s;
}
#fagron-expo-page .premiere-tag-link:hover {
  background: rgba(228,55,51,.18);
  border-color: rgba(228,55,51,.45);
  color: #fff;
  transform: translateY(-1px);
}

/* ── DŁUŻSZY TAG PREZENTACJI ── */
#fagron-expo-page .sched-tag { white-space: nowrap; }

/* ── LIVE EXPERT PILLS — stany ── */

/* Niedostępny dziś / wyszarzony */
#fagron-expo-page .live-expert-pill.lep-unavailable {
  opacity: 0.38;
  border-color: rgba(255,255,255,0.06);
}
#fagron-expo-page .lep-dot-future {
  background: #555 !important;
  animation: none !important;
}

/* Zaraz przyjdzie — żółty */
#fagron-expo-page .live-expert-pill.lep-soon {
  border-color: rgba(255,159,10,0.25);
  background: rgba(255,159,10,0.05);
}
#fagron-expo-page .lep-dot-soon {
  background: #ff9f0a !important;
  animation: livePulse 1.5s infinite;
}

/* Już wyszedł — szary */
#fagron-expo-page .live-expert-pill.lep-gone {
  opacity: 0.5;
  border-color: rgba(255,255,255,0.06);
}
#fagron-expo-page .lep-dot-gone {
  background: #666 !important;
  animation: none !important;
}

/* Poza targami — przyszłość */
#fagron-expo-page .live-expert-pill.lep-upcoming {
  border-color: rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
}

/* Legenda pod sekcją live */
#fagron-expo-page .live-legend {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
#fagron-expo-page .live-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
#fagron-expo-page .live-legend-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ── MODAL EXPO NOTE ── */
#fagron-expo-page .modal-expo-note {
  background: rgba(228,55,51,0.07);
  border: 1px solid rgba(228,55,51,0.2);
  border-radius: 10px;
  padding: 10px 13px;
  font-size: 11px;
  color: var(--text-dim);
  line-height: 1.55;
  text-align: left;
  margin-top: 10px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
#fagron-expo-page .modal-expo-note i {
  color: var(--red);
  font-size: 12px;
  margin-top: 2px;
  flex-shrink: 0;
}
#fagron-expo-page .modal-expo-note span { display: block; }
#fagron-expo-page .modal-expo-note strong { color: #fff; font-weight: 700; }

/* ── PRZYCISK PRODUKTU — TARGOWY ── */
#fagron-expo-page .offer-btn-expo {
  background: rgba(228,55,51,0.08);
  color: var(--red);
  border: 1px solid rgba(228,55,51,0.25);
  font-weight: 700;
}
#fagron-expo-page .product-card:hover .offer-btn-expo {
  background: var(--red);
  color: #fff;
  border-color: var(--red);
}

/* ── PRZEŁĄCZNIK JĘZYKA ── */
#fagron-expo-page .lang-switcher-row {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: -10px;
}
#fagron-expo-page .lang-btn {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--text-dim);
  padding: 7px 18px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  transition: 0.2s;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  gap: 6px;
}
#fagron-expo-page .lang-btn:hover {
  border-color: rgba(228,55,51,0.35);
  color: #fff;
  background: rgba(228,55,51,0.07);
  transform: translateY(-1px);
}
#fagron-expo-page .lang-btn.active {
  background: rgba(228,55,51,0.12);
  border-color: rgba(228,55,51,0.4);
  color: #fff;
  box-shadow: 0 3px 12px rgba(228,55,51,0.2);
}