/* An Việt Gift - Kiến thức */
.avgk-page{
  --red:#C62127;--red-dark:#A81B20;--gold:#C89A3D;--text:#222;--muted:#666;
  --line:#E8E4DD;--soft:#FAF7F2;--cream:#FFFDF9;--shadow:0 18px 55px rgba(46,30,16,.08);
  color:var(--text);font-family:"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden
}
.avgk-page *{box-sizing:border-box}
.avgk-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.avgk-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--red);margin-bottom:9px}
.avgk-hero{padding:58px 0;background:linear-gradient(135deg,#fff 0%,#fff9f6 56%,#f4ece3 100%)}
.avgk-hero__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}
.avgk-hero__copy h1{font-size:clamp(42px,5.5vw,66px);line-height:1.04;letter-spacing:-.05em;margin:0 0 16px}
.avgk-hero__copy p{font-size:17px;line-height:1.75;color:#555;margin:0;max-width:690px}
.avgk-hero__topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.avgk-hero__topics a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--text);font-size:12px;font-weight:700;text-decoration:none}
.avgk-hero__topics a:hover{border-color:rgba(198,33,39,.35);color:var(--red)}
.avgk-hero__media{height:420px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.avgk-hero__media img{width:100%;height:100%;object-fit:cover;display:block}
.avgk-placeholder{width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,#efe7df,#fbf7f3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#96897d}
.avgk-placeholder span{color:var(--red);font-weight:900;letter-spacing:.12em}
.avgk-placeholder small{margin-top:5px}
.avgk-placeholder--hero{min-height:420px}
.avgk-section{padding:72px 0}
.avgk-section--soft{background:var(--soft)}
.avgk-section--dark{background:#252525;color:#fff}
.avgk-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:27px}
.avgk-section-head h2{font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-.035em;margin:0}
.avgk-section-head>p{max-width:430px;color:var(--muted);line-height:1.65;margin:0}
.avgk-section-head--dark h2{color:#fff}
.avgk-section-head--dark>p{color:#c9c9c9}
.avgk-featured-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.avgk-article{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.avgk-featured-grid .avgk-article--lead{grid-row:1 / span 2}
.avgk-article__media{display:block;height:210px;overflow:hidden;background:#f4f0ec}
.avgk-article--lead .avgk-article__media{height:330px}
.avgk-article__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.avgk-article:hover .avgk-article__media img{transform:scale(1.025)}
.avgk-article__body{padding:17px 18px 19px;display:flex;flex-direction:column;flex:1}
.avgk-article__cat{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.avgk-article h3{font-size:18px;line-height:1.35;margin:7px 0}
.avgk-article--lead h3{font-size:24px}
.avgk-article h3 a{color:var(--text);text-decoration:none}
.avgk-article__body p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 13px}
.avgk-read{margin-top:auto;font-size:10px;font-weight:900;letter-spacing:.05em;color:var(--red)!important;text-decoration:none!important}
.avgk-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.avgk-cat{min-height:64px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 37px 12px 13px;position:relative;display:flex;flex-direction:column;justify-content:center;text-decoration:none!important;color:var(--text)!important}
.avgk-cat span{font-size:13px;font-weight:800}
.avgk-cat small{font-size:10px;color:#888;margin-top:2px}
.avgk-cat b{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--red)}
.avgk-cat:hover{border-color:rgba(198,33,39,.35);box-shadow:0 10px 28px rgba(39,24,14,.06)}
.avgk-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.avgk-popular{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.avgk-popular a{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:15px 16px;color:#fff!important;text-decoration:none!important;display:flex;justify-content:space-between;align-items:center;gap:12px}
.avgk-popular a:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.04)}
.avgk-popular span{font-weight:800}
.avgk-popular b{font-size:10px;color:#d4a84e;white-space:nowrap}

@media(max-width:980px){
  .avgk-hero__grid{grid-template-columns:1fr}
  .avgk-hero__media{order:-1}
  .avgk-featured-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .avgk-featured-grid .avgk-article--lead{grid-row:auto;grid-column:1/-1}
  .avgk-cat-grid{grid-template-columns:repeat(3,1fr)}
  .avgk-latest-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .avgk-container{width:min(100% - 24px,1180px)}
  .avgk-hero{padding:25px 0 38px}
  .avgk-hero__grid{gap:24px}
  .avgk-hero__media,.avgk-placeholder--hero{height:310px;min-height:310px;border-radius:18px}
  .avgk-hero__copy h1{font-size:38px}
  .avgk-hero__copy p{font-size:14px}
  .avgk-hero__topics{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
  .avgk-hero__topics a{flex:0 0 auto}
  .avgk-section{padding:52px 0}
  .avgk-section-head{display:block;margin-bottom:21px}
  .avgk-section-head>p{margin-top:9px}
  .avgk-section-head h2{font-size:30px}
  .avgk-featured-grid{grid-template-columns:1fr}
  .avgk-featured-grid .avgk-article--lead{grid-column:auto}
  .avgk-article--lead .avgk-article__media,.avgk-article__media{height:205px}
  .avgk-article--lead h3,.avgk-article h3{font-size:17px}
  .avgk-cat-grid{grid-template-columns:repeat(2,1fr);gap:7px}
  .avgk-cat{min-height:58px;padding:10px 30px 10px 11px}
  .avgk-cat span{font-size:12px}
  .avgk-latest-grid{grid-template-columns:repeat(2,1fr);gap:9px}
  .avgk-latest-grid .avgk-article__media{height:145px}
  .avgk-latest-grid .avgk-article__body{padding:12px}
  .avgk-latest-grid .avgk-article__body p{display:none}
  .avgk-popular{grid-template-columns:1fr}
}