/* Shopify affiliate placements (2026-10-01). Separate file on purpose: never append to style.css. */
.td-nav-shopify{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-heading,'Outfit',sans-serif);font-size:13px;font-weight:600;color:#0F172A!important;padding:9px 13px;border:1.5px solid #CBD5E1;border-radius:100px;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.td-nav-shopify:hover{border-color:#008060;color:#008060!important;background:#F2FBF7}
.td-nav-shopify svg{width:14px;height:14px;flex:none}
@media (max-width:1279px){.td-nav-shopify{display:none}}
.td-nav-right .td-nav-cta{white-space:nowrap}
.td-nav-shopify svg{width:13px;height:13px}
.td-mobile-shopify{color:#008060!important;font-weight:600}

.td-shopify-band{background:#F2FBF7;border-top:1px solid #D7EFE4;padding:clamp(48px,7vw,80px) 0}
.td-shopify-band-inner{max-width:1200px;margin:0 auto;padding:0 clamp(16px,5vw,40px);display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.td-shopify-band-label{font-family:var(--font-heading,'Outfit',sans-serif);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#008060;margin:0 0 10px}
.td-shopify-band-h{font-family:var(--font-heading,'Outfit',sans-serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;color:#0F172A;margin:0 0 14px}
.td-shopify-band-p{font-family:var(--font-body,'Inter',sans-serif);font-size:1.02rem;line-height:1.65;color:#475569;margin:0;max-width:620px}
.td-shopify-band-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.td-shopify-btn{display:inline-flex;align-items:center;justify-content:center;background:#008060;color:#fff!important;font-family:var(--font-heading,'Outfit',sans-serif);font-size:16px;font-weight:600;padding:15px 28px;border-radius:100px;box-shadow:0 6px 16px rgba(0,128,96,.22);transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none}
.td-shopify-btn:hover{background:#006E52;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,128,96,.28)}
.td-shopify-band-link{font-family:var(--font-body,'Inter',sans-serif);font-size:15px;font-weight:600;color:#0F172A;text-decoration:underline;text-underline-offset:3px}
.td-shopify-band-link:hover{color:var(--color-red,#DC2626)}
.td-shopify-disclosure{font-family:var(--font-body,'Inter',sans-serif);font-size:12.5px;line-height:1.5;color:#64748B;margin:0;max-width:340px}
@media (max-width:860px){.td-shopify-band-inner{grid-template-columns:1fr}.td-shopify-btn{width:100%}.td-shopify-disclosure{max-width:none}}

.td-footer-shopify{margin:10px 0 0;font-size:13px;line-height:1.5;color:#64748b}
.td-footer-shopify a{color:#007A5A;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.td-footer-shopify a:hover{color:#005C44}

/* 2026-10-01 v2: header + footer are filled green buttons */
.td-nav-shopify{background:#008060;border-color:#008060;color:#fff!important}
.td-nav-shopify:hover{background:#006E52;border-color:#006E52;color:#fff!important}
.td-mobile-shopify{display:block;text-align:center;background:#008060;color:#fff!important;border-radius:100px;padding:12px 18px!important;margin:8px 0}
.td-footer-shopify-btn{align-self:flex-start;width:auto;margin-top:22px;font-size:15px;padding:12px 24px}
@media (max-width:860px){.td-footer-shopify-btn{width:auto}}

/* 2026-10-01 v3: compact green button in the mobile top bar, next to Work With Us */
@media (max-width:991px){.td-nav-shopify{display:inline-flex;font-size:12.5px;padding:9px 12px}}
@media (max-width:480px){.td-nav-shopify svg{display:none}.td-nav-shopify{font-size:12px;padding:8px 11px}}
@media (max-width:374px){.td-nav-right{gap:5px}.td-nav-shopify{padding:8px 10px}}
/* under 360px there is room for one pill only: Shopify stays, Work With Us lives in the menu */
@media (max-width:359px){.td-nav-right .td-nav-cta{display:none}}

/* 2026-10-01 v4: laptops (992-1279px) get the button too. The full nav row is tight there,
   so the pill drops its icon and the nav links lose a few px of padding. */
@media (min-width:992px) and (max-width:1279px){.td-nav-shopify{display:inline-flex;font-size:12.5px;padding:8px 12px}.td-nav-shopify svg{display:none}.td-nav-right{gap:10px}}
@media (min-width:992px) and (max-width:1099px){.td-nav-links a{padding:8px 5px}.td-nav-cta{padding-inline:14px}}
/* 1280px+: the bar is capped at 1200px, so links go from 18px to 12px side padding to give the pill breathing room */
@media (min-width:1280px){.td-nav-links a{padding-left:12px;padding-right:12px}.td-nav-right{gap:12px}}
@media (min-width:1100px) and (max-width:1279px){.td-nav-links a{padding-left:8px;padding-right:8px}}

/* 2026-10-01 v5: in-article button on every blog post (td_shopify_post_filter) */
.td-post-shopify{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#F2FBF7;border:1px solid #D7EFE4;border-radius:16px;padding:20px 24px;margin:36px 0}
.td-post-shopify .td-post-shopify-t{margin:0!important;font-size:1rem;line-height:1.5;color:#0F172A;flex:1 1 260px}
.td-post-shopify .td-shopify-btn{flex:none;font-size:15px;padding:12px 24px;text-decoration:none!important;color:#fff!important}
.td-post-shopify-wrap{margin-top:8px;margin-bottom:8px}
@media (max-width:600px){.td-post-shopify{padding:18px}.td-post-shopify .td-shopify-btn{width:100%}}