Custom Shopping Bags

.so-accordion-wrapper { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 15px; } .so-tab { position: relative; width: 100%; overflow: hidden; margin: 30px 0; } .so-tab input { position: absolute; opacity: 0; z-index: -1; / } .so-tab-content { max-height: 0; overflow: hidden; transition: max-height 0.35s; padding: 0 15px; } .so-tab input:checked ~ .so-tab-content { max-height: 1000px; } .so-tab label { position: relative; display: block; padding: 0 25px 0 0; margin-bottom: 15px; line-height: normal; cursor: pointer; font-size: 1.5em; font-weight: bold; } .so-tab label::after { position: absolute; right: 0; top: -20px; display: block; width: 3em; height: 3em; line-height: 3; text-align: center; transition: all 0.35s; } .so-tab input[type=checkbox] + label::after { content: "+"; } .so-tab i