:root { --skcoe-ink:#282233; --skcoe-muted:#746d7d; --skcoe-line:#e8e3ed; --skcoe-green:#10b96e; --skcoe-purple:#6747ef; --skcoe-pink:#f7e8f2; }
.skcoe-offers { display:grid; gap:8px; margin:12px 0 15px; }
.skcoe-offer { position:relative; display:grid; grid-template-columns:26px 46px minmax(0,1fr); gap:10px; align-items:center; padding:11px 12px; border:1px solid var(--skcoe-line); border-radius:11px; background:#fff; box-shadow:0 2px 10px rgba(41,31,57,.035); font:inherit; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.skcoe-offer:hover { border-color:#d8d0e1; }
.skcoe-offer.is-selecting,.skcoe-offer.is-added { border-color:#b9e7d2; background:#fbfefc; box-shadow:0 0 0 3px rgba(16,185,110,.07); }
.skcoe-offer__toggle { appearance:none!important; -webkit-appearance:none!important; width:22px!important; min-width:22px!important; max-width:22px!important; height:22px!important; min-height:22px!important; display:grid!important; place-items:center; align-self:center; margin:0!important; padding:0!important; border:1.5px solid #bcb5c5!important; border-radius:5px!important; background:#fff!important; color:transparent!important; line-height:1!important; box-shadow:none!important; cursor:pointer; transition:border-color .15s ease,background .15s ease; }
.skcoe-offer__toggle:hover { border-color:var(--skcoe-green)!important; }
.skcoe-offer__toggle:focus-visible { outline:3px solid rgba(103,71,239,.22); outline-offset:2px; }
.skcoe-offer__toggle[disabled] { opacity:.55; cursor:wait; transform:none; }
.skcoe-offer.is-selecting .skcoe-offer__toggle,.skcoe-offer.is-added .skcoe-offer__toggle,.skcoe-offer__toggle[aria-pressed="true"] { border-color:var(--skcoe-green)!important; background:var(--skcoe-green)!important; color:#fff!important; }
.skcoe-offer__check { display:block;font-size:16px!important;font-weight:900;line-height:1!important;transform:none!important; }
.skcoe-offer__image { width:46px; height:46px; object-fit:cover; border-radius:8px; background:#f8f6fa; }
.skcoe-offer__body { min-width:0; display:grid; gap:2px; }
.skcoe-offer__topline { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.skcoe-offer__badge { width:max-content; max-width:100%; padding:2px 6px; border-radius:99px; background:linear-gradient(90deg,#f0ebff,var(--skcoe-pink)); color:#603dc3; font-size:16px; font-weight:900; letter-spacing:.025em; text-transform:uppercase; }
.skcoe-offer h3 { margin:0; color:var(--skcoe-ink); font-size:16px; line-height:1.25; }
.skcoe-offer__copy { color:var(--skcoe-muted); font-size:16px; line-height:1.35; }
.skcoe-offer__price { display:flex; flex:0 0 auto; align-items:center; gap:6px; font-size:16px; }
.skcoe-offer__price del { color:#999; opacity:.72; font-size:16px; }
.skcoe-offer__price strong { color:var(--skcoe-ink); }
.skcoe-offer__choice { margin-top:2px; color:#168454; font-size:16px; font-weight:800; }
.skcoe-offer__smm { grid-column:2 / -1; display:none; grid-template-columns:1fr auto; gap:8px; align-items:end; margin-top:2px; padding:10px; border:1px solid #dce8e1; border-radius:9px; background:#f5faf7; }
.skcoe-offer.is-selecting .skcoe-offer__smm,.skcoe-offer.is-added .skcoe-offer__smm { display:grid; }
.skcoe-offer__smm label { display:grid; gap:5px; margin:0; color:#504958; font-size:16px; font-weight:780; }
.skcoe-offer__smm label+label { grid-column:1/-1; }
.skcoe-offer__smm input,.skcoe-offer__smm textarea { width:100%; min-height:38px; margin:0; padding:8px 10px; border:1px solid #d4ded8; border-radius:7px; background:#fff; color:var(--skcoe-ink); font:inherit; font-size:16px; box-shadow:none; }
.skcoe-offer__smm textarea { min-height:74px; resize:vertical; }
.skcoe-offer__smm input:focus,.skcoe-offer__smm textarea:focus { border-color:var(--skcoe-purple); outline:0; box-shadow:0 0 0 3px rgba(103,71,239,.1); }
.skcoe-offer__smm [aria-invalid="true"] { border-color:#c43d32; box-shadow:0 0 0 3px rgba(196,61,50,.09); }
.skcoe-offer__smm input:disabled,.skcoe-offer__smm textarea:disabled { background:#eef6f1; color:#53645b; opacity:1; }
.skcoe-offer__smm small { color:var(--skcoe-muted); font-size:16px; font-weight:500; line-height:1.4; }
.skcoe-offer__confirm { min-height:38px; padding:8px 12px; border:0; border-radius:7px; background:var(--skcoe-green); color:#fff; font:inherit; font-size:16px; font-weight:850; white-space:nowrap; cursor:pointer; }
.skcoe-offer__confirm:hover { background:#0da762; }
.skcoe-offer__confirm:focus-visible { outline:3px solid rgba(103,71,239,.22); outline-offset:2px; }
.skcoe-offer__confirm[disabled] { opacity:.55; cursor:wait; }
.skcoe-offer__error { grid-column:1/-1; margin:0; padding:8px 10px; border-radius:7px; background:#fff1f0; color:#a72d25; font-size:16px; line-height:1.4; }
.skcoe-offer * { box-sizing:border-box; }
@media(max-width:600px){.skcoe-offer{grid-template-columns:24px 42px minmax(0,1fr);gap:8px;padding:10px}.skcoe-offer__image{width:42px;height:42px}.skcoe-offer__smm{grid-column:1/-1;grid-template-columns:1fr}.skcoe-offer__confirm{width:100%}.skcoe-offer__topline{align-items:flex-start}.skcoe-offer__copy{display:none}}