/* Shop category bar (inc/shop-categories.php). */
.alazan-catbar{margin:4px 0 34px}
.alazan-catbar__list{display:flex;justify-content:center;gap:clamp(10px,2.4vw,34px);margin:0;padding:6px 2px 4px;list-style:none}
.alazan-catbar__list li{flex:none;margin:0}
.alazan-catbar__item{display:flex;flex-direction:column;align-items:center;gap:9px;width:104px;color:#111;text-decoration:none}
.alazan-catbar__icon{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#f3f2ef;border:1px solid #e6e3dd;transition:background .2s,border-color .2s,transform .2s}
.alazan-catbar__icon svg{width:34px;height:34px;fill:none;stroke:#111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}
.alazan-catbar__name{font-size:11px;font-weight:900;letter-spacing:.12em;line-height:1.2;text-align:center}
.alazan-catbar__count{margin-top:-5px;font-size:11px;color:#77736c;letter-spacing:.04em}
.alazan-catbar__item:hover .alazan-catbar__icon{border-color:#111;transform:translateY(-2px)}
.alazan-catbar__item.is-active .alazan-catbar__icon{background:#111;border-color:#111}
.alazan-catbar__item.is-active .alazan-catbar__icon svg{stroke:#fff}
.alazan-catbar__item.is-soon .alazan-catbar__icon{background:#fff;border-style:dashed}
.alazan-catbar__item.is-soon .alazan-catbar__icon svg{stroke:#9a958d}
.alazan-catbar__item.is-soon .alazan-catbar__count{font-weight:700;color:#8a6d00;text-transform:uppercase;font-size:9.5px;letter-spacing:.12em;margin-top:-4px}
.alazan-catbar__item:focus-visible{outline:none}
.alazan-catbar__item:focus-visible .alazan-catbar__icon{outline:2px solid #111;outline-offset:3px}
.alazan-catbar__subs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.alazan-catbar__subs li{margin:0}
.alazan-catbar__sub{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid #d9d6cf;border-radius:36px;color:#111;font-size:11px;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:border-color .2s,background .2s}
.alazan-catbar__sub span{color:#77736c;font-weight:600}
.alazan-catbar__sub:hover{border-color:#111}
.alazan-catbar__sub.is-active{background:#111;border-color:#111;color:#fff}
.alazan-catbar__sub.is-active span{color:#cfcac2}
/* Phones: one row that scrolls sideways, never wrapping into a jumble. */
@media (max-width:700px){
  .alazan-catbar{margin:0 -14px 26px}
  .alazan-catbar__list{justify-content:flex-start;gap:6px;padding:6px 14px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .alazan-catbar__list::-webkit-scrollbar{display:none}
  .alazan-catbar__list li{scroll-snap-align:start}
  .alazan-catbar__item{width:76px;gap:7px}
  .alazan-catbar__icon{width:62px;height:62px}
  .alazan-catbar__icon svg{width:28px;height:28px}
  .alazan-catbar__name{font-size:10px;letter-spacing:.08em}
  .alazan-catbar__subs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:0 14px 4px;margin-top:16px;scrollbar-width:none}
  .alazan-catbar__subs::-webkit-scrollbar{display:none}
  .alazan-catbar__sub{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.alazan-catbar__icon{transition:none}}