/*! ClickPop Studio demos — shared fonts and the "made by" bar. Every demo brings its own look on top.
   Changa, Alexandria and El Messiri draw Arabic-style ۴ ۵ ۶; their Persian digits come from Vazirmatn (unicode-range). */
@font-face{font-family:"Vazirmatn";src:url("fonts/vazirmatn.woff") format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Lalezar";src:url("fonts/lalezar.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Markazi";src:url("fonts/markazi.woff") format("woff");font-weight:400 700;font-display:swap}
@font-face{font-family:"Changa";src:url("fonts/changa.woff") format("woff");font-weight:200 800;font-display:swap;unicode-range:U+0000-065F,U+066A-06EF,U+06FA-FFFF}
@font-face{font-family:"Changa";src:url("fonts/vazirmatn.woff") format("woff");font-weight:100 900;font-display:swap;unicode-range:U+0660-0669,U+06F0-06F9}
@font-face{font-family:"Alexandria";src:url("fonts/alexandria.woff") format("woff");font-weight:100 900;font-display:swap;unicode-range:U+0000-065F,U+066A-06EF,U+06FA-FFFF}
@font-face{font-family:"Alexandria";src:url("fonts/vazirmatn.woff") format("woff");font-weight:100 900;font-display:swap;unicode-range:U+0660-0669,U+06F0-06F9}
@font-face{font-family:"El Messiri";src:url("fonts/elmessiri.woff") format("woff");font-weight:400 700;font-display:swap;unicode-range:U+0000-065F,U+066A-06EF,U+06FA-FFFF}
@font-face{font-family:"El Messiri";src:url("fonts/vazirmatn.woff") format("woff");font-weight:100 900;font-display:swap;unicode-range:U+0660-0669,U+06F0-06F9}
@font-face{font-family:"Naskh";src:url("fonts/naskh.woff") format("woff");font-weight:400 700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/instrument.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/instrument-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrains.woff") format("woff");font-weight:100 800;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;min-height:100dvh}
img,svg,canvas{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* the "made by ClickPop Studio" bar — a small floating pill, minimisable, never covers content for long */
.dbar{position:fixed;z-index:2147483000;inset-block-end:max(12px,env(safe-area-inset-bottom));inset-inline-start:50%;transform:translateX(50%);
  display:flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:999px;background:rgb(8 28 62/.94);color:#fff;
  box-shadow:0 14px 40px -10px rgb(0 0 0/.55),0 0 0 1px rgb(255 255 255/.12);backdrop-filter:blur(10px);
  font:500 13px/1.4 "Vazirmatn",system-ui,sans-serif;max-width:calc(100vw - 24px);white-space:nowrap}
.dbar a{color:inherit;text-decoration:none}
.dbar__brand{display:grid;padding-inline:.7rem .3rem;line-height:1.35}
.dbar__brand b{font-weight:800;font-size:12.5px}
.dbar__brand span{font-size:11px;color:#A9B7D6}
.dbar__cta{padding:.5rem .95rem;border-radius:999px;background:#FF7B1A;color:#081C3E!important;font-weight:800}
.dbar__all{padding:.5rem .8rem;border-radius:999px;background:rgb(255 255 255/.1);font-weight:700}
.dbar__min{width:30px;height:30px;border:0;border-radius:50%;background:rgb(255 255 255/.1);color:#fff;font-size:16px;line-height:1}
.dbar.is-min .dbar__brand,.dbar.is-min .dbar__all{display:none}
.dbar.is-min .dbar__cta{padding:.4rem .75rem;font-size:12px}
@media (max-width:560px){.dbar__brand span{display:none}.dbar__all{display:none}}
@media print{.dbar{display:none}}