/* Louis Yoga — 21/10/2026: trang danh mục kiểu Olaben (templates/collection.olb.bwt, JS assets/lyx-shop.js).
   Thanh công cụ (Bộ lọc + Sắp xếp | N sản phẩm), lưới rộng hết trang, ngăn "Lọc & Sắp xếp" (PC trái, điện thoại tấm dưới),
   "Đang xem X / Y sản phẩm" + "Xem thêm". Màu: đỏ rượu --lyx-cta, chữ --lyx-ink, viền --lyx-line (lyx-base.css). */
.lyxs-page{--lyxs-ink:var(--lyx-ink,#141414);--lyxs-mute:#8a837c;--lyxs-line:var(--lyx-line,#e7e2dc);--lyxs-cta:var(--lyx-cta,#5a2333);--lyxs-cream:#f6f2ec;--lyxs-font:var(--lyx-font,Montserrat,sans-serif)}
html.lyxs-lock,html.lyxs-lock body{overflow:hidden!important}
/* ngăn đang mở: ẩn nút Zalo / chia sẻ / reCAPTCHA nổi (đè nút "Xem N sản phẩm"), thông báo lỗi nổi trên ngăn */
html.lyxs-lock .zalo-chat-widget,html.lyxs-lock .addThis_listSharing,html.lyxs-lock .grecaptcha-badge{visibility:hidden!important}
html.lyxs-lock #ly-toast{z-index:10060!important}

/* ---------- Thanh công cụ ---------- */
.lyxs-body{padding-top:8px;padding-bottom:8px}
.lyxs-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.lyxs-bar-l{display:flex;align-items:center;gap:10px}
.lyxs-pill{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:0 18px!important;border:1px solid var(--lyxs-line,#e7e2dc)!important;border-radius:999px!important;background:#fff!important;color:var(--lyxs-ink,#141414)!important;font:500 12.5px/1 var(--lyxs-font)!important;letter-spacing:.04em;text-transform:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:none!important}
.lyxs-pill:hover{border-color:#bdb5ad!important}
.lyxs-pill[aria-expanded="true"]{border-color:var(--lyxs-ink,#141414)!important}
.lyxs-pill:focus-visible{outline:2px solid var(--lyx-brand,#d82183);outline-offset:2px}
.lyxs-pill svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lyxs-sortv{color:var(--lyxs-mute,#8a837c)}
.lyxs-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;border-radius:9px;background:var(--lyxs-cta,#5a2333);color:#fff;font:600 10.5px/1 var(--lyxs-font)}
.lyxs-badge[hidden]{display:none}
.lyxs-t-m{display:none}
.lyxs-count{margin:0!important;color:var(--lyxs-mute,#8a837c)!important;font:400 12.5px/1.3 var(--lyxs-font)!important;letter-spacing:.03em}

/* Sắp xếp PC: menu thả xuống */
.lyxs-sortd{position:relative}
.lyxs-sortm{position:absolute;top:calc(100% + 8px);left:0;z-index:40;min-width:220px;margin:0;padding:8px;list-style:none;border:1px solid var(--lyxs-line,#e7e2dc);border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(40,20,25,.12)}
.lyxs-sortm[hidden]{display:none}
.lyxs-sortm li{margin:0;padding:0;list-style:none}
.lyxs-sortm button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;margin:0;padding:0 12px!important;border:0!important;border-radius:9px!important;background:none!important;color:var(--lyxs-ink,#141414)!important;font:400 13px/1.2 var(--lyxs-font)!important;text-align:left;cursor:pointer}
.lyxs-sortm button:hover,.lyxs-sortm button:focus-visible{background:var(--lyxs-cream,#f6f2ec)!important;outline:0}
.lyxs-sortm button.is-on{font-weight:600!important}
.lyxs-sortm button.is-on::after{content:'';width:6px;height:10px;margin:-3px 2px 0 10px;border:solid var(--lyxs-ink,#141414);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}

/* ---------- Lưới: rộng hết trang ---------- */
.lyxs-main{width:100%}
html body .lyxs-page .lyxs-main.block-collection{flex:none!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
html body .lyxs-page .lyxs-main .category-products,html body .lyxs-page .lyxs-main .products-view{margin:0!important;padding:0!important}
.lyxs-main .category-products{min-height:200px}
.lyxs-page .lyxs-main .ly-collection-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:34px 22px!important;width:auto!important;margin:0!important}
.lyxs-page .lyxs-main .ly-collection-grid>.ly-card{width:auto!important;max-width:none!important;margin:0!important}
.lyxs-page .lyxs-main .ly-card.lyxs-hide{display:none!important}
.lyxs-page .lyxs-main .ly-card.lyxs-in{animation:lyxsIn .45s ease both}
@keyframes lyxsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* thẻ: PC 6 ô màu (ô thứ 7+ ẩn, đếm "+N" giữ nguyên) */
@media (min-width:768px){.lyxs-page .ly-card.lyx-card .lyx-sw:nth-of-type(n+7){display:none!important}}
/* phần cũ không dùng trong bản mới */
.lyxs-main .pagenav,.lyxs-main .pagination,.lyxs-main #open-filters,.lyxs-main .open-filters,.lyxs-main #sort-by,.lyxs-main .ly-result-note{display:none!important}
.lyxs-empty{padding:48px 16px;text-align:center}
.lyxs-empty p{margin:0 0 16px!important;color:var(--lyxs-mute,#8a837c)!important;font:400 14px/1.5 var(--lyxs-font)!important}
.lyxs-empty button{min-height:42px;padding:0 24px!important;border:1px solid var(--lyxs-ink,#141414)!important;border-radius:999px!important;background:#fff!important;color:var(--lyxs-ink,#141414)!important;font:500 12px/1 var(--lyxs-font)!important;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
/* dải "Đang lọc theo" (ly-filter.js chèn trên lưới) */
.lyxs-main .ly-af-wrap{margin:0 0 6px}

/* ---------- Xem thêm ---------- */
.lyxs-more{display:flex;flex-direction:column;align-items:center;gap:14px;margin:46px auto 10px;text-align:center}
.lyxs-more[hidden]{display:none}
.lyxs-more-t{margin:0!important;color:var(--lyxs-mute,#8a837c)!important;font:400 12.5px/1.3 var(--lyxs-font)!important;letter-spacing:.14em;text-transform:uppercase}
.lyxs-more-t b{font-weight:500;color:var(--lyxs-ink,#141414)}
.lyxs-more-bar{display:block;width:180px;height:2px;border-radius:2px;background:var(--lyxs-line,#e7e2dc);overflow:hidden}
.lyxs-more-bar i{display:block;height:100%;width:0;background:var(--lyxs-ink,#141414);transition:width .4s ease}
.lyxs-more-btn{min-width:240px;min-height:50px;margin:6px 0 0;padding:0 36px!important;border:1px solid var(--lyxs-ink,#141414)!important;border-radius:999px!important;background:#fff!important;color:var(--lyxs-ink,#141414)!important;font:500 13px/1 var(--lyxs-font)!important;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.lyxs-more-btn:hover{background:var(--lyxs-ink,#141414)!important;color:#fff!important}
.lyxs-more-btn[hidden]{display:none}
.lyxs-more-btn.is-loading{opacity:.55;cursor:progress}

/* ---------- Ngăn Lọc & Sắp xếp ---------- */
.lyxs-dim{position:fixed;inset:0;z-index:10040;background:rgba(20,14,16,.42);opacity:0;transition:opacity .3s}
.lyxs-dim.is-on{opacity:1}
.lyxs-dim[hidden]{display:none}
.lyxs-drawer{--lyxs-ink:var(--lyx-ink,#141414);--lyxs-mute:#8a837c;--lyxs-line:var(--lyx-line,#e7e2dc);--lyxs-cream:#f6f2ec;--lyxs-font:var(--lyx-font,Montserrat,sans-serif);position:fixed;top:0;left:0;bottom:0;z-index:10050;display:flex;flex-direction:column;width:min(420px,92vw);background:#fff;box-shadow:12px 0 40px rgba(20,14,16,.16);transform:translateX(-102%);visibility:hidden;transition:transform .34s cubic-bezier(.2,.7,.2,1),visibility 0s .34s;font-family:var(--lyxs-font)}
.lyxs-drawer.is-open{transform:none;visibility:visible;transition:transform .34s cubic-bezier(.2,.7,.2,1),visibility 0s}
.lyxs-dh{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:62px;padding:0 14px 0 20px;background:var(--lyxs-cream,#f6f2ec);border-bottom:1px solid var(--lyxs-line,#e7e2dc)}
.lyxs-dh h2{margin:0!important;color:var(--lyxs-ink,#141414)!important;font:600 13px/1 var(--lyxs-font)!important;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.lyxs-clear{justify-self:start;margin:0;padding:6px 0!important;border:0!important;background:none!important;color:var(--lyxs-mute,#8a837c)!important;font:400 12px/1 var(--lyxs-font)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lyxs-clear:hover{color:var(--lyxs-ink,#141414)!important}
.lyxs-x{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0!important;border:1px solid transparent!important;border-radius:50%!important;background:none!important;color:var(--lyxs-ink,#141414)!important;cursor:pointer}
.lyxs-x:hover{border-color:var(--lyxs-ink,#141414)!important}
.lyxs-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.lyxs-db{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 16px;-webkit-overflow-scrolling:touch}
.lyxs-df{flex:none;padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--lyxs-line,#e7e2dc);background:#fff}
.lyxs-apply{display:block;width:100%;min-height:52px;margin:0;padding:0 20px!important;border:0!important;border-radius:999px!important;background:var(--lyxs-ink,#141414)!important;color:#fff!important;font:500 13px/1 var(--lyxs-font)!important;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.lyxs-apply:hover{background:var(--lyx-cta,#5a2333)!important}

/* bộ lọc gốc (aside-filter) trong ngăn: bỏ khung cũ, thành các nhóm xổ xuống */
.lyxs-drawer .filter-content,.lyxs-drawer .filter-container{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
.lyxs-drawer .aside-item{position:static!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--lyxs-line,#e7e2dc)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.lyxs-drawer .aside-title{position:relative;display:block!important;margin:0!important;padding:18px 30px 18px 0!important;border:0!important;background:none!important;cursor:pointer;user-select:none}
.lyxs-drawer .aside-title:focus-visible{outline:2px solid var(--lyx-brand,#d82183);outline-offset:2px}
.lyxs-drawer .aside-title::after{content:'';position:absolute;right:6px;top:50%;width:8px;height:8px;margin-top:-6px;border:solid var(--lyxs-ink,#141414);border-width:0 1.4px 1.4px 0;transform:rotate(45deg);transition:transform .25s}
.lyxs-drawer .aside-item.is-open>.aside-title::after{transform:rotate(-135deg);margin-top:-2px}
.lyxs-drawer .aside-title::before{display:none!important}
.lyxs-drawer .title-head{display:flex!important;align-items:baseline;gap:10px;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--lyxs-ink,#141414)!important;font:500 14px/1.3 var(--lyxs-font)!important;letter-spacing:.01em!important;text-transform:none!important}
.lyxs-drawer .title-head::before,.lyxs-drawer .title-head::after,.lyxs-drawer .title-head span::before,.lyxs-drawer .title-head span::after{display:none!important}
html body .lyxs-drawer .aside-item .aside-title .title-head,html body .lyxs-drawer .aside-item .aside-title .title-head span{margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--lyxs-ink,#141414)!important;font:500 14px/1.3 var(--lyxs-font)!important;letter-spacing:.01em!important;text-transform:none!important}
html body .lyxs-drawer .aside-item .aside-title .title-head small{color:var(--lyxs-mute,#8a837c)!important;font:400 12.5px/1.3 var(--lyxs-font)!important}
.lyxs-drawer .title-head small{color:var(--lyxs-mute,#8a837c);font:400 12.5px/1.3 var(--lyxs-font)}
.lyxs-drawer .aside-content,.lyxs-drawer .lyxs-acc-body{display:none!important;margin:0!important;padding:0 0 18px!important;border:0!important;background:none!important;max-height:none!important;overflow:visible!important}
.lyxs-drawer .aside-item.is-open>.aside-content,.lyxs-drawer .aside-item.is-open>.lyxs-acc-body{display:block!important}
.lyxs-drawer .aside-content ul,.lyxs-drawer .lyxs-radios{display:block;margin:0!important;padding:0!important;list-style:none;max-height:none!important;overflow:visible!important}
.lyxs-drawer .aside-content li,.lyxs-drawer .lyxs-radios li{display:block!important;margin:0!important;padding:0!important;list-style:none;border:0!important}
.lyxs-drawer .overflow-item{display:block!important}
.lyxs-drawer .filter-item-toggle{display:none!important}
/* ô chọn: hộp vuông (lọc) / tròn (sắp xếp) */
.lyxs-drawer .filter-item label,.lyxs-drawer .ly-rate-opt,.lyxs-drawer .lyxs-radios label{position:relative;display:flex!important;align-items:center;gap:12px;min-height:40px;margin:0!important;padding:4px 0!important;color:var(--lyxs-ink,#141414)!important;font:400 13.5px/1.35 var(--lyxs-font)!important;cursor:pointer;text-transform:none!important}
.lyxs-drawer .filter-item label input,.lyxs-drawer .ly-rate-opt input,.lyxs-drawer .lyxs-radios input{-webkit-appearance:none;appearance:none;position:static!important;flex:none;display:block!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:1.3px solid #b9b1a9!important;border-radius:5px!important;background:#fff!important;opacity:1!important;cursor:pointer;transition:background .15s,border-color .15s}
.lyxs-drawer .lyxs-radios input{border-radius:50%!important}
.lyxs-drawer .filter-item label input:checked,.lyxs-drawer .ly-rate-opt input:checked{border-color:var(--lyxs-ink,#141414)!important;background:var(--lyxs-ink,#141414) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/14px no-repeat!important}
.lyxs-drawer .lyxs-radios input:checked{border-color:var(--lyxs-ink,#141414)!important;box-shadow:inset 0 0 0 4px #fff;background:var(--lyxs-ink,#141414)!important}
.lyxs-drawer .filter-item label input:focus-visible,.lyxs-drawer .ly-rate-opt input:focus-visible,.lyxs-drawer .lyxs-radios input:focus-visible{outline:2px solid var(--lyx-brand,#d82183);outline-offset:2px}
.lyxs-drawer .filter-item label::before,.lyxs-drawer .filter-item label::after,.lyxs-drawer .ly-rate-opt::before,.lyxs-drawer .ly-rate-opt::after{display:none!important}
/* Màu sắc: ô tròn + tên bên dưới, lưới 5 cột (kiểu Olaben)
   22/10/2026: nhãn phải position:relative!important — CSS cũ của theme ép label về static, ô input (absolute, inset:0) phủ kín cả khung màu,
   ô cuối (Xanh Ngọc) nằm trên cùng → bấm màu nào cũng thành Xanh Ngọc. Bản trước: assets/zz-backup-lyx-shop-20261022-mau.css */
.lyxs-drawer .lyx-swatch-list .aside-content ul{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 6px}
.lyxs-drawer .lyx-swatch-list .filter-item label{position:relative!important;flex-direction:column;justify-content:flex-start;gap:7px;min-height:0;padding:2px 0!important;font-size:11.5px!important;text-align:center}
.lyxs-drawer .lyx-swatch-list .filter-item label input{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0!important;background:none!important;opacity:0!important;z-index:1}
.lyxs-drawer .lyx-swatch-list .filter-item label .lyx-sw{display:block!important;width:34px!important;height:34px!important;margin:0!important;border-radius:50%!important;background:var(--sw,#ccc)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:box-shadow .2s}
.lyxs-drawer .lyx-swatch-list .filter-item label:hover .lyx-sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px #fff,0 0 0 3px #bdb5ad}
.lyxs-drawer .lyx-swatch-list .filter-item label input:checked+.lyx-sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px #fff,0 0 0 3.5px var(--lyxs-ink,#141414)}
.lyxs-drawer .lyx-swatch-list .filter-item label input:checked~span:last-child{font-weight:600}
.lyxs-drawer .lyx-swatch-list .filter-item label input:focus-visible+.lyx-sw{outline:2px solid var(--lyx-brand,#d82183);outline-offset:4px}
/* Đánh giá */
.lyxs-drawer .ly-rate-stars{color:#d69d31;letter-spacing:1px}
.lyxs-drawer .ly-rate-stars i{font-style:normal;color:#ddd5cc}
.lyxs-drawer .ly-rate-stars i.on{color:#d69d31}
/* Thanh kéo giá: chừa chỗ nhãn */
.lyxs-drawer .ly-filter-price .aside-content{padding:6px 10px 22px!important}

/* ---------- Máy tính bảng ---------- */
@media (max-width:1199px){.lyxs-page .lyxs-main .ly-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ---------- Điện thoại: 1 nút "Lọc & Sắp xếp", tấm dưới ---------- */
@media (max-width:767px){
  .lyxs-bar{margin-bottom:16px}
  .lyxs-sortd{display:none}
  .lyxs-t-d{display:none}.lyxs-t-m{display:inline}
  .lyxs-pill{min-height:38px;padding:0 14px!important;font-size:12px!important;border-color:transparent!important;padding-left:0!important}
  .lyxs-count{font-size:12px!important}
  .lyxs-page .lyxs-main .ly-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}
  .lyxs-more{margin-top:34px}
  .lyxs-more-btn{min-width:220px;min-height:48px}
  .lyxs-drawer{top:auto;right:0;width:auto;max-height:88vh;max-height:88vh;max-height:88dvh;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(20,14,16,.18);transform:translateY(102%)}
  .lyxs-drawer::before{content:'';position:absolute;top:7px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#d9d2ca;z-index:1}
  .lyxs-dh{border-radius:18px 18px 0 0;min-height:60px;padding-top:6px}
}
@media (prefers-reduced-motion:reduce){.lyxs-drawer,.lyxs-dim,.lyxs-more-bar i{transition:none!important}.lyxs-page .lyxs-main .ly-card.lyxs-in{animation:none}}