.smart-complements{margin-block:32px 48px;padding:32px;border:1px solid var(--brand-line);border-radius:var(--brand-radius-card);background:var(--brand-white)}
.smart-complements[hidden]{display:none!important}.smart-complements>header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.complements-eyebrow{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}
.smart-complements h2{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:8px 0}.smart-complements header p{font-size:16px;line-height:1.5;color:var(--brand-muted);margin:0}
.complements-tax{font-size:14px;color:var(--brand-muted);white-space:nowrap}.complements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.complement-card{display:flex;gap:16px;border:1px solid var(--brand-line);border-radius:14px;padding:16px;min-width:0}.complement-card__image{width:88px;flex:0 0 88px;height:104px;display:grid;place-items:center;background:var(--brand-surface);border-radius:10px;overflow:hidden}.complement-card__image img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}
.complement-card__body{min-width:0;display:flex;flex-direction:column;flex:1}.complement-card__label{font-size:14px;color:var(--brand-muted);line-height:1.3}.complement-card__name{font-size:16px;font-weight:600;line-height:1.3;margin:6px 0}.complement-card__name:hover{text-decoration:underline}
.complement-card__body p{font-size:14px;line-height:1.45;color:var(--brand-muted);margin:0 0 16px}.complement-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;flex-wrap:wrap}.complement-card strong{font-size:18px;font-weight:600}.complement-card button{min-height:44px;background:var(--brand-orange);color:var(--brand-coal);font-size:14px;font-weight:600;border:0;border-radius:10px;padding:0 16px;cursor:pointer}.complement-card button:hover{background:var(--brand-orange-hover)}.complement-card button:disabled{opacity:.55;cursor:wait}.complement-review{font-size:14px;font-weight:500;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.complements-status{font-size:14px;line-height:1.5;margin:16px 0 0;color:var(--brand-muted)}.complements-status:empty{margin:0}
@media(max-width:1150px){.complements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complement-card__image{width:76px;flex-basis:76px}}
@media(max-width:620px){.smart-complements{width:calc(100% - 20px);padding:20px;margin-block:24px 32px}.smart-complements>header{display:block;margin-bottom:20px}.smart-complements h2{font-size:25px}.smart-complements header p{font-size:14px}.complements-tax{display:block;margin-top:10px}.complements-grid{grid-template-columns:1fr}.complement-card{padding:12px;gap:12px}.complement-card__image{height:96px}.complement-card__name{font-size:16px}.complement-card__body p{font-size:14px}}
.complements-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
@media(min-width:901px){.smart-complements:has(.complement-card:only-child){display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:center}.smart-complements:has(.complement-card:only-child)>header{display:block;margin:0}.smart-complements:has(.complement-card:only-child) .complements-tax{display:block;margin-top:16px}.smart-complements:has(.complement-card:only-child) .complements-status{grid-column:1/-1}.smart-complements:has(.complement-card:only-child) .complements-grid{grid-template-columns:1fr}}
@media(max-width:620px){.complements-grid{grid-template-columns:1fr}}