.recommendation-purchase{padding:0 14px 16px;display:flex;flex-direction:column;gap:10px}
.recommendation-purchase label{font-weight:600;display:block;margin-bottom:6px}
.recommendation-purchase select{width:100%;max-width:100%;min-height:44px;border:1px solid var(--border,#aaa);border-radius:8px;background:var(--bg,#fff);color:var(--text,#111);padding:10px;font:inherit}
.recommendation-purchase .recommendation-add{width:100%;min-height:44px;white-space:normal}
.recommendation-purchase .recommendation-owned,.recommendation-check{min-height:44px;background:transparent;color:var(--text,#111);border:1px solid var(--border,#aaa);border-radius:8px;padding:8px 10px;font:inherit;cursor:pointer}
.recommendation-purchase button:disabled{opacity:.55;cursor:default}
.recommendation-purchase [hidden]{display:none!important}
.recommendation-status{font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.recommendation-price{font-weight:700;margin:0}
.recommendation-parts{border-top:1px solid var(--border,#ddd);padding-top:14px;margin-top:8px;display:grid;gap:14px}
.recommendation-parts h4{margin:0;font-size:16px}
.recommendation-part{min-width:0;border:1px solid var(--border,#ddd);border-radius:8px;padding:10px}
.recommendation-part img{height:120px;max-width:100%;object-fit:contain;background:white;border-radius:6px}
.recommendation-part a{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none}
.recommendation-part .recommendation-purchase{padding:12px 0 0}
.setup-card>.recommendation-purchase{padding:0;margin-top:12px}
.recommendation-purchase :focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){.recommendation-purchase{padding:0 10px 12px}.recommendation-purchase select{font-size:16px}.recommendation-parts{gap:10px}}

.recommendation-post-add-row{display:grid;gap:20px;margin-top:20px}.recommendation-post-add-row:empty{display:none}.recommendation-post-add-row .recommendation-parts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recommendation-post-add-row h4{grid-column:1/-1}.aftershave-recommendations .setup-grid{align-items:stretch}.aftershave-recommendations .recommendation-purchase{margin-top:auto}
.recommendation-parts[hidden]{display:none!important}.recommendation-post-add-row:not(:has(.recommendation-parts:not([hidden]))){display:none}