.kamar-gf{width:var(--gf-w,80%);margin:0 auto;
--gf-navy:#103547;--gf-yellow:#F6B767;--gf-red:#D40513;--gf-ink:#33312e}
.kamar-gf-title{margin:0 0 4px;font-size:clamp(20px,2.6vw,30px);font-weight:800;color:var(--gf-navy);
line-height:1.15;letter-spacing:-.2px}
.kamar-gf-sub{margin:0 0 16px;font-size:clamp(13px,1.3vw,15.5px);color:#5b6675;line-height:1.4}
.kamar-gf-grid{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}
.kamar-gf-card{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--kamar-radius,10px);overflow:hidden;
background:#fff;border:1px solid #e7ecf2;
box-shadow:0 3px 14px rgba(16,53,71,.08);
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.kamar-gf-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(16,53,71,.18);
border-color:var(--gf-yellow)}
.kamar-gf-media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;
background:linear-gradient(155deg,#f4f7ff 0%,#eaf0fb 100%)}
.kamar-gf-media img{width:100%;height:100%;object-fit:cover;display:block;
transition:transform .35s ease}
.kamar-gf-card:hover .kamar-gf-media img{transform:scale(1.06)}
.kamar-gf-badge{position:absolute;top:10px;right:10px;z-index:2;
background:linear-gradient(135deg, #E0A412 0%, #F7C445 50%, #FDE7A0 100%);border:1px solid #F7C445;color:var(--gf-navy);font-size:13px;font-weight:800;
letter-spacing:.6px;line-height:13px;padding:6px 10px;border-radius:10px;
box-shadow:0 2px 6px rgba(16,53,71,.18)}
.kamar-gf-body{display:flex;flex-direction:column;gap:1px;padding:11px 12px 13px;text-align:center}
.kamar-gf-age{font-size:clamp(17px,1.5vw,19px);font-weight:800;color:var(--gf-navy);line-height:1.15}
.kamar-gf-hook{font-size:12.5px;font-weight:600;color:#75795E;line-height:1.25}
@media (max-width:1100px){ .kamar-gf-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:600px){
.kamar-gf-card:nth-of-type(n+5){display:none}
.kamar-gf{width:auto;margin-left:12px;margin-right:12px}
.kamar-gf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kamar-gf-badge{font-size:10px;padding:2px 7px}
}
@media (prefers-reduced-motion:reduce){
.kamar-gf-card,.kamar-gf-media img{transition:none}
}