/* ==========================================================================
PETMART · CORE CSS (site-wide)
Build mới · phương án A (re-skin). Font: Inter. Đơn vị: px.
Thứ tự: [GĐ0] Token + Base · [GĐ1] Component · [GĐ2+] Template
========================================================================== */
/* ===== [GĐ0] TOKEN NỀN TẢNG (:root) ===== */
:root{
/* Primary (xanh) */
--pm-primary:#000df7; --pm-primary-700:#000bc4; --pm-primary-800:#0009a0;
--pm-primary-50:#e8eaff; --pm-primary-100:#d3d7ff;
/* Phụ trợ */
--pm-navy:#00205b; --pm-cyan:#6edcfa;
--pm-danger:#da1f24; --pm-danger-dark:#b3171b;
--pm-amber:#f59e0b;
/* Chữ */
--pm-text:#0b1220; --pm-text-700:#1f2937; --pm-muted:#4b5563; --pm-body:#111111;
/* Nền & viền */
--pm-border:#e5e7eb; --pm-border-light:#eef0f3; --pm-bg:#ffffff; --pm-bg-alt:#f9fafb;
/* Font (Inter duy nhất) */
--pm-font:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
/* Bo góc */
--pm-radius:8px; --pm-radius-lg:12px;
/* Đổ bóng */
--pm-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
--pm-shadow-md:0 6px 20px rgba(15,23,42,.10);
--pm-shadow-lg:0 12px 32px rgba(15,23,42,.14);
/* Bố cục */
--pm-container:1200px;
}
/* ===== [GĐ0] BASE ===== */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
margin:0; font-family:var(--pm-font); font-size:16px; line-height:1.6;
color:var(--pm-text-700); background:var(--pm-bg); -webkit-font-smoothing:antialiased;
}
a{ color:var(--pm-primary); text-decoration:none; }
/* ===== [GĐ0] LAYOUT DÙNG CHUNG ===== */
.pm-container{ width:100%; max-width:var(--pm-container); margin:0 auto; padding:0 16px; }
.pm-section{ padding:48px 0; }
.pm-section--alt{ background:var(--pm-bg-alt); }
/* Đầu section: căn giữa, hoặc dạng hàng (tiêu đề trái – link phải) */
.pm-section__head{ text-align:center; margin-bottom:32px; }
.pm-section__head--row{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px; text-align:left; }
/* Link văn bản */
.pm-link{ color:var(--pm-primary); font-weight:500; }
.pm-link:hover{ color:var(--pm-navy); text-decoration:underline; text-underline-offset:2px; }
.pm-link-arrow{ display:inline-flex; flex-direction:row; align-items:center; gap:6px; font-weight:600; color:var(--pm-primary); }
.pm-link-arrow:hover{ color:var(--pm-navy); }
.pm-link-arrow svg{ width:16px; height:16px; }
/* ===== [GĐ0] RESPONSIVE BASE (≥1024px) ===== */
@media (min-width:1024px){
.pm-section{ padding:72px 0; }
.pm-container{ padding:0 24px; }
}
/* Tôn trọng người dùng tắt hiệu ứng chuyển động */
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; } }
/* ==========================================================================
[GĐ1] COMPONENT DÙNG CHUNG (core)
========================================================================== */
/* ===== Placeholder ảnh (dùng khi chưa có ảnh thật) ===== */
.pm-ph{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#eaecff,#f8fafc); }
.pm-ph svg{ width:46%; height:46%; color:var(--pm-primary); opacity:.9; }
/* ===== Nút ===== */
.pm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--pm-font); font-weight:600; font-size:15px; line-height:1; padding:12px 20px; border-radius:var(--pm-radius); border:1px solid transparent; cursor:pointer; transition:.15s; white-space:nowrap; }
.pm-btn svg{ width:16px; height:16px; }
.pm-btn--primary{ background:var(--pm-primary); color:#fff; }
.pm-btn--primary:hover{ background:var(--pm-navy); }
.pm-btn--danger{ background:var(--pm-danger); color:#fff; }
.pm-btn--danger:hover{ background:var(--pm-danger-dark); }
.pm-btn--ghost{ background:#fff; color:var(--pm-text); border-color:var(--pm-border); }
.pm-btn--ghost:hover{ background:var(--pm-bg-alt); border-color:var(--pm-navy); color:var(--pm-navy); }
.pm-btn--lg{ padding:14px 24px; font-size:16px; }
.pm-btn--block{ width:100%; }
/* ===== Tiêu đề section ===== */
.pm-h2{ font-size:30px; line-height:1.2; font-weight:800; color:var(--pm-text); margin:0 0 12px; letter-spacing:-.02em; }
.pm-sub{ font-size:16px; color:var(--pm-muted); margin:0 auto; max-width:640px; }
/* ===== Sao đánh giá ===== */
.pm-stars{ color:#f59e0b; font-size:13px; letter-spacing:1px; }
/* ===== Badge ===== */
.pm-badge{ display:inline-flex; align-items:center; gap:6px; background:#eef0f3; color:var(--pm-text-700); font-size:13px; font-weight:600; padding:6px 12px; border-radius:999px; }
.pm-badge--link{ color:var(--pm-primary); }
.pm-badge--link:hover{ color:var(--pm-navy); text-decoration:underline; text-underline-offset:2px; }
/* ===== Breadcrumb (ký tự › trực tiếp, tránh escape backslash) ===== */
.pm-bc{ border-bottom:1px solid var(--pm-border-light); }
.pm-bc ol{ list-style:none; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px; margin:0; padding:14px 0; font-size:14px; }
.pm-bc li{ display:flex; flex-direction:row; align-items:center; gap:8px; flex:0 0 auto; width:auto; white-space:nowrap; color:var(--pm-muted); }
.pm-bc li > *{ width:auto; }
.pm-bc li:not(:last-child)::after{ content:"›"; color:#9aa6b8; }
.pm-bc a{ color:var(--pm-muted); font-weight:500; }
.pm-bc a:hover{ color:var(--pm-primary); text-decoration:underline; text-underline-offset:2px; }
.pm-bc li[aria-current]{ color:var(--pm-text); font-weight:600; white-space:normal; min-width:0; }
/* bài viết: bỏ crumb tiêu đề ở cuối (đã có tiêu đề lớn bên dưới) */
.pm-bc li[aria-current]{ display:none !important; }
.pm-bc li:nth-last-child(2)::after{ display:none !important; }
/* ===== Thẻ sản phẩm + lưới ===== */
.pm-products__grid{ display:grid; grid-template-columns:1fr; gap:20px; list-style:none; margin:0; padding:0; }
.pm-products__more{ text-align:center; margin-top:32px; }
.pm-card{ position:relative; height:100%; background:#fff; border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); overflow:hidden; transition:.18s; display:flex; flex-direction:column; cursor:pointer; }
.pm-card:hover{ box-shadow:var(--pm-shadow-md); transform:translateY(-4px); border-color:var(--pm-primary-100); }
.pm-card__link{ position:absolute; inset:0; z-index:1; text-indent:-9999px; overflow:hidden; }
.pm-card__top{ display:flex; flex-direction:row; align-items:center; gap:14px; padding:14px; }
.pm-card__media{ position:relative; flex:0 0 96px; width:96px; height:96px; border-radius:var(--pm-radius); overflow:hidden; }
.pm-card__media::after{ content:""; position:absolute; inset:0; background:var(--pm-primary); opacity:0; transition:.18s; }
.pm-card:hover .pm-card__media::after{ opacity:.05; }
.pm-card__badge{ position:absolute; top:8px; left:8px; background:var(--pm-navy); color:#fff; font-size:11px; font-weight:700; padding:3px 8px; border-radius:999px; z-index:2; }
.pm-card__info{ flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:6px; position:relative; z-index:2; pointer-events:none; }
.pm-card__cat{ font-size:12px; color:var(--pm-muted); font-weight:600; }
.pm-card__title{ font-size:15px; font-weight:700; color:var(--pm-text); margin:0; line-height:1.35; transition:.15s; }
.pm-card:hover .pm-card__title{ color:var(--pm-primary); }
.pm-card__rating{ display:flex; flex-direction:row; align-items:center; gap:6px; font-size:12px; color:var(--pm-muted); }
.pm-card__rating svg{ width:13px; height:13px; color:#f59e0b; }
.pm-card__price-row{ display:flex; flex-direction:row; align-items:baseline; gap:8px; }
.pm-card__price{ font-size:18px; font-weight:800; color:var(--pm-text); }
.pm-card__price-old{ font-size:13px; color:var(--pm-muted); text-decoration:line-through; }
.pm-card__add{ width:auto; align-self:stretch; margin:0 14px 14px; pointer-events:auto; position:relative; z-index:3; }
.pm-unit{ font-size:.62em; font-weight:400; text-decoration:underline; text-underline-offset:2px; margin-left:1px; }
/* ===== Thẻ bài viết + lưới ===== */
.pm-blog__grid{ display:grid; grid-template-columns:1fr; gap:20px; list-style:none; margin:0; padding:0; }
.pm-post--xtra{ display:none; }
.pm-post{ position:relative; background:#fff; border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); overflow:hidden; display:flex; flex-direction:column; transition:.18s; cursor:pointer; }
.pm-post:hover{ box-shadow:var(--pm-shadow-md); transform:translateY(-4px); border-color:var(--pm-primary-100); }
.pm-post__media{ aspect-ratio:16/9; position:relative; }
.pm-post__media::after{ content:""; position:absolute; inset:0; background:var(--pm-primary); opacity:0; transition:.18s; }
.pm-post:hover .pm-post__media::after{ opacity:.06; }
.pm-post__body{ padding:20px; display:flex; flex-direction:column; gap:10px; position:relative; z-index:2; pointer-events:none; }
.pm-post__meta{ display:flex; flex-direction:row; align-items:center; gap:8px; font-size:13px; color:var(--pm-muted); }
.pm-post__tag{ background:var(--pm-primary-50); color:var(--pm-primary); font-weight:700; padding:3px 10px; border-radius:999px; font-size:12px; }
.pm-post__title{ font-size:18px; font-weight:700; color:var(--pm-text); margin:0; line-height:1.35; transition:.15s; }
.pm-post:hover .pm-post__title{ color:var(--pm-primary); }
.pm-post__excerpt{ font-size:15px; color:var(--pm-body); margin:0; }
.pm-post__more{ font-weight:700; font-size:14px; color:var(--pm-primary); display:inline-flex; flex-direction:row; align-items:center; gap:6px; }
.pm-post__more svg{ width:14px; height:14px; transition:transform .15s; }
.pm-post:hover .pm-post__more svg{ transform:translateX(4px); }
.pm-post__link{ position:absolute; inset:0; z-index:1; text-indent:-9999px; overflow:hidden; }
/* ===== Toast (thông báo nổi) ===== */
.pm-toast{ position:fixed; left:50%; bottom:90px; transform:translateX(-50%) translateY(20px); z-index:1100; background:var(--pm-navy); color:#fff; font-size:14px; font-weight:600; padding:12px 20px; border-radius:999px; box-shadow:var(--pm-shadow-lg); display:flex; align-items:center; gap:8px; opacity:0; visibility:hidden; transition:.25s; }
.pm-toast.is-show{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.pm-toast svg{ width:18px; height:18px; }
/* ===== Phân trang / tải thêm ===== */
.pm-loadmore{ display:none; justify-content:center; align-items:center; padding:24px; }
.pm-spinner{ width:30px; height:30px; border:3px solid var(--pm-primary-100); border-top-color:var(--pm-primary); border-radius:50%; animation:pmspin .7s linear infinite; }
@keyframes pmspin{ to{ transform:rotate(360deg); } }
.pm-pager{ display:flex; justify-content:center; margin-top:36px; }
.pm-pg{ min-width:42px; height:42px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--pm-border); border-left-width:0; background:#fff; color:var(--pm-text-700); font-weight:600; font-size:14px; cursor:pointer; }
.pm-pg:first-child{ border-left-width:1px; border-radius:8px 0 0 8px; }
.pm-pg:last-child{ border-radius:0 8px 8px 0; }
.pm-pg:hover:not(.is-active):not(:disabled){ background:var(--pm-bg-alt); }
.pm-pg.is-active{ background:var(--pm-primary); color:#fff; border-color:var(--pm-primary); }
.pm-pg:disabled{ color:#cbd5e1; cursor:default; }
.pm-pg svg{ width:16px; height:16px; }
/* ===== Fade-in item khi tải thêm ===== */
.pm-anim{ animation:pmIn .35s ease both; }
@keyframes pmIn{ from{ opacity:0; } to{ opacity:1; } }
/* ===== [GĐ1] RESPONSIVE COMPONENT ===== */
@media (min-width:640px){
.pm-products__grid{ grid-template-columns:repeat(2,1fr); }
/* Thẻ sản phẩm chuyển sang layout dọc */
.pm-card__top{ flex-direction:column; align-items:stretch; flex:1; gap:0; padding:0; }
.pm-card__media{ flex:none; width:100%; height:auto; aspect-ratio:1/1; border-radius:0; }
.pm-card__badge{ top:12px; left:12px; font-size:12px; padding:4px 10px; }
.pm-card__info{ flex:1; justify-content:flex-start; padding:18px 18px 0; gap:8px; }
.pm-card__title{ font-size:17px; }
.pm-card__rating{ font-size:13px; }
.pm-card__price{ font-size:20px; }
.pm-card__price-row{ margin-top:auto; padding-top:6px; }
.pm-card__add{ margin:14px 18px 18px; }
.pm-blog__grid{ grid-template-columns:repeat(2,1fr); }
.pm-post--xtra{ display:flex; }
}
@media (min-width:768px){
.pm-h2{ font-size:36px; }
}
@media (min-width:1024px){
.pm-products__grid{ grid-template-columns:repeat(4,1fr); }
.pm-blog__grid{ grid-template-columns:repeat(3,1fr); }
}
/* Focus nhìn rõ (a11y) */
:focus-visible{ outline:2px solid var(--pm-primary); outline-offset:2px; }
/* ==========================================================================
[GĐ2] CHROME SITE-WIDE (header / footer)
Lưu ý: pm-cart là drawer; production sẽ nối nội dung WooCommerce mini-cart vào sau.
========================================================================== */
/* ===== Thanh thông báo ===== */
.pm-notice{ background:var(--pm-cyan); border-bottom:1px solid #4cc7ee; }
.pm-notice__inner{ display:flex; flex-direction:row; align-items:center; gap:12px; padding:10px 0; }
.pm-notice__icon{ flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:#fff; display:inline-flex; align-items:center; justify-content:center; color:var(--pm-primary); }
.pm-notice__icon svg{ width:16px; height:16px; }
.pm-notice__text{ flex:1; font-size:14px; color:var(--pm-navy); font-weight:500; }
.pm-notice__text b{ font-weight:800; }
.pm-notice__cta{ padding:7px 14px; font-size:13px; }
.pm-notice__close{ flex:0 0 auto; background:transparent; border:0; cursor:pointer; color:var(--pm-navy); padding:4px; display:inline-flex; }
.pm-notice__close svg{ width:18px; height:18px; }
.pm-notice.is-hidden{ display:none; }
/* ===== Topbar + logo ===== */
.pm-topbar{ position:sticky; top:0; z-index:50; background:#fff; box-shadow:0 1px 0 var(--pm-border-light); }
.pm-header__inner{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; }
.pm-logo{ display:inline-flex; flex-direction:row; align-items:center; gap:10px; }
.pm-logo__mark{ width:32px; height:32px; border-radius:50%; background:var(--pm-primary); display:inline-flex; align-items:center; justify-content:center; color:#fff; flex:0 0 auto; }
.pm-logo__mark svg{ width:16px; height:16px; }
.pm-logo__text{ font-size:20px; font-weight:800; color:var(--pm-text); letter-spacing:-.01em; }
/* ===== Nav desktop + mega menu ===== */
.pm-nav{ display:none; }
.pm-nav__list{ list-style:none; display:flex; flex-direction:row; align-items:center; gap:24px; margin:0; padding:0; }
.pm-nav__item{ position:relative; }
.pm-nav__link{ display:inline-flex; align-items:center; gap:4px; color:var(--pm-text-700); font-weight:600; font-size:15px; padding:18px 0; cursor:pointer; }
.pm-nav__link:hover{ color:var(--pm-primary); text-decoration:underline; text-underline-offset:4px; }
.pm-nav__link--active{ color:var(--pm-primary); }
.pm-nav__link svg{ width:14px; height:14px; }
.pm-nav__menu{ position:absolute; top:100%; left:0; margin-top:2px; min-width:220px; background:#fff; border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); box-shadow:var(--pm-shadow-lg); padding:8px; list-style:none; opacity:0; visibility:hidden; transform:translateY(6px); transition:.16s; z-index:70; }
.pm-nav__item:hover .pm-nav__menu{ opacity:1; visibility:visible; transform:translateY(0); }
.pm-nav__menu a{ display:block; padding:9px 12px; border-radius:6px; color:var(--pm-text-700); font-size:14px; font-weight:500; }
.pm-nav__menu a:hover{ background:var(--pm-primary-50); color:var(--pm-primary); }
.pm-nav__menu--wide{ columns:2; column-gap:4px; min-width:300px; }
/* ===== Actions: CTA / giỏ / burger ===== */
.pm-header__actions{ display:flex; flex-direction:row; align-items:center; gap:10px; }
.pm-headcta{ display:none; }
.pm-cart-btn{ position:relative; flex:none; background:#fff; border:1px solid var(--pm-border); border-radius:var(--pm-radius); width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:var(--pm-text); }
.pm-cart-btn:hover{ background:var(--pm-bg-alt); }
.pm-cart-btn svg{ width:20px; height:20px; }
.pm-cart-btn__badge{ position:absolute; top:-7px; right:-7px; min-width:21px; height:21px; padding:0 6px; border-radius:999px; background:var(--pm-danger); color:#fff; font-size:12px; font-weight:700; line-height:1; display:inline-flex; align-items:center; justify-content:center; }
.pm-burger{ display:inline-flex; flex:none; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid var(--pm-border); border-radius:var(--pm-radius); background:#fff; cursor:pointer; color:var(--pm-text-700); }
.pm-burger svg{ width:20px; height:20px; }
/* ===== Menu trượt mobile ===== */
.pm-mmenu{ display:none; border-top:1px solid var(--pm-border-light); }
.pm-mmenu.is-open{ display:block; }
.pm-mmenu__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:4px 16px; padding:14px 0; }
.pm-mmenu a{ display:block; padding:11px 4px; font-weight:600; font-size:15px; color:var(--pm-text); }
.pm-mmenu a:hover{ color:var(--pm-primary); text-decoration:underline; text-underline-offset:3px; }
/* ===== Thanh tìm kiếm ===== */
.pm-searchbar{ border-top:1px solid var(--pm-border-light); padding:10px 0; }
.pm-search{ display:flex; flex-direction:row; align-items:center; gap:10px; background:var(--pm-bg-alt); border:1px solid var(--pm-border); border-radius:var(--pm-radius); padding:10px 14px; }
.pm-search svg{ width:18px; height:18px; color:var(--pm-muted); flex:0 0 auto; }
.pm-search input{ flex:1; border:0; background:transparent; font-family:var(--pm-font); font-size:15px; color:var(--pm-text); outline:none; }
/* ===== Mạng xã hội (footer) ===== */
.pm-social{ display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; }
.pm-social a{ color:var(--pm-muted); display:inline-flex; }
.pm-social a:hover{ color:var(--pm-text); }
.pm-social svg{ width:20px; height:20px; }
/* ===== Giỏ hàng dạng drawer (nối Woo sau) ===== */
.pm-cart{ position:fixed; inset:0; z-index:1000; visibility:hidden; }
.pm-cart.is-open{ visibility:visible; }
.pm-cart__overlay{ position:absolute; inset:0; background:rgba(11,18,32,.45); opacity:0; transition:.25s; }
.pm-cart.is-open .pm-cart__overlay{ opacity:1; }
.pm-cart__panel{ position:absolute; top:0; right:0; height:100%; width:100%; max-width:400px; background:#fff; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .28s ease; box-shadow:-10px 0 30px rgba(0,0,0,.15); }
.pm-cart.is-open .pm-cart__panel{ transform:translateX(0); }
.pm-cart__head{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--pm-border); }
.pm-cart__title{ font-size:18px; font-weight:800; color:var(--pm-text); margin:0; }
.pm-cart__close{ background:transparent; border:0; cursor:pointer; color:var(--pm-muted); padding:6px; display:inline-flex; }
.pm-cart__close:hover{ color:var(--pm-text); }
.pm-cart__close svg{ width:22px; height:22px; }
.pm-cart__items{ flex:1; overflow-y:auto; padding:8px 20px; }
.pm-cart__foot{ padding:18px 20px; border-top:1px solid var(--pm-border); }
.pm-cart__total{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-bottom:14px; }
.pm-cart__total span{ font-size:15px; color:var(--pm-muted); font-weight:600; }
.pm-cart__total b{ font-size:22px; font-weight:800; color:var(--pm-text); }
.pm-cart__actions{ display:flex; flex-direction:row; gap:10px; }
.pm-cart__actions>*{ flex:1; }
/* ===== Thanh đáy mobile + nút về đầu ===== */
.pm-mobilebar{ position:fixed; left:0; right:0; bottom:0; z-index:60; display:none; gap:10px; padding:10px 12px; background:#fff; border-top:1px solid var(--pm-border); box-shadow:0 -4px 16px rgba(0,0,0,.08); }
.pm-mobilebar .pm-btn{ flex:1; }
.pm-totop{ position:fixed; right:16px; bottom:24px; z-index:55; width:46px; height:46px; border-radius:50%; background:var(--pm-primary); color:#fff; border:0; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:var(--pm-shadow-md); opacity:0; visibility:hidden; transform:translateY(10px); transition:.25s; }
.pm-totop:hover{ background:var(--pm-navy); }
.pm-totop.is-show{ opacity:1; visibility:visible; transform:translateY(0); }
.pm-totop svg{ width:22px; height:22px; }
/* ===== [GĐ2] RESPONSIVE CHROME ===== */
@media (max-width:767px){
.pm-mobilebar{ display:flex; }
body{ padding-bottom:70px; }
.pm-totop{ bottom:84px; }
}
@media (min-width:768px){
.pm-headcta{ display:inline-flex; }
}
@media (min-width:1024px){
.pm-nav{ display:block; }
.pm-burger{ display:none; }
.pm-mmenu{ display:none !important; }
}
/* Nút submit trong ô tìm kiếm (icon kính lúp bấm được) */
.pm-search__btn{ flex:0 0 auto; background:transparent; border:0; padding:0; margin:0; cursor:pointer; color:var(--pm-muted); display:inline-flex; align-items:center; }
.pm-search__btn:hover{ color:var(--pm-primary); }
/* Chevron dropdown (thay SVG bằng CSS) + cỡ icon-font Themify trong chrome */
.pm-nav__item--has > .pm-nav__link::after{ content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); margin-left:4px; opacity:.65; }
.pm-btn i{ font-size:16px; line-height:1; }
.pm-cart-btn i{ font-size:20px; }
.pm-notice__icon i{ font-size:14px; }
.pm-notice__close i{ font-size:16px; }
.pm-burger i{ font-size:20px; }
/* Nút giỏ/burger là button element: khử padding/min-width mặc định của Bricks */
.pm-cart-btn, .pm-burger{ padding:0; min-width:0; }
.pm-notice__icon{ font-size:13px; }
/* Header tràn full-width: nền notice/topbar full, nội dung do .pm-container giới hạn 1200px (khớp demo) */
.pm-header{ width:100% !important; max-width:100% !important; padding:0 !important; }
.pm-header > .pm-notice,
.pm-header > .pm-topbar{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
/* ===== [GĐ2] FOOTER ===== */
.pm-footer{ background:#fff; border-top:1px solid var(--pm-border); padding:40px 0 28px; }
.pm-footer__bar{ display:flex; flex-direction:column; gap:24px; align-items:flex-start; padding-bottom:28px; border-bottom:1px solid var(--pm-border-light); }
.pm-footer__left{ display:flex; flex-direction:column; gap:20px; align-items:flex-start; width:100%; }
.pm-footer__logo{ display:inline-flex; flex-direction:row; align-items:center; gap:10px; }
.pm-footer__nav{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,1fr); gap:4px 16px; width:100%; }
.pm-footer__nav a{ display:block; padding:11px 4px; color:var(--pm-text); font-weight:600; font-size:15px; }
.pm-footer__nav a:hover{ color:var(--pm-primary); text-decoration:underline; text-underline-offset:3px; }
.pm-footer__legal{ display:flex; flex-direction:column; gap:18px; align-items:center; text-align:center; margin-top:24px; }
.pm-footer__desc{ font-size:14px; color:var(--pm-muted); max-width:760px; margin:0; line-height:1.7; }
.pm-footer__copy{ font-size:14px; color:var(--pm-muted); font-weight:600; text-align:center; margin-top:20px; }
.pm-dmca{ display:flex; flex-direction:row; align-items:center; gap:12px; flex:0 0 auto; }
.pm-dmca__item{ height:38px; min-width:96px; padding:0 12px; border:1px dashed var(--pm-border); border-radius:6px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:10px; font-weight:800; letter-spacing:.02em; color:#9aa6b8; background:#fff; }
/* Footer full-width section, nội dung 1200px (khớp demo) */
.pm-footer{ width:100% !important; max-width:100% !important; }
.pm-footer > .pm-container{ max-width:var(--pm-container) !important; }
@media (min-width:768px){
.pm-footer__legal{ flex-direction:row; align-items:center; justify-content:space-between; text-align:left; }
.pm-footer__desc{ text-align:left; }
.pm-footer__copy{ text-align:left; }
}
@media (min-width:1024px){
.pm-footer__bar{ flex-direction:row; align-items:center; justify-content:space-between; }
.pm-footer__left{ flex-direction:row; align-items:center; gap:28px; width:auto; }
.pm-footer__nav{ display:flex; flex-direction:row; flex-wrap:wrap; gap:14px 24px; width:auto; }
.pm-footer__nav a{ font-size:15px; padding:0; }
}
/* ==========================================================================
[GĐ4] PRODUCT ARCHIVE (chrome) — CSS toàn site
========================================================================== */
/* ===== Chip danh mục (dùng chung trang chủ + archive) ===== */
.pm-cats__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px 12px; margin-top:8px; }
.pm-cat{ display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; }
.pm-cat__ic{ width:92px; height:92px; border-radius:50%; background:#fff; border:1px solid var(--pm-border); display:inline-flex; align-items:center; justify-content:center; color:var(--pm-primary); transition:.15s; overflow:hidden; }
.pm-cat:hover .pm-cat__ic{ box-shadow:var(--pm-shadow-md); transform:translateY(-3px); border-color:#d1d5db; }
.pm-cat__ic svg{ width:42px; height:42px; }
.pm-cat__ic img{ width:42px; height:42px; object-fit:contain; }
.pm-cat__label{ font-size:15px; font-weight:600; color:var(--pm-text); }
.pm-cat--xtra{ display:none; }
/* ===== Header danh mục (cathead) ===== */
.pm-cathead{ display:flex; flex-direction:column; gap:24px; padding:40px 0; }
.pm-cathead__title{ font-size:30px; font-weight:800; color:var(--pm-text); margin:0 0 12px; letter-spacing:-.02em; }
.pm-cathead__desc{ font-size:16px; color:var(--pm-body); margin:0; }
.pm-cathead__media{ border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); box-shadow:var(--pm-shadow-md); overflow:hidden; aspect-ratio:16/10; }
.pm-cathead__media img{ width:100%; height:100%; object-fit:cover; display:block; }
/* ===== Bộ lọc (filter pills) ===== */
.pm-filters{ display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:24px; }
.pm-filter{ display:inline-flex; align-items:center; gap:5px; background:#fff; border:1px solid var(--pm-border); border-radius:999px; padding:6px 12px; font-family:var(--pm-font); font-size:13px; font-weight:600; color:var(--pm-text-700); cursor:pointer; transition:.15s; }
.pm-filter:hover{ border-color:var(--pm-primary); color:var(--pm-primary); }
.pm-filter.is-active{ background:var(--pm-primary); border-color:var(--pm-primary); color:#fff; }
@media (min-width:640px){
.pm-cats__grid{ grid-template-columns:repeat(4,1fr); }
.pm-cat--xtra{ display:flex; }
}
@media (min-width:1024px){
.pm-cats__grid{ grid-template-columns:repeat(6,1fr); }
.pm-cathead{ flex-direction:row; align-items:center; }
.pm-cathead__text{ width:55%; }
.pm-cathead__media{ width:45%; }
}
/* Card archive: ảnh sản phẩm là background của media */
.pm-card__media{ background-size:cover; background-position:center; }
/* Subcats archive: lưới + thẻ danh mục con */
/* ===== Fix Product Archive ===== */
/* Nút "Thêm vào giỏ": style nút Woo bên trong (vỏ pm-card__add trong suốt) */
.pm-card__add a, .pm-card__add .button, .pm-card__add button{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; box-sizing:border-box; font-family:var(--pm-font); font-size:15px; font-weight:600; line-height:1.2; padding:12px 18px; border:0; border-radius:var(--pm-radius); background:var(--pm-primary); color:#fff; cursor:pointer; transition:.15s; text-decoration:none; }
.pm-card__add a:hover, .pm-card__add .button:hover, .pm-card__add button:hover{ background:var(--pm-navy); color:#fff; }
.pm-card__add a.loading{ opacity:.7; }
.pm-card__add .added_to_cart{ display:none; }
/* Ký hiệu tiền "đ" giống pm-unit demo */
.pm-card__price .woocommerce-Price-currencySymbol{ font-size:.58em; font-weight:400; text-decoration:none; vertical-align:top; margin-left:1px; }
/* Phân trang kiểu demo (Bricks render .page-numbers) */
/* ===== Fix Product Archive v2 ===== */
/* Giá: giá bán (ins) trước, giá gốc (del) nhỏ hơn ở sau */
.pm-card__price, .pm-card__price .price{ display:inline-flex; flex-flow:row wrap; align-items:baseline; gap:8px; }
.pm-card__price ins{ order:1; text-decoration:none; font-weight:800; color:var(--pm-text); }
.pm-card__price del{ order:2; font-size:13px; font-weight:400; color:var(--pm-muted); text-decoration:line-through; opacity:1; }
/* Ẩn cả khối "Danh mục sản phẩm" khi danh mục không có danh mục con */
/* Header (chỉ tiêu đề danh mục) + Mô tả chuyển xuống cuối, full width, không ảnh */
.pm-product-archive__header{ padding:28px 0 4px; }
.pm-product-archive__description{ margin-top:40px; padding-top:28px; border-top:1px solid var(--pm-border); color:var(--pm-body); font-size:15px; line-height:1.7; }
.pm-product-archive__description :where(h1,h2,h3,h4){ color:var(--pm-text); font-weight:700; margin:18px 0 8px; }
.pm-product-archive__description p{ margin:0 0 12px; }
.pm-product-archive__description img{ max-width:100%; height:auto; }
.pm-product-archive__description a{ color:var(--pm-primary); }
.pm-product-archive__description a:hover{ text-decoration:underline; text-underline-offset:2px; }
/* Icon giỏ trong nút "Thêm vào giỏ" */
.pm-card__add a::before, .pm-card__add .button::before{ content:""; width:18px; height:18px; flex:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='white'%3E%3Cpath d='M0 24C0 10.7 10.7 0 24 0L69.5 0c22 0 41.5 12.8 50.6 32l411 0c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3l-288.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5L488 416c13.3 0 24 10.7 24 24s-10.7 24-24 24l-288.3 0c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E") center/contain no-repeat; }
/* Chỉ 1 icon: icon giỏ do CSS ::before lo; ẩn icon native (nếu lỡ chọn trong Bricks) để khỏi chồng 2 icon */
.pm-card__add i, .pm-card__add svg{ display:none !important; }
/* Khử icon giỏ thứ 2 do theme/Woo gắn qua ::after (chừa .loading để không hỏng spinner AJAX) */
.pm-card__add a:not(.loading)::after, .pm-card__add .button:not(.loading)::after, .pm-card__add .add_to_cart_button:not(.loading)::after{ content:none !important; background:none !important; }
/* Phân trang: ép theo demo, đè default Bricks */
/* ===== Fix Product Archive v3 ===== */
/* Breadcrumb Woo (markup phẳng) */
.pm-bc{ padding:14px 0; font-size:14px; color:var(--pm-muted); }
.pm-bc a{ text-decoration:none; }
/* Khoảng cách hợp lý giữa các khối */
.pm-product-archive__header{ padding:24px 0 0; }
.pm-product-archive__toolbar{ margin-top:32px; }
/* Sao đánh giá màu vàng (markup .star-rating của Woo) */
.pm-card__rating .star-rating::before{ color:var(--pm-border); }
.pm-card__rating .star-rating span::before{ color:var(--pm-amber); }
.pm-card__rating .star-rating{ color:var(--pm-amber); }
/* Dấu "–" giữa khoảng giá (sản phẩm biến thể) nhỏ + mảnh */
.pm-card__price .pm-price-sep{ font-size:.72em; font-weight:400; color:var(--pm-muted); margin:0; }
/* ===== Fix Product Archive v4 ===== */
/* (6) Giá gốc bị gạch: bỏ ký hiệu "đ" (chỉ giá bán mới có đ) */
.pm-card__price del .woocommerce-Price-currencySymbol{ display:none; }
/* (2) Từ trang 2 trở đi: ẩn mô tả danh mục (RankMath chỉ index trang 1) */
body.pm-paged .pm-product-archive__description{ display:none; }
/* ===== Fix Product Archive v5 ===== */
/* (1) Khoảng cách dưới cùng (phân trang/mô tả không dính hr footer) */
.pm-product-archive{ padding-bottom:56px; }
/* ===== Fix Product Archive v6 ===== */
/* Phân trang: ép ngang triệt để (mọi container con + chặn item chiếm full width) */
/* ==========================================================================
PHÂN TRANG (Product Archive) — khối hợp nhất
========================================================================== */
/* ==========================================================================
PHÂN TRANG (Product Archive) — bản hàng ngang ổn định
========================================================================== */
/* ==========================================================================
PHÂN TRANG (Product Archive) — hàng ngang, không viền, có khoảng cách
========================================================================== */
.pm-product-archive__pagination{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin-top:48px; margin-bottom:8px; }
.pm-product-archive__pagination ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }
.pm-product-archive__pagination li{ display:inline-flex; margin:0; }
.pm-product-archive__pagination .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border:0; border-radius:var(--pm-radius); background:transparent; color:var(--pm-text-700); font-family:var(--pm-font); font-size:14px; font-weight:600; text-decoration:none; transition:.15s; }
.pm-product-archive__pagination a.page-numbers:hover{ background:var(--pm-bg-alt); color:var(--pm-primary); }
.pm-product-archive__pagination .page-numbers.current{ background:var(--pm-primary); color:#fff; }
.pm-product-archive__pagination .page-numbers.dots{ background:transparent; }
.pm-product-archive__pagination .page-numbers.next, .pm-product-archive__pagination .page-numbers.prev{ font-size:16px; }
/* ===== Mini-cart drawer: item trong giỏ ===== */
.pm-cart__body{ display:flex; flex-direction:column; flex:1; min-height:0; }
.pm-citem{ display:flex; flex-direction:row; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid var(--pm-border-light); }
.pm-citem__media{ flex:0 0 auto; width:60px; height:60px; border-radius:var(--pm-radius); overflow:hidden; border:1px solid var(--pm-border-light); display:block; }
.pm-citem__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.pm-citem__info{ flex:1; min-width:0; }
.pm-citem__name{ display:block; font-size:15px; font-weight:600; color:var(--pm-text); margin:0 0 4px; line-height:1.3; text-decoration:none; }
.pm-citem__name:hover{ color:var(--pm-primary); }
.pm-citem__qty{ font-size:13px; color:var(--pm-muted); }
.pm-citem__price{ font-size:15px; font-weight:800; color:var(--pm-text); white-space:nowrap; }
.pm-cart__empty{ padding:48px 0; text-align:center; color:var(--pm-muted); }
/* ===== Fix mini-cart ===== */
/* (1) Các nút trong header actions không bị co */
.pm-header__actions{ flex:none; }
.pm-header__actions > *{ flex:0 0 auto !important; }
.pm-header__actions > *:not(.pm-burger){ width:auto !important; max-width:none !important; }
.pm-header__actions .pm-burger, .pm-header__actions .pm-cart-btn{ flex:0 0 42px !important; width:42px !important; height:42px !important; }
/* (2) Tổng cộng in đậm (ép cả số tiền Woo bên trong) */
.pm-cart__total b, .pm-cart__total b *{ font-weight:800; }
/* (3) Tăng khoảng cách 2 bên trong drawer (mobile đỡ sát lề phải) */
.pm-cart__items{ padding-left:22px; padding-right:22px; }
.pm-cart__head, .pm-cart__foot{ padding-left:22px; padding-right:22px; }
/* ===== Fix mini-cart v2 + burger icon ===== */
/* (1) Drawer chèn ở wp_footer (ngoài Bricks) -> ép box-sizing để padding không đẩy nội dung tràn/cắt */
.pm-cart, .pm-cart *{ box-sizing:border-box; }
.pm-cart__panel{ box-sizing:border-box; max-width:min(100%, 400px); }
.pm-cart__body, .pm-cart__items{ overflow-x:hidden; }
.pm-citem{ min-width:0; }
.pm-citem__info{ min-width:0; }
.pm-citem__price{ flex:0 0 auto; }
/* (2) Icon menu (hamburger) vẽ bằng CSS — không phụ thuộc font themify */
.pm-burger i, .pm-burger svg{ display:none !important; }
.pm-burger::before{ content:""; width:18px; height:12px; flex:none; background:linear-gradient(currentColor,currentColor) left top/100% 2px no-repeat, linear-gradient(currentColor,currentColor) left center/100% 2px no-repeat, linear-gradient(currentColor,currentColor) left bottom/100% 2px no-repeat; }
/* ===== Fix chrome mobile v3 ===== */
/* (1) Cắt panel giỏ off-screen khi đóng -> hết tràn ngang -> burger không bị đẩy ra ngoài */
.pm-cart{ overflow:hidden; }
/* (2) Nút X đóng giỏ to + đậm hơn */
.pm-cart__close{ color:var(--pm-text); padding:8px; }
.pm-cart__close svg{ width:26px; height:26px; stroke-width:2.4; }
.pm-cart__close:hover{ color:var(--pm-primary); }
/* (3) Danh mục con responsive: mọi thẻ cao bằng nhau (theo thẻ cao nhất) */
/* Icon trong thanh nút mobile to hơn chút */
.pm-mobilebar .pm-btn svg{ width:20px; height:20px; }
/* ==========================================================================
CHẶN TRÀN NGANG — dùng overflow-x:clip (KHÔNG dùng hidden vì .pm-topbar sticky)
clip chặn tràn ngang nhưng không tạo scroll container -> sticky header vẫn chạy
========================================================================== */
html{ overflow-x:clip; }
body{ overflow-x:clip; max-width:100%; }
/* ==========================================================================
DANH MỤC CON (subcats) — thẻ cao bằng nhau (card đặt trên chính ô lưới)
========================================================================== */
.pm-product-archive__subcats{ margin:24px 0 0; }
.pm-product-archive__subcats:not(:has(.pm-product-archive__subcat)){ display:none; }
.pm-product-archive__subcats-title{ font-size:20px; font-weight:800; color:var(--pm-text); margin:0 0 16px; }
.pm-product-archive__subcats-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:16px; align-items:stretch; grid-auto-rows:1fr; }
.pm-product-archive__subcat{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; background:#fff; border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); padding:18px 14px; transition:.15s; }
.pm-product-archive__subcat:hover{ box-shadow:var(--pm-shadow-md); border-color:var(--pm-primary-100); transform:translateY(-2px); }
.pm-product-archive__subcat-content{ display:contents; }
.pm-product-archive__subcat-image{ flex:none; width:72px; height:72px; border-radius:50%; overflow:hidden; margin:0; background:var(--pm-bg-alt); border:1px solid var(--pm-border-light); }
.pm-product-archive__subcat-image img{ width:100%; height:100%; object-fit:cover; }
.pm-product-archive__subcat-name{ font-size:14px; font-weight:600; color:var(--pm-text); margin:0; line-height:1.3; }
.pm-product-archive__subcat-link{ position:absolute; inset:0; z-index:1; }
@media (min-width:768px){ .pm-product-archive__subcats-grid{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:1024px){ .pm-product-archive__subcats-grid{ grid-template-columns:repeat(4,1fr); } }
/* ===== Fix burger bị đẩy ra ngoài (mobile) ===== */
/* Container border-box (phòng padding cộng dồn) + actions luôn vừa khung */
.pm-container{ box-sizing:border-box; }
.pm-header__inner{ min-width:0; flex-wrap:nowrap; }
.pm-header__actions{ flex:0 0 auto; }
/* ====================== SINGLE PRODUCT ====================== */
.pm-pd{ padding:32px 0 8px; }
.pm-pd .pm-bc{ margin-bottom:24px; }
.pm-pd__head{ margin-bottom:24px; }
.pm-pd__title{ font-size:22px; font-weight:800; color:var(--pm-text); margin:0 0 14px; line-height:1.3; letter-spacing:-.01em; }
.pm-pd__meta{ display:flex; flex-direction:row; align-items:center; gap:8px; flex-wrap:wrap; }
.pm-pd__meta > *{ display:inline-flex !important; align-items:center; gap:8px; width:auto !important; max-width:none !important; flex:0 0 auto; }
.pm-pd__meta a{ text-decoration:none; }
/* rating trong meta: dạng pill, sao vàng */
.pm-pd__meta .woocommerce-product-rating{ display:inline-flex; align-items:center; gap:8px; margin:0; }
.pm-pd__meta .star-rating{ font-size:15px; width:5.2em; height:1em; line-height:1; margin:0; float:none; overflow:hidden; }
.pm-pd__meta .star-rating::before{ color:#d1d5db; }
.pm-pd__meta .star-rating span::before{ color:var(--pm-amber); }
.pm-pd__meta .woocommerce-review-link{ display:inline-flex; align-items:center; background:#eef0f3; color:var(--pm-primary); font-size:13px; font-weight:600; padding:6px 12px; border-radius:999px; }
.pm-pd__meta .woocommerce-review-link:hover{ color:var(--pm-navy); text-decoration:underline; text-underline-offset:2px; }
.pm-pd__meta .pm-badge{ display:inline-flex; align-items:center; gap:6px; background:#eef0f3; color:var(--pm-text-700); font-size:13px; font-weight:600; padding:6px 12px; border-radius:999px; text-transform:uppercase; }
.pm-pd__meta .pm-badge a{ color:inherit; }
.pm-pd__meta .pm-badge--link, .pm-pd__meta .pm-badge--link a{ color:var(--pm-primary); }
.pm-pd__meta .pm-badge--link:hover, .pm-pd__meta .pm-badge--link a:hover{ color:var(--pm-navy); text-decoration:underline; text-underline-offset:2px; }
/* grid */
.pm-pd__grid{ display:flex; flex-direction:column; gap:32px; }
.pm-pd__left{ min-width:0; }
.pm-pd__side{ min-width:0; display:flex; flex-direction:column; }
/* ===== gallery (element Woo) ===== */
.pm-gallery .woocommerce-product-gallery{ margin:0; width:100% !important; float:none; opacity:1 !important; }
.pm-gallery .woocommerce-product-gallery > .flex-viewport,
.pm-gallery .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper{ border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); overflow:hidden; background:#fff; margin:0; }
.pm-gallery .woocommerce-product-gallery__image{ margin:0; }
.pm-gallery .woocommerce-product-gallery__image a{ display:block; }
.pm-gallery .woocommerce-product-gallery__image img{ display:block; width:100%; height:auto; border-radius:0; }
.pm-gallery .woocommerce-product-gallery__trigger{ z-index:5; top:14px; right:14px; }
.pm-gallery .flex-control-thumbs{ display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; margin:14px 0 0; padding:0; list-style:none; }
.pm-gallery .flex-control-thumbs::before, .pm-gallery .flex-control-thumbs::after{ display:none; content:none; }
.pm-gallery .flex-control-thumbs li{ width:80px; height:80px; margin:0; padding:0; list-style:none; float:none; }
.pm-gallery .flex-control-thumbs img{ width:100%; height:100%; object-fit:contain; box-sizing:border-box; border:2px solid var(--pm-border); border-radius:var(--pm-radius); padding:5px; background:#fff; cursor:pointer; opacity:.7; transition:.15s; }
.pm-gallery .flex-control-thumbs img.flex-active, .pm-gallery .flex-control-thumbs img:hover{ border-color:var(--pm-primary); box-shadow:none; opacity:1; }
/* desktop: thumbnail dọc bên TRÁI, ảnh chính bên phải (giống demo) */
@media (min-width:768px){
.pm-gallery .woocommerce-product-gallery{ display:flex; flex-direction:row-reverse; align-items:flex-start; gap:14px; }
.pm-gallery .woocommerce-product-gallery > .flex-viewport,
.pm-gallery .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper{ flex:1 1 auto; min-width:0; width:auto !important; }
.pm-gallery .flex-control-thumbs{ flex:0 0 92px; flex-direction:column; flex-wrap:nowrap; gap:12px; margin:0; max-height:560px; overflow-y:auto; scrollbar-width:none; }
.pm-gallery .flex-control-thumbs::-webkit-scrollbar{ display:none; }
}
/* ===== mô tả / đánh giá: ACCORDION (JS chuyển từ tab Woo) ===== */
.pm-pd__tabs{ margin-top:8px; }
.pm-pd__tabs hr, .pm-pacc hr{ display:none; }
.pm-pacc{ border-top:0; }
.pm-pacc__item{ border-bottom:1px solid var(--pm-border); }
.pm-pacc__item:last-child{ border-bottom:0; }
.pm-pacc__head{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; background:none; border:0; cursor:pointer; padding:18px 0; font-family:var(--pm-font); font-size:17px; font-weight:700; color:var(--pm-text); text-align:left; }
.pm-pacc__head svg{ width:18px; height:18px; color:var(--pm-muted); transition:transform .2s; flex:0 0 auto; }
.pm-pacc__body{ display:none; padding:0 0 24px; }
.pm-pacc__item.is-open .pm-pacc__body{ display:block; }
.pm-pacc__item.is-open .pm-pacc__head svg{ transform:rotate(180deg); }
/* nội dung mô tả bên trong body */
.pm-pacc__body > h2:first-child, .pm-pacc__body .woocommerce-Tabs-panel > h2:first-child{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.pm-pacc__body p{ color:var(--pm-body); font-size:15px; line-height:1.7; margin:0 0 14px; }
.pm-pacc__body h2{ font-size:19px; font-weight:800; color:var(--pm-text); margin:22px 0 10px; }
.pm-pacc__body h3{ font-size:17px; font-weight:700; color:var(--pm-text); margin:18px 0 8px; }
.pm-pacc__body ul{ list-style:none; margin:0 0 14px; padding:0; }
.pm-pacc__body ul li{ position:relative; padding-left:22px; margin-bottom:8px; color:var(--pm-body); font-size:15px; }
.pm-pacc__body ul li::before{ content:""; position:absolute; left:4px; top:.62em; width:8px; height:8px; border-radius:50%; background:var(--pm-cyan); }
.pm-pacc__body a{ color:var(--pm-primary); }
.pm-pacc__body table{ width:100%; border-collapse:collapse; font-size:14px; margin:0 0 16px; }
.pm-pacc__body table th, .pm-pacc__body table td{ text-align:left; padding:10px 12px; border:1px solid var(--pm-border); color:var(--pm-body); vertical-align:top; }
.pm-pacc__body table th{ background:var(--pm-bg-alt); font-weight:600; color:var(--pm-text); }
.pm-pacc__body table td:first-child{ font-weight:600; color:var(--pm-text); }
.pm-pacc__body .wp-block-table, .pm-pacc__body figure.wp-block-table{ margin:0 0 16px; overflow-x:auto; }
.pm-pacc__body a:hover{ text-decoration:underline; text-underline-offset:2px; }
/* đánh giá Woo trong accordion */
.pm-pacc__body #reviews ol.commentlist{ list-style:none; margin:0; padding:0; }
.pm-pacc__body #reviews ol.commentlist li{ position:relative; padding:14px 0; border:0 !important; margin:0; box-shadow:none; }
.pm-pacc__body #reviews .comment_container,.pm-pacc__body #reviews .comment-text{ border:0 !important; box-shadow:none !important; margin:0; }
/* nút sửa review: đứng ngay sau ngày (con trực tiếp .comment-text, order=meta) */
.pm-pacc__body #reviews .comment-text > .pm-cmt-edit{ position:static !important; order:1; align-self:baseline; margin:0 0 0 6px; flex:0 0 auto; }
.pm-pacc__body #reviews ol.commentlist li img.avatar{ display:none; }
/* tên + ngày + sao trên CÙNG 1 hàng, nội dung xuống dưới */
.pm-pacc__body #reviews .comment-text{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0; padding:0; border:0; }
.pm-pacc__body #reviews .comment-text .meta{ order:1; margin:0; display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:6px; font-size:14px; color:var(--pm-muted); }
.pm-pacc__body #reviews .comment-text .star-rating{ order:2; margin:0 0 0 auto; position:relative; display:inline-block; overflow:hidden; font-family:var(--pm-font); font-size:24px; line-height:1.2; height:1.2em; width:5.4em; letter-spacing:1.5px; flex:0 0 auto; }
.pm-pacc__body #reviews .comment-text .description{ order:3; flex:0 0 100%; width:100%; margin-top:8px; }
.pm-pacc__body #reviews .comment-text .description p{ margin:0; color:var(--pm-body); font-size:15px; }
.pm-pacc__body #reviews .star-rating::before{ content:"★★★★★"; position:absolute; left:0; top:0; color:#d1d5db; }
.pm-pacc__body #reviews .star-rating span{ position:absolute; left:0; top:0; height:100%; overflow:hidden; padding:0; white-space:nowrap; text-indent:-9999px; }
.pm-pacc__body #reviews .star-rating span::before{ content:"★★★★★"; position:absolute; left:0; top:0; text-indent:0; color:var(--pm-amber); }
.pm-pacc__body #reviews .woocommerce-review__author{ color:var(--pm-text); font-weight:700; font-size:14px; margin:0; padding:0; line-height:1.4; }
.pm-pacc__body #reviews .woocommerce-review__published-date{ color:var(--pm-muted); font-weight:400; font-size:14px; margin:0; padding:0; line-height:1.4; }
.pm-pacc__body #reviews .woocommerce-review__dash{ font-size:0; margin:0; padding:0; }
.pm-pacc__body #reviews .woocommerce-review__dash::after{ content:"·"; font-size:14px; color:var(--pm-muted); }
/* #7 bỏ dấu thừa "says:" trước nội dung */
.pm-pacc__body #reviews .says{ display:none !important; }
/* #8 bỏ 2 đường kẻ quanh dòng "Chỉ những khách hàng..." */
.pm-pacc__body #reviews hr, .pm-pacc__body #review_form hr, .pm-pacc__body #comments hr{ display:none !important; }
.pm-pacc__body #reviews #comments{ border:0; }
.pm-pacc__body #reviews .woocommerce-noreviews,
.pm-pacc__body #reviews .woocommerce-verification-required,
.pm-pacc__body #reviews p.woocommerce-verification-required{ background:var(--pm-bg-alt); border:1px solid var(--pm-border); border-radius:8px; padding:12px 14px; margin:0 0 18px; color:var(--pm-muted); font-size:13px; }
.pm-pacc__body #reviews .comment-form input[type=text], .pm-pacc__body #reviews .comment-form input[type=email], .pm-pacc__body #reviews .comment-form textarea{ width:100%; max-width:520px; border:1px solid var(--pm-border); border-radius:var(--pm-radius); padding:11px 14px; font-family:var(--pm-font); font-size:15px; }
.pm-pacc__body #reviews .comment-form .submit{ display:inline-flex; align-items:center; background:var(--pm-primary); color:#fff; border:0; border-radius:var(--pm-radius); padding:13px 24px; font-family:var(--pm-font); font-weight:700; cursor:pointer; }
.pm-pacc__body #reviews .comment-form .submit:hover{ background:var(--pm-primary-700); }
/* ===== buybox (cột phải) ===== */
.pm-buybox{ border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); padding:24px; background:var(--pm-bg-alt); }
.pm-pd__price{ display:block; margin:0 0 16px; }
.pm-pd__price .price{ margin:0; color:var(--pm-text); display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; font-size:0; }
.pm-pd__price .price > *{ font-size:initial; }
.pm-pd__price .price .woocommerce-Price-amount{ font-size:28px; font-weight:800; color:var(--pm-text); }
.pm-pd__price .price ins{ text-decoration:none; background:none; order:0; }
.pm-pd__price .price ins .woocommerce-Price-amount{ font-size:28px; font-weight:800; color:var(--pm-text); }
.pm-pd__price .price del{ opacity:1; text-decoration:none; order:1; }
.pm-pd__price .price del .woocommerce-Price-amount{ font-size:16px; font-weight:400; color:var(--pm-muted); text-decoration:line-through; }
.pm-pd__price .woocommerce-Price-currencySymbol{ font-size:.62em; font-weight:600; vertical-align:top; text-decoration:none; margin-left:1px; }
.pm-pd__price .price del .woocommerce-Price-currencySymbol{ text-decoration:none; }
/* form add-to-cart Woo: biến thể + số lượng (select 1-15) + nút */
.pm-pd__cart{ margin:0; }
.pm-pd__cart form.cart{ margin:0; }
.pm-pd__cart .variations{ display:block; width:100%; max-width:none; margin:0 0 4px; border:0; }
.pm-pd__cart .variations tbody, .pm-pd__cart .variations tr{ display:block; width:100%; max-width:none; }
.pm-pd__cart .variations tr{ margin-bottom:14px; }
.pm-pd__cart .variations th, .pm-pd__cart .variations td{ display:block; width:100%; max-width:none; text-align:left; padding:0; border:0; }
.pm-pd__cart .variations th.label{ font-size:14px; font-weight:700; color:var(--pm-text); margin-bottom:8px; }
.pm-pd__cart .variations td.value{ position:relative; width:100%; }
.pm-pd__cart .variations td.value .pm-opt__row{ width:100%; }
.pm-pd__cart .variations select{ width:100%; max-width:320px; font-family:var(--pm-font); font-size:15px; padding:11px 40px 11px 14px; border:1px solid var(--pm-border); border-radius:var(--pm-radius); background:#fff; color:var(--pm-text); appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:18px; }
.pm-pd__cart .reset_variations{ display:none !important; }
/* ẩn nút +/- số lượng do theme/plugin chèn (chỉ dùng select) */
.pm-pd__cart button.plus, .pm-pd__cart button.minus, .pm-pd__cart .quantity .plus, .pm-pd__cart .quantity .minus, .pm-pd__cart .qib-button, .pm-pd__cart .quantity-button, .pm-pd__cart input.plus, .pm-pd__cart input.minus, .pm-pd__cart .quantity input[type=button]{ display:none !important; }
.pm-pd__cart .woocommerce-variation{ margin:0; }
.pm-pd__cart .woocommerce-variation-price{ display:none !important; }
/* badge giảm giá -% sau giá cũ */
.pm-pd__price .price .pm-disc{ order:2; align-self:center; font-size:12px; font-weight:700; color:#fff; background:var(--pm-danger); padding:3px 8px; border-radius:6px; line-height:1.4; }
.pm-pd__cart .woocommerce-variation-availability .stock{ font-size:14px; font-weight:600; margin:0 0 10px; }
.pm-pd__cart .quantity{ display:flex; flex-direction:column; gap:8px; margin:14px 0; }
.pm-pd__cart .quantity::before{ content:"Số lượng"; font-size:14px; font-weight:700; color:var(--pm-text); }
.pm-pd__cart .quantity select.qty, .pm-pd__cart .quantity .qty{ width:140px; font-family:var(--pm-font); font-size:15px; padding:11px 40px 11px 14px; border:1px solid var(--pm-border); border-radius:var(--pm-radius); background:#fff; color:var(--pm-text); appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:18px; }
.pm-pd__cart .single_add_to_cart_button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; background:var(--pm-primary); color:#fff; border:0; border-radius:var(--pm-radius); padding:15px 24px; font-family:var(--pm-font); font-size:16px; font-weight:700; line-height:1.2; cursor:pointer; transition:.15s; }
.pm-pd__cart .single_add_to_cart_button:hover{ background:var(--pm-navy); }
.pm-pd__cart .single_add_to_cart_button.disabled{ opacity:.5; cursor:not-allowed; }
.pm-pd__cart .added_to_cart{ display:none !important; }
.pm-pd__cart .single_add_to_cart_button::before{ content:""; width:18px; height:18px; flex:0 0 auto; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='white'%3E%3Cpath d='M0 24C0 10.7 10.7 0 24 0L69.5 0c22 0 41.5 12.8 50.6 32l411 0c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3l-288.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5L488 416c13.3 0 24 10.7 24 24s-10.7 24-24 24l-288.3 0c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E"); }
/* biến thể dạng badge bấm chọn (JS đổi từ select Woo) */
.pm-opt__label{ display:block; font-size:14px; font-weight:700; color:var(--pm-text); margin-bottom:8px; }
.pm-opt__row{ display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; margin-top:4px; }
.pm-swatch{ display:inline-flex; align-items:center; justify-content:center; text-align:center; background:#fff; border:1px solid var(--pm-border); border-radius:10px; padding:11px 16px; min-width:0; font-family:var(--pm-font); cursor:pointer; transition:.15s; }
.pm-swatch__name{ font-size:15px; font-weight:500; color:var(--pm-text); white-space:nowrap; }
.pm-swatch:hover{ border-color:var(--pm-primary); }
.pm-swatch.is-active{ border-color:var(--pm-primary); box-shadow:0 0 0 1px var(--pm-primary); }
.pm-pd__cart .variations select.pm-swatched{ display:none !important; }
/* sao đánh giá trong meta (shortcode pm_rating) */
.pm-pd__meta .pm-stars{ color:var(--pm-amber); letter-spacing:2px; font-size:14px; line-height:1; }
/* banner khuyến mãi: chữ + "Xem ngay" CÙNG DÒNG */
.pm-promo{ display:flex; flex-direction:row; align-items:flex-start; gap:12px; padding:14px; border-radius:12px; text-decoration:none; }
.pm-promo__ic{ flex:0 0 auto; width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:18px; }
.pm-promo__body{ flex:1; min-width:0; }
.pm-promo__text{ font-weight:700; font-size:13.5px; line-height:1.5; }
.pm-promo__see{ font-weight:700; font-size:13.5px; white-space:nowrap; margin-left:6px; }
.pm-promo:hover .pm-promo__see{ text-decoration:underline; text-underline-offset:2px; }
.pm-promo--green{ background:#def7ec; color:#03543f; margin:0 0 16px; }
.pm-promo--green .pm-promo__ic{ background:#bcf0da; }
.pm-promo--blue{ background:var(--pm-cyan); color:var(--pm-navy); margin:16px 0 0; }
.pm-promo--blue .pm-promo__ic{ background:#aee9f8; }
/* card thông tin bổ sung (cột phải, dưới buybox) */
.pm-speccard{ border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); padding:20px; margin-top:20px; background:#fff; }
.pm-speccard h3{ font-size:16px; font-weight:800; color:var(--pm-text); margin:0 0 14px; }
.pm-speccard table{ width:100%; border-collapse:collapse; font-size:14px; }
.pm-speccard table th, .pm-speccard table td{ text-align:left; padding:10px 12px; border:1px solid var(--pm-border); color:var(--pm-body); }
.pm-speccard table th{ background:var(--pm-bg-alt); font-weight:600; color:var(--pm-text); width:42%; }
.pm-speccard p{ font-size:14px; color:var(--pm-muted); margin:0; }
/* ===== related (sản phẩm tương tự) ===== */
/* giá liên quan đôi khi render lệch RA NGOÀI card (lấy nhầm giá sp chính) -> ẩn nếu không nằm trong .pm-card */
.pm-card__price:not(.pm-card *){ display:none !important; }
.pm-section--alt{ background:var(--pm-bg-alt); }
.pm-section--alt .pm-container{ padding-top:48px; padding-bottom:48px; }
/* (blog) Co gọn khoảng trống cụm cathead cho hợp scale chung */
.pm-blog-head.pm-section--alt .pm-container{ padding-top:28px; padding-bottom:32px; }
.pm-blog-head .pm-cathead{ padding:0; gap:12px; }
.pm-section__head{ margin-bottom:24px; }
.pm-h2{ font-size:24px; font-weight:800; color:var(--pm-text); margin:0; letter-spacing:-.01em; }
/* giá trong card liên quan: dùng tag động {woo_product_price} -> .price */
.pm-card__price .price{ display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin:0; color:var(--pm-text); font-size:18px; font-weight:800; }
.pm-card__price .price ins{ text-decoration:none; background:none; order:0; font-weight:800; color:var(--pm-text); }
.pm-card__price .price del{ order:1; font-size:13px; font-weight:400; color:var(--pm-muted); text-decoration:line-through; opacity:1; }
.pm-card__price .price del .woocommerce-Price-currencySymbol{ display:none; }
.pm-card__price .woocommerce-Price-currencySymbol{ font-size:.58em; font-weight:400; text-decoration:none; vertical-align:top; margin-left:1px; }
/* ===== toast nổi khi thêm giỏ ===== */
.pm-toast{ position:fixed; left:50%; bottom:90px; transform:translateX(-50%) translateY(20px); z-index:1100; background:var(--pm-navy); color:#fff; font-size:14px; font-weight:600; padding:12px 20px; border-radius:999px; box-shadow:var(--pm-shadow-lg); display:flex; align-items:center; gap:8px; opacity:0; visibility:hidden; transition:.25s; max-width:calc(100% - 32px); }
.pm-toast.is-show{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.pm-toast svg{ width:18px; height:18px; flex:0 0 auto; }
/* ẩn thông báo Woo cố định (chỉ giữ lỗi) */
.single-product .woocommerce-message{ display:none !important; }
/* responsive */
@media (min-width:768px){
.pm-pd__title{ font-size:28px; }
}
@media (max-width:767px){
.pm-opt__row{ gap:8px; }
.pm-swatch{ min-width:0; padding:12px 14px; }
}
@media (min-width:1024px){
.pm-pd__grid{ flex-direction:row; align-items:flex-start; }
.pm-pd__left{ width:58%; }
.pm-pd__side{ width:42%; position:sticky; top:150px; }
}
/* ==========================================================================
BLOG ARCHIVE (Danh mục blog) — re-skin theo demo petmart-blog-archive
========================================================================== */
/* (1) Cathead full width — bỏ giới hạn chiều rộng */
.pm-cathead--text-only .pm-cathead__text{ width:100%; }
/* (1+6) Cụm đầu (tiêu đề + mô tả + danh mục con) CHỈ hiện trang 1; trang 2+ ẩn.
(snippet body_class thêm .pm-archive-paged khi is_paged()) */
body.pm-archive-paged .pm-blog-head{ display:none; }
/* (2) Ảnh bài viết: phần tử IMAGE thật ({featured_image}), tỷ lệ 3/2, phủ kín */
.pm-post__media{ width:100%; aspect-ratio:3/2; object-fit:cover; display:block; background-color:var(--pm-bg-alt); }
/* (5) Thẻ bài viết là -> bấm được cả thẻ; (4) mô tả rút gọn 3 dòng */
.pm-blog__grid > li{ display:flex; }
.pm-blog__grid > li > .pm-post{ width:100%; height:100%; }
.pm-blog__grid .pm-post__body{ pointer-events:auto; }
.pm-blog__grid .pm-post__excerpt{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
/* (5) Link trong MÔ TẢ danh mục: màu primary + gạch chân khi hover (giống Product Archive) */
.pm-cathead__desc a{ color:var(--pm-primary); text-decoration:none; }
.pm-cathead__desc a:hover{ text-decoration:underline; text-underline-offset:2px; }
/* (6) Ghì cỡ heading trong mô tả nhỏ hơn H1 cathead (30px) -> hết cảnh H2 to hơn H1 */
.pm-cathead__desc :where(h1,h2,h3,h4,h5,h6){ font-size:20px; font-weight:700; line-height:1.4; margin:8px 0; color:var(--pm-text); }
.pm-cathead__desc p{ margin:0 0 12px; }
/* Phân trang Blog dùng ĐÚNG style phân trang Product Archive */
.pm-blog__pagination{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin-top:48px; margin-bottom:8px; }
.pm-blog__pagination ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }
.pm-blog__pagination li{ display:inline-flex; margin:0; }
.pm-blog__pagination .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border:0; border-radius:var(--pm-radius); background:transparent; color:var(--pm-text-700); font-family:var(--pm-font); font-size:14px; font-weight:600; text-decoration:none; transition:.15s; }
.pm-blog__pagination a.page-numbers:hover{ background:var(--pm-bg-alt); color:var(--pm-primary); }
.pm-blog__pagination .page-numbers.current{ background:var(--pm-primary); color:#fff; }
.pm-blog__pagination .page-numbers.dots{ background:transparent; }
.pm-blog__pagination .page-numbers.next,.pm-blog__pagination .page-numbers.prev{ font-size:16px; }
/* ==========================================================================
SINGLE POST (#129366) — re-skin theo demo petmart-blog
========================================================================== */
.pm-blog2{ display:flex !important; flex-direction:column; gap:40px; padding:32px 0 8px; }
.pm-article{ min-width:0; }
@media (min-width:1024px){
.pm-blog2{ flex-direction:row !important; align-items:flex-start; }
.pm-article{ flex:1; }
.pm-side2{ flex:0 0 340px; align-self:stretch; }
.pm-side2__sticky{ position:sticky; top:150px; }
.pm-toc-card--mobile{ display:none !important; }
}
/* tags danh mục (post-taxonomy -> các link) */
.pm-art__tags{ display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.pm-art__tags a{ background:var(--pm-primary-50); color:var(--pm-primary); font-weight:600; font-size:13px; padding:5px 12px; border-radius:8px; text-decoration:none; transition:.15s; }
.pm-art__tags a:hover{ background:var(--pm-primary-100); }
/* tiêu đề + meta */
.pm-art__title{ font-size:28px; font-weight:800; color:var(--pm-text); line-height:1.2; margin:0 0 18px; letter-spacing:-.02em; }
@media (min-width:768px){ .pm-art__title{ font-size:38px; } }
.pm-art__meta{ display:flex !important; flex-direction:row !important; flex-wrap:wrap; align-items:center; gap:14px; font-size:14px; color:var(--pm-muted); padding-bottom:18px; border-bottom:1px solid var(--pm-border); }
.pm-art__date{ display:inline-flex; flex-direction:row; align-items:center; gap:6px; font-weight:500; }
.pm-art__date::before{ content:""; flex:0 0 auto; width:15px; height:15px; background-color:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M8%203v4M16%203v4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M8%203v4M16%203v4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
.pm-art__date .brxe-icon,.pm-art__date svg{ display:none; }
/* số bình luận trong meta */
.pm-art__cmtcount{ display:inline-flex; flex-direction:row; align-items:center; gap:6px; font-weight:500; color:var(--pm-muted); text-decoration:none; }
.pm-art__cmtcount:hover{ color:var(--pm-primary); }
.pm-art__cmtcount::before{ content:""; flex:0 0 auto; width:15px; height:15px; background-color:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M21%2012a8%208%200%2001-11.5%207.2L4%2020l.9-5A8%208%200%201121%2012z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M21%2012a8%208%200%2001-11.5%207.2L4%2020l.9-5A8%208%200%201121%2012z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
/* chia sẻ */
.pm-share{ display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:10px; margin:18px 0 28px; }
.pm-share a,.pm-share button{ display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 16px; box-sizing:border-box; background:#fff; border:1px solid var(--pm-border); border-radius:8px; font-family:var(--pm-font); font-size:14px; line-height:1; font-weight:600; color:var(--pm-text-700); cursor:pointer; text-decoration:none; transition:.15s; }
.pm-share a:hover,.pm-share button:hover{ background:var(--pm-bg-alt); border-color:var(--pm-navy); color:var(--pm-navy); }
.pm-share a .brxe-icon,.pm-share button .brxe-icon,.pm-share svg{ display:none; }
.pm-share a::before,.pm-share button::before{ content:""; flex:0 0 auto; width:16px; height:16px; background-color:currentColor; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }
.pm-share__fb::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M22%2012a10%2010%200%2010-11.6%209.9v-7H7.9V12h2.5V9.8c0-2.5%201.5-3.9%203.8-3.9%201.1%200%202.2.2%202.2.2v2.5h-1.2c-1.2%200-1.6.8-1.6%201.6V12h2.7l-.4%202.9h-2.3v7A10%2010%200%200022%2012z%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M22%2012a10%2010%200%2010-11.6%209.9v-7H7.9V12h2.5V9.8c0-2.5%201.5-3.9%203.8-3.9%201.1%200%202.2.2%202.2.2v2.5h-1.2c-1.2%200-1.6.8-1.6%201.6V12h2.7l-.4%202.9h-2.3v7A10%2010%200%200022%2012z%22%2F%3E%3C%2Fsvg%3E"); }
.pm-share__zalo::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M21%2011.5a8.4%208.4%200%2001-12%207.55L3%2021l1.95-5.4A8.4%208.4%200%201121%2011.5z%22%2F%3E%3Cpath%20d%3D%22M8%2010.5h4l-4%204h4%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M21%2011.5a8.4%208.4%200%2001-12%207.55L3%2021l1.95-5.4A8.4%208.4%200%201121%2011.5z%22%2F%3E%3Cpath%20d%3D%22M8%2010.5h4l-4%204h4%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E"); }
.pm-share__copy::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M10%2014a5%205%200%20007%200l3-3a5%205%200%2000-7-7l-1%201%22%2F%3E%3Cpath%20d%3D%22M14%2010a5%205%200%2000-7%200l-3%203a5%205%200%20007%207l1-1%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M10%2014a5%205%200%20007%200l3-3a5%205%200%2000-7-7l-1%201%22%2F%3E%3Cpath%20d%3D%22M14%2010a5%205%200%2000-7%200l-3%203a5%205%200%20007%207l1-1%22%2F%3E%3C%2Fsvg%3E"); }
/* ảnh đầu bài */
.pm-art__hero{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:var(--pm-radius-lg); border:1px solid var(--pm-border-light); margin:0 0 24px; background-color:var(--pm-bg-alt); }
/* nội dung (prose) cho {post_content} */
.pm-art__body p{ color:var(--pm-body); font-size:16px; line-height:1.85; margin:0 0 18px; }
.pm-art__body h2{ font-size:24px; font-weight:800; color:var(--pm-text); margin:34px 0 14px; scroll-margin-top:120px; letter-spacing:-.01em; }
.pm-art__body h3{ font-size:20px; font-weight:700; color:var(--pm-text); margin:26px 0 12px; scroll-margin-top:120px; }
.pm-art__body a{ color:var(--pm-primary); text-decoration:none; text-underline-offset:2px; }
.pm-art__body a:hover{ text-decoration:underline; }
.pm-art__body ul{ list-style:none; margin:0 0 18px; padding:0; }
.pm-art__body ul li{ position:relative; padding-left:24px; margin-bottom:10px; color:var(--pm-body); font-size:16px; line-height:1.7; }
.pm-art__body ul li::before{ content:""; position:absolute; left:4px; top:.72em; width:8px; height:8px; border-radius:50%; background:var(--pm-cyan); }
.pm-art__body ol{ list-style:decimal; margin:0 0 18px; padding-left:22px; }
.pm-art__body ol li{ margin-bottom:10px; color:var(--pm-body); font-size:16px; line-height:1.7; }
.pm-art__body img{ max-width:100%; height:auto; border-radius:var(--pm-radius-lg); }
.pm-art__body figure{ margin:24px 0; }
.pm-art__body figcaption{ text-align:center; font-size:14px; color:var(--pm-muted); margin-top:10px; }
.pm-art__body blockquote,.pm-art__body .wp-block-quote{ border-left:4px solid var(--pm-primary); background:var(--pm-bg-alt); padding:12px 20px; border-radius:0 10px 10px 0; margin:22px 0; }
.pm-art__body blockquote p,.pm-art__body .wp-block-quote p{ font-family:var(--pm-font); font-style:normal; font-weight:400; color:var(--pm-body); font-size:16px; line-height:1.7; margin:0 0 8px; }
.pm-art__body blockquote p:last-child,.pm-art__body .wp-block-quote p:last-child{ margin-bottom:0; }
.pm-art__body blockquote cite,.pm-art__body .wp-block-quote cite{ display:block; margin-top:8px; font-style:normal; font-size:14px; color:var(--pm-muted); }
/* bình luận (Bricks post-comments -> markup WP) */
.pm-cmts{ margin-top:48px; }
.comments-title{ font-size:22px; font-weight:800; color:var(--pm-text); margin:0 0 22px; }
/* ===== Form bình luận (bọc thật KHÔNG phải .clpcm; bám body.single-post để chắc + tách review SP) ===== */
body.single-post .comment-respond,body.single-post #respond{ border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); padding:22px; margin:0 0 32px; background:#fff; }
body.single-post .comment-reply-title{ font-size:20px; font-weight:800; color:var(--pm-text); margin:0 0 10px; line-height:1.3; }
body.single-post .pm-cmt-intro{ font-size:14px; color:var(--pm-muted); line-height:1.6; margin:0 0 18px; }
body.single-post .comment-reply-title::before{ content:"Gửi câu hỏi của bạn"; }
body.single-post .comment-reply-title small{ font-weight:400; font-size:13px; }
body.single-post .logged-in-as{ display:none !important; }
body.single-post .comment-form .form-group{ margin:0 0 16px; }
body.single-post .comment-form input[type=text],body.single-post .comment-form input[type=email],body.single-post .comment-form input[type=url],body.single-post .comment-form textarea{ width:100%; font-family:var(--pm-font); font-size:15px; padding:8px 12px; border:1px solid var(--pm-border); border-radius:var(--pm-radius); background:var(--pm-bg-alt); color:var(--pm-text); outline:none; box-sizing:border-box; transition:border-color .15s,box-shadow .15s; }
body.single-post .comment-form input::placeholder,body.single-post .comment-form textarea::placeholder{ color:var(--pm-muted); }
body.single-post .comment-form input:focus,body.single-post .comment-form textarea:focus{ border-color:var(--pm-primary); box-shadow:0 0 0 3px var(--pm-primary-100); }
body.single-post .comment-form textarea{ display:block; min-height:130px; resize:vertical; }
body.single-post .comment-form .form-submit{ margin:16px 0 0; }
body.single-post .comment-form #submit,body.single-post .comment-form .bricks-button,body.single-post .comment-form input[type=submit]{ display:block; width:100%; text-align:center; background:var(--pm-primary) !important; color:#fff !important; border:0 !important; border-radius:8px !important; padding:12px !important; font-family:var(--pm-font); font-weight:700; font-size:15px; cursor:pointer; box-shadow:none !important; transition:background .15s; }
body.single-post .comment-form #submit:hover,body.single-post .comment-form .bricks-button:hover,body.single-post .comment-form input[type=submit]:hover{ background:var(--pm-primary-700) !important; }
/* nút "xem thêm/thu gọn" trong nội dung bình luận */
.pm-cmt-readmore{ color:var(--pm-primary); text-decoration:underline; text-underline-offset:2px; font-weight:500; cursor:pointer; white-space:nowrap; }
.pm-cmt-readmore:hover{ color:var(--pm-primary-700); }
.comment-list, .pm-cmts ol.commentlist{ list-style:none; margin:0; padding:0; }
.comment-list li.comment{ list-style:none; margin:0 !important; padding:0; }
/* CARD = li cấp 1: bọc cả nội dung cấp 1 + reply cấp 2 lồng bên trong */
.comment-list > li.comment{ position:relative; border:1px solid var(--pm-border) !important; border-radius:var(--pm-radius-lg); background:#fff; padding:18px 20px !important; margin:0 0 26px !important; }
/* card mỗi bình luận — padding/margin 4 cạnh cân đối */
.comment-list .comment-body{ position:relative; border:0 !important; padding:0; margin:0; background:transparent; }
.comment-list .comment-data{ flex:1 1 auto !important; min-width:0; width:auto !important; float:none !important; }
/* ẩn avatar — kể cả badge "A" do theme tự vẽ */
.comment-list .comment-avatar,.comment-list .avatar,.comment-list img.avatar,.comment-list .administrator-badge{ display:none !important; }
/* tên (h5.fn) + ngày trên CÙNG một hàng (ép thắng CSS theme) */
.comment-list .comment-author.vcard{ display:flex !important; flex-direction:row !important; flex-wrap:wrap; align-items:baseline; gap:6px; margin:0 0 6px !important; padding:0 !important; }
.comment-list .comment-author .fn{ margin:0 !important; font-size:15px; font-weight:700; color:var(--pm-text); font-style:normal; line-height:1.5; }
.comment-list .comment-author .fn a{ color:var(--pm-text); text-decoration:none; }
.comment-list .comment-meta{ display:inline-flex !important; align-items:baseline; gap:6px; margin:0 !important; padding:0 !important; font-size:15px; font-weight:400; line-height:1.5; color:var(--pm-muted); }
.comment-list .comment-meta::before{ content:"·"; margin-right:2px; color:var(--pm-muted); }
.comment-list .comment-meta a,.comment-list .comment-meta a span{ color:var(--pm-muted) !important; text-decoration:none !important; pointer-events:none; cursor:default; }
.comment-list .reply{ display:none !important; }
.comment-list .comment-content{ font-size:16px; color:var(--pm-body); line-height:1.7; }
.comment-list .comment-content p{ margin:0; }
.comment-list .comment-content a:not(.pm-cmt-edit){ color:var(--pm-primary); text-decoration:none; word-break:break-word; }
.comment-list .comment-content a:not(.pm-cmt-edit):hover{ color:var(--pm-primary-700); text-decoration:underline; text-underline-offset:2px; }
/* reply cấp 2+: thụt lề + nền xám */
.comment-list .children{ list-style:none; margin:14px 0 0 0 !important; padding:0 !important; }
/* diệt đường kẻ ngăn cách giữa các bình luận (border/pseudo của theme) — giữ viền card */
.comment-list .comment-data,.comment-list .comment-content,.comment-list .comment-author.vcard{ border:0 !important; }
.comment-list li.comment::before,.comment-list li.comment::after,.comment-list .comment-body::before,.comment-list .comment-body::after{ display:none !important; border:0 !important; content:none !important; }
.comment-list .children > li.comment{ background:var(--pm-bg-alt); border:1px solid var(--pm-border-light) !important; border-radius:var(--pm-radius); padding:14px 16px !important; margin:0 0 10px !important; }
.comment-list .children > li.comment:last-child{ margin-bottom:0 !important; }
/* reply cấp 2: icon mũi tên reply màu xanh trước Họ tên */
.comment-list .children .comment-author .fn{ display:inline-flex; align-items:center; gap:6px; }
.comment-list .children .comment-author .fn::before{ content:""; flex:0 0 auto; width:16px; height:16px; background-color:var(--pm-primary); -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%229%2014%204%209%209%204%22%2F%3E%3Cpath%20d%3D%22M20%2020v-7a4%204%200%200%200-4-4H4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%229%2014%204%209%209%204%22%2F%3E%3Cpath%20d%3D%22M20%2020v-7a4%204%200%200%200-4-4H4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
/* bỏ mọi ngăn cách trong khu vực bình luận (giữ hr trong nội dung bài) */
.comment-list hr,.comment-list ~ hr,.clpcm hr,.brxe-post-comments hr,.pm-cmts hr,#comments hr,.pm-pacc__body #reviews hr,#reviews ol.commentlist hr{ display:none !important; }
/* ===== Phân trang bình luận (giống phân trang archive) ===== */
.pm-cmt-pager{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:8px 0 30px; }
.pm-cmt-pager ul,.pm-cmt-pager ul.page-numbers{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }
.pm-cmt-pager li{ display:inline-flex; margin:0; }
.pm-cmt-pager .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border:0; border-radius:var(--pm-radius); background:transparent; color:var(--pm-text-700); font-family:var(--pm-font); font-size:14px; font-weight:600; text-decoration:none; transition:.15s; }
.pm-cmt-pager a.page-numbers:hover{ background:var(--pm-bg-alt); color:var(--pm-primary); }
.pm-cmt-pager .page-numbers.current{ background:var(--pm-primary); color:#fff; }
.pm-cmt-pager .page-numbers.dots{ background:transparent; }
.pm-cmt-pager .page-numbers.next,.pm-cmt-pager .page-numbers.prev{ font-size:16px; }
.pm-cmt-pager[hidden]{ display:none !important; }
/* ẩn nav "Bình luận cũ hơn / mới hơn" mặc định của theme (đã thay bằng phân trang số) */
.clpcm .comment-navigation,.clpcm .comments-navigation,.clpcm .comment-nav-above,.clpcm .comment-nav-below,.brxe-post-comments .comment-navigation,.brxe-post-comments .navigation.comment-navigation{ display:none !important; }
/* nút sửa — DÙNG CHUNG blog + review, màu ghi xám nhỏ */
.pm-cmt-edit{ position:absolute; display:inline-block; font-size:13px; font-weight:500; line-height:1.5; color:var(--pm-muted) !important; text-decoration:none; white-space:nowrap; }
.pm-cmt-edit::before{ content:"Sửa"; }
.pm-cmt-edit:hover{ color:var(--pm-primary) !important; text-decoration:underline; text-underline-offset:2px; }
.comment-list .comment-body .pm-cmt-edit{ top:0; right:0; }
/* sidebar */
.pm-side2{ display:flex; flex-direction:column; gap:24px; }
.pm-wcard{ border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); padding:22px; }
.pm-wcard__title{ font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--pm-text); margin:0 0 16px; }
.pm-toc-card[hidden]{ display:none !important; }
.pm-side2__sticky{ display:flex; flex-direction:column; gap:24px; }
@media (max-width:1023px){ .pm-toc-card--desktop{ display:none !important; } }
.pm-toc{ list-style:none; counter-reset:toc; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.pm-toc li{ counter-increment:toc; }
.pm-toc a{ display:flex; flex-direction:row; align-items:center; gap:10px; color:var(--pm-text-700); font-size:15px; font-weight:500; line-height:1.45; text-decoration:none; }
.pm-toc a::before{ content:counter(toc); flex:0 0 auto; width:24px; height:24px; border-radius:50%; background:var(--pm-primary-50); color:var(--pm-primary); font-size:13px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; }
.pm-toc a:hover{ color:var(--pm-primary); }
.pm-toc a:hover::before{ background:var(--pm-primary); color:#fff; }
/* bài mới nhất */
.pm-news2{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:18px; }
.pm-news2 li{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:12px; align-items:flex-end !important; }
.pm-news2__thumb{ flex:0 0 auto; width:56px; height:56px; object-fit:cover; border-radius:10px; overflow:hidden; border:1px solid var(--pm-border-light); background-color:var(--pm-bg-alt); }
.pm-news2__body{ min-width:0; }
.pm-news2__title{ font-size:16px; font-weight:700; color:var(--pm-text); margin:0 0 6px; line-height:1.4; }
.pm-news2__title a{ color:var(--pm-text); text-decoration:none; }
.pm-news2__title a:hover{ color:var(--pm-primary); }
.pm-news2__more{ font-size:14px; font-weight:500; color:var(--pm-muted); text-decoration:none; }
/* theo dõi / tác giả */
.pm-follow__row{ display:flex !important; flex-direction:row !important; align-items:center; gap:12px; margin-bottom:14px; }
.pm-follow__avatar{ flex:0 0 auto; width:46px; height:46px; border-radius:50%; overflow:hidden; object-fit:cover; }
.pm-follow__name{ font-weight:700; color:var(--pm-text); }
/* === Mobile-safe: ảnh + chữ LUÔN cùng hàng (tin mới nhất & follow), ngăn ảnh phình full-width === */
.pm-news2 li{ align-items:flex-end !important; flex-wrap:nowrap !important; }
.pm-news2__thumb{ flex:0 0 56px !important; width:56px !important; max-width:56px !important; height:56px !important; }
.pm-news2__body{ flex:1 1 auto !important; min-width:0 !important; }
.pm-follow__row{ flex-wrap:nowrap !important; align-items:center !important; }
.pm-follow__avatar{ flex:0 0 46px !important; width:46px !important; max-width:46px !important; height:46px !important; }
.pm-follow__info,.pm-follow__row > div{ min-width:0; }
/* (#2) khoảng cách Mục lục (mobile) với nội dung bài */
.pm-toc-card--mobile{ margin:8px 0 28px !important; }
.pm-follow__count{ font-size:13px; color:var(--pm-muted); }
.pm-follow p{ font-size:14px; color:var(--pm-body); margin:0 0 16px; line-height:1.6; }
.pm-follow__btn{ display:block; width:100%; text-align:center; background:var(--pm-primary); color:#fff; font-weight:700; padding:10px; border-radius:8px; text-decoration:none; }
.pm-follow__btn:hover{ background:var(--pm-primary-700); }
/* bài viết tương tự (full-width) */
.pm-related__title{ margin:0 0 24px; }
/* ==========================================================================
SẢN PHẨM GỢI Ý — DÙNG LẠI .pm-card toàn cục (trang danh mục), chỉ thêm khung + chống prose
========================================================================== */
.pm-art__body .pm-suggest{ margin:28px 0; padding:18px 18px 20px; background:var(--pm-bg-alt); border:1px solid var(--pm-border); border-radius:var(--pm-radius-lg); }
.pm-art__body .pm-suggest__title{ font-size:18px; font-weight:800; color:var(--pm-text); margin:0 0 14px; scroll-margin-top:0; }
.pm-art__body .pm-suggest__grid{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns:1fr; gap:16px; }
@media (min-width:640px){ .pm-art__body .pm-suggest__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.pm-art__body .pm-suggest__cell{ list-style:none; display:flex; padding:0 !important; margin:0 !important; }
.pm-art__body .pm-suggest__cell::before{ content:none !important; display:none !important; }
/* chống prose .pm-art__body đè lên card (chỉ cần ép lại tiêu đề h3 trong card) */
.pm-art__body .pm-card__title{ font-size:15px; font-weight:700; color:var(--pm-text); margin:0; line-height:1.35; }
@media (min-width:640px){ .pm-art__body .pm-card__title{ font-size:17px; } }
/* ===== Video YouTube nhúng: card ghi xám ~95% bề ngang, căn giữa (CSS gom về đây, snippet chỉ bọc .pm-video) ===== */
.pm-art__body .pm-video,.pm-video,.brxe-video{ width:95%; max-width:100%; margin:24px auto; background:var(--pm-bg-alt); border:1px solid var(--pm-border-light); border-radius:var(--pm-radius-lg); padding:14px; box-sizing:border-box; }
.pm-video iframe,.brxe-video iframe,.wp-block-embed__wrapper iframe,iframe[src*="youtube.com"],iframe[src*="youtube-nocookie.com"],iframe[src*="youtu.be"]{ display:block; width:100%; max-width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:var(--pm-radius); }
.wp-block-embed,.wp-block-embed__wrapper{ width:100%; max-width:100%; margin-left:0; margin-right:0; }
Chuyển đến nội dung chính
Chuyển đến chân trang
Đồ cho chó | Dog Supplies
Việc chăm sóc chó cưng không chỉ đơn giản là cho ăn và chơi đùa, mà còn bao gồm việc lựa chọn đúng các sản phẩm đồ dùng cho chó để đảm bảo sức khỏe và sự thoải mái cho thú cưng. Từ thức ăn cho chó , đồ chơi , đến các phụ kiện thời trang, mỗi sản phẩm đều đóng góp quan trọng vào chất lượng cuộc sống của chó.
Thức ăn cho chó là yếu tố quan trọng giúp đảm bảo dinh dưỡng. Tại Pet Mart , chúng tôi cung cấp đa dạng các loại thức ăn từ khô đến ướt, phù hợp với mọi lứa tuổi của chó. Thức ăn từ các thương hiệu hàng đầu đảm bảo cung cấp đầy đủ chất dinh dưỡng và giúp duy trì sức khỏe tốt nhất cho thú cưng.
Không chỉ dừng lại ở dinh dưỡng, đồ chơi cho chó và phụ kiện cho chó như vòng cổ , dây dắt cũng rất quan trọng trong việc duy trì sức khỏe tinh thần và thể chất cho chó. Các sản phẩm đồ chơi đa dạng giúp kích thích vận động và giữ cho chó luôn vui vẻ. Vòng cổ và dây dắt từ các thương hiệu an toàn, bền chắc, giúp bạn dễ dàng quản lý khi dắt chó đi dạo.
Bên cạnh đó, chuồng cho chó , nhà đệm và túi vận chuyển chó mang lại sự tiện lợi và thoải mái cho thú cưng của bạn, đặc biệt trong những chuyến đi xa. Những sản phẩm này tạo không gian riêng tư, ấm áp cho chó, giúp chúng cảm thấy an toàn và yên tâm hơn.
Cuối cùng, việc chăm sóc sức khỏe cho chó cũng không thể thiếu các sản phẩm như thuốc trị ve rận , bọ chét , và các loại vitamin bổ sung . Những sản phẩm này giúp đảm bảo chó cưng luôn khỏe mạnh và phòng tránh các bệnh thường gặp.
Khám phá ngay các sản phẩm đồ dùng cho chó tại Pet Mart để chăm sóc toàn diện cho thú cưng của bạn, từ dinh dưỡng đến sức khỏe và sự thoải mái hàng ngày.
15.000₫