@font-face{font-family:Lexend;src:url('/assets/storefront/fonts/Lexend-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.service-promo{--promo-surface:var(--sf-surface,#fff);--promo-text:var(--sf-text-primary,#111827);--promo-muted:var(--sf-text-secondary,#4b5563);--promo-line:var(--sf-border,#e5e7eb);--promo-accent:var(--sf-accent-dark,#b91c1c);--promo-on:#fff;--promo-soft:var(--sf-surface-soft,#f9fafb);box-sizing:border-box;width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--promo-line);border-radius:24px;background:var(--promo-surface);color:var(--promo-text);box-shadow:0 24px 80px #0004;overflow:auto;font-family:Lexend,system-ui,sans-serif}
.service-promo::backdrop{background:#0008}.service-promo[data-theme=light]{--promo-surface:#fff;--promo-text:#111827;--promo-muted:#4b5563;--promo-line:#e5e7eb;--promo-soft:#f9fafb;--promo-accent:#dc2626}.service-promo[data-theme=dark]{--promo-surface:#251d22;--promo-text:#f8f5f6;--promo-muted:#d3c5ca;--promo-line:#4d3b43;--promo-soft:#191316;--promo-accent:#ff7189;--promo-on:#251219}
html[data-theme=dark] .service-promo{--promo-on:#251219}
.service-promo *{box-sizing:border-box}.service-promo-layout{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr)}.service-promo-media{display:flex;align-items:center;justify-content:center;background:var(--promo-soft);padding:24px;min-width:0}.service-promo-media img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:16px}.service-promo-copy{padding:40px 32px 28px;min-width:0}.service-promo-label{display:block;margin:0 32px 12px 0;font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--promo-muted)}.service-promo h2{margin:0 0 16px;font-size:26px;line-height:1.35;letter-spacing:0;font-weight:600;overflow-wrap:anywhere}.service-promo-description{margin:0 0 20px;font-size:14px;line-height:1.7;color:var(--promo-muted)}.service-promo-benefits{display:grid;gap:12px;padding:0;margin:0 0 24px;list-style:none;font-size:14px;line-height:1.5}.service-promo-benefits li{display:flex;gap:8px;align-items:flex-start}.service-promo-benefits svg{flex:none;width:20px;height:20px;color:var(--promo-accent)}.service-promo-actions{display:flex;gap:12px;flex-wrap:wrap}.service-promo-actions a,.service-promo-actions button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid var(--promo-line);text-decoration:none;font:500 14px/1.5 Lexend,system-ui,sans-serif;cursor:pointer;background:transparent;color:var(--promo-text)}.service-promo-actions a{background:var(--promo-accent);border-color:var(--promo-accent);color:var(--promo-on);flex:1 1 160px}.service-promo-actions button:hover{background:var(--promo-soft)}.service-promo-dismiss{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6;color:var(--promo-muted);margin-top:20px}.service-promo-dismiss input{width:16px;height:16px;flex:none;accent-color:var(--promo-accent);margin:2px 0}.service-promo-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--promo-line);border-radius:12px;background:var(--promo-surface);color:var(--promo-text);font:24px/1 system-ui;cursor:pointer}.service-promo.is-preview-mobile{width:min(390px,calc(100% - 32px))}.service-promo.is-preview-mobile .service-promo-layout{grid-template-columns:1fr}.service-promo.is-preview-mobile .service-promo-media{padding:20px 36px 0}.service-promo.is-preview-mobile .service-promo-media img{max-height:180px}.service-promo.is-preview-mobile .service-promo-copy{padding:20px}.service-promo.is-preview-mobile h2{font-size:22px}
@media(max-width:640px){.service-promo-layout{grid-template-columns:1fr}.service-promo-media{padding:20px 36px 0}.service-promo-media img{max-height:180px}.service-promo-copy{padding:20px}.service-promo h2{font-size:22px}.service-promo-actions a{flex-basis:180px}.service-promo{border-radius:20px}}
@media(prefers-reduced-motion:no-preference){.service-promo[open]{animation:service-promo-in .15s ease-out}.service-promo[open]::backdrop{animation:service-promo-fade .15s ease-out}@keyframes service-promo-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes service-promo-fade{from{opacity:0}to{opacity:1}}}

html.service-promo-open{overflow:hidden}