/* Flush, parallel faces in both resting states. Keep the shared flip. */
.p12-card .p12-rotor{transform:rotateY(0deg);transform-origin:center center}
.p12-card.is-flipped .p12-rotor{transform:rotateY(180deg)}
.p12-card .p12-rotor:after{display:none}
.p12-card .p12-back{transform:rotateY(180deg)}
/* The same legible sticker directly below the top plan price. */
.p12-front>.discount16.compact,.p12-video-price>.discount16{width:248px;max-width:calc(100% - 16px);min-height:86px;box-sizing:border-box;padding:14px 18px;gap:14px;border-radius:22px;font-size:14px;line-height:1.4;white-space:normal;transform:rotate(-6deg)!important}
.p12-front>.discount16.compact{margin:20px 8px 22px;align-self:flex-start;flex-shrink:0}
.p12-front>.discount16.compact>b,.p12-video-price>.discount16>b{font-size:34px}
.p12-front>.discount16.compact small,.p12-video-price>.discount16 small{display:block!important;font-size:12px;line-height:1.4}
/* Sticker and price sit side by side, with the action underneath the price. */
.p12-video-offer{grid-template-columns:minmax(145px,24%) minmax(190px,1fr) auto}
.p12-video-offer .p12-video-price{display:grid;grid-template-columns:248px auto;grid-template-rows:auto auto;align-items:center;column-gap:24px;row-gap:10px}
.p12-video-price>.discount16{grid-column:1;grid-row:1 / 3;max-width:none;margin:8px 0!important;order:initial}
.p12-video-price>strong{grid-column:2;grid-row:1;white-space:nowrap}.p12-video-price>.button{grid-column:2;grid-row:2}
/* Transparent live scenes inherit the whole card's background, not a sub-panel. */
.living-stage,.visual.stage,.service-tile>.visual,.service-focus>.visual,.custom-interactive>.visual{background:transparent!important;border:0!important;box-shadow:none!important}
.living-stage:before,.living-stage:after{display:none!important}
.living-stage canvas{background:transparent!important}
.living-stage>.fallback{background:transparent!important;mask-image:radial-gradient(ellipse 65% 65% at center,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 65% at center,#000 45%,transparent 100%)}
/* Feather only photographic surfaces; live WebGL geometry stays unmasked. */
.p12-service-image{background:transparent!important}.p12-service-image .media-surface13{mask-image:radial-gradient(ellipse 77% 80% at center,#000 44%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 77% 80% at center,#000 44%,transparent 100%)}
.p12-service{background:radial-gradient(ellipse at 35% 25%,#20364e,#0b1c30 75%)}
.p12-product>.product-surface13{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 88%,transparent)}
/* Undo V17's added hero ribbons; original environments remain active. */
.hero-lines17{display:none!important}
@media(max-width:1200px) and (min-width:761px){.p12-video-offer{grid-template-columns:18% minmax(170px,1fr) auto;gap:14px;padding-inline:20px}.p12-video-offer .p12-video-price{grid-template-columns:220px auto;column-gap:14px}.p12-video-price>.discount16{width:220px;padding:12px 14px}.p12-video-price>strong{font-size:26px}.p12-video-price>.button{padding:14px 12px;font-size:13px}}
@media(max-width:760px){.p12-video-offer{display:block}.p12-video-offer .p12-video-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;margin-top:20px}.p12-video-price>.discount16{width:100%;max-width:100%;padding:12px 10px;gap:7px;font-size:12px;margin:8px 0!important}.p12-video-price>.discount16>b{font-size:26px}.p12-video-price>.discount16 small{font-size:11px}.p12-video-price>strong{font-size:25px;padding:12px 8px}.p12-video-price>strong small{font-size:11px}.p12-video-price>.button{padding:14px 9px;font-size:12px}.p12-front>.discount16.compact{max-width:calc(100% - 16px)}}