/* Free download with optional support modal (staging 2026-10-23). Graphite style on redesign v3 skin tokens. */
.sm-backdrop{--sm-bg:var(--sk-card,#fff);--sm-bg2:var(--sk-bg2,#F7EFE3);--sm-ink:var(--sk-ink,#1D1D1F);--sm-ink2:var(--sk-ink2,#424245);--sm-muted:var(--sk-muted,#6E6A63);--sm-hair:var(--sk-hair,#E9E0D2);--sm-strong:var(--sk-strong,#D6CBB9);--sm-accent:var(--sk-accent,#00777A);--sm-soft:var(--sk-soft,#EAF5F3);--sm-graphite:#0F1215;--sm-on-accent:#fff;
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(15,18,21,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:sm-fade .16s ease-out}
html[data-theme=dark] .sm-backdrop{--sm-bg:var(--sk-card,#181C20);--sm-bg2:#12161A;--sm-ink:var(--sk-ink,#F5F5F7);--sm-ink2:var(--sk-ink2,#C9CDD1);--sm-muted:var(--sk-muted,#9AA3AB);--sm-hair:var(--sk-hair,#2A3036);--sm-strong:var(--sk-strong,#3A424A);--sm-accent:var(--sk-accent,#2DD4C8);--sm-soft:var(--sk-soft,#15282A);--sm-on-accent:#0F1215;background:rgba(0,0,0,.66)}
body.sm-open{overflow:hidden}
.sm-dialog{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--sm-bg);color:var(--sm-ink);border:1px solid var(--sm-hair);border-radius:20px;box-shadow:0 30px 80px -20px rgba(15,18,21,.45),0 2px 6px rgba(15,18,21,.08);font-family:Inter,"IBM Plex Sans Arabic",system-ui,sans-serif;outline:none;animation:sm-rise .2s ease-out}
.sm-dialog[dir=rtl]{font-family:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif}
.sm-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:26px 28px 18px;border-bottom:1px solid var(--sm-hair);background:linear-gradient(180deg,var(--sm-bg2),var(--sm-bg))}
.sm-eyebrow{margin:0 0 6px;font:600 11px/1.2 Inter,sans-serif;letter-spacing:.14em;color:var(--sm-accent)}
.sm-dialog[dir=rtl] .sm-eyebrow{letter-spacing:0;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:12.5px}
.sm-head h2{margin:0;font:650 26px/1.15 "Inter Tight",Inter,"IBM Plex Sans Arabic",sans-serif;letter-spacing:-.015em;color:var(--sm-ink)}
.sm-dialog[dir=rtl] .sm-head h2{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0}
.sm-head p#sm-lead{margin:8px 0 0;color:var(--sm-ink2);font-size:14.5px;line-height:1.5;max-width:52ch}
.sm-tools{display:flex;gap:8px;align-items:center;flex:none}
.sm-lang{display:inline-flex;border:1px solid var(--sm-strong);border-radius:999px;padding:2px;background:var(--sm-bg)}
.sm-lang button{all:unset;cursor:pointer;min-width:30px;height:26px;padding:0 8px;border-radius:999px;font:600 12px/26px Inter,"IBM Plex Sans Arabic",sans-serif;text-align:center;color:var(--sm-muted)}
.sm-lang button[aria-pressed=true]{background:var(--sm-graphite);color:#fff}
html[data-theme=dark] .sm-lang button[aria-pressed=true]{background:var(--sm-ink);color:var(--sm-graphite)}
.sm-x{all:unset;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--sm-ink2);border:1px solid var(--sm-hair)}
.sm-x:hover{background:var(--sm-bg2)}
.sm-options{list-style:none;margin:0;padding:22px 28px 6px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sm-options.sm-two{grid-template-columns:repeat(2,1fr)}
.sm-option{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;width:100%;height:100%;padding:18px 16px;border:1px solid var(--sm-strong);border-radius:14px;background:var(--sm-bg);color:var(--sm-ink);transition:border-color .15s,background .15s,transform .15s}
.sm-option:hover{border-color:var(--sm-ink2);transform:translateY(-1px)}
.sm-option[aria-pressed=true]{border-color:var(--sm-accent);background:var(--sm-soft);box-shadow:inset 0 0 0 1px var(--sm-accent)}
.sm-option[disabled]{opacity:.6;cursor:progress}
.sm-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--sm-bg2);border:1px solid var(--sm-hair)}
.sm-ic svg,.sm-check svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sm-ot{font:650 15.5px/1.25 "Inter Tight",Inter,"IBM Plex Sans Arabic",sans-serif}
.sm-od{font-size:13px;line-height:1.45;color:var(--sm-muted)}
.sm-dialog[dir=rtl] .sm-ot{font-family:"IBM Plex Sans Arabic",sans-serif}
.sm-detail{padding:10px 28px 4px;min-height:8px}
.sm-panel{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:16px 18px;margin:8px 0;border:1px solid var(--sm-hair);border-radius:14px;background:var(--sm-bg2)}
.sm-form{flex-direction:column;align-items:stretch;gap:8px}
.sm-form label{font-weight:600;font-size:13.5px}
.sm-amount{display:flex;align-items:center;gap:6px;max-width:220px;border:1px solid var(--sm-strong);border-radius:10px;background:var(--sm-bg);padding:0 12px}
.sm-amount span{color:var(--sm-muted);font-weight:600}
.sm-amount input{all:unset;flex:1;height:42px;font:600 17px Inter,sans-serif;color:var(--sm-ink);direction:ltr}
.sm-amount:focus-within{border-color:var(--sm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sm-accent) 25%,transparent)}
.sm-form small{color:var(--sm-muted);font-size:12.5px}
.sm-test{color:var(--sm-accent)!important}
.sm-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font:600 14.5px Inter,"IBM Plex Sans Arabic",sans-serif;align-self:flex-start}
.sm-primary{background:var(--sm-graphite);color:#fff}
html[data-theme=dark] .sm-primary{background:var(--sm-accent);color:var(--sm-on-accent)}
.sm-primary[disabled]{opacity:.55;cursor:progress}
.sm-simple img{width:148px;height:auto;border-radius:10px;background:#fff;border:1px solid var(--sm-hair);padding:6px}
.sm-simple>div{flex:1;min-width:200px}
.sm-simple p{margin:0 0 8px;font-size:13.5px;line-height:1.5;color:var(--sm-ink2)}
.sm-muted{color:var(--sm-muted)!important;font-size:12.5px!important}
.sm-link{color:var(--sm-accent);font-weight:600;font-size:13.5px}
.sm-wait{display:flex;align-items:center;gap:16px;width:100%}
.sm-panel .sm-wait{padding:0}
.sm-simple+.sm-wait{padding:4px 18px 10px}
.sm-ring{position:relative;width:64px;height:64px;flex:none}
.sm-ring svg{width:64px;height:64px;transform:rotate(-90deg)}
.sm-dialog[dir=rtl] .sm-ring svg{transform:rotate(-90deg) scaleY(-1)}
.sm-ring circle{fill:none;stroke:var(--sm-hair);stroke-width:3}
.sm-ring circle+circle{stroke:var(--sm-accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.sm-ring b{position:absolute;inset:0;display:grid;place-items:center;font:650 20px Inter,sans-serif;font-variant-numeric:tabular-nums}
.sm-wait strong{display:block;font-size:15px}
.sm-wait small{color:var(--sm-muted)}
.sm-ready{justify-content:space-between}
.sm-ready>div{flex:1}
.sm-check{color:var(--sm-accent)}
.sm-check svg{width:34px;height:34px}
.sm-spinner{width:18px;height:18px;border:2px solid var(--sm-hair);border-top-color:var(--sm-accent);border-radius:50%;animation:sm-spin .8s linear infinite}
.sm-error{margin:4px 28px 0;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,#C0392B 12%,var(--sm-bg));color:var(--sm-ink);font-size:13.5px}
.sm-foot{padding:14px 28px 22px;color:var(--sm-muted);font-size:12.5px}
.sm-dialog :focus-visible{outline:2px solid var(--sm-accent);outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.sm-options,.sm-options.sm-two{grid-template-columns:1fr}.sm-head{flex-direction:column-reverse}.sm-tools{align-self:flex-end}.sm-dialog[dir=rtl] .sm-tools{align-self:flex-start}}
@media (prefers-reduced-motion:reduce){.sm-backdrop,.sm-dialog{animation:none}.sm-option,.sm-ring circle+circle{transition:none}}
@keyframes sm-fade{from{opacity:0}}@keyframes sm-rise{from{opacity:0;transform:translateY(8px)}}@keyframes sm-spin{to{transform:rotate(360deg)}}
html:root:root:root:root .sm-backdrop .sm-dialog:focus,html:root:root:root:root .sm-backdrop .sm-dialog:focus-visible{outline:none!important}

/* Page fixes (round 3): sticky header must not show the format band through it; dark-mode catalog toolbar contrast. */
html:root:root:root:root:root:root body>.site-header{background:color-mix(in srgb,var(--pz-paper,#fbf8f1) 95%,transparent)!important;animation:none!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
html:root:root:root:root:root:root[data-theme=dark] .segmented{background:#26231d!important;border:1px solid #4a4438!important}
html:root:root:root:root:root:root[data-theme=dark] .segmented button[aria-pressed=false]{color:#f4efe4!important;background:transparent!important}
html:root:root:root:root:root:root[data-theme=dark] .segmented button[aria-pressed=true]{background:#f4efe4!important;color:#0e0d0b!important}
html:root:root:root:root:root:root[data-theme=dark] .search-box{background:#1a1813!important;border:1px solid #5a5345!important;color:#cfc6b4!important}
html:root:root:root:root:root:root[data-theme=dark] .search-box input{background:transparent!important;color:#f4efe4!important}
html:root:root:root:root:root:root[data-theme=dark] .search-box input::placeholder{color:#a89f8e!important;opacity:1}
[data-copy-scope][dir=rtl]{text-align:right}