WBM HOME Laundry Pods Spring

.tabComponent { display: flex; flex-direction: column; box-sizing: border-box; position: relative; } .tabContainer { display: flex; flex-wrap: wrap; } .inputTab { position: absolute; opacity: 0; background: var(--tab-bg); } .labelTab { width: calc(100% / {{ section.blocks.size}} ) ; height: clamp(30px, 4vw, 100px); margin: auto; padding: .5%; display: flex; justify-content: center; align-items: center; text-transform:uppercase; gap: 1%; line-height: 1.2; cursor: pointer; font-weight: bold; font-size: clamp(12px, 1.5vw, 24px); transition: all .3s; text-align: center; white-space: nowrap; overflow: hidden; } .labelTab img { width: clamp(20px, 2.5vw, 50px); aspect-ratio: 1; } .labelTab h4 { font-size: clamp(14px, 1.5vw, 25px); margin: auto; display: inline-block; vertical-align: top; } .infoTab { display: none; width: 100%; padding: 4%; order: 999; background: var(--tab-bg); } .inputTab:checked + .labelTab + .infoTab { display: block; } .infoTitle { font-size: clamp(16px, 2vw, 24p