/* PHSPB 3.13.80 — homepage hero/highlights.
 * Presentation and DOM micro-interactions only. No scanner, sync, cron, cache,
 * API, player, iframe, room grid, filtering or routing behavior is changed here. */
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] {
  --phspb-hero-x: 0;
  --phspb-hero-y: 0;
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 402px !important;
  height: auto !important;
  margin: 0 0 14px !important;
  padding: 30px 34px 24px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(222,132,255,.32) !important;
  border-radius: 25px !important;
  background:
    linear-gradient(90deg,rgba(11,5,22,1) 0%,rgba(16,8,30,.985) 35%,rgba(18,8,33,.72) 56%,rgba(18,8,33,.20) 77%,rgba(18,8,33,.08) 100%),
    radial-gradient(circle at 20% 16%,rgba(251,86,194,.16),transparent 29%),
    radial-gradient(circle at 45% 104%,rgba(127,69,244,.25),transparent 43%),
    url('/wp-content/uploads/2026/05/b7b049ae-253c-4117-93f4-03bb32fec265.webp') 78% center/cover no-repeat !important;
  box-shadow: 0 28px 72px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.035) inset,0 0 44px rgba(176,72,245,.10) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::before,
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  inset: 0 !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::before {
  z-index: -1 !important;
  background: radial-gradient(circle at calc(22% + var(--phspb-hero-x) * .8%) calc(22% + var(--phspb-hero-y) * .8%),rgba(255,83,197,.16),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 29%) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::after {
  z-index: -1 !important;
  left: auto !important;
  width: 43% !important;
  background: linear-gradient(90deg,rgba(12,5,24,0),rgba(148,73,255,.09) 70%,rgba(255,109,208,.11)) !important;
  transform: translateX(calc(var(--phspb-hero-x) * .45px));
  transition: transform .35s cubic-bezier(.2,.75,.25,1) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-heading {
  position: relative !important;
  z-index: 2 !important;
  min-height: 0 !important;
  align-items: flex-start !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-heading-copy[data-phspb-hero-layer="copy"] {
  width: min(680px,61%) !important;
  max-width: 680px !important;
  transform: translate3d(calc(var(--phspb-hero-x) * .24px),calc(var(--phspb-hero-y) * .14px),0);
  transition: transform .35s cubic-bezier(.2,.75,.25,1) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-kicker,
html body.home .phspb-home-live-cams-shortcode .phspb-live-badge {
  min-height: 29px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(244,229,255,.85) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-live-badge {
  border-color: rgba(255,104,185,.35) !important;
  background: linear-gradient(135deg,rgba(255,74,153,.17),rgba(180,82,245,.11)) !important;
  color: #ff9fc7 !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-live-dot,
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-live-dot,
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-activity-dot {
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  margin-right: 6px !important;
  border-radius: 50% !important;
  background: #ff5d9b !important;
  box-shadow: 0 0 0 4px rgba(255,93,155,.10),0 0 13px rgba(255,93,155,.54) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible .phspb-live-dot,
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible .phspb-home-hero-live-dot,
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible .phspb-home-live-activity-dot {
  animation: phspbHomeHeroLiveDot 2.3s ease-in-out infinite;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2 {
  max-width: 650px !important;
  margin: 15px 0 8px !important;
  color: #fff !important;
  font-size: clamp(38px,3.22vw,57px) !important;
  line-height: 1.01 !important;
  letter-spacing: -.056em !important;
  text-wrap: balance !important;
  text-shadow: 0 14px 42px rgba(0,0,0,.63),0 0 26px rgba(255,119,223,.08) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2::after {
  width: 112px !important;
  height: 2px !important;
  margin-top: 13px !important;
  transform-origin: left center !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-sub {
  max-width: 500px !important;
  margin: 0 !important;
  color: rgba(243,232,252,.77) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions .phspb-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 47px !important;
  padding: 0 17px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-primary {
  min-width: 206px !important;
  border-color: transparent !important;
  background: linear-gradient(105deg,#ff5f9f,#e960ca 47%,#8d4cff) !important;
  box-shadow: 0 14px 30px rgba(207,56,155,.24),inset 0 1px 0 rgba(255,255,255,.27) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-shuffle {
  min-width: 181px !important;
  border-color: rgba(227,183,255,.27) !important;
  background: rgba(17,8,31,.42) !important;
  color: #f3eafb !important;
}

/* New isolated highlights bar. It intentionally does not reuse legacy
   .phspb-home-stat-card classes from public.css. */
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights {
  position: relative !important;
  width: min(650px,100%) !important;
  margin: 18px 0 0 !important;
  padding: 29px 12px 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(227,164,255,.25) !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),radial-gradient(circle at 18% 0,rgba(255,88,200,.17),transparent 41%),rgba(24,10,42,.68) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -32% !important;
  width: 26% !important;
  height: 100% !important;
  pointer-events: none !important;
  background: linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent) !important;
  transform: skewX(-18deg) !important;
}
html body.home .phspb-home-live-cams-shortcode .is-phspb-hero-wow-visible .phspb-home-hero-highlights::after { animation: phspbHomeActivitySheen 1.1s ease-out 1.4s both; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights-status {
  position: absolute !important;
  top: 11px !important;
  left: 14px !important;
  display: flex !important;
  align-items: center !important;
  color: #ffa5ce !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  line-height: 1 !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: stretch !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 2px 10px !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: color .22s ease,transform .22s ease,background-color .22s ease !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-item:first-child { border-left: 0 !important; }
html body.home .phspb-home-live-cams-shortcode button.phspb-home-hero-highlight-item { font: inherit !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-icon { flex: 0 0 auto !important; font-size: 14px !important; line-height: 1 !important; filter: saturate(.9) !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-copy { display: grid !important; gap: 4px !important; justify-items: start !important; min-width: 0 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-copy strong { color: #fff !important; font-size: clamp(19px,1.45vw,25px) !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: -.045em !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-copy small { color: rgba(232,212,247,.73) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .085em !important; line-height: 1 !important; white-space: nowrap !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-country-flags { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 17px !important; margin-right: 1px !important; color: #fff !important; font-size: 14px !important; letter-spacing: -4px !important; white-space: nowrap !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-country-flags:empty { display: none !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-country-flags b { margin-left: 9px !important; color: rgba(245,228,255,.82) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0 !important; vertical-align: 1px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-stat-tooltip {
  position: absolute !important;
  z-index: 11 !important;
  right: 0 !important;
  bottom: calc(100% + 11px) !important;
  width: 220px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(236,187,255,.36) !important;
  border-radius: 10px !important;
  background: rgba(28,9,52,.98) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.34) !important;
  color: #f4eafa !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(7px) !important;
  transition: opacity .18s ease,transform .22s ease !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-item.is-phspb-stat-tooltip-open .phspb-home-hero-stat-tooltip { opacity: 1 !important; transform: translateY(0) !important; }

/* Exact compatibility skin for a stale v3.13.76 cached homepage snapshot.
   It does not affect fresh v3.13.80 markup and is scoped to the old wrapper. */
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-live-activity {
  position: relative !important; width: min(650px,100%) !important; margin: 18px 0 0 !important; padding: 29px 12px 10px !important; overflow: hidden !important;
  border: 1px solid rgba(227,164,255,.25) !important; border-radius: 17px !important;
  background: linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),radial-gradient(circle at 18% 0,rgba(255,88,200,.17),transparent 41%),rgba(24,10,42,.68) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-live-activity-status {
  position: absolute !important; top: 11px !important; left: 14px !important; display: flex !important; align-items: center !important; color: #ffa5ce !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .1em !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-live-activity-metrics { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; align-items: stretch !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-card {
  position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 48px !important; padding: 2px 10px !important;
  border: 0 !important; border-left: 1px solid rgba(255,255,255,.11) !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; color: #fff !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-card:first-child { border-left: 0 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-copy { display: grid !important; gap: 4px !important; justify-items: center !important; min-width: 0 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-copy strong { color:#fff !important; font-size:clamp(19px,1.45vw,25px) !important; font-weight:900 !important; line-height:1 !important; letter-spacing:-.045em !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-copy small { color:rgba(232,212,247,.73) !important; font-size:9px !important; font-weight:800 !important; letter-spacing:.085em !important; line-height:1 !important; white-space:nowrap !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-country-flag-stack { display:flex !important; align-items:center !important; justify-content:center !important; min-height:17px !important; margin-bottom:5px !important; color:#fff !important; font-size:14px !important; letter-spacing:-4px !important; white-space:nowrap !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-country-flag-stack b { margin-left:9px !important; color:rgba(245,228,255,.82) !important; font-size:10px !important; font-weight:800 !important; letter-spacing:0 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-tooltip { position:absolute !important; z-index:11 !important; right:0 !important; bottom:calc(100% + 11px) !important; width:220px !important; padding:9px 10px !important; border:1px solid rgba(236,187,255,.36) !important; border-radius:10px !important; background:rgba(28,9,52,.98) !important; color:#f4eafa !important; font-size:10px !important; font-weight:700 !important; opacity:0 !important; pointer-events:none !important; transform:translateY(7px) !important; transition:opacity .18s ease,transform .22s ease !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-card.is-phspb-stat-tooltip-open .phspb-home-stat-tooltip { opacity:1 !important; transform:translateY(0) !important; }

/* Existing discovery panel, intentionally unchanged in behavior. */
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery[hidden] { display: none !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery { position:relative !important; display:block !important; width:100% !important; margin:0 0 14px !important; padding:18px 20px 16px !important; overflow:hidden !important; border:1px solid rgba(220,151,255,.26) !important; border-radius:20px !important; background:radial-gradient(circle at 0 100%,rgba(249,82,193,.15),transparent 35%),radial-gradient(circle at 100% 0,rgba(124,72,253,.17),transparent 33%),linear-gradient(135deg,rgba(48,19,77,.92),rgba(18,8,34,.96)) !important; box-shadow:0 19px 44px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.08) !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-head { position:relative !important; z-index:2 !important; display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:14px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-kicker { display:block !important; margin-bottom:5px !important; color:#ff9ccd !important; font-size:9px !important; font-weight:900 !important; letter-spacing:.11em !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery h2 { margin:0 !important; color:#fff !important; font-size:20px !important; line-height:1.04 !important; letter-spacing:-.04em !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-close { display:inline-grid !important; place-items:center !important; width:31px !important; height:31px !important; padding:0 !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:10px !important; background:rgba(255,255,255,.055) !important; color:#f4eafa !important; font-size:23px !important; line-height:1 !important; cursor:pointer !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-view { position:relative !important; z-index:1 !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:18px !important; margin-top:14px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-card { display:flex !important; align-items:center !important; gap:14px !important; min-width:0 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-avatar { display:grid !important; place-items:center !important; width:72px !important; height:72px !important; flex:0 0 72px !important; overflow:hidden !important; border:1px solid rgba(255,160,225,.38) !important; border-radius:50% !important; background:linear-gradient(135deg,#7c42e8,#f15baf) !important; color:#fff !important; font-size:10px !important; font-weight:900 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-avatar img { width:100% !important; height:100% !important; object-fit:cover !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-copy { display:grid !important; gap:5px !important; min-width:0 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-copy strong { color:#fff !important; font-size:24px !important; line-height:1 !important; letter-spacing:-.045em !important; overflow-wrap:anywhere !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-copy > span:not(.phspb-home-shuffle-status),html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-copy small { color:rgba(237,220,249,.73) !important; font-size:11px !important; line-height:1.25 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-status { color:#ff9ccb !important; font-size:9px !important; font-weight:900 !important; letter-spacing:.09em !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-actions { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; min-width:188px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-actions .phspb-btn { min-height:43px !important; padding:0 13px !important; font-size:10px !important; font-weight:900 !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-note { grid-column:1/-1 !important; margin:0 !important; color:rgba(237,220,249,.64) !important; font-size:10px !important; text-align:center !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-country-list { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-country-choice { display:flex !important; align-items:center !important; gap:8px !important; padding:10px !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:12px !important; background:rgba(255,255,255,.045) !important; color:#fff !important; text-align:left !important; cursor:pointer !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-country-choice > span:first-child { font-size:18px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-country-choice b,.phspb-home-live-cams-shortcode .phspb-home-country-choice small { display:block !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-country-choice b { font-size:11px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-country-choice small { margin-top:2px !important; color:rgba(237,220,249,.64) !important; font-size:9px !important; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-country-all { justify-self:end !important; min-height:40px !important; font-size:10px !important; }

/* Remove only the obsolete PHSPB wrapper title. PH Live Core owns the one
   visible Popular Live Cams title and View all control. */
html body.home .phspb-home-live-cams-shortcode #phspb-home-popular-cams > .phspb-home-directory-head { display:none !important; }

/* Entrance motion is deliberately transform/opacity only. */
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-ready [data-phspb-hero-stage] { opacity:0; transform:translateY(12px); }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-ready .phspb-home-hero-highlight-item[data-phspb-hero-stat-card="1"],
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-ready .phspb-home-stat-card[data-phspb-hero-stat-card="1"] { opacity:0; transform:translateY(12px); }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible [data-phspb-hero-stage] { opacity:1; transform:translateY(0); transition:opacity .58s cubic-bezier(.18,.78,.22,1),transform .58s cubic-bezier(.18,.78,.22,1); }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible .phspb-home-hero-highlight-item[data-phspb-hero-stat-card="1"],
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible .phspb-home-stat-card[data-phspb-hero-stat-card="1"] { opacity:1; transform:translateY(0); transition:opacity .58s cubic-bezier(.18,.78,.22,1),transform .58s cubic-bezier(.18,.78,.22,1); transition-delay:var(--phspb-hero-card-delay,290ms); }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible [data-phspb-hero-stage="badges"] { transition-delay:40ms; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible [data-phspb-hero-stage="headline"] { transition-delay:85ms; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible [data-phspb-hero-stage="subtitle"] { transition-delay:125ms; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible [data-phspb-hero-stage="actions"] { transition-delay:170ms; }
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-visible [data-phspb-hero-stage="metrics"] { transition-delay:220ms; }
@keyframes phspbHomeHeroLiveDot { 0%,100%{opacity:.58;transform:scale(.9)}50%{opacity:1;transform:scale(1.13)} }
@keyframes phspbHomeActivitySheen { 0%{left:-32%;opacity:0}25%{opacity:.7}100%{left:112%;opacity:0} }

@media (hover:hover) and (pointer:fine) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]:hover { border-color:rgba(232,147,255,.45) !important; box-shadow:0 31px 78px rgba(0,0,0,.42),0 0 54px rgba(188,86,255,.15) !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-primary:hover { transform:translateY(-1px) !important; box-shadow:0 17px 35px rgba(221,54,166,.32),inset 0 1px 0 rgba(255,255,255,.3) !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-shuffle:hover,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-item:hover { border-color:rgba(251,149,222,.48) !important; background:rgba(78,28,100,.18) !important; transform:translateY(-1px) !important; }
}

@media (max-width:1180px) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] { min-height:384px !important; padding:27px 28px 21px !important; background-position:74% center !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-heading-copy[data-phspb-hero-layer="copy"] { width:min(640px,64%) !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2 { font-size:clamp(36px,4.4vw,50px) !important; }
}

@media (max-width:767px) {
  html body.home .elementor-761 > .elementor-element-a122c5e,
  html body.home .elementor-761 > .elementor-element-5f9d499 { display:none !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] {
    min-height:470px !important;
    margin:0 0 12px !important;
    padding:20px 14px 14px !important;
    border-radius:22px !important;
    background-position:76% 43% !important;
    background-size:auto 100% !important;
    background-image:
      linear-gradient(180deg,rgba(11,5,22,.96) 0%,rgba(14,6,26,.91) 44%,rgba(12,5,23,.89) 68%,rgba(10,4,20,.985) 100%),
      linear-gradient(90deg,rgba(12,5,24,.98),rgba(15,6,28,.84) 57%,rgba(15,6,28,.22)),
      radial-gradient(circle at 17% 12%,rgba(255,88,199,.16),transparent 33%),
      url('/wp-content/uploads/2026/05/b7b049ae-253c-4117-93f4-03bb32fec265.webp') 76% 42%/auto 100% no-repeat !important;
  }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::after { width:52% !important; opacity:.72 !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-heading-copy[data-phspb-hero-layer="copy"] { width:100% !important; max-width:none !important; transform:none !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-meta { max-width:80% !important; gap:6px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-kicker,
  html body.home .phspb-home-live-cams-shortcode .phspb-live-badge { min-height:26px !important; padding:0 8px !important; font-size:8.5px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2 { max-width:88% !important; margin:12px 0 8px !important; font-size:clamp(28px,8.5vw,36px) !important; line-height:1.01 !important; letter-spacing:-.055em !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2::after { width:90px !important; margin-top:10px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-sub { max-width:78% !important; font-size:10.5px !important; line-height:1.35 !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; margin-top:14px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions .phspb-btn { width:100% !important; min-width:0 !important; min-height:44px !important; font-size:10.5px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-live-activity { width:100% !important; margin-top:14px !important; padding:29px 7px 9px !important; border-radius:16px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights-grid,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-live-activity-metrics { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-item,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-card { min-height:54px !important; gap:3px !important; padding:2px 4px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-icon { font-size:11px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-copy strong,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-copy strong { font-size:18px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-copy small,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-stat-copy small { font-size:7.5px !important; letter-spacing:.045em !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-country-flags,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-country-flag-stack { font-size:11px !important; letter-spacing:-3px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-country-flags b,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card:not([data-phspb-home-hero-ui="highlights-v31380"]) .phspb-home-country-flag-stack b { display:none !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery { margin:0 0 12px !important; padding:15px !important; border-radius:18px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-view { grid-template-columns:1fr !important; gap:13px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-avatar { width:62px !important; height:62px !important; flex-basis:62px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-shuffle-copy strong { font-size:21px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-actions { grid-template-columns:repeat(2,minmax(0,1fr)) !important; min-width:0 !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-actions .phspb-btn { min-height:41px !important; padding:0 9px !important; font-size:9px !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-country-list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-country-choice { padding:9px !important; }
}
@media (max-width:390px) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2 { max-width:90% !important; font-size:clamp(26px,8.8vw,32px) !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-sub { display:none !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-live-discovery-actions { grid-template-columns:1fr !important; }
}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-heading-copy[data-phspb-hero-layer="copy"] { transform:none !important; transition:none !important; }
}
@media (prefers-reduced-motion:reduce) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] *,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] *::before,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] *::after { animation:none !important; transition:none !important; }
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-ready [data-phspb-hero-stage],
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-ready .phspb-home-hero-highlight-item[data-phspb-hero-stat-card="1"],
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card.is-phspb-hero-wow-ready .phspb-home-stat-card[data-phspb-hero-stat-card="1"] { opacity:1 !important; transform:none !important; }
}


/* PHSPB 3.13.80.2: compact mobile hero and real Explore link.
   Scope is mobile-only; desktop layout, cards, player, stats and data flow stay unchanged. */
@media (max-width:767px) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"],
  html body.home .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card[data-phspb-home-hero-wow="1"] {
    min-height: 338px !important;
    margin: 0 0 8px !important;
    padding: 16px 14px 12px !important;
    border-radius: 22px !important;
    background-position: 77% 42% !important;
    background-size: auto 100% !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::before,
  html body.home .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::before {
    background: linear-gradient(180deg,rgba(10,4,20,.96),rgba(10,4,20,.82) 52%,rgba(10,4,20,.94)) !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-meta {
    max-width: 100% !important;
    gap: 6px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-kicker,
  html body.home .phspb-home-live-cams-shortcode .phspb-live-badge {
    min-height: 24px !important;
    padding: 0 8px !important;
    font-size: 8px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2,
  html body.home .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2 {
    max-width: 92% !important;
    margin: 10px 0 0 !important;
    font-size: clamp(27px,7.7vw,33px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2::after,
  html body.home .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2::after {
    width: 86px !important;
    height: 2px !important;
    margin-top: 9px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-sub,
  html body.home .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-sub {
    display: none !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 12px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions .phspb-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    font-size: 10px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-shuffle {
    display: none !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 7px 5px !important;
    border-radius: 15px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights-status {
    display: none !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 0 !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-item {
    min-height: 46px !important;
    padding: 2px 3px !important;
    gap: 2px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-icon {
    font-size: 10px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-copy strong {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlight-copy small {
    font-size: 6.8px !important;
    line-height: 1.05 !important;
    letter-spacing: .035em !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-country-flags,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-country-flags {
    font-size: 10px !important;
    letter-spacing: -3px !important;
  }

  html body.home .phspb-home-live-cams-shortcode #phspb-home-popular-cams,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-popular-section {
    margin-top: 8px !important;
  }
}

@media (max-width:390px) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"],
  html body.home .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card[data-phspb-home-hero-wow="1"] {
    min-height: 320px !important;
    padding: 14px 12px 10px !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2,
  html body.home .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card[data-phspb-home-hero-wow="1"] h2 {
    font-size: clamp(25px,8.2vw,31px) !important;
  }
}


/* PHSPB 3.13.80.3: mobile tap-target rescue.
   Some cached mobile home snapshots still carry old scroll/discovery handlers. Keep the
   primary CTA above all hero decorative layers and remove the secondary CTA on mobile. */
@media (max-width:767px) {
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-heading,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-heading-copy,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-home-hero-actions {
    position: relative !important;
    z-index: 50 !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-home-hero-actions,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-home-hero-actions *,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-home-hero-primary {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(255,95,159,.22) !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] a.phspb-home-hero-primary,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-btn {
    position: relative !important;
    z-index: 100 !important;
    display: flex !important;
    cursor: pointer !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] .phspb-home-hero-shuffle,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions [data-phspb-home-discovery-toggle],
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions .phspb-btn-ghost,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions button.phspb-btn {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-highlights * {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
}


/* PHSPB 3.13.80.11: home CTA presentation only; the plugin does not touch the site header or menu. */
@media (max-width:767px) {
  html body.home .phspb-home-live-cams-shortcode,
  html body.home .phspb-home-live-cams-shortcode .phspb-topbar,
  html body.home .phspb-home-live-cams-shortcode .phspb-page-layout,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"] {
    position: relative !important;
    z-index: 1 !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::before,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-card[data-phspb-home-hero-wow="1"]::after {
    pointer-events: none !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-home-hero-primary,
  html body.home .phspb-home-live-cams-shortcode a.phspb-home-hero-primary,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-btn {
    background:
      linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.025) 42%, rgba(161,76,255,.145)),
      radial-gradient(circle at 18% 0%, rgba(255,90,190,.30), transparent 34%),
      rgba(38,19,55,.58) !important;
    border: 1px solid rgba(255,126,221,.34) !important;
    color: rgba(255,255,255,.96) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 10px 24px rgba(101,48,154,.24),
      0 0 0 1px rgba(178,93,255,.10) !important;
    -webkit-backdrop-filter: blur(12px) saturate(132%) !important;
    backdrop-filter: blur(12px) saturate(132%) !important;
    text-shadow: 0 1px 12px rgba(255,255,255,.10) !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-home-hero-primary::before,
  html body.home .phspb-home-live-cams-shortcode a.phspb-home-hero-primary::before,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-btn::before {
    content: '' !important;
    position: absolute !important;
    inset: 1px 1px auto 1px !important;
    height: 45% !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0)) !important;
    pointer-events: none !important;
  }

  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-home-hero-primary:active,
  html body.home .phspb-home-live-cams-shortcode a.phspb-home-hero-primary:active,
  html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-btn:active {
    transform: translateY(1px) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.035) 42%, rgba(161,76,255,.18)),
      radial-gradient(circle at 18% 0%, rgba(255,90,190,.34), transparent 34%),
      rgba(45,21,66,.68) !important;
  }
}

/* PHSPB 3.13.80.7: glass CTA on desktop and mobile + hard route visual state. */
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-home-hero-primary,
html body.home .phspb-home-live-cams-shortcode a.phspb-home-hero-primary {
  background:
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.025) 42%, rgba(161,76,255,.145)),
    radial-gradient(circle at 18% 0%, rgba(255,90,190,.30), transparent 34%),
    rgba(38,19,55,.58) !important;
  border: 1px solid rgba(255,126,221,.34) !important;
  color: rgba(255,255,255,.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 10px 24px rgba(101,48,154,.24),
    0 0 0 1px rgba(178,93,255,.10) !important;
  -webkit-backdrop-filter: blur(12px) saturate(132%) !important;
  backdrop-filter: blur(12px) saturate(132%) !important;
  text-shadow: 0 1px 12px rgba(255,255,255,.10) !important;
}
html body.home .phspb-home-live-cams-shortcode .phspb-home-hero-actions a.phspb-home-hero-primary:hover,
html body.home .phspb-home-live-cams-shortcode a.phspb-home-hero-primary:hover {
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.035) 42%, rgba(161,76,255,.18)),
    radial-gradient(circle at 18% 0%, rgba(255,90,190,.34), transparent 34%),
    rgba(45,21,66,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 13px 28px rgba(101,48,154,.28),
    0 0 0 1px rgba(178,93,255,.13) !important;
}