.mgk-offer-masonry {width: min(100%, 1310px);margin: 0 auto;padding: clamp(18px, 3vw, 34px) 0 clamp(36px, 5vw, 72px);}
.mgk-offer-masonry__intro {max-width: 860px;margin: 0 auto clamp(28px, 4vw, 48px);text-align: center;}
.mgk-offer-masonry__eyebrow {margin: 0 0 12px;color: #58bceb;font-family: "Michroma", sans-serif;font-size: 0.72rem;letter-spacing: 0.18em;text-transform: uppercase;}
.mgk-offer-masonry__title {margin: 0;color: var(--wp--preset--color--space-text);font-size: clamp(1.55rem, 3vw, 2.35rem);line-height: 1.18;}
.mgk-offer-masonry__lead {max-width: 760px;margin: 18px auto 0;color: var(--wp--preset--color--space-muted);}
.mgk-offer-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-auto-rows: minmax(clamp(310px, 24vw, 390px), auto);grid-auto-flow: dense;gap: clamp(14px, 1.6vw, 22px);}
.mgk-offer-card {position: relative;display: flex;flex-direction: column;justify-content: flex-start;gap: clamp(14px, 1.5vw, 20px);min-height: 0;grid-column: span 1;grid-row: span 1;padding: clamp(20px, 2.2vw, 32px);border: 1px solid rgba(115, 169, 209, 0.2);border-radius: 18px;background: linear-gradient(145deg, rgba(3, 25, 42, 0.88), rgba(1, 12, 24, 0.74)), radial-gradient(circle at 18% 16%, rgba(88, 188, 235, 0.18), transparent 34%), radial-gradient(circle at 82% 88%, rgba(255, 0, 0, 0.1), transparent 32%);box-shadow: inset 0 0 18px rgba(88, 188, 235, 0.055);overflow: hidden;transition: border-color 0.42s cubic-bezier(0.22, 0.8, 0.24, 1), transform 0.42s cubic-bezier(0.22, 0.8, 0.24, 1), box-shadow 0.42s cubic-bezier(0.22, 0.8, 0.24, 1), background-color 0.42s ease;}
.mgk-offer-card:hover, .mgk-offer-card:focus-within {border-color: rgba(96, 176, 255, 0.56);box-shadow: inset 0 0 22px rgba(88, 188, 235, 0.08);transform: translateY(-4px);}
.mgk-offer-card--horizontal, .mgk-offer-card--wide, .mgk-offer-card--hero {grid-column: span 2;grid-row: span 1;}
.mgk-offer-card--vertical, .mgk-offer-card--tall {grid-column: span 1;grid-row: span 2;}
.mgk-offer-card--hero {background: linear-gradient(145deg, rgba(3, 25, 42, 0.78), rgba(1, 12, 24, 0.7)), radial-gradient(circle at 24% 22%, rgba(88, 188, 235, 0.22), transparent 36%), radial-gradient(circle at 78% 78%, rgba(255, 0, 0, 0.14), transparent 34%);}
.mgk-offer-card--horizontal {display: grid;grid-template-columns: minmax(0, calc(100% - var(--mgk-offer-media-share, 50%))) minmax(0, var(--mgk-offer-media-share, 50%));grid-template-areas: "header media" "body media";align-items: stretch;column-gap: clamp(16px, 2vw, 28px);row-gap: clamp(14px, 1.5vw, 20px);}
.mgk-offer-card--vertical {display: flex;flex-direction: column;gap: clamp(14px, 1.6vw, 22px);}
.mgk-offer-card__header {position: static;grid-area: header;display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;padding-right: 46px;min-height: 40px;}
.mgk-offer-card__icon {position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;flex: 0 0 40px;}
.mgk-offer-card__icon img {display: block;width: 32px;max-height: 32px;filter: invert(66%) sepia(34%) saturate(656%) hue-rotate(172deg) brightness(101%) contrast(94%);transition: filter 0.38s ease, transform 0.42s cubic-bezier(0.22, 0.8, 0.24, 1);}
.mgk-offer-card:hover .mgk-offer-card__icon img, .mgk-offer-card:focus-within .mgk-offer-card__icon img {filter: brightness(0) invert(1);transform: translateY(-2px) scale(1.04);}
.mgk-offer-card__index {position: absolute;z-index: 4;top: 20px;right: 20px;color: rgba(88, 188, 235, 0.26);font-family: "Michroma", sans-serif;font-size: 0.68rem;letter-spacing: 0.18em;pointer-events: none;}
.mgk-offer-card__body {position: relative;z-index: 1;grid-area: body;min-width: 0;margin-top: 0;}
.mgk-offer-card--vertical .mgk-offer-card__header {order: 2;}
.mgk-offer-card--vertical .mgk-offer-card__body {order: 3;flex: 1 1 auto;}
.mgk-offer-card__media {position: relative;z-index: 1;grid-area: media;display: flex;align-items: center;justify-content: center;min-height: clamp(92px, 10vw, 150px);max-height: clamp(120px, 12vw, 190px);margin: clamp(8px, 1.6vw, 18px) 0;overflow: visible;border-radius: 0;background: transparent;}
.mgk-offer-card--horizontal .mgk-offer-card__media, .mgk-offer-card--vertical .mgk-offer-card__media {min-height: 0;max-height: none;margin: 0;}
.mgk-offer-card--horizontal .mgk-offer-card__media {height: 100%;}
.mgk-offer-card--vertical .mgk-offer-card__media {order: 1;height: auto;flex: 0 0 var(--mgk-offer-media-share, 50%);min-height: 0;}
.mgk-offer-card__media img {display: block;width: 100%;height: auto;object-fit: cover;filter: none;transition: transform 0.55s cubic-bezier(0.22, 0.8, 0.24, 1);}
.mgk-offer-card:hover .mgk-offer-card__media img, .mgk-offer-card:focus-within .mgk-offer-card__media img {transform: scale(1.018);}
.mgk-offer-card__title {margin: 0 0 12px;color: var(--wp--preset--color--space-text);font-family: "Michroma", sans-serif;font-size: clamp(0.95rem, 1.35vw, 1.18rem);line-height: 1.22;}
.mgk-offer-card--hero .mgk-offer-card__title {font-size: clamp(1.18rem, 2vw, 1.72rem);}
.mgk-offer-card__text, .mgk-offer-card__text p {margin: 0;color: var(--wp--preset--color--space-muted);font-size: 0.8rem;line-height: 1.52;overflow-wrap: anywhere;}
.mgk-offer-card__text p + p {margin-top: 0.7em;}
.mgk-offer-actions {display: flex;flex-wrap: wrap;justify-content: center;gap: clamp(14px, 2vw, 24px);margin-top: clamp(30px, 4.5vw, 64px);}
.mgk-masonry-faq {width: min(100%, 1310px);margin: clamp(48px, 6vw, 88px) auto 0;}
.mgk-masonry-section__eyebrow {margin: 0 0 12px;color: #58bceb;font-family: "Michroma", sans-serif;font-size: 0.7rem;letter-spacing: 0.18em;text-align: center;text-transform: uppercase;}
.mgk-masonry-section__title {margin: 0 auto clamp(24px, 3.4vw, 42px);max-width: 820px;color: var(--wp--preset--color--space-text);font-family: "Michroma", sans-serif;font-size: clamp(1.35rem, 2.8vw, 2.45rem);line-height: 1.18;text-align: center;}
.mgk-masonry-faq__items {display: grid;gap: clamp(8px, 1vw, 14px);}
.mgk-faq-item {position: relative;border: 1px solid rgba(115, 169, 209, 0.22);border-radius: 18px;background: linear-gradient(145deg, rgba(3, 25, 42, 0.86), rgba(1, 12, 24, 0.72)), radial-gradient(circle at 12% 22%, rgba(88, 188, 235, 0.12), transparent 34%);box-shadow: inset 0 0 22px rgba(88, 188, 235, 0.04), 0 0 24px rgba(88, 188, 235, 0.07);overflow: hidden;transition: border-color 0.18s ease;}
.mgk-faq-item[open] {border-color: rgba(234, 246, 255, 0.46);box-shadow: inset 0 0 24px rgba(234, 246, 255, 0.05), 0 0 28px rgba(234, 246, 255, 0.12);}
.mgk-faq-item__summary {position: relative;display: grid;grid-template-columns: auto minmax(0, 1fr);align-items: center;gap: clamp(8px, 1.6vw, 12px);min-height: 0;padding: clamp(8px, 0.9vw, 12px) clamp(50px, 4vw, 62px) clamp(8px, 0.9vw, 12px) clamp(14px, 1.4vw, 20px);color: #58bceb;cursor: pointer;list-style: none;transition: color 0.18s ease;}
.mgk-faq-item__summary::-webkit-details-marker {display: none;}
.mgk-faq-item__index {color: rgba(88, 188, 235, 0.26);font-family: "Michroma", sans-serif;font-size: 0.62rem;letter-spacing: 0.18em;}
.mgk-faq-item__question {color: #58bceb;font-family: "Michroma", sans-serif;font-size: clamp(0.81rem, 1.08vw, 0.99rem);line-height: 1.35;text-align: left;transition: color 0.18s ease;}
.mgk-faq-item[open] .mgk-faq-item__question {color: #ffffff;}
.mgk-faq-item__toggle {position: absolute;top: 50%;right: clamp(14px, 1.4vw, 20px);transform: translateY(-50%);width: 28px;height: 28px;border: 1px solid rgba(96, 176, 255, 0.46);border-radius: 50%;box-shadow: 0 0 14px rgba(88, 188, 235, 0.12);transition: border-color 0.18s ease;}
.mgk-faq-item__toggle::before, .mgk-faq-item__toggle::after {content: "";position: absolute;inset: 50% auto auto 50%;width: 12px;height: 2px;background: #58bceb;transform: translate(-50%, -50%);transition: transform 0.18s ease, background-color 0.18s ease;}
.mgk-faq-item__toggle::after {transform: translate(-50%, -50%) rotate(90deg);}
.mgk-faq-item[open] .mgk-faq-item__toggle {border-color: rgba(234, 246, 255, 0.78);box-shadow: 0 0 18px rgba(234, 246, 255, 0.18);}
.mgk-faq-item[open] .mgk-faq-item__toggle::before, .mgk-faq-item[open] .mgk-faq-item__toggle::after {background: #ffffff;}
.mgk-faq-item[open] .mgk-faq-item__toggle::after {transform: translate(-50%, -50%) rotate(0deg);}
.mgk-faq-item__content {color: #58bceb;font-size: 0.774rem;line-height: 1.6;display: block;padding: 0 clamp(14px, 1.4vw, 20px) clamp(8px, 0.9vw, 12px);}
.mgk-faq-item__content-inner {min-height: 0;overflow: hidden;}
.mgk-faq-item__content p {margin: 0;}
.mgk-faq-item__content p + p {margin-top: 0.75em;}
.mgk-faq-item__content strong, .mgk-faq-item__content b {color: var(--wp--preset--color--space-text);font-weight: 700;}
.mgk-faq-item__content del, .mgk-faq-item__content s {opacity: 0.68;text-decoration-color: rgba(234, 246, 255, 0.72);text-decoration-thickness: 1px;}
.mgk-faq-item__content ul, .mgk-faq-item__content ol {margin: 0.7em 0 0 !important;margin-inline-start: 14px !important;padding-inline-start: 0 !important;color: inherit;}
.mgk-faq-item__content li {margin: 0.28em 0 !important;padding-inline-start: 24px !important;color: inherit;}
.mgk-offer-masonry__empty {color: var(--wp--preset--color--space-muted);text-align: center;}
.mgk-offer-masonry__cta {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;margin-top: clamp(28px, 4vw, 46px);}
@media (max-width: 980px) {.mgk-offer-grid {grid-template-columns: repeat(2, minmax(0, 1fr));grid-auto-rows: minmax(260px, auto);}
.mgk-offer-card, .mgk-offer-card--wide, .mgk-offer-card--hero, .mgk-offer-card--horizontal, .mgk-offer-card--vertical, .mgk-offer-card--tall {display: flex;flex-direction: column;grid-column: span 1;grid-row: span 1;min-height: 260px;}
.mgk-offer-card--horizontal .mgk-offer-card__media, .mgk-offer-card--vertical .mgk-offer-card__media {min-height: clamp(140px, 28vw, 220px);height: auto;}
}
@media (max-width: 640px) {.mgk-offer-grid {grid-template-columns: 1fr;}
.mgk-offer-actions {align-items: center;flex-direction: column;gap: 14px;margin-top: 28px;padding-inline: 12px;}
.mgk-offer-actions .mgk-cosmic-button {box-sizing: border-box;width: min(100%, 420px);min-width: 0;padding: 13px 20px;font-size: 0.72rem;}
.mgk-offer-card, .mgk-offer-card--hero, .mgk-offer-card--tall {min-height: 0;}
}
.mgk-faq-item__summary > br {display:none}
.mgk-faq-item__summary:focus-visible {outline:2px solid #58bceb;outline-offset:-4px;border-radius:16px}
@media(prefers-reduced-motion:reduce){
 .mgk-faq-item, .mgk-faq-item * {transition:none!important;animation:none!important}
}

/* Fixed scenery is a sibling of the changing document, without a negative layer. */
body.mgk-offer-screen .wp-site-blocks {isolation:auto}
body.mgk-offer-screen .wp-site-blocks::before,
body.mgk-offer-screen .wp-site-blocks::after {content:none}
.mgk-offer-backdrop {position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 100%,rgba(0,114,188,.3),transparent 40%),radial-gradient(circle at 50% 0%,rgba(0,0,0,.25),transparent 45%),url("../images/bg-stars.webp") center center / cover no-repeat,linear-gradient(180deg,#000 0%,#001726 45%,#00497c 100%)}
.mgk-offer-fade {position:fixed;inset:auto 0 0;height:16vh;z-index:40;pointer-events:none;background:linear-gradient(0deg,rgba(0,73,124,.95) 0%,rgba(0,73,124,.58) 50%,rgba(0,73,124,0) 100%);transition:opacity .28s ease}
body.mgk-at-page-bottom .mgk-offer-fade {opacity:0}
/* Backgrounds already respect border-radius; no large rounded clipping surface is needed. */
body.mgk-offer-screen .mgk-faq-item {overflow:visible}

/* Fade only the answer; the document geometry settles immediately. */
.mgk-faq-item[open] .mgk-faq-item__content-inner {
 animation:mgk-faq-answer-in .5s ease-out;
}
@keyframes mgk-faq-answer-in {
 from {opacity:0}
 to {opacity:1}
}
.mgk-faq-item {transition:border-color .5s ease}
.mgk-faq-item__question {transition:color .5s ease}
.mgk-faq-item__toggle::before,
.mgk-faq-item__toggle::after {transition:transform .5s ease,background-color .5s ease}

.mgk-faq-item__content :is(p,ul,ol,li) {font-size:inherit}