/* PHIEN BAN: 1.0 — 04/08/2026
   shop.css — giao dien mat tien shop.
   Dung BIEN MAU cua theme (--xanh, --vang...) nen zluat.vn ra xanh,
   sau nay dat duoi thuong hieu khac thi tu doi theo, khong phai sua day. */

.shop-goi, .shop-chi-tiet{ padding-top:22px; padding-bottom:52px }

/* ── Dau trang shop ── */
.shop-dau{ text-align:center; padding:26px 0 30px }
.shop-dau h1{ font-size:clamp(24px,3.6vw,36px); font-weight:800;
  color:var(--chu,#111); margin:0 0 10px; letter-spacing:-.02em }
.shop-dau-mo-ta{ color:var(--chu-nhat,#4a5a4a); max-width:620px; margin:0 auto;
  font-size:15.5px; line-height:1.6 }
.shop-tieu-de{ font-size:clamp(21px,2.8vw,29px); font-weight:800; margin:0 0 18px }

/* ── O tim ── */
.shop-tim{ display:flex; gap:8px; max-width:620px; margin:0 auto 26px }
.shop-tim input[type=search]{ flex:1 1 auto; min-width:0;
  padding:13px 16px; font-size:15.5px; border:2px solid var(--vien,#e2e8e2);
  border-radius:10px; background:#fff; color:var(--chu,#111) }
.shop-tim input[type=search]:focus{ outline:0; border-color:var(--xanh) }
.shop-tim button{ padding:13px 24px; font-size:15.5px; font-weight:700;
  background:var(--xanh); color:#fff; border:0; border-radius:10px; cursor:pointer }
.shop-tim button:hover{ background:var(--xanh-dam) }

/* ── Hang linh vuc ── */
.shop-linh-vuc{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px }
.shop-linh-vuc a{ display:inline-flex; align-items:center; gap:6px;
  padding:8px 15px; border-radius:999px; background:#fff;
  border:1px solid var(--vien,#e2e8e2); font-size:14px; font-weight:650;
  color:var(--chu-nhat,#4a5a4a); text-decoration:none; transition:.15s }
.shop-linh-vuc a:hover{ border-color:var(--xanh); color:var(--xanh) }
.shop-linh-vuc a.chon{ background:var(--xanh); border-color:var(--xanh); color:#fff }
.shop-linh-vuc a i{ font-style:normal; font-size:12px; opacity:.7 }

.shop-dem{ color:var(--chu-nhat,#4a5a4a); font-size:14px; margin:0 0 14px }

/* ── Luoi the ── */
.shop-luoi{ display:grid; gap:18px;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) }
.shop-the{ display:flex; flex-direction:column; background:#fff;
  border:1px solid var(--vien,#e2e8e2); border-radius:14px; overflow:hidden;
  text-decoration:none; color:inherit; transition:.18s; min-width:0 }
.shop-the:hover{ border-color:var(--xanh); transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.08); text-decoration:none }
.shop-the-anh{ display:block; aspect-ratio:3/2; overflow:hidden; background:var(--xanh-nhat) }
.shop-the-anh img{ width:100%; height:100%; object-fit:cover; display:block }
.shop-the-trong{ display:flex; align-items:center; justify-content:center; font-size:38px }
.shop-the-than{ display:flex; flex-direction:column; gap:7px; padding:14px 15px 15px; flex:1 }
.shop-the-ten{ font-weight:700; font-size:15px; line-height:1.4; color:var(--chu,#111);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden }
.shop-the-mo-ta{ font-size:13.5px; color:var(--chu-nhat,#4a5a4a); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.shop-the-chan{ display:flex; align-items:center; justify-content:space-between;
  margin-top:auto; padding-top:10px; border-top:1px solid var(--xanh-nhat) }
.shop-gia{ font-weight:800; color:var(--xanh); font-size:16px }
.shop-so-tep{ font-size:12.5px; color:var(--chu-nhat,#4a5a4a) }

/* ── Phan trang ── */
.shop-trang{ display:flex; gap:6px; justify-content:center; margin:32px 0 0; flex-wrap:wrap }
.shop-trang a{ min-width:40px; padding:9px 12px; text-align:center; border-radius:9px;
  background:#fff; border:1px solid var(--vien,#e2e8e2); font-weight:650;
  color:var(--chu-nhat,#4a5a4a); text-decoration:none }
.shop-trang a:hover{ border-color:var(--xanh); color:var(--xanh) }
.shop-trang a.chon{ background:var(--xanh); border-color:var(--xanh); color:#fff }
.shop-trang .cach{ padding:9px 4px; color:var(--chu-nhat,#4a5a4a) }

/* ── Chi tiet mau ── */
.shop-ct-luoi{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:30px;
  align-items:start }
.shop-ct-tom-tat{ font-size:16.5px; line-height:1.65; color:var(--chu-nhat,#4a5a4a);
  margin:0 0 20px }
.shop-ct-anh{ max-width:100%; height:auto; border-radius:10px; margin:0 0 22px }
.shop-ct-gom, .shop-ct-huong-dan, .shop-ct-luu-y{ margin:26px 0 0 }
.shop-ct-gom h2, .shop-ct-huong-dan h2, .shop-ct-luu-y h2{
  font-size:18px; font-weight:800; margin:0 0 10px; color:var(--chu,#111) }
.shop-ct-luu-y{ background:var(--xanh-nhat); border-radius:10px; padding:18px 22px }
.shop-ct-luu-y ul{ margin:0; padding-left:20px }
.shop-ct-luu-y li{ margin:6px 0; font-size:14.5px; line-height:1.55 }

/* ── Hop mua ── */
.shop-ct-ben{ position:sticky; top:92px; display:grid; gap:18px }
.shop-mua-hop{ background:#fff; border:2px solid var(--xanh); border-radius:14px;
  padding:22px }
.shop-mua-gia{ font-size:30px; font-weight:800; color:var(--xanh); line-height:1 }
.shop-mua-gom{ font-size:13.5px; color:var(--chu-nhat,#4a5a4a); margin:6px 0 18px }
.shop-mua-hop label{ display:block; margin:0 0 8px }
.shop-mua-hop label span{ display:block; font-size:13.5px; font-weight:650;
  margin:0 0 5px; color:var(--chu,#111) }
.shop-mua-hop input[type=email], .shop-mua-hop input[type=text]{
  width:100%; box-sizing:border-box; padding:12px 14px; font-size:15px;
  border:1px solid var(--vien,#e2e8e2); border-radius:9px; background:#fff }
.shop-mua-hop input:focus{ outline:0; border-color:var(--xanh) }
.shop-mua-nho{ font-size:12.5px; color:var(--chu-nhat,#4a5a4a); margin:0 0 14px;
  line-height:1.45 }
.shop-mua-yen-tam{ list-style:none; margin:16px 0 0; padding:0;
  font-size:13px; color:var(--chu-nhat,#4a5a4a) }
.shop-mua-yen-tam li{ padding:4px 0 4px 20px; position:relative }
.shop-mua-yen-tam li::before{ content:"✓"; position:absolute; left:0;
  color:var(--xanh); font-weight:800 }

/* ── Nut ── */
.shop-nut{ display:inline-block; padding:13px 24px; border-radius:10px;
  font-weight:700; font-size:15.5px; text-decoration:none; cursor:pointer;
  border:1px solid var(--vien,#e2e8e2); background:#fff; color:var(--chu,#111) }
.shop-nut:hover{ border-color:var(--xanh); color:var(--xanh); text-decoration:none }
.shop-nut-chinh{ width:100%; box-sizing:border-box; text-align:center;
  background:var(--xanh); border-color:var(--xanh); color:#fff }
.shop-nut-chinh:hover{ background:var(--xanh-dam); border-color:var(--xanh-dam); color:#fff }

/* ── O ben ── */
.shop-ben-o{ background:#fff; border:1px solid var(--vien,#e2e8e2);
  border-radius:14px; padding:20px }
.shop-lq{ list-style:none; margin:0; padding:0; display:grid; gap:12px }
.shop-lq a{ font-size:14px; line-height:1.45; color:var(--chu-nhat,#4a5a4a);
  text-decoration:none }
.shop-lq a:hover{ color:var(--xanh) }

/* ── Thanh toan ── */
.shop-tt-luoi{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:28px;
  align-items:start; margin:22px 0 }
.shop-tt-qr{ background:#fff; border:2px solid var(--xanh); border-radius:14px;
  padding:16px; text-align:center }
.shop-tt-qr img{ max-width:100%; height:auto; display:block; margin:0 auto }
.shop-tt-khong-qr{ padding:60px 12px; color:var(--chu-nhat,#4a5a4a); font-size:14px }
.shop-tt-tin dl{ margin:0; display:grid; grid-template-columns:auto 1fr;
  gap:9px 18px; align-items:baseline }
.shop-tt-tin dt{ font-size:13.5px; color:var(--chu-nhat,#4a5a4a); font-weight:650 }
.shop-tt-tin dd{ margin:0; font-size:15px; font-weight:650 }
.shop-tt-tien{ font-size:23px !important; font-weight:800 !important; color:var(--xanh) }
.shop-tt-ma{ background:var(--xanh-nhat); padding:5px 11px; border-radius:7px;
  font-size:16px; font-weight:800; letter-spacing:.06em; color:var(--xanh-dam) }
.shop-tt-canh{ margin:18px 0 0; padding:13px 16px; background:#fff8e6;
  border-left:3px solid var(--vang,#c5a447); border-radius:0 8px 8px 0;
  font-size:14px; line-height:1.55 }
.shop-tt-cho{ display:flex; align-items:center; gap:12px; justify-content:center;
  padding:18px; background:var(--xanh-nhat); border-radius:10px;
  font-size:15px; font-weight:650; color:var(--xanh-dam) }
.shop-xoay{ width:19px; height:19px; border:2.5px solid var(--xanh);
  border-top-color:transparent; border-radius:50%; animation:shop-quay .8s linear infinite }
@keyframes shop-quay{ to{ transform:rotate(360deg) } }
.shop-tt-giup{ margin:18px 0 0; font-size:14px }
.shop-tt-giup summary{ cursor:pointer; font-weight:650; color:var(--xanh-dam) }
.shop-tt-giup p{ margin:10px 0 0; line-height:1.6; color:var(--chu-nhat,#4a5a4a) }

/* ── Trang tai ── */
.shop-tai-mau{ font-size:16px; margin:0 0 18px }
.shop-tai-ds{ list-style:none; margin:0 0 20px; padding:0; display:grid; gap:11px }
.shop-tai-ds a{ display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding:16px 19px; background:#fff; border:2px solid var(--xanh);
  border-radius:11px; text-decoration:none; color:var(--chu,#111); font-weight:650 }
.shop-tai-ds a:hover{ background:var(--xanh-nhat); text-decoration:none }
.shop-tai-ten{ min-width:0; overflow-wrap:anywhere }
.shop-tai-dang{ flex:none; font-size:12px; font-weight:800; padding:4px 10px;
  background:var(--xanh); color:#fff; border-radius:6px }
.shop-tai-luot{ font-size:14px; color:var(--chu-nhat,#4a5a4a); margin:0 0 18px }
.shop-xin-lai form{ max-width:420px; margin:18px 0 }
.shop-xin-lai label{ display:block; margin:0 0 13px }
.shop-xin-lai label span{ display:block; font-size:13.5px; font-weight:650; margin:0 0 5px }
.shop-xin-lai label i{ font-style:normal; font-weight:400;
  color:var(--chu-nhat,#4a5a4a) }
.shop-xin-lai input{ width:100%; box-sizing:border-box; padding:12px 14px;
  font-size:15px; border:1px solid var(--vien,#e2e8e2); border-radius:9px }

/* ── Hop bao ── */
.shop-loi, .shop-nhac{ padding:16px 20px; border-radius:10px; margin:16px 0 }
.shop-loi{ background:#fdf2f2; border-left:3px solid #c0392b }
.shop-nhac{ background:var(--xanh-nhat); border-left:3px solid var(--xanh) }
.shop-loi b, .shop-nhac b{ display:block; margin:0 0 5px; font-size:15.5px }
.shop-loi p, .shop-nhac p{ margin:0; font-size:14.5px; line-height:1.55 }
.nho{ font-size:13px; color:var(--chu-nhat,#4a5a4a) }

/* ── Khoi tin tuong ── */
.shop-tin{ margin:44px 0 0; padding:26px 0 0; border-top:2px solid var(--xanh-nhat) }
.shop-tin h2{ font-size:19px; font-weight:800; margin:0 0 14px }
.shop-tin ul{ list-style:none; margin:0; padding:0; display:grid; gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) }
.shop-tin li{ padding:15px 18px; background:#fff; border-radius:10px;
  border:1px solid var(--vien,#e2e8e2); font-size:14.5px; line-height:1.55 }

/* ── Dien thoai ── */
@media (max-width:900px){
  .shop-ct-luoi{ grid-template-columns:1fr }
  .shop-ct-ben{ position:static }
  .shop-tt-luoi{ grid-template-columns:1fr }
  .shop-tt-qr{ max-width:300px; margin:0 auto }
}
@media (max-width:520px){
  .shop-luoi{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px }
  .shop-the-than{ padding:11px 12px 12px }
  .shop-the-ten{ font-size:14px }
  .shop-the-mo-ta{ display:none }
  .shop-tim{ flex-direction:column }
  .shop-tim button{ width:100% }
}
/* PHIEN BAN: shop 1.1 — 05/08/2026
   Noi vao CUOI /home/zluat/htdocs/zluat.vn/shop/assets/shop.css
   Phan giao dien moi: album anh, danh sach tep trong bo, o chon le van ban. */

/* ── Album anh trang chi tiet ── */
.shop-ct-album{ display:grid; gap:10px; margin:0 0 22px;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr)) }
.shop-ct-album a{ display:block; border-radius:8px; overflow:hidden;
  border:1px solid var(--vien,#e2e8e2) }
.shop-ct-album img{ width:100%; height:100%; aspect-ratio:3/4;
  object-fit:cover; display:block }

/* ── Danh sach tep trong bo ── */
.shop-ct-ds-tep{ list-style:none; margin:0 0 12px; padding:0; display:grid; gap:8px }
.shop-ct-ds-tep li{ display:flex; align-items:center; gap:12px;
  padding:11px 15px; background:#fff; border:1px solid var(--vien,#e2e8e2);
  border-radius:9px; font-size:14.5px }
.shop-ct-ds-tep li b{ flex:1; min-width:0; font-weight:650; overflow-wrap:anywhere }
.shop-nhan-ban{ flex:none; font-weight:800; color:var(--xanh); font-size:14px }
.shop-nhan-tang{ flex:none; font-size:12px; font-weight:800; padding:3px 10px;
  background:var(--vang,#c5a447); color:#fff; border-radius:6px }
.shop-ct-hd{ background:var(--xanh-nhat) !important }
.shop-ct-hd-nho{ font-size:13.5px; color:var(--chu-nhat,#4a5a4a);
  line-height:1.55; margin:0 }

/* ── O chon le van ban ── */
.shop-chon-tep{ margin:0 0 18px; padding:0 0 16px;
  border-bottom:1px solid var(--vien,#e2e8e2) }
.shop-chon-tep h3{ font-size:14px; font-weight:800; margin:0 0 10px;
  color:var(--chu,#111) }
.shop-o-tep{ display:flex !important; align-items:flex-start; gap:9px;
  padding:9px 10px; margin:0 0 6px !important; border-radius:8px;
  cursor:pointer; transition:background .15s; -webkit-tap-highlight-color:transparent }
.shop-o-tep:hover{ background:var(--xanh-nhat) }
.shop-o-tep input{ flex:none; width:17px; height:17px; margin:2px 0 0;
  accent-color:var(--xanh); cursor:pointer }
.shop-o-ten{ flex:1; min-width:0; font-size:13.5px; line-height:1.45;
  font-weight:600 !important; margin:0 !important; overflow-wrap:anywhere }
.shop-o-gia{ flex:none; font-size:13px; font-weight:700; color:var(--xanh);
  margin:0 !important }
.shop-chon-nho{ font-size:12.5px; color:var(--chu-nhat,#4a5a4a);
  margin:8px 0 0; line-height:1.45 }

/* ── O nhap bat buoc ── */
.shop-mua-hop label span i{ color:#c0392b; font-style:normal; font-weight:800 }

/* ── Nut tat khi chua chon gi ── */
.shop-nut-chinh:disabled{ background:#c8d2c8; border-color:#c8d2c8;
  cursor:not-allowed }

/* ── Nhan tep mien phi o trang tai ── */
.shop-tai-tang{ flex:none; font-size:11.5px; font-weight:800; padding:3px 9px;
  background:var(--vang,#c5a447); color:#fff; border-radius:6px }

@media (max-width:520px){
  .shop-ct-album{ grid-template-columns:repeat(auto-fill,minmax(90px,1fr)) }
}
/* PHIEN BAN: form-dep 1.0 — 05/08/2026
   Noi vao CUOI /home/zluat/htdocs/zluat.vn/shop/assets/shop.css
   Lam lai phan NHAP THONG TIN trong hop mua — ban truoc tho va chat. */

/* ── Hop mua: nhieu chieu rong hon, tach nhom ro hon ── */
.shop-mua-hop{ padding:24px 22px }

/* ── Gia: to va noi bat ── */
.shop-mua-gia{ font-size:32px; font-weight:800; color:var(--xanh);
  line-height:1.05; letter-spacing:-.02em }
.shop-mua-gom{ font-size:13px; color:var(--chu-nhat,#4a5a4a);
  margin:7px 0 20px; padding:0 0 18px;
  border-bottom:1px solid var(--vien,#e2e8e2) }

/* ── O nhap: cao hon, vien mem hon, co khoang tho ── */
.shop-mua-hop label{ display:block; margin:0 0 14px }
.shop-mua-hop label > span{ display:block; font-size:13px; font-weight:700;
  margin:0 0 6px; color:var(--chu,#111); letter-spacing:.01em }
.shop-mua-hop label > span i{ color:#c0392b; font-style:normal;
  font-weight:800; margin-left:2px }

.shop-mua-hop input[type=text],
.shop-mua-hop input[type=tel],
.shop-mua-hop input[type=email]{
  width:100%; box-sizing:border-box;
  padding:13px 15px; font-size:15px; line-height:1.4;
  font-family:inherit; color:var(--chu,#111);
  background:#fbfcfb;
  border:1.5px solid var(--vien,#e2e8e2); border-radius:10px;
  transition:border-color .15s, background .15s, box-shadow .15s;
  -webkit-appearance:none; appearance:none;
}
.shop-mua-hop input::placeholder{ color:#a8b5a8; font-size:14.5px }
.shop-mua-hop input:hover{ border-color:#c3d0c3 }
.shop-mua-hop input:focus{
  outline:0; background:#fff;
  border-color:var(--xanh);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--xanh) 14%, transparent);
}
/* Trinh duyet cu khong hieu color-mix thi van co vien dam, khong sao */
.shop-mua-hop input:invalid:not(:placeholder-shown){ border-color:#e0a0a0 }

/* ── Dong ghi chu nho duoi o ── */
.shop-mua-nho{ font-size:12.5px; color:var(--chu-nhat,#4a5a4a);
  margin:-8px 0 16px; line-height:1.5 }

/* ── Nut mua: cao hon, ro hon ── */
.shop-mua-hop .shop-nut-chinh{
  margin-top:4px; padding:15px 24px; font-size:16px; font-weight:800;
  border-radius:11px; letter-spacing:.01em;
  box-shadow:0 4px 14px color-mix(in srgb, var(--xanh) 26%, transparent);
}
.shop-mua-hop .shop-nut-chinh:hover{ transform:translateY(-1px) }
.shop-mua-hop .shop-nut-chinh:active{ transform:translateY(0) }
.shop-mua-hop .shop-nut-chinh:disabled{ box-shadow:none; transform:none }

/* ── Khoi chon le van ban: tach hẳn khoi phan nhap ── */
.shop-chon-tep{ margin:0 0 20px; padding:16px; border:0;
  background:var(--xanh-nhat); border-radius:11px }
.shop-chon-tep h3{ font-size:13px; font-weight:800; margin:0 0 11px;
  color:var(--xanh-dam); text-transform:uppercase; letter-spacing:.04em }
.shop-o-tep{ background:#fff; border:1px solid transparent; margin:0 0 7px !important }
.shop-o-tep:hover{ background:#fff; border-color:var(--xanh) }
.shop-o-tep:last-of-type{ margin-bottom:0 !important }
.shop-chon-nho{ margin:11px 0 0 }

/* ── Yen tam: gon hon ── */
.shop-mua-yen-tam{ margin:18px 0 0; padding:16px 0 0;
  border-top:1px solid var(--vien,#e2e8e2) }

/* ── Dien thoai ── */
@media (max-width:900px){
  .shop-mua-hop{ padding:20px 18px }
  .shop-mua-gia{ font-size:28px }
  /* iOS phong to trang khi o nhap duoi 16px — ep 16px cho khoi giat */
  .shop-mua-hop input[type=text],
  .shop-mua-hop input[type=tel],
  .shop-mua-hop input[type=email]{ font-size:16px }
}
/* PHIEN BAN: shop 1.2 — 05/08/2026
   Noi vao CUOI /home/zluat/htdocs/zluat.vn/shop/assets/shop.css
   Phan moi: anh xem truoc, noi dung huong dan giu dinh dang. */

/* ── Anh xem truoc — thu thuyet phuc khach, dat noi hon anh minh hoa ── */
.shop-xt{ margin:0 0 26px; padding:20px; background:var(--xanh-nhat);
  border-radius:12px }
.shop-xt h2{ font-size:18px; font-weight:800; margin:0 0 6px;
  color:var(--xanh-dam) }
.shop-xt-nho{ font-size:13.5px; color:var(--chu-nhat,#4a5a4a);
  line-height:1.55; margin:0 0 15px }
.shop-xt-luoi{ display:grid; gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) }
.shop-xt-o{ display:block; position:relative; background:#fff;
  border:1px solid var(--vien,#e2e8e2); border-radius:9px; overflow:hidden;
  transition:.18s; text-decoration:none }
.shop-xt-o:hover{ border-color:var(--xanh); transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.09); text-decoration:none }
.shop-xt-o img{ width:100%; height:auto; display:block; aspect-ratio:210/297;
  object-fit:cover; object-position:top }
.shop-xt-trang{ position:absolute; left:8px; bottom:8px;
  font-size:11.5px; font-weight:800; padding:3px 9px; border-radius:5px;
  background:rgba(0,0,0,.62); color:#fff; letter-spacing:.02em }

/* ── Noi dung huong dan — giu dinh dang, de doc ── */
.shop-hd-noi-dung{ font-size:15.5px; line-height:1.75; color:var(--chu,#111) }
.shop-hd-noi-dung > *:first-child{ margin-top:0 }
.shop-hd-noi-dung > *:last-child{ margin-bottom:0 }
.shop-hd-noi-dung p{ margin:0 0 14px }
.shop-hd-noi-dung h2{ font-size:18px; font-weight:800; margin:24px 0 10px }
.shop-hd-noi-dung h3{ font-size:16.5px; font-weight:800; margin:20px 0 9px }
.shop-hd-noi-dung h4{ font-size:15.5px; font-weight:700; margin:18px 0 8px }
.shop-hd-noi-dung ul,
.shop-hd-noi-dung ol{ margin:0 0 15px; padding-left:24px }
.shop-hd-noi-dung li{ margin:6px 0; line-height:1.7 }
.shop-hd-noi-dung li > ul,
.shop-hd-noi-dung li > ol{ margin:6px 0 0 }
.shop-hd-noi-dung strong,
.shop-hd-noi-dung b{ font-weight:700; color:var(--chu,#111) }
.shop-hd-noi-dung a{ color:var(--xanh); text-decoration:underline }
.shop-hd-noi-dung a:hover{ color:var(--xanh-dam) }
.shop-hd-noi-dung blockquote{ margin:0 0 15px; padding:12px 18px;
  background:var(--xanh-nhat); border-left:3px solid var(--xanh);
  border-radius:0 8px 8px 0; font-size:15px }
.shop-hd-noi-dung blockquote p:last-child{ margin-bottom:0 }

/* ── Mo ta ngan giu xuong dong ── */
.shop-ct-tom-tat{ white-space:normal }
.shop-ct-tom-tat br{ display:block; content:""; margin-top:6px }

@media (max-width:520px){
  .shop-xt{ padding:16px 14px }
  .shop-xt-luoi{ grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:9px }
  .shop-hd-noi-dung{ font-size:15px }
}