.ffad{position:relative;display:flex;align-items:center;gap:12px;margin:4px 0 12px;padding:12px 14px;border:1.5px solid var(--line-2,#e1d8d9);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}
.ffad:hover{border-color:var(--ink,#1b1516)}
.ffad.is-on{border-color:var(--wine,#8a1c2b);background:var(--blush,#fbf1f1)}
.ffad__cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ffad__tick{flex:0 0 22px;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line-2,#cfc5c6);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all .15s}
.ffad.is-on .ffad__tick{background:var(--wine,#8a1c2b);border-color:var(--wine,#8a1c2b);color:#fff}
.ffad__cb:focus-visible+.ffad__tick{outline:2px solid var(--wine,#8a1c2b);outline-offset:2px}
.ffad__img{flex:0 0 56px;width:56px;height:56px;border-radius:8px;object-fit:cover}
.ffad__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ffad__title{font-size:15px;font-weight:600;color:var(--ink,#1b1516);line-height:1.35}
.ffad__desc{font-size:12.5px;color:var(--muted,#7a6f70);line-height:1.45}
.ffad__price{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.ffad__price s{font-size:12px;color:var(--muted,#7a6f70)}
.ffad__price strong{font-size:17px;color:var(--wine,#8a1c2b);font-weight:700}
@media (max-width:380px){.ffad{gap:10px;padding:10px 12px}.ffad__img{width:46px;height:46px;flex-basis:46px}}