/* Phần TRANG SẢN PHẨM – khớp product() trong gen.py (đo 26/10 ở 1440 và 390). Nạp khi hk_v2("sanpham"); mọi luật có tiền tố .hk-sp. */
.hk-sp{font-size:15px;line-height:1.55;color:var(--hk-chu)}
.hk-sp .hk-khung{max-width:1240px;margin:0 auto;padding:0 24px}
.hk-sp-trang #main{background:#FFFFFF}
.hk-sp .duong-dan{font-size:13px;line-height:20.15px;color:var(--hk-chu-phu);display:flex;flex-wrap:wrap;gap:6px;padding:14px 0;margin:0;text-transform:none;letter-spacing:0;font-weight:400}
.hk-sp .duong-dan a{color:var(--hk-chu-phu)}

/* phần trên: ảnh + thông tin */
.hk-sp .sp-tren{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.hk-sp .sp-anh{flex:1 1 520px;min-width:0;max-width:none;padding:0;display:flex;flex-direction:column;gap:10px}
.hk-sp .sp-info{flex:1 1 420px;min-width:0;max-width:none;padding:0;display:flex;flex-direction:column;gap:16px}
.hk-sp .sp-anh .woocommerce-product-gallery{margin:0;width:100%}
.hk-sp .sp-anh .product-gallery-slider{margin:0 0 10px!important}
.hk-sp .sp-anh .product-gallery-slider .slide,.hk-sp .sp-anh .product-gallery-slider .woocommerce-product-gallery__image{background:var(--hk-xam);border-radius:8px;overflow:hidden}
.hk-sp .sp-anh .product-gallery-slider img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:8px!important}
.hk-sp .sp-anh.nen-trang .product-gallery-slider img{object-fit:contain;mix-blend-mode:multiply}
.hk-sp .sp-anh .badge-container{display:none}
.hk-sp .product-thumbnails{margin:0!important;padding:0!important}
.hk-sp .product-thumbnails .col{width:80px!important;max-width:80px!important;flex:0 0 80px!important;padding:0 8px 0 0!important}
.hk-sp .product-thumbnails .col a{display:block;width:72px;height:72px;border:2px solid transparent;border-radius:6px;overflow:hidden;background:var(--hk-xam)}
.hk-sp .product-thumbnails .col.is-nav-selected a{border-color:var(--hk-navy)}
.hk-sp .product-thumbnails img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;opacity:1!important;transform:none!important}
.hk-sp .product-thumbnails .flickity-prev-next-button{display:none}

.hk-sp .sp-ten .product-title{text-wrap:balance;margin:0 0 6px;font-size:26px;line-height:33.8px;font-weight:600;color:var(--hk-chu);text-transform:none;letter-spacing:0}
.hk-sp .sp-ten .is-divider{display:none}
.hk-sp .sp-ma{font-size:13.5px;line-height:20.925px;color:var(--hk-chu-phu)}
.hk-sp .sp-ten .danh-gia{font-size:14px;color:var(--hk-chu-phu);display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center}
.hk-sp .sp-ten .danh-gia b{color:var(--hk-chu);font-weight:600}
.hk-sp .sp-ten .danh-gia a{color:var(--hk-chu-phu)}
.hk-sp .sp-gia{background:var(--hk-xam);border-radius:8px;padding:14px 16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.hk-sp .sp-gia b{font-size:28px;line-height:43.4px;font-weight:700;color:var(--hk-navy);font-variant-numeric:tabular-nums}
.hk-sp .sp-gia s{color:#7A828E;font-size:15px}
.hk-sp .sp-gia .pt{background:var(--hk-do);color:#FFFFFF;font-size:12.5px;font-weight:600;padding:2px 6px;border-radius:4px;line-height:19.375px}
.hk-sp .sp-gia .ghi-chu{flex-basis:100%;font-size:13px;line-height:20.15px;color:var(--hk-chu-phu)}
.hk-sp .sp-noi-bat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;font-size:14px;line-height:21.7px}
.hk-sp .sp-noi-bat li{display:flex;gap:10px;align-items:flex-start;margin:0}
.hk-sp .sp-noi-bat svg{flex-shrink:0;margin-top:3px}
.hk-sp .sp-noi-bat b{font-weight:600}.hk-sp .sp-noi-bat span span{color:var(--hk-chu-phu)}

/* chọn biến thể (Flatsome swatches) */
.hk-sp .sp-mua form.cart{margin:0}
.hk-sp table.variations{margin:0 0 16px;border:0;background:transparent!important;padding:0!important;border-radius:0}
.hk-sp .variations tr{display:block;margin:0 0 16px}
.hk-sp .variations td{display:block;padding:0;border:0;line-height:21.7px}
.hk-sp .variations td.label{margin:0 0 8px;font-size:14px}
.hk-sp .variations td.label label{font-size:14px!important;font-weight:400!important;color:var(--hk-chu)!important;margin:0!important;text-transform:none;letter-spacing:0;display:inline}
.hk-sp .variations td.label .hk-chon{font-weight:600}
.hk-sp .variations .reset_variations{display:none!important}
.hk-sp.hk-sp .variations .ux-swatches{display:flex!important;flex-wrap:wrap;gap:8px;grid-template-columns:none}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--label{min-width:64px;min-height:0;padding:9px 12px;border-radius:6px;border:1.5px solid #C9D0DB;background:#FFFFFF;box-shadow:none}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--label .ux-swatch__text{color:var(--hk-chu);font-size:14px;line-height:21.7px}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--label.selected{border-color:var(--hk-navy);background:#FFFFFF}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--label.selected .ux-swatch__text{color:var(--hk-chu)}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--color{width:40px;height:40px;min-height:0;padding:3px;border-radius:6px;border:2px solid transparent;background:#FFFFFF;box-shadow:none}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--color .ux-swatch__color{display:block!important;width:100%;height:100%;border-radius:3px;border:1px solid #C9D0DB}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--color .ux-swatch__text{display:none!important}
.hk-sp.hk-sp .variations .ux-swatch.ux-swatch--color.selected{border-color:var(--hk-navy);background:#FFFFFF}
.hk-sp.hk-sp .variations .ux-swatch.disabled{opacity:.4}
.hk-sp .woocommerce-variation-price,.hk-sp .single_variation .price{display:none!important}
.hk-sp .woocommerce-variation-add-to-cart,.hk-sp form.cart:not(.variations_form){display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.hk-sp .quantity{display:flex;border:1px solid #C9D0DB;border-radius:6px;overflow:hidden;margin:0!important;height:45px;opacity:1}
.hk-sp .quantity>span{display:none}
.hk-sp .quantity .minus,.hk-sp .quantity .plus{width:40px;height:43px;min-height:0;margin:0;padding:0;border:0!important;background:#FFFFFF!important;font-size:18px;color:var(--hk-chu);box-shadow:none;border-radius:0!important}
.hk-sp .quantity input.qty{width:44px;height:43px;margin:0;border:0!important;box-shadow:none;text-align:center;font-size:15px;padding:0;background:#FFFFFF}
.hk-sp .single_add_to_cart_button,.hk-sp .ux-buy-now-button{flex:1 1 150px;height:45px;min-height:0;margin:0!important;padding:12px 22px;border-radius:6px!important;font-size:15px;font-weight:600!important;line-height:19px;text-transform:none;letter-spacing:0;border:1px solid var(--hk-navy);box-shadow:none}
.hk-sp .single_add_to_cart_button{background:#FFFFFF!important;color:var(--hk-navy)!important}
.hk-sp .ux-buy-now-button{background:var(--hk-navy)!important;color:#FFFFFF!important}

/* ưu đãi, gọi lại, cam kết, tìm cửa hàng */
.hk-sp .sp-uu-dai{border:1px dashed #C9D0DB;border-radius:8px;padding:12px 16px}
.hk-sp .sp-uu-dai>b{font-weight:600;font-size:14.5px;display:block}
.hk-sp .sp-uu-dai .hs,.hk-sp .sp-uu-dai .ud{font-size:14px;line-height:21.7px;color:#3A414C;margin-top:6px}
.hk-sp .sp-uu-dai ul{margin:0;padding-left:18px;list-style:disc}
.hk-sp .sp-uu-dai li{margin:0;padding:0;list-style:disc;background:none}
.hk-sp .sp-uu-dai li:before,.hk-sp .sp-uu-dai i{display:none}
.hk-sp .sp-uu-dai p{margin:0}
.hk-sp .sp-goi-nhan{margin:0 0 8px;font-size:14px;line-height:21.7px;color:var(--hk-chu-phu)}
.hk-sp .sp-goi-lai .form-sdt-container{margin:0;padding:0;background:none;border:0;box-shadow:none}
.hk-sp .sp-goi-lai .free-consultation{display:none}
.hk-sp .sp-goi-lai p{margin:0;text-align:left!important}
.hk-sp .sp-goi-lai .wpcf7 form{margin:0}
.hk-sp .sp-goi-lai .form-sdt-sp-container{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;background:none}
.hk-sp .sp-goi-lai .wpcf7-form-control-wrap{flex:1 1 180px;min-width:0}
.hk-sp .sp-goi-lai .form-sdt-sp-container input[type=tel]{position:static!important;width:100%;height:45px;margin:0;padding:10px 12px;border:1px solid #C9D0DB;border-radius:6px;font-size:15px;box-shadow:none;background:#FFFFFF}
.hk-sp .sp-goi-lai .form-sdt-sp-container input[type=submit]{position:static!important;flex:0 0 auto;height:45px;margin:0;padding:10px 18px;border:1px solid var(--hk-navy);border-radius:6px!important;background:var(--hk-navy)!important;color:#FFFFFF;font-size:15px;font-weight:600!important;text-transform:none;letter-spacing:0;width:auto}
.hk-sp .sp-goi-lai .wpcf7-spinner{position:absolute}
.hk-sp .cam-ket{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hk-sp .cam-ket div{border:1px solid var(--hk-vien);border-radius:8px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:20.925px;color:var(--hk-chu-phu)}
.hk-sp .cam-ket b{display:block;color:var(--hk-chu);font-weight:600;font-size:14.5px;line-height:22.475px}
.hk-sp .sp-tim-ch .showroom-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 16px;border:1px solid var(--hk-vien);border-radius:8px;background:#FFFFFF}
.hk-sp .sp-tim-ch .showroom-content p{margin:0;font-size:14px;color:var(--hk-chu)}
.hk-sp .sp-tim-ch .showroom-box button{margin:0!important;padding:7px 12px!important;border:1px solid var(--hk-navy)!important;border-radius:6px!important;background:#FFFFFF!important;color:var(--hk-navy)!important;font-size:13.5px!important;font-weight:600!important;text-transform:none;min-height:0;line-height:20px}

/* thanh mục dính + mô tả / thông số / đánh giá / hỏi đáp / liên quan */
.hk-sp .muc-luc{position:sticky;top:0;z-index:20;background:#FFFFFF;border-bottom:1px solid var(--hk-vien);margin-top:40px}
.hk-sp .muc-luc nav{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.hk-sp .muc-luc a{padding:14px 0;color:var(--hk-chu-phu);font-size:15px;line-height:23.25px;font-weight:500;white-space:nowrap}
.hk-sp .muc-luc a.dang{color:var(--hk-navy);box-shadow:inset 0 -2px 0 var(--hk-navy)}
.hk-sp #mo-ta,.hk-sp #thong-so,.hk-sp #danh-gia,.hk-sp #hoi-dap{scroll-margin-top:190px}
.hk-sp .muc{padding:44px 24px 0}
.hk-sp .sp-giua{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.hk-sp #mo-ta{flex:999 1 560px;min-width:0;color:#3A414C}
.hk-sp .seo-noi{max-height:420px;overflow:hidden;position:relative}
.hk-sp .seo-noi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#FFFFFF)}
.hk-sp #mo-ta.mo .seo-noi{max-height:none}.hk-sp #mo-ta.mo .seo-noi:after{display:none}
.hk-sp #mo-ta h2{font-size:20px;line-height:31px;font-weight:600;margin:16px 0 8px;color:var(--hk-chu)}
.hk-sp #mo-ta h3{font-size:16px;font-weight:600;margin:16px 0 6px;color:var(--hk-chu)}
.hk-sp #mo-ta p{margin:0 0 10px}
.hk-sp #mo-ta img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}
.hk-sp .nut.vien{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:8px 16px;font-size:14px;font-weight:600!important;border:1.5px solid var(--hk-navy);border-radius:6px!important;background:#FFFFFF;color:var(--hk-navy);text-transform:none;letter-spacing:0;min-height:0;line-height:21.7px}
.hk-sp #thong-so{flex:1 1 360px;min-width:0}
.hk-sp #thong-so h2,.hk-sp #danh-gia>h2,.hk-sp #hoi-dap>h2{font-size:20px;line-height:31px;font-weight:600;margin:0 0 8px;color:var(--hk-chu)}
.hk-sp #thong-so table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:14px;line-height:21.7px;margin:0;border:0}
.hk-sp #thong-so th{text-align:left;font-weight:500;color:var(--hk-chu-phu);padding:10px 12px;width:42%;border:0;border-bottom:1px solid var(--hk-vien);vertical-align:top;text-transform:none;letter-spacing:0;font-size:14px}
.hk-sp #thong-so td{padding:10px 12px;border:0;border-bottom:1px solid var(--hk-vien);color:var(--hk-chu)}
.hk-sp #danh-gia>h2{margin-bottom:12px}
.hk-sp #hoi-dap details{border-bottom:1px solid var(--hk-vien);padding:14px 0}
.hk-sp #hoi-dap summary{font-weight:500;cursor:pointer}
.hk-sp #hoi-dap details p{margin:8px 0 0;color:var(--hk-chu-phu)}
.hk-sp .sp-lien-quan h2{margin:0 0 16px;font-size:24px;line-height:37.2px;font-weight:600}
.hk-sp .hk-luoi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin:0!important;width:100%}
.hk-sp .hk-luoi:before,.hk-sp .hk-luoi:after{display:none}
.hk-sp .hk-luoi>.product-small.col{width:auto;max-width:none;flex:none;padding:0;margin:0}
.hk-sp .sp-lien-quan{padding-bottom:64px}

/* header dính (cả thanh menu) cao 120px máy tính / 57px điện thoại */
@media (min-width:850px){ .hk-sp .muc-luc{top:120px} }
@media (max-width:1100px){ .hk-sp .hk-luoi{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:849px){
  .hk-sp .hk-khung{padding:0 14px}
  .hk-sp .muc{padding:32px 14px 0}
  .hk-sp .muc-luc{top:57px}
  .hk-sp .sp-ten .product-title{font-size:22px;line-height:1.3}
}
@media (max-width:760px){
  .hk-sp .hk-luoi{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .hk-sp .cam-ket{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* đánh giá devvn: tiêu đề riêng của plugin trùng với h2 "Đánh giá …" */
.hk-sp #danh-gia .devvn_title_reviews,.hk-sp #danh-gia #reviews>h2,.hk-sp #danh-gia .woocommerce-Reviews-title{display:none}
/* style.css cũ có ".uppercase, h6, th{display:inline}" (cả web) làm vỡ bảng */
.hk-sp #thong-so th,.hk-sp #thong-so td{display:table-cell}
.hk-sp .sp-uu-dai p.promo-item{display:list-item;list-style:disc;margin:0 0 0 18px;padding:0}
.hk-sp .sp-uu-dai .pack-detail{margin:0;padding:0;border:0;background:none}
.hk-sp .sp-goi-lai .form-sdt-sp-container{flex-wrap:nowrap}
.hk-sp .sp-goi-lai .wpcf7-form-control-wrap{flex:1 1 auto!important;min-width:0;display:block;margin:0!important}
.hk-sp .sp-goi-lai .form-sdt-sp-container input[type=tel]{width:100%!important;max-width:none!important;margin:0!important}
.hk-sp .sp-goi-lai .form-sdt-sp-container input[type=submit]{width:auto!important;max-width:none!important;padding:10px 18px!important;font-size:15px!important;white-space:nowrap;line-height:23px!important}
/* CF7 tự bọc ô nhập + nút trong <p> kèm <br> */
.hk-sp .sp-goi-lai .form-sdt-sp-container>p{display:flex;flex-wrap:nowrap;gap:8px;margin:0;align-items:stretch}
.hk-sp .sp-goi-lai .form-sdt-sp-container br{display:none}
/* bảng thông số dài (>14 dòng): thu gọn, "Xem thêm" */
.hk-sp .ts-noi{max-height:620px;overflow:hidden;position:relative}
.hk-sp .ts-noi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#FFFFFF)}
.hk-sp #thong-so.mo .ts-noi{max-height:none}.hk-sp #thong-so.mo .ts-noi:after{display:none}
.hk-sp .sp-goi-lai .form-sdt-sp-container>p{padding:0!important}.hk-sp .sp-goi-lai .form-sdt-sp-container>p>*{margin-left:0!important}
.hk-sp .sp-goi-lai .form-sdt-sp-container>p{justify-content:flex-start!important;text-align:left!important}
/* máy tính: cột ảnh dính khi cột thông tin còn cuộn; hết cột thông tin thì cuộn chung (chủ yêu cầu 26/10) */
@media (min-width:850px){ .hk-sp .sp-anh{position:sticky;top:136px;align-self:flex-start} }
.hk-sp .sp-goi-lai .form-sdt-sp-container{display:block!important;width:100%}.hk-sp .sp-goi-lai .form-sdt-sp-container>p{width:100%}
.hk-sp .sp-goi-lai .wpcf7-form-control-wrap{position:static!important;left:auto!important}
/* bảng thông số: hai cột cùng canh trên */
.hk-sp #thong-so td{vertical-align:top}
/* đánh giá devvn: về tông navy của giao diện mới (plugin giữ nguyên chức năng) */
.hk-sp #danh-gia #reviews{margin:0;padding:0;border:0;background:none}
.hk-sp #danh-gia .star_box{border:1px solid var(--hk-vien);border-radius:12px;background:#FFFFFF;margin:0 0 16px;box-shadow:none;overflow:hidden}
.hk-sp #danh-gia .star_box>div{border-color:var(--hk-vien)!important}
.hk-sp #danh-gia .star_average{color:var(--hk-navy)!important;font-size:40px!important;font-weight:700!important;line-height:1.2}
.hk-sp #danh-gia .star_average i,.hk-sp #danh-gia .devvn-star{color:var(--hk-vang)!important}
.hk-sp #danh-gia .star-average strong{font-size:13px;font-weight:500;color:var(--hk-chu-phu);text-transform:none;letter-spacing:0}
.hk-sp #danh-gia .devvn_stars_value{color:var(--hk-chu);font-size:14px}
.hk-sp #danh-gia .devvn_perc_rating{background-color:var(--hk-vang)!important}
.hk-sp #danh-gia .devvn_scala_rating{background-color:var(--hk-xam)!important;border-radius:4px}
.hk-sp #danh-gia .devvn_num_reviews,.hk-sp #danh-gia .devvn_num_reviews b{color:var(--hk-chu-phu)!important;font-weight:400;font-size:13.5px}
.hk-sp #danh-gia .btn-reviews-now{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1.5px solid var(--hk-navy);border-radius:6px!important;background:#FFFFFF!important;color:var(--hk-navy)!important;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;box-shadow:none}
.hk-sp #danh-gia .btn-reviews-now:hover{background:var(--hk-navy)!important;color:#FFFFFF!important}
.hk-sp #danh-gia .devvn_filter_btn{padding:6px 12px;border:1px solid #C9D0DB;border-radius:999px!important;background:#FFFFFF!important;color:var(--hk-chu)!important;font-size:13.5px;box-shadow:none}
.hk-sp #danh-gia .devvn_filter_btn.active,.hk-sp #danh-gia .devvn_filter_btn:hover{border-color:var(--hk-navy);background:var(--hk-navy)!important;color:#FFFFFF!important}
.hk-sp #danh-gia .devvn_filter_btn.active i,.hk-sp #danh-gia .devvn_filter_btn:hover i{color:#FFFFFF!important}
.hk-sp #danh-gia .woocommerce-noreviews{color:var(--hk-chu-phu);margin:12px 0 0}

/* ô số lượng nằm cùng hàng 2 nút như demo (sản phẩm đơn bị giãn 100%) */
.hk-sp form.cart .quantity{flex:0 0 auto!important;width:auto!important;height:50px!important;align-items:stretch}
/* cả hàng cao 50px như demo (.nut: 12px + chữ 23,25px + viền 1,5px); ô số lượng 40/44/40 */
.hk-sp form.cart .quantity .minus,.hk-sp form.cart .quantity .plus{width:40px!important;height:48px!important}
.hk-sp form.cart .quantity input.qty{width:44px!important;max-width:44px!important;height:48px!important}
.hk-sp form.cart .single_add_to_cart_button,.hk-sp form.cart .ux-buy-now-button{height:50px!important;border-width:1.5px!important}
/* thanh mua dính (san-pham.php) */
.hk-dinh{position:fixed;left:0;right:0;bottom:0;z-index:998;background:#FFFFFF;border-top:1px solid var(--hk-vien);box-shadow:0 -6px 20px rgba(25,47,90,0.08);transform:translateY(110%);transition:transform .2s ease;font-size:15px;line-height:1.55}
.hk-dinh-mo .hk-dinh{transform:none}
.hk-dinh .trong{max-width:1240px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px}
.hk-dinh img{width:48px;height:48px;object-fit:contain;background:var(--hk-xam);border-radius:6px;flex-shrink:0;margin:0}
.hk-dinh .ten{flex:1;min-width:0;display:flex;flex-direction:column}
.hk-dinh .ten b{font-weight:600;color:var(--hk-chu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-dinh .gia{font-weight:700;color:var(--hk-navy);font-size:16px}
.hk-dinh .nut{display:inline-flex;align-items:center;justify-content:center;height:50px;min-height:0;margin:0;padding:0 22px;min-width:170px;border-radius:6px;border:1px solid var(--hk-navy);font-size:15px;font-weight:600!important;line-height:19px;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.hk-dinh .nut.vien{background:#FFFFFF;color:var(--hk-navy)}.hk-dinh .nut.dac{background:var(--hk-navy);color:#FFFFFF}
.hk-noi{transition:bottom .2s ease}
.hk-dinh-mo .hk-noi{bottom:96px!important}
@media (max-width:849px){
  .hk-dinh{bottom:calc(65px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 12px rgba(25,47,90,0.06);z-index:998}
  .hk-dinh-mo .hk-dinh{transform:none}
  .hk-dinh:not(.x){transform:translateY(calc(100% + 65px + env(safe-area-inset-bottom,0px)))}
  .hk-dinh-mo .hk-dinh:not(.x){transform:none}
  .hk-dinh .trong{padding:8px 10px;gap:10px}
  .hk-dinh img{width:40px;height:40px}
  .hk-dinh .ten b{display:none}
  .hk-dinh .nut{min-width:0;height:42px;padding:0 18px;font-size:14.5px}
  .hk-dinh [data-dinh="mua"]{display:none}
  .hk-dinh-mo .back-to-top{bottom:calc(140px + env(safe-area-inset-bottom,0px))!important}
}