.srp-ad {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(100% - 24px, 1180px);
  margin: 24px auto;
  overflow: hidden;
  color: #65788b;
  background: #f7f9fb;
  border: 1px solid #dce5ed;
  border-radius: 12px;
}

.srp-ad[hidden] { display: none !important; }
.srp-ad-label {
  display: block;
  width: 100%;
  padding: 5px 10px 3px;
  font: 700 10px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

.srp-ad-host { max-width: 100%; margin: 0 auto 8px; }
.srp-ad--banner { min-height: 120px; }
.srp-ad--rectangle { width: min(100% - 24px, 336px); min-height: 286px; margin-block: 34px; }
.srp-ad--native { min-height: 132px; padding: 0 10px 10px; }
.srp-ad--native .srp-ad-host { width: 100%; }
.srp-ad--rail { display: none; }

@media (max-width: 760px) {
  .srp-ad { margin-block: 18px; border-radius: 10px; }
  .srp-ad--banner { min-height: 78px; }
  .srp-ad--rectangle { margin-block: 26px; }
  .srp-ad--native { min-height: 116px; }
}

@media (min-width: 1600px) {
  .srp-ad--rail {
    position: fixed;
    z-index: 15;
    top: 118px;
    right: 18px;
    display: flex;
    width: 176px;
    min-height: 636px;
    margin: 0;
    background: #fff;
    box-shadow: 0 10px 30px rgba(16, 42, 67, 0.12);
  }
}

@media print {
  .srp-ad { display: none !important; }
}