/* Arus Funnels – buyer pages */
body.arus-step .wp-block-post-title,body.arus-step h1.entry-title,body.arus-step .entry-header .entry-title,body.arus-step .page-header .page-title{display:none}
.arus-wrap{--arus-ink:#1D2327;--arus-muted:#50575E;--arus-line:#E1E4E8;--arus-wa:#0B6E62;--arus-accent:#1D2327;max-width:720px;margin:0 auto;color:var(--arus-ink);font-size:16px;line-height:1.5}
.arus-wrap *{box-sizing:border-box}
.arus-page{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.arus-ph{border:1px dashed #8C939D;border-radius:12px;color:var(--arus-muted);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:#FAFAFA;min-height:64px}
.arus-hero{min-height:260px}
.arus-hero-img{width:100%;height:auto;border-radius:12px;display:block}
.arus-product{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.arus-product__name{font-weight:700;font-size:18px}
.arus-product__price{font-weight:800;font-size:20px;white-space:nowrap}
.arus-headline{font-size:26px;line-height:1.25;margin:0}
.arus-benefits{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.arus-note{margin:0;color:var(--arus-muted)}
.arus-cta,.arus-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:12px;border:1px solid var(--arus-accent);background:var(--arus-accent);color:#fff !important;font-weight:700;text-decoration:none !important;cursor:pointer;font-size:16px}
.arus-cta{width:100%}
.arus-btn{background:#fff;color:var(--arus-ink) !important;border-color:#C3C8CF;width:100%;margin-top:8px}
.arus-btn--wa{background:var(--arus-wa);border-color:var(--arus-wa);color:#fff !important}
.arus-btn--wa-outline{border-color:var(--arus-wa);color:#0B5E54 !important}
.arus-btn--big{min-height:56px;font-size:17px}
.arus-order{border:2px solid var(--arus-ink);border-radius:14px;padding:16px;margin:8px 0 24px;background:#fff}
.arus-order--plain{border:0;padding:0}
.arus-order__title{margin:0 0 12px;font-size:20px}

.arus-tiers{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.arus-tiers.is-busy{opacity:.55;pointer-events:none}
.arus-tiers__title{font-weight:700;font-size:16px}
.arus-tier{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid #DCDFE4;border-radius:10px;cursor:pointer;background:#fff;flex-wrap:wrap}
.arus-tier.is-on{border-color:var(--arus-ink);background:#FAFAFA}
.arus-tier input{width:20px;height:20px;margin:0}
.arus-tier__name{font-weight:700}
.arus-tier__price{margin-left:auto;font-weight:700;white-space:nowrap}
.arus-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:#EDFAEF;color:#0A5C1F}

.arus-bump{display:flex;gap:12px;align-items:flex-start;padding:12px;margin:12px 0;border:2px dashed #B45309;background:#FFF8E6;border-radius:10px;cursor:pointer}
.arus-bump input{width:22px;height:22px;margin:2px 0 0;flex:0 0 22px;accent-color:#B45309}
.arus-bump__body{display:flex;flex-direction:column;gap:2px}
.arus-bump__body b{color:#7A3300}
.arus-bump__body small{color:#3C434A;font-size:13px}
.arus-notes{margin-top:10px;font-size:12.5px;color:var(--arus-muted)}
.arus-notes p{margin:4px 0}

.arus-finish{display:flex;flex-direction:column;gap:12px;padding:8px 0 24px}
.arus-finish h1{font-size:24px;line-height:1.25;margin:0}
.arus-muted{color:var(--arus-muted);margin:0}
.arus-pill{align-self:flex-start;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#FCF9E8;color:#6B4E00;font-size:13px;font-weight:700}
.arus-status{list-style:none;margin:0 0 4px;padding:12px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;border:1px solid var(--arus-line);border-radius:12px;background:#fff}
.arus-status li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:12px;color:var(--arus-muted)}
.arus-status li span{width:20px;height:20px;border-radius:50%;border:2px solid #DCDFE4;background:#fff}
.arus-status li.is-done{color:var(--arus-ink)}
.arus-status li.is-done span{background:#00A32A;border-color:#00A32A}
.arus-status li.is-current{color:var(--arus-ink);font-weight:700}
.arus-status li.is-current span{border-color:#2271B1}
.arus-live{margin:0;padding:12px 14px;border-radius:10px;background:#FCF9E8;color:#6B4E00;font-size:14px}
.arus-optin,.arus-switch{padding:14px;border-radius:12px;background:#F3FAF8;border:1px solid #D3ECE7;display:flex;flex-direction:column;gap:4px}
.arus-optin p,.arus-switch p{margin:0;font-size:14px;color:#3C434A}
.arus-paybox{border:1px solid var(--arus-line);border-radius:12px;padding:8px}
.arus-summary{border:1px solid var(--arus-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;background:#fff}
.arus-summary h3{margin:0;font-size:16px}
.arus-row{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.arus-row--total{font-weight:800;border-top:1px solid var(--arus-line);padding-top:8px;font-size:16px}
.arus-row--muted{color:var(--arus-muted);font-size:13px}

@media (max-width:640px){
  .arus-headline{font-size:22px}
  body.arus-step-checkout .fct_checkout_btn_wrap,body.arus-step-checkout .fct-checkout-btn-wrap{position:sticky;bottom:0;z-index:5;background:#fff;padding:10px 0;box-shadow:0 -6px 16px rgba(16,24,40,.06)}
}
/* Digital access (0.1.3) */
.arus-access{display:grid;gap:8px;margin:4px 0 12px}
.arus-file{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px;border:1px solid var(--arus-line);border-radius:12px;background:#fff;color:var(--arus-ink) !important;text-decoration:none !important}
.arus-file__name{display:flex;flex-direction:column;min-width:0;font-weight:700;overflow-wrap:anywhere}
.arus-file__name small{font-weight:400;color:var(--arus-muted);font-size:12.5px}
.arus-file__go{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;background:var(--arus-accent);color:#fff;font-weight:700;font-size:14px}
.arus-access .arus-muted{font-size:13.5px}

/* Offers (upsell / downsell) */
.arus-offer{max-width:560px;margin:0 auto;padding:16px}
.arus-offer .arus-pill{display:inline-block;margin-bottom:8px}
.arus-offer__form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.arus-offer__no{background:none;border:0;padding:12px;color:inherit;opacity:.7;text-decoration:underline;cursor:pointer;font:inherit}
.arus-offercard{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:14px;margin:16px 0}
.arus-offercard p{margin:6px 0 10px}
.arus-bumps{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.arus-bump__was{opacity:.6;margin-left:6px}
/* HTML pages (0.3) */
.arus-wrap--html{max-width:none}
.arus-html img{max-width:100%;height:auto}
.arus-html s:empty,.arus-html del:empty,.arus-html small:empty{display:none!important}
/* Form Order hero (0.3): Store Pages lifts the 720px cap on funnel checkouts so the form can be wide; keep the sales copy readable */
.arus-wrap .arus-hero-img{max-width:560px;margin-inline:auto}
body.arus-layout-landing .arus-page{max-width:720px;margin-inline:auto}
/* 0.3.0-rc4: HTML pages and the order box stay readable on wide screens (a 1000px cover filled a 1361px window and pushed the headline and button below the fold) */
.arus-html img,.arus-html video{max-width:100%;height:auto}
body:not(.arus-bare) .arus-html>*:not(.arus-order):not(style){max-width:760px;margin-inline:auto}
.arus-order{max-width:1100px;margin-inline:auto}
.arus-html img[src=""],.arus-html img:not([src]){display:none!important}
/* 0.3.0-rc7: the order form inside an HTML page is a plain single column, whatever the page around it does.
   Store Pages forces 2 columns from the VIEWPORT (@media 900px); FluentCart itself decides from the box. In a narrow box the viewport is wrong. */
.arus-order--html{border:0;border-radius:0;padding:0;margin:0 auto;background:none;max-width:560px;width:100%;text-align:left}
body.storo-sp .arus-order--html .fct_checkout_inner{flex-direction:column-reverse!important;align-items:stretch!important;gap:20px!important}
body.storo-sp .arus-order--html .fct_checkout_form{flex:1 1 auto!important;width:100%!important;max-width:none!important}
body.storo-sp .arus-order--html .fct_checkout_summary{position:static!important;flex:0 0 auto!important;width:100%!important;max-width:none!important}
body.storo-sp .arus-order--html .fct_checkout_form_section{padding:16px!important}
/* Full page: no store header/footer, no theme padding, the page's own background fills the screen */
body.arus-bare .wp-site-blocks>*{margin-block:0}
body.arus-bare .tk-site-header,body.arus-bare .tk-site-footer,body.arus-bare header.wp-block-template-part,body.arus-bare footer.wp-block-template-part{display:none!important}
body.arus-bare .tk-main,body.arus-bare .tk-main>.entry-content{padding:0!important;margin:0!important;max-width:none!important}
body.arus-bare .arus-wrap--html{max-width:none;margin:0;min-height:calc(100vh - var(--wp-admin--admin-bar--height,0px))}
body.arus-bare .arus-html{min-height:inherit}
.arus-order--html .arus-order__title{margin:0 0 12px;font-size:20px;text-align:center}
.arus-order--end{margin-top:40px;margin-bottom:48px}

/* 0.3.0-rc24: Offer and Finish written as HTML */
.arus-offer__tail{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:560px;margin:8px auto 32px;padding:0 16px}
.arus-offer__tail .arus-cta{width:100%;max-width:420px}
.arus-html--offer .arus-offer__no{display:inline-block}
.arus-html--offer span.arus-cta{opacity:.7;cursor:default}
.arus-html--finish .arus-finish{max-width:620px;margin-inline:auto}
.arus-finish--part{padding-top:0}
/* data-show="paid unpaid cod canceled": a block that belongs to some states only */
.arus-html[data-arus-state="paid"] [data-show]:not([data-show~="paid"]),
.arus-html[data-arus-state="unpaid"] [data-show]:not([data-show~="unpaid"]),
.arus-html[data-arus-state="cod"] [data-show]:not([data-show~="cod"]),
.arus-html[data-arus-state="canceled"] [data-show]:not([data-show~="canceled"]){display:none!important}

/* 0.3.0-rc25: the payment form after "Yes" is two columns (form + order summary); inside the 560px offer card the summary covered the form on desktop */
.arus-wrap--pay{max-width:none}
.arus-offer--checkout{max-width:1100px}

/* FSP blocks on the simple page: opening questions, testimonial photo, package contents, button position */
.arus-questions{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-weight:600}
.arus-testi{margin:0;display:flex;flex-direction:column;gap:6px}
.arus-testi img{width:100%;max-width:420px;height:auto;border-radius:12px;display:block;margin:0 auto;border:1px solid var(--arus-line)}
.arus-testi figcaption{text-align:center;font-weight:700;color:#C0392B}
.arus-package{display:flex;flex-direction:column;gap:6px}
.arus-package__title{font-size:17px}
.arus-cta--right{width:auto;min-width:62%;margin-left:auto}
/* Social proof (rc38): the line next to the buy button, and the small notes. */
.arus-proof{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px auto;max-width:520px;font-size:15px;line-height:1.4;text-align:left}
.arus-proof[hidden]{display:none!important}
.arus-proof__dot{flex:0 0 10px;height:10px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.18)}
.arus-proof small{display:block;font-size:13px;opacity:.75}
.arus-note{position:fixed;left:16px;bottom:16px;z-index:9990;display:block;max-width:300px;padding:12px 36px 12px 14px;background:#fff;color:#1f2933;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);font:14px/1.4 system-ui,-apple-system,sans-serif;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.arus-note.is-in{opacity:1;transform:none}
.arus-note small{display:block;color:#6b7280;font-size:12px;margin-top:2px}
.arus-note button{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;background:none;color:#6b7280;cursor:pointer;font-size:18px;line-height:1}
@media (prefers-reduced-motion:reduce){.arus-note{transition:none}}
/* Promo box (rc39): one coupon, three looks. Colours follow the page accent when it has one. */
.arus-promo{--p:var(--arus-accent,#c2410c);box-sizing:border-box;margin:12px auto;max-width:520px;font-size:15px;line-height:1.4;text-align:left}
.arus-promo[hidden]{display:none!important}
.arus-promo small{display:block;font-size:13px;opacity:.8}
.arus-promo--strip{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--p) 9%,#fff);color:#1f2933}
.arus-promo__tag{flex:0 0 auto;padding:2px 8px;border-radius:6px;background:var(--p);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}
.arus-promo--card{display:flex;align-items:stretch;border:2px dashed var(--p);border-radius:14px;overflow:hidden;background:#fff;color:#1f2933}
.arus-promo__amt{flex:0 0 112px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;background:var(--p);color:#fff;text-align:center}
.arus-promo__amt b{font-size:22px;line-height:1.1}
.arus-promo__amt small{color:#fff;opacity:.9}
.arus-promo__body{flex:1;padding:10px 14px;display:grid;gap:3px}
.arus-promo__code{font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--p)}
.arus-promo__how{font-size:14px}
.arus-promo--ribbon{display:flex;flex-wrap:wrap;gap:2px 10px;justify-content:center;align-items:baseline;padding:8px 12px;border:1px dashed var(--p);border-radius:999px;background:color-mix(in srgb,var(--p) 8%,#fff);color:var(--p);text-align:center}
.arus-promo--ribbon span{font-size:13px;color:#4b5563}

/* rc43: class access on the Finish page */
.arus-classes{display:grid;gap:8px;margin:6px 0 14px}.arus-classes .arus-cta{text-align:center}.arus-classes .arus-muted{margin:0}
/* Opt-in pages (rc53): the Fluent Forms form in place of the buy button, and the box after it */
.arus-optin-form{max-width:520px;margin:16px auto;text-align:left}
.arus-optin-form .ff-btn-submit{width:100%;padding:14px 18px;border-radius:10px;font-weight:700;font-size:17px;background:var(--arus-accent,#0b6e62)!important;border-color:transparent!important}
.arus-leadbox{max-width:560px;margin:0 auto;text-align:center}
.arus-leadbox p{margin:10px 0}
.arus-leadbox--compact{margin:0 auto 16px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--arus-accent,#0b6e62) 8%,#fff);text-align:left}
.arus-leadbox__title{display:block;font-size:16px;margin-bottom:4px}
.arus-leadbox--compact .arus-cta{margin:8px 0 0}