/* ThreeSotYadak – local category carousel */
.ay-cat-section{margin:28px 0}
.ay-cat-title{font-size:18px;color:var(--navy);margin:0 0 12px}
.ay-cat-swiper{position:relative;padding-inline:46px;overflow:hidden}
.ay-cat-swiper .swiper-wrapper{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 84px) / 8);
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  padding:4px 2px 14px;
}
.ay-cat-swiper .swiper-wrapper::-webkit-scrollbar{display:none}
.ay-cat-swiper .swiper-slide{min-width:0;scroll-snap-align:start}
.ay-cat-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);height:100%;text-decoration:none}
.ay-cat-img{width:78px;height:78px;border-radius:14px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ay-cat-img img{width:100%;height:100%;object-fit:cover}
.ay-cat-ph{display:block;width:42px;height:42px;border-radius:10px;background:rgba(0,0,0,.06)}
.ay-cat-name{font-weight:800;color:var(--text);font-size:13px;text-align:center;line-height:1.4}
.ay-cat-swiper .swiper-button-prev,.ay-cat-swiper .swiper-button-next{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);cursor:pointer;color:var(--navy)}
.ay-cat-swiper .swiper-button-prev{right:2px}
.ay-cat-swiper .swiper-button-next{left:2px}
.ay-cat-swiper .swiper-button-prev::after{content:'›';font-size:23px;font-weight:900;line-height:1}
.ay-cat-swiper .swiper-button-next::after{content:'‹';font-size:23px;font-weight:900;line-height:1}
.ay-cat-swiper button:disabled{opacity:.32;cursor:default}
@media (max-width:1023px){.ay-cat-swiper .swiper-wrapper{grid-auto-columns:calc((100% - 36px) / 4)}}
@media (max-width:767px){.ay-cat-swiper .swiper-wrapper{grid-auto-columns:calc((100% - 24px) / 3)}}
@media (max-width:479px){.ay-cat-swiper{padding-inline:38px}.ay-cat-swiper .swiper-wrapper{grid-auto-columns:calc((100% - 12px) / 2)}}