/* CSS DỰ PHÒNG — chép từ theme base (bỏ các luật global body/a/img/section/h1/h2 để không đè lên Flatsome).
   Chỉ dùng cho các view CHƯA chuyển sang giao diện Lucky (ví tiền, CTV, theo dõi đơn...) — theme lucky 2026-09-18. */
.khung{padding-top:30px;padding-bottom:30px;max-width:1180px;margin:0 auto;padding:0 16px}

.dau-trang{border-bottom:1px solid #eee;padding:12px 0}
.dau-trang .khung{display:flex;align-items:center;gap:24px}
.dau-trang .logo img{max-height:44px}
.menu-chinh{display:flex;gap:18px;flex:1}
.menu-chinh .muc{position:relative}
.menu-chinh .menu-con{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;min-width:180px;padding:6px 0;z-index:10}
.menu-chinh .muc:hover .menu-con{display:block}
.menu-chinh .menu-con a{display:block;padding:6px 14px}
.ben-phai{display:flex;align-items:center;gap:16px}
.gio-hang .so{background:var(--brand-primary);color:#fff;border-radius:999px;padding:1px 7px;font-size:12px}

.banner{background:#f5f5f5 center/cover no-repeat;padding:64px 0;text-align:center}
.banner h1{margin:0 0 8px;font-size:34px}
.nut{display:inline-block;background:var(--brand-primary);color:#fff;padding:11px 26px;border-radius:6px;font-weight:600}
.nut:hover{opacity:.9;color:#fff}

.khung .luoi-san-pham{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.luoi-danh-muc{display:flex;flex-wrap:wrap;gap:10px}
.luoi-danh-muc a{border:1px solid #e5e5e5;padding:8px 16px;border-radius:999px}
.luoi-tin{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}

.the-san-pham .anh{position:relative;display:block;background:#fafafa;border:1px solid #eee;border-radius:8px;overflow:hidden}
.the-san-pham .giam{position:absolute;top:8px;left:8px;background:var(--brand-primary);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px}
.the-san-pham .het{position:absolute;inset:0;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;font-weight:700}
.the-san-pham .ten{font-size:15px;font-weight:500;margin:10px 0 6px}
.the-san-pham .ten a{color:var(--brand-text)}
.the-san-pham .gia b{color:var(--brand-primary);font-size:17px}
.the-san-pham .gia del{color:#999;font-size:13px;margin-left:6px}

.chi-tiet-san-pham{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:30px 16px}
.chi-tiet-san-pham .mo-ta-day-du,.chi-tiet-san-pham .khoi-san-pham{grid-column:1/-1}
.anh-nho{display:flex;gap:8px;margin-top:10px}
.anh-nho img{width:70px;border:1px solid #eee;cursor:pointer;border-radius:4px}
.thong-tin h1{margin:0 0 12px;font-size:26px}
.thong-tin .gia b{color:var(--brand-primary);font-size:26px}
.thong-tin .gia del{color:#999;margin-left:10px}
.nut-mua{margin:18px 0}

.chan-trang{background:#f7f7f7;margin-top:40px;padding:34px 0 0}
.chan-trang .khung{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px}
.chan-trang h4{margin:0 0 10px}
.chan-trang .cot a{display:block;padding:3px 0}
.ban-quyen{text-align:center;padding:18px;margin-top:24px;border-top:1px solid #e5e5e5;color:#777;font-size:13px}

@media(max-width:768px){
  .dau-trang .khung{flex-wrap:wrap;gap:12px}
  .menu-chinh{order:3;width:100%;overflow-x:auto}
  .chi-tiet-san-pham{grid-template-columns:1fr}
  .banner{padding:40px 0}.banner h1{font-size:25px}
}

/* --- Trang danh sach / tim kiem / gio hang / tin tuc --- */
.trang-danh-sach,.trang-tim-kiem,.trang-gio-hang,.trang-tin-tuc,.trang-danh-muc{padding:30px 16px}
.trong{color:#888;padding:26px 0}
.o-tim{display:flex;gap:8px;margin-bottom:20px;max-width:460px}
.o-tim input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}
.o-tim button{padding:10px 20px;background:var(--brand-primary);color:#fff;border:0;border-radius:6px;cursor:pointer;font-weight:600}
.so-ket-qua{color:#666;margin:0 0 16px}
.phan-trang{margin-top:24px}

.bang-gio-hang{width:100%;border-collapse:collapse;margin-bottom:22px}
.bang-gio-hang th{text-align:left;font-size:12px;text-transform:uppercase;color:#777;padding:10px;border-bottom:2px solid #eee}
.bang-gio-hang td{padding:14px 10px;border-bottom:1px solid #f2f2f2;vertical-align:middle}
.bang-gio-hang .phai{text-align:right}.bang-gio-hang .giua{text-align:center}
.o-san-pham{display:flex;gap:12px;align-items:center}
.o-san-pham img{width:64px;border:1px solid #eee;border-radius:6px}
.o-san-pham small{display:block;color:#888}
.bang-gio-hang tfoot td{border-bottom:0;padding-top:16px}
.bang-gio-hang .tong{color:var(--brand-primary);font-size:20px}
.hanh-dong{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}

.the-tin img{border-radius:8px;margin-bottom:10px}
.the-tin h3{font-size:16px;margin:0 0 6px;color:var(--brand-text)}
.the-tin time{color:#999;font-size:12.5px}
.the-tin p{color:#666;font-size:13.5px;margin:6px 0 0}

/* --- Trang tinh / lien he / bai viet / tai khoan / thanh toan --- */
.trang-tinh,.trang-lien-he,.trang-bai-viet,.trang-tai-khoan,.trang-thanh-toan,.trang-thanh-cong,.trang-404{padding:30px 16px}
.hep{max-width:440px}
.noi-dung-tinh,.noi-dung-bai{line-height:1.8}
.noi-dung-tinh img,.noi-dung-bai img{border-radius:8px;margin:14px 0}
.lien-he-luoi{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.danh-sach-lh{list-style:none;padding:0}.danh-sach-lh li{padding:6px 0;border-bottom:1px solid #f0f0f0}
.ban-do iframe{width:100%;min-height:300px;border:0;border-radius:8px}
.trang-bai-viet .meta{color:#999;font-size:13px;margin-bottom:16px}
.anh-bia{border-radius:10px;margin-bottom:20px}
.bai-lien-quan{margin-top:40px;padding-top:24px;border-top:1px solid #eee}

.bieu-mau label{display:block;font-weight:600;font-size:13px;margin:14px 0 5px}
.bieu-mau input,.bieu-mau select,.bieu-mau textarea{width:100%;padding:10px 12px;font-size:14px;
 border:1px solid #ddd;border-radius:6px;font-family:inherit}
.bieu-mau input:focus,.bieu-mau select:focus,.bieu-mau textarea:focus{outline:0;border-color:var(--brand-primary)}
.nut.rong{width:100%;border:0;margin-top:18px;font-size:15px}
.duoi-mau{margin-top:16px;color:#666;font-size:13.5px}
.bat-buoc{color:var(--brand-primary)}

.tk-luoi{display:grid;grid-template-columns:210px 1fr;gap:28px}
.tk-menu a{display:block;padding:10px 14px;border:1px solid #eee;border-radius:6px;margin-bottom:6px;color:var(--brand-text)}
.tk-menu a.dang-chon{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}
.bang-thong-tin,.bang-don{width:100%;border-collapse:collapse}
.bang-thong-tin th{text-align:left;width:150px;color:#777;font-weight:600;padding:10px;border-bottom:1px solid #f2f2f2}
.bang-thong-tin td,.bang-don td{padding:10px;border-bottom:1px solid #f2f2f2}
.bang-don th{text-align:left;font-size:12px;text-transform:uppercase;color:#777;padding:10px;border-bottom:2px solid #eee}
.bang-don .giua{text-align:center}.bang-don .phai{text-align:right}

.tt-luoi{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.tt-phai .tom-tat{border:1px solid #eee;border-radius:10px;padding:18px;position:sticky;top:16px}
.dong-tt{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f5f5f5}
.dong-tt img{width:52px;border-radius:6px}
.ten-tt{flex:1;font-size:13.5px}.ten-tt small{display:block;color:#999}
.tien-tt{font-weight:600;white-space:nowrap}
.dong-tong{display:flex;justify-content:space-between;padding:14px 0;font-size:16px}
.dong-tong b{color:var(--brand-primary)}
.ma-giam{display:block;font-size:13px;color:#666;margin-bottom:8px}
.ma-giam input{width:100%;padding:9px 11px;border:1px solid #ddd;border-radius:6px;margin-top:5px}
.ghi-chu-tt{color:#999;font-size:12.5px;text-align:center;margin:10px 0 0}
.hang-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.o-chon{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid #eee;border-radius:6px;margin-bottom:7px;cursor:pointer}
.o-chon input{margin-top:3px}

.trang-thanh-cong{text-align:center;max-width:560px;margin:0 auto}
.dau-tich{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#ecfdf3;color:#067647;
 display:flex;align-items:center;justify-content:center;font-size:32px}
.loi-cam-on{color:#666}
.hop-don{text-align:left;border:1px solid #eee;border-radius:10px;padding:18px;margin:22px 0}
.hang-don{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}
.hang-don .tong{color:var(--brand-primary);font-size:18px}
.trang-404{text-align:center;padding:70px 16px}
.trang-404 h1{font-size:64px;margin:0;color:var(--brand-primary)}

@media(max-width:900px){
 .tt-luoi,.tk-luoi,.lien-he-luoi{grid-template-columns:1fr}
 .hang-3{grid-template-columns:1fr}
 .tt-phai .tom-tat{position:static}
}

/* ---------------------------------------------------------------------------
   CHON BIEN THE  (them 2026-09-07)
   Chi hien voi san pham da khai bien the trong admin > San pham > Bien the.
   --------------------------------------------------------------------------- */
.chon-bien-the { margin: 18px 0; }
.chon-bien-the h3 { margin: 0 0 10px; font-size: 15px; font-weight: 600; }
.ds-bien-the { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.bien-the {
	display: flex; align-items: center; gap: 10px;
	padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 8px;
	cursor: pointer; transition: border-color .15s, background .15s;
}
.bien-the:hover { border-color: var(--mau-chinh, #2563eb); }
.bien-the .ten { flex: 1; font-weight: 500; }
.bien-the .gia { font-weight: 600; color: var(--mau-chinh, #2563eb); }
.bien-the .ton { font-size: 12px; color: #98a2b3; min-width: 70px; text-align: right; }
.bien-the.het-hang { opacity: .5; cursor: not-allowed; background: #f8fafc; }
.bien-the input:checked ~ .ten { color: var(--mau-chinh, #2563eb); }
.chon-bien-the .so-luong { display: inline-flex; align-items: center; gap: 8px; margin-right: 12px; }
.chon-bien-the .so-luong input { width: 72px; padding: 8px; border: 1px solid #e5e7eb; border-radius: 6px; }
.chon-bien-the button[disabled] { opacity: .5; cursor: not-allowed; }
.bien-the-da-chon { display: block; font-size: 13px; color: #667085; margin-top: 2px; }
.bang-gio-hang .o-so-luong { width: 64px; padding: 6px; text-align: center; border: 1px solid #e5e7eb; border-radius: 6px; }
.bang-gio-hang .xoa-dong { display: inline-block; width: 26px; height: 26px; line-height: 24px; text-align: center;
	border: 1px solid #e5e7eb; border-radius: 50%; color: #98a2b3; text-decoration: none; font-size: 18px; }
.bang-gio-hang .xoa-dong:hover { border-color: #dc2626; color: #dc2626; }

/* Thong bao mot lan (loi / thanh cong) — [2026-09-07] */
.thong-bao { max-width: 1140px; margin: 16px auto; padding: 12px 16px; border-radius: 8px; font-size: 14px; }
.thong-bao-loi { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }
.thong-bao-tot { background: #f0fdf4; border: 1px solid #bbf7d0; color: #15803d; }

/* [2026-09-17] Form lien he (partials/lien-he-form.php) */
.khoi-form-lh{max-width:560px;margin-top:34px;padding-top:24px;border-top:1px solid #eee}
.form-lien-he h2{font-size:20px;margin:0 0 4px}
.form-lien-he .bay-bot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}