/* demo.css — bütün nümunə saytlar üçün ortaq: "Nümunə sayt" zolağı və pəncərə.
   Satış saytının üslubundadır ki, nümunənin öz dizaynından aydın seçilsin. */
.dmZolaq{position:relative; z-index:60; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 16px;
  padding:9px 16px; background:#16130F; color:#EAE4D8; font:500 13px/1.4 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.dmZolaq p{margin:0}
.dmZolaq b{color:#fff; font-weight:700; margin-right:4px}
.dmZolaq a{color:#EE7A5F; font-weight:700; text-decoration:none; white-space:nowrap}
.dmZolaq a:hover{text-decoration:underline}

.dmPencere{max-width:380px; width:calc(100% - 32px); padding:26px 24px 18px; border:0; border-radius:18px; background:#FBF9F5; color:#16130F;
  font:16px/1.5 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.dmPencere::backdrop{background:rgba(22,19,15,.55)}
.dmPencere p{margin:0 0 18px; color:#4B453C; font-size:15px}
.dmPencere .dmPB{margin-bottom:8px; color:#16130F; font-size:20px; font-weight:700}
.dmPWa{display:flex; align-items:center; justify-content:center; min-height:50px; border-radius:999px; background:#16130F; color:#fff;
  font-weight:700; text-decoration:none}
.dmPWa:hover{background:#2B261F}
.dmPSayt{display:block; margin-top:14px; text-align:center; color:#16130F; font-weight:600; font-size:14.5px}
.dmPencere form{margin:6px 0 0; text-align:center}
.dmPGeri{background:none; border:0; padding:10px; color:#685F53; font:inherit; font-size:14px; cursor:pointer}