.public-discount { width: min(1140px, calc(100% - 48px)); margin: 0 auto 88px; }
.public-discount[hidden] { display: none !important; }
.public-discount-card { position: relative; display: grid; overflow: hidden; grid-template-columns: minmax(0, 1.15fr) minmax(190px, .58fr) minmax(330px, .9fr); align-items: center; gap: 28px; border: 1px solid #34456a; border-radius: 20px; background: radial-gradient(circle at 84% 15%, rgba(98, 77, 241, .25), transparent 19rem), linear-gradient(135deg, #17233a, #111620 63%); padding: 29px 32px; box-shadow: 0 28px 75px rgba(0, 0, 0, .25); }
.public-discount-card::before { position: absolute; width: 260px; height: 260px; top: -210px; inset-inline-start: 14%; border: 1px solid rgba(139, 165, 255, .14); border-radius: 50%; box-shadow: 0 0 0 42px rgba(139, 165, 255, .025), 0 0 0 88px rgba(139, 165, 255, .018); content: ""; }
.public-discount-copy { position: relative; min-width: 0; }
.public-discount-kicker { display: inline-flex; align-items: center; gap: 8px; color: #9bb9ff; font-size: 11px; font-weight: 700; }
.public-discount-kicker::before { width: 7px; height: 7px; border-radius: 50%; background: #8b9fff; box-shadow: 0 0 0 5px rgba(139, 159, 255, .11); content: ""; }
.public-discount-copy h2 { margin: 11px 0 7px; color: #f4f7ff; font-size: 25px; line-height: 1.35; letter-spacing: -.025em; }
.public-discount-copy h2 strong { color: #9fb8ff; }
.public-discount-copy p { max-width: 470px; margin: 0; color: #9ba8bc; font-size: 12px; line-height: 1.9; }
.public-discount-copy a { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: #c5d5ff; font-size: 11px; font-weight: 700; }
.public-discount-copy a::after { content: "→"; }.public-discount-copy a:hover { color: #fff; }
html[dir="rtl"] .public-discount-copy a::after { content: "←"; }
.public-discount-code { position: relative; display: grid; min-height: 100px; align-content: center; justify-items: center; gap: 7px; border-inline: 1px solid rgba(255,255,255,.085); padding-inline: 24px; text-align: center; }
.public-discount-code > span { color: #8190a6; font-size: 10px; }
.public-discount-code code { color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 19px; font-weight: 800; letter-spacing: .08em; direction: ltr; }
.public-discount-code button { border: 0; background: transparent; padding: 3px 6px; color: #8daef5; font-size: 10px; font-weight: 700; cursor: pointer; }.public-discount-code button:hover { color: #c9d9ff; }
.public-discount-timer { position: relative; min-width: 0; }
.public-discount-timer > span { display: block; margin-bottom: 10px; color: #8f9db1; font-size: 10px; }
.public-discount-countdown { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; direction: ltr; }
.public-discount-countdown > span { display: grid; min-width: 0; gap: 4px; border: 1px solid rgba(255,255,255,.085); border-radius: 10px; background: rgba(5, 8, 14, .28); padding: 10px 5px 8px; text-align: center; }
.public-discount-countdown strong { color: #f2f5fc; font-size: 20px; font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.public-discount-countdown small { color: #78869a; font-size: 8px; }
.packages-page .public-discount { margin-bottom: 78px; }
html[lang="fa"] .public-discount-copy h2 { font-size: 22px; line-height: 1.6; }
@media (max-width: 900px) { .public-discount-card { grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr); }.public-discount-code { grid-column: 1 / -1; grid-row: 2; min-height: 76px; grid-template-columns: auto auto auto; align-items: center; border-block-start: 1px solid rgba(255,255,255,.085); border-inline: 0; padding: 18px 0 0; }.public-discount-code > span { justify-self: end; }.public-discount-code button { justify-self: start; } }
@media (max-width: 620px) { .public-discount { width: min(100% - 32px, 1140px); margin-bottom: 66px; }.public-discount-card { grid-template-columns: 1fr; gap: 22px; border-radius: 16px; padding: 24px 20px; }.public-discount-copy { text-align: center; }.public-discount-copy p { margin-inline: auto; }.public-discount-code { grid-column: auto; grid-row: auto; grid-template-columns: 1fr; gap: 6px; border-block: 1px solid rgba(255,255,255,.085); padding: 17px 0; }.public-discount-code > span, .public-discount-code button { justify-self: center; }.public-discount-timer > span { text-align: center; }.public-discount-countdown strong { font-size: 18px; }.packages-page .public-discount { margin-bottom: 58px; } }