/* LineLac Accordion Categories — Frontend CSS */
.llac-wrapper { display:flex; flex-direction:column; gap:14px; font-family:inherit; direction:rtl; }
.llac-accordion { border:1px solid #e0d9cc; border-radius:12px; overflow:hidden; background:#fff; margin-bottom:4px; }
.llac-header { display:flex; align-items:center; justify-content:space-between; padding:1.1rem 1.4rem; background:#fff; cursor:pointer; transition:background .2s,border-color .2s; user-select:none; border-bottom:1px solid transparent; }
.llac-header:hover { background:#faf8f4; }
.llac-header.is-open { background:#faf8f4; border-bottom-color:#e0d9cc; }
.llac-title-wrap { display:flex; align-items:center; gap:12px; }
.llac-brand-img { width:48px; height:48px; object-fit:cover; border-radius:8px; }
.llac-badge { background:#1a1a1a; color:#e8d5a3; font-size:10px; font-weight:700; letter-spacing:.08em; padding:4px 10px; border-radius:20px; white-space:nowrap; }
.llac-title { display:block; font-size:16px; font-weight:700; color:#1a1a1a; line-height:1.3; }
.llac-sub { display:block; font-size:12px; color:#999; margin-top:2px; }
.llac-arrow { font-size:22px; color:#aaa; transition:transform .3s ease; line-height:1; flex-shrink:0; }
.llac-header.is-open .llac-arrow { transform:rotate(180deg); }
.llac-body { max-height:0; overflow:hidden; transition:max-height .4s cubic-bezier(.4,0,.2,1); background:#faf8f4; }
.llac-body.is-open { max-height:900px; }
.llac-subcats-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:10px; padding:1.1rem; }
.llac-subcat-card { background:#fff; border:1px solid #ece6d8; border-radius:10px; padding:1rem .75rem; cursor:pointer; text-align:center; transition:all .2s ease; }
.llac-subcat-card:hover { border-color:#c9b98a; transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,.07); }
.llac-subcat-card.is-active { border-color:#b8960c; box-shadow:0 0 0 2px rgba(184,150,12,.2); }
.llac-sub-thumb { width:56px; height:56px; object-fit:cover; border-radius:8px; margin:0 auto 8px; display:block; }
.llac-subcat-icon { font-size:28px; margin-bottom:8px; color:#b8960c; display:block; }
.llac-subcat-name { font-size:13px; font-weight:700; color:#1a1a1a; display:block; }
.llac-subcat-count { font-size:11px; color:#b8960c; margin-top:4px; display:block; font-weight:600; }
.llac-products-preview { padding:0 1.1rem; border-top:1px solid #ece6d8; padding-top:1rem; }
.llac-products-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:10px; }
.llac-mini-product { display:block; background:#fff; border:1px solid #ece6d8; border-radius:10px; padding:.7rem; text-decoration:none !important; transition:border-color .2s,box-shadow .2s; }
.llac-mini-product:hover { border-color:#c9b98a; box-shadow:0 3px 10px rgba(0,0,0,.06); }
.llac-mini-img img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:6px; display:block; }
.llac-mini-name { font-size:12px; font-weight:600; color:#1a1a1a; margin-top:6px; line-height:1.4; display:block; }
.llac-mini-price { font-size:12px; color:#b8960c; font-weight:700; margin-top:3px; display:block; }
.llac-no-products { font-size:13px; color:#999; padding:1rem 0; text-align:center; }
.llac-viewall-btn { display:flex; align-items:center; justify-content:center; padding:.65rem; margin-bottom:1rem; border:1px solid #e0d9cc; border-radius:8px; font-size:13px; color:#666; text-decoration:none !important; transition:all .2s; background:#fff; }
.llac-viewall-btn:hover { border-color:#b8960c; color:#b8960c; }
.llac-footer { padding:.75rem 1.1rem 1rem; border-top:1px solid #ece6d8; }
.llac-all-link { font-size:13px; color:#888; text-decoration:none !important; transition:color .2s; }
.llac-all-link:hover { color:#b8960c; }
@media(max-width:768px){ .llac-products-inner{grid-template-columns:repeat(2,1fr);} .llac-subcats-grid{grid-template-columns:repeat(2,1fr);} .llac-title{font-size:14px;} }
@media(max-width:480px){ .llac-header{padding:.9rem 1rem;} .llac-subcats-grid{gap:8px;padding:.9rem;} }
