.commerce-card { padding: 1rem; margin: 1.2rem 0; border: 1px solid #dce4d3; border-radius: 1rem; background: #f8faf5; scroll-margin-top: 7rem; }
.commerce-card fieldset { padding: 0; border: 0; margin: 0; min-width: 0; }
.commerce-card legend { font-size: .85rem; font-weight: 700; margin-bottom: .6rem; }
.commerce-options { display: flex; flex-wrap: wrap; gap: .5rem; }
.commerce-options label { position: relative; cursor: pointer; }
.commerce-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.commerce-options span { display: flex; align-items: center; min-height: 44px; padding: .5rem .9rem; border: 1px solid #87909e; border-radius: .45rem; background: #fff; font-size: .85rem; }
.commerce-options input:checked + span { border-color: #527a20; background: #eaf1df; box-shadow: inset 0 0 0 1px #527a20; }
.commerce-options input:focus-visible + span { outline: 3px solid #527a20; outline-offset: 3px; }
.commerce-card .commerce-price { margin: .8rem 0; font-size: 2rem; font-weight: 800; color: #152038; }
.commerce-card .modern-actions, .product-conversion__commerce .modern-actions { margin-top: 0; align-items: center; gap: 1rem; }
.commerce-specialist { display: inline-flex; align-items: center; min-height: 44px; color: #527a20; font-size: .85rem; font-weight: 700; text-decoration: underline; }
.commerce-card [data-commerce-status] { font-size: .85rem; }
.commerce-card [data-commerce-status]:empty { display: none; }
@media(min-width:1100px) {
 .commerce-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .8rem 1rem; align-items: center; }
 .commerce-card .commerce-price { margin: 0; }
 .commerce-card .modern-actions, .commerce-card [data-commerce-status] { grid-column: 1/-1; }
}