/* IrisYarn ЛК «Вся моя пряжа» (/personal/products/) — карточки/фильтры в стиле каталога.
   Скоуп .personal-products. Акцент и радиус берём из темы сайта (фирменный фиолетовый). */
.personal-products{--ay:var(--theme-base-color,#9b51b5);--ay-d:#7e3f95;--ay-soft:#f4ecf8;--ay-ink:#2f2a35;--ay-muted:#8b8392;--ay-line:#ece8f0;--ay-rad:var(--theme-outer-border-radius,12px);margin-top:10px;color:var(--ay-ink)}

/* ---------- панель: режимы + фильтры + счётчик ---------- */
.personal-products .allyarn__bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.personal-products .allyarn__modes{display:inline-flex;border:1px solid var(--ay-line);border-radius:22px;overflow:hidden;background:#f7f5f9}
.personal-products .allyarn__mode{border:0;background:transparent;padding:8px 16px;font-size:14px;line-height:1;cursor:pointer;color:var(--ay-muted);white-space:nowrap;transition:.15s}
.personal-products .allyarn__mode.is-active{background:var(--ay);color:#fff}
.personal-products .allyarn__filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.personal-products .allyarn__bar__right{display:flex;align-items:center;gap:8px;margin-left:auto}
.personal-products .allyarn__count{font-size:13px;color:var(--ay-muted);white-space:nowrap}

/* дропдаун-фильтр */
.personal-products .allyarn__dd{position:relative}
.personal-products .allyarn__dd__btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ay-line);background:#fff;border-radius:22px;padding:8px 14px;font-size:14px;line-height:1;color:var(--ay-ink);cursor:pointer;white-space:nowrap;transition:.15s}
.personal-products .allyarn__dd__btn:hover{border-color:#dccfe4}
.personal-products .allyarn__dd.is-open .allyarn__dd__btn,.personal-products .allyarn__dd.has-selected .allyarn__dd__btn{border-color:var(--ay);color:var(--ay-d)}
.personal-products .allyarn__dd__cnt{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ay);color:#fff;font-size:11px;font-weight:600}
.personal-products .allyarn__dd__cnt[hidden]{display:none}
.personal-products .allyarn__dd__arrow{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;opacity:.55;transition:.15s}
.personal-products .allyarn__dd.is-open .allyarn__dd__arrow{transform:rotate(-135deg);margin-top:2px}

.personal-products .allyarn__dd__panel{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:210px;max-width:300px;background:#fff;border:1px solid var(--ay-line);border-radius:14px;box-shadow:0 12px 32px rgba(70,45,90,.16);padding:8px}
.personal-products .allyarn__dd.is-open .allyarn__dd__panel{display:block}
.personal-products .allyarn__dd__list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow:auto}
.personal-products .allyarn__dd__item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px;color:#4a4452;cursor:pointer;line-height:1.3}
.personal-products .allyarn__dd__item:hover{background:var(--ay-soft)}
.personal-products .allyarn__dd__item input{margin:0;flex:0 0 auto;accent-color:var(--ay)}
.personal-products .allyarn__dd__name{flex:1 1 auto;min-width:0;word-break:break-word}
.personal-products .allyarn__facet__cnt{flex:0 0 auto;color:#bcb3c6;font-size:12px}
.personal-products .allyarn__reset{border:0;background:transparent;color:var(--ay);font-size:13px;cursor:pointer;padding:8px 6px;text-decoration:underline;white-space:nowrap}

/* ---------- сетка карточек (как в каталоге: картинка сверху во всю ширину, без рамки) ---------- */
.personal-products .allyarn__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.personal-products .allyarn__card.is-hidden{display:none}
.personal-products .allyarn__card__inner{position:relative;display:flex;flex-direction:column;height:100%;padding:16px;border-radius:var(--ay-rad);background:#fff;overflow:hidden;transition:box-shadow .2s,transform .2s}
.personal-products .allyarn__card__inner:hover{box-shadow:0 5px 30px rgba(34,34,40,.09)}
.personal-products .allyarn__card__link{position:absolute;inset:0;z-index:2}
.personal-products .allyarn__card__image{position:relative;margin:-16px -16px 0;aspect-ratio:1/1;background:#f5f2f7;overflow:hidden}
.personal-products .allyarn__card__img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.personal-products .allyarn__card__inner:hover .allyarn__card__img{transform:scale(1.04)}
.personal-products .allyarn__card__body{display:flex;flex-direction:column;flex:1 1 auto;gap:6px;margin-top:16px}
.personal-products .allyarn__card__title{font-size:14px;font-weight:600;line-height:calc(1em + 7px);max-height:calc((1em + 7px) * 3);color:var(--ay-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.personal-products .allyarn__card__inner:hover .allyarn__card__title{color:var(--ay-d)}
.personal-products .allyarn__card__rating{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ay-ink);margin-top:2px}
.personal-products .allyarn__card__star{color:#f5a623;line-height:1}
.personal-products .allyarn__card__rate{font-weight:600}
.personal-products .allyarn__card__reviews{display:inline-flex;align-items:center;gap:5px;color:var(--ay-muted)}
.personal-products .allyarn__card__reviews::before{content:"";width:13px;height:11px;border:1.5px solid currentColor;border-radius:4px 4px 4px 1px;display:inline-block}
.personal-products .allyarn__card__props{display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.35;margin-top:4px}
.personal-products .allyarn__card__prop{display:flex;gap:5px;align-items:flex-start}
.personal-products .allyarn__card__prop__label{color:var(--ay-muted);flex:0 0 auto}
.personal-products .allyarn__card__prop__value{color:#4a4452;min-width:0;word-break:break-word}
.personal-products .allyarn__card__footer{margin-top:auto;padding-top:10px;font-size:13px;color:var(--ay-ink)}
.personal-products .allyarn__card__qty-val{font-weight:600}
.personal-products .allyarn__card__weight,.personal-products .allyarn__card__times{color:var(--ay-muted);font-size:12px}

.personal-products .allyarn__empty{padding:40px 16px;text-align:center;color:var(--ay-muted);font-size:16px}

/* ---------- адаптив ---------- */
@media (max-width:991px){
.personal-products .allyarn__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}
@media (max-width:600px){
.personal-products .allyarn__grid{grid-template-columns:repeat(2,1fr);gap:10px}
.personal-products .allyarn__modes{flex-basis:100%;order:1}
.personal-products .allyarn__filterbar{order:2}
.personal-products .allyarn__bar__right{margin-left:0;width:100%;order:3}
.personal-products .allyarn__dd__panel{max-width:calc(100vw - 24px)}
.personal-products .allyarn__card__title{font-size:13px}
}