/* Murashky approved brand palette; three inline package previews and accessible modal */
#packages .packages-grid-v10 .package{display:flex;flex-direction:column}
#packages .format-visual{margin-top:22px;border-radius:18px;overflow:hidden;position:relative;border:1px solid rgba(151,94,149,.26);height:162px;isolation:isolate;background:#f4e9ef}
#packages .format-visual--story{background:#f7eef3;padding:14px}
#packages .format-mini-audios{height:100%;display:flex;flex-direction:column;justify-content:space-around;gap:8px}
#packages .format-mini-audio{background:#fffafc;border:1px solid #e7d5df;border-radius:12px;display:flex;align-items:center;padding:10px;gap:9px;color:#24152f}
#packages .format-mini-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f6c5a9;color:#24152f;font-size:19px}
#packages .format-mini-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
#packages .format-mini-copy b{font-size:13px}#packages .format-mini-copy small{font-size:10px;color:#755f77}
#packages .format-mini-ext{font-size:10px;letter-spacing:.07em;font-weight:800;color:#9f5ba0}
#packages button.format-mini-audio{width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}#packages button.format-mini-audio:hover{border-color:#9f5ba0}#packages button.format-mini-audio:focus-visible{outline:2px solid #9f5ba0;outline-offset:2px}#packages button.format-mini-audio.is-playing{border-color:#9f5ba0;box-shadow:0 0 0 3px #9f5ba02e}#packages button.format-mini-audio.is-playing .format-mini-ico{background:#9f5ba0;color:#fff1ea;font-size:14px}#packages .format-mini-audio audio{display:none}
#packages .format-visual--moment{background:#24152f;box-shadow:inset 0 0 0 1px #56315c}
#packages .format-gift-frame{width:100%;height:100%;position:relative;overflow:hidden}
#packages .format-gift-frame iframe{width:240%;height:310%;transform:scale(.42);transform-origin:top left;border:0;pointer-events:none}
#packages .format-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(36,21,47,.96));padding:32px 14px 11px;color:#fff1ea;font-size:12px;font-weight:700}
#packages .format-visual--premium{background:#301d36;border:1px solid #74597b}
#packages .format-video-poster{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff1ea;text-align:center;padding:12px;background:radial-gradient(circle at 62% 33%,rgba(159,91,160,.42),transparent 62%),linear-gradient(140deg,#24152f,#4b2e50)}
#packages .format-video-play{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffd889;color:#ffd889;border-radius:50%;font-size:19px;padding-left:2px}
#packages .format-video-poster span{font-size:10px;letter-spacing:.1em;color:#ffd889;font-weight:800}
#packages .format-video-poster b{font-size:16px;line-height:1.25}
#packages .format-video-poster small{font-size:10px;color:#d3bbd6}
#packages .format-open{width:100%;border:1px solid #a572a6;background:transparent;color:inherit;border-radius:15px;padding:14px 13px;margin-top:12px;font:800 13px/1.4 Manrope,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .2s ease,transform .2s ease}
#packages .format-open:hover{background:rgba(159,91,160,.12);transform:translateY(-1px)}
#packages .package-premium-v10 .format-open{border-color:#ffd889;color:#fff1ea}
#packages .package-recommended .format-open{border-color:#ffd889}
#packages .packages-grid-v10 .btn.full{margin-top:16px}
#packages .package-foot{margin-top:10px}
.format-modal-layer[hidden]{display:none!important}
.format-modal-layer{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}
.format-modal-backdrop{position:absolute;inset:0;background:rgba(21,10,28,.83);backdrop-filter:blur(6px)}
.format-dialog{position:relative;background:#fff7f5;color:#24152f;border:1px solid #e5cdda;border-radius:24px;width:min(850px,100%);max-height:min(91vh,900px);overflow:auto;padding:clamp(22px,4vw,42px);box-shadow:0 25px 80px #1f0e2b}
.format-close{position:sticky;top:0;float:right;width:42px;height:42px;display:grid;place-items:center;border:1px solid #dac0cf;border-radius:50%;background:#fff9fa;color:#24152f;font-size:28px;cursor:pointer;z-index:3}
.format-dialog-top{padding-right:40px}
.format-dialog-kicker{display:block;letter-spacing:.1em;font-size:11px;font-weight:800;color:#9f5ba0;margin-bottom:12px}
.format-dialog h2{font-size:clamp(24px,4vw,43px);line-height:1.2;margin:0 0 13px}
.format-dialog p{line-height:1.65}
.format-modal-audios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:23px 0}
.format-big-audio{background:#24152f;color:#fff1ea;border-radius:20px;padding:22px;min-width:0}
.format-big-number{font-weight:800;color:#ffd889;letter-spacing:.15em}
.format-big-audio h3{font-size:16px;margin:16px 0 8px}
.format-big-audio p{font-size:13px;color:#ded0df}
.format-big-audio small{font-size:11px;color:#ffd889;font-weight:700}
.format-wave{height:63px;display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:15px}
.format-wave i{flex:1;height:30%;border-radius:9px;background:linear-gradient(#ffd889,#d98fb6)}
.format-wave i:nth-child(3n+1){height:82%}.format-wave i:nth-child(4n+2){height:42%}.format-wave i:nth-child(5n){height:100%}.format-wave--alt i:nth-child(odd){height:88%}
.format-small-note{font-size:12px;color:#6e5b70;margin:15px 0 22px}
.format-dialog .format-modal-order{display:block;text-align:center;text-decoration:none}
.format-full-iframe{height:min(52vh,530px);border-radius:18px;overflow:hidden;border:1px solid #bfa5bf;background:#24152f;margin:18px 0}
.format-full-iframe iframe{width:100%;height:100%;border:0}
.format-demo-link{font-size:13px;font-weight:800;color:#56315c}
.format-full-video{background:#24152f;border-radius:20px;overflow:hidden;width:min(350px,100%);margin:15px auto}
.format-video-poster--large{min-height:355px}
.format-video-asset-note{background:rgba(255,241,234,.1);border-radius:12px;padding:12px;font-size:12px;line-height:1.5;color:#fff1ea}
.format-video-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}
.format-video-benefits li{background:#f6e6ed;border-radius:10px;padding:12px;font-size:13px}
body.format-modal-open{overflow:hidden}
@media(max-width:650px){.format-modal-audios,.format-video-benefits{grid-template-columns:1fr}.format-dialog{max-height:92dvh;padding:16px}.format-dialog-top{padding-right:44px}#packages .format-visual{height:172px}#packages .format-open{font-size:12px}}

#packages .format-gift-frame img {width:100%;height:100%;object-fit:cover;object-position:center 14%;display:block}
#packages .format-video-poster {background:linear-gradient(180deg,rgba(36,21,47,.10) 0%,rgba(36,21,47,.86) 100%),url('/assets/examples/premium-dodomu-poster.webp') center 55%/cover no-repeat}
.format-full-screenshot {margin:20px auto;border-radius:18px;overflow:auto;max-height:min(60vh,680px);max-width:450px;border:1px solid #bfa5bf;background:#24152f}
.format-full-screenshot img {display:block;width:100%;height:auto}
.format-full-video video {display:block;max-height:min(62vh,720px);width:100%;object-fit:contain;background:#24152f}
