.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.cc-selector input:active +.bgprod-cc{opacity: 1;}
.cc-selector input:checked +.bgprod-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.cc-selector label {
   width: 100%;
   max-width: 400px;
}
.bgprod-cc{
    cursor:pointer;
    background-image:var(--bg);
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:400px;height:130px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: opacity(.7);
       -moz-filter:opacity(.7);
            filter: opacity(.7);
}
.bgprod-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: opacity(.9);
            filter: opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}