.m2y-product-boxes { margin-top:14px; }
.m2y-product-boxes:empty { display:none; }
.m2y-product-period { font-size:12px; line-height:1.5; color:#666; margin:0 0 12px; }
.m2y-product-boxes .m2y-product-box { display:flex; align-items:center; gap:13px; width:100%; box-sizing:border-box; padding:14px 16px; margin:0 0 12px; border:1px solid #dce7df; border-radius:5px; background:var(--m2y-box-bg,#f3f9f5); color:var(--m2y-box-color,#2c4032); text-decoration:none; }
.m2y-product-box__icon { display:flex; flex:0 0 38px; height:38px; align-items:center; justify-content:center; border-radius:50%; background:#deefe3; color:#387747; }
.m2y-product-box__icon svg { width:21px; height:21px; }
.m2y-product-box__copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.m2y-product-box__copy strong { font-size:14px; line-height:1.4; font-weight:700; }
.m2y-product-box__copy > span { font-size:12px; line-height:1.5; }
.m2y-product-box__link { text-decoration:underline; font-weight:700; }
.m2y-product-box__arrow { font-size:23px; line-height:1; margin-left:auto; }
.m2y-product-box__image { display:block; flex:0 0 76px; width:76px; max-height:90px; object-fit:contain; }
.m2y-product-boxes .m2y-product-box--banner { display:block; padding:0; overflow:hidden; }
.m2y-product-box--banner .m2y-product-box__image { width:100%; max-height:240px; object-fit:contain; background:#fff; }
.m2y-product-box--banner .m2y-product-box__copy { padding:12px 16px; }
.m2y-product-boxes a.m2y-product-box:hover { border-color:#8eb49a; }
.m2y-product-boxes a:focus-visible { outline:2px solid #347446; outline-offset:3px; }
.m2y-product-boxes[hidden], .m2y-product-boxes [hidden] { display:none !important; }
@media(max-width:540px) { .m2y-product-boxes .m2y-product-box { padding:12px; gap:10px; } .m2y-product-box__icon { flex-basis:32px; height:32px; } .m2y-product-box__image { flex-basis:58px; width:58px; } .m2y-product-boxes .m2y-product-box--banner { padding:0; } .m2y-product-box--banner .m2y-product-box__image { width:100%; max-height:200px; } }

/* A bare image is a full-width banner even when Compact was selected. */
.m2y-product-boxes .m2y-product-box--image-only { display:block; width:100%; padding:0; border:0; background:transparent; box-shadow:none; overflow:hidden; border-radius:5px; }
.m2y-product-boxes .m2y-product-box--image-only .m2y-product-box__image { display:block; width:100%; max-width:100%; height:auto; max-height:none; flex:none; object-fit:contain; background:transparent; margin:0; padding:0; border:0; }