/* Follow → email-list lightbox (assets/js/store-optins.js). From follow.js in
   themes/Latest Change/Changes 20-10-2026. */
.ts-fol-ov { position: fixed; inset: 0; z-index: 100000; background: rgba(28, 26, 24, .55); display: flex; align-items: flex-start; justify-content: center; padding: 8vh 16px; overflow: auto; font-family: "Inter", system-ui, sans-serif; color: #1C1A18; font-size: 14px; line-height: 1.5; }
.ts-fol-ov * { box-sizing: border-box; }
.ts-fol-box { position: relative; width: 100%; max-width: 480px; background: #fff; border-radius: 14px; padding: 32px 32px 26px; box-shadow: 0 24px 60px rgba(0, 0, 0, .25); }
.ts-fol-x { position: absolute; top: 12px; right: 16px; border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: #8C8278; padding: 0; }
.ts-fol-x:hover { color: #1C1A18; background: none; }
.ts-fol-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #8C8278; margin-bottom: 6px; }
.ts-fol-h { font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 8px; color: #1C1A18; }
.ts-fol-p { color: #55514D; margin: 0 0 16px; }
.ts-fol-in { width: 100%; border: 1px solid #D8D4CE; border-radius: 6px; padding: 12px; font: inherit; font-size: 15px; background: #fff; margin-bottom: 12px; }
.ts-fol-in:focus { outline: none; border-color: #1C1A18; }
.ts-fol-in.err { border-color: #cb7263; }
.ts-fol-err { margin: -6px 0 12px; font-size: 12.5px; font-weight: 600; color: #C25F4E; }
.ts-fol-btn { display: inline-block; border: 1px solid #1C1A18; background: #1C1A18; color: #fff; border-radius: 4px; padding: 11px 20px; font: inherit; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; text-decoration: none; }
.ts-fol-btn:hover { background: #bc886d; border-color: #bc886d; color: #fff; }
.ts-fol-btn:disabled { opacity: .6; cursor: wait; }
.ts-fol-btn.ghost { background: #fff; color: #1C1A18; }
.ts-fol-btn.ghost:hover { background: #1C1A18; color: #fff; border-color: #1C1A18; }
.ts-fol-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ts-fol-note { font-size: 12.5px; color: #8C8278; margin: 14px 0 0; }
.ts-fol-ok { text-align: center; }
.ts-fol-ok .ico { width: 54px; height: 54px; border-radius: 50%; background: #E4F0EA; color: #3F5C4C; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.ts-fol-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 100001; background: #1C1A18; color: #fff; border-radius: 6px; padding: 10px 16px; font: 600 13px "Inter", system-ui, sans-serif; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }
.sp-follow-btn.is-following { background: #FAF7F2; color: #1C1A18; }
.sp-follow-btn.is-following:hover { background: #B48970; border-color: #B48970; color: #fff; }
@media (max-width: 520px) {
	.ts-fol-box { padding: 28px 20px 22px; }
}