.egdh-november {
  box-sizing: border-box;
  width: min(520px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid #e5d5af;
  border-radius: 24px;
  background: #fffdf8;
  color: #172b45;
  font-family: Cairo, sans-serif;
  text-align: center;
  box-shadow: 0 28px 100px #07142555;
  overscroll-behavior: contain;
}
.egdh-november:not([open]) { display: none; }
.egdh-november::backdrop { background: #071425b8; backdrop-filter: blur(5px); }
.egdh-november *, .egdh-november *::before, .egdh-november *::after { box-sizing: border-box; }
.egdh-november__panel { position: relative; }
.egdh-november .egdh-november__close {
  position: absolute; top: 12px; left: 12px; z-index: 1;
  display: grid; place-items: center; width: 44px; height: 44px;
  padding: 11px; border: 1px solid #ffffff40; border-radius: 50%;
  color: #fff; background: #ffffff0d; cursor: pointer;
}
.egdh-november__close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.egdh-november__close:hover { background: #ffffff26; }
.egdh-november__intro { position: relative; overflow: hidden; padding: 36px 48px 30px; background: radial-gradient(ellipse at 100% 0%, #36546a, transparent 70%), #122a43; }
.egdh-november__badge { display: inline-block; padding: 5px 15px; border: 1px solid #d8be7a66; border-radius: 100px; color: #edd49a; font: 700 13px/1.8 Cairo, sans-serif; letter-spacing: 2px; }
.egdh-november h2 { position: relative; z-index: 1; margin: 16px 0 0; color: #fff; font: 800 38px/1.5 Cairo, sans-serif; }
.egdh-november h2 span { color: #ebce8c; }
.egdh-november__content { padding: 25px 32px 32px; }
.egdh-november p { margin: 0; color: #526173; font: 600 16px/1.9 Cairo, sans-serif; }
.egdh-november__amounts { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 21px 0 24px; }
.egdh-november__amount { display: flex; flex-direction: column; gap: 2px; padding: 15px 8px; border: 1px solid #e7ddc6; border-radius: 14px; background: #f7f2e7; }
.egdh-november__amount span { color: #576273; font: 600 14px/1.8 Cairo, sans-serif; }
.egdh-november__amount strong { color: #172f49; font: 800 clamp(32px, 8vw, 45px)/1.4 Cairo, sans-serif; }
.egdh-november .egdh-november__cta { display: flex; justify-content: center; align-items: center; gap: 16px; min-height: 54px; padding: 12px 14px; border-radius: 12px; background: #143b34; color: #fff; font: 700 16px/1.8 Cairo, sans-serif; text-decoration: none; transition: background .15s; }
.egdh-november .egdh-november__cta:hover { background: #205449; color: #fff; }
.egdh-november :focus-visible { outline: 3px solid #bb8c2b; outline-offset: 3px; }
html.egdh-november-open { overflow: hidden; }
@media (max-width: 380px) {
  .egdh-november__intro { padding: 36px 24px 24px; }
  .egdh-november h2 { font-size: 32px; }
  .egdh-november__content { padding: 20px 18px 24px; }
  .egdh-november__amounts { gap: 10px; }
}
@media (max-height: 650px) {
  .egdh-november__intro { padding-top: 24px; padding-bottom: 18px; }
  .egdh-november h2 { font-size: 30px; margin-top: 10px; }
  .egdh-november__content { padding-top: 18px; padding-bottom: 20px; }
  .egdh-november__amounts { margin: 16px 0; }
}