/* Package media cards: one look for photo and video packages on virtual.photo and ivan.virtual.photo.
   Same file is published as /assets/media-cards.css (virtual.photo) and /media-cards.css (ivan). */
.mcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mcards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.mcards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.mcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mcards,.mcards.four{grid-template-columns:1fr}}
.mcard{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#102492;color:#fff;border:1px solid #071F9D;border-top:5px solid #28C100;border-radius:10px;box-shadow:0 15px 30px #0C154844;padding:0;gap:0}
.mcard.featured{border-color:#BDFC19;box-shadow:0 0 0 2px #BDFC19,0 15px 30px #0C154866}
.mcard-art{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#0C1548;border-bottom:1px solid #ffffff22}
.mcard-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 22px 24px}
.mcard-meta{margin:0;font:700 11px/1.4 "DM Sans",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#BDFC19}
.mcard h3{margin:0;font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:26px;line-height:1.15;letter-spacing:-.02em;color:#fff}
.mcard .mcard-tag{margin:0;font-weight:700;font-size:16px;line-height:1.45;color:#fff;opacity:1}
.mcard .mcard-desc{margin:0;font-size:15px;line-height:1.6;color:#E1E7FF;opacity:1;max-width:none}
.mcard-bonus{display:flex;align-items:center;gap:10px;margin:2px 0 0;padding-left:10px;border-left:3px solid #BDFC19;color:#fff;font-size:13px;font-weight:700;line-height:1.5;text-decoration:underline;text-decoration-color:#BDFC19;text-underline-offset:4px}
.mcard-bonus img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.mcard-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;border-top:1px solid #ffffff44;padding-top:18px}
.mcard-price small{display:block;font-size:10px;letter-spacing:.16em;font-weight:700}
.mcard-price strong{display:block;font-size:34px;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.mcard-price strong.quote{font-size:22px;letter-spacing:.02em;font-weight:700}
.mcard-price .tax{display:block;font-size:11px;letter-spacing:.06em;font-weight:500;opacity:.85;margin-top:2px}
.mcard-actions{display:flex;flex-direction:column;gap:8px}
.mcard-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 18px;border-radius:8px;border:2px solid transparent;background:#BDFC19;color:#0C1548;font:800 16px/1.2 "DM Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px #0004;transition:transform .12s,background .12s,border-color .12s}
.mcard-cta:hover{transform:translateY(-1px);background:#d3ff65}
.mcard-cta.secondary{background:transparent;color:#fff;border-color:#ffffffaa;box-shadow:none}
.mcard-cta.secondary:hover{background:transparent;border-color:#BDFC19;color:#BDFC19}
.mcard-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mcard-cta small{font-weight:500;font-size:12px}
.mcard .pay-row,.mcard .copy-link{margin:0}
@media (prefers-reduced-motion:reduce){.mcard-cta{transition:none}}
