.product-complements{margin:28px 0;padding:24px;border:1px solid var(--line,#dbe2ee);border-radius:22px;background:var(--sg-card,var(--paper,#fff));color:var(--ink,#17223c);box-shadow:var(--sg-soft,0 8px 28px #2033540a);min-width:0}
.complement-heading h2{font-size:clamp(20px,2vw,26px);line-height:1.2;margin:0 0 8px}.complement-heading p,.complement-note,.complement-store,.complement-pack{color:var(--muted,#596579);font-size:14px;line-height:1.5}
.complement-heading p{margin:0 0 20px}.complement-included{padding:14px 18px;background:var(--soft,#edf3ff);border-radius:14px;margin:14px 0}.complement-included h3{margin:0 0 8px;font-size:16px}.complement-included ul{margin:0;padding-left:20px;line-height:1.6}
.complement-checklist{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}.complement-checklist li{border:1px solid var(--line,#dbe2ee);border-radius:14px;padding:14px;min-width:0}.complement-checklist strong{display:block;font-size:16px;line-height:1.4}.complement-checklist p{margin:6px 0 0;color:var(--muted,#596579);line-height:1.5;font-size:14px}.complement-status,.complement-requirement{display:block;color:var(--accent,#2d63c5);font-size:12px;line-height:1.4;font-weight:700;margin:0 0 5px}.complement-status--verify{color:var(--muted,#596579)}
.complement-cards-heading{font-size:20px;margin:24px 0 14px}.complement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.complement-card{border:1px solid var(--line,#dbe2ee);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:104px minmax(0,1fr);background:var(--sg-card,var(--paper,#fff));min-width:0}.complement-photo{display:flex;align-items:center;justify-content:center;min-width:0;background:#fff;align-self:start;min-height:104px}.complement-photo img{width:100%;height:104px;object-fit:contain;padding:8px;background:#fff}.complement-card-copy{padding:14px;min-width:0}.complement-name{display:block;min-height:44px;font-weight:700;line-height:1.4;color:var(--ink,#17223c);overflow-wrap:anywhere}.complement-store,.complement-pack{margin:6px 0}.complement-price{display:block;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.complement-open{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--line,#dbe2ee);border-radius:12px;margin:12px 0 6px;text-decoration:none}.complement-card .stock-check{min-height:44px;width:100%;font-size:14px;white-space:normal}.complement-card .stock-result{font-size:13px;line-height:1.45}.complement-note{margin:14px 0 0}.complement-loading,.complement-unavailable{padding:18px 0;color:var(--muted,#596579);font-size:14px;line-height:1.5}.complement-loading{display:flex;gap:10px;align-items:center}.complement-loading span{width:18px;height:18px;flex:none;border:2px solid var(--line,#dbe2ee);border-top-color:var(--accent,#2d63c5);border-radius:50%;animation:complement-spin .8s linear infinite}@keyframes complement-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.product-complements{padding:16px;margin:20px 0;border-radius:18px}.complement-grid{grid-template-columns:minmax(0,1fr)}.complement-card{grid-template-columns:88px minmax(0,1fr)}.complement-photo{min-height:88px}.complement-photo img{height:88px}.complement-card-copy{padding:12px}.complement-name{font-size:15px}.complement-heading h2{font-size:21px}.complement-checklist li{padding:12px}}
@media(prefers-reduced-motion:reduce){.complement-loading span{animation:none}}