/* ---------------------------------------------------------------------------
   Design A — PDP-configuratieblok: knoppen vielen over de opstellingsillustratie
   (melding David 06-08, met screenshot).

   Wat er gebeurt, uit website.css:
     r.7512  .product-setup .setup-buttons            position: relative        (altijd)
     r.8179  @media (max-width:1199px) …setup-buttons position: absolute;
                                                      top:15px; right:20px; width:160px
     r.8330  @media (max-width: 991px) …setup-buttons position: static  (reset)

   De absolute plaatsing is dus alleen effectief in de band 992-1199px: daaronder
   wordt hij teruggezet, daarboven geldt de media-query niet. In die band liggen
   "Opstelling wijzigen" en "Kleur wijzigen" bovenop de illustratie en de
   maatvoering — precies wat op de screenshot te zien is. Een browservenster dat
   niet gemaximaliseerd is, of een 13-inch laptop, valt zo in die band.

   Dit is GEEN regressie van deze week: beide regels staan er sinds de
   baseline-commit; geen enkele CSS-wijziging van de afgelopen dagen raakt de
   setup-selectors.

   Fix: in die ene band dezelfde reset toepassen die onder 992px al bestaat, zodat
   de knoppen weer gewoon ín de flow onder de illustratie staan. Mobiel (<992px)
   en breed (>=1200px) blijven letterlijk ongemoeid.

   Los bestand met allow_minify=false: de min-build wordt in dit project niet met
   de hand bewerkt.
   --------------------------------------------------------------------------- */

@media all and (min-width: 992px) and (max-width: 1199px) {
    .product-wrapper .product-setup .setup-buttons {
        position: static;
        display: block;
        width: auto;
        text-align: left;
        margin-top: 15px;
    }
    /* De illustratiekolom kreeg 160px rechts vrijgehouden voor de absoluut geplaatste
       knoppen; die ruimte is nu niet meer nodig. */
    .product-wrapper .product-setup .image.setup {
        margin-right: 0;
    }
}