.gc-affiliates { box-sizing:border-box; width:100%; padding:48px 24px; background:#faf9f6; color:#29332f; font-family:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif; letter-spacing:normal; }
.gc-affiliates *, .gc-affiliates *::before, .gc-affiliates *::after { box-sizing:border-box; }
.gc-affiliates .gc-affiliates-inner { width:100%; max-width:1080px; margin:0 auto; }
.gc-affiliates .gc-affiliates-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 16px; margin:0 0 20px; }
.gc-affiliates .gc-affiliates-heading::before { content:"LIFE ESSENTIALS"; flex-basis:100%; color:#a86b42; font-size:9px; font-weight:600; letter-spacing:.2em; line-height:1; }
.gc-affiliates .gc-affiliates-heading h2 { margin:0; padding:0; font-size:20px; line-height:1.5; font-weight:600; color:#29332f; letter-spacing:.04em; }
.gc-affiliates .gc-affiliates-heading > span { margin-left:auto; font-size:10px; line-height:1.5; font-weight:400; color:#77766f; }
.gc-affiliates .gc-affiliates-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.gc-affiliates .gc-affiliate-card { position:relative; min-width:0; display:grid; grid-template-columns:38% minmax(0,1fr); grid-template-rows:1fr auto auto; align-items:center; column-gap:12px; row-gap:6px; aspect-ratio:16 / 9; min-height:90px; padding:16px; border:1px solid #e9e6df; border-radius:12px; background:#fff; text-decoration:none; color:#29332f; box-shadow:0 2px 4px #38312603; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; text-align:left; }
.gc-affiliates .gc-affiliate-card::after { content:"↗"; position:absolute; right:12px; bottom:13px; color:#aa7957; font-size:14px; line-height:1; transition:transform .2s ease; }
.gc-affiliates .gc-affiliate-card img { display:block; width:100%; max-width:100%; height:46px; object-fit:contain; border-radius:4px; margin:0; }
.gc-affiliates .gc-affiliate-card strong { display:block; margin:0; font-size:16px; line-height:1.35; font-weight:650; letter-spacing:-.015em; }
.gc-affiliates .gc-affiliate-card small { grid-column:1 / -1; display:flex; align-items:center; gap:7px; font-size:11px; line-height:1.5; color:#666b66; }
.gc-affiliates .gc-affiliate-card small b { padding:2px 6px; border-radius:4px; background:#f6f0e8; font-size:10px; font-weight:600; color:#97613d; }
.gc-affiliates .gc-affiliate-card > span { grid-column:1 / -1; padding-right:14px; font-size:11px; line-height:1.5; color:#777b75; }
.gc-affiliates .gc-affiliates-disclosure { margin:16px 0 0; font-size:10px; line-height:1.8; color:#77766f; font-weight:400; }
.gc-affiliates .gc-affiliate-card:focus-visible { outline:2px solid #aa7957; outline-offset:4px; }
@media (hover:hover) { .gc-affiliates .gc-affiliate-card:hover { transform:translateY(-3px); border-color:#ccbda9; box-shadow:0 8px 20px #38312609; } .gc-affiliates .gc-affiliate-card:hover::after { transform:translate(1px,-1px); } }
@media (max-width:767px) {
 .gc-affiliates { padding:32px 16px; }
 .gc-affiliates .gc-affiliates-heading { gap:8px 10px; margin-bottom:16px; }
 .gc-affiliates .gc-affiliates-heading::before { font-size:8px; }
 .gc-affiliates .gc-affiliates-heading h2 { font-size:17px; }
 .gc-affiliates .gc-affiliates-heading > span { font-size:9px; }
 .gc-affiliates .gc-affiliates-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .gc-affiliates .gc-affiliate-card { padding:9px; column-gap:7px; row-gap:3px; border-radius:10px; }
 .gc-affiliates .gc-affiliate-card img { height:28px; }
 .gc-affiliates .gc-affiliate-card strong { font-size:12px; }
 .gc-affiliates .gc-affiliate-card small { gap:5px; font-size:10px; }
 .gc-affiliates .gc-affiliate-card small b { padding:1px 4px; font-size:9px; }
 .gc-affiliates .gc-affiliate-card > span { font-size:9px; }
 .gc-affiliates .gc-affiliate-card::after { right:8px; bottom:10px; font-size:11px; }
 .gc-affiliates .gc-affiliates-disclosure { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) { .gc-affiliates .gc-affiliate-card, .gc-affiliates .gc-affiliate-card::after { transition:none; transform:none; } }