.cta-card{--cta-bg:#f7f5ef;--cta-border:#e2ddd0;--cta-moss:#013220;--cta-moss-h:#024a2e;--cta-gold:#C5A55A;--cta-earth:#1a1a1a;--cta-muted:#6b6356;font-family:var(--font-body,'DM Sans',sans-serif);margin:40px 0;border-radius:16px;border:1.5px solid var(--cta-border);background:var(--cta-bg);overflow:hidden;container-type:inline-size}
.cta-card__header{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cta-moss);background:rgba(1,50,32,.06);border-bottom:1px solid var(--cta-border)}
.cta-card__header-dot{width:7px;height:7px;border-radius:50%;background:var(--cta-gold);flex-shrink:0}
.cta-card__inner{display:flex;align-items:center;gap:28px;padding:24px}
.cta-card__img-wrap{flex-shrink:0;width:100px}
.cta-card__img-wrap--lg{width:180px}
.cta-card__info{flex:1;min-width:0}
.cta-card__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A7A35;margin-bottom:4px}
.cta-card__title{display:block;font-size:17px;font-weight:700;color:var(--cta-earth);text-decoration:none;line-height:1.3}
.cta-card__title:hover{text-decoration:underline;text-underline-offset:3px}
.cta-card__title--lg{font-size:22px}
.cta-card__tagline{font-size:13px;color:var(--cta-muted);margin-top:4px;line-height:1.5}
.cta-card__tagline--lg{font-size:14px;margin-top:6px}
.cta-card__reviewers{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}
.cta-card__reviewers--lg{margin-top:10px}
.cta-card__reviewer-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:#f0f7f2;border:1px solid #d0e4d6;border-radius:100px;font-size:11px;font-weight:600;color:#025a3a;text-decoration:none;cursor:default}

.cta-card__reviewer-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}
.cta-card__reviewers--lg .cta-card__reviewer-chip img{width:24px;height:24px}
.cta-card__reviewer-chip span{white-space:nowrap}
.cta-card__badges{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 24px 14px;font-size:12px;color:var(--cta-moss);font-weight:600}
.cta-card__badges--inline{display:flex;flex-wrap:wrap;padding:0;margin-top:12px;font-size:12px;color:var(--cta-muted);font-weight:500;gap:4px 14px}
.cta-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:10px;flex-wrap:wrap}
.cta-card__price-row--lg{margin-top:16px}
.cta-card__price{font-size:20px;font-weight:800;color:var(--cta-earth)}
.cta-card__price--lg{font-size:26px}
.cta-card__compare{font-size:14px;color:var(--cta-muted);text-decoration:line-through}
.cta-card__shipping{font-size:12px;color:var(--cta-muted)}
.cta-card__actions{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}
.cta-card__actions--lg{margin-top:20px}
.cta-card__atc{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:14px;font-weight:700;color:#fff;background:var(--cta-moss);border:none;border-radius:10px;cursor:pointer;transition:background .2s,transform .15s;font-family:inherit;letter-spacing:.01em;-webkit-tap-highlight-color:transparent}
.cta-card__atc:hover{background:var(--cta-moss-h);transform:translateY(-1px)}
.cta-card__atc:active{transform:translateY(0)}
.cta-card__atc--lg{padding:14px 36px;font-size:15px;border-radius:12px}
.cta-card__atc[data-adding]{pointer-events:none;opacity:.7}
.cta-card__atc[data-added]{background:var(--cta-gold);pointer-events:none}
.cta-card__details{font-size:13px;color:var(--cta-moss);text-decoration:underline;text-underline-offset:3px;font-weight:600}
@container (max-width:520px){
  .cta-card__inner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}
  .cta-card__img-wrap,.cta-card__img-wrap--lg{width:120px}
  .cta-card__title--lg{font-size:18px}
  .cta-card__price--lg{font-size:22px}
  .cta-card__atc--lg{width:100%;padding:14px 20px}
  .cta-card__actions{width:100%}
  .cta-card__actions--lg{flex-direction:column;align-items:stretch}
  .cta-card__details{text-align:center}
  .cta-card__badges{padding:10px 20px 14px}
}
@media(max-width:640px){
  .cta-card__inner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}
  .cta-card__img-wrap,.cta-card__img-wrap--lg{width:120px}
  .cta-card__title--lg{font-size:18px}
  .cta-card__price--lg{font-size:22px}
  .cta-card__atc--lg{width:100%}
}