.features-controls { display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: stretch; width: 100%; max-width: 100%; padding: 0; margin: 0.5rem 0; }
.features-controls .features-controls { max-width: 100%; }
.features-controls .product-subheading { width: 100%; text-align: left; position: relative; }
.features-controls>div {
    display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; width: 100%;
    padding: 0.65rem 0.8rem 0.9rem; box-sizing: border-box; border: 2px solid #2c2c46; background-color: #1c1c28;
    border-radius: 6px; margin: 0.3rem 0; position: relative; overflow: hidden;
}
.features-controls>div>* { max-width: 100%; margin: 0.2rem 0; }
.features-controls>div> :last-child { margin-bottom: 0; }

@media (min-width: 1200px) { #price-overview.collapsed + #system-config.collapsed ~ #produkteList .features-controls { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .features-controls>div:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: stretch; width: 100%; max-width: none; } }

.features-controls .feature-selected { border: 2px solid var(--colorLeft, #7f85e4); border-radius: 6px; padding: 0.35rem 0.4rem; transition: border-color 0.3s ease; }
.features-controls .feature-selected:hover { box-shadow: 0 3px 8px rgba(0,0,0,0.25); }
.features-controls .feature-item {
    display: block; width: 100%; position: relative; padding: 0.25rem 0.35rem; border: 2px solid rgba(127,133,228,0);
    border-radius: 6px; transition: border-color 280ms ease, background-color 400ms ease; cursor: pointer;
}
.features-controls .feature-item.feature-selected { border-color: var(--colorLeft, #7f85e4); background: rgba(127,133,228,0.04); }

.feature-description { text-align: center; margin: 3px 0 8px 0; font-size: 12px; color: #898e9e; line-height: 1.3; width: 90%; }

.features-controls label { font-size: clamp(0.8rem, 1.5vw, 0.9rem); margin: 0; padding-left: 0; display: flex; align-items: center; justify-content: center; gap: 0.3rem; color: #cccccc; width: 100%; text-align: center; }
.features-controls input[type="checkbox"].feature-checkbox { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border: 2px solid #cccccc; border-radius: 4px; background-color: #2c2c46; margin-right: 0.5rem; vertical-align: middle; position: relative; cursor: pointer; flex-shrink: 0; }
.features-controls input[type="checkbox"].feature-checkbox:disabled { border-color: #707076; opacity: 0.5; cursor: not-allowed; }
.features-controls input[type="checkbox"].feature-checkbox:checked { background-color: #2c2c46; border-color: #cccccc; }
#produkteList .features-controls input[type="checkbox"].feature-checkbox:checked::after { content: '\2714'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #7f85e4 !important; font-size: 16px; font-weight: 900; line-height: 1; }
#produkteList .produkt-block input[type="checkbox"]:not(.feature-checkbox):not(.custom-control-checkbox) { display: none !important; }