/* GF Hieu suat chan nuoi - component (2026-09-23). Scope: .gfhs */
.gfhs{
--gfhs-ico-check:url("/thuc-an-chan-nuoi-gia-suc-gia-cam/wp-content/uploads/gf-hieusuat/icon-dat-chuan-check-greenfeed.svg");
--gfhs-ico-tick:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Cpath d=%22M3 10.5l4.5 4.5L17 5%22 fill=%22none%22 stroke=%22%23296C43%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");

--gfhs-ring:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2296%22 fill=%22none%22 stroke=%22%23F7A01B%22 stroke-width=%223.2%22/%3E%3C/svg%3E");
--gfhs-ring2:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-12 -12 224 224%22%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2288%22 fill=%22none%22 stroke=%22%23F7A01B%22 stroke-width=%223%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23F7A01B%22 transform=%22translate(100.0 -1.0) rotate(0)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23F7A01B%22 transform=%22translate(177.4 35.1) rotate(50)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23F7A01B%22 transform=%22translate(22.6 35.1) rotate(-50)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23F7A01B%22 transform=%22translate(201.0 100.0) rotate(90)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23F7A01B%22 transform=%22translate(-1.0 100.0) rotate(270)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23F7A01B%22 transform=%22translate(177.4 164.9) rotate(130)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23F7A01B%22 transform=%22translate(22.6 164.9) rotate(230)%22/%3E%3C/svg%3E");
--gfhs-dark:#296C43;--gfhs-green:#43AD4B;--gfhs-green-line:#58AB51;--gfhs-green-txt:#2F8F3A;--gfhs-orange:#F7A01B;--gfhs-orange-num:#E97823;--gfhs-box-line:#5B7397;--gfhs-ink:#23402F;
--u:1cqw;
container-type:inline-size;position:relative;margin:0 0 1.5rem;font-family:'SVN-Gotham',Arial,sans-serif;color:var(--gfhs-dark);background:#fff;line-height:1.35;font-size:16px;overflow:hidden}
.gfhs *,.gfhs *::before,.gfhs *::after{box-sizing:border-box}
.gfhs{text-align:left}
.gfhs :is(h2,h3,p,ul,ol,dl,dd,dt,figure,li,section){margin:0;padding:0;list-style:none;font-weight:inherit;color:inherit;line-height:inherit;letter-spacing:0;text-transform:none;border:0;background:none;position:static;min-width:0;left:auto;text-align:inherit;font-size:inherit}
.gfhs :is(h2,h3,li,p,dt,dd)::before{content:none}
.gfhs img{display:block;max-width:100%;height:auto;margin:0;border:0;min-width:0!important;position:static;left:auto!important;transform:none}
.gfhs a{color:inherit;text-decoration:none}
.gfhs .gfhs-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ===== Header ===== */
.gfhs-head{position:relative;display:flex;align-items:center;justify-content:center;height:calc(11.4 * var(--u));background:var(--gfhs-dark);border-bottom:calc(.35 * var(--u)) solid #E2F6EA;padding:0 calc(12 * var(--u))}
.gfhs .gfhs-head__icon{position:absolute;left:calc(1.6 * var(--u))!important;top:50%;width:calc(8.2 * var(--u))!important;height:auto!important;transform:translateY(-50%)}
.gfhs .gfhs-head__title{font-weight:900;font-size:calc(5.25 * var(--u));text-transform:uppercase;color:#fff;letter-spacing:.01em;white-space:nowrap;line-height:1}
.gfhs .gfhs-head__logo{position:absolute;right:calc(3.4 * var(--u));top:50%;transform:translateY(-50%);width:calc(10.8 * var(--u))!important;height:auto!important;max-width:none!important;}
/* ===== Section title pill ===== */
.gfhs .gfhs-pill{display:table;margin:calc(2.2 * var(--u)) auto 0;padding:calc(1.15 * var(--u)) calc(3.6 * var(--u));background:var(--gfhs-green);color:#fff;border-radius:calc(.9 * var(--u));font-weight:900;font-size:calc(2.75 * var(--u));text-transform:uppercase;line-height:1.1;position:relative;z-index:1}
/* ===== Farm info (dl) ===== */
.gfhs .gfhs-info{display:grid;grid-template-columns:repeat(3,1fr);width:87.6%;margin:calc(.3 * var(--u)) auto 0;border:2px solid var(--gfhs-green-line);background:#fff}
.gfhs .gfhs-info>div{display:flex;flex-direction:column;text-align:center}
.gfhs .gfhs-info>div:nth-child(n+4){margin-top:calc(3.5 * var(--u));border-top:2px solid var(--gfhs-green-line)}
.gfhs .gfhs-info dt{padding:calc(.95 * var(--u)) 4px;font-weight:700;font-size:max(calc(1.72 * var(--u)),12px);text-transform:uppercase;color:var(--gfhs-dark);line-height:1.2}
.gfhs .gfhs-info dd{padding:calc(1.05 * var(--u)) 4px;background:var(--gfhs-green);font-weight:700;font-size:max(calc(1.72 * var(--u)),12px);text-transform:uppercase;color:#fff;line-height:1.2;flex:1;display:flex;align-items:center;justify-content:center}
.gfhs .gfhs-info>div:nth-child(-n+3){border-bottom:2px solid var(--gfhs-green-line)}
.gfhs .gfhs-info>div:nth-child(n+4){border-bottom:0}
/* period */
.gfhs .gfhs-period{display:flex;align-items:center;justify-content:center;gap:0;margin:calc(2.2 * var(--u)) 0 0;font-weight:700;font-size:max(calc(1.62 * var(--u)),12px);color:var(--gfhs-green)}
.gfhs .gfhs-period::before{content:"";flex:none;margin-right:calc(2.6 * var(--u));width:calc(3.3 * var(--u));height:calc(3.3 * var(--u));background:var(--gfhs-ico-check) center/contain no-repeat}
.gfhs .gfhs-period strong{margin-left:.35em;color:var(--gfhs-dark);font-weight:700}
/* ===== Herd stats ===== */
.gfhs .gfhs-herd{display:grid;grid-template-columns:1fr calc(25.8 * var(--u)) 1fr;align-items:center;gap:0 calc(2 * var(--u));padding:calc(.6 * var(--u)) calc(1 * var(--u)) 0 calc(3.8 * var(--u))}
.gfhs .gfhs-herd__col{display:grid;gap:calc(2.3 * var(--u))}
.gfhs .gfhs-herd__col:last-child{padding-left:calc(1 * var(--u))}
.gfhs .gfhs-stat dt{position:relative;padding-left:calc(4 * var(--u));font-weight:700;font-size:max(calc(1.55 * var(--u)),12px);white-space:nowrap;color:var(--gfhs-green);line-height:1.2}
.gfhs .gfhs-stat dt::before{content:"";position:absolute;left:0;top:50%;width:calc(3.3 * var(--u));height:calc(3.3 * var(--u));transform:translateY(-50%);background:var(--gfhs-ico-check) center/contain no-repeat}
.gfhs .gfhs-stat dd{font-weight:900;font-size:calc(5.2 * var(--u));line-height:.95;color:var(--gfhs-dark);padding-left:calc(4 * var(--u));white-space:nowrap}
.gfhs .gfhs-stat dd small{font-size:.5em;font-weight:700;margin-left:.1em}
.gfhs .gfhs-herd__ring{position:relative;aspect-ratio:1/1;background:var(--gfhs-ring) center/contain no-repeat;margin-top:calc(1.2 * var(--u))}
.gfhs .gfhs-emblem{position:absolute;left:16%!important;top:22%;width:68%!important;height:auto!important}
/* ===== Photos ===== */
.gfhs .gfhs-h3{margin:calc(3.4 * var(--u)) 0 calc(2.6 * var(--u));text-align:center;font-weight:900;font-size:calc(2.25 * var(--u));color:var(--gfhs-green);text-transform:uppercase;line-height:1.2}
.gfhs .gfhs-photos{display:grid;grid-template-columns:34.7fr 39.5fr;gap:calc(2.2 * var(--u));width:77%;margin:0 auto}
.gfhs .gfhs-photos a{display:block;border-radius:calc(2 * var(--u));overflow:hidden;aspect-ratio:auto;height:calc(26.6 * var(--u));background:#eef3ef}
.gfhs .gfhs-photos img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .5s ease}
.gfhs .gfhs-photos a:hover img{transform:scale(1.04)}
.gfhs .gfhs-used{margin:calc(2.6 * var(--u)) 0 calc(3.6 * var(--u));text-align:center;font-style:italic;font-weight:400;font-size:max(calc(1.8 * var(--u)),12px);color:#333}
.gfhs .gfhs-used a{color:inherit;border-bottom:1px dotted rgba(0,0,0,.35)}
.gfhs .gfhs-used a:hover{color:var(--gfhs-dark);border-bottom-color:var(--gfhs-dark)}
/* ===== KPI section ===== */
.gfhs .gfhs-kpi-wrap{position:relative;padding-top:calc(5.4 * var(--u))}
.gfhs .gfhs-tab{position:absolute;top:0;left:17.8%;right:11.2%;height:calc(8.2 * var(--u));background:var(--gfhs-dark);border-radius:calc(4.6 * var(--u)) calc(4.6 * var(--u)) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(1.3 * var(--u));color:#fff;font-weight:900;font-size:calc(2.55 * var(--u));text-transform:uppercase;line-height:1.1;text-align:center}
.gfhs .gfhs-kpi-band{position:relative;background:var(--gfhs-dark);padding:calc(3 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u))}
.gfhs .gfhs-kpi-panel{position:relative;background:#fff;border-radius:calc(7.5 * var(--u));padding:calc(3.2 * var(--u)) calc(5 * var(--u)) calc(3.4 * var(--u))}
.gfhs .gfhs-kpis{position:relative;display:grid;grid-template-columns:1fr calc(24 * var(--u)) 1fr;grid-template-areas:"a s b" "a c b";gap:0 calc(2 * var(--u));align-items:start}
.gfhs .gfhs-kpis__l{grid-area:a;display:grid;gap:calc(4.6 * var(--u));padding-top:calc(6.4 * var(--u))}
.gfhs .gfhs-kpis__r{grid-area:b;display:grid;gap:calc(4.3 * var(--u));padding-top:calc(8 * var(--u));justify-items:start}
.gfhs .gfhs-kpis__top{grid-area:s;display:flex;justify-content:center}
.gfhs .gfhs-kpis__ring{grid-area:c;position:relative;aspect-ratio:1/1;margin-top:calc(.4 * var(--u));background:var(--gfhs-ring2) center/contain no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10%}
.gfhs .gfhs-kpis__ring .gfhs-emblem{left:27%!important;top:17%;width:46%!important}
.gfhs .gfhs-kpis__ring dl{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.gfhs .gfhs-kpi{display:flex;flex-direction:column-reverse;align-items:flex-start}
.gfhs .gfhs-kpi dt{background:var(--gfhs-dark);border:2px solid var(--gfhs-box-line);border-radius:calc(.8 * var(--u));color:#fff;font-weight:900;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.15;padding:calc(1 * var(--u)) calc(1.6 * var(--u));min-height:calc(5.6 * var(--u));font-size:calc(2 * var(--u))}
.gfhs .gfhs-kpi dt.gfhs-kpi--xl{font-size:calc(3.6 * var(--u));min-width:calc(23.8 * var(--u))}
.gfhs .gfhs-kpi dd{font-weight:900;color:var(--gfhs-orange-num);font-size:calc(4.2 * var(--u));line-height:1;margin-bottom:calc(.9 * var(--u));white-space:nowrap}
.gfhs .gfhs-kpi dd small{font-size:.4em;font-weight:500;color:var(--gfhs-dark);margin-left:.35em;vertical-align:.35em}
.gfhs .gfhs-kpi--top{align-items:center}
.gfhs .gfhs-kpi--top dt{min-width:calc(20.2 * var(--u))}
.gfhs .gfhs-kpis__l .gfhs-kpi dt{min-width:calc(18.5 * var(--u))}
.gfhs .gfhs-kpis__l .gfhs-kpi:last-child dt,.gfhs .gfhs-kpis__r .gfhs-kpi dt{min-width:calc(24 * var(--u))}
.gfhs .gfhs-kpis__r .gfhs-kpi:last-child dt{min-width:calc(17.4 * var(--u))}
.gfhs .gfhs-kpis__r .gfhs-kpi:last-child{padding-left:calc(.3 * var(--u))}
.gfhs .gfhs-kpis__ring dt{position:relative;z-index:1;color:var(--gfhs-orange);font-weight:700;font-size:max(calc(1.35 * var(--u)),12px);text-transform:uppercase;text-align:center;line-height:1.2;margin-bottom:calc(1.2 * var(--u))}
.gfhs .gfhs-kpis__ring dd{position:relative;z-index:1;background:var(--gfhs-orange);color:#fff;font-weight:900;font-size:calc(2 * var(--u));border-radius:calc(.8 * var(--u));padding:calc(.7 * var(--u)) calc(5.4 * var(--u));margin-bottom:-12%}
.gfhs .gfhs-eval{margin-top:calc(3.6 * var(--u));padding-left:calc(.4 * var(--u))}
.gfhs .gfhs-eval h3{font-weight:900;color:var(--gfhs-orange-num);font-size:calc(2 * var(--u));text-transform:uppercase;line-height:1.1;margin-bottom:calc(.5 * var(--u))}
.gfhs .gfhs-eval li{position:relative;padding-left:calc(4.4 * var(--u));font-size:max(calc(1.85 * var(--u)),12px);line-height:1.3;color:var(--gfhs-dark);font-weight:500}
.gfhs .gfhs-eval li::before{content:"";position:absolute;left:calc(.4 * var(--u));top:.2em;width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));background:var(--gfhs-ico-tick) center/contain no-repeat}
/* ===== Nutrition program ===== */
.gfhs .gfhs-prog{position:relative;padding:calc(3.4 * var(--u)) 0 0}
.gfhs .gfhs-prog__band{margin:0 calc(2 * var(--u)) 0 calc(1 * var(--u));background:var(--gfhs-dark);border-radius:calc(.9 * var(--u));color:#fff;font-weight:900;font-size:calc(2.55 * var(--u));text-transform:uppercase;line-height:1.1;padding:calc(1.4 * var(--u)) 0 calc(1.4 * var(--u)) calc(20 * var(--u))}
.gfhs .gfhs-prog__sub{position:relative;margin:calc(2.6 * var(--u)) 0 calc(2.3 * var(--u));padding-left:calc(25.6 * var(--u));font-weight:900;font-size:calc(2.35 * var(--u));color:var(--gfhs-green);text-transform:uppercase;line-height:1.1}
.gfhs .gfhs-prog__sub::before{content:"";position:absolute;left:calc(1.1 * var(--u));bottom:calc(.9 * var(--u));width:calc(12.6 * var(--u));height:calc(4.4 * var(--u));border-left:calc(.33 * var(--u)) solid var(--gfhs-dark);border-bottom:calc(.33 * var(--u)) solid var(--gfhs-dark)}
.gfhs .gfhs-prog__sub::after{content:"";position:absolute;left:calc(12.3 * var(--u));bottom:calc(.1 * var(--u));border-left:calc(2.8 * var(--u)) solid var(--gfhs-dark);border-top:calc(.95 * var(--u)) solid transparent;border-bottom:calc(.95 * var(--u)) solid transparent}
.gfhs .gfhs-prods{display:grid;grid-template-columns:repeat(3,calc(15.2 * var(--u)));justify-content:center;column-gap:calc(10.6 * var(--u));padding:0 0 calc(3 * var(--u))}
.gfhs .gfhs-prods li{display:flex;flex-direction:column;align-items:center}
.gfhs .gfhs-prods a{display:block;width:100%;transition:transform .3s ease}
.gfhs .gfhs-prods a:hover{transform:translateY(-4px)}
.gfhs .gfhs-prods img{width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:307/400;object-fit:cover;object-position:center}
.gfhs .gfhs-prods .gfhs-stage{margin-top:calc(1.3 * var(--u));width:calc(13.8 * var(--u));background:var(--gfhs-green);color:#fff;font-weight:900;font-size:calc(2.05 * var(--u));text-align:center;padding:calc(.9 * var(--u)) 0;border-radius:calc(.35 * var(--u));line-height:1.1;white-space:nowrap}
.gfhs .gfhs-foot{background:var(--gfhs-dark);color:#fff;font-weight:500;font-size:max(calc(1.62 * var(--u)),12px);padding:calc(1.9 * var(--u)) calc(1.7 * var(--u))}
.gfhs-summary{margin:0 0 1.25rem;padding:1rem 1.15rem;border-left:4px solid #43AD4B;background:#f3faf4;font-size:.95rem;line-height:1.6;color:#23402F}
.gfhs-summary strong{color:#296C43}
/* ===== Motion (only when JS ready) ===== */
.gfhs.gfhs-js .gfhs-rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.gfhs.gfhs-js .gfhs-rv.is-in{opacity:1;transform:none}
.gfhs.gfhs-js .gfhs-herd__ring,.gfhs.gfhs-js .gfhs-kpis__ring{transform:rotate(-25deg) scale(.85);opacity:0;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s ease}
.gfhs.gfhs-js .is-in .gfhs-herd__ring,.gfhs.gfhs-js .is-in .gfhs-kpis__ring,.gfhs.gfhs-js .gfhs-herd__ring.is-in,.gfhs.gfhs-js .gfhs-kpis__ring.is-in{transform:none;opacity:1}
.gfhs.gfhs-js .is-in>.gfhs-emblem{animation:gfhs-bob 3.2s ease-in-out 1s infinite}
@keyframes gfhs-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4%)}}
.gfhs.gfhs-js .gfhs-head__icon{animation:gfhs-pop .9s cubic-bezier(.2,.8,.2,1.3) both}
@keyframes gfhs-pop{from{transform:translateY(-50%) scale(.4);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}
.gfhs.gfhs-js .gfhs-kpi dt{transition:box-shadow .3s ease,transform .3s ease}
.gfhs .gfhs-kpi:hover dt{transform:translateY(-2px);box-shadow:0 6px 16px rgba(41,108,67,.28)}
@media (prefers-reduced-motion:reduce){.gfhs *,.gfhs *::before,.gfhs *::after{animation:none!important;transition:none!important}.gfhs.gfhs-js .gfhs-rv,.gfhs.gfhs-js .gfhs-herd__ring,.gfhs.gfhs-js .gfhs-kpis__ring{opacity:1!important;transform:none!important}}
/* ===== Mobile / small containers: re-layout for readability ===== */
@container (max-width: 600px){
.gfhs-head{height:auto;min-height:64px;padding:14px 86px 14px 58px;justify-content:flex-start}
.gfhs .gfhs-head__icon{left:14px!important;width:34px!important}
.gfhs .gfhs-head__title{font-size:clamp(17px,5.6cqw,24px);white-space:normal}
.gfhs .gfhs-head__logo{right:12px;width:62px!important}
.gfhs .gfhs-pill{margin-top:18px;padding:9px 18px;font-size:15px;border-radius:8px}
.gfhs .gfhs-info{width:auto;margin:12px 12px 0;grid-template-columns:1fr 1fr;gap:10px;border:0;background:none}
.gfhs .gfhs-info>div,.gfhs .gfhs-info>div:nth-child(n+4),.gfhs .gfhs-info>div:nth-child(-n+3){margin:0;border:1.5px solid var(--gfhs-green-line);border-radius:10px;overflow:hidden;background:#fff}
.gfhs .gfhs-info dt{font-size:11.5px;padding:8px 6px 6px;letter-spacing:.02em;color:var(--gfhs-green-txt)}
.gfhs .gfhs-info dd{font-size:14px;padding:9px 6px;text-transform:none;font-weight:700}
.gfhs .gfhs-info>div:nth-child(-n+2){grid-column:1/-1}
.gfhs .gfhs-period{margin:16px 12px 0;font-size:13.5px;justify-content:center;flex-wrap:nowrap;color:var(--gfhs-green-txt);white-space:nowrap}
.gfhs .gfhs-period::before{margin-right:8px}
.gfhs .gfhs-period::before{width:26px;height:26px}
.gfhs .gfhs-herd{grid-template-columns:1fr 1fr;gap:12px 10px;padding:14px 12px 0;align-items:stretch}
.gfhs .gfhs-herd__ring{grid-column:1/-1;grid-row:1;width:150px;margin:0 auto}
.gfhs .gfhs-herd__col{display:contents}
.gfhs .gfhs-stat{background:#f4faf5;border-radius:12px;padding:12px 10px}
.gfhs .gfhs-stat dt{padding-left:30px;font-size:12.5px;white-space:normal;min-height:24px;display:flex;align-items:center;color:var(--gfhs-green-txt)}
.gfhs .gfhs-stat dt::before{width:24px;height:24px}
.gfhs .gfhs-stat dd{padding-left:0;margin-top:6px;font-size:clamp(24px,8cqw,32px)}
.gfhs .gfhs-h3{margin:26px 12px 14px;font-size:16px}
.gfhs .gfhs-photos{width:auto;margin:0 12px;grid-template-columns:1fr;gap:12px}
.gfhs .gfhs-photos a{height:auto;aspect-ratio:4/3;border-radius:14px}
.gfhs .gfhs-used{margin:14px 12px 26px;font-size:14px}
.gfhs .gfhs-kpi-wrap{padding-top:0}
.gfhs .gfhs-tab{position:relative;left:auto;right:auto;height:auto;margin:0 16px;padding:12px 14px 10px;font-size:15px;border-radius:16px 16px 0 0}
.gfhs .gfhs-kpi-band{padding:14px 10px}
.gfhs .gfhs-kpi-panel{border-radius:22px;padding:20px 14px 18px}
.gfhs .gfhs-kpis{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"c c" "s s" "a b";gap:14px 10px}
.gfhs .gfhs-kpis__ring{width:170px;margin:0 auto;padding-bottom:9%}
.gfhs .gfhs-kpis__ring dt{font-size:10.5px;margin-bottom:6px}
.gfhs .gfhs-kpis__ring dd{font-size:15px;padding:6px 22px;border-radius:7px;margin-bottom:-9%}
.gfhs .gfhs-kpis__top,.gfhs .gfhs-kpis__l,.gfhs .gfhs-kpis__r{padding:0;gap:14px;display:grid;justify-items:stretch;align-content:start}
.gfhs .gfhs-kpis__top{display:block;margin-top:14px}
.gfhs .gfhs-kpi,.gfhs .gfhs-kpi--top{align-items:stretch;background:#f4faf5;border-radius:12px;padding:10px;text-align:center}
.gfhs .gfhs-kpi dd{margin:0 0 8px;font-size:clamp(24px,8.4cqw,32px);text-align:center;white-space:normal}
.gfhs .gfhs-kpi dd small{display:block;margin:4px 0 0;vertical-align:0;font-size:11.5px;font-weight:700}
.gfhs .gfhs-kpi dt,.gfhs .gfhs-kpi dt.gfhs-kpi--xl,.gfhs .gfhs-kpi--top dt,.gfhs .gfhs-kpis__l .gfhs-kpi dt,.gfhs .gfhs-kpis__l .gfhs-kpi:last-child dt,.gfhs .gfhs-kpis__r .gfhs-kpi dt,.gfhs .gfhs-kpis__r .gfhs-kpi:last-child dt{min-width:0;width:100%;min-height:44px;font-size:13px;padding:8px 6px;border-radius:8px}
.gfhs .gfhs-kpi dt.gfhs-kpi--xl{font-size:17px}
.gfhs .gfhs-kpis__r .gfhs-kpi:last-child{padding-left:10px;padding-right:10px}
.gfhs .gfhs-eval{margin-top:20px}
.gfhs .gfhs-eval h3{font-size:16px;margin-bottom:8px}
.gfhs .gfhs-eval li{font-size:14.5px;padding-left:28px;margin-bottom:6px;line-height:1.45}
.gfhs .gfhs-eval li::before{left:2px;width:16px;height:16px;top:.25em}
.gfhs .gfhs-prog{padding-top:22px}
.gfhs .gfhs-prog__band{margin:0 10px;padding:12px 14px;font-size:15px;text-align:center;border-radius:10px}
.gfhs .gfhs-prog__sub{margin:14px 12px 16px;padding:0 0 0 46px;font-size:14px;min-height:30px;display:flex;align-items:center}
.gfhs .gfhs-prog__sub::before{left:4px;bottom:10px;width:30px;height:24px;border-width:2.5px}
.gfhs .gfhs-prog__sub::after{left:30px;bottom:5px;border-left-width:12px;border-top-width:6px;border-bottom-width:6px}
.gfhs .gfhs-prods{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;padding:0 12px 20px}
.gfhs .gfhs-prods .gfhs-stage{width:100%;font-size:12.5px;padding:7px 2px;margin-top:8px;border-radius:6px}
.gfhs .gfhs-foot{font-size:12.5px;padding:12px 14px}
}
/* v2 2026-09-23: mobile polish - can deu the KPI, xuong dong can bang cho tieu de */
@container (max-width: 600px){
.gfhs .gfhs-kpis{align-items:stretch}
.gfhs .gfhs-kpis__l,.gfhs .gfhs-kpis__r{grid-auto-rows:1fr;align-content:stretch}
.gfhs .gfhs-kpis__l .gfhs-kpi,.gfhs .gfhs-kpis__r .gfhs-kpi{justify-content:space-between}
.gfhs .gfhs-head__title,.gfhs .gfhs-tab,.gfhs .gfhs-prog__band,.gfhs .gfhs-prog__sub,.gfhs .gfhs-h3{text-wrap:balance}
}
/* v3 2026-09-23: link san pham mo popup cua theme */
.gfhs .gfhs-used a.product-item__link{display:inline}
.gfhs a.gfhs-prod-link{cursor:pointer}
.gfhs a.gfhs-prod-link:focus-visible{outline:2px solid var(--gfhs-green);outline-offset:3px;border-radius:4px}
.gfhs .gfhs-prods .gfhs-stage{cursor:pointer}

/* v4 2026-09-23: bien the vat nuoi (vit/heo), so anh, so san pham, danh gia 2 cot, ghi chu */
.gfhs.gfhs--vit{--gfhs-orange:#ED7E30;--gfhs-ring:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2296%22 fill=%22none%22 stroke=%22%23ED7E30%22 stroke-width=%223.2%22/%3E%3C/svg%3E");--gfhs-ring2:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-12 -12 224 224%22%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2288%22 fill=%22none%22 stroke=%22%23ED7E30%22 stroke-width=%223%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23ED7E30%22 transform=%22translate(100.0 -1.0) rotate(0)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23ED7E30%22 transform=%22translate(177.4 35.1) rotate(50)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23ED7E30%22 transform=%22translate(22.6 35.1) rotate(-50)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23ED7E30%22 transform=%22translate(201.0 100.0) rotate(90)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23ED7E30%22 transform=%22translate(-1.0 100.0) rotate(270)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23ED7E30%22 transform=%22translate(177.4 164.9) rotate(130)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%23ED7E30%22 transform=%22translate(22.6 164.9) rotate(230)%22/%3E%3C/svg%3E")}
.gfhs.gfhs--heo{--gfhs-orange:#42AE49;--gfhs-ring:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2296%22 fill=%22none%22 stroke=%22%2342AE49%22 stroke-width=%223.2%22/%3E%3C/svg%3E");--gfhs-ring2:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-12 -12 224 224%22%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2288%22 fill=%22none%22 stroke=%22%2342AE49%22 stroke-width=%223%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%2342AE49%22 transform=%22translate(100.0 -1.0) rotate(0)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%2342AE49%22 transform=%22translate(177.4 35.1) rotate(50)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%2342AE49%22 transform=%22translate(22.6 35.1) rotate(-50)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%2342AE49%22 transform=%22translate(201.0 100.0) rotate(90)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%2342AE49%22 transform=%22translate(-1.0 100.0) rotate(270)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%2342AE49%22 transform=%22translate(177.4 164.9) rotate(130)%22/%3E%3Cpath d=%22M0 -8 L9 7 L-9 7Z%22 fill=%22%2342AE49%22 transform=%22translate(22.6 164.9) rotate(230)%22/%3E%3C/svg%3E")}
.gfhs--vit .gfhs-herd__ring .gfhs-emblem{left:24%!important;top:14%;width:52%!important}
.gfhs--vit .gfhs-kpis__ring .gfhs-emblem{left:32%!important;top:12%;width:36%!important}
.gfhs--heo .gfhs-herd__ring .gfhs-emblem{left:12%!important;top:30%;width:76%!important}
.gfhs--heo .gfhs-kpis__ring .gfhs-emblem{left:22%!important;top:22%;width:56%!important}
.gfhs .gfhs-photos[style*="--ph"]{gap:calc(var(--gap) * var(--u))}
.gfhs .gfhs-photos[style*="--ph"] a{height:calc(var(--ph) * var(--u))}
.gfhs .gfhs-prods--2{grid-template-columns:repeat(2,calc(15.2 * var(--u)));column-gap:calc(16 * var(--u))}
.gfhs .gfhs-prods--4{grid-template-columns:repeat(4,calc(14.4 * var(--u)));column-gap:calc(6.4 * var(--u))}
.gfhs .gfhs-prods--5{grid-template-columns:repeat(5,calc(13.2 * var(--u)));column-gap:calc(3.6 * var(--u))}
.gfhs .gfhs-prods--4 .gfhs-stage,.gfhs .gfhs-prods--5 .gfhs-stage{width:100%}
.gfhs .gfhs-prods-note{margin:calc(-1.6 * var(--u)) calc(6 * var(--u)) calc(2.6 * var(--u));text-align:center;font-size:max(calc(1.25 * var(--u)),11px);font-style:italic;color:#555;line-height:1.35}
.gfhs .gfhs-herd-note{margin:calc(.6 * var(--u)) calc(3 * var(--u)) 0 auto;width:fit-content;font-size:max(calc(1.35 * var(--u)),11px);font-style:italic;color:var(--gfhs-dark)}
.gfhs .gfhs-eval ul.gfhs-eval--2col{column-count:2;column-gap:calc(4 * var(--u))}
.gfhs .gfhs-eval ul.gfhs-eval--2col li{break-inside:avoid}
.gfhs .gfhs-kpis__ring dd.is-empty{min-width:calc(14 * var(--u));min-height:calc(3.6 * var(--u))}
@container (max-width: 600px){
.gfhs--vit .gfhs-herd__ring .gfhs-emblem{left:26%!important;top:14%;width:48%!important}
.gfhs .gfhs-photos[style*="--ph"]{grid-template-columns:1fr!important;width:auto!important;gap:12px}
.gfhs .gfhs-photos[style*="--ph"] a{height:auto}
.gfhs .gfhs-prods--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:280px;margin:0 auto}
.gfhs .gfhs-prods--4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;max-width:300px;margin:0 auto}
.gfhs .gfhs-prods--5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
.gfhs .gfhs-prods-note{margin:-8px 16px 20px;font-size:12px}
.gfhs .gfhs-herd-note{margin:8px 12px 0;width:auto;text-align:right;font-size:12px}
.gfhs .gfhs-eval ul.gfhs-eval--2col{column-count:1}
.gfhs .gfhs-kpis__ring dd.is-empty{min-width:90px;min-height:28px}
}
.gfhs .gfhs-prog__band--long{padding-left:calc(13 * var(--u));font-size:calc(2.35 * var(--u));white-space:nowrap}
@container (max-width: 600px){.gfhs .gfhs-prog__band--long{padding-left:14px;font-size:14px;white-space:normal}}
.gfhs .gfhs-kpi dt.gfhs-kpi--xl{text-transform:none}
@container (max-width: 600px){.gfhs .gfhs-prods--5{display:flex;flex-wrap:wrap;justify-content:center;column-gap:10px}.gfhs .gfhs-prods--5 li{width:calc((100% - 20px)/3)}}
.gfhs--en .gfhs-head__title{font-size:calc(4.6 * var(--u))}
@container (min-width: 601px){.gfhs .gfhs-kpi{align-items:center}.gfhs .gfhs-kpi dd{text-align:center}}
/* 2026-09-23: can deu 2 ben (desktop) */
@container (min-width: 601px){
.gfhs .gfhs-tab{left:14.5%;right:14.5%}
.gfhs .gfhs-prog__band,.gfhs .gfhs-prog__band--long{margin:0 calc(1.5 * var(--u));padding:calc(1.4 * var(--u)) calc(2 * var(--u));text-align:center}
.gfhs .gfhs-prog__sub{padding:0 calc(16 * var(--u));text-align:center}
.gfhs .gfhs-herd{padding:calc(.6 * var(--u)) calc(2.4 * var(--u)) 0}
.gfhs .gfhs-herd__col{justify-self:center}
.gfhs .gfhs-herd__col:last-child{padding-left:0}
.gfhs .gfhs-kpis__l,.gfhs .gfhs-kpis__r{justify-items:center}
.gfhs .gfhs-kpis__r .gfhs-kpi:last-child{padding-left:0}
}