/*
Theme Name: BestReviews.deals
Theme URI: https://bestreviews.deals
Author: BestReviews.deals
Description: Theme standalone cho site deal BestReviews.deals. Fork khung tu couponrock, viet lai toan bo phan trinh bay theo mockup da duyet 2026-08-11 (huong "bang gia": feed dong day, phan tram giam lam mo neo, cot phai dac so lieu). Light only, WCAG AA, khong dark mode.
Version: 0.1.0
License: GPL-2.0-or-later
Text Domain: bestreviewsdeals
*/

/* =========================================================================
   QUY TAC CUA FILE NAY
   - Day la file CSS DUY NHAT cua theme. Khong tao them file CSS.
   - Moi mau, khoang cach, bo tron deu qua token --bd-* o :root. KHONG hardcode hex
     ngoai khoi :root.
   - Class rc-* la MARKUP do plugin rc-core sinh ra, theme chi to mau. Class bd-*
     la cua rieng theme.
   - Anh san pham hotlink thang CDN merchant nen KHONG biet kich thuoc that:
     chong CLS bang khung ti le co dinh, TUYET DOI khong dat width/height tren img.
   ========================================================================= */

/* ---------- Font self-host ---------- */
@font-face{font-family:BDSans;font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/plex-sans-400.woff2) format('woff2');}
@font-face{font-family:BDSans;font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/plex-sans-600.woff2) format('woff2');}
@font-face{font-family:BDCond;font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/plex-cond-600.woff2) format('woff2');}
@font-face{font-family:BDCond;font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/plex-cond-700.woff2) format('woff2');}
@font-face{font-family:BDMono;font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/plex-mono-400.woff2) format('woff2');}
@font-face{font-family:BDMono;font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/plex-mono-600.woff2) format('woff2');}

:root{
  --bd-paper:#F1F2EF; --bd-ink:#111312; --bd-ink-2:#2B2F2C; --bd-muted:#5C615C;
  --bd-rule:#D5D8D2; --bd-rule-2:#B6BAB3; --bd-well:#FFFFFF;
  /* Chu mo: dat AA tren ca paper (4.50) va well (5.06). KHONG dung rule-2 lam
     mau chu, no chi dat 1.75 va truot AA. Do 2026-08-11. */
  --bd-dim:#6B706A;
  --bd-stamp:#C8102E; --bd-on-stamp:#FFFFFF;
  --bd-hatch-a:#FFFFFF; --bd-hatch-b:#F4F5F2;
  --bd-u1:4px; --bd-u2:8px; --bd-u3:12px; --bd-u4:16px; --bd-u5:24px; --bd-u6:36px; --bd-u7:56px;
}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:var(--bd-paper);color:var(--bd-ink);
  font-family:BDSans,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
:focus-visible{outline:2px solid var(--bd-stamp);outline-offset:2px;}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--bd-u5);}
.mono{font-family:BDMono,ui-monospace,monospace;}

/* ---------- masthead ---------- */
.ftc{font-family:BDMono,monospace;font-size:11px;letter-spacing:.02em;color:var(--bd-muted);
  border-bottom:1px solid var(--bd-rule);}
.ftc .wrap{padding-block:6px;}
.ftc b{color:var(--bd-ink);font-weight:600;}

.mast .wrap{display:flex;align-items:flex-end;gap:var(--bd-u5);padding-block:var(--bd-u5) var(--bd-u3);}
.mark{font-family:BDCond;font-weight:700;font-size:44px;line-height:.86;letter-spacing:-.025em;}
.mark i{font-style:normal;color:var(--bd-stamp);}
.mark small{display:block;font-family:BDMono;font-size:10.5px;font-weight:400;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bd-muted);margin-top:7px;}
.mast form{margin-left:auto;display:flex;align-items:stretch;border:1.5px solid var(--bd-ink);}
.mast input{border:0;background:transparent;font:inherit;font-size:14px;padding:9px 12px;width:230px;color:inherit;}
.mast input::placeholder{color:var(--bd-muted);}
.mast button{border:0;background:var(--bd-ink);color:var(--bd-paper);font-family:BDMono;font-weight:600;
  font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:0 16px;cursor:pointer;}
.bd-mastrule{height:5px;background:var(--bd-ink);position:relative;}
.bd-mastrule::after{content:"";position:absolute;left:0;top:0;bottom:0;width:132px;background:var(--bd-stamp);}

/* ---------- toolbar ---------- */
.bar{position:sticky;top:0;z-index:5;background:var(--bd-paper);border-bottom:1px solid var(--bd-rule);}
.bar .wrap{display:flex;align-items:center;gap:var(--bd-u5);padding-block:10px;flex-wrap:wrap;}
.bar .live{font-family:BDMono;font-size:12px;color:var(--bd-muted);}
.bar .live b{color:var(--bd-ink);font-weight:600;}
.bar .live i{font-style:normal;color:var(--bd-stamp);}
.sorts{margin-left:auto;display:flex;align-items:center;gap:var(--bd-u3);
  font-family:BDMono;font-size:11px;letter-spacing:.1em;text-transform:uppercase;}
.sorts span{color:var(--bd-muted);}
.sorts button{border:0;background:none;font:inherit;color:var(--bd-muted);cursor:pointer;padding:2px 0;
  border-bottom:2px solid transparent;}
.sorts button[aria-pressed="true"]{color:var(--bd-ink);border-bottom-color:var(--bd-stamp);}

.filters{border-bottom:1px solid var(--bd-rule);}
.filters .wrap{display:flex;gap:var(--bd-u5);padding-block:10px;overflow-x:auto;}
.filters a{font-family:BDMono;font-size:12px;white-space:nowrap;color:var(--bd-muted);
  display:flex;align-items:baseline;gap:6px;padding-bottom:2px;border-bottom:2px solid transparent;}
.filters a b{color:var(--bd-ink);font-weight:600;font-family:BDSans;font-size:13.5px;}
.filters a[aria-current="true"]{border-bottom-color:var(--bd-ink);}
.filters a[aria-current="true"] b{color:var(--bd-ink);}
.filters a:hover{color:var(--bd-ink);}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:var(--bd-u7);
  padding-block:var(--bd-u5) var(--bd-u7);align-items:start;}

/* ---------- feed ---------- */
.feed{list-style:none;margin:0;padding:0;}
.bd-group{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bd-u3);
  font-family:BDMono;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:var(--bd-u5) 0 var(--bd-u2);border-bottom:2px solid var(--bd-ink);margin-bottom:0;}
.bd-group:first-child{padding-top:0;}
.bd-group__n{color:var(--bd-muted);letter-spacing:.06em;}

.bd-row{position:relative;display:grid;align-items:center;gap:var(--bd-u4);
  grid-template-columns:30px 92px minmax(0,1fr) 96px 104px;
  padding:var(--bd-u4) var(--bd-u3) var(--bd-u4) 0;border-bottom:1px solid var(--bd-rule);}
.bd-row::before{content:"";position:absolute;left:-14px;top:-1px;bottom:-1px;width:3px;background:transparent;}
.bd-row:hover{background:var(--bd-well);}
.bd-row:hover::before{background:var(--bd-stamp);}
.bd-row__hit{position:absolute;inset:0;z-index:2;}
.bd-row__rank{font-family:BDMono;font-size:11px;color:var(--bd-dim);text-align:right;}
.bd-row__shot{background:var(--bd-well);border:1px solid var(--bd-rule);aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;overflow:hidden;}
.bd-row__shot img{width:100%;height:100%;object-fit:contain;padding:7px;}
.bd-row__shot.is-empty img{display:none;}
.bd-row__shot.is-empty{background:repeating-linear-gradient(135deg,var(--bd-hatch-a),var(--bd-hatch-a) 6px,var(--bd-hatch-b) 6px,var(--bd-hatch-b) 12px);}
.bd-row__main{min-width:0;display:flex;flex-direction:column;gap:3px;}
.bd-row__store{font-family:BDMono;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-muted);}
.bd-row__name{font-size:16.5px;line-height:1.25;font-weight:600;letter-spacing:-.006em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bd-row__meta{font-family:BDMono;font-size:11.5px;color:var(--bd-muted);font-variant-numeric:tabular-nums;}
.bd-row__meta s{color:var(--bd-dim);}
.bd-row__cut{display:flex;align-items:baseline;justify-content:flex-end;gap:2px;position:relative;}
.bd-row__cut b{font-family:BDCond;font-weight:700;font-size:41px;line-height:.8;color:var(--bd-stamp);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.bd-row__cut i{font-style:normal;font-family:BDCond;font-weight:700;font-size:19px;color:var(--bd-stamp);}
.bd-row__cut em{position:absolute;right:0;top:100%;margin-top:3px;font-style:normal;
  font-family:BDMono;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bd-muted);}
/* Nut nay la duong ra affiliate, phai NAM TREN link phu cua card (z-index 2)
   thi moi bam duoc, va phai hien o MOI kich thuoc man hinh (user chot
   2026-08-13). Truoc do no chi la span trang tri va bi an tu 1080px xuong. */
.bd-row__go{position:relative;z-index:3;justify-self:end;font-family:BDMono;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;text-align:center;
  border:1.5px solid var(--bd-ink);padding:9px 12px;white-space:nowrap;}
.bd-row:hover .bd-row__go{background:var(--bd-ink);color:var(--bd-paper);}
.bd-row__go:hover{background:var(--bd-stamp);border-color:var(--bd-stamp);color:var(--bd-on-stamp);}
.bd-row__go--off{opacity:.45;}

.more{margin-top:var(--bd-u5);display:flex;justify-content:center;}
.more a{font-family:BDMono;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  border-bottom:2px solid var(--bd-stamp);padding-bottom:3px;}

/* ---------- rail ---------- */
.rail{display:flex;flex-direction:column;gap:var(--bd-u6);position:sticky;top:64px;}
.panel h2{font-family:BDMono;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  margin:0 0 var(--bd-u2);padding-bottom:var(--bd-u2);border-bottom:2px solid var(--bd-ink);}
.panel table{width:100%;border-collapse:collapse;font-size:13.5px;}
.panel td{padding:6px 0;border-bottom:1px solid var(--bd-rule);}
.panel td.n{font-family:BDMono;font-size:12px;text-align:right;font-variant-numeric:tabular-nums;
  color:var(--bd-muted);width:52px;}
.panel tr:hover td{color:var(--bd-ink);}
.panel .cap{font-family:BDMono;font-size:10.5px;color:var(--bd-muted);margin-top:var(--bd-u2);letter-spacing:.04em;}

.newlist{list-style:none;margin:0;padding:0;}
.newlist li{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--bd-rule);}
.newlist .t{font-size:13.5px;font-weight:600;line-height:1.3;}
.newlist .s{font-family:BDMono;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-muted);}
.newlist .p{font-family:BDMono;font-size:11px;color:var(--bd-muted);}
.newlist .p b{color:var(--bd-stamp);font-weight:600;}

/* ---------- foot ---------- */
.foot{border-top:5px solid var(--bd-ink);}
.foot .wrap{display:flex;flex-wrap:wrap;gap:var(--bd-u4);justify-content:space-between;
  padding-block:var(--bd-u5);font-family:BDMono;font-size:11.5px;color:var(--bd-muted);}

@media (max-width:1080px){
  .shell{grid-template-columns:1fr;gap:var(--bd-u6);}
  .rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bd-u6);}
  .bd-row{grid-template-columns:24px 78px minmax(0,1fr) 84px;}
  /* Duoi 1080px khong con cot thu 5 cho nut, nen cho no xuong mot hang rieng
     chiem het chieu ngang. Vung cham to hon han va van hien tren dien thoai. */
  .bd-row__go{grid-column:1 / -1;justify-self:stretch;max-width:none;margin-top:var(--bd-u3);}
}
@media (max-width:760px){
  .mast .wrap{flex-wrap:wrap;gap:var(--bd-u3);}
  .mark{font-size:36px;}
  .mast form{margin-left:0;width:100%;}
  .mast input{width:100%;}
  .rail{grid-template-columns:1fr;}
  .bd-row{grid-template-columns:70px minmax(0,1fr) 68px;gap:var(--bd-u3);padding-block:var(--bd-u3);}
  .bd-row__rank{display:none;}
  .bd-row__name{font-size:15px;}
  .bd-row__cut b{font-size:31px;}
  .bd-row__cut i{font-size:15px;}
}
@media (max-width:480px){
  .wrap{padding:0 var(--bd-u4);}
  .mark{font-size:31px;}
  .bd-row{grid-template-columns:58px minmax(0,1fr) 58px;}
  .bd-row__name{font-size:14px;}
  .bd-row__meta{font-size:10.5px;}
  .bd-row__cut b{font-size:26px;}
  .bd-row__cut em{display:none;}
}

/* =========================================================================
   PHAN MO RONG NGOAI MOCKUP: cac template con lai cua theme.
   Giu nguyen ngon ngu thi giac cua mockup: hairline, nhan mono viet HOA,
   so lieu bang chu condensed, mau nhan chi dung cho phan tram giam.
   ========================================================================= */

/* ---------- Tien ich chung ---------- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.bd-skip{position:absolute;left:-9999px;top:0;background:var(--bd-ink);color:var(--bd-paper);
  padding:10px 16px;z-index:99;font-family:BDMono;font-size:12px;}
.bd-skip:focus{left:0;}
.bd-lede{width:100%;max-width:100%;color:var(--bd-muted);font-size:16px;margin:var(--bd-u3) 0 0;}
.bd-eyebrow{font-family:BDMono;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bd-muted);}
.bd-h1{font-family:BDCond;font-weight:700;font-size:clamp(30px,3.6vw,44px);line-height:1.02;
  letter-spacing:-.02em;margin:0;text-wrap:balance;}
.bd-h2{font-family:BDMono;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  margin:0 0 var(--bd-u3);padding-bottom:var(--bd-u2);border-bottom:2px solid var(--bd-ink);}
.bd-note{font-family:BDMono;font-size:11.5px;color:var(--bd-muted);}
.bd-empty{border:1px dashed var(--bd-rule-2);padding:var(--bd-u5);text-align:center;
  font-family:BDMono;font-size:12.5px;color:var(--bd-muted);}

/* ---------- Nav chinh ---------- */
.bd-nav{display:flex;gap:var(--bd-u4);flex-wrap:wrap;}
.bd-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--bd-u4);flex-wrap:wrap;}
.bd-nav a{font-family:BDMono;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bd-muted);padding-bottom:3px;border-bottom:2px solid transparent;}
.bd-nav a:hover,.bd-nav .current-menu-item > a{color:var(--bd-ink);border-bottom-color:var(--bd-stamp);}

/* ---------- Trang store (single.php) ---------- */
.bd-store__head{display:flex;align-items:flex-start;gap:var(--bd-u5);padding-block:var(--bd-u6) var(--bd-u5);
  border-bottom:2px solid var(--bd-ink);flex-wrap:wrap;}
.bd-store__logo{width:72px;height:72px;border:1px solid var(--bd-rule);background:var(--bd-well);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.bd-store__logo img{width:40px;height:40px;object-fit:contain;}
.bd-store__id{min-width:0;flex:1 1 320px;}
.bd-store__facts{display:flex;gap:var(--bd-u6);flex-wrap:wrap;margin-top:var(--bd-u4);}
.bd-fact{display:flex;flex-direction:column;gap:2px;}
.bd-fact b{font-family:BDCond;font-weight:700;font-size:27px;line-height:1;font-variant-numeric:tabular-nums;}
.bd-fact span{font-family:BDMono;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-muted);}
.bd-store__cta{font-family:BDMono;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  border:1.5px solid var(--bd-ink);padding:11px 16px;align-self:center;white-space:nowrap;}
.bd-store__cta:hover{background:var(--bd-ink);color:var(--bd-paper);}

/* Editorial cua store page */
.bd-ed{max-width:68ch;padding-block:var(--bd-u5);}
.bd-ed h2{font-family:BDCond;font-weight:700;font-size:24px;letter-spacing:-.01em;margin:var(--bd-u5) 0 var(--bd-u2);}
.bd-ed h3{font-family:BDSans;font-weight:600;font-size:17px;margin:var(--bd-u4) 0 var(--bd-u1);}
.bd-ed p{margin:0 0 var(--bd-u3);}
.bd-ed ul,.bd-ed ol{margin:0 0 var(--bd-u3);padding-left:20px;}
.bd-ed li{margin-bottom:6px;}
.bd-ed a{border-bottom:1px solid var(--bd-rule-2);}
.bd-ed a:hover{border-bottom-color:var(--bd-stamp);}

/* Callout mot dong trong khoi editorial. Vien trai mau tem, khong to nen
   de khong canh tranh voi anh san pham. */
.bd-ed__tip{border-left:3px solid var(--bd-stamp);padding:var(--bd-u2) 0 var(--bd-u2) var(--bd-u3);
  background:var(--bd-well);}

/* Byline duoi khoi so lieu o header store. Chu mo dung --bd-dim chu KHONG
   dung mau duong ke (bay so 6: --bd-rule-2 lam mau chu truot WCAG AA). */
.bd-byline{font-size:13px;color:var(--bd-dim);margin-top:var(--bd-u3);}
.bd-byline a{color:var(--bd-ink-2);border-bottom:1px solid var(--bd-rule-2);}
.bd-byline a:hover{border-bottom-color:var(--bd-stamp);}
.bd-byline__sep{margin:0 6px;color:var(--bd-rule-2);}

/* Author card cuoi bai. */
.bd-author{display:flex;gap:var(--bd-u4);align-items:flex-start;max-width:68ch;
  margin-top:var(--bd-u5);padding-top:var(--bd-u4);border-top:1px solid var(--bd-rule);}
.bd-author__pic{width:56px;height:56px;border-radius:50%;flex:0 0 56px;
  background:var(--bd-well);border:1px solid var(--bd-rule);}
.bd-author__body{min-width:0;}
.bd-author__name{font-weight:700;font-size:15px;margin:0 0 var(--bd-u1);}
.bd-author__name a{border-bottom:1px solid var(--bd-rule-2);}
.bd-author__name a:hover{border-bottom-color:var(--bd-stamp);}
.bd-author__bio{font-size:13.5px;line-height:1.5;color:var(--bd-ink-2);margin:0;}

/* Dong disclosure affiliate, bat buoc theo FTC. */
.bd-disclose{max-width:68ch;margin-top:var(--bd-u4);font-size:12.5px;line-height:1.5;
  color:var(--bd-dim);}
.bd-disclose a{color:var(--bd-ink-2);border-bottom:1px solid var(--bd-rule-2);}
.bd-disclose a:hover{border-bottom-color:var(--bd-stamp);}

@media (max-width:480px){
  .bd-author{gap:var(--bd-u3);}
  .bd-author__pic{width:44px;height:44px;flex:0 0 44px;}
}

/* ---------- Trang chi tiet deal (deal-single.php) ---------- */
.bd-dd{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:var(--bd-u7);
  padding-block:var(--bd-u5) var(--bd-u6);align-items:start;}
.rc-dd__media{position:relative;background:var(--bd-well);border:1px solid var(--bd-rule);}
.rc-dd__ph{display:block;padding-top:100%;}
.rc-dd__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px;}
.rc-dd__img.is-broken{display:none;}
.rc-dd__badge{position:absolute;left:0;top:16px;background:var(--bd-stamp);color:var(--bd-on-stamp);
  font-family:BDCond;font-weight:700;font-size:17px;padding:5px 12px;font-variant-numeric:tabular-nums;}
.rc-dd__store{font-family:BDMono;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-muted);}
.rc-dd__store:hover{color:var(--bd-ink);}
.rc-dd__title{font-family:BDSans;font-weight:600;font-size:clamp(22px,2.6vw,30px);line-height:1.2;
  letter-spacing:-.01em;margin:var(--bd-u2) 0 var(--bd-u4);text-wrap:balance;}
.rc-dd__price{display:flex;align-items:baseline;gap:var(--bd-u3);margin:0 0 var(--bd-u1);
  font-variant-numeric:tabular-nums;}
.rc-dd__now{font-family:BDCond;font-weight:700;font-size:40px;line-height:1;}
.rc-dd__was{color:var(--bd-dim);font-size:18px;}
.rc-dd__save{font-family:BDMono;font-size:12px;color:var(--bd-stamp);font-weight:600;}
.rc-dd__price--hidden{font-family:BDMono;font-size:14px;color:var(--bd-muted);}
.rc-dd__asof{font-family:BDMono;font-size:11.5px;color:var(--bd-muted);margin:0 0 var(--bd-u4);}
.rc-dd__ended{font-family:BDMono;font-size:12px;color:var(--bd-stamp);border-left:3px solid var(--bd-stamp);
  padding-left:var(--bd-u3);margin:0 0 var(--bd-u4);}
.rc-dd__cta{display:inline-block;background:var(--bd-ink);color:var(--bd-paper);font-family:BDMono;
  font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:15px 26px;}
.rc-dd__cta:hover{background:var(--bd-stamp);}
.rc-dd__note{font-size:13px;color:var(--bd-muted);max-width:56ch;margin:var(--bd-u4) 0 0;}

/* Breadcrumb */
.rc-crumbs{font-family:BDMono;font-size:11px;letter-spacing:.06em;color:var(--bd-muted);
  padding-block:var(--bd-u4) 0;display:flex;gap:8px;flex-wrap:wrap;}
.rc-crumbs a:hover{color:var(--bd-ink);}
.rc-crumbs__last{color:var(--bd-ink);}

/* ---------- Luoi card (plugin sinh o shortcode va deal lien quan) ---------- */
.rc-deals{padding-block:var(--bd-u5);}
.rc-deals__title{font-family:BDMono;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;margin:0 0 var(--bd-u3);padding-bottom:var(--bd-u2);border-bottom:2px solid var(--bd-ink);}
.rc-deals__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--bd-u4);
  grid-template-columns:repeat(4,minmax(0,1fr));}
.rc-deal__link{display:flex;flex-direction:column;height:100%;border:1px solid var(--bd-rule);
  background:var(--bd-well);}
.rc-deal__link:hover{border-color:var(--bd-ink);}
.rc-deal__media{position:relative;display:block;border-bottom:1px solid var(--bd-rule);}
.rc-deal__ph{display:block;padding-top:82%;}
.rc-deal__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;}
.rc-deal__img.is-broken{display:none;}
.rc-deal__badge{position:absolute;left:0;top:10px;background:var(--bd-stamp);color:var(--bd-on-stamp);
  font-family:BDCond;font-weight:700;font-size:13.5px;padding:3px 9px;font-variant-numeric:tabular-nums;}
.rc-deal__body{display:flex;flex-direction:column;gap:6px;padding:var(--bd-u3);flex:1;}
.rc-deal__store{font-family:BDMono;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-muted);}
.rc-deal__name{font-size:14px;line-height:1.3;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rc-deal__price{display:flex;align-items:baseline;gap:8px;margin-top:auto;font-variant-numeric:tabular-nums;}
.rc-deal__now{font-family:BDCond;font-weight:700;font-size:21px;line-height:1;}
.rc-deal__was{color:var(--bd-dim);font-size:13px;}
.rc-deal__price--hidden{font-family:BDMono;font-size:12px;color:var(--bd-muted);}
.rc-deal__asof{font-family:BDMono;font-size:10.5px;color:var(--bd-muted);}

/* ---------- Danh sach store (page-all-stores.php) ---------- */
/* column-gap tach cot, padding-inline cho ten store va so dem khong dinh vao
   cot ben canh. row-gap giu 0 de duong ke duoi lien mach theo chieu doc. */
.bd-stores{list-style:none;margin:0;padding:0;display:grid;row-gap:0;column-gap:var(--bd-u6);
  grid-template-columns:repeat(3,minmax(0,1fr));}
.bd-stores li{border-bottom:1px solid var(--bd-rule);}
.bd-stores a{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bd-u4);
  padding:11px var(--bd-u2);}
.bd-stores a:hover{color:var(--bd-stamp);}
.bd-stores span{font-family:BDMono;font-size:11.5px;color:var(--bd-muted);font-variant-numeric:tabular-nums;}
.bd-alpha{font-family:BDCond;font-weight:700;font-size:22px;padding-top:var(--bd-u5);
  border-bottom:2px solid var(--bd-ink);margin-bottom:var(--bd-u2);grid-column:1 / -1;}

/* ---------- Phan trang ---------- */
.bd-pager{display:flex;gap:var(--bd-u2);justify-content:center;padding-block:var(--bd-u6);
  font-family:BDMono;font-size:12px;}
.bd-pager .page-numbers{padding:8px 13px;border:1px solid var(--bd-rule-2);}
.bd-pager .page-numbers:hover{border-color:var(--bd-ink);}
.bd-pager .current{background:var(--bd-ink);color:var(--bd-paper);border-color:var(--bd-ink);}

/* ---------- Page tinh, search, 404 ---------- */
.bd-page{max-width:68ch;padding-block:var(--bd-u6) var(--bd-u7);}
.bd-page h2{font-family:BDCond;font-weight:700;font-size:25px;margin:var(--bd-u5) 0 var(--bd-u2);}
.bd-page p{margin:0 0 var(--bd-u3);}
.bd-page a{border-bottom:1px solid var(--bd-rule-2);}
.bd-page a:hover{border-bottom-color:var(--bd-stamp);}
.bd-404{padding-block:var(--bd-u7);text-align:center;}
.bd-404 .bd-h1{margin-bottom:var(--bd-u3);}

/* ---------- Khoi Blog o trang chu (Phase 7 do noi dung, khung dung san) ---------- */
.bd-blog{border-top:2px solid var(--bd-ink);padding-block:var(--bd-u5);}
.bd-blog__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--bd-u5);
  grid-template-columns:repeat(3,minmax(0,1fr));}
.bd-blog__item{display:flex;flex-direction:column;gap:6px;}
.bd-blog__date{font-family:BDMono;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-muted);}
.bd-blog__title{font-size:16px;font-weight:600;line-height:1.3;}
.bd-blog__title:hover{color:var(--bd-stamp);}
/* Ca archive /blog/ va khoi 6 bai o trang chu deu in dong nay. */
.bd-blog__excerpt{font-size:13.5px;line-height:1.5;color:var(--bd-muted);}
/* Anh bai viet: nam trong media library nen co width/height that, khong dung
   khung aspect-ratio nhu anh san pham hotlink. aspect-ratio o day chi de cat
   cho dong deu, con chong CLS da co san width/height cua WP. */
.bd-blog__shot{display:block;border:1px solid var(--bd-rule);background:var(--bd-well);margin-bottom:2px;}
.bd-blog__shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
/* Trang bai viet la trang DOC, khong phai trang duyet hang: thu hep ca cot va
   dua vao giua man hinh. Khac han store page va danh muc, chung can be ngang de
   bay nhieu card. `.wrap` da co margin auto nen chi can ha max-width. */
.bd-article{max-width:768px;}
.bd-article .bd-h1{font-size:clamp(28px,3.1vw,38px);}
/* Bo duong ke 2px duoi phan dau trang. Tren store page no la duong phan cach
   dung, nhung o trang bai viet anh dai dien tran rong hon cot chu nen duong ke
   chi dai bang cot trong nhu bi cut mot doan. */
.bd-article .bd-store__head{border-bottom:0;padding-bottom:var(--bd-u4);}
.bd-article .bd-ed,
.bd-article .bd-author,
.bd-article .bd-art__shot{max-width:none;}
.bd-art__shot{margin:0 0 var(--bd-u5);}
.bd-art__shot img{display:block;width:100%;height:auto;border:1px solid var(--bd-rule);}
.bd-art__cap{font-family:BDMono;font-size:11px;color:var(--bd-muted);margin-top:6px;}
/* Tren man hinh rong, anh dai dien TRAN RA khoi cot chu (768px) len toi 1200px.
   Cot chu giu nguyen be ngang de doc, chi rieng anh duoc to.
   `margin-left:50%` cong `translateX(-50%)` la cach cho mot khoi rong hon container
   ma van can giua, khong phai pha bo container.
   `min()` voi 100vw tru 2 lan gutter la de KHONG BAO GIO sinh thanh cuon ngang.
   Anh nguon tu Unsplash rong 2048px nen 1200px van chua phong to qua co goc.
   Anh chen trong bai chi 900px nen khong ap rule nay, giu nguyen be ngang cot. */
@media (min-width:1120px){
  .bd-article .bd-art__shot{
    width:min(1200px, calc(100vw - var(--bd-u5) * 2));
    margin-left:50%;
    transform:translateX(-50%);
  }
}
/* Anh CHEN TRONG bai do plugin sinh ra dang <figure class="wp-block-image">.
   Khong co rule nay thi anh giu kich thuoc goc, hep hon cot chu va lech han. */
.bd-ed figure{margin:var(--bd-u6) 0;}
.bd-ed figure img{display:block;width:100%;height:auto;border:1px solid var(--bd-rule);}
.bd-ed figcaption{font-family:BDMono;font-size:11px;color:var(--bd-muted);margin-top:6px;}
/* `.bd-ed` co padding-block u5 (24px) cho store page, cong margin u5 duoi anh
   dai dien thanh gan 50px hut o dau bai. O trang bai viet bo padding tren. */
.bd-article .bd-ed{padding-top:0;}
.bd-article .bd-ed > p:first-child{margin-top:0;}

@media (max-width:1080px){
  .rc-deals__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bd-stores{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bd-dd{grid-template-columns:1fr;gap:var(--bd-u5);}
  .bd-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .rc-deals__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bd-stores{grid-template-columns:1fr;}
  .bd-store__head{gap:var(--bd-u4);padding-block:var(--bd-u5) var(--bd-u4);}
  .bd-store__cta{align-self:flex-start;}
  .bd-blog__grid{grid-template-columns:1fr;}
  .rc-dd__now{font-size:32px;}
}
@media (max-width:480px){
  .bd-store__facts{gap:var(--bd-u4);}
  .bd-fact b{font-size:22px;}
  .rc-deal__name{font-size:13px;}
  .rc-deal__now{font-size:18px;}
}

/* Bang danh muc o trang all-categories: bang du lieu day, so canh phai. */
.bd-cats table{width:100%;border-collapse:collapse;font-size:15px;}
.bd-cats thead th{font-family:BDMono;font-size:10.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bd-muted);text-align:left;padding:0 0 var(--bd-u2);
  border-bottom:2px solid var(--bd-ink);}
.bd-cats thead th.n{text-align:right;}
.bd-cats td{padding:11px 0;border-bottom:1px solid var(--bd-rule);}
.bd-cats td.n{font-family:BDMono;font-size:13px;text-align:right;font-variant-numeric:tabular-nums;
  color:var(--bd-muted);width:84px;}
.bd-cats tr:hover td{background:var(--bd-well);}