.category-page[data-v-c8bee222]{background:#fdf8f3;min-height:100vh}.category-hero[data-v-c8bee222]{background:#fffbf7;padding:4rem 1.5rem;text-align:center;border-bottom:1px solid #e8ddd3}@media(max-width:768px){.category-hero[data-v-c8bee222]{padding:3rem 1rem}}.hero-container[data-v-c8bee222]{max-width:1024px;margin:0 auto}.hero-title[data-v-c8bee222]{font-size:2.5rem;font-weight:700;color:#4a403a;margin:0 0 1rem;letter-spacing:-.02em}@media(max-width:768px){.hero-title[data-v-c8bee222]{font-size:1.75rem}}.hero-subtitle[data-v-c8bee222]{font-size:1.1rem;color:#8c8279;max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.hero-stats[data-v-c8bee222]{display:flex;justify-content:center;gap:1.5rem}.stat[data-v-c8bee222]{font-size:.9rem;color:#81b29a;padding:.5rem 1.5rem;background:#fdf8f3;border-radius:2rem}.product-grid-section[data-v-c8bee222]{padding:4rem 1.5rem}@media(max-width:768px){.product-grid-section[data-v-c8bee222]{padding:3rem 1rem}}.grid-layout[data-v-c8bee222]{max-width:1280px;margin:0 auto;display:flex;gap:3rem;position:relative}.anchor-nav[data-v-c8bee222]{position:sticky;top:80px;flex-shrink:0;width:160px;display:flex;flex-direction:column;gap:.5rem;align-self:flex-start}@media(max-width:768px){.anchor-nav[data-v-c8bee222]{display:none}}.anchor-link[data-v-c8bee222]{display:block;width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-left:3px solid transparent;text-align:left;font-size:.85rem;color:#8c8279;cursor:pointer;transition:all .2s ease;border-radius:0 6px 6px 0;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;line-height:1.4}.anchor-link[data-v-c8bee222]:hover{color:#e07a5f;background:#e07a5f0d}.anchor-link.active[data-v-c8bee222]{color:#e07a5f;border-left-color:#e07a5f;background:#e07a5f14;font-weight:600}.grid-container[data-v-c8bee222]{flex:1;min-width:0}.subcategory-group[data-v-c8bee222]{margin-bottom:3rem}.subcategory-separator[data-v-c8bee222]{height:1px;background:#e8ddd3;margin:3rem 0}.subcategory-header[data-v-c8bee222]{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:2rem}.subcategory-title[data-v-c8bee222]{font-size:1.25rem;font-weight:600;color:#4a403a;margin:0}.subcategory-count[data-v-c8bee222]{font-size:.875rem;color:#8c8279}.product-grid[data-v-c8bee222]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media(max-width:1024px){.product-grid[data-v-c8bee222]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.product-grid[data-v-c8bee222]{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:480px){.product-grid[data-v-c8bee222]{grid-template-columns:1fr}}.product-card[data-v-c8bee222]{background:#fffbf7;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.product-card[data-v-c8bee222]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.card-image[data-v-c8bee222]{position:relative;aspect-ratio:1;background:#fdf8f3}.card-image img[data-v-c8bee222]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.card-image:hover img[data-v-c8bee222]{transform:scale(1.05)}.card-placeholder[data-v-c8bee222]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f3f5}.card-placeholder span[data-v-c8bee222]{font-size:2rem;font-weight:700;color:#e07a5f;opacity:.3}.card-body[data-v-c8bee222]{padding:1.5rem}.card-name[data-v-c8bee222]{font-size:.9rem;font-weight:600;color:#4a403a;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-c8bee222]{display:flex;gap:.5rem;margin-bottom:.5rem}.meta-item[data-v-c8bee222]{font-size:.75rem;color:#81b29a;padding:2px 6px;background:#fdf8f3;border-radius:6px}.card-item-no[data-v-c8bee222]{font-size:.8rem;color:#8c8279;margin:0}.empty-state[data-v-c8bee222]{text-align:center;padding:4rem;background:#fffbf7;border-radius:10px}.empty-state .empty-icon[data-v-c8bee222]{color:#81b29a;margin-bottom:1.5rem}.empty-state h3[data-v-c8bee222]{font-size:1.5rem;font-weight:600;color:#4a403a;margin:0 0 1rem}.empty-state p[data-v-c8bee222]{color:#8c8279;max-width:400px;margin:0 auto}.back-to-top[data-v-c8bee222]{position:fixed;bottom:40px;right:40px;width:48px;height:48px;background:#e07a5f;color:#fffbf7;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .2s ease;z-index:900}.back-to-top[data-v-c8bee222]:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}@media(max-width:768px){.back-to-top[data-v-c8bee222]{bottom:20px;right:20px;width:40px;height:40px}}.fade-enter-active[data-v-c8bee222],.fade-leave-active[data-v-c8bee222]{transition:opacity .3s ease}.fade-enter-from[data-v-c8bee222],.fade-leave-to[data-v-c8bee222]{opacity:0}.modal-overlay[data-v-c8bee222]{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content[data-v-c8bee222]{background:#fffbf7;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;position:relative}.modal-close[data-v-c8bee222]{position:absolute;top:1.5rem;right:1.5rem;background:#fdf8f3;border:none;color:#4a403a;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close[data-v-c8bee222]:hover{background:#f3f3f5}.modal-body[data-v-c8bee222]{display:flex;gap:2rem;padding:2rem;max-height:90vh;overflow-y:auto}@media(max-width:768px){.modal-body[data-v-c8bee222]{flex-direction:column}}.detail-gallery[data-v-c8bee222]{flex:1;min-width:300px}@media(max-width:768px){.detail-gallery[data-v-c8bee222]{min-width:auto}}.gallery-main[data-v-c8bee222]{aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fdf8f3}.gallery-main img[data-v-c8bee222]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gallery-placeholder[data-v-c8bee222]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f3f5}.gallery-placeholder span[data-v-c8bee222]{font-size:4rem;font-weight:700;color:#e07a5f;opacity:.3}.gallery-thumbs[data-v-c8bee222]{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.thumb[data-v-c8bee222]{width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:#fdf8f3;padding:0}.thumb.active[data-v-c8bee222]{border-color:#e07a5f}.thumb img[data-v-c8bee222]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-info[data-v-c8bee222]{flex:1.2;display:flex;flex-direction:column}.detail-name[data-v-c8bee222]{font-size:1.5rem;font-weight:700;color:#4a403a;margin:0 0 1rem;line-height:1.3}.detail-item-no[data-v-c8bee222]{font-size:.9rem;color:#81b29a;margin:0 0 1.5rem}.detail-desc[data-v-c8bee222]{margin-bottom:1.5rem}.detail-desc h4[data-v-c8bee222]{font-size:.9rem;font-weight:600;color:#4a403a;margin:0 0 .5rem}.detail-desc p[data-v-c8bee222]{font-size:.85rem;color:#8c8279;line-height:1.6;margin:0}.detail-specs[data-v-c8bee222]{margin-bottom:2rem}.detail-specs h4[data-v-c8bee222]{font-size:.9rem;font-weight:600;color:#4a403a;margin:0 0 1rem}.specs-table[data-v-c8bee222]{width:100%;border-collapse:collapse}.specs-table td[data-v-c8bee222]{padding:.5rem 1rem;font-size:.85rem;border-bottom:1px solid #e8ddd3}.specs-table td[data-v-c8bee222]:first-child{color:#8c8279;width:120px}.specs-table td[data-v-c8bee222]:last-child{color:#4a403a}.detail-actions[data-v-c8bee222]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.detail-add-list[data-v-c8bee222]{padding:1rem 2rem;background:transparent;border:2px solid #e07a5f;color:#e07a5f;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s ease,color .2s ease}.detail-add-list[data-v-c8bee222]:hover,.detail-cta[data-v-c8bee222]{background:#e07a5f;color:#fffbf7}.detail-cta[data-v-c8bee222]{display:inline-block;padding:1rem 2rem;font-weight:600;text-decoration:none;border-radius:6px;transition:background .2s ease}.detail-cta[data-v-c8bee222]:hover{background:#e79681}.modal-enter-active[data-v-c8bee222],.modal-leave-active[data-v-c8bee222]{transition:opacity .3s ease}.modal-enter-active .modal-content[data-v-c8bee222],.modal-leave-active .modal-content[data-v-c8bee222]{transition:transform .3s ease}.modal-enter-from[data-v-c8bee222],.modal-leave-to[data-v-c8bee222]{opacity:0}.modal-enter-from .modal-content[data-v-c8bee222],.modal-leave-to .modal-content[data-v-c8bee222]{transform:scale(.95)}