.page-banner[data-v-f5bf27e1]{position:relative;block-size:600px;background:#f8f2eb;overflow:hidden}.page-banner .bg-img[data-v-f5bf27e1]{position:absolute;inset-inline-end:0;inset-block-start:0;inline-size:1025px;block-size:600px;object-fit:cover;-webkit-mask-image:linear-gradient(to left,#000 62%,transparent 100%);mask-image:linear-gradient(to left,#000 62%,transparent 100%)}.page-banner .container[data-v-f5bf27e1]{position:relative;block-size:100%}.page-banner .content[data-v-f5bf27e1]{position:relative;padding-block-start:200px}.page-banner .en[data-v-f5bf27e1]{font-size:26px;line-height:42px;color:var(--c-brown)}.page-banner h1[data-v-f5bf27e1]{font-family:var(--font-display);font-weight:700;font-size:60px;line-height:84px;color:var(--c-primary);margin-block-start:6px}.list-head[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:18px}.usage-filter[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.usage-label[data-v-f5bf27e1]{font-size:14px;color:var(--c-text-soft);margin-inline-end:2px}.usage-chip[data-v-f5bf27e1]{padding:6px 14px;border-radius:20px;border:1px solid var(--c-border);background:#fff;color:var(--c-text);font-size:13px;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.usage-chip[data-v-f5bf27e1]:hover{border-color:var(--c-primary)}.usage-chip.active[data-v-f5bf27e1]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.empty-desc[data-v-f5bf27e1]{margin-block:6px 16px;font-size:14px;color:var(--c-text-soft)}.empty-actions[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.empty-btn[data-v-f5bf27e1]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:180px;block-size:46px;padding-inline:22px;border-radius:24px;font-size:15px;text-decoration:none}.search-bar[data-v-f5bf27e1]{margin-block-start:40px;inline-size:820px;max-inline-size:100%;block-size:90px;background:#fff;border-radius:26px;display:flex;align-items:center;padding-inline:28px 10px;box-shadow:0 12px 40px #733e1814}.search-bar .icon[data-v-f5bf27e1]{inline-size:34px;block-size:34px;margin-inline-end:16px;flex-shrink:0}.search-bar .icon img[data-v-f5bf27e1]{inline-size:100%;block-size:100%;object-fit:contain}.search-bar input[data-v-f5bf27e1]{flex:1;border:none;outline:none;font-size:24px;font-family:var(--font-body);color:var(--c-primary-deep);background:transparent}.search-bar input[data-v-f5bf27e1]::placeholder{color:var(--c-gray)}.search-bar .submit[data-v-f5bf27e1]{inline-size:168px;block-size:70px;border-radius:20px;background:var(--c-primary);color:#fff;font-size:24px;font-weight:500;border:0;cursor:pointer;flex-shrink:0;transition:background .2s}.search-bar .submit[data-v-f5bf27e1]:hover{background:#8a4e20}.breadcrumb[data-v-f5bf27e1]{block-size:62px;background:#fff;display:flex;align-items:center}.breadcrumb .crumbs[data-v-f5bf27e1]{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.03em}.breadcrumb a[data-v-f5bf27e1]{color:var(--c-gray);text-decoration:none}.breadcrumb a[data-v-f5bf27e1]:hover,.breadcrumb .cur[data-v-f5bf27e1]{color:var(--c-primary)}.breadcrumb .cur-cat[data-v-f5bf27e1]{cursor:pointer}.breadcrumb .cur-cat[data-v-f5bf27e1]:hover{color:var(--c-primary-deep);text-decoration:underline}.breadcrumb .crumb-link[data-v-f5bf27e1]{cursor:pointer}.breadcrumb .crumb-link[data-v-f5bf27e1]:hover{color:var(--c-primary-deep);text-decoration:underline}.breadcrumb .sep[data-v-f5bf27e1]{color:var(--c-gray)}@media (max-width: 767px){.breadcrumb[data-v-f5bf27e1]{block-size:44px}.breadcrumb .crumbs[data-v-f5bf27e1]{font-size:13px}}.category-section[data-v-f5bf27e1]{background:var(--c-cream);padding-block:40px}.category-grid[data-v-f5bf27e1]{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.category-grid[data-v-f5bf27e1]::-webkit-scrollbar{display:none}.products-page-section[data-v-f5bf27e1]{background:var(--c-cream-2);padding-block:40px 120px}.list-title[data-v-f5bf27e1]{font-size:34px;font-weight:600;letter-spacing:.03em;color:var(--c-primary-deep);margin-block-end:48px}.list-title .total[data-v-f5bf27e1]{font-size:18px;font-weight:400;color:var(--c-text-3);margin-inline-start:12px}.product-grid[data-v-f5bf27e1]{display:grid;grid-template-columns:repeat(4,285px);gap:20px}.product-card[data-v-f5bf27e1]{inline-size:285px;background:transparent;cursor:pointer;display:flex;flex-direction:column;height:100%}.product-card .photo[data-v-f5bf27e1]{display:block;inline-size:285px;block-size:214px;border-radius:14px;overflow:hidden}.product-card .photo img[data-v-f5bf27e1]{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .4s}.product-card .photo .ph[data-v-f5bf27e1]{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;background:var(--c-chip);color:var(--c-chip-text)}.product-card .photo .ph svg[data-v-f5bf27e1]{inline-size:48px;block-size:48px}.product-card:hover .photo img[data-v-f5bf27e1]{transform:scale(1.05)}.product-card:hover .photo[data-v-f5bf27e1]{box-shadow:0 14px 36px #733e1829}.product-card .info[data-v-f5bf27e1]{background:var(--c-card);padding:10px 10px 0;display:flex;flex-direction:column;flex:1}.product-card .name[data-v-f5bf27e1]{font-size:20px;font-weight:500;color:var(--c-primary-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.product-card .name a[data-v-f5bf27e1]{color:inherit;text-decoration:none}.product-card .name a[data-v-f5bf27e1]:hover{color:var(--c-primary)}.product-card .chips[data-v-f5bf27e1]{display:flex;gap:10px;margin:10px 0 12px;flex-wrap:wrap}.product-card .chip[data-v-f5bf27e1]{block-size:24px;padding:0 10px;border-radius:20px;background:var(--c-chip);color:var(--c-chip-text);font-size:14px;line-height:24px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.product-card .meta[data-v-f5bf27e1]{margin-block-start:auto;display:flex;align-items:center;justify-content:space-between}.product-card .left[data-v-f5bf27e1]{display:flex;align-items:baseline;gap:12px;overflow:hidden}.product-card .code[data-v-f5bf27e1]{font-size:16px;color:var(--c-brown);white-space:nowrap}.product-card .go[data-v-f5bf27e1]{inline-size:28px;block-size:28px;margin-inline-start:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--c-primary)}.product-card .go .icon[data-v-f5bf27e1]{inline-size:20px;block-size:13px}.error-bar[data-v-f5bf27e1],.loading[data-v-f5bf27e1],.empty[data-v-f5bf27e1]{text-align:center;padding:60px 0;color:var(--c-text-3);font-size:16px}.error-bar[data-v-f5bf27e1]{color:var(--c-error)}@media (max-width: 1199px){.page-banner[data-v-f5bf27e1],.page-banner .bg-img[data-v-f5bf27e1]{block-size:480px}}@media (max-width: 1199px){.product-grid[data-v-f5bf27e1]{grid-template-columns:repeat(4,1fr)}.product-card[data-v-f5bf27e1]{inline-size:auto}.product-card .photo[data-v-f5bf27e1]{inline-size:100%;block-size:auto;aspect-ratio:285 / 214}}@media (max-width: 991px){.page-banner[data-v-f5bf27e1],.page-banner .bg-img[data-v-f5bf27e1]{block-size:360px}.page-banner .content[data-v-f5bf27e1]{padding-block-start:130px}.page-banner h1[data-v-f5bf27e1]{font-size:36px;line-height:1.3}.page-banner .en[data-v-f5bf27e1]{font-size:18px}.list-head[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:18px}.usage-filter[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.usage-label[data-v-f5bf27e1]{font-size:14px;color:var(--c-text-soft);margin-inline-end:2px}.usage-chip[data-v-f5bf27e1]{padding:6px 14px;border-radius:20px;border:1px solid var(--c-border);background:#fff;color:var(--c-text);font-size:13px;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.usage-chip[data-v-f5bf27e1]:hover{border-color:var(--c-primary)}.usage-chip.active[data-v-f5bf27e1]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.empty-desc[data-v-f5bf27e1]{margin-block:6px 16px;font-size:14px;color:var(--c-text-soft)}.empty-actions[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.empty-btn[data-v-f5bf27e1]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:180px;block-size:46px;padding-inline:22px;border-radius:24px;font-size:15px;text-decoration:none}.search-bar[data-v-f5bf27e1]{block-size:64px;border-radius:18px}.search-bar input[data-v-f5bf27e1]{font-size:16px}.search-bar .submit[data-v-f5bf27e1]{inline-size:110px;block-size:48px;font-size:16px;border-radius:14px}.product-grid[data-v-f5bf27e1]{grid-template-columns:repeat(2,1fr)}.list-title[data-v-f5bf27e1]{font-size:24px}}@media (max-width: 575px){.page-banner[data-v-f5bf27e1]{block-size:360px}.page-banner .content[data-v-f5bf27e1]{padding-block-start:100px}.page-banner h1[data-v-f5bf27e1]{font-size:28px}.list-head[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:18px}.usage-filter[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.usage-label[data-v-f5bf27e1]{font-size:14px;color:var(--c-text-soft);margin-inline-end:2px}.usage-chip[data-v-f5bf27e1]{padding:6px 14px;border-radius:20px;border:1px solid var(--c-border);background:#fff;color:var(--c-text);font-size:13px;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.usage-chip[data-v-f5bf27e1]:hover{border-color:var(--c-primary)}.usage-chip.active[data-v-f5bf27e1]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.empty-desc[data-v-f5bf27e1]{margin-block:6px 16px;font-size:14px;color:var(--c-text-soft)}.empty-actions[data-v-f5bf27e1]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.empty-btn[data-v-f5bf27e1]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:180px;block-size:46px;padding-inline:22px;border-radius:24px;font-size:15px;text-decoration:none}.search-bar[data-v-f5bf27e1]{padding-inline:14px 8px}.search-bar .icon[data-v-f5bf27e1]{inline-size:26px;block-size:26px;margin-inline-end:10px}.search-bar .submit[data-v-f5bf27e1]{inline-size:84px}.product-grid[data-v-f5bf27e1]{grid-template-columns:1fr}}@media (max-width: 1199px){.product-card .name[data-v-f5bf27e1]{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}}
