.mk-poster-stage {
    min-height: 410px;
    background:
        radial-gradient(circle at 70% 18%, rgba(38, 137, 255, .2), transparent 31%),
        linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(213, 237, 253, .94));
}

.mk-poster-scene {
    width: min(78%, 320px);
    height: 335px;
    position: relative;
    z-index: 2;
    perspective: 950px;
    transition: transform .35s ease;
}

.mk-poster-scene:hover { transform: translateY(-3px); }
.mk-poster-shadow { width: 62%; height: 24px; position: absolute; left: 20%; bottom: 8px; border-radius: 50%; background: rgba(5, 31, 60, .25); filter: blur(15px); transform: rotate(-2deg); }
.mk-poster-tape { width: 58px; height: 17px; position: absolute; left: 50%; top: 4px; z-index: 5; background: rgba(213, 229, 239, .76); border: 1px solid rgba(255,255,255,.82); box-shadow: 0 3px 7px rgba(5,31,60,.12); transform: translateX(-50%) rotate(-3deg); }

.mk-poster-sheet {
    width: 208px;
    height: 294px;
    position: absolute;
    left: 50%;
    top: 17px;
    z-index: 3;
    padding: 27px 24px 21px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(158deg, #061426 0%, #0a3154 61%, #0d68a7 100%);
    border: 1px solid rgba(117, 208, 255, .28);
    border-radius: 3px;
    box-shadow: 0 28px 48px rgba(5, 31, 60, .3);
    transform: translateX(-50%) rotateY(-3deg) rotateZ(2deg);
    transition: .35s ease;
}

.mk-poster-sheet::before { content: ""; position: absolute; inset: 7px; z-index: 1; border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.mk-poster-sheet::after { content: ""; width: 210px; height: 210px; position: absolute; right: -110px; bottom: -88px; border-radius: 50%; border: 1px solid rgba(105,202,255,.38); box-shadow: 0 0 0 31px rgba(105,202,255,.055), 0 0 0 62px rgba(105,202,255,.028); }
.mk-poster-orbit { width: 128px; height: 128px; position: absolute; right: -58px; top: -50px; border: 1px solid rgba(105,202,255,.32); border-radius: 50%; box-shadow: 0 0 0 24px rgba(105,202,255,.045); }
.mk-poster-brand { display: flex; align-items: center; gap: 7px; position: relative; z-index: 3; font-size: 8px; }
.mk-poster-brand > b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #1d79ed; font-size: 11px; }
.mk-poster-brand strong { color: #72d2ff; }
.mk-poster-sheet > small { display: block; margin-top: 52px; position: relative; z-index: 3; color: #73d4ff; font-size: 6px; font-weight: 850; letter-spacing: .18em; }
.mk-poster-sheet h3 { margin: 8px 0 11px; position: relative; z-index: 3; font-size: 28px; line-height: .9; letter-spacing: -.055em; }
.mk-poster-sheet p { width: 86%; margin: 0; position: relative; z-index: 3; color: #c1d7e5; font-size: 6px; line-height: 1.55; }
.mk-poster-sheet footer { position: absolute; left: 24px; right: 24px; bottom: 22px; z-index: 3; display: flex; align-items: center; justify-content: space-between; color: #c5dfed; font-size: 6px; font-weight: 700; }
.mk-poster-sheet footer b { width: 23px; height: 23px; display: grid; place-items: center; color: #061426; background: #72d2ff; border-radius: 50%; font-size: 7px; }
.mk-poster-sheet.size-large { width: 220px; height: 310px; top: 8px; }
.mk-poster-sheet.size-small { width: 190px; height: 269px; top: 28px; padding-left: 21px; padding-right: 21px; }
.mk-poster-sheet.paper-heavy { box-shadow: inset 0 0 0 2px rgba(255,255,255,.07), 0 28px 48px rgba(5,31,60,.3); }

.mk-catalog-note { margin: 15px 0 0; padding: 13px 15px; color: #5b7184; background: #f4f9fd; border: 1px solid #dfebf3; border-radius: 11px; font-size: 10px; line-height: 1.65; }
.mk-catalog-note a { color: #1769ec; font-weight: 800; }
.mk-related-products { margin: 34px 0; padding: 28px; display: grid; grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr); gap: 28px; background: linear-gradient(135deg, #07182c, #0e385f); border-radius: 22px; box-shadow: 0 18px 48px rgba(5,31,60,.14); }
.mk-related-products > div > span { color: #72d2ff; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.mk-related-products h2 { margin: 6px 0 0; color: #fff; font-size: 25px; line-height: 1.15; letter-spacing: -.035em; }
.mk-related-products nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mk-related-products nav a { min-height: 43px; padding: 8px 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #c7d9e7; background: rgba(255,255,255,.055); border: 1px solid rgba(162,214,248,.12); border-radius: 9px; font-size: 9px; font-weight: 700; transition: .18s; }
.mk-related-products nav a:hover { color: #fff; background: rgba(255,255,255,.1); border-color: rgba(114,210,255,.3); transform: translateY(-1px); }
.mk-related-products nav b { color: #72d2ff; font-size: 12px; }

@media (max-width: 1180px) {
    .mk-poster-stage { min-height: 365px; }
    .mk-poster-scene { width: min(70%, 300px); height: 300px; }
    .mk-poster-sheet { transform: translateX(-50%) rotateY(-3deg) rotateZ(2deg) scale(.9); transform-origin: top center; }
    .mk-related-products { grid-template-columns: 1fr; }
    .mk-related-products nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .mk-poster-stage { min-height: 325px; }
    .mk-poster-scene { width: min(84%, 285px); height: 275px; }
    .mk-poster-sheet { transform: translateX(-50%) rotateY(-3deg) rotateZ(2deg) scale(.8); }
    .mk-related-products { padding: 20px; }
    .mk-related-products nav { grid-template-columns: 1fr; }
}
