.mobile-specification-groups-native[hidden] { display: none !important; }
.mobile-specification-groups { padding: 12px 0 16px; margin-bottom: 12px; border-bottom: 1px solid #dce2e7; color: #242e35; letter-spacing: 0; }
.mobile-specification-groups-group + .mobile-specification-groups-group { border-top: 1px solid #e1e6ec; padding-top: 12px; margin-top: 12px; }
.mobile-specification-groups h3 { margin: 0 0 10px; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.mobile-specification-groups fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; border: 0; padding: 0; margin: 10px 0; min-width: 0; }
.mobile-specification-groups fieldset[hidden] { display: none; }
.mobile-specification-groups legend { margin-bottom: 8px; padding: 0; font-size: 12px; color: #596875; }
.mobile-specification-groups-option { display: flex; align-items: flex-start; gap: 7px; min-height: 44px; padding: 10px 8px; border: 1px solid #cbd6df; border-radius: 5px; box-sizing: border-box; font-size: 13px; line-height: 1.5; background: #fff; min-width: 0; }
.mobile-specification-groups-option:has(input:checked) { border-color: #2876a0; background: #eef7fb; }
.mobile-specification-groups-option:has(input:disabled) { color: #7a828a; background: #f3f5f6; }
.mobile-specification-groups-option input { flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #2876a0; }
.mobile-specification-groups-option span { overflow-wrap: anywhere; }
.mobile-specification-groups-summary { font-size: 12px; color: #566d7a; overflow-wrap: anywhere; line-height: 1.6; margin: 10px 0 0; }
.mobile-specification-groups-error { font-size: 13px; color: #ad2639; overflow-wrap: anywhere; }
.mobile-specification-groups button { min-height: 44px; padding: 8px 16px; color: #246b8f; border: 1px solid #c5d6df; background: #fff; border-radius: 4px; }
@media (max-width: 340px) { .mobile-specification-groups fieldset { grid-template-columns: minmax(0, 1fr); } }