/* VBC-RONG-20261031: bảng chi tiết món trên PC rộng hơn (trước 260px, chữ dồn thành cột hẹp) */
@media (min-width:700px){html body .vbc2 .vbcshop-detail-card:not(#r0):not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9){width:min(420px,92%)!important;max-width:420px!important}html body .vbc2 .vbcshop-detail-card .inventory-actions button{min-height:36px;font-size:13px}}
/* VBC2-20261026 · Vạn Bảo Các – bố cục chuẩn hoá (thay toàn bộ shop.css khi bật).
   Một bộ quy tắc, không chồng lớp. Chỉnh màu/khoảng cách ở :root-biến bên dưới.
   Khung: phần đầu cố định (tiêu đề, ví, tìm kiếm, tab, tab phụ) · lưới hàng cuộn riêng.
   PC/tablet: hộp giữa màn hình rộng tối đa 1000px · Điện thoại (≤640px): toàn màn hình. */

#vbcShop.vbc2{
  --vb-bg:#0c141a; --vb-panel:#111b23; --vb-card:#16222c; --vb-card-hi:#1b2a36;
  --vb-line:#2c3b47; --vb-line-hi:#c9a253; --vb-gold:#f0cf7a; --vb-gold-d:#a87926;
  --vb-text:#efe6cc; --vb-muted:#9fa39a; --vb-green:#7dff9a; --vb-red:#ff9f9f;
  --vb-r-lg:16px; --vb-r:12px; --vb-r-sm:8px;
  --vb-gap:10px; --vb-pad:16px; --vb-card-min:132px; --vb-img:72px;
  --vb-font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  --vb-title:"Noto Serif","Times New Roman",serif;
  box-sizing:border-box; width:min(1000px,94vw); height:min(88dvh,820px); max-width:none; max-height:none;
  margin:auto; padding:0; border:1px solid var(--vb-line-hi); border-radius:var(--vb-r-lg);
  background:var(--vb-bg); color:var(--vb-text); font:14px/1.4 var(--vb-font);
  box-shadow:0 20px 70px #000c; overflow:hidden;
}
#vbcShop.vbc2[open]{display:flex;flex-direction:column}
#vbcShop.vbc2::backdrop{background:#02060ac7;backdrop-filter:blur(3px)}
#vbcShop.vbc2 *{box-sizing:border-box}
#vbcShop.vbc2 [hidden]{display:none!important}
#vbcShop.vbc2 button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#vbcShop.vbc2 button:disabled{opacity:.45;cursor:not-allowed}
#vbcShop.vbc2 :focus-visible{outline:2px solid var(--vb-gold);outline-offset:2px}

/* ---------- khung ---------- */
#vbcShop.vbc2 .vbcshop-inner{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative}

/* phần đầu: tiêu đề + ví + đóng */
#vbcShop.vbc2 header{display:flex;align-items:center;gap:12px;padding:12px var(--vb-pad) 10px;margin:0;
  background:linear-gradient(180deg,#1a2833,#121c24);border-bottom:1px solid var(--vb-line);position:static}
#vbcShop.vbc2 header>div:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#vbcShop.vbc2 header small,#vbcShop.vbc2 header p{display:none}
#vbcShop.vbc2 header h2{margin:0;font:700 20px/1.2 var(--vb-title);letter-spacing:.06em;color:var(--vb-gold);
  text-shadow:0 0 14px #f0cf7a40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#vbcShop.vbc2 .vbc-sale{margin:0!important}
#vbcShop.vbc2 .vbcshop-wallets{display:flex;align-items:center;gap:6px}
#vbcShop.vbc2 .vbcshop-money{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;
  background:#0a1117;border:1px solid var(--vb-line);font-weight:800;color:var(--vb-gold);font-variant-numeric:tabular-nums}
#vbcShop.vbc2 .vbcshop-dch-icon{width:18px;height:18px;object-fit:contain}
#vbcShop.vbc2 .vbcshop-x{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;padding:0;border-radius:50%;
  border:1px solid var(--vb-line);background:#0a1117;font-size:22px;line-height:1;color:var(--vb-text)}
#vbcShop.vbc2 .vbcshop-x:hover{border-color:var(--vb-red);color:var(--vb-red)}
#vbcShop.vbc2>.smh-btn{position:absolute!important;top:13px!important;right:60px!important;left:auto!important;bottom:auto!important;z-index:3;width:36px!important;height:36px!important;margin:0!important;border-radius:50%!important;display:grid;place-items:center}
#vbcShop.vbc2 .vbcshop-wallets{margin-right:44px}

/* admin trong tiêu đề */
#vbcShop.vbc2 .vbcshop-admin{display:block;margin:0;padding:0;border:0}
#vbcShop.vbc2 .vbcshop-admin-tools{display:flex;gap:6px}
#vbcShop.vbc2 .vbcshop-admin-tools button{height:28px;padding:0 10px;border-radius:var(--vb-r-sm);border:1px solid #b18a47;
  background:#3d2d1e;color:#ffe1a1;font-size:12px;font-weight:700}
#vbcShop.vbc2 .vbcshop-admin-tools .vbcshop-clear{border-color:#76504b;background:#291d22;color:#e7b4aa}

/* tìm kiếm */
#vbcShop.vbc2 .vbcshop-search{display:flex;gap:8px;padding:10px var(--vb-pad) 0;margin:0}
#vbcShop.vbc2 .vbcshop-search input{flex:1;min-width:0;height:38px;padding:0 12px;border-radius:var(--vb-r);border:1px solid var(--vb-line);
  background:#0a1117;color:var(--vb-text);font:inherit;font-size:14px;outline:0}
#vbcShop.vbc2 .vbcshop-search input:focus{border-color:var(--vb-gold-d)}
#vbcShop.vbc2 .vbcshop-search button{width:38px;height:38px;flex:0 0 38px;border-radius:var(--vb-r);border:1px solid var(--vb-line);
  background:#0a1117;font-size:17px;padding:0}

/* tab chính: 5 ô đều nhau · tab phụ: 1 hàng cuộn ngang */
#vbcShop.vbc2 .vbcshop-filterbar{padding:10px var(--vb-pad) 0;margin:0;border:0;background:none}
#vbcShop.vbc2 .vbcshop-slots{display:flex;flex-direction:column;gap:8px;overflow:visible;-webkit-mask:none;mask:none;margin:0;padding:0}
#vbcShop.vbc2 .vbcshop-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--vb-r);
  background:#0a1117;border:1px solid var(--vb-line)}
#vbcShop.vbc2 .vbcshop-tabs button{height:36px;min-width:0;padding:0 4px;border:0;border-radius:var(--vb-r-sm);background:transparent;
  color:var(--vb-muted);font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vbcShop.vbc2 .vbcshop-tabs button:hover{color:var(--vb-text)}
#vbcShop.vbc2 .vbcshop-tabs button.active{background:linear-gradient(180deg,#f3d685,#b88a34);color:#211600;box-shadow:0 2px 10px #f0cf7a33}
#vbcShop.vbc2 .vbcshop-subtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0;padding:0 0 2px;
  -webkit-mask:linear-gradient(90deg,#000 92%,transparent);mask:linear-gradient(90deg,#000 92%,transparent)}
#vbcShop.vbc2 .vbcshop-subtabs::-webkit-scrollbar{display:none}
#vbcShop.vbc2 .vbcshop-subtabs button{flex:0 0 auto;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--vb-line);
  background:transparent;color:var(--vb-muted);font-size:12.5px;font-weight:600;white-space:nowrap}
#vbcShop.vbc2 .vbcshop-subtabs button.active{border-color:var(--vb-gold);color:var(--vb-gold);background:#f0cf7a14}

/* tiêu đề mục + số lượng */
#vbcShop.vbc2 .vbcshop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px var(--vb-pad) 8px;margin:0}
#vbcShop.vbc2 .vbcshop-section-heading>div{display:flex;align-items:baseline;gap:8px;min-width:0}
#vbcShop.vbc2 [data-section-title]{font-weight:800;font-size:15px;color:var(--vb-text);white-space:nowrap}
#vbcShop.vbc2 [data-section-desc]{font-size:12px;color:var(--vb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vbcShop.vbc2 .vbcshop-count{flex:0 0 auto;font-size:12px;color:var(--vb-muted);padding:3px 10px;border-radius:999px;border:1px solid var(--vb-line)}

/* ---------- lưới hàng (vùng cuộn duy nhất) ---------- */
#vbcShop.vbc2 .vbcshop-showcase{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;border:0;border-radius:0;
  background:none;padding:0 var(--vb-pad) calc(var(--vb-pad) + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#3a4a55 transparent}
#vbcShop.vbc2 .vbcshop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--vb-card-min),1fr));gap:var(--vb-gap);margin:0;padding:0}
#vbcShop.vbc2 .vbcshop-empty{grid-column:1/-1;text-align:center;padding:40px 12px;color:var(--vb-muted);border:1px dashed var(--vb-line);border-radius:var(--vb-r)}

/* thẻ hàng */
#vbcShop.vbc2 .vbcshop-product{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0;
  background:var(--vb-card);border:1px solid var(--vb-line);border-radius:var(--vb-r);transition:border-color .15s,transform .15s,background .15s}
#vbcShop.vbc2 .vbcshop-info-trigger{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;flex:1;margin:0;
  padding:12px 8px 10px;border:0;background:none;text-align:center;border-radius:inherit}
#vbcShop.vbc2 .vbcshop-image{position:relative;isolation:isolate;width:var(--vb-img);height:var(--vb-img);display:grid;place-items:center;
  margin:0;border:0;border-radius:10px;background:radial-gradient(circle at 50% 45%,#ffffff12,transparent 70%);box-shadow:none;font-size:34px;overflow:visible}
#vbcShop.vbc2 .vbcshop-image img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
#vbcShop.vbc2 .vbcshop-type{display:none}
#vbcShop.vbc2 .vbcshop-product strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  width:100%;min-height:2.6em;font-size:13px;line-height:1.3;font-weight:700;word-break:break-word}
#vbcShop.vbc2 .vbcshop-product strong:not([class*="item-rarity"]){color:var(--vb-text)}
#vbcShop.vbc2 .vbcshop-price-stack{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:auto}
#vbcShop.vbc2 .vbcshop-price-row{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;
  background:#0a1117;border:1px solid #2a3640;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--vb-gold)}
#vbcShop.vbc2 .vbcshop-price-row i{font-style:normal;display:inline-flex}
#vbcShop.vbc2 .vbcshop-dch-icon-inline{width:14px;height:14px;object-fit:contain}
#vbcShop.vbc2 .vbcshop-actions{display:none;padding:0 8px 10px;justify-content:center;gap:6px}
#vbcShop.vbc2 .vbc-vnd-card .vbcshop-actions{display:flex}
#vbcShop.vbc2 .vbcshop-actions button{height:30px;padding:0 14px;border:0;border-radius:var(--vb-r-sm);font-weight:800;font-size:12.5px;
  background:linear-gradient(180deg,#f3d685,#b88a34);color:#211600}
#vbcShop.vbc2 .vbcshop-actions [data-buy]{display:none}
/* nút admin: góc phải thẻ */
#vbcShop.vbc2 .vbcshop-product:has(.vbcshop-edit) .vbcshop-actions{display:flex;position:absolute;top:4px;right:4px;padding:0;gap:4px;z-index:3}
#vbcShop.vbc2 .vbcshop-actions .vbcshop-edit,#vbcShop.vbc2 .vbcshop-actions .vbcshop-delete{width:24px;height:24px;padding:0;border-radius:6px;font-size:13px}
#vbcShop.vbc2 .vbcshop-actions .vbcshop-edit{background:#303a3a;color:#e5cb81}
#vbcShop.vbc2 .vbcshop-actions .vbcshop-delete{background:#422729;color:#ffb7b7;border:1px solid #865154}
#vbcShop.vbc2 .vbc-vnd-card{border-style:dashed;border-color:#c9a25399;background:linear-gradient(180deg,#1f2a22,var(--vb-card))}
#vbcShop.vbc2 .vbc-mau{margin:0 0 10px}
@media (hover:hover){
  #vbcShop.vbc2 .vbcshop-product:hover{border-color:var(--vb-line-hi);background:var(--vb-card-hi);transform:translateY(-2px)}
}

/* ---------- phẩm cấp: màu tên, ánh sáng ảnh, viền chạy (rarity-effects.js) ---------- */
#vbcShop.vbc2 .item-rarity-ha{color:#aeb5bd}
#vbcShop.vbc2 .item-rarity-trung{color:#45d46f}
#vbcShop.vbc2 .item-rarity-thuong{color:#5aa9ff}
#vbcShop.vbc2 .item-rarity-cuc{color:#b66cff}
#vbcShop.vbc2 .item-rarity-tien{color:#ff9a3d}
#vbcShop.vbc2 .item-rarity-than{color:#ff3b30}
#vbcShop.vbc2 .vbcshop-image .ls-rarity-game-fx{z-index:2;border-radius:10px}
#vbcShop.vbc2 .vbcshop-image.item-rarity-trung{filter:drop-shadow(0 0 4px #36c77255)}
#vbcShop.vbc2 .vbcshop-image.item-rarity-thuong{filter:drop-shadow(0 0 5px #4c9cff88)}
#vbcShop.vbc2 :is(.vbcshop-image,.inventory-item-top-icon):is(.item-rarity-cuc,.item-rarity-tien,.item-rarity-than){filter:drop-shadow(0 0 5px currentColor)}
/* Thú Cưỡi theo phẩm chất loài: Thường/Hiếm/Sử Thi không sáng, chỉ Thần Thoại (item-rarity-than) sáng */
#vbcShop.vbc2 .vbc-q-thuong{color:#f1f5f9;-webkit-text-fill-color:#f1f5f9}
#vbcShop.vbc2 .vbc-q-hiem{color:#38bdf8;-webkit-text-fill-color:#38bdf8}
#vbcShop.vbc2 .vbc-q-suthi{color:#fb923c;-webkit-text-fill-color:#fb923c}
#vbcShop.vbc2 :is(.vbcshop-image,.inventory-item-top-icon):is(.vbc-q-thuong,.vbc-q-hiem,.vbc-q-suthi){filter:none}
#vbcShop.vbc2 :is(strong,h3,b):is(.vbc-q-thuong,.vbc-q-hiem,.vbc-q-suthi){text-shadow:none;animation:none}
/* ---------- bảng chi tiết ---------- */
#vbcShop.vbc2 .vbcshop-detail-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#02060ab3;backdrop-filter:blur(2px)}
#vbcShop.vbc2 .vbcshop-detail-card{position:relative;width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;margin:0;
  padding:20px;border-radius:var(--vb-r-lg);border:1px solid var(--vb-line-hi);background:linear-gradient(170deg,#1a2833,#0f171e);
  box-shadow:0 18px 60px #000d;color:var(--vb-text);transform:none;inset:auto}
#vbcShop.vbc2 .vbcshop-detail-close{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;border-radius:50%;
  border:1px solid var(--vb-line);background:#0a1117;font-size:20px;line-height:1;display:grid;place-items:center;z-index:2}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-item-top{display:grid!important;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start;
  margin:0;padding:0;border:0!important;background:none!important;box-shadow:none!important}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-item-top-icon{width:96px!important;height:96px!important;display:grid;place-items:center;
  border-radius:var(--vb-r);border:1px solid var(--vb-line);background:radial-gradient(circle at 50% 45%,#ffffff14,#0a1117 75%);padding:8px;font-size:44px}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-item-top-icon img{width:100%;height:100%;object-fit:contain}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-item-info{min-width:0;padding-right:34px;text-align:left}
#vbcShop.vbc2 .vbcshop-detail-card h3{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:800}
#vbcShop.vbc2 .vbcshop-detail-card h3:not([class*="item-rarity"]){color:var(--vb-gold)}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-item-rarity-line{font-size:12.5px;color:var(--vb-muted);margin:0 0 6px}
#vbcShop.vbc2 .vbcshop-detail-card p{margin:0 0 8px;font-size:13px;line-height:1.5;color:#cfc9b4}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-info-owned{display:block;font-size:12px;color:var(--vb-muted);margin:0 0 10px}
#vbcShop.vbc2 .vbcshop-detail-prices{display:flex;flex-direction:column;gap:6px}
#vbcShop.vbc2 .vbcshop-detail-prices span{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--vb-r-sm);
  background:#0a1117;border:1px solid var(--vb-line);font-size:14px;color:var(--vb-gold)}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-actions{display:flex!important;gap:10px;margin:18px 0 0;padding:0;border:0}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-actions>*{flex:1;min-width:0;height:44px;padding:0 12px;border-radius:var(--vb-r);font-weight:800;font-size:14px;
  border:1px solid var(--vb-line);background:#0a1117;color:var(--vb-text);display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-actions{flex-wrap:wrap}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-actions>*{flex:1 1 40%}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-actions .primary{order:-1}
#vbcShop.vbc2 .vbcshop-price-row img,#vbcShop.vbc2 .vbcshop-detail-prices img{width:16px!important;height:16px!important;object-fit:contain;flex:0 0 16px}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-actions .primary{border:0;background:linear-gradient(180deg,#f3d685,#b88a34);color:#211600}
#vbcShop.vbc2 .vbcshop-detail-card .inventory-actions .primary.alt{background:linear-gradient(180deg,#9ff0c0,#2f9a63);color:#04220f}

/* ---------- form admin (Đăng bán / Sửa) ---------- */
#vbcShop.vbc2 .vbcshop-form{position:fixed;inset:0;z-index:31;display:grid;place-items:center;padding:12px;background:#050914d9}
#vbcShop.vbc2 .vbcshop-form form{width:min(560px,96%);max-height:88dvh;overflow:auto;display:grid;gap:10px;padding:16px;border-radius:var(--vb-r-lg);
  border:1px solid #987a47;background:linear-gradient(160deg,#1a2939,#101925);color:var(--vb-text)}
#vbcShop.vbc2 .vbcshop-form h3{margin:0;padding-bottom:10px;border-bottom:1px solid #47536a;font-size:18px;color:var(--vb-gold)}
#vbcShop.vbc2 .vbcshop-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#vbcShop.vbc2 .vbcshop-form-fields>[data-wrap-slot]{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#vbcShop.vbc2 .vbcshop-form-preview{grid-column:1/-1;padding:8px;border-radius:11px;border:1px solid #3f5368;background:#0b1523}
#vbcShop.vbc2 .vbcshop-form label{display:grid;gap:4px;min-width:0;font-size:12px;font-weight:600;color:#d8d7d0}
#vbcShop.vbc2 .vbcshop-form input,#vbcShop.vbc2 .vbcshop-form select,#vbcShop.vbc2 .vbcshop-form textarea{width:100%;min-height:37px;padding:6px 10px;
  border-radius:var(--vb-r-sm);border:1px solid #526176;background:#0e1828;color:var(--vb-text);font:inherit;font-size:13px}
#vbcShop.vbc2 .vbcshop-form .vbcshop-check{display:flex;gap:8px;align-items:center}
#vbcShop.vbc2 .vbcshop-form .vbcshop-check input{width:auto;min-height:0}
#vbcShop.vbc2 .vbcshop-form footer{display:flex;gap:10px;justify-content:flex-end}
#vbcShop.vbc2 .vbcshop-form footer button{min-width:105px;height:40px;padding:0 14px;border:0;border-radius:var(--vb-r-sm);font-weight:800;
  background:linear-gradient(180deg,#f3d685,#b88a34);color:#211600}
#vbcShop.vbc2 .vbcshop-preview-card{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;text-align:left}
#vbcShop.vbc2 .vbcshop-preview-image{width:56px;height:56px;display:grid;place-items:center;font-size:28px}
#vbcShop.vbc2 .vbcshop-preview-image img{width:100%;height:100%;object-fit:contain}
#vbcShop.vbc2 .vbcshop-preview-card b{display:block;font-size:13px;margin-bottom:3px}
#vbcShop.vbc2 .vbcshop-preview-card small{display:block;color:#9dd0ba;font-size:11px;margin-bottom:4px}
#vbcShop.vbc2 .vbcshop-preview-card p{margin:0;color:#bfb5a1;font-size:11px;line-height:1.45}

/* ---------- tablet ---------- */
@media (max-width:900px){
  #vbcShop.vbc2{--vb-card-min:120px;--vb-img:66px}
}
/* ---------- điện thoại: toàn màn hình ---------- */
@media (max-width:640px){
  #vbcShop.vbc2{--vb-pad:12px;--vb-gap:8px;--vb-card-min:100px;--vb-img:58px;
    width:100vw;height:100dvh;border:0;border-radius:0;box-shadow:none;padding:env(safe-area-inset-top) 0 0}
  #vbcShop.vbc2 header{padding:10px var(--vb-pad) 8px;gap:8px}
  #vbcShop.vbc2 header h2{font-size:17px}
  #vbcShop.vbc2 .vbcshop-money{height:32px;padding:0 10px}
  #vbcShop.vbc2 .vbcshop-x{width:34px;height:34px;flex-basis:34px}
  #vbcShop.vbc2>.smh-btn{width:34px!important;height:34px!important;top:calc(10px + env(safe-area-inset-top))!important;right:54px!important}
  #vbcShop.vbc2 .vbcshop-wallets{margin-right:40px}
  #vbcShop.vbc2 .vbcshop-search{padding-top:8px}
  #vbcShop.vbc2 .vbcshop-search input,#vbcShop.vbc2 .vbcshop-search button{height:36px}
  #vbcShop.vbc2 .vbcshop-search button{width:36px;flex-basis:36px}
  #vbcShop.vbc2 .vbcshop-filterbar{padding-top:8px}
  #vbcShop.vbc2 .vbcshop-tabs{gap:2px;padding:3px}
  #vbcShop.vbc2 .vbcshop-tabs button{height:34px;font-size:11.5px;padding:0 1px;letter-spacing:-.01em}
  #vbcShop.vbc2 .vbcshop-subtabs button{height:28px;padding:0 10px;font-size:12px}
  #vbcShop.vbc2 .vbcshop-section-heading{padding:10px var(--vb-pad) 6px}
  #vbcShop.vbc2 [data-section-desc]{display:none}
  #vbcShop.vbc2 .vbcshop-info-trigger{padding:10px 6px 8px;gap:5px}
  #vbcShop.vbc2 .vbcshop-product strong{font-size:12px}
  #vbcShop.vbc2 .vbcshop-price-row{font-size:12px;padding:0 8px;height:22px}
  /* chi tiết thành tấm trượt từ dưới lên */
  #vbcShop.vbc2 .vbcshop-detail-layer{place-items:end stretch;padding:0}
  #vbcShop.vbc2 .vbcshop-detail-card{width:100%;max-height:88dvh;border-radius:18px 18px 0 0;border-bottom:0;
    padding:18px var(--vb-pad) calc(16px + env(safe-area-inset-bottom));animation:vbc2Up .2s ease-out}
  #vbcShop.vbc2 .vbcshop-detail-card .inventory-item-top{grid-template-columns:76px minmax(0,1fr);gap:12px}
  #vbcShop.vbc2 .vbcshop-detail-card .inventory-item-top-icon{width:76px!important;height:76px!important}
  #vbcShop.vbc2 .vbcshop-form-fields,#vbcShop.vbc2 .vbcshop-form-fields>[data-wrap-slot]{grid-template-columns:1fr}
}
@media (max-width:350px){ #vbcShop.vbc2{--vb-card-min:128px;--vb-img:56px} #vbcShop.vbc2 header h2{font-size:15px;letter-spacing:.03em} #vbcShop.vbc2 .vbcshop-money{padding:0 8px} #vbcShop.vbc2 .vbcshop-tabs button{font-size:10.5px;letter-spacing:-.02em} } /* máy rất nhỏ: 2 cột cho tên đọc được */
/* điện thoại xoay ngang / màn thấp: toàn màn hình, gọn phần đầu */
@media (max-height:520px) and (min-width:641px){
  #vbcShop.vbc2{width:100vw;height:100dvh;border:0;border-radius:0;--vb-img:54px;--vb-card-min:112px}
  #vbcShop.vbc2 header{padding:6px var(--vb-pad)}
  #vbcShop.vbc2 header h2{font-size:16px}
  #vbcShop.vbc2>.smh-btn{top:6px!important;width:32px!important;height:32px!important}
  #vbcShop.vbc2 .vbcshop-x,#vbcShop.vbc2 .vbcshop-money{height:32px}
  #vbcShop.vbc2 .vbcshop-x{width:32px;flex-basis:32px}
  #vbcShop.vbc2 .vbcshop-search,#vbcShop.vbc2 .vbcshop-filterbar{padding-top:6px}
  #vbcShop.vbc2 .vbcshop-search input,#vbcShop.vbc2 .vbcshop-search button{height:32px}
  #vbcShop.vbc2 .vbcshop-tabs button{height:30px}
  #vbcShop.vbc2 .vbcshop-slots{gap:6px}
  #vbcShop.vbc2 .vbcshop-section-heading{display:none}
  #vbcShop.vbc2 .vbcshop-showcase{padding-top:8px}
  #vbcShop.vbc2 .vbcshop-detail-card{max-height:calc(100dvh - 16px)}
}
@keyframes vbc2Up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
/* giảm chuyển động: chỉ tắt hiệu ứng của khung (rê chuột, trượt bảng); viền phẩm cấp vẫn chạy như Kho Đồ */
@media (prefers-reduced-motion:reduce){ #vbcShop.vbc2 .vbcshop-product{transition:none;transform:none!important} #vbcShop.vbc2 .vbcshop-detail-card{animation:none} }

/* KHONG-SANG-VBC-20261028 (user): bỏ hết hiệu ứng ánh sáng ở Vạn Bảo Các, chỉ giữ màu chữ theo phẩm */
#vbcShop .vbcshop-image,#vbcShop .inventory-item-top-icon,#vbcShop .vbcshop-dch-icon,#vbcShop .vbcshop-dch-icon-inline,#vbcShop img{filter:none!important}
#vbcShop,#vbcShop *{text-shadow:none!important}
#vbcShop [class*="runner"],#vbcShop [class*="rarity-fx"]{display:none!important}
#vbcShop button,#vbcShop .active,#vbcShop .vbcshop-product,#vbcShop .vbcshop-image{box-shadow:none!important}
#vbcShop .vbc-bt,#vbcShop .vbc-bt strong,#vbcShop h3.vbc-bt,#vbcShop b.vbc-bt{color:#ff3b3b!important} /* NHU-LAI: Bí Tịch chữ đỏ */
#vbcShop .inventory-item-top-icon,#vbcShop .vbcshop-image{box-shadow:none!important;background-image:none!important} /* KHONG-SANG-VBC: bỏ quầng sáng sau ảnh */
html body #vbcShop .vbcshop-product .vbcshop-image>img,html body #vbcShop.vbc2 .vbcshop-product .vbcshop-image>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important} /* ICON-DEU-20261028: ảnh dọc (bìa sách) không tràn che tên */
html body #vbcShop .vbcshop-image{overflow:hidden!important}
html body #vbcShop strong.vbc-bt.vbc-bt,html body #vbcShop h3.vbc-bt.vbc-bt,html body #vbcShop b.vbc-bt.vbc-bt{color:#ff3b3b!important}
html body #vbcShop .vbcshop-product .vbcshop-image>img{position:absolute!important;inset:0!important;margin:auto!important} /* ICON-DEU-2: ô lưới không có chiều cao cố định nên %% không ăn -> ghim tuyệt đối */

/* VBCP-LAI-20261028: bảng chọn vật phẩm khi Đăng bán (shop-admin.js) mất CSS từ lúc chuyển shop2 ngày 26/10 (vbc2Strip xoá luật #vbcShop ở file khác) -> gắn lại ở đây */
/* VBC-PICKER-20261018 */
#vbcShop.vbc2 .vbcp{display:grid;gap:8px;margin:2px 0 12px}
#vbcShop.vbc2 .vbcp-top{display:flex;gap:10px;align-items:center}
#vbcShop.vbc2 .vbcp-top input[type=search]{flex:1;min-width:0;padding:9px 12px;border-radius:9px;border:1px solid #3a4d68;background:#0d1626;color:#e8eefc;font-size:13px}
#vbcShop.vbc2 .vbcp-old{font-size:12px;white-space:nowrap;display:flex;gap:5px;align-items:center;color:#9fb0c8;margin:0}
#vbcShop.vbc2 .vbcp-cats,#vbcShop.vbc2 .vbcp-levels{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#vbcShop.vbc2 .vbcp-cats button,#vbcShop.vbc2 .vbcp-levels button{padding:5px 11px;min-height:0;border-radius:999px;border:1px solid #3a4d68;background:#101b2d;color:#c9d6ea;font-size:12px;font-weight:600;cursor:pointer;box-shadow:none}
#vbcShop.vbc2 .vbcp-cats button.on,#vbcShop.vbc2 .vbcp-levels button.on{background:linear-gradient(#f0c766,#c9952e);color:#1b1203;border-color:#f0c766}
#vbcShop.vbc2 .vbcp-levels b{font-size:12px;color:#e9cf8d;margin-right:4px}
#vbcShop.vbc2 .vbcp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:7px;max-height:228px;overflow:auto;padding:2px;overscroll-behavior:contain}
#vbcShop.vbc2 .vbcp-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:8px 5px;min-height:98px;border-radius:10px;border:1px solid #2c3d57;background:#0f1a2b;color:#e6edf8;cursor:pointer;text-align:center;box-shadow:none}
#vbcShop.vbc2 .vbcp-card:hover{border-color:#5d7392}
#vbcShop.vbc2 .vbcp-card img{width:40px;height:40px;object-fit:contain}
#vbcShop.vbc2 .vbcp-card i{font-style:normal;font-size:28px}
#vbcShop.vbc2 .vbcp-card span{font-size:11.5px;line-height:1.25;font-weight:700}
#vbcShop.vbc2 .vbcp-card small{font-size:10px;color:#8ea0bb}
#vbcShop.vbc2 .vbcp-card.on{border-color:#f0c766;box-shadow:0 0 0 2px #f0c76655;background:#1d2434}
#vbcShop.vbc2 .vbcp-empty{grid-column:1/-1;text-align:center;color:#8ea0bb;font-size:12px;margin:10px 0}
#vbcShop.vbc2 .vbcshop-form .vbcp-hide,#vbcShop.vbc2 .vbcshop-form [data-wrap-item],#vbcShop.vbc2 .vbcshop-form [data-wrap-slot]{display:none!important}
#vbcShop.vbc2 .vbcp-old input[type=checkbox]{width:16px!important;height:16px!important;min-width:0!important;margin:0!important;padding:0!important}
#vbcShop#vbcShop.vbc2 .vbcshop-form form.vbcp-form{box-sizing:border-box;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;gap:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:0!important;border-radius:inherit!important;background:linear-gradient(160deg,#1a2939,#0f1825)!important}
#vbcShop#vbcShop.vbc2 .vbcp-form>h3{flex:0 0 auto;margin:0!important;padding:16px 22px 12px!important;font-size:19px!important;border-bottom:1px solid #2f3f57;position:static}
#vbcShop#vbcShop.vbc2 .vbcp-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:18px;padding:14px 22px;overflow:hidden}
#vbcShop#vbcShop.vbc2 .vbcp-left{display:flex;flex-direction:column;min-height:0}
#vbcShop#vbcShop.vbc2 .vbcp{display:flex;flex-direction:column;gap:9px;min-height:0;flex:1 1 auto;margin:0}
#vbcShop#vbcShop.vbc2 .vbcp-grid{flex:1 1 auto;min-height:0;max-height:none;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;overflow:auto;padding:2px 4px 2px 2px}
#vbcShop#vbcShop.vbc2 .vbcp-card{min-height:104px;padding:8px 5px}
#vbcShop#vbcShop.vbc2 .vbcp-card img{width:42px;height:42px}
#vbcShop#vbcShop.vbc2 .vbcp-card.t-tien_pham{border-color:#8a5a21}
#vbcShop#vbcShop.vbc2 .vbcp-card.t-than_pham{border-color:#8a2531}
#vbcShop#vbcShop.vbc2 .vbcp-card.t-cuc_pham{border-color:#5b3a8a}
#vbcShop#vbcShop.vbc2 .vbcp-card.on{border-color:#f0c766!important}
#vbcShop#vbcShop.vbc2 .vbcp-cats em{font-style:normal;opacity:.65;font-size:11px;margin-left:2px}
#vbcShop#vbcShop.vbc2 .vbcp-right{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding-right:2px}
#vbcShop#vbcShop.vbc2 .vbcp-right .vbcshop-form-fields{display:grid;grid-template-columns:1fr 1fr!important;gap:10px!important}
#vbcShop#vbcShop.vbc2 .vbcp-right .vbcshop-form-preview{grid-column:1/-1}
#vbcShop#vbcShop.vbc2 .vbcp-quick{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
#vbcShop#vbcShop.vbc2 .vbcp-quick span{font-size:11px;color:#9fb0c8;margin-right:2px}
#vbcShop#vbcShop.vbc2 .vbcp-quick span:not(:first-child){margin-left:6px}
#vbcShop#vbcShop.vbc2 .vbcp-quick button{padding:4px 9px;min-height:0;border-radius:999px;border:1px solid #3a4d68;background:#101b2d;color:#e9cf8d;font-size:11.5px;font-weight:700;cursor:pointer;box-shadow:none}
#vbcShop#vbcShop.vbc2 .vbcp-quick button:hover{border-color:#f0c766}
#vbcShop#vbcShop.vbc2 .vbcp-form>footer{flex:0 0 auto;position:static!important;margin:0!important;padding:12px 22px!important;border-top:1px solid #2f3f57;background:#101a29;display:flex;justify-content:flex-end;gap:10px}
#vbcShop#vbcShop.vbc2 .vbcp-old input[type=checkbox]{width:16px!important;height:16px!important;min-width:0!important;margin:0!important;padding:0!important}
container vbcform (max-width:660px){
 #vbcShop#vbcShop.vbc2 .vbcp-body{grid-template-columns:1fr;overflow:auto;padding:12px 14px;gap:14px}
#vbcShop#vbcShop.vbc2 .vbcp-left{min-height:auto}
#vbcShop#vbcShop.vbc2 .vbcp-grid{flex:none;max-height:300px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
#vbcShop#vbcShop.vbc2 .vbcp-right{overflow:visible}
#vbcShop#vbcShop.vbc2 .vbcp-form>h3{padding:14px 16px 10px!important}
#vbcShop#vbcShop.vbc2 .vbcp-form>footer{padding:10px 14px!important}
#vbcShop.vbc2 .vbcp-card{appearance:none;font:inherit}