/* Checkout recommendations ("You might also like"): approved design, prototype v18.
   Everything is scoped to #co-reco; no existing checkout selector is changed here. */
#co-reco{padding:18px 12px;}
#co-reco .co-sub{font-family:'Work Sans',Georgia,sans-serif;padding:0 6px;margin-bottom:14px;}
#co-reco .rr{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;}
#co-reco .rc{display:flex;flex-direction:column;min-width:0;background:var(--row);}
#co-reco .rimg{position:relative;}
#co-reco .rph{aspect-ratio:1/1;border:1px solid #E6E4DB;border-radius:12px;overflow:hidden;background:var(--row);}
#co-reco .rph img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.1);display:block;}
/* Approved ADD (v13): 52x30, white, 1.5px green border, 7px radius, Inter 700 12.5px, on the photo's bottom-right edge */
#co-reco .radd{position:absolute;right:5px;bottom:-8px;width:52px;height:30px;display:flex;align-items:center;justify-content:center;
  background:var(--row);color:var(--glow);border:1.5px solid var(--glow);border-radius:7px;font-family:'Inter',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.02em;line-height:1;
  padding:0;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none;transition:background-color .12s ease-out,transform .1s ease-out;}
#co-reco .radd::before{content:"";position:absolute;inset:-8px -5px;}
#co-reco .radd:hover{background:var(--row);color:var(--glow);border-color:var(--glow);}
#co-reco .radd:active{background:#F1F3EC;transform:scale(.96);}
#co-reco .radd:focus-visible{outline:2px solid var(--glow);outline-offset:2px;}
#co-reco .radd:disabled,#co-reco .radd[aria-disabled="true"]{cursor:default;transform:none;}
#co-reco .radd:disabled{background:var(--row);color:#8A8F7E;border-color:#B9BDAF;}
#co-reco .rwt{margin:14px 2px 0;font-size:12px;font-weight:600;color:rgba(30,33,22,.6);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#co-reco .rpr{margin:2px 2px 0;font-size:16px;font-weight:700;color:var(--beige);line-height:1.25;font-variant-numeric:tabular-nums;}
#co-reco .rnm{margin:2px 2px 0;font-size:13.5px;font-weight:500;color:var(--beige);line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
/* Animation C */
#co-reco .rc.leaving{transition:opacity .16s ease-out,transform .16s ease-out;opacity:0;transform:scale(.96);pointer-events:none;}
#co-reco .rc.entering{opacity:0;transform:translateY(6px);}
#co-reco .rc.entered{transition:opacity .18s ease-out .06s,transform .18s ease-out .06s;opacity:1;transform:none;}
#co-items .co-item.reco-enter{transition:height .22s cubic-bezier(.2,.7,.2,1),padding .22s cubic-bezier(.2,.7,.2,1),opacity .18s ease-out;overflow:hidden;}
#co-items .co-item.reco-tint{background:rgba(124,145,82,.13);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:12px;}
#co-items .co-item.reco-tint.reco-fade{background:rgba(124,145,82,0);transition:background-color .9s ease-out .35s;}
#co-items .co-item.reco-enter.reco-tint.reco-fade{transition:height .22s cubic-bezier(.2,.7,.2,1),padding .22s cubic-bezier(.2,.7,.2,1),opacity .18s ease-out,background-color .9s ease-out .35s;}
#co-reco.reco-anim{overflow:hidden;transition:height .2s ease-out,padding .2s ease-out,margin .2s ease-out,opacity .16s ease-out;}
@media(prefers-reduced-motion:reduce){#co-reco,#co-reco *,#co-items .co-item.reco-enter,#co-items .co-item.reco-tint{transition:none!important;}}