/* LAYALA collection page */
.ly-col{padding-bottom:56px}
.ly-col__head{max-width:760px;margin:0 auto;padding:32px 16px 0;text-align:center}
@media(min-width:768px){.ly-col__head{padding-top:48px}}
.ly-col__desc{margin:8px auto 0;max-width:560px;font-size:14px;line-height:1.8;color:var(--ly-s700);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ly-col__desc p{margin:0}
.ly-col__count{margin:8px 0 0;font:700 12px var(--ly-body);color:var(--ly-s500)}
.ly-col__chips{margin-top:20px;gap:8px}
@media(min-width:768px){.ly-col__chips{justify-content:center}}
.ly-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ly-s300);background:#fff;font:700 13px var(--ly-body);color:var(--ly-ink)!important;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.ly-chip:hover{border-color:var(--ly-wine);color:var(--ly-wine)!important}
.ly-chip.is-on{background:var(--ly-wine);border-color:var(--ly-wine);color:#fff!important}
.ly-chip svg{width:14px;height:14px}
.ly-col__bar{display:flex;gap:10px;max-width:1440px;margin:20px auto 16px;padding:0 16px}
.ly-col__bar>*{flex:1 1 0;min-width:0;position:relative}
@media(min-width:768px){.ly-col__bar{padding:0 48px;justify-content:space-between}.ly-col__bar>*{flex:0 0 220px}}
.ly-col__btn,.ly-col__sort select{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border-radius:999px;border:1.5px solid var(--ly-s300);background:#fff;font:800 13px var(--ly-body);color:var(--ly-ink);cursor:pointer;list-style:none;white-space:nowrap}
.ly-col__btn::-webkit-details-marker{display:none}
.ly-col__btn svg{width:16px;height:16px}
.ly-col__btn b{min-width:18px;height:18px;border-radius:999px;background:var(--ly-wine);color:#fff;font:800 10px/18px var(--ly-body);text-align:center}
.ly-col__sort select{appearance:none;-webkit-appearance:none;padding-inline:16px 36px;text-align:center;text-align-last:center}
.ly-col__sort svg{position:absolute;top:14px;inset-inline-end:14px;width:16px;height:16px;pointer-events:none}
.ly-col__panel{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:20;width:min(calc(100vw - 32px),420px);max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--ly-s100);border-radius:16px;padding:16px;box-shadow:0 24px 48px -24px rgba(0,0,0,.3);text-align:start}
.ly-col__group+.ly-col__group{margin-top:16px;padding-top:16px;border-top:1px solid var(--ly-s100)}
.ly-col__group h3{margin:0 0 10px;font:800 14px var(--ly-display);color:var(--ly-wine)}
.ly-col__group div{display:flex;flex-wrap:wrap;gap:8px}
.ly-chip.is-off{opacity:.4;pointer-events:none}
.ly-col__active{display:flex;flex-wrap:wrap;gap:8px;max-width:1440px;margin:0 auto 16px;padding:0 16px}
@media(min-width:768px){.ly-col__active{padding:0 48px}}
.ly-col__active .ly-chip{min-height:34px;font-size:12px;background:var(--ly-blush);border-color:var(--ly-blush)}
.ly-col__clear{align-self:center;font:700 12px var(--ly-body);color:var(--ly-s500)!important}
.ly-col__pages{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;padding:0 16px;font:700 13px var(--ly-body);color:var(--ly-s700)}
.ly-col__pages .ly-btn{min-height:44px;padding:0 20px}
.ly-col__empty{max-width:520px;margin:24px auto 0;padding:48px 16px;text-align:center}
.ly-col__empty i{display:inline-flex;width:64px;height:64px;border-radius:50%;background:var(--ly-blush);color:var(--ly-wine);align-items:center;justify-content:center}
.ly-col__empty i svg{width:28px;height:28px}
.ly-col__empty h2{margin:16px 0 0;font:800 clamp(18px,5vw,24px) var(--ly-display);color:var(--ly-wine);white-space:nowrap}
.ly-col__empty p{margin:6px 0 0;font-size:14px;color:var(--ly-s700);white-space:nowrap}
.ly-col__empty .ly-cta{margin-top:24px}