.gender-occasion-section{padding:40px 0}.gender-occasion-container{max-width:1280px;width:100%;margin:0 auto;padding:0 24px;box-sizing:border-box}.gender-occasion-title{margin:0 0 24px}.gender-occasion-row-wrapper{position:relative}.gender-occasion-row{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gender-occasion-row::-webkit-scrollbar{display:none}.gender-occasion-tile{position:relative;height:183px;border-radius:10px;overflow:hidden;display:block;background:#eee;text-decoration:none}.gender-occasion-row .gender-occasion-tile{flex:0 0 140px;width:140px}.gender-occasion-row--fill .gender-occasion-tile{flex:1 1 0;width:auto;max-width:200px}.gender-occasion-tile-image{width:100%;height:100%;object-fit:cover;display:block}.gender-occasion-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 55%);pointer-events:none}.gender-occasion-tile-name{position:absolute;left:0;right:0;bottom:0;z-index:1;color:#fff;font-size:13px;font-weight:600;line-height:1.2;background:linear-gradient(0deg,rgba(0,0,0,.32) .12%,rgba(0,0,0,.1) 140.75%,rgba(0,0,0,.0) 180%);padding:12px}.gender-occasion-nav{position:absolute;top:50%;left:0;right:0;width:100%;transform:translateY(-50%)}.gender-occasion-nav .cat-nav-arrow{width:36px;height:36px;border-radius:50%;border:none;background:var(--color-primary,#e91e8c);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.gender-occasion-nav .cat-nav-arrow.cat-prev{margin-left:-8px}.gender-occasion-nav .cat-nav-arrow.cat-next{float:right;margin-right:-8px}.gender-occasion-nav .cat-nav-arrow.nav-arrow-disabled{opacity:0;cursor:default}@media (max-width:768px){.gender-occasion-tile{flex:0 0 90px;width:90px;height:115px}}