:root{--bg-primary:#eaeded;--bg-navy:#131921;--bg-light-navy:#232f3e;--amazon-yellow:#ffd814;--amazon-yellow-hover:#f7ca00;--amazon-orange:#f90;--amazon-orange-hover:#ffad33;--amazon-green:#067d62;--amazon-light-green:#e7f4e4;--amazon-gray-border:#e7e7e7;--text-dark:#111;--text-gray:#555;--text-light-gray:#888;--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Segoe UI,Yu Gothic,Meiryo,sans-serif;font-size:14px;line-height:1.4}#app{flex-direction:column;min-height:100vh;display:flex}.header{background-color:var(--bg-navy);color:#fff;padding:12px 16px}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1600px;margin:0 auto;display:flex}.logo{cursor:pointer;align-items:flex-end;display:flex}.logo-text{color:#fff;font-size:22px;font-weight:700}.logo-dot{color:var(--amazon-orange);margin-bottom:2px;margin-left:1px;font-size:14px;font-weight:700}.tab-nav{gap:8px;display:flex}.tab-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.tab-btn:hover{color:#fff;border-color:#fff6}.tab-btn.active{color:#fff;border-color:#fff;font-weight:700}.cart-badge{background-color:var(--amazon-orange);color:#fff;border-radius:9999px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:800}.header-status{color:#ccc;align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background-color:var(--text-light-gray);border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:#067d62;box-shadow:0 0 6px #067d62}.status-dot.offline{background-color:#dc2626;box-shadow:0 0 6px #dc2626}.sub-header{background-color:var(--bg-light-navy);color:#fff;border-top:1px solid #ffffff1a;padding:8px 16px}.sub-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1600px;margin:0 auto;display:flex}.garage-title-section{cursor:pointer;align-items:center;gap:8px;display:flex}.garage-icon{font-size:18px}.garage-title-text{flex-direction:column;display:flex}.garage-label{color:#ccc;font-size:11px}.garage-status-text{color:#fff;font-size:13px;font-weight:600}.garage-selectors{align-items:center;gap:8px;display:flex}.garage-select,.garage-input{color:var(--text-dark);background-color:#fff;border:1px solid #ccc;border-radius:4px;outline:none;height:28px;padding:4px 8px;font-size:12px}.garage-select{width:120px}.garage-input{width:160px}.garage-input:disabled{cursor:not-allowed;background-color:#e5e7eb}.btn-amazon-yellow{background-color:var(--amazon-yellow);color:var(--text-dark);cursor:pointer;border:1px solid #f2c200;border-radius:8px;justify-content:center;align-items:center;height:28px;padding:4px 12px;font-size:12px;font-weight:600;transition:background-color .1s;display:inline-flex}.btn-amazon-yellow:hover:not(:disabled){background-color:var(--amazon-yellow-hover)}.btn-amazon-yellow:disabled{opacity:.5;cursor:not-allowed}.btn-amazon-orange{background-color:var(--amazon-orange);color:#fff;cursor:pointer;border:1px solid #e68a00;border-radius:8px;justify-content:center;align-items:center;padding:6px 16px;font-size:13px;font-weight:700;transition:background-color .1s;display:inline-flex}.btn-amazon-orange:hover:not(:disabled){background-color:#ffad33}.btn-amazon-orange:disabled{color:#888;cursor:not-allowed;background-color:#ccc;border-color:#bbb}.btn-amazon-dark{background-color:var(--bg-light-navy);border:1px solid var(--bg-navy);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:28px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-amazon-dark:hover:not(:disabled){background-color:#37475a}.btn-amazon-dark:disabled{color:#9ca3af;cursor:not-allowed;background-color:#e5e7eb;border-color:#d1d5db}.fitment-banner{background-color:var(--amazon-light-green);border:1px solid var(--amazon-green);border-radius:8px;margin:15px 15px 0;padding:12px 16px}.fitment-banner-content{align-items:center;gap:12px;display:flex}.fitment-banner-icon{color:var(--amazon-green);font-size:24px}.fitment-banner-title{color:var(--amazon-green);font-size:15px;font-weight:700}.fitment-banner-detail{color:#444;font-size:12px}.search-results-bar{border-bottom:1px solid var(--amazon-gray-border);background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding:10px 15px;display:flex}.results-title-section{align-items:center;gap:6px;display:flex}.results-title{font-size:16px;font-weight:700}.results-count{color:var(--text-gray);font-size:13px}.search-filter-section{align-items:center;gap:8px;display:flex}.inner-search-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;outline:none;width:220px;height:28px;padding:4px 8px;font-size:12px}.inner-search-input:focus{border-color:var(--amazon-orange)}.inner-filter-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;outline:none;height:28px;padding:4px 8px;font-size:12px}.main-content-layout{flex:1;padding:10px}.products-wrap-panel{flex-wrap:wrap;padding:5px;display:flex}.product-card{border:1px solid var(--amazon-gray-border);background-color:#fff;border-radius:8px;grid-template-rows:150px 1fr auto auto auto auto;gap:0;width:220px;height:420px;margin:8px;padding:12px;transition:box-shadow .15s;display:grid;position:relative}.product-card:hover{border-color:var(--amazon-gray-border);box-shadow:0 4px 10px #00000026}.product-image-container{justify-content:center;align-items:center;height:150px;margin-bottom:8px;display:flex;position:relative}.product-image{object-fit:contain;max-width:100%;max-height:100%}.position-badge{z-index:10;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.position-badge.front{color:#0369a1;background-color:#e0f2fe}.position-badge.rear{color:#c2410c;background-color:#ffedd5}.position-badge.both{color:#6b21a8;background-color:#f3e8ff}.product-info-container{overflow:hidden}.product-brand{color:#007185;cursor:pointer;margin-bottom:2px;font-size:11px;font-weight:700}.product-brand:hover{color:#c45500;text-decoration:underline}.product-name{color:var(--text-dark);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;margin-bottom:4px;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.product-meta-text{color:var(--text-gray);font-size:10.5px;line-height:1.2}.product-size-text{color:var(--text-gray);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.product-rating-container{align-items:center;margin-bottom:6px;display:flex}.rating-stars{color:var(--amazon-orange);font-size:12px}.rating-count{color:#007185;margin-left:4px;font-size:11px}.product-price-container{margin-bottom:8px}.price-row{align-items:flex-start;display:flex}.price-yen-symbol{margin-top:2px;margin-right:1px;font-size:12px;font-weight:700}.price-number{font-size:18px;font-weight:700}.prime-badge{color:#fff;background-color:#00a8e8;border-radius:3px;align-self:center;margin-left:8px;padding:1px 4px;font-size:9px;font-weight:700}.delivery-free{color:#565959;margin-top:2px;font-size:11px}.product-stock-container{justify-content:space-between;align-items:center;height:28px;margin-bottom:10px;display:flex}.stock-status-wrapper{flex-direction:column;display:flex}.stock-label{color:#6b7280;font-size:10.5px}.stock-value{font-size:11.5px;font-weight:700}.stock-value.instock{color:#16a34a}.stock-value.low{color:#d97706}.stock-value.out{color:#dc2626}.stock-value.checking{color:#2563eb}.add-to-cart-btn{width:100%;height:32px;font-size:12px}.fitment-split-grid{grid-template-columns:2fr 1.5fr 1.2fr;gap:12px;height:calc(100vh - 180px);margin:10px;display:grid}.fitment-pane{background-color:#0000;flex-direction:column;height:100%;display:flex;overflow:hidden}.fitment-pane-header{background-color:var(--bg-light-navy);color:#fff;border-radius:6px 6px 0 0;align-items:center;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.pane-content-scroll{flex:1;padding-right:4px;overflow-y:auto}.fitment-pair-card{border:1px solid var(--amazon-gray-border);background-color:#fff;border-radius:10px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0000000d}.fitment-pair-card:hover{border-color:var(--amazon-orange);box-shadow:0 4px 8px #00000014}.pair-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.brand-label-badge{color:#c2410c;background-color:#fff7ed;border:1px solid #ffedd5;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.tire-model-title{color:#111827;font-size:16px;font-weight:700}.pair-card-columns{grid-template-columns:1fr 1px 1fr;gap:12px;display:grid}.pair-vertical-line{background-color:#e5e7eb;width:1px;height:100%}.fitment-tire-sub-box{border-radius:8px;padding:14px}.fitment-tire-sub-box.front{background-color:#f0f9ff;border:1px solid #bae6fd}.fitment-tire-sub-box.rear{background-color:#fefbf6;border:1px solid #fed7aa}.sub-box-title-row{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.wheel-badge{color:#fff;border-radius:3px;padding:2px 6px;font-size:10.5px;font-weight:700}.wheel-badge.front{background-color:#0284c7}.wheel-badge.rear{background-color:#ea580c}.sub-box-tire-name{color:#1f2937;font-size:13.5px;font-weight:700;line-height:1.3}.sub-box-image-wrap{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;height:140px;margin-bottom:12px;display:flex}.sub-box-meta-row{margin-bottom:5px;font-size:11.5px;display:flex}.sub-box-meta-label{color:#6b7280;width:50px}.sub-box-meta-value{color:#111827;font-weight:600}.sub-box-price-row{border-top:1px dashed #e5e7eb;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.cart-layout-grid{grid-template-columns:2.5fr 1fr;align-items:start;gap:20px;max-width:1600px;margin:0 auto;padding:1.5rem;display:grid}.cart-left-pane{flex-direction:column;display:flex}.cart-right-pane{flex-direction:column;gap:15px;display:flex}.register-summary-box{border:1px solid var(--amazon-gray-border);background-color:#fff;border-radius:8px;padding:20px}.register-subtotal-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.register-subtotal-label{color:var(--text-dark);font-size:16px}.register-subtotal-val{color:#b12704;font-size:22px;font-weight:700}.register-shipping-free{color:var(--amazon-green);margin-bottom:12px;font-size:12px;font-weight:700}.register-hr{border:0;border-top:1px solid var(--amazon-gray-border);margin:12px 0}.cart-item-row-wpf{border-bottom:1px solid var(--amazon-gray-border);grid-template-columns:80px 1fr 100px;gap:16px;padding:16px 0;display:grid}.cart-item-image-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:80px;height:80px;padding:4px;display:flex}.cart-item-info-wrapper{flex-direction:column;display:flex}.cart-item-badge-row{gap:8px;margin-bottom:4px;display:flex}.cart-brand-badge{color:#0369a1;background-color:#e0f2fe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.cart-dest-badge{border:1px solid;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.cart-dest-badge.order{color:#b45309;background-color:#fef3c7;border-color:#f59e0b}.cart-dest-badge.stock{color:#047857;background-color:#dcfce7;border-color:#10b981}.cart-item-title-wpf{color:#111827;margin-bottom:8px;font-size:14.5px;font-weight:700}.cart-item-spec-wrap{color:var(--text-gray);flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:11px;display:flex}.qty-control-wpf{border:1px solid #bdbdbd;border-radius:6px;align-items:center;width:fit-content;display:inline-flex;overflow:hidden}.qty-btn-wpf{cursor:pointer;background-color:#f0f2f2;border:none;width:28px;height:26px;font-size:14px;font-weight:700}.qty-btn-wpf:hover{background-color:#e3e6e6}.qty-display-wpf{text-align:center;border:none;outline:none;width:32px;height:26px;font-size:12px;font-weight:600}.cart-item-price-wrapper{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.cart-item-price-val{color:#b12704;font-size:16px;font-weight:700}.one-column-layout{padding:1.5rem}.amazon-box{border:1px solid var(--amazon-gray-border);background-color:#fff;border-radius:8px;max-width:1000px;margin:0 auto;padding:24px}.amazon-box-title{border-bottom:1px solid var(--amazon-gray-border);margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:700}.box-sub-title{border-bottom:1px solid var(--amazon-gray-border);margin-bottom:12px;padding-bottom:6px;font-size:15px;font-weight:700}.form-section-box{border:1px solid var(--amazon-gray-border);background-color:#fcfcfc;border-radius:6px;margin-bottom:16px;padding:16px}#toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--amazon-gray-border);color:var(--text-dark);background-color:#fff;border-radius:4px;padding:12px 20px;font-size:13px;font-weight:500;box-shadow:0 4px 12px #00000026}.toast.success{border-left:5px solid var(--amazon-green)}.toast.info{border-left:5px solid var(--amazon-orange)}.toast.error{border-left:5px solid #dc2626}.vehicle-select-card{cursor:pointer;background-color:#fff;border:1px solid #d5d9d9;border-radius:8px;flex-direction:column;flex-shrink:0;gap:8px;width:200px;min-width:200px;padding:12px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000001a}.vehicle-select-card:hover{border-color:var(--amazon-orange);transform:translateY(-2px);box-shadow:0 4px 12px #e37d0026}.vehicle-card-img-container{background-color:#f7f7f7;border:1px solid #e7e7e7;border-radius:4px;justify-content:center;align-items:center;height:120px;padding:4px;display:flex;overflow:hidden}.vehicle-card-img{object-fit:contain;max-width:100%;max-height:100%}.vehicle-card-title{color:#111;font-size:13.5px;font-weight:700;line-height:1.3}.vehicle-card-maker{color:#007185;font-size:11px;font-weight:600}.vehicle-card-spec-row{color:var(--text-gray);justify-content:space-between;font-size:11px;line-height:1.2;display:flex}.vehicle-card-spec-label{color:#888}.vehicle-card-spec-value{color:#333;font-weight:600}.vehicle-card-spec-value.highlight{color:var(--amazon-orange)}.selector-mini-label{margin-bottom:2px;font-weight:600}#vehicle-select-list::-webkit-scrollbar{height:8px}#vehicle-select-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#vehicle-select-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}#vehicle-select-list::-webkit-scrollbar-thumb:hover{background:var(--amazon-orange)}.tab-panel{display:none!important}.tab-panel.active{display:block!important}
