/* Sahanaz Pay v0.4.1 — single vector icon grammar for all screen sizes.
   Intentionally loaded after previous public/home styles; no data or payment controls affected. */
.sp-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.125em;stroke-width:1.9;overflow:visible}
/* Existing administration and merchant navigations already render SVG icons.
   Do not override their established layout, width or sticky positioning. */
.pay-home-page .public-register{gap:8px}
.pay-home-page .public-register .sp-icon{width:15px;height:15px}
.global-header .mobile-nav summary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.global-header .mobile-nav summary .sp-icon{width:20px;height:20px}
.mobile-nav nav .public-register{gap:8px}
.ref40-site .ref41-icon{display:inline-block;width:1em;height:1em;stroke-width:1.9;vertical-align:-.12em;flex-shrink:0}
.ref40-site .ref40-star{display:inline-flex;align-items:center}
.ref40-site .ref40-star .ref41-icon{width:15px;height:15px}
.ref40-site .ref40-tag{gap:8px}
.ref40-site .ref40-tag>.ref41-icon{width:16px;height:16px;color:#3381da}
.ref40-site .ref40-trust-chips span{display:inline-flex;align-items:center;gap:7px}
.ref40-site .ref40-trust-chips .ref41-icon{width:16px;height:16px;color:#347fe3}
.ref40-site .ref40-button{gap:11px}
.ref40-site .ref40-button .ref41-icon{width:17px;height:17px}
.ref40-site .ref40-quiet-link{display:inline-flex;align-items:center;gap:7px}
.ref40-site .ref40-quiet-link .ref41-icon{width:15px;height:15px}
/* Floating icons: same optical size, stroke weight, surface and centering. */
.ref40-site .ref40-floating{width:44px;height:44px;border-radius:10px;color:#3784db;box-shadow:0 10px 28px rgba(42,105,192,.15)}
.ref40-site .ref40-floating .ref41-icon{width:21px;height:21px}
.ref40-site .ref40-floating.f1{top:34%;left:-20px}
.ref40-site .ref40-floating.f2{right:-18px;top:22%}
.ref40-site .ref40-floating.f3{bottom:-13px;left:36%}
/* The scroll control has its own SVG, no glyph/caret font fallback. */
.ref40-site .ref40-scroll-hint{gap:11px;min-width:72px;min-height:72px;text-align:center}
.ref40-site .ref40-scroll-hint .ref41-scroll-circle{width:42px;height:42px;border-radius:50%;border:1px solid #90b9ee;display:grid;place-items:center;color:#3582dc;background:rgba(255,255,255,.45);transition:background .18s,border-color .18s,transform .18s}
.ref40-site .ref40-scroll-hint .ref41-scroll-circle>.ref41-icon{width:18px;height:18px}
.ref40-site .ref40-scroll-hint:hover .ref41-scroll-circle,.ref40-site .ref40-scroll-hint:focus-visible .ref41-scroll-circle{background:#fff;border-color:#5596ea;transform:translateY(2px)}
/* All service and informational icon tiles use the same geometry. */
.ref40-site .ref40-feature-symbol .ref41-icon{width:23px;height:23px}
.ref40-site .ref40-adv-icon .ref41-icon{width:22px;height:22px}
.ref40-site .ref40-case-icon .ref41-icon{width:23px;height:23px}
.ref40-site .ref40-cta-services span .ref41-icon{width:22px;height:22px}
.ref40-site .ref40-card-bottom a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ref40-site .ref40-card-bottom a .ref41-icon,.ref40-site .ref40-case-footer a .ref41-icon{width:14px;height:14px}
.ref40-site .ref40-case-footer a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
@media(max-width:640px){
  /* The original v0.4.0 rule hid all floating icons on mobile. Keep all three visible,
     but contain them inside the illustration to avoid horizontal overflow. */
  .ref40-site .ref40-hero-graphic{width:100%;padding:8px 5px 10px}
  .ref40-site .ref40-floating{display:grid;width:34px;height:34px;border-radius:9px;box-shadow:0 6px 18px rgba(42,105,192,.13)}
  .ref40-site .ref40-floating .ref41-icon{width:17px;height:17px}
  .ref40-site .ref40-floating.f1{left:-1px;top:30%}
  .ref40-site .ref40-floating.f2{right:-1px;top:18%}
  .ref40-site .ref40-floating.f3{left:46%;bottom:-8px}
  .ref40-site .ref40-scroll-hint{bottom:12px;gap:7px;font-size:11px;min-height:75px}
  .ref40-site .ref40-scroll-hint .ref41-scroll-circle{width:44px;height:44px}
  .ref40-site .ref40-feature-symbol{width:45px;height:45px}
  .ref40-site .ref40-feature-symbol .ref41-icon{width:22px;height:22px}
  .ref40-site .ref40-trust-chips{gap:10px 14px}
  .ref40-site .ref40-trust-chips span{white-space:nowrap}
  .pay-home-page .header-actions .mobile-nav summary{min-height:44px;padding:0 8px}
  .pay-home-page .mobile-nav nav a{min-height:44px}
  .ref40-site .ref40-card-bottom a{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.ref40-site .ref41-scroll-circle{transition:none!important}}
/* Public channel icons are vector symbols too, not A/W letter placeholders. */
.channel-public .channel-emblem{display:grid;place-items:center}
.channel-public .channel-emblem .sp-icon{width:25px;height:25px}
.pay-landing-notice .sp-icon{width:16px;height:16px}
@media(max-width:640px){.channel-public .channel-emblem .sp-icon{width:23px;height:23px}}