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}.cart-page{margin:0 auto;max-width:1100px;padding:32px 20px 72px}@media (max-width:768px){.cart-page{padding:20px 14px 72px}}.cart-header{margin-bottom:24px}.cart-header h1{color:#1f1f1f;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.cart-header p{color:#8c8c8c;font-size:14px;margin:6px 0 0}.cart-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:900px){.cart-layout{gap:28px;grid-template-columns:minmax(0,1fr) 320px}}.cart-items{display:flex;flex-direction:column;gap:14px}.cart-item{background:#fff;border:1px solid #f0f0f0;border-radius:16px;display:flex;gap:16px;padding:16px;transition:box-shadow .2s ease}.cart-item:hover{box-shadow:0 6px 18px #0000000f}.cart-item__img{background:#f5f5f5;border-radius:12px;display:block;flex-shrink:0;height:96px;object-fit:cover;width:96px}@media (max-width:480px){.cart-item{gap:12px;padding:12px}.cart-item__img{height:74px;width:74px}}.cart-item__body{display:flex;flex:1 1;flex-direction:column;min-width:0}.cart-item__row-top{display:flex;gap:12px;justify-content:space-between}.cart-item__name{color:#1f1f1f;font-size:16px;font-weight:600;line-height:1.3;margin:0}.cart-item__meta{color:#8c8c8c;font-size:13px;line-height:1.4;margin:3px 0 0}.cart-item__amount{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;text-align:right}.cart-item__total{color:#1f1f1f;font-size:16px;font-weight:700;white-space:nowrap}.cart-item__unit{color:#8c8c8c;font-size:12px;margin-top:2px;white-space:nowrap}.cart-item__qty{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cart-item__qty-label{color:#595959;font-size:13px;font-weight:500}.cart-item__qty-input{width:56px}.cart-item__qty-calc{color:#8c8c8c;font-size:12.5px}.cart-item__detail{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;color:#595959;font-size:13px;margin:10px 0 0;padding:8px 12px}.cart-item__actions{display:flex;gap:4px;margin-top:12px}.cart-summary{background:#fafafa;border:1px solid #f0f0f0;border-radius:16px;padding:22px 20px}@media (min-width:900px){.cart-summary{position:-webkit-sticky;position:sticky;top:80px}}.cart-summary__title{color:#1f1f1f;font-size:16px;font-weight:700;margin:0 0 18px}.cart-summary__row{color:#595959;display:flex;font-size:14px;justify-content:space-between;margin-bottom:11px}.cart-summary__divider{background:#eaeaea;height:1px;margin:14px 0}.cart-summary__row--total{color:#1f1f1f;font-size:17px;font-weight:700;margin:0 0 18px}.cart-summary__btn{margin-top:4px}.orders-page{margin:0 auto;max-width:860px;padding:32px 20px 64px}@media (max-width:768px){.orders-page{padding:20px 14px 64px}}.orders-header{margin-bottom:24px}.orders-header h1{color:#1f1f1f;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.orders-header p{color:#8c8c8c;font-size:14px;margin:6px 0 0}.orders-list{display:flex;flex-direction:column;gap:14px}.order-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;cursor:pointer;outline:none;padding:18px 20px;transition:box-shadow .2s ease,transform .2s ease}.order-card:focus-visible,.order-card:hover{box-shadow:0 8px 22px #00000012;transform:translateY(-2px)}.order-card__top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.order-card__id{color:#1f1f1f;font-size:15px;font-weight:700}.order-card__date{align-items:center;color:#8c8c8c;display:flex;font-size:13px;gap:6px;margin-top:3px}.order-card__total-label{color:#8c8c8c;font-size:12px}.order-card__total{color:#1f1f1f;font-size:18px;font-weight:700;white-space:nowrap}.order-card__rule{background:#f5f5f5;height:1px;margin:14px 0}.order-card__stats{display:flex;flex-wrap:wrap;gap:12px 28px}.order-stat__label{color:#8c8c8c;display:block;font-size:12px;margin-bottom:2px}.order-stat__value{color:#1f1f1f;font-size:14px;font-weight:600}.collection-page{margin:0 auto;max-width:1200px;padding:32px 20px 56px}@media (max-width:768px){.collection-page{padding:20px 14px 56px}}.collection-header{margin-bottom:24px;text-align:center}.collection-header h1{color:#1f1f1f;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.collection-header p{color:#8c8c8c;font-size:14px;margin:6px 0 0}.collection-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:36px}.collection-chip{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:999px;color:#595959;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:500;gap:6px;line-height:1.2;padding:7px 16px;transition:border-color .2s ease,color .2s ease,background .2s ease}.collection-chip:hover{border-color:#bfbfbf;color:#1f1f1f}.collection-chip:focus-visible{outline:2px solid #1f1f1f;outline-offset:2px}.collection-chip--active{background:#1f1f1f;border-color:#1f1f1f;color:#fff}.collection-chip--active:hover{color:#fff}.collection-section{margin-bottom:40px}.collection-section__head{align-items:center;display:flex;gap:14px;margin-bottom:18px}.collection-section__title{color:#1f1f1f;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0;white-space:nowrap}.collection-section__rule{background:#f0f0f0;flex:1 1;height:1px}.collection-section__count{color:#bfbfbf;font-size:13px;font-weight:500;white-space:nowrap}.collection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.collection-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.collection-grid{grid-template-columns:repeat(4,1fr)}}.collection-empty{color:#8c8c8c;font-size:15px;padding:72px 0;text-align:center}.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}.downloads-page{margin:0 auto;max-width:1100px;padding:32px 20px 64px}@media (max-width:768px){.downloads-page{padding:20px 14px 64px}}.downloads-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.downloads-header h1{color:#1f1f1f;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.downloads-header p{color:#8c8c8c;font-size:14px;margin:6px 0 0}.downloads-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.downloads-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.downloads-grid{grid-template-columns:repeat(3,1fr)}}.download-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:16px}.download-card__design{color:#1f1f1f;font-size:15px;font-weight:700}.download-card__name{color:#8c8c8c;font-size:13px;margin:2px 0 14px;word-break:break-word}.download-images{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
/*# sourceMappingURL=main.b88ffecb.css.map*/