/* Original promotions/promotions_list composition, scoped to promotion previews. */
.md-promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.md-promo-card{position:relative;isolation:isolate;display:flex;flex-direction:column;height:380px;min-width:0;overflow:hidden;border-radius:30px;background:rgba(255,255,255,.5);color:#323232}
.md-promo-image{display:block;flex:none;width:100%;height:200px;object-fit:cover;transition:height .3s ease,transform .3s ease}
.md-promo-info{position:relative;min-height:0;flex:1;padding:20px 20px 50px;overflow:hidden}
.md-promo-info h3{font-family:MagicDentChrome,Mulish,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.3;color:#109548;margin:0;text-wrap:pretty;overflow-wrap:anywhere}
.md-promo-info p{font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:1.3;margin:10px 0 0;color:#323232}
.md-promo-card:not(.md-promo-wide) .md-promo-info::after{content:"";position:absolute;bottom:0;left:0;right:0;height:65px;background:linear-gradient(180deg,rgba(244,244,244,0),#f4f4f4);pointer-events:none}
.md-promo-arrow{position:absolute;right:20px;bottom:15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#109548;z-index:2}
.md-promo-arrow svg{width:20px;height:20px}
.md-promo-deadline{position:absolute;top:20px;left:20px;z-index:2;max-width:calc(100% - 40px);padding:5px 10px;border-radius:5px;background:rgba(16,149,72,.85);color:#fff;font-size:16px;line-height:1.3}
.md-promo-wide{grid-column:span 2;justify-content:center;background:#234b36}
.md-promo-wide .md-promo-image{position:absolute;inset:0;height:100%;z-index:-2}
.md-promo-wide::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:-1}
.md-promo-wide .md-promo-info{flex:0 1 auto;padding:50px 20px;overflow:visible}
.md-promo-wide h3{font-size:32px;line-height:1.2;color:#fff}
.md-promo-wide p{color:#fff;opacity:0;margin:20px 0 0;transition:opacity .3s ease}
.md-promo-no-image:not(.md-promo-wide) .md-promo-info{padding-top:70px}
.md-promo-wide .md-promo-arrow{color:#fff;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.md-promo-card:focus-visible{outline-offset:5px;overflow:visible}
@media(hover:hover) and (pointer:fine){.md-promo-card:hover,.md-promo-card:focus-visible{background:#fff;color:#323232}.md-promo-card:is(:hover,:focus-visible) .md-promo-arrow{background:#109548;color:#fff}.md-promo-card:not(.md-promo-wide):is(:hover,:focus-visible) .md-promo-image{height:52px}.md-promo-card:not(.md-promo-wide):is(:hover,:focus-visible) .md-promo-info::after{opacity:0}.md-promo-wide:is(:hover,:focus-visible){background:#234b36}.md-promo-wide:is(:hover,:focus-visible) .md-promo-image{transform:scale(1.1)}.md-promo-wide:is(:hover,:focus-visible) p{opacity:1}}
@media(max-width:1100px){.md-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.md-promo-grid{grid-template-columns:1fr;gap:20px}.md-promo-card{height:auto;min-height:340px}.md-promo-wide{grid-column:auto;min-height:340px}.md-promo-wide h3{font-size:24px}.md-promo-card:not(.md-promo-wide) .md-promo-info::after{display:none}.md-promo-info{overflow:visible}.md-promo-wide p{max-height:none;opacity:1;margin-top:20px}.md-promo-wide .md-promo-info{padding:60px 20px}.md-promo-info h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.md-promo-image,.md-promo-wide h3,.md-promo-wide p{transition:none}}