/* PDC.vn — theme pdc. Màu lấy từ logo: xanh #2D2F7A, cam #EE8C24 */
:root {
  --navy: #2d2f7a;
  --navy-700: #23255f;
  --navy-900: #17183f;
  --navy-50: #eef0fa;
  --orange: #ee8c24;
  --orange-600: #d97408;
  --orange-50: #fff4e6;
  --price: #c5300b;
  --ink: #1b1d2e;
  --ink-2: #4b4f66;
  --ink-3: #777b92;
  --line: #e4e6ef;
  --bg: #f4f5f9;
  --white: #fff;
  --ok: #17794a;
  --warn: #9a5b00;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 2px rgba(23, 24, 63, .06), 0 6px 20px rgba(23, 24, 63, .06);
  --wrap: 1320px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font: 15px/1.5 var(--font); color: var(--ink); background: var(--bg); }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--navy); }
button { font: inherit; color: inherit; cursor: pointer; }
ul { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, p { margin: 0; }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; border-radius: 4px; }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 16px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: 8px; top: -60px; background: var(--white); color: var(--navy); padding: 10px 14px; border-radius: 6px; z-index: 100; font-weight: 600; }
.skip:focus { top: 8px; }
.ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Thanh trên ---------- */
.topbar { background: var(--navy-900); color: #d9dbf0; font-size: 13px; }
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
.topbar a:hover { color: var(--white); text-decoration: underline; }
.topbar__info, .topbar__links { display: flex; align-items: center; gap: 18px; }
.topbar__info span { display: inline-flex; align-items: center; gap: 6px; }
.topbar .ico { width: 15px; height: 15px; color: var(--orange); }

/* ---------- Header ---------- */
.header { background: var(--white); }
.header .wrap { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 28px; padding-top: 14px; padding-bottom: 14px; }
.logo img { height: 76px; width: auto; }
form.search { display: flex; height: 46px; border: 2px solid var(--navy); border-radius: 999px; background: var(--white); overflow: hidden; max-width: 640px; }
form.search input { flex: 1; min-width: 0; border: 0; padding: 0 18px; font: inherit; color: var(--ink); background: transparent; outline: none; }
form.search input::placeholder { color: var(--ink-3); }
form.search button { border: 0; background: var(--navy); color: var(--white); padding: 0 22px; display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
form.search button:hover { background: var(--navy-700); }
form.search:focus-within { box-shadow: 0 0 0 3px rgba(238, 140, 36, .45); }
.hotline { display: flex; align-items: center; gap: 10px; }
.hotline__ico { width: 42px; height: 42px; border-radius: 50%; background: var(--orange-50); color: var(--orange-600); display: grid; place-items: center; }
.hotline small { display: block; color: var(--ink-3); font-size: 12px; line-height: 1.2; }
.hotline strong { font-size: 17px; color: var(--navy); letter-spacing: .2px; white-space: nowrap; }
.hcart { position: relative; display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 16px 0 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); font-weight: 600; }
.hcart:hover { border-color: var(--navy); color: var(--navy); }
.cart__n { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--orange); color: var(--navy-900); font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.burger { display: none; }

/* ---------- Thanh điều hướng ---------- */
.nav { background: var(--white); color: var(--ink); border-bottom: 1px solid var(--line); box-shadow: 0 4px 14px rgba(23, 24, 63, .04); position: relative; z-index: 5; }
.nav .wrap { display: flex; align-items: stretch; gap: 0; }
.nav__cats { display: inline-flex; align-items: center; gap: 10px; width: 264px; flex: none; padding: 0 16px; height: 46px; background: var(--orange); color: var(--navy-900); font-weight: 700; text-transform: uppercase; font-size: 14px; letter-spacing: .3px; border: 0; }
.nav__links { display: flex; align-items: center; gap: 2px; padding-left: 12px; overflow: hidden; }
.nav__links a { display: inline-flex; align-items: center; height: 46px; padding: 0 14px; font-weight: 500; white-space: nowrap; color: var(--ink); position: relative; }
.nav__links a:hover { color: var(--navy); }
.nav__links a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; border-radius: 2px; background: var(--orange); transform: scaleX(0); transition: transform .18s; }
.nav__links a:hover::after { transform: scaleX(1); }

/* ---------- Hero ---------- */
.hero { padding-top: 14px; }
.hero .wrap { display: grid; grid-template-columns: 264px minmax(0, 1fr) 286px; gap: 14px; align-items: stretch; }
.catmenu { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; padding: 6px 0; }
.catmenu > li > a { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 14px; font-weight: 500; font-size: 14.5px; }
.catmenu > li > a .ico { color: var(--navy); }
.catmenu > li > a .chev { margin-left: auto; width: 14px; height: 14px; color: var(--ink-3); }
.catmenu > li:hover > a, .catmenu > li:focus-within > a { background: var(--navy-50); color: var(--navy); }
.catmenu__all a { color: var(--navy); font-weight: 600; border-top: 1px solid var(--line); margin-top: 4px; padding-top: 10px !important; }
.flyout { display: none; position: absolute; left: 100%; top: 0; min-height: 100%; width: 560px; background: var(--white); border-radius: 0 var(--radius) var(--radius) 0; box-shadow: 12px 8px 30px rgba(23, 24, 63, .16); padding: 18px 22px; z-index: 20; border-left: 1px solid var(--line); }
.catmenu > li:hover .flyout, .catmenu > li:focus-within .flyout { display: block; }
.flyout h3 { font-size: 15px; color: var(--navy); margin-bottom: 10px; padding-bottom: 8px; border-bottom: 2px solid var(--orange); display: inline-block; }
.flyout ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 20px; }
.flyout li a { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; font-size: 14px; color: var(--ink-2); }
.flyout li a:hover { color: var(--navy); }
.flyout li span { color: var(--ink-3); font-size: 12.5px; }

.slider { position: relative; border-radius: var(--radius); overflow: hidden; background: var(--navy-900); box-shadow: var(--shadow); min-height: 300px; }
.slides { display: flex; height: 100%; transition: transform .5s ease; }
.slide { flex: 0 0 100%; position: relative; min-height: 100%; }
.slide--brand { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); color: var(--white); background: linear-gradient(120deg, var(--navy-900) 0%, var(--navy) 62%, #3c3fa0 100%); }
.slide--brand .txt { padding: 40px 12px 56px 44px; align-self: center; position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--orange); margin-bottom: 14px; }
.eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--orange); }
.slide--brand h1 { font-size: clamp(24px, 2.5vw, 36px); line-height: 1.18; font-weight: 800; letter-spacing: -.3px; }
.slide--brand h1 em { font-style: normal; color: var(--orange); }
.slide--brand p { margin-top: 14px; color: #d5d7f2; max-width: 44ch; }
.slide__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.slide--brand .pic { position: relative; min-height: 260px; }
.slide--brand .pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 34%); mask-image: linear-gradient(90deg, transparent 0, #000 34%); }
.slide--img { background: var(--white); }
.slide--img img { width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; }
.dots { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; justify-content: center; gap: 8px; z-index: 3; }
.dots button { width: 26px; height: 6px; border-radius: 999px; border: 0; background: rgba(255, 255, 255, .45); padding: 0; box-shadow: 0 0 0 1px rgba(23, 24, 63, .25); }
.dots button[aria-current="true"] { background: var(--orange); width: 40px; }
.arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .92); color: var(--navy); display: grid; place-items: center; z-index: 3; box-shadow: var(--shadow); opacity: 0; transition: opacity .2s; }
.slider:hover .arrow, .arrow:focus-visible { opacity: 1; }
.arrow--prev { left: 12px; } .arrow--next { right: 12px; }
.arrow--prev .ico { transform: rotate(180deg); }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 999px; font-weight: 700; border: 2px solid transparent; white-space: nowrap; }
.btn--accent { background: var(--orange); color: var(--navy-900); }
.btn--accent:hover { background: #f6a043; color: var(--navy-900); }
.btn--ghost { border-color: rgba(255, 255, 255, .55); color: var(--white); }
.btn--ghost:hover { background: var(--white); color: var(--navy); }
.btn--navy { background: var(--navy); color: var(--white); }
.btn--navy:hover { background: var(--navy-700); color: var(--white); }
.btn--line { border-color: var(--navy); color: var(--navy); background: var(--white); }
.btn--line:hover { background: var(--navy); color: var(--white); }

/* Hai banner ảnh cạnh slider: ảnh phủ kín ô (cắt mép nếu khác tỉ lệ) */
.sidebanners { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.sidebanners:has(> :only-child) { grid-template-rows: 1fr; }
.sidebanner { position: relative; display: block; min-height: 142px; border-radius: var(--radius); overflow: hidden; background: var(--navy-50); box-shadow: var(--shadow); }
.sidebanner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
a.sidebanner:hover img { transform: scale(1.04); }

/* ---------- Cam kết ---------- */
.usp { margin-top: 14px; }
.usp ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); }
.usp li { display: flex; align-items: center; gap: 12px; padding: 16px 18px; }
.usp li + li { border-left: 1px solid var(--line); }
.usp .ico { width: 30px; height: 30px; color: var(--orange-600); stroke-width: 1.6; }
.usp strong { display: block; font-size: 14.5px; color: var(--navy-900); line-height: 1.3; }
.usp span { font-size: 13px; color: var(--ink-3); }

/* ---------- Khối nội dung ---------- */
.section { margin-top: 28px; }
.section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.section__head h2 { font-size: 22px; line-height: 1.2; color: var(--navy-900); font-weight: 800; letter-spacing: -.2px; position: relative; padding-left: 14px; }
.section__head h2::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 5px; border-radius: 3px; background: var(--orange); }
.more { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--navy); font-size: 14px; white-space: nowrap; }
.more .ico { width: 16px; height: 16px; }
.more:hover { text-decoration: underline; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.chips a { padding: 5px 12px; border: 1px solid var(--line); background: var(--white); border-radius: 999px; font-size: 13.5px; color: var(--ink-2); white-space: nowrap; }
.chips a:hover { border-color: var(--navy); color: var(--navy); }

.tiles { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.tile { background: var(--white); border-radius: var(--radius); padding: 14px 10px 12px; text-align: center; box-shadow: var(--shadow); border: 1px solid transparent; transition: border-color .15s, transform .15s; }
.tile:hover { border-color: var(--orange); transform: translateY(-2px); }
.tile img { width: 84px; height: 84px; object-fit: contain; margin: 0 auto 8px; }
.tile strong { display: block; font-size: 14px; line-height: 1.3; color: var(--ink); font-weight: 600; }
.tile span { font-size: 12.5px; color: var(--ink-3); }

.grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.card { position: relative; display: flex; flex-direction: column; background: var(--white); border-radius: var(--radius); overflow: hidden; transition: box-shadow .18s, transform .18s; }
.card:hover { box-shadow: 0 8px 24px rgba(23, 24, 63, .10); transform: translateY(-2px); }
.card__img { display: block; position: relative; aspect-ratio: 1 / 1; background: var(--white); flex: none; }
.card__img img { position: absolute; inset: 14px; width: calc(100% - 28px); height: calc(100% - 28px); object-fit: contain; transition: transform .25s; }
.card:hover .card__img img { transform: scale(1.04); }
.badges { position: absolute; left: 10px; right: 10px; top: 10px; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; z-index: 1; pointer-events: none; }
.badges .badge--new { position: absolute; right: 0; top: 0; }
.badge { font-size: 12px; font-weight: 700; line-height: 1; padding: 5px 7px; border-radius: 5px; }
.badge--sale { background: var(--price); color: var(--white); }
.badge--new { background: var(--navy); color: var(--white); }
.badge--gift { background: var(--orange); color: var(--navy-900); }
.card__body { display: flex; flex-direction: column; flex: 1 0 auto; padding: 0 12px 12px; }
.card__title { font-size: 14px; line-height: 1.4; font-weight: 500; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; }
.card__title:hover { color: var(--navy); }
.card__price { margin-top: 8px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.card__price b { font-size: 17px; color: var(--price); font-weight: 800; letter-spacing: -.2px; }
.card__price s { font-size: 13px; color: var(--ink-3); }
.card__price .contact { color: var(--navy); font-size: 16px; }
.card__meta { margin-top: auto; padding-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.stock { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--ok); font-weight: 500; }
.stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.stock--pre { color: var(--warn); }
.stock--out { color: var(--ink-3); }
.add { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--navy); background: var(--white); color: var(--navy); display: grid; place-items: center; flex: none; transition: background .15s, color .15s; }
.add:hover, .add.is-added { background: var(--navy); color: var(--white); }
.add .ico { width: 18px; height: 18px; }

/* Khối nhóm hàng: tiêu đề thoáng (không nền) ở trên + một hàng sản phẩm */
.catbanner { position: relative; display: flex; align-items: center; gap: 14px; padding: 0 0 14px; margin-bottom: 14px; border-bottom: 1px solid var(--line); }
.catbanner::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 72px; height: 2px; border-radius: 2px; background: var(--orange); }
.catbanner__ico { width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--orange-50); display: grid; place-items: center; color: var(--orange-600); }
.catbanner__ico .ico { width: 24px; height: 24px; stroke-width: 1.6; }
.catbanner__txt { min-width: 0; margin-right: auto; }
.catbanner h2 { font-size: 21px; line-height: 1.2; font-weight: 800; letter-spacing: -.2px; color: var(--navy-900); }
.catbanner p { font-size: 13.5px; color: var(--ink-3); margin-top: 2px; }
.catbanner__chips { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.catbanner__chips a { padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13.5px; color: var(--ink-2); white-space: nowrap; background: var(--white); }
.catbanner__chips a:hover { border-color: var(--navy); color: var(--navy); }
.catbanner .btn { height: auto; padding: 4px 0 4px 6px; border: 0; border-radius: 0; background: none; color: var(--navy); font-size: 14px; font-weight: 600; flex: none; gap: 4px; }
.catbanner .btn:hover { background: none; color: var(--navy); text-decoration: underline; }
.catbanner .btn .ico { width: 16px; height: 16px; }
.catsec__more { display: none; }
/* 5 sản phẩm mỗi hàng (mặc định); phần dư chỉ hiện ở màn hình rộng */
.catsec .grid .card:nth-child(n+6), #sp-moi .grid .card:nth-child(n+11) { display: none; }

/* ---------- Dải doanh nghiệp ---------- */
.biz { margin-top: 32px; background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); display: grid; grid-template-columns: minmax(0, 1fr) 380px; overflow: hidden; }
.biz__txt { padding: 30px 32px; }
.biz__txt h2 { font-size: 23px; color: var(--navy-900); font-weight: 800; line-height: 1.25; }
.biz__txt > p { color: var(--ink-2); margin-top: 8px; max-width: 62ch; }
.biz__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.biz__list a { display: block; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.biz__list a:hover { border-color: var(--navy); }
.biz__list .ico { color: var(--orange-600); width: 26px; height: 26px; margin-bottom: 8px; }
.biz__list strong { display: block; font-size: 15px; color: var(--navy-900); }
.biz__list span { font-size: 13px; color: var(--ink-3); }
.biz__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.biz__pic { position: relative; min-height: 240px; }
.biz__pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ---------- Tin tức ---------- */
.news { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.post { background: var(--white); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; }
.post__img { aspect-ratio: 3 / 2; background: var(--navy-50); overflow: hidden; }
.post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.post:hover .post__img img { transform: scale(1.04); }
.post__body { padding: 12px 14px 14px; }
.post time { font-size: 12.5px; color: var(--ink-3); }
.post h3 { font-size: 15px; line-height: 1.4; font-weight: 600; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------- Chân trang ---------- */
.footer { margin-top: 40px; background: var(--navy-900); color: #c9cbe6; font-size: 14px; }
.footer a:hover { color: var(--white); text-decoration: underline; }
.footer__top { display: grid; grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); gap: 28px; padding-top: 38px; padding-bottom: 30px; }
.footer__brand img { height: 92px; width: auto; margin-bottom: 14px; }
.footer__brand p { margin-bottom: 8px; display: flex; gap: 9px; align-items: flex-start; }
.footer__brand .ico { width: 17px; height: 17px; color: var(--orange); margin-top: 2px; }
.footer__brand strong { color: var(--white); }
.footer h2 { font-size: 14px; text-transform: uppercase; letter-spacing: .6px; color: var(--white); margin-bottom: 12px; }
.footer li { margin-bottom: 7px; }
.footer__bot { border-top: 1px solid rgba(255, 255, 255, .12); padding: 14px 0 18px; font-size: 12.5px; color: #a3a6c9; }
.footer__bot .wrap { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

.tabbar { display: none; }
.drawer, .scrim { display: none; }

/* ---------- Màn hình rộng từ 1600px: 6 sản phẩm mỗi hàng ---------- */
@media (min-width: 1600px) {
  :root { --wrap: 1560px; }
  .grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .catsec .grid .card:nth-child(6), #sp-moi .grid .card:nth-child(n+11) { display: flex; }
  .hero .wrap { grid-template-columns: 280px minmax(0, 1fr) 330px; }
  .nav__cats { width: 280px; }
  form.search { max-width: 760px; }
}

/* ---------- Tablet ---------- */
@media (max-width: 1180px) {
  .hero .wrap { grid-template-columns: 236px minmax(0, 1fr); }
  .sidebanners { grid-column: 1 / -1; grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .sidebanners:has(> :only-child) { grid-template-columns: 1fr; }
  .sidebanner { min-height: 0; aspect-ratio: 33 / 26; }
  .sidebanners:has(> :only-child) .sidebanner { aspect-ratio: 3 / 1; }
  .nav__cats { width: 236px; }
  .tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .catsec .grid .card:nth-child(n+5), #sp-moi .grid .card:nth-child(n+9) { display: none; }
  .catbanner__chips a:nth-child(n+4) { display: none; }
  .hotline small { display: none; }
  .footer__top { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer__brand { grid-column: 1 / -1; }
  .flyout { width: 460px; }
}

/* ---------- Điện thoại ---------- */
@media (max-width: 820px) {
  body { font-size: 14.5px; padding-bottom: 62px; }
  .wrap { padding: 0 12px; }
  .topbar__links, .topbar__info span:nth-child(n+2) { display: none; }
  .topbar .wrap { min-height: 30px; justify-content: center; }
  .header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--line); }
  .header .wrap { grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px 12px; padding-top: 8px; padding-bottom: 10px; }
  .burger { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--navy); }
  .logo { justify-self: center; grid-column: 2; grid-row: 1; }
  .burger { grid-column: 1; grid-row: 1; }
  .logo img { height: 48px; }
  .hotline { display: none; }
  .hcart { grid-column: 3; grid-row: 1; height: 42px; width: 42px; padding: 0; justify-content: center; border-radius: 10px; }
  .hcart > span:not(.cart__n) { display: none; }
  .hcart .cart__n { position: absolute; top: -6px; right: -6px; }
  form.search { grid-column: 1 / -1; grid-row: 2; height: 42px; max-width: none; }
  form.search button span { display: none; }
  form.search button { padding: 0 16px; }
  .nav { display: none; }
  .hero { padding-top: 10px; }
  .hero .wrap { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .catmenu { display: none; }
  .slider { min-height: 0; }
  .slide--brand { grid-template-columns: 1fr; }
  .slide--brand .txt { padding: 22px 18px 44px; }
  .slide--brand .pic { display: none; }
  .slide--brand p { font-size: 14px; }
  .slide--img { aspect-ratio: 16 / 9; }
  .arrow { display: none; }
  .sidebanners { gap: 10px; }
  .usp ul { grid-template-columns: 1fr 1fr; }
  .usp li { padding: 12px; gap: 10px; }
  .usp li + li { border-left: 0; }
  .usp li:nth-child(even) { border-left: 1px solid var(--line); }
  .usp li:nth-child(n+3) { border-top: 1px solid var(--line); }
  .usp .ico { width: 24px; height: 24px; }
  .usp strong { font-size: 13.5px; }
  .usp span { font-size: 12px; }
  .section { margin-top: 22px; }
  .section__head { align-items: center; margin-bottom: 10px; }
  .section__head h2 { font-size: 18px; }
  .chips { display: none; }
  .tiles { display: flex; overflow-x: auto; gap: 10px; padding-bottom: 6px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; margin: 0 -12px; padding-left: 12px; padding-right: 12px; }
  .tile { flex: 0 0 112px; scroll-snap-align: start; }
  .tile img { width: 64px; height: 64px; }
  .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .card__img img { inset: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }
  .card__body { padding: 0 10px 10px; }
  .card__title { font-size: 13.5px; }
  .card__price b { font-size: 15.5px; }
  .catbanner { padding-bottom: 10px; gap: 10px; margin-bottom: 10px; }
  .catbanner::after { width: 56px; }
  .catbanner__ico { width: 36px; height: 36px; border-radius: 10px; }
  .catbanner__ico .ico { width: 20px; height: 20px; }
  .catbanner h2 { font-size: 18px; }
  .catbanner p, .catbanner__chips { display: none; }
  .catbanner .btn { display: none; }
  .catsec__more { display: flex; justify-content: center; margin-top: 12px; }
  .catsec__more .btn { height: 40px; padding: 0 20px; font-size: 14px; background: var(--white); color: var(--navy); border: 1.5px solid var(--navy); }
  .catsec__more .btn .ico { width: 16px; height: 16px; }
  .biz { grid-template-columns: 1fr; }
  .biz__pic { min-height: 170px; order: -1; }
  .biz__txt { padding: 18px 16px 20px; }
  .biz__txt h2 { font-size: 19px; }
  .biz__list { grid-template-columns: 1fr; gap: 8px; }
  .biz__list a { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; padding: 10px 12px; }
  .biz__list .ico { grid-row: span 2; margin: 0; }
  .news { grid-template-columns: 1fr 1fr; gap: 8px; }
  .post h3 { font-size: 14px; }
  .footer__top { grid-template-columns: 1fr 1fr; gap: 22px 16px; padding-top: 26px; }
  .footer__brand img { height: 72px; }

  .tabbar { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--white); border-top: 1px solid var(--line); box-shadow: 0 -4px 18px rgba(23, 24, 63, .08); padding-bottom: env(safe-area-inset-bottom); }
  .tabbar a, .tabbar button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 58px; border: 0; background: none; font-size: 11.5px; color: var(--ink-2); font-weight: 500; position: relative; }
  .tabbar .ico { width: 22px; height: 22px; }
  .tabbar [aria-current="page"] { color: var(--navy); font-weight: 700; }
  .tabbar .call { color: var(--orange-600); font-weight: 700; }
  .tabbar .cart__n { position: absolute; top: 5px; left: calc(50% + 4px); min-width: 17px; height: 17px; padding: 0 4px; font-size: 10.5px; }

  .scrim { position: fixed; inset: 0; background: rgba(23, 24, 63, .5); z-index: 50; }
  .drawer { position: fixed; top: 0; bottom: 0; left: 0; width: min(86vw, 340px); background: var(--white); z-index: 51; overflow-y: auto; transform: translateX(-102%); transition: transform .25s ease; display: block; visibility: hidden; }
  body.menu-open .drawer { transform: none; visibility: visible; }
  body.menu-open .scrim { display: block; }
  body.menu-open { overflow: hidden; }
  .drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: var(--navy); color: var(--white); font-weight: 700; position: sticky; top: 0; }
  .drawer__head button { width: 36px; height: 36px; border: 0; border-radius: 8px; background: rgba(255, 255, 255, .14); color: var(--white); display: grid; place-items: center; }
  .drawer details { border-bottom: 1px solid var(--line); }
  .drawer summary { display: flex; align-items: center; gap: 10px; padding: 13px 16px; font-weight: 600; list-style: none; cursor: pointer; }
  .drawer summary::-webkit-details-marker { display: none; }
  .drawer summary .ico { color: var(--navy); }
  .drawer summary .chev { margin-left: auto; width: 16px; height: 16px; color: var(--ink-3); transition: transform .2s; }
  .drawer details[open] summary .chev { transform: rotate(90deg); }
  .drawer details ul { padding: 0 16px 12px 46px; }
  .drawer details li a { display: block; padding: 7px 0; color: var(--ink-2); }
  .drawer__links { padding: 10px 16px 24px; }
  .drawer__links a { display: block; padding: 9px 0; color: var(--ink-2); }
}
@media (max-width: 360px) {
  .logo img { height: 42px; }
  .card__price b { font-size: 14.5px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- Bổ sung cho WordPress / WooCommerce ---------- */
.card__price del { font-size: 13px; color: var(--ink-3); text-decoration: line-through; font-weight: 400; }
.card__price ins { text-decoration: none; }
.card__price b .woocommerce-Price-amount { font: inherit; color: inherit; }
.nav__links ul, .topbar__links ul, .drawer__links ul { display: contents; }
.nav__links li, .topbar__links li { display: contents; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pdc-notices { margin-top: 14px; }
.pdc-notices .woocommerce-message, .pdc-notices .woocommerce-error, .pdc-notices .woocommerce-info { margin: 0; border-radius: var(--radius); }

/* =====================================================================
   TRANG TRONG
   ===================================================================== */
.content, .shop { padding: 18px 0 8px; }
.content .wrap { max-width: 920px; }
.content--wide .wrap { max-width: var(--wrap); }

/* Đường dẫn phân cấp (cả của theme lẫn của WooCommerce) */
.crumbs, .woocommerce-breadcrumb { font-size: 13.5px; color: var(--ink-3); margin: 0 0 14px !important; display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.crumbs a, .woocommerce-breadcrumb a { color: var(--ink-2); }
.crumbs a:hover, .woocommerce-breadcrumb a:hover { color: var(--navy); text-decoration: underline; }
.crumbs [aria-current] { color: var(--ink-3); }

/* Bài viết / trang tĩnh */
.entry { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 30px 36px 34px; }
.entry__head h1, .listing__head h1, .shop h1.page-title, .notfound h1 { font-size: 28px; line-height: 1.22; font-weight: 800; letter-spacing: -.3px; color: var(--navy-900); }
.entry__meta { color: var(--ink-3); font-size: 13.5px; margin-top: 6px; }
.entry__cover { margin: 18px 0 0; border-radius: var(--radius-sm); overflow: hidden; background: var(--navy-50); }
.entry__cover img { width: 100%; height: auto; }
.entry__body { margin-top: 18px; font-size: 16px; line-height: 1.7; color: var(--ink); overflow-wrap: anywhere; }
.entry__body > * + * { margin-top: 1em; }
.entry__body h2 { font-size: 21px; color: var(--navy-900); margin-top: 1.5em; line-height: 1.3; }
.entry__body h3 { font-size: 18px; color: var(--navy-900); margin-top: 1.3em; }
.entry__body a { color: var(--navy); text-decoration: underline; text-underline-offset: 2px; }
.entry__body ul, .entry__body ol { padding-left: 1.3em; list-style: revert; }
.entry__body li + li { margin-top: .35em; }
.entry__body img { border-radius: var(--radius-sm); }
.entry__body blockquote { margin: 1.2em 0; padding: 4px 0 4px 16px; border-left: 3px solid var(--orange); color: var(--ink-2); }
.entry__body table { width: 100%; border-collapse: collapse; font-size: 14.5px; display: block; overflow-x: auto; }
.entry__body th, .entry__body td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
.entry__body th { background: var(--bg); }

/* Danh sách tin */
.listing__head { margin-bottom: 16px; }
.listing__desc { color: var(--ink-2); margin-top: 6px; max-width: 70ch; }
.news--list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.post__excerpt { font-size: 13.5px; color: var(--ink-2); margin-top: 6px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pager, .woocommerce-pagination { margin-top: 22px; }
.pager .nav-links, .woocommerce-pagination ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; border: 0 !important; padding: 0; margin: 0; list-style: none; }
.woocommerce-pagination ul.page-numbers li { border: 0 !important; float: none !important; }
.pager .page-numbers, .woocommerce-pagination ul.page-numbers li .page-numbers { min-width: 40px; height: 40px; padding: 0 12px !important; display: inline-grid; place-items: center; border-radius: 10px; background: var(--white); color: var(--ink); font-weight: 600; border: 1px solid var(--line); line-height: 1; }
.pager .page-numbers.current, .woocommerce-pagination ul.page-numbers li .page-numbers.current { background: var(--navy) !important; color: var(--white) !important; border-color: var(--navy); }
.pager a.page-numbers:hover, .woocommerce-pagination ul.page-numbers li a.page-numbers:hover { border-color: var(--navy); color: var(--navy); background: var(--white) !important; }

/* 404 */
.notfound { text-align: center; padding: 44px 28px 48px; }
.notfound__code { font-size: 64px; font-weight: 800; line-height: 1; color: var(--orange); letter-spacing: -2px; }
.notfound h1 { margin-top: 6px; }
.notfound > p { color: var(--ink-2); max-width: 52ch; margin: 10px auto 0; }
.notfound form.search { margin: 22px auto 0; max-width: 520px; }
.notfound .shop__chips { justify-content: center; margin: 20px 0 22px; }

/* ---------- Trang danh mục ---------- */
.shop__layout { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 20px; align-items: start; }
.shop__side { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px 0 8px; position: sticky; top: 14px; }
.shop__side-title { font-size: 13px; text-transform: uppercase; letter-spacing: .6px; color: var(--ink-3); padding: 0 16px 8px; font-weight: 700; }
.cattree > li > a { display: flex; align-items: center; gap: 10px; padding: 8px 16px; font-weight: 500; font-size: 14.5px; }
.cattree .ico { color: var(--navy); width: 18px; height: 18px; }
.cattree a span { flex: 1; min-width: 0; }
.cattree a em { font-style: normal; font-size: 12.5px; color: var(--ink-3); }
.cattree a:hover { background: var(--navy-50); color: var(--navy); }
.cattree a[aria-current] { color: var(--navy); font-weight: 700; }
.cattree > li.is-open > a { background: var(--navy-50); color: var(--navy); }
.cattree ul { padding: 4px 0 8px; }
.cattree ul a { display: flex; gap: 10px; padding: 6px 16px 6px 44px; font-size: 14px; color: var(--ink-2); }
.cattree ul a[aria-current] { color: var(--navy); }
.shop .woocommerce-products-header { margin-bottom: 4px; }
.shop .term-description, .shop .page-description { color: var(--ink-2); margin-top: 6px; max-width: 75ch; }
.shop__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 4px; }
.shop__chips a { padding: 6px 13px; border: 1px solid var(--line); background: var(--white); border-radius: 999px; font-size: 14px; color: var(--ink-2); white-space: nowrap; }
.shop__chips a span { color: var(--ink-3); font-size: 12.5px; }
.shop__chips a:hover { border-color: var(--navy); color: var(--navy); }
.shop .woocommerce-result-count { float: none !important; margin: 16px 0 12px !important; color: var(--ink-3); font-size: 13.5px; display: inline-block; }
.shop .woocommerce-ordering { float: right !important; margin: 10px 0 12px !important; }
.shop .woocommerce-ordering select { height: 38px; padding: 0 34px 0 12px; border: 1px solid var(--line); border-radius: 10px; background-color: var(--white); font: inherit; font-size: 14px; color: var(--ink); }
.shop ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 4px !important; padding: 0; list-style: none; clear: both; }
.shop ul.products::before, .shop ul.products::after { content: none !important; display: none !important; }
.shop ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; display: flex; }
.shop ul.products li.product .card { width: 100%; }
.shop ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.shop .woocommerce-info, .shop .woocommerce-message, .shop .woocommerce-error { border-radius: var(--radius); }

/* ---------- Trang chi tiết sản phẩm ---------- */
.shop--single div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 36px; background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 26px 28px 30px; }
.shop--single div.product::before, .shop--single div.product::after { content: none !important; }
.shop--single div.product div.images, .shop--single div.product div.summary { width: auto !important; float: none !important; margin: 0 !important; }
.shop--single div.product div.images img { border-radius: var(--radius-sm); width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: var(--white); }
.shop--single div.product .woocommerce-product-gallery__trigger { top: 10px; right: 10px; }
.shop--single .product_title { font-size: 25px; line-height: 1.28; font-weight: 800; letter-spacing: -.2px; color: var(--navy-900); }
.pdc-contact-price { color: var(--navy); }
.shop--single .woocommerce-product-details__short-description { margin-top: 14px; color: var(--ink-2); font-size: 15px; }
.shop--single .woocommerce-product-details__short-description ul { padding-left: 1.2em; list-style: disc; }
.shop--single div.product form.cart { margin: 20px 0 0 !important; display: flex; gap: 10px; align-items: stretch; }
.shop--single div.product form.cart div.quantity { float: none !important; margin: 0 !important; }
.shop--single div.product form.cart .qty { height: 48px; width: 74px; border: 1px solid var(--line); border-radius: 12px; font: inherit; font-weight: 600; text-align: center; background: var(--white); color: var(--ink); }
.shop--single div.product form.cart .button { float: none !important; flex: 1; max-width: 320px; height: 48px; border-radius: 999px !important; background: var(--navy) !important; color: var(--white) !important; font-weight: 700 !important; font-size: 15.5px !important; padding: 0 26px !important; }
.shop--single div.product form.cart .button:hover { background: var(--navy-700) !important; }
.shop--single div.product p.stock { display: none; }
.pdc-single-support { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.pdc-single-support .btn { height: 44px; }
.pdc-single-support ul { margin-top: 14px; display: grid; gap: 9px; }
.pdc-single-support li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--ink-2); }
.pdc-single-support li .ico { color: var(--orange-600); margin-top: 1px; }
.pdc-single-support li strong { color: var(--ink); }
.shop--single .product_meta { margin-top: 16px; font-size: 13.5px; color: var(--ink-3); display: grid; gap: 4px; }
.shop--single .product_meta a { color: var(--ink-2); }
.shop--single .product_meta a:hover { color: var(--navy); text-decoration: underline; }
.shop--single div.product .woocommerce-tabs, .shop--single div.product .related, .shop--single div.product .upsells { grid-column: 1 / -1; min-width: 0; }
.shop--single div.product .woocommerce-tabs ul.tabs { padding: 0 !important; margin: 0 0 18px !important; display: flex; gap: 22px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.shop--single div.product .woocommerce-tabs ul.tabs::before, .shop--single div.product .woocommerce-tabs ul.tabs::after, .shop--single div.product .woocommerce-tabs ul.tabs li::before, .shop--single div.product .woocommerce-tabs ul.tabs li::after { content: none !important; display: none !important; }
.shop--single div.product .woocommerce-tabs ul.tabs li { border: 0 !important; background: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; }
.shop--single div.product .woocommerce-tabs ul.tabs li a { display: block; padding: 10px 0 !important; font-weight: 700 !important; color: var(--ink-3) !important; border-bottom: 2px solid transparent; white-space: nowrap; }
.shop--single div.product .woocommerce-tabs ul.tabs li.active a { color: var(--navy-900) !important; border-bottom-color: var(--orange); }
.shop--single div.product .woocommerce-tabs .panel { margin: 0 !important; font-size: 15.5px; line-height: 1.7; overflow-wrap: anywhere; }
.shop--single div.product .woocommerce-tabs .panel > * + * { margin-top: 1em; }
.shop--single div.product .woocommerce-tabs .panel table { display: block; overflow-x: auto; max-width: 100%; }
.shop--single div.product .woocommerce-tabs .panel img { max-width: 100%; height: auto; }
.shop--single .related > h2, .shop--single .upsells > h2 { font-size: 21px; font-weight: 800; color: var(--navy-900); margin-bottom: 14px; padding-top: 22px; border-top: 1px solid var(--line); }

/* ---------- Giỏ hàng / thanh toán / tài khoản (khối của WooCommerce) ---------- */
.content--wide .entry { padding: 26px 28px 30px; }
.entry .wc-block-components-button:not(.is-link), .entry .wc-block-cart__submit-button, .entry .woocommerce-button, .entry .button.wc-forward { background: var(--navy) !important; color: var(--white) !important; border-radius: 999px !important; font-weight: 700 !important; }
.entry .wc-block-components-button:not(.is-link):hover { background: var(--navy-700) !important; }

@media (min-width: 1600px) {
  .shop ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .shop ul.products.columns-5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .shop__layout { grid-template-columns: 280px minmax(0, 1fr); }
}
@media (max-width: 1180px) {
  .shop__layout { grid-template-columns: 228px minmax(0, 1fr); gap: 16px; }
  .shop ul.products, .shop ul.products.columns-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .shop--single .related ul.products li.product:nth-child(n+4) { display: none; }
  .news--list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .content, .shop { padding-top: 12px; }
  .entry, .content--wide .entry { padding: 18px 16px 22px; }
  .entry__head h1, .listing__head h1, .shop h1.page-title, .notfound h1 { font-size: 22px; }
  .entry__body { font-size: 15.5px; }
  .news--list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop__layout { grid-template-columns: minmax(0, 1fr); }
  .shop__side { display: none; }
  .shop__chips { flex-wrap: nowrap; overflow-x: auto; margin-left: -12px; margin-right: -12px; padding: 0 12px 6px; -webkit-overflow-scrolling: touch; }
  .shop .woocommerce-result-count { margin-top: 12px !important; }
  .shop .woocommerce-ordering select { height: 36px; max-width: 170px; }
  .shop ul.products, .shop ul.products.columns-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .shop--single .related ul.products li.product:nth-child(n+4) { display: flex; }
  .shop--single .related ul.products li.product:nth-child(n+5) { display: none; }
  .shop--single div.product { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 14px 14px 22px; }
  .shop--single .product_title { font-size: 20px; }
    .shop--single div.product form.cart .button { max-width: none; }
  .notfound { padding: 30px 16px 34px; }
  .notfound__code { font-size: 52px; }
}
.shop ul.products li.product .card__img img { position: absolute; inset: 14px; width: calc(100% - 28px) !important; height: calc(100% - 28px) !important; margin: 0 !important; object-fit: contain; }
.shop ul.products li.product .card__title { font-size: 14px; padding: 0; margin: 0; }
@media (max-width: 820px) { .shop ul.products li.product .card__img img { inset: 10px; width: calc(100% - 20px) !important; height: calc(100% - 20px) !important; } }

/* =====================================================================
   CHI TIẾT SẢN PHẨM — khung giá, thông số, khuyến mại (theo cách trình bày của CCN)
   ===================================================================== */
.shop--single div.product { grid-template-areas: "gallery summary" "specs summary" "tabs tabs" "related related"; grid-template-rows: auto 1fr auto auto; }
.shop--single div.product div.images { grid-area: gallery; }
.shop--single div.product .specbox { grid-area: specs; align-self: start; }
.shop--single div.product div.summary { grid-area: summary; }
.shop--single div.product .woocommerce-tabs { grid-area: tabs; }
.shop--single div.product .related { grid-area: related; }

.pricebox { margin-top: 14px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); display: grid; gap: 8px; }
.pricebox__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 14.5px; color: var(--ink-2); }
.pricebox__label { min-width: 104px; color: var(--ink-3); }
.pricebox__row del { color: var(--ink-3); font-size: 15px; }
.pricebox__off { background: var(--price); color: var(--white); font-size: 12.5px; font-weight: 700; padding: 3px 7px; border-radius: 5px; line-height: 1; }
.pricebox__row--main b { font-size: 30px; line-height: 1.1; font-weight: 800; letter-spacing: -.4px; color: var(--price); }
.pricebox__row--main .pricebox__contact { color: var(--navy); font-size: 24px; }
.pricebox__vat { font-size: 13px; color: var(--ink-3); }
.pricebox .stock { font-size: 14.5px; }

.ticks { display: grid; gap: 7px; padding: 0 !important; list-style: none !important; }
.ticks li { display: flex; gap: 9px; align-items: flex-start; font-size: 14.5px; color: var(--ink); }
.ticks li .ico { width: 17px; height: 17px; color: var(--ok); margin-top: 2px; }

.promobox { margin-top: 16px; border: 1px dashed #f0b674; background: var(--orange-50); border-radius: var(--radius); padding: 12px 14px; }
.promobox__title { display: flex; align-items: center; gap: 7px; color: var(--orange-600); font-size: 14.5px; margin-bottom: 6px; }
.promobox__title .ico { width: 18px; height: 18px; }
.promobox ul { display: grid; gap: 4px; padding-left: 1.1em; list-style: disc; font-size: 14.5px; }

.specs { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; table-layout: fixed; }
.specs th, .specs td { padding: 8px 12px; text-align: left; vertical-align: top; border: 0; overflow-wrap: anywhere; }
.specs th[scope="row"] { width: 38%; font-weight: 500; color: var(--ink-2); }
.specs tbody tr:nth-child(odd) { background: var(--bg); }
.specs .specs__group { background: none !important; }
.specs .specs__group th { padding-top: 14px; font-weight: 700; color: var(--navy-900); border-bottom: 2px solid var(--orange); }
.specbox__title { font-size: 17px; font-weight: 800; color: var(--navy-900); margin-bottom: 10px; }
.specbox .specs td { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.specbox .specs tr { display: grid; grid-template-columns: 38% minmax(0, 1fr); }
.specbox .specs .specs__group { display: block; }
.specbox .specs .specs__group th { display: block; }
.specbox .specs th[scope="row"] { width: auto; }
.specbox__more { margin-top: 10px; width: 100%; height: 40px; border: 1px solid var(--navy); border-radius: 999px; background: var(--white); color: var(--navy); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.specbox__more:hover { background: var(--navy); color: var(--white); }
.specbox__more .ico { width: 15px; height: 15px; transform: rotate(90deg); }
.spectab { max-width: 860px; }
.spectab .specs { font-size: 15px; }

.specdlg { width: min(760px, calc(100vw - 24px)); max-height: min(86vh, 900px); padding: 0; border: 0; border-radius: 14px; box-shadow: 0 24px 70px rgba(23, 24, 63, .35); overflow: hidden; color: var(--ink); }
.specdlg[open] { display: flex; flex-direction: column; }
.specdlg::backdrop { background: rgba(23, 24, 63, .55); }
.specdlg__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 16px 18px; background: var(--navy); color: var(--white); }
.specdlg__head b { display: block; font-size: 17px; }
.specdlg__head span { display: block; font-size: 13px; color: #cfd1ee; margin-top: 2px; }
.specdlg__head button { width: 36px; height: 36px; flex: none; border: 0; border-radius: 9px; background: rgba(255, 255, 255, .14); color: var(--white); display: grid; place-items: center; }
.specdlg__body { padding: 8px 14px 16px; overflow-y: auto; }

.videobox { position: relative; aspect-ratio: 16 / 9; max-width: 860px; border-radius: var(--radius); overflow: hidden; background: #000; }
.videobox iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

@media (max-width: 820px) {
  .shop--single div.product { grid-template-areas: "gallery" "summary" "specs" "tabs" "related"; grid-template-rows: none; }
  .pricebox { padding: 12px; }
  .pricebox__label { min-width: 92px; }
  .pricebox__row--main b { font-size: 26px; }
  .specs th, .specs td { padding: 7px 9px; }
  .specs th[scope="row"] { width: 40%; }
  .specdlg__body { padding: 4px 8px 12px; }
}
/* Ảnh sản phẩm hiện ngay, không chờ JS của WooCommerce làm hiệu ứng mờ dần */
.shop--single .woocommerce-product-gallery { opacity: 1 !important; }
/* Khung ảnh trang chi tiết thu gọn: ảnh gốc của nhiều sản phẩm chỉ ~500-600px, không phóng to quá cỡ gốc */
.shop--single div.product { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 24px 40px; }
.shop--single div.product div.images { max-width: 420px; }
.shop--single div.product div.images img { max-height: 420px; }
.shop--single div.product .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0 !important; padding: 0; list-style: none; }
.shop--single div.product .flex-control-thumbs li { width: 64px !important; float: none !important; margin: 0 !important; }
.shop--single div.product .flex-control-thumbs img { aspect-ratio: 1 / 1; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; opacity: .65; cursor: pointer; max-height: none; }
.shop--single div.product .flex-control-thumbs img.flex-active, .shop--single div.product .flex-control-thumbs img:hover { opacity: 1; border-color: var(--navy); }
@media (max-width: 1180px) {
  .shop--single div.product { grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 20px 26px; }
}
@media (max-width: 820px) {
  .shop--single div.product { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .shop--single div.product div.images { max-width: 320px; margin: 0 auto !important; width: 100% !important; }
  .shop--single div.product div.images img { max-height: 320px; }
}
/* =====================================================================
   CHI TIẾT SẢN PHẨM — BỐ CỤC 3 CỘT (kiểu ccn.com.vn): ảnh + thông số | thông tin, giá, nút mua | hỗ trợ
   ===================================================================== */
.shop--single div.product { grid-template-columns: minmax(0, 360px) minmax(0, 1fr) minmax(0, 290px); grid-template-areas: "gallery summary side" "specs summary side" "tabs tabs tabs" "related related related"; grid-template-rows: auto 1fr auto auto; gap: 22px 30px; }
.shop--single div.product div.images { max-width: 360px; }
.shop--single div.product div.images img { max-height: 360px; }
.shop--single div.product .pside { grid-area: side; align-self: start; display: grid; gap: 14px; }
.shop--single .product_title { font-size: 22px; }
.shop--single .woocommerce-product-details__short-description { margin-top: 12px; }
.shop--single div.product form.cart { margin-top: 16px !important; }
.shop--single div.product form.cart .button { max-width: none; height: 52px; font-size: 16px !important; text-transform: uppercase; letter-spacing: .3px; }
.shop--single div.product form.cart .qty { height: 52px; }
.paynote { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 14px; color: var(--ink-2); }
.paynote em { font-style: normal; display: inline-flex; align-items: center; gap: 6px; color: var(--ink); }
.paynote .ico { width: 17px; height: 17px; color: var(--navy); }
.pside__box { border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px 16px; background: var(--white); }
.pside__box h2 { font-size: 13.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--navy); margin-bottom: 10px; }
.pside__tel { display: flex; align-items: center; gap: 9px; font-size: 22px; font-weight: 800; letter-spacing: -.2px; color: var(--price); line-height: 1.2; }
.pside__tel .ico { width: 20px; height: 20px; }
.pside__tel--2 { font-size: 17px; color: var(--navy); margin-top: 6px; }
.pside__tel--2 .ico { width: 17px; height: 17px; }
.pside__tel:hover { color: var(--navy); text-decoration: underline; }
.pside__note { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; color: var(--ink-2); margin-top: 8px; }
.pside__note .ico { width: 16px; height: 16px; color: var(--orange-600); margin-top: 2px; }
.pside__links li + li { border-top: 1px dashed var(--line); }
.pside__links a { display: flex; align-items: center; gap: 6px; padding: 8px 0; font-size: 14.5px; color: var(--ink); }
.pside__links a .ico { width: 14px; height: 14px; color: var(--ink-3); }
.pside__links a:hover { color: var(--navy); }
.pside__usp { display: grid; gap: 10px; }
.pside__usp li { display: flex; gap: 9px; align-items: flex-start; font-size: 13.5px; color: var(--ink-2); line-height: 1.45; }
.pside__usp li .ico { width: 18px; height: 18px; color: var(--ok); margin-top: 1px; }
.pside__usp strong { color: var(--ink); font-size: 14.5px; }
@media (min-width: 1600px) {
  .shop--single div.product { grid-template-columns: minmax(0, 420px) minmax(0, 1fr) minmax(0, 320px); gap: 24px 36px; }
  .shop--single div.product div.images { max-width: 420px; }
  .shop--single div.product div.images img { max-height: 420px; }
}
@media (max-width: 1180px) {
  .shop--single div.product { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); grid-template-areas: "gallery summary" "specs summary" "side side" "tabs tabs" "related related"; grid-template-rows: auto 1fr auto auto auto; gap: 20px 24px; }
  .shop--single div.product .pside { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
}
@media (max-width: 820px) {
  .shop--single div.product { grid-template-columns: minmax(0, 1fr); grid-template-areas: "gallery" "summary" "specs" "side" "tabs" "related"; grid-template-rows: none; gap: 16px; }
  .shop--single div.product div.images { max-width: 300px; margin: 0 auto !important; }
  .shop--single div.product div.images img { max-height: 300px; }
  .shop--single div.product .pside { grid-template-columns: minmax(0, 1fr); }
  .shop--single .product_title { font-size: 19px; }
  .pside__tel { font-size: 20px; }
}
/* Cột ảnh trang chi tiết rộng hơn (yêu cầu 09/10/2026) + album ảnh nhỏ bên dưới */
.shop--single div.product { grid-template-columns: minmax(0, 430px) minmax(0, 1fr) minmax(0, 280px); }
.shop--single div.product div.images { max-width: 430px; }
.shop--single div.product div.images img { max-height: 430px; }
.shop--single div.product .flex-viewport { border-radius: var(--radius-sm); }
.shop--single div.product .flex-control-thumbs li { width: 72px !important; }
.shop--single div.product .flex-control-thumbs img { max-height: none !important; }
@media (min-width: 1600px) {
  .shop--single div.product { grid-template-columns: minmax(0, 520px) minmax(0, 1fr) minmax(0, 320px); }
  .shop--single div.product div.images { max-width: 520px; }
  .shop--single div.product div.images img { max-height: 520px; }
}
@media (max-width: 1180px) {
  .shop--single div.product { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); }
  .shop--single div.product div.images { max-width: 360px; }
  .shop--single div.product div.images img { max-height: 360px; }
  .shop--single div.product .pside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .shop--single div.product { grid-template-columns: minmax(0, 1fr); }
  .shop--single div.product div.images { max-width: 340px; }
  .shop--single div.product div.images img { max-height: 340px; }
  .shop--single div.product .pside { grid-template-columns: minmax(0, 1fr); }
  .shop--single div.product .flex-control-thumbs { justify-content: center; }
  .shop--single div.product .flex-control-thumbs li { width: 60px !important; }
}

/* Album ảnh sản phẩm tự làm (không dùng flexslider): một ảnh lớn + hàng ảnh nhỏ */
.shop--single .woocommerce-product-gallery__wrapper { margin: 0; padding: 0; }
.shop--single div.product div.images .woocommerce-product-gallery__image { display: none !important; width: 100% !important; float: none !important; margin: 0 !important; }
.shop--single div.product div.images .woocommerce-product-gallery__image:first-child,
.shop--single div.product div.images .woocommerce-product-gallery__image.is-active { display: block !important; }
.shop--single div.product div.images:has(.is-active) .woocommerce-product-gallery__image:first-child:not(.is-active) { display: none !important; }
.shop--single .woocommerce-product-gallery__image a { display: block; cursor: zoom-in; }
.pgallery__thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pgallery__thumb { width: 72px; height: 72px; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: var(--white); opacity: .7; }
.pgallery__thumb img { width: 100% !important; height: 100% !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain; border-radius: 6px; }
.pgallery__thumb:hover, .pgallery__thumb[aria-current="true"] { opacity: 1; border-color: var(--navy); }
.pgallery__thumb[aria-current="true"] { box-shadow: 0 0 0 1px var(--navy); }
.pgallery__box { padding: 0; border: 0; border-radius: 12px; background: var(--white); max-width: min(94vw, 1100px); max-height: 92vh; overflow: hidden; box-shadow: 0 24px 70px rgba(23, 24, 63, .4); }
.pgallery__box::backdrop { background: rgba(23, 24, 63, .7); }
.pgallery__box img { display: block; max-width: min(94vw, 1100px); max-height: 92vh; width: auto; height: auto; cursor: zoom-out; }
.pgallery__close { position: absolute; top: 8px; right: 8px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(23, 24, 63, .7); color: var(--white); font-size: 24px; line-height: 1; }
@media (max-width: 820px) {
  .pgallery__thumbs { justify-content: center; }
  .pgallery__thumb { width: 58px; height: 58px; }
}
/* Hàng nút mua ở trang chi tiết: [số lượng] [Thêm vào giỏ hàng] [Đặt mua ngay] — hai nút rộng bằng nhau */
.shop--single div.product form.cart { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 10px; align-items: stretch; }
.shop--single div.product form.cart::before, .shop--single div.product form.cart::after { content: none !important; }
.shop--single div.product form.cart div.quantity { width: 100%; }
.shop--single div.product form.cart .qty { width: 100% !important; height: 52px; }
.shop--single div.product form.cart .button { width: 100%; max-width: none; height: 52px; margin: 0 !important; padding: 0 12px !important; display: inline-flex; align-items: center; justify-content: center; font-size: 15px !important; letter-spacing: .2px; white-space: nowrap; border: 2px solid var(--navy) !important; background: var(--white) !important; color: var(--navy) !important; }
.shop--single div.product form.cart .button:hover { background: var(--navy-50) !important; }
.shop--single div.product form.cart .button.pdc-buy-now { background: var(--navy) !important; color: var(--white) !important; }
.shop--single div.product form.cart .button.pdc-buy-now:hover { background: var(--navy-700) !important; border-color: var(--navy-700) !important; }
@media (max-width: 1500px) and (min-width: 1181px) {
  .shop--single div.product form.cart .button { font-size: 13.5px !important; letter-spacing: 0; padding: 0 8px !important; }
  .shop--single div.product form.cart { grid-template-columns: 62px minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
}
@media (max-width: 820px) {
  .shop--single div.product form.cart { grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .shop--single div.product form.cart .button { font-size: 13px !important; letter-spacing: 0; padding: 0 6px !important; height: 50px; }
  .shop--single div.product form.cart .qty { height: 50px; }
}
@media (max-width: 400px) {
  .shop--single div.product form.cart { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .shop--single div.product form.cart div.quantity { grid-column: 1 / -1; max-width: 96px; }
  .shop--single div.product form.cart .button { font-size: 13.5px !important; }
}
/* Thẻ sản phẩm nổi khối (yêu cầu 09/10/2026): viền rất nhạt + bóng mềm; rê chuột thì nhấc lên, viền cam */
.card { border: 1px solid #e6e8f1; box-shadow: 0 1px 2px rgba(23, 24, 63, .05), 0 6px 16px rgba(23, 24, 63, .07); transition: box-shadow .2s, transform .2s, border-color .2s; }
.card:hover { transform: translateY(-4px); border-color: var(--orange); box-shadow: 0 2px 4px rgba(23, 24, 63, .06), 0 16px 34px rgba(23, 24, 63, .16); }
.card:focus-within { border-color: var(--navy); }
.card .add { box-shadow: 0 2px 6px rgba(45, 47, 122, .18); }
.card:hover .add { background: var(--navy); color: var(--white); }
/* Trong khối nền trắng (sản phẩm tương tự ở trang chi tiết) bóng đậm hơn một chút để thẻ tách khỏi nền */
.shop--single .related ul.products { padding: 4px 2px 10px; }
.shop--single .related ul.products li.product .card { border-color: #dfe2ee; box-shadow: 0 1px 2px rgba(23, 24, 63, .06), 0 8px 22px rgba(23, 24, 63, .10); }
.shop--single .related ul.products li.product .card:hover { border-color: var(--orange); box-shadow: 0 2px 4px rgba(23, 24, 63, .06), 0 18px 36px rgba(23, 24, 63, .18); }
.post { border: 1px solid #e6e8f1; box-shadow: 0 1px 2px rgba(23, 24, 63, .05), 0 6px 16px rgba(23, 24, 63, .06); transition: box-shadow .2s, transform .2s; }
.post:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(23, 24, 63, .06), 0 14px 30px rgba(23, 24, 63, .14); }
@media (prefers-reduced-motion: reduce) { .card:hover, .post:hover { transform: none; } }

/* =====================================================================
   GIỎ HÀNG / THANH TOÁN / ĐẶT HÀNG THÀNH CÔNG — trang shortcode của WooCommerce (pdc-checkout-v1)
   ===================================================================== */
.entry__body .woocommerce table.shop_table { display: table; width: 100%; margin: 0; border: 0; border-radius: 0; border-collapse: collapse; font-size: 15px; overflow: visible; }
.entry__body .woocommerce table.shop_table th, .entry__body .woocommerce table.shop_table td { border: 0; border-bottom: 1px solid var(--line); background: none; padding: 14px 10px; vertical-align: middle; }
.entry__body .woocommerce table.shop_table thead th { font-size: 12.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--ink-3); padding-top: 0; }
.entry__body .woocommerce table.shop_table a { text-decoration: none; color: var(--ink); font-weight: 600; }
.entry__body .woocommerce table.shop_table a:hover { color: var(--navy); }
.entry__body .woocommerce h2, .entry__body .woocommerce h3 { margin: 0 0 14px; font-size: 18px; color: var(--navy-900); }
.entry__body .woocommerce .button, .entry__body .woocommerce button.button { border-radius: 999px; font-weight: 700; background: var(--navy-50); color: var(--navy); padding: 12px 20px; text-decoration: none; }
.entry__body .woocommerce .button:hover { background: #dfe2f5; color: var(--navy); }
.entry__body .woocommerce .button.alt, .entry__body .woocommerce a.checkout-button, .entry__body .woocommerce #place_order { background: var(--navy) !important; color: var(--white) !important; display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; padding: 0 20px; font-size: 16.5px; float: none; margin: 0; }
.entry__body .woocommerce .button.alt:hover, .entry__body .woocommerce a.checkout-button:hover, .entry__body .woocommerce #place_order:hover { background: var(--navy-700) !important; }
.entry__body .woocommerce .input-text, .entry__body .woocommerce select, .entry__body .woocommerce textarea { width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #cfd3e3; border-radius: 10px; background: var(--white); font: inherit; color: var(--ink); }
.entry__body .woocommerce textarea { min-height: 96px; line-height: 1.5; }
.entry__body .woocommerce .input-text:focus, .entry__body .woocommerce textarea:focus { outline: 0; border-color: var(--navy); box-shadow: 0 0 0 3px rgba(45, 47, 122, .14); }
.entry__body .woocommerce .woocommerce-invalid .input-text { border-color: #c5300b; }
.entry__body .woocommerce form .form-row { padding: 0; margin: 0 0 16px; }
.entry__body .woocommerce form .form-row label { display: block; margin-bottom: 6px; font-size: 14.5px; font-weight: 600; color: var(--ink-2); line-height: 1.4; }
.entry__body .woocommerce form .form-row .required { color: #c5300b; text-decoration: none; }
.entry__body .woocommerce form .form-row .optional { font-weight: 400; color: var(--ink-3); }
.entry__body .woocommerce .woocommerce-message, .entry__body .woocommerce .woocommerce-info, .entry__body .woocommerce .woocommerce-error { border-radius: var(--radius); list-style: none; }

/* Khối tổng tiền (giỏ hàng) và khối đơn hàng (thanh toán): thẻ nền nhạt bên phải */
.entry__body .cart_totals, .entry__body #order_review { background: #f6f7fc; border: 1px solid #e6e8f1; border-radius: var(--radius); padding: 20px 20px 22px; }
.entry__body .cart_totals table.shop_table th, .entry__body #order_review table.shop_table th { font-weight: 500; color: var(--ink-2); text-transform: none; letter-spacing: 0; font-size: 15px; }
.entry__body .cart_totals table.shop_table td, .entry__body #order_review table.shop_table td:last-child, .entry__body #order_review table.shop_table thead th:last-child { text-align: right; }
.entry__body .cart_totals tr.order-total th, .entry__body .cart_totals tr.order-total td, .entry__body #order_review tr.order-total th, .entry__body #order_review tr.order-total td { border-bottom: 0; font-size: 16px; font-weight: 700; color: var(--navy-900); }
.entry__body tr.order-total .amount { color: var(--price); font-size: 21px; }

/* ----- Giỏ hàng ----- */
.woocommerce-cart .entry__body > .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
.woocommerce-cart .entry__body > .woocommerce > * { grid-column: 1 / -1; min-width: 0; }
.woocommerce-cart .entry__body > .woocommerce > .woocommerce-cart-form { grid-column: 1; }
.woocommerce-cart .entry__body > .woocommerce > .cart-collaterals { grid-column: 2; width: auto; float: none; }
.woocommerce-cart .entry__body .cart-collaterals .cart_totals { width: 100%; float: none; }
.woocommerce-cart .entry__body .wc-proceed-to-checkout { padding: 16px 0 0; }
.woocommerce-cart .entry__body td.product-thumbnail { width: 92px; padding-left: 0; }
.woocommerce-cart .entry__body td.product-thumbnail img { width: 76px !important; height: 76px; object-fit: contain; border: 1px solid var(--line); border-radius: 10px; padding: 4px; background: var(--white); }
.woocommerce-cart .entry__body td.product-remove { width: 36px; padding-left: 0; padding-right: 0; }
.woocommerce-cart .entry__body a.remove { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 20px; line-height: 1; color: var(--ink-3) !important; background: var(--navy-50); font-weight: 400; }
.woocommerce-cart .entry__body a.remove:hover { background: #c5300b; color: var(--white) !important; }
.woocommerce-cart .entry__body td.product-price, .woocommerce-cart .entry__body td.product-subtotal { white-space: nowrap; }
.woocommerce-cart .entry__body td.product-subtotal { font-weight: 700; color: var(--price); }
.woocommerce-cart .entry__body .quantity .qty { width: 76px; min-height: 42px; padding: 6px 8px; text-align: center; }
.woocommerce-cart .entry__body td.actions { border-bottom: 0; padding: 16px 0 0; text-align: right; }
.woocommerce-cart .entry__body td.actions .button[disabled] { opacity: .5; }
.entry__body .cart-empty { margin-bottom: 16px; }
.entry__body .return-to-shop .button { background: var(--navy); color: var(--white); padding: 14px 26px; display: inline-block; }

/* ----- Thanh toán: trái = thông tin nhận hàng, phải = đơn hàng + phương thức + nút đặt ----- */
.woocommerce-checkout .entry__body form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 0 32px; align-items: start; }
.woocommerce-checkout .entry__body form.checkout > * { grid-column: 1 / -1; min-width: 0; }
.woocommerce-checkout .entry__body form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 2; display: block; width: auto; }
.woocommerce-checkout .entry__body form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; }
.woocommerce-checkout .entry__body form.checkout > #order_review { grid-column: 2; grid-row: 2; position: sticky; top: 14px; }
.woocommerce-checkout .entry__body #customer_details .col-1, .woocommerce-checkout .entry__body #customer_details .col-2 { float: none; width: 100%; max-width: none; }
.woocommerce-checkout .entry__body #customer_details::before, .woocommerce-checkout .entry__body #customer_details::after { content: none; }
.woocommerce-checkout .entry__body .woocommerce-additional-fields > h3 { display: none; }
.woocommerce-checkout .entry__body .woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.woocommerce-checkout .entry__body .woocommerce-billing-fields__field-wrapper .form-row { width: auto; float: none; grid-column: 1 / -1; }
.woocommerce-checkout .entry__body .woocommerce-billing-fields__field-wrapper .form-row-first { grid-column: 1; }
.woocommerce-checkout .entry__body .woocommerce-billing-fields__field-wrapper .form-row-last { grid-column: 2; }
.woocommerce-checkout .entry__body #order_review td.product-name { font-size: 14.5px; line-height: 1.45; padding-left: 0; }
.woocommerce-checkout .entry__body #order_review th, .woocommerce-checkout .entry__body #order_review td { padding-left: 0; padding-right: 0; }
.woocommerce-checkout .entry__body #order_review thead { display: none; }
.woocommerce-checkout .entry__body #payment { background: none; border-radius: 0; margin-top: 6px; }
.woocommerce-checkout .entry__body #payment ul.payment_methods { list-style: none; margin: 0; padding: 14px 0 6px; border: 0; border-top: 1px solid var(--line); display: grid; gap: 10px; }
.woocommerce-checkout .entry__body #payment ul.payment_methods li { margin: 0; padding: 12px 14px; background: var(--white); border: 1px solid #dfe2ee; border-radius: 10px; line-height: 1.5; }
.woocommerce-checkout .entry__body #payment ul.payment_methods li:has(input:checked) { border-color: var(--navy); box-shadow: 0 0 0 1px var(--navy); }
.woocommerce-checkout .entry__body #payment ul.payment_methods li input { margin: 0 8px 0 0; accent-color: var(--navy); width: 17px; height: 17px; vertical-align: -3px; }
.woocommerce-checkout .entry__body #payment ul.payment_methods li label { font-weight: 600; cursor: pointer; }
.woocommerce-checkout .entry__body #payment div.payment_box { background: none; margin: 6px 0 0; padding: 0 0 0 25px; font-size: 14px; color: var(--ink-2); }
.woocommerce-checkout .entry__body #payment div.payment_box::before { content: none; }
.woocommerce-checkout .entry__body #payment div.payment_box p { margin: 0; }
.woocommerce-checkout .entry__body #payment div.form-row { padding: 6px 0 0; margin: 0; }
.woocommerce-checkout .entry__body .woocommerce-privacy-policy-text { font-size: 13.5px; color: var(--ink-3); line-height: 1.5; margin-bottom: 14px; }
.woocommerce-checkout .entry__body .woocommerce-privacy-policy-text p { margin: 0; }

/* ----- Đặt hàng thành công ----- */
.entry__body .woocommerce-order > p.woocommerce-thankyou-order-received { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 14px 18px; background: #eaf7ee; border: 1px solid #bfe3c9; border-radius: var(--radius); color: #1c6b34; font-weight: 600; }
.entry__body .woocommerce-order > p.woocommerce-thankyou-order-received::before { content: "✓"; display: grid; place-items: center; flex: 0 0 26px; height: 26px; border-radius: 50%; background: #1c8a43; color: #fff; font-size: 15px; }
.entry__body ul.woocommerce-order-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; list-style: none; margin: 0 0 22px; padding: 0; }
.entry__body ul.woocommerce-order-overview::before, .entry__body ul.woocommerce-order-overview::after { content: none; }
.entry__body ul.woocommerce-order-overview li { float: none; margin: 0; padding: 12px 14px; border: 1px solid #e6e8f1 !important; border-radius: 10px; background: #f6f7fc; font-size: 12px; letter-spacing: .5px; color: var(--ink-3); line-height: 1.5; }
.entry__body ul.woocommerce-order-overview li strong { display: block; margin-top: 2px; font-size: 16px; letter-spacing: 0; text-transform: none; color: var(--navy-900); }
.entry__body .woocommerce-order-details, .entry__body .woocommerce-customer-details { margin: 26px 0 0; }
.entry__body .woocommerce-order-details table.shop_table td:last-child, .entry__body .woocommerce-order-details table.shop_table th:last-child { text-align: right; }
.entry__body .woocommerce-order-details table.shop_table tfoot th { font-weight: 500; color: var(--ink-2); }
.entry__body .woocommerce-customer-details address { border: 1px solid #e6e8f1; border-radius: var(--radius); padding: 14px 18px; font-style: normal; line-height: 1.7; background: #f6f7fc; }
.entry__body .woocommerce-customer-details address p { margin: 0; }

@media (max-width: 1100px) {
  .woocommerce-cart .entry__body > .woocommerce, .woocommerce-checkout .entry__body form.checkout { grid-template-columns: minmax(0, 1fr); }
  .woocommerce-cart .entry__body > .woocommerce > .cart-collaterals { grid-column: 1; }
  .woocommerce-checkout .entry__body form.checkout > #customer_details, .woocommerce-checkout .entry__body form.checkout > #order_review_heading, .woocommerce-checkout .entry__body form.checkout > #order_review { grid-column: 1; grid-row: auto; position: static; }
  .woocommerce-checkout .entry__body form.checkout > #order_review_heading { margin-top: 10px; }
}
@media (max-width: 768px) {
  /* WooCommerce xếp mỗi dòng giỏ hàng thành một khối; theme chỉ chỉnh lại khoảng cách và ảnh */
  .woocommerce-cart .entry__body table.cart tr.cart_item { display: block; position: relative; padding: 12px 0 6px 88px; border-bottom: 1px solid var(--line); min-height: 100px; }
  .woocommerce-cart .entry__body table.cart tr.cart_item td { border: 0 !important; padding: 3px 0 !important; background: none !important; text-align: left !important; display: block; }
  .woocommerce-cart .entry__body table.cart tr.cart_item td::before { content: none !important; }
  .woocommerce-cart .entry__body table.cart td.product-thumbnail { display: block !important; position: absolute; left: 0; top: 12px; width: 76px; }
  .woocommerce-cart .entry__body table.cart td.product-remove { position: absolute; right: 0; bottom: 10px; width: auto; }
  .woocommerce-cart .entry__body table.cart td.product-name { padding-right: 4px !important; font-size: 14.5px; line-height: 1.4; }
  .woocommerce-cart .entry__body table.cart td.product-price { display: none; }
  .woocommerce-cart .entry__body table.cart td.product-subtotal { font-size: 15.5px; }
  .woocommerce-cart .entry__body td.actions { display: block; text-align: left; }
  .woocommerce-cart .entry__body td.actions .button { width: 100%; }
  .entry__body .cart_totals, .entry__body #order_review { padding: 16px 14px 18px; }
  .entry__body .cart_totals table.shop_table tr { display: table-row; }
  .entry__body .cart_totals table.shop_table th, .entry__body .cart_totals table.shop_table td { display: table-cell !important; }
  .entry__body .cart_totals table.shop_table td::before { content: none !important; }
  .woocommerce-checkout .entry__body .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr; }
  .woocommerce-checkout .entry__body .woocommerce-billing-fields__field-wrapper .form-row-first, .woocommerce-checkout .entry__body .woocommerce-billing-fields__field-wrapper .form-row-last { grid-column: 1; }
  .entry__body ul.woocommerce-order-overview { grid-template-columns: 1fr 1fr; }
  .entry__body .woocommerce .input-text, .entry__body .woocommerce textarea { font-size: 16px; }
}
/* pdc-checkout-v1b: số tiền không xuống dòng; ô tổng không nền; điện thoại ẩn đơn giá (đã có thành tiền) */
.entry__body .woocommerce table.shop_table .amount, .entry__body .woocommerce table.shop_table thead th { white-space: nowrap; word-break: normal; }
.entry__body .woocommerce table.shop_table td, .entry__body .woocommerce table.shop_table th { word-break: normal; }
.entry__body #order_review table.shop_table td:last-child, .entry__body .cart_totals table.shop_table td { white-space: nowrap; width: 1%; background: none !important; }
@media (max-width: 768px) {
  .woocommerce-cart .entry__body table.cart tr.cart_item td.product-price { display: none !important; }
}

/* Ô tìm kiếm dùng selector form.search: WordPress gắn lớp "search" lên <body> ở trang kết quả tìm kiếm. */

/* ----- Tài khoản (pdc-account-v1) ----- */
.woocommerce-account .entry__body .woocommerce > h2 { margin-bottom: 14px; }
.woocommerce-account .entry__body form.woocommerce-form-login, .woocommerce-account .entry__body form.woocommerce-ResetPassword { max-width: 460px; margin: 0; padding: 22px 22px 18px; border: 1px solid #e6e8f1; border-radius: var(--radius); background: #f6f7fc; }
.woocommerce-account .entry__body form.woocommerce-form-login .button, .woocommerce-account .entry__body form.woocommerce-ResetPassword .button { background: var(--navy); color: var(--white); width: 100%; height: 50px; margin: 10px 0 0; float: none; }
.woocommerce-account .entry__body form.woocommerce-form-login .button:hover { background: var(--navy-700); color: var(--white); }
.woocommerce-account .entry__body .woocommerce-form-login__rememberme { display: flex !important; align-items: center; gap: 8px; font-weight: 400 !important; }
.woocommerce-account .entry__body .lost_password { margin: 14px 0 0; font-size: 14.5px; }
.woocommerce-account .entry__body .woocommerce-MyAccount-navigation { float: none; width: auto; }
.woocommerce-account .entry__body .woocommerce-MyAccount-content { float: none; width: auto; }
.woocommerce-account.logged-in .entry__body > .woocommerce { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; }
.woocommerce-account.logged-in .entry__body > .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-account .entry__body .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 6px; border: 1px solid #e6e8f1; border-radius: var(--radius); background: #f6f7fc; }
.woocommerce-account .entry__body .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 8px; text-decoration: none; color: var(--ink); font-weight: 500; }
.woocommerce-account .entry__body .woocommerce-MyAccount-navigation a:hover, .woocommerce-account .entry__body .woocommerce-MyAccount-navigation li.is-active a { background: var(--white); color: var(--navy); font-weight: 700; }
@media (max-width: 820px) {
  .woocommerce-account.logged-in .entry__body > .woocommerce { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}

/* =====================================================================
   Ô NHẬP, Ô CHỌN, Ô SỐ LƯỢNG — một kiểu chung cho toàn site (pdc-forms-v1)
   ===================================================================== */
:root { --field-line: #cfd3e3; --field-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232d2f7a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
main input[type="text"], main input[type="email"], main input[type="tel"], main input[type="password"], main input[type="number"], main input[type="url"], main input[type="date"], main select, main textarea {
  min-height: 46px; padding: 10px 14px; border: 1px solid var(--field-line); border-radius: 10px; background-color: var(--white); font: inherit; color: var(--ink); line-height: 1.4; transition: border-color .15s, box-shadow .15s; box-shadow: 0 1px 2px rgba(23, 24, 63, .04) inset;
}
main input[type="text"]:hover, main input[type="email"]:hover, main input[type="tel"]:hover, main input[type="password"]:hover, main input[type="number"]:hover, main select:hover, main textarea:hover { border-color: #a9afcb; }
main input[type="text"]:focus, main input[type="email"]:focus, main input[type="tel"]:focus, main input[type="password"]:focus, main input[type="number"]:focus, main input[type="url"]:focus, main select:focus, main textarea:focus { outline: 0; border-color: var(--navy); box-shadow: 0 0 0 3px rgba(45, 47, 122, .14); }
main ::placeholder { color: #9a9eb5; opacity: 1; }
main textarea { min-height: 96px; resize: vertical; }
main input[type="checkbox"], main input[type="radio"] { accent-color: var(--navy); width: 17px; height: 17px; }

/* Ô chọn: bỏ mũi tên mặc định của trình duyệt, dùng mũi tên của theme */
main select, .shop .woocommerce-ordering select { -webkit-appearance: none; appearance: none; height: 44px; min-height: 0; padding: 0 40px 0 14px; background-image: var(--field-chev); background-repeat: no-repeat; background-position: right 13px center; background-size: 16px; cursor: pointer; text-overflow: ellipsis; font-weight: 500; border: 1px solid var(--field-line); border-radius: 10px; }
.shop .woocommerce-ordering select { font-size: 14.5px; min-width: 210px; }

/* Ô số lượng có nút − / + (JS gắn lớp .pdc-qty) */
.quantity.pdc-qty { display: inline-flex; align-items: stretch; height: 46px; border: 1px solid var(--field-line); border-radius: 10px; background: var(--white); overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.quantity.pdc-qty:focus-within { border-color: var(--navy); box-shadow: 0 0 0 3px rgba(45, 47, 122, .14); }
.quantity.pdc-qty input.qty { width: 46px !important; min-width: 0; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent; text-align: center; font: inherit; font-weight: 700; color: var(--ink); -moz-appearance: textfield; appearance: textfield; }
.quantity.pdc-qty input.qty::-webkit-outer-spin-button, .quantity.pdc-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pdc-qty__btn { flex: 0 0 38px; border: 0; background: #f3f4fa; color: var(--navy); font-size: 20px; font-weight: 500; line-height: 1; padding: 0; display: grid; place-items: center; }
.pdc-qty__btn:hover { background: var(--navy); color: var(--white); }
.pdc-qty__btn:first-child { border-right: 1px solid var(--field-line); }
.pdc-qty__btn:last-child { border-left: 1px solid var(--field-line); }

/* Trang chi tiết: số lượng một hàng riêng, hai nút mua chia đôi hàng dưới */
.shop--single div.product form.cart { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; }
.shop--single div.product form.cart div.quantity { grid-column: 1 / -1; justify-self: start; width: auto; max-width: none; }
.shop--single div.product form.cart div.quantity.pdc-qty { height: 46px; }
.shop--single div.product form.cart div.quantity.pdc-qty input.qty { width: 54px !important; }
.woocommerce-cart .entry__body .quantity.pdc-qty { height: 42px; }
.woocommerce-cart .entry__body .quantity.pdc-qty input.qty { width: 42px !important; }
.woocommerce-cart .entry__body .pdc-qty__btn { flex-basis: 34px; }
@media (max-width: 820px) {
  main input[type="text"], main input[type="email"], main input[type="tel"], main input[type="password"], main input[type="number"], main select, main textarea { font-size: 16px; }
  .shop .woocommerce-ordering select { min-width: 0; max-width: 190px; height: 40px; font-size: 14px; }
}
/* pdc-noqty: trang chi tiết không hiện ô số lượng — chỉ còn hai nút mua */
.shop--single div.product form.cart div.quantity { display: none !important; }
/* pdc-specdlg-full: hộp thoại "xem đầy đủ thông số" nằm trong .specbox nên bị dính luật rút gọn 2 dòng — trả lại hiển thị đầy đủ */
.specdlg .specs td { display: block; -webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: initial; overflow: visible; }

/* pdc-tablewrap: nội dung soạn thảo chuyển từ website cũ — bảng thật (không display:block), bỏ bề rộng cố định, cuộn ngang khi hẹp;
   phông chữ theo giao diện mới (nội dung cũ dán từ Word mang theo phông Times). Dữ liệu gốc không bị sửa. */
.tablewrap { max-width: 100%; overflow-x: auto; margin: 1em 0; -webkit-overflow-scrolling: touch; }
.tablewrap > table, .entry__body .tablewrap > table, .shop--single div.product .woocommerce-tabs .panel .tablewrap > table { display: table; width: 100% !important; max-width: none; height: auto !important; margin: 0 !important; border-collapse: collapse; table-layout: auto; overflow: visible; }
.tablewrap td, .tablewrap th { width: auto !important; height: auto !important; min-width: 84px; padding: 8px 10px; border: 1px solid var(--line); text-align: left; vertical-align: top; overflow-wrap: break-word; word-break: normal; white-space: normal !important; }
.tablewrap td p, .tablewrap th p { margin: 0 0 .4em; }
.tablewrap td p:last-child, .tablewrap th p:last-child { margin-bottom: 0; }
.tablewrap .tablewrap { margin: 0; }
.entry__body [style], .shop--single div.product .woocommerce-tabs .panel [style] { font-family: inherit !important; line-height: inherit !important; }
.entry__body font, .shop--single div.product .woocommerce-tabs .panel font { font-family: inherit !important; }
.entry__body p[style*="margin-left"], .entry__body li[style*="margin-left"] { margin-left: 1.2em !important; text-indent: 0 !important; }
.entry__body img, .shop--single div.product .woocommerce-tabs .panel img { max-width: 100%; height: auto !important; }
.entry__file { margin: 22px 0 0; }
.entry__file .btn { text-decoration: none; }
.entry__source { margin: 14px 0 0; font-size: 14px; font-style: italic; color: var(--ink-3); }
.entry__body ul.pdc-quotes { list-style: none; padding: 0; display: grid; gap: 10px; }
.entry__body ul.pdc-quotes li { padding: 14px 16px; border: 1px solid #e6e8f1; border-radius: var(--radius); background: #f6f7fc; }
.entry__body ul.pdc-quotes a { font-weight: 700; }
.entry__body ul.pdc-quotes small { color: var(--ink-3); }

/* ---------- Bộ lọc theo thuộc tính ở trang danh mục (pdc-filters-v1) ---------- */
.shop__sidecol { display: grid; gap: 14px; align-content: start; min-width: 0; }
.filters--side { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px 16px 16px; }
.filters__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.filters__head h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .6px; color: var(--ink-3); font-weight: 700; }
.filters__clear { font-size: 13px; color: var(--orange-600); font-weight: 600; white-space: nowrap; }
.filters__clear:hover { text-decoration: underline; }
.filters__group { padding-top: 12px; }
.filters__group + .filters__group { margin-top: 12px; border-top: 1px solid var(--line); }
.filters__group h3 { font-size: 14px; font-weight: 700; color: var(--navy-900); margin-bottom: 8px; }
.filters__group ul { display: flex; flex-wrap: wrap; gap: 6px; }
.filters__group a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid #dfe2ee; border-radius: 8px; background: var(--white); font-size: 13.5px; color: var(--ink-2); line-height: 1.35; }
.filters__group a span { font-size: 12px; color: var(--ink-3); }
.filters__group a:hover { border-color: var(--navy); color: var(--navy); }
.filters__group a.is-on { background: var(--navy); border-color: var(--navy); color: var(--white); font-weight: 600; }
.filters__group a.is-on span { color: #cfd1ee; }
.filters__group a.is-on::after { content: "×"; font-size: 15px; line-height: 1; margin-left: 2px; }
.filters--m { display: none; }
@media (max-width: 820px) {
  .shop__sidecol { display: none; }
  .filters--m { display: block; margin: 10px 0 2px; background: var(--white); border: 1px solid #dfe2ee; border-radius: 10px; padding: 0 12px; }
  .filters--m > summary { list-style: none; cursor: pointer; padding: 11px 0; font-weight: 700; color: var(--navy); display: flex; align-items: center; gap: 8px; }
  .filters--m > summary::-webkit-details-marker { display: none; }
  .filters--m > summary::after { content: ""; margin-left: auto; width: 16px; height: 16px; background: var(--field-chev) center / 16px no-repeat; transition: transform .2s; }
  .filters--m[open] > summary::after { transform: rotate(180deg); }
  .filters--m > summary b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--orange); color: var(--navy-900); font-size: 12px; }
  .filters--m[open] { padding-bottom: 12px; }
  .filters--m .filters__clear { display: inline-block; margin-bottom: 2px; }
  .filters--m .filters__group:first-of-type { padding-top: 4px; }
}

/* Trang tạo từ nút menu cũ: danh sách mục con, liên hệ, sơ đồ web, khuyến mại */
.entry__body ul.pdc-children { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.entry__body ul.pdc-children a { display: block; padding: 14px 16px; border: 1px solid #e6e8f1; border-radius: var(--radius); background: #f6f7fc; font-weight: 600; text-decoration: none; }
.entry__body ul.pdc-children a:hover { border-color: var(--navy); background: var(--white); }
.pdc-contact h2 { margin-top: 0; }
.pdc-contact dl { display: grid; gap: 0; margin: 14px 0 0; }
.pdc-contact dl > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.pdc-contact dt { color: var(--ink-3); }
.pdc-contact dd { margin: 0; font-weight: 600; }
.pdc-sitemap { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px 28px; }
.pdc-sitemap h2 { margin-top: 0; }
.pdc-sitemap ul ul { margin-top: 4px; }
.entry__body .woocommerce ul.products { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.entry__body .woocommerce ul.products::before, .entry__body .woocommerce ul.products::after { content: none; }
.entry__body .woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; display: flex; }
.entry__body .woocommerce ul.products li.product .card { width: 100%; }
.entry__body .woocommerce ul.products a { text-decoration: none; }
.entry__body .woocommerce ul.products li.product .card__img img { position: absolute; inset: 14px; width: calc(100% - 28px) !important; height: calc(100% - 28px) !important; margin: 0 !important; object-fit: contain; }
.entry__body .woocommerce nav.woocommerce-pagination { margin-top: 20px; }
@media (max-width: 1180px) { .entry__body .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 820px) {
  .entry__body .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .pdc-contact dl > div { grid-template-columns: 1fr; gap: 2px; }
}
/* pdc-filters-v1b: hộp lọc đứng TRÊN cây danh mục (cây dài, hộp lọc ở dưới dễ bị bỏ sót); cột trái không bám khi cuộn nữa */
.shop__sidecol .filters--side { order: -1; }
.shop__sidecol .shop__side { position: static; }

/* pdc-notice-v1: thông báo của WooCommerce ở trang không nạp CSS của WooCommerce (trang chủ sau khi thêm giỏ) */
.pdc-notices .woocommerce-message, .pdc-notices .woocommerce-info, .pdc-notices .woocommerce-error { list-style: none; margin: 0; padding: 12px 16px; border-radius: var(--radius); background: #eaf7ee; border: 1px solid #bfe3c9; color: #1c6b34; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.pdc-notices .woocommerce-error { background: #fdecea; border-color: #f3c2bb; color: #a12614; }
.pdc-notices .woocommerce-info { background: var(--navy-50); border-color: #d8dbf2; color: var(--navy); }
.pdc-notices .button { order: 2; margin-left: auto; padding: 7px 14px; border-radius: 999px; background: var(--navy); color: var(--white); font-weight: 700; font-size: 14px; }
.slide--brand .pic picture { display: contents; }