body { background:#f4f7f6; font-family:sans-serif; margin:0; padding:0; }
.store-container { max-width:500px; margin:0 auto; background:#fff; min-height:100vh; box-shadow:0 0 15px rgba(0,0,0,0.1); display:flex; flex-direction:column; position:relative; }
.video-section { position:sticky; top:0; z-index:90; background:#000; width:100%; }
.catalog-section { flex:1; overflow-y:auto; padding-bottom:70px; }
.store-header { background:#0056b3; color:#fff; padding:20px; text-align:center; border-bottom:5px solid #ffcc00; }
.store-header h1 { margin:0; font-size:20px; }
.badge-verified { background:#ffcc00; color:#0056b3; padding:5px 15px; border-radius:20px; font-weight:bold; font-size:12px; display:inline-block; margin-top:10px; }
.live-title-bar { background:#dc3545; color:#fff; padding:10px; text-align:center; font-weight:bold; font-size:14px; animation: blinker 1.5s linear infinite; }
@keyframes blinker { 50% { opacity: 0.8; } }
.product-list { padding:20px; }
.product-card { display:flex; flex-direction:row; border:1px solid #eee; border-radius:10px; overflow:hidden; margin-bottom:15px; box-shadow:0 2px 5px rgba(0,0,0,0.05); background:#fff; align-items:center; padding:10px; }
.product-img-wrapper { position:relative; width:100px; height:100px; flex-shrink:0; background:#f9f9f9; border-radius:8px; }
.product-img { width:100%; height:100%; object-fit:cover; border-radius:8px; cursor:pointer; }
.tiktok-num { position:absolute; top:0; left:0; background:#ffcc00; color:#0056b3; font-weight:bold; font-size:12px; padding:2px 6px; border-top-left-radius:8px; border-bottom-right-radius:8px; z-index:1; }
/* V9.4 Hot Badge Style */
.hot-badge { position:absolute; top:0; right:0; background:#dc3545; color:#fff; font-weight:bold; font-size:10px; padding:3px 6px; border-top-right-radius:8px; border-bottom-left-radius:8px; z-index:1; }
.product-info { padding:0 0 0 15px; flex:1; }
.product-title { margin:0 0 5px 0; font-size:16px; color:#333; }
.product-price { color:#dc3545; font-weight:bold; font-size:16px; margin:0 0 5px 0; }
.btn-buy { display:inline-block; color:#fff; text-align:center; padding:8px 12px; border-radius:5px; text-decoration:none; font-weight:bold; font-size:12px; cursor:pointer; border:none; }
.btn-nego { display:inline-block; background:#ffc107; color:#856404; text-align:center; padding:8px 12px; border-radius:5px; text-decoration:none; font-weight:bold; font-size:12px; cursor:pointer; border:none; }
.empty-store { text-align:center; padding:40px 20px; color:#999; border:2px dashed #ccc; border-radius:10px; margin-top:20px; }
.floating-cart { position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:500px; background:#fff; padding:15px 20px; box-shadow:0 -5px 15px rgba(0,0,0,0.1); display:none; justify-content:space-between; align-items:center; box-sizing:border-box; z-index:98; border-top-left-radius:15px; border-top-right-radius:15px; border-top:3px solid #28a745; }
.cart-info { font-weight:bold; color:#333; font-size:14px; }
.cart-btn { background:#28a745; color:#fff; padding:10px 20px; border-radius:8px; text-decoration:none; font-weight:bold; border:none; cursor:pointer; font-size:14px; }
.nego-modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999; justify-content:center; align-items:center; }
.nego-modal-box { background:#fff; width:90%; max-width:350px; padding:20px; border-radius:12px; text-align:center; }
.nego-price-input { width:100%; padding:12px; font-size:18px; text-align:center; border:2px solid #ffcc00; border-radius:8px; margin:15px 0; box-sizing:border-box; }
.nego-btn-send { width:100%; background:#25D366; color:#fff; padding:12px; border:none; border-radius:8px; font-weight:bold; font-size:16px; cursor:pointer; }
.nego-btn-close { width:100%; background:#f8d7da; color:#721c24; padding:10px; border:none; border-radius:8px; font-weight:bold; font-size:14px; cursor:pointer; margin-top:10px; }

/* V9.5 - Sold Out Feature */
.sold-badge { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(0,0,0,0.7); color:#fff; font-weight:bold; font-size:14px; padding:5px 15px; border-radius:5px; z-index:2; border:2px solid #fff; }
.btn-disabled { display:inline-block; background:#ccc !important; color:#666 !important; text-align:center; padding:8px 12px; border-radius:5px; text-decoration:none; font-weight:bold; font-size:12px; cursor:not-allowed; border:none; width:100%; box-sizing:border-box; }

/* V9.7 & V9.8 - Reviews & Tracking Section */
.reviews-section { padding:20px; background:#f9f9f9; border-top:5px solid #eee; }
.review-card { background:#fff; padding:15px; border-radius:8px; border:1px solid #ddd; margin-bottom:10px; text-align:left; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
.terima-banner { background:#e8fdf5; border:2px solid #28a745; padding:20px; border-radius:10px; text-align:center; margin:20px; box-shadow:0 4px 10px rgba(40,167,69,0.2); }