.samply-btn{--samply:#9333ea;display:inline-flex;align-items:center;justify-content:center;margin:10px 0 0;border:1.5px solid var(--samply);border-radius:10px;background:#fff;color:var(--samply);font:inherit;font-weight:700;font-size:15px;padding:10px 18px;cursor:pointer;line-height:1.2}
.samply-btn:hover,.samply-btn:focus{background:color-mix(in srgb,var(--samply) 8%,#fff);color:var(--samply)}
.samply-btn:focus-visible{outline:2px solid var(--samply);outline-offset:2px}
form.cart .samply-btn{width:100%;flex-basis:100%}
.samply-tag{display:inline-block;margin-left:6px;border-radius:6px;padding:1px 7px;font-size:.75em;font-weight:700;background:#f3e8ff;color:#7e22ce;vertical-align:middle}
.samply-demo{--samply:#9333ea;display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff;max-width:640px}
.samply-demo__sw{aspect-ratio:1;border-radius:12px;background:repeating-linear-gradient(45deg,#7f9c8a 0 6px,#86a492 6px 12px)}
.samply-demo__n{font-weight:700;font-size:19px;margin:0}
.samply-demo__p{font-size:18px;margin:4px 0 12px}
.samply-demo__a{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.samply-demo__a .samply-btn{margin:0}
.samply-demo__cart{border:0;border-radius:10px;background:#111827;color:#fff;font:inherit;font-weight:700;padding:11px 20px}
.samply-demo__ok{display:none;margin:12px 0 0;color:#15803d;font-weight:600;font-size:14.5px}
.samply-demo.is-added .samply-demo__ok{display:block}
@media (max-width:560px){.samply-demo{grid-template-columns:1fr}.samply-demo__sw{max-width:160px}}