/* Davra — Dasturxon doirasi: markazda lagan shaklidagi doira, atrofida piyolalar halqasi, erkaklar davrasi ruhi. Nahorgi osh shabloni; ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-davra .inv{background:radial-gradient(circle at 50% 12%,var(--p1),var(--p2) 80%)}
.t-davra .wash{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.9;
  background:radial-gradient(circle,var(--w2) 0 1.5px,transparent 2.5px) 0 0/22px 22px}
.t-davra .content{padding-top:56px}
.t-davra .small{color:var(--gl);letter-spacing:.3em;font-size:11px}
.t-davra .kick{font-family:var(--fd);font-size:15px;color:var(--tx2);margin-top:4px}
/* Doira: lagan + ikki halqa (kesik chiziqlar va 16 «piyola» nuqta) */
.t-davra .dv-wrap{position:relative;width:min(100%,352px);margin:14px auto 6px}
.t-davra .dv-ring{position:absolute;left:50%;top:50%;width:122%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(var(--gl) 0 1.2deg,transparent 1.2deg 6deg);opacity:.55;
  -webkit-mask:radial-gradient(circle,transparent 66%,#000 66.5%,#000 69%,transparent 69.5%);mask:radial-gradient(circle,transparent 66%,#000 66.5%,#000 69%,transparent 69.5%);
  animation:dvSpin 90s linear infinite}
.t-davra .dv-ring.r2{width:112%;opacity:.9;background:repeating-conic-gradient(var(--gl) 0 4deg,transparent 4deg 22.5deg);
  -webkit-mask:radial-gradient(circle,transparent 71%,#000 71.5%,#000 76%,transparent 76.5%);mask:radial-gradient(circle,transparent 71%,#000 71.5%,#000 76%,transparent 76.5%);
  animation:dvSpin 140s linear infinite reverse}
.t-davra .dv-plate{position:relative;z-index:1;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:34px 28px;
  background:radial-gradient(circle at 50% 38%,#fff 0,var(--card) 55%,var(--p2) 100%);border:2px solid var(--gl);
  box-shadow:0 0 0 8px var(--p1),0 0 0 9px var(--line),0 24px 46px rgba(0,0,0,.14)}
.t-davra .dv-plate:before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed var(--line);pointer-events:none}
.t-davra .names{font-family:var(--fs);font-size:clamp(26px,7.6vw,36px);line-height:1.1;letter-spacing:.04em;text-transform:uppercase;margin:6px 0 0;color:var(--tx)}
.t-davra .names .amp{font-family:var(--fd);font-size:.7em;color:var(--gl);text-transform:none}
.t-davra .hero .host{font-size:15px;margin-top:6px}
.t-davra .when{font-family:var(--fb);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);margin-top:8px}
.t-davra .photo{width:150px;height:150px;margin:8px auto 0}
.t-davra .quote{margin-top:22px}
.t-davra .greeting p{font-style:normal;font-size:19px;color:var(--tx)}
.t-davra .greeting p::first-line{font-family:var(--fd);font-size:24px;color:var(--gl)}
/* Tadbir — piyola belgili kartochka */
.t-davra .dve .small{margin-bottom:12px}
.t-davra .dve-l{display:flex;flex-direction:column;gap:12px}
.t-davra .dvi{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:60px 18px 18px 60px;padding:14px 18px 14px 14px}
.t-davra .dvi-t{font-family:var(--fn);font-size:22px;line-height:1;color:var(--p1);background:var(--gl);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;grid-row:span 4;box-shadow:inset 0 0 0 3px var(--p1),inset 0 0 0 4px var(--gl)}
.t-davra .dvi-t small{display:block;font-size:11px;letter-spacing:.06em}
.t-davra .dvi-n{font-family:var(--fs);font-size:20px;letter-spacing:.05em;text-transform:uppercase;line-height:1.15}
.t-davra .dvi-d,.t-davra .dvi-a{font-family:var(--fb);font-size:12.5px;color:var(--tx2);line-height:1.45}
.t-davra .maps{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.t-davra .datebig{font-family:var(--fn);font-size:48px}
.t-davra .today{border-radius:999px;padding:20px 24px}
.t-davra .cd div,.t-davra .ev,.t-davra .parents div,.t-davra .note,.t-davra .wi,.t-davra .gift .card,.t-davra .tl .it,.t-davra .next,.t-davra .smp{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:none}
.t-davra .cd div{border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;padding:6px}
.t-davra .cd b{font-size:24px}
.t-davra .frame{border-radius:40px}
.t-davra .btn{font-size:12px;letter-spacing:.06em}
.t-davra .btn.solid{color:var(--p1)}
@keyframes dvSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.t-davra .dv-ring{animation:none}}