.categories{padding:78px max(6vw,24px) 86px;background:#fff8d7;overflow:hidden}
.categories .section-title{max-width:1240px;margin:0 auto 28px;align-items:end}
.categories .section-title h2{font-size:clamp(38px,5vw,68px);max-width:760px}
.category-rail-wrap{max-width:1240px;margin:auto;display:flex;align-items:center;gap:18px}
.category-rail{display:flex;flex:1;gap:18px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:10px 8px 24px;scrollbar-width:none;cursor:grab}
.category-rail::-webkit-scrollbar{display:none}
.category-rail.is-dragging{cursor:grabbing;scroll-behavior:auto}
.category-tile{position:relative;display:flex;flex:0 0 232px;min-height:320px;flex-direction:column;overflow:hidden;scroll-snap-align:start;border:6px solid #fff;border-radius:30px;background:#fff;box-shadow:0 8px 0 #3c0f76;transition:transform .25s,box-shadow .25s}
.category-tile:hover{transform:translateY(-10px) rotate(-2deg);box-shadow:0 16px 0 #3c0f76}
.category-tile-art{position:relative;height:190px;overflow:hidden;background:#ff9fba}
.category-tile-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.category-tile-1 .category-tile-art{background:#9bd5ff}.category-tile-2 .category-tile-art{background:#a9e8a5}.category-tile-3 .category-tile-art{background:#ceb0ff}.category-tile-4 .category-tile-art{background:#ffdc79}.category-tile-5 .category-tile-art{background:#9edfd6}
.category-spark{position:absolute;top:10px;right:12px;display:grid;width:34px;height:34px;place-items:center;border:3px solid #fff;border-radius:50%;background:#ffeb4d;color:#342052;box-shadow:0 3px 0 #3c0f76;font-size:20px}
.category-tile-copy{display:flex;min-height:130px;flex-direction:column;gap:5px;padding:17px 18px 18px;color:#342052;background:#fff}
.category-tile-copy strong{font-size:20px;line-height:1}.category-tile-copy small{color:#7b6b8f}.category-tile-copy b{margin-top:auto;color:#ff4f7b;font-size:12px}
.rail-arrow{z-index:2;flex:0 0 54px;width:54px;height:54px;border:5px solid #fff;border-radius:50%;background:#ff4f7b;color:#fff;box-shadow:0 5px 0 #9e2655;font-size:28px;font-weight:900;cursor:pointer;transition:.2s}.rail-arrow:hover{transform:scale(1.1) rotate(-4deg)}
.category-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.category-dots i{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#ff4f7b;box-shadow:0 2px 0 #9e2655}.category-dots i:nth-child(2){background:#3d8dff}.category-dots i:nth-child(3){background:#42c9a5}.category-dots i:nth-child(4){background:#ffd84d}.category-dots i:nth-child(5){background:#6c5ce7}
@media(max-width:900px){.category-tile{flex-basis:220px}.rail-arrow{flex-basis:48px;width:48px;height:48px}}
@media(max-width:560px){.categories{padding:58px 14px 65px}.categories .section-title{display:flex;align-items:end;gap:10px}.categories .section-title h2{font-size:39px}.category-rail-wrap{gap:7px}.category-rail{gap:12px;padding-left:4px}.category-tile{flex-basis:188px;min-height:285px;border-width:5px;border-radius:24px}.category-tile-art{height:155px}.category-tile-copy{min-height:115px;padding:14px}.category-tile-copy strong{font-size:17px}.rail-arrow{flex-basis:40px;width:40px;height:40px;border-width:3px;font-size:22px}}