/* =====================================================================
   PoryBot-U — Reseller Info page tweaks
   Loaded AFTER fancy-purchase.css. Reuses its header / globals / section
   background, but restores this page's centred layout and turns the
   reseller message into a glass card.
   ===================================================================== */

/* Undo the Purchase-page-specific spacing collapse — keep it centred & tall */
.u-section-1 .u-sheet-1 {
  min-height: 742px !important;
  padding-bottom: 0 !important;
}
.u-section-1 .u-layout-cell-1 {
  min-height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Message as a glass card */
.u-section-1 .u-container-layout-1 {
  max-width: 800px;
  margin: 0 auto !important;
  padding: 50px 48px !important;
  background: linear-gradient(160deg, rgba(41,66,89,0.55), rgba(15,25,40,0.72));
  border: 1px solid rgba(115,179,239,0.28);
  border-radius: 24px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.55), inset 0 0 60px rgba(90,209,255,0.06);
}

/* Headline a touch more readable + glow */
.u-section-1 .u-text-1 {
  line-height: 1.55;
  text-shadow: 0 0 22px rgba(115,179,239,0.4) !important;
}

/* Reseller image: rounded, glowing, gently floating */
.u-section-1 .u-image-1 {
  border-radius: 16px;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,0.5))
          drop-shadow(0 0 20px rgba(90,209,255,0.28));
  animation: pb-rfloat 7s ease-in-out infinite;
}
@keyframes pb-rfloat {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 { min-height: 620px !important; }
  .u-section-1 .u-container-layout-1 { padding: 36px 24px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .u-section-1 .u-image-1 { animation: none !important; }
}
