body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-wrapper{align-items:center;display:flex;flex-direction:column}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:576px){.category-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.category-grid{grid-template-columns:repeat(4,1fr)}}.category-tile{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;cursor:pointer;outline:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.category-tile:focus-visible,.category-tile:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.category-tile__image-wrap{aspect-ratio:4/5;background:#f5f5f5;border-radius:16px;overflow:hidden;position:relative;width:100%}.category-tile__image{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.category-tile:hover .category-tile__image{transform:scale(1.08)}.category-tile__overlay{background:linear-gradient(0deg,#0009,#0000);display:flex;inset:auto 0 0 0;justify-content:center;padding:28px 14px 14px;position:absolute}.category-tile__name{color:#fff;font-size:15px;font-weight:600;letter-spacing:.2px;text-align:center;text-shadow:0 1px 2px #00000040}@media (max-width:480px){.category-tile__overlay{padding:20px 10px 10px}.category-tile__name{font-size:13px}}.product-tile{background:#fff;border:1px solid #f0f0f0;border-radius:14px;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-tile:focus-visible,.product-tile:hover{border-color:#e6e6e6;box-shadow:0 10px 20px #00000014;transform:translateY(-3px)}.product-tile__image-wrap{align-items:center;aspect-ratio:1/1;background:#fafafa;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.product-tile__image{display:block;max-height:100%;max-width:100%;object-fit:contain}.product-tile__ribbon{background:#1677ff;font-weight:600;left:10px;letter-spacing:.2px;padding:3px 10px;top:10px}.product-tile__ribbon,.product-tile__variant-chip{border-radius:20px;color:#fff;font-size:11px;position:absolute}.product-tile__variant-chip{background:#000000a6;bottom:8px;font-weight:500;padding:3px 9px;right:8px}.product-tile__body{padding:12px}.product-tile__badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.product-tile__status{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.product-tile__status--available{background:#f0fdf4;color:#16a34a}.product-tile__status--out{background:#fff7ed;color:#ea580c}.product-tile__tag2{color:#7c3aed;font-size:11px;font-weight:500}.product-tile__name{color:#111;font-size:14px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-tile__meta{color:#8c8c8c;font-size:12px;line-height:1.5;margin:0}.product-tile__price{align-items:baseline;display:flex;gap:8px;margin-top:8px}.product-tile__price-strike{color:#bfbfbf;font-size:13px;text-decoration:line-through}.product-tile__price-deal{color:#16a34a;font-size:16px;font-weight:700}.product-tile__price-regular{color:#0f172a;font-size:16px;font-weight:700}.product-tile__price-locked{color:#1677ff;font-size:13px;font-weight:500}@media (max-width:480px){.product-tile__body{padding:8px}.product-tile__name{font-size:13px}}.ant-input-number-input{text-align:center!important}.ant-tour .ant-tour-inner{background:#414042!important;color:#fff!important}.ant-tour .ant-tour-arrow{--antd-arrow-background-color:#414042!important}.pd-detail{padding:20px 0 0}.pd-title{color:#111;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 10px}.pd-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.pd-status--available{background:#f0fdf4;color:#16a34a}.pd-status--out{background:#fff7ed;color:#ea580c}.pd-status--general{background:#eff6ff;color:#2563eb}.pd-designno{color:#666;font-size:14px;font-weight:600;margin-top:8px}.pd-thumb{border-radius:8px;transition:border-color .15s ease}.pd-panel{background:#fff;border:1px solid #f0f0f0;border-radius:14px;margin-top:20px;padding:16px}.pd-panel__row{align-items:flex-start;display:flex;justify-content:space-between}.pd-price-strike{color:#bfbfbf;font-size:18px;margin-right:12px;text-decoration:line-through}.pd-price{color:#08979c;font-size:26px;font-weight:700}.pd-cart-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.pd-qty{align-items:center;border:1px solid #e0e0e0;border-radius:10px;display:inline-flex;overflow:hidden}.pd-qty__btn{align-items:center;background:#fafafa;border:none;color:#333;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;line-height:1;transition:background .15s ease;width:36px}.pd-qty__btn:hover:not(:disabled){background:#f0f0f0}.pd-qty__btn:disabled{color:#ccc;cursor:not-allowed}.pd-qty__input.ant-input-number{border:none!important;box-shadow:none!important;width:52px!important}.pd-qty__unit{color:#888;font-size:12px}.pd-addcart{border-radius:10px;font-weight:600;height:40px;min-width:130px}.pd-total{color:#555;font-size:14px;margin-top:12px}.pd-wa{background:#f6ffed;border:1px solid #d9f7be;border-radius:12px;margin-top:16px;padding:14px;text-align:center}.pd-wa__text{color:#389e0d;font-size:13px;font-weight:500;margin:0 0 10px}.pd-wa__btn{background:#25d366!important;border-color:#25d366!important;border-radius:10px;font-size:15px;font-weight:600;height:42px;max-width:320px;width:100%}.product-list-shell{margin:0 auto;max-width:1200px;padding:20px 20px 64px}@media (max-width:768px){.product-list-shell{padding:12px 12px 64px}}.back-link{align-items:center;background:#0000;border:none;color:#1677ff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:16px;padding:0}.back-link:hover{color:#0958d9}.product-list-tabs{margin-bottom:12px}.product-list-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.product-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.product-grid{grid-template-columns:repeat(4,1fr)}}.keyword-filter-box{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.filter-chips-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-chip{align-items:center;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:20px;color:#444;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:6px 8px 6px 14px}.filter-chip--info{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.filter-chip--warn{background:#fffbeb;border-color:#fef3c7;color:#b45309}.filter-chip__clear{background:#0000;border:none;color:#999;cursor:pointer;display:inline-flex;font-size:12px;line-height:1;padding:4px}.filter-chip__clear:hover{color:#ff4d4f}.product-list-empty,.product-list-status{color:#8c8c8c;font-size:14px;padding:32px 0;text-align:center}.login-prompt-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 10px #0000000a;margin:40px auto 120px;max-width:400px;padding:28px 20px;text-align:center}.login-prompt-card h3{color:#111;font-size:17px;font-weight:700;margin:0 0 8px}.login-prompt-card p{color:#666;font-size:14px;margin:0 0 18px}.scroll-top-btn{bottom:28px;box-shadow:0 4px 12px #00000026!important;position:fixed!important;right:24px;transition:transform .2s ease,box-shadow .2s ease!important;z-index:1000}.scroll-top-btn:hover{box-shadow:0 8px 20px #0003!important;transform:translateY(-3px)}@media (min-width:769px){.ant-modal-body{-ms-overflow-style:none;scrollbar-width:none}.ant-modal-body::-webkit-scrollbar{display:none}}@media (max-width:768px){.ant-modal-body{-ms-overflow-style:auto;scrollbar-width:auto}.ant-modal-body::-webkit-scrollbar{display:block}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.slider-container{align-items:center;display:flex;position:relative}.card-container{overflow:hidden;width:100%}.card-slider{display:flex;transition:transform .5s ease-in-out}.slider-arrow{align-items:center;background-color:#00000080;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:50px;z-index:1}.slider-arrow.left-arrow{left:0}.slider-arrow.right-arrow{right:0}.slider-arrow:disabled{background-color:#0003;cursor:not-allowed}.joj-logo-desktop{display:inline-block}@media (max-width:768px){.joj-logo-desktop{display:none!important}}.equal-height-card{display:flex;flex-direction:column;height:300px;justify-content:space-between}.equal-image-container{align-items:center;background:#fafafa;display:flex;height:220px;justify-content:center;overflow:hidden;width:100%}.equal-image{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.ant-card-body{padding-Top:10!important;font-weight:700}.no-bold-row td{font-weight:400!important;padding-bottom:4px!important;padding-top:4px!important}.table-row-dark:hover td,.table-row-light:hover td{background-color:#bdeff85f!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)!important;border-bottom:2px solid #bdc3c7!important;color:#2c3e50!important}.ant-table{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-row-light{background-color:#fff}.table-row-dark{background-color:#fafafa}.group-header-row{background-color:#f0f7ff!important}.group-header-row:hover td{background-color:#e6f4ff!important}.table-row-dark:hover td,.table-row-light:hover td{background-color:#e6f7ff!important}.ant-table-thead>tr>th{background-color:#f5f5f5!important;font-weight:600!important}.group-header-row td{border-bottom:2px solid #d9d9d9!important;padding:4px 8px!important}
/*# sourceMappingURL=main.24ef399b.css.map*/