.browse-section{background-color:#292525;padding:48px 24px;font-family:Arial Black,Arial Bold,Arial,sans-serif}.browse-title{text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:32px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.cards-wrapper{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.cards-wrapper.dragging{cursor:grabbing}.cards-wrapper::-webkit-scrollbar{display:none}.budget-card{cursor:pointer;pointer-events:auto;background-color:#e4e4e4;border-radius:14px;flex-direction:column;flex:1 1 0;align-items:center;min-width:0;padding-bottom:18px;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.cards-wrapper.dragging .budget-card{pointer-events:none}.budget-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000026}.card-image-wrapper{justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.card-image-wrapper img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;width:100%;height:100%;transition:transform .3s}.budget-card:hover .card-image-wrapper img{transform:scale(1.05)}.card-label{color:#111;text-align:center;letter-spacing:.01em;margin-top:14px;padding:0 12px;font-size:.9rem;font-weight:800}@media (max-width:1024px){.cards-wrapper{flex-wrap:nowrap;justify-content:flex-start}.budget-card{flex:0 0 170px;min-width:170px}.card-image-wrapper{height:160px}}@media (max-width:768px){.browse-section{padding:36px 16px}.cards-wrapper{justify-content:flex-start;gap:12px;padding-bottom:12px}.budget-card{flex:0 0 150px;min-width:150px}.card-image-wrapper{height:130px}.card-label{margin-top:10px;font-size:.82rem}}@media (max-width:640px){.browse-section{padding:32px 16px}.cards-wrapper{justify-content:flex-start;gap:12px}.budget-card{flex:0 0 calc(50vw - 28px);min-width:calc(50vw - 28px)}.card-image-wrapper{height:110px}.card-label{font-size:.78rem}}@media (max-width:400px){.browse-section{padding:24px 12px}.cards-wrapper{gap:10px}.budget-card{border-radius:10px;flex:0 0 calc(100vw - 40px);min-width:calc(100vw - 40px)}.card-image-wrapper{height:200px}.card-label{margin-top:8px;font-size:.9rem}}
