@supports(selector(:has(*))){
    .dropdown figcaption>*+*:not(p){margin-top: 0}
    
    @media(max-width:652px){
        .button{
            min-height: 26px!important;
            height: 26px}
        
        .diSlimWrap{
            min-height: 42px!important;
            height: 42px}
        
        .diSlimAmt,.diSlimBtn{height: 26px}

        .button,.diSlimAmt input,.diDollar,.diSlimBtn{font-size: 12px!important}

        .button,.diSlimBtn{
            font-family: 'roboto condensed',system-ui;
            line-height: 26px;
            text-transform: uppercase}

        .button{border-radius:6px}
        .secondary.button,.diSlimAmt input,.diDollar{line-height: 22px}

        .diSlimAmt{
            border-radius: 6px 0 0 6px;
            padding: 0 6px}

        .diSlimAmt input,.diDollar{height: 22px !important}

        .diSlimAmt input{
            font-size: 16px!important;
            line-height: 16px!important}

        .diSlimBtn{border-radius: 0 6px 6px 0;}
    }
    
    .dropdown figcaption:has(> :nth-child(3)){
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
        gap:16px}

    .dropdown h2 + :where(h3,p,span){
        flex-basis: 100%;
        margin-top: -16px}

    /*INTRUSION WITH 2 BUTTONS*/
    figcaption:has(> :nth-child(3)) .button{
        flex: 0 0 calc(50% - 8px);
        margin: 0}

    /*INTRUSION WITH 1 BUTTON AND 1 DONATION ITEM*/
    figcaption:has(.donationItem,.button) .button{flex: 1 1 calc(38% - 32px)}

    figcaption:has(.donationItem,.button) .donationItem{
        margin-top: 0;
        flex: 1 1 calc(62% - 32px)}
}