/* Scoped recommendation cards: native cart, typography and prices are preserved. */
.complementary-products{--cp-accent:#c95b00;--cp-ink:#33281e;font-family:'Open Sans',Arial,sans-serif;color:var(--cp-ink);margin:30px 0 20px;padding:24px;border:1px solid #f1dfc9;border-radius:20px;background:linear-gradient(135deg,#fff8ee,#fffdf9 65%);box-sizing:border-box}
.complementary-products[hidden]{display:none!important}
.complementary-products *{box-sizing:border-box}
.complementary-products h2,.complementary-products h3{font:700 22px/1.35 'Open Sans',Arial,sans-serif;letter-spacing:-.35px;margin:0 0 8px;color:var(--cp-ink)}
.complementary-products h2:before,.complementary-products h3:before{content:'';display:inline-block;width:8px;height:22px;margin-right:10px;border-radius:8px;background:#f28a00;vertical-align:-3px}
.complementary-products>p{font-size:14px;line-height:1.5;color:#736454;margin:0 0 20px}
.complementary-products__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.complementary-products .complementary-products__item{display:flex;flex-direction:column;gap:13px;width:auto;min-width:0;max-width:none;margin:0;padding:16px;border:1px solid #eee2d3;border-radius:15px;background:#fff;color:inherit;font-family:inherit;font-style:normal;line-height:1.45;box-shadow:0 4px 12px #5c3a1110;transition:border-color .15s,box-shadow .15s}
.complementary-products .complementary-products__item:hover{border-color:#edb873;box-shadow:0 6px 18px #5c3a1119}
.complementary-products strong,.complementary-products input,.complementary-products button{font-family:inherit;font-style:normal}
.complementary-products__product{display:flex;flex-direction:column;gap:14px;color:var(--cp-ink);min-width:0;text-decoration:none!important}
.complementary-products__product:hover{color:var(--cp-accent)}
.complementary-products__product img{display:block;width:100%;height:150px;padding:6px;object-fit:contain;background:#fff;border-radius:10px}
.complementary-products__product strong{font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.complementary-products__price{display:flex;flex-direction:column;gap:2px;margin-top:auto}
.complementary-products__price strong{font-size:20px;line-height:1.3;color:#a94d00;font-weight:700}
.complementary-products__price small{font-size:12px;line-height:1.4;color:#736454}
.complementary-products__actions{display:flex;align-items:stretch;gap:8px;margin-top:0}
.complementary-products__actions input{width:58px;min-width:0;max-width:100%;height:44px;border:1px solid #d7cbbb;border-radius:8px;text-align:center;padding:4px;color:var(--cp-ink);background:#fff;font-size:16px}
.complementary-products__actions button{flex:1;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--cp-accent);border-radius:8px;color:#fff;background:var(--cp-accent);font-size:14px;font-weight:700;line-height:1.3;cursor:pointer}
.complementary-products__actions button:hover:not(:disabled){background:#a94d00;border-color:#a94d00}
.complementary-products__actions button:disabled{background:#edf5ed;color:#345c3c;border-color:#cbdccb;cursor:default}
.complementary-products__product:focus-visible,.complementary-products__actions button:focus-visible,.complementary-products__actions input:focus-visible{outline:3px solid #975000;outline-offset:3px}
.complementary-products__status{font-size:12px;color:#345c3c}
.complementary-products__status:empty{display:none}
.complementary-products--popup{margin:12px 24px 24px;padding:20px;border-radius:16px}
.complementary-products--popup h3{font-size:19px}
.complementary-products--popup>p{font-size:13px;margin-bottom:16px}
.complementary-products--popup .complementary-products__grid{grid-template-columns:1fr;gap:10px}
.complementary-products--popup .complementary-products__item{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:8px 14px;padding:12px;box-shadow:none}
.complementary-products--popup .complementary-products__product{flex-direction:row;align-items:center;grid-row:span 2;gap:12px}
.complementary-products--popup .complementary-products__product img{width:64px;height:72px;flex-shrink:0;padding:2px}
.complementary-products--popup .complementary-products__price{margin:0}
.complementary-products--popup .complementary-products__price strong{font-size:17px}
.complementary-products--popup .complementary-products__status{grid-column:1/-1}
@media(max-width:760px){.complementary-products{padding:18px}.complementary-products__grid{grid-template-columns:1fr}.complementary-products .complementary-products__item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px 14px}.complementary-products__product{display:contents}.complementary-products__product img{width:80px;height:96px;grid-column:1;grid-row:span 3;padding:2px}.complementary-products__product strong,.complementary-products__price,.complementary-products__actions,.complementary-products__status{grid-column:2}.complementary-products__price{margin:0}.complementary-products--popup .complementary-products__item{grid-template-columns:64px minmax(0,1fr)}.complementary-products--popup .complementary-products__product{display:contents}.complementary-products--popup .complementary-products__product img{grid-row:span 3}.complementary-products--popup .complementary-products__status{grid-column:2}}
@media(max-width:480px){.complementary-products{padding:14px;border-radius:15px}.complementary-products h2{font-size:20px}.complementary-products .complementary-products__item{grid-template-columns:60px minmax(0,1fr);padding:12px;gap:8px 10px}.complementary-products__product img{width:60px;height:78px}.complementary-products__actions input{width:48px}.complementary-products__actions button{font-size:13px;padding:8px}.complementary-products--popup{margin:10px 12px 18px;padding:12px}.complementary-products--popup .complementary-products__item{grid-template-columns:48px minmax(0,1fr);padding:10px}.complementary-products--popup .complementary-products__product img{width:48px;height:64px}.complementary-products--popup .complementary-products__actions{grid-column:1/-1}.complementary-products--popup .complementary-products__product strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.complementary-products .complementary-products__item{transition:none}}
