.monthly-feature{display:grid;grid-template-columns:156px minmax(0,1fr) minmax(160px,220px);gap:20px 26px;align-items:center;margin:24px 0;padding:26px 30px;border:1px solid #a7c39a;border-radius:26px;background:#123f31;color:#fff;box-shadow:0 8px 24px #17352c12;overflow-wrap:anywhere}.monthly-feature[hidden]{display:none!important}.monthly-heading{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-bottom:14px;border-bottom:1px solid #ffffff30}.monthly-heading h2{margin:0;font-size:1.125rem;line-height:1.4;color:#e0f68e}.monthly-month{font-size:.9375rem;text-transform:capitalize;color:#ecf4ef}.monthly-label{margin-left:auto;border:1px solid #cde0d4;border-radius:999px;padding:6px 12px;font-size:.875rem;line-height:1.4;color:#fff}.monthly-logo{position:relative;display:grid;place-items:center;width:156px;max-width:100%;height:136px;padding:12px;border-radius:20px;background:#fff;color:#123f31;font-size:2rem;font-weight:800;overflow:hidden}.monthly-logo img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;background:#fff}.monthly-content{min-width:0}.monthly-content h3{margin:0 0 8px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.025em}.monthly-content p{margin:0;font-size:1rem;line-height:1.55;color:#f4f8f5}.monthly-content .monthly-condition{margin-top:10px;font-size:.875rem;color:#d8e9dd}.monthly-action{display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:0}.monthly-discount{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.15;color:#e0f68e;letter-spacing:-.035em}.monthly-link{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:13px;background:#e0f68e;color:#17352c;font-size:1rem;font-weight:750;text-decoration:none}.monthly-link:hover{background:#edffb4}.monthly-link:focus-visible{outline:3px solid #fff;outline-offset:4px}.monthly-note{grid-column:1/-1;margin:0;font-size:.875rem;line-height:1.5;color:#d8e9dd}
@media(max-width:700px){.monthly-feature{grid-template-columns:92px minmax(0,1fr);gap:16px;padding:20px;border-radius:22px}.monthly-heading{gap:8px 12px}.monthly-heading h2{width:100%;font-size:1.125rem}.monthly-label{margin-left:0}.monthly-month{margin-right:auto}.monthly-logo{width:92px;height:92px;border-radius:16px;padding:8px}.monthly-logo img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.monthly-content h3{font-size:1.5rem}.monthly-action{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr);align-items:center;gap:12px}.monthly-discount{font-size:1.8rem}.monthly-note{font-size:.875rem}}
@media(max-width:360px){.monthly-feature{padding:16px;gap:14px;grid-template-columns:76px minmax(0,1fr)}.monthly-logo{width:76px;height:76px}.monthly-action{grid-template-columns:1fr}}
.monthly-content .monthly-brand-name{margin:0 0 8px;font-size:.9375rem;font-weight:650;color:#d8e9dd}.monthly-content .monthly-description{white-space:pre-wrap}