
.lille-shop{
  --lk-text:#292522;
  --lk-muted:#7b746d;
  --lk-line:#e9e3dd;
  --lk-soft:#f8f5f1;
  --lk-green:#738668;
  max-width:1240px;
  margin:0 auto;
  padding:36px 24px 72px;
  color:var(--lk-text);
}
.lille-shop *{box-sizing:border-box}
.lille-shop__hero{padding:8px 0 28px}
.lille-shop__eyebrow{
  display:block;margin-bottom:8px;color:#9a9189;font-size:11px;
  text-transform:uppercase;letter-spacing:.14em;font-weight:700
}
.lille-shop__title{margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.02;font-weight:500;letter-spacing:-.035em}
.lille-shop__intro{max-width:620px;margin:14px 0 0;color:var(--lk-muted);font-size:16px;line-height:1.65}

.lille-shop__toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:center;margin-bottom:14px}
.lille-shop__search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 15px;border:1px solid var(--lk-line);border-radius:14px;background:#fff}
.lille-shop__search svg{width:18px;height:18px;fill:none;stroke:#8b837b;stroke-width:1.7}
.lille-shop__search input{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:var(--lk-text)}
.lille-shop__sort select{
  min-height:48px;padding:0 38px 0 14px;border:1px solid var(--lk-line);
  border-radius:14px;background:#fff;color:#5c5650;font-size:13px
}
.lille-shop__mobile-filter{display:none}

.lille-shop__category-row{display:flex;gap:8px;overflow:auto;padding:0 0 22px;scrollbar-width:none}
.lille-shop__category-row::-webkit-scrollbar{display:none}
.lille-shop__category-row button{
  flex:0 0 auto;padding:9px 13px;border:1px solid var(--lk-line);border-radius:999px;
  background:#fff;color:#6b645e;font-size:12px;cursor:pointer
}
.lille-shop__category-row button.is-active{background:#2c2825;border-color:#2c2825;color:#fff}

.lille-shop__layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px}
.lille-shop__filters{align-self:start;position:sticky;top:105px}
.lille-shop-filter{padding:20px 0;border-top:1px solid var(--lk-line)}
.lille-shop-filter:first-of-type{border-top:0;padding-top:0}
.lille-shop-filter__head{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#544e49}
.lille-shop-filter__icon--colors{display:flex;gap:2px}
.lille-shop-filter__icon--colors i{display:block;width:8px;height:8px;border-radius:50%}
.lille-shop-filter__icon--colors i:nth-child(1){background:#c95d62}
.lille-shop-filter__icon--colors i:nth-child(2){background:#e2b84a}
.lille-shop-filter__icon--colors i:nth-child(3){background:#738668}
.lille-shop-filter__leaf{font-size:20px;color:var(--lk-green);line-height:1;transform:rotate(-30deg)}

.lille-shop-price{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}
.lille-shop-price label span{display:block;margin-bottom:5px;color:#9b938b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.lille-shop-price input{width:100%;min-height:40px;border:1px solid var(--lk-line);border-radius:10px;padding:0 10px;outline:0}

.lille-shop-filter__options{display:grid;gap:9px;max-height:260px;overflow:auto;padding:5px}
.lille-shop-check,.lille-shop-color-filter{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;cursor:pointer;color:#625c56;font-size:13px}
.lille-shop-check input{accent-color:#738668}
.lille-shop-check small,.lille-shop-color-filter small{color:#aaa29a;font-size:10px}
.lille-shop-color-filter input{position:absolute;opacity:0;pointer-events:none}
.lille-shop-color-filter__dot{
  width:13px;height:13px;border-radius:50%;background:var(--swatch,#bbb);
  border:1px solid rgba(0,0,0,.08);box-shadow:0 0 0 3px #fff,0 0 0 4px #ebe5df
}
.lille-shop-color-filter:has(input:checked){color:#211e1b;font-weight:600}
.lille-shop-color-filter:has(input:checked) .lille-shop-color-filter__dot{box-shadow:0 0 0 3px #fff,0 0 0 5px #82776f}

.lille-shop__clear{padding:0;border:0;background:transparent;color:#8e6f68;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lille-shop__filter-mobile-head{display:none}

.lille-shop__results-head{display:flex;justify-content:space-between;align-items:center;min-height:30px;margin-bottom:12px;color:#928981;font-size:12px}
.lille-shop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}
.lille-shop__grid.is-loading{opacity:.45;pointer-events:none}

.lille-shop-card__media{
  position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:var(--lk-soft)
}
.lille-shop-card__image{width:100%!important;height:100%!important;object-fit:cover;transition:transform .35s ease}
.lille-shop-card:hover .lille-shop-card__image{transform:scale(1.025)}
.lille-shop-card__badge{position:absolute;top:10px;left:10px;padding:6px 9px;border-radius:999px;background:#fff;color:#755c54;font-size:10px;font-weight:700}
.lille-shop-card__body{padding:12px 2px 0}
.lille-shop-card__title{display:block;color:var(--lk-text);font-size:15px;line-height:1.35;font-weight:500;text-decoration:none}
.lille-shop-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.lille-shop-card__price{font-size:15px;font-weight:650;color:#282421}
.lille-shop-card__price del{opacity:.45;font-size:12px;margin-right:4px}
.lille-shop-card__price ins{text-decoration:none}
.lille-shop-card__swatches{display:flex;align-items:center;gap:5px}
.lille-shop-card__swatch{width:10px;height:10px;border-radius:50%;background:var(--swatch,#bbb);border:1px solid rgba(0,0,0,.07)}

.lille-shop__load-wrap{text-align:center;padding-top:32px}
.lille-shop__load-more{min-height:46px;padding:0 22px;border:1px solid var(--lk-line);border-radius:12px;background:#fff;color:#4e4944;font-size:13px;cursor:pointer}
.lille-shop__empty{text-align:center;padding:70px 20px;color:#817970}
.lille-shop__empty h3{margin:0 0 8px;color:#413b36}
.lille-shop__backdrop{display:none}

@media(max-width:1024px){
  .lille-shop__layout{grid-template-columns:190px minmax(0,1fr);gap:24px}
  .lille-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .lille-shop{padding:24px 16px 56px}
  .lille-shop__toolbar{grid-template-columns:1fr auto auto}
  .lille-shop__mobile-filter{
    display:block;min-height:48px;padding:0 14px;border:1px solid var(--lk-line);
    border-radius:14px;background:#fff;color:#5c5650;font-size:13px
  }
  .lille-shop__sort select{max-width:120px}
  .lille-shop__layout{display:block}
  .lille-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}
  .lille-shop__filters{
    position:fixed;z-index:10001;left:0;top:0;bottom:0;width:min(88vw,360px);
    overflow:auto;padding:18px;background:#fff;transform:translateX(-105%);transition:transform .25s ease
  }
  .lille-shop__filters.is-open{transform:none}
  .lille-shop__filter-mobile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
  .lille-shop__filter-mobile-head button{border:0;background:transparent;font-size:28px;line-height:1}
  .lille-shop__backdrop{
    position:fixed;z-index:10000;inset:0;background:rgba(31,26,22,.28)
  }
  .lille-shop__backdrop.is-open{display:block}
  body.lille-shop-lock{overflow:hidden}
}
@media(max-width:480px){
  .lille-shop__toolbar{grid-template-columns:1fr auto}
  .lille-shop__sort{grid-column:1/-1}
  .lille-shop__sort select{width:100%;max-width:none}
  .lille-shop-card__title{font-size:13px}
  .lille-shop-card__footer{align-items:flex-end}
}

.lille-shop-card__badge--sold{background:#d2af82;color:#282421}.lille-shop-card.is-sold .lille-shop-card__image{opacity:.75}

.lille-shop [hidden]{display:none!important}
