/* Dala — botanik maket: to‘rt burchakda akvarel novda, ramkasiz havodor tipografika, barg ajratkichlari. Kalendar yo‘q. */
.t-dala .inv{
  background-color:var(--p1);
  background-image:
    radial-gradient(90% 40% at 12% 0,var(--w1),rgba(255,255,255,0) 60%),
    radial-gradient(90% 40% at 88% 100%,var(--w1),rgba(255,255,255,0) 60%),
    linear-gradient(180deg,var(--p1),var(--p2));
}
.t-dala .content{padding:78px 30px 54px;gap:34px}
.t-dala .small{font-family:var(--fb);font-size:10px;letter-spacing:.4em;color:var(--tx2);font-weight:400}

/* Burchak novdalari */
.t-dala .dl-b{position:absolute;width:132px;height:176px;z-index:0;pointer-events:none;opacity:.48;
  background:linear-gradient(150deg,var(--gl),var(--tx2));
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cpath d='M14 6C30 42 44 82 52 154' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M22 26C6 26 0 40 4 52 18 52 26 40 22 26Z' fill='%23fff'/%3E%3Cpath d='M30 54C12 54 6 70 10 82 26 82 34 68 30 54Z' fill='%23fff'/%3E%3Cpath d='M39 88C21 88 15 104 19 116 35 116 43 102 39 88Z' fill='%23fff'/%3E%3Cpath d='M28 14C44 10 57 20 57 34 43 38 30 28 28 14Z' fill='%23fff'/%3E%3Cpath d='M36 48C54 44 68 56 68 70 52 74 38 62 36 48Z' fill='%23fff'/%3E%3Cpath d='M45 86C63 82 77 94 77 108 61 112 47 100 45 86Z' fill='%23fff'/%3E%3Ccircle cx='60' cy='128' r='5' fill='%23fff'/%3E%3Ccircle cx='47' cy='140' r='3.5' fill='%23fff'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cpath d='M14 6C30 42 44 82 52 154' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M22 26C6 26 0 40 4 52 18 52 26 40 22 26Z' fill='%23fff'/%3E%3Cpath d='M30 54C12 54 6 70 10 82 26 82 34 68 30 54Z' fill='%23fff'/%3E%3Cpath d='M39 88C21 88 15 104 19 116 35 116 43 102 39 88Z' fill='%23fff'/%3E%3Cpath d='M28 14C44 10 57 20 57 34 43 38 30 28 28 14Z' fill='%23fff'/%3E%3Cpath d='M36 48C54 44 68 56 68 70 52 74 38 62 36 48Z' fill='%23fff'/%3E%3Cpath d='M45 86C63 82 77 94 77 108 61 112 47 100 45 86Z' fill='%23fff'/%3E%3Ccircle cx='60' cy='128' r='5' fill='%23fff'/%3E%3Ccircle cx='47' cy='140' r='3.5' fill='%23fff'/%3E%3C/svg%3E")}
.t-dala .dl-b.tl{left:-18px;top:-12px;transform-origin:50% 50%;animation:dlTL 9s ease-in-out infinite}
.t-dala .dl-b.tr{right:-18px;top:-12px;transform-origin:50% 50%;animation:dlTR 9s .7s ease-in-out infinite}
.t-dala .dl-b.bl{left:-18px;bottom:-12px;transform-origin:50% 50%;animation:dlBL 10.5s .4s ease-in-out infinite}
.t-dala .dl-b.br{right:-18px;bottom:-12px;transform-origin:50% 50%;animation:dlBR 10.5s 1.1s ease-in-out infinite}

/* Bosh blok — ismlar juda katta, ostida yupqa chiziq va sana */
.t-dala .dl-hero{padding-top:14px;animation:dlUp 1s .1s both}
.t-dala .names{font-family:var(--fs);font-size:clamp(46px,15vw,74px);line-height:1.06;margin:18px 0 0;color:var(--tx);font-weight:400}
.t-dala .names .n{display:block}
.t-dala .names .amp{display:block;font-size:.5em;color:var(--gl);line-height:1.1;margin:-2px 0}
.t-dala .dl-line{width:96px;height:9px;margin:22px auto 16px;position:relative}
.t-dala .dl-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),var(--w3),rgba(255,255,255,0))}
.t-dala .dl-line:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:0 60% 0 60%;
  background:var(--gl);opacity:.7;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 5px var(--p1)}
.t-dala .dl-when{font-family:var(--fn);font-size:19px;letter-spacing:.24em;text-transform:uppercase;color:var(--tx)}
.t-dala .dl-when2{font-family:var(--fb);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx2);margin-top:8px}

/* Barg ajratkichi */
.t-dala .dl-sep{height:22px;position:relative}
.t-dala .dl-sep:before{content:"";position:absolute;left:50%;top:50%;width:120px;height:1px;transform:translate(-50%,-50%);
  background:linear-gradient(90deg,rgba(255,255,255,0),var(--w3),rgba(255,255,255,0))}
.t-dala .dl-sep:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:0 60% 0 60%;
  background:var(--gl);opacity:.6;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 6px var(--p1)}

/* Matn */
.t-dala .greeting{padding:0 4px;animation:dlUp 1s .28s both}
.t-dala .greeting p{font-family:var(--fd);font-style:normal;font-size:19px;line-height:1.7;color:var(--tx)}
.t-dala .greeting p::first-line{font-family:var(--fs);font-size:29px;line-height:1.5;color:var(--gl)}
.t-dala .quote{font-family:var(--fd);font-style:italic;font-size:17px;line-height:1.6;color:var(--tx2);padding:0 10px}

/* Sanoq — ramkasiz */
.t-dala .datebig{font-family:var(--fn);font-size:40px;letter-spacing:.14em;color:var(--tx)}
.t-dala .datebig small{font-family:var(--fb);font-size:10.5px;letter-spacing:.26em;color:var(--tx2);margin-top:10px}
.t-dala .cd{gap:0}
.t-dala .cd div{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:4px 2px}
.t-dala .cd div:last-child{border-right:0}
.t-dala .cd b{font-family:var(--fn);font-size:30px;font-weight:400;color:var(--tx);letter-spacing:.04em}
.t-dala .cd span{font-family:var(--fb);font-size:9px;letter-spacing:.18em;color:var(--tx2)}

/* Dastur — vertikal ro‘yxat, har birida barg nuqtasi */
.t-dala .dl-prog .small{margin-bottom:6px}
.t-dala .dle{list-style:none;margin:0;padding:0;text-align:left}
.t-dala .dle li{position:relative;padding:18px 0 18px 28px;border-bottom:1px solid var(--line)}
.t-dala .dle li:last-child{border-bottom:0}
.t-dala .dle li:before{content:"";position:absolute;left:5px;top:26px;width:10px;height:10px;border-radius:0 60% 0 60%;
  background:var(--gl);opacity:.6;transform:rotate(45deg)}
.t-dala .dle-t{font-family:var(--fn);font-size:17px;letter-spacing:.16em;color:var(--gl)}
.t-dala .dle-n{font-family:var(--fd);font-size:22px;line-height:1.25;color:var(--tx);margin-top:2px}
.t-dala .dle-a{font-family:var(--fb);font-size:12.5px;line-height:1.55;color:var(--tx2);margin-top:5px}
.t-dala .maps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

/* Umumiy bloklar — ramkasiz, faqat ingichka chiziqlar */
.t-dala .frame{border:0;background:transparent;padding:0}
.t-dala .today{background:transparent;border:1px solid var(--w3);border-radius:0;color:var(--tx);padding:20px 14px}
.t-dala .today .big{font-family:var(--fn);letter-spacing:.1em;color:var(--gl)}
.t-dala .today .small{color:var(--tx2)}
.t-dala .ev,.t-dala .note,.t-dala .wi,.t-dala .next,.t-dala .tl .it,.t-dala .parents div,.t-dala .gift .card,.t-dala .smp{
  background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:14px 2px}
.t-dala .parents{gap:0 18px}
.t-dala .parents .who{letter-spacing:.2em}
.t-dala .parents .nm{font-family:var(--fd);font-size:18px;font-weight:400;line-height:1.3}
.t-dala .btn{border-radius:999px;font-family:var(--fb);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  border-color:var(--w3);color:var(--tx)}
.t-dala .btn.solid{background:var(--gl);color:var(--p1);border-color:var(--gl)}
.t-dala .form input,.t-dala .form select,.t-dala .form textarea{background:transparent;border:0;border-bottom:1px solid var(--line);
  border-radius:0;padding:12px 2px}
.t-dala .seg button{border-radius:999px;border-color:var(--w3);color:var(--tx2);font-family:var(--fb);letter-spacing:.04em}
.t-dala .seg button[aria-pressed="true"]{background:var(--gl);color:var(--p1);border-color:var(--gl)}
.t-dala .wi .m,.t-dala .tl .h{font-family:var(--fd);font-weight:400}
.t-dala .gift .card{font-family:var(--fn);letter-spacing:.14em}
.t-dala .together{font-family:var(--fn);font-size:58px;letter-spacing:.08em;color:var(--tx)}
.t-dala .together small{font-family:var(--fs);font-size:28px;color:var(--gl);letter-spacing:0}
.t-dala .closing{font-family:var(--fs);font-size:30px;line-height:1.3;color:var(--gl)}
.t-dala .tl{padding-left:24px}
.t-dala .tl:before{background:var(--w3);opacity:1;width:1px;left:6px}
.t-dala .tl .it:before{width:10px;height:10px;border-radius:0 60% 0 60%;background:var(--gl);transform:rotate(45deg);box-shadow:none;left:-22px}

/* Gulbarglar — barg shaklida */
.t-dala .petal{width:11px;height:13px;border-radius:0 60% 0 60%;background:var(--petal);opacity:.5}

/* Konvert-darvoza */
.t-dala .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-dala .env-back,.t-dala .env-front,.t-dala .env-flap,.t-dala .env-letter{border-radius:4px}
.t-dala .gate-names{font-family:var(--fs);color:var(--tx)}

@keyframes dlUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes dlTL{0%,100%{transform:rotate(0)}50%{transform:rotate(2.6deg)}}
@keyframes dlTR{0%,100%{transform:scaleX(-1) rotate(0)}50%{transform:scaleX(-1) rotate(2.6deg)}}
@keyframes dlBL{0%,100%{transform:scaleY(-1) rotate(0)}50%{transform:scaleY(-1) rotate(-2.4deg)}}
@keyframes dlBR{0%,100%{transform:scale(-1,-1) rotate(0)}50%{transform:scale(-1,-1) rotate(2.4deg)}}
@media (prefers-reduced-motion:reduce){
  .t-dala .dl-hero,.t-dala .greeting{animation:none}
  .t-dala .dl-b{animation:none}
  .t-dala .dl-b.tr{transform:scaleX(-1)}
  .t-dala .dl-b.bl{transform:scaleY(-1)}
  .t-dala .dl-b.br{transform:scale(-1,-1)}
}
@media (min-width:520px){.t-dala .content{padding-inline:44px}}

/* Mezbon qatori (ota-onalar nomidan): «Farzandlarimiz» yorlig'i ismlardan oldin, «… nomidan» qatori ismlardan keyin */
.t-dala .host-of{font-family:var(--fb);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--tx2);margin:0 0 6px}
.t-dala .host{font-family:var(--fd);font-size:16px;line-height:1.35;color:var(--tx2);margin:10px 0 0}
.t-dala .host .host-line{color:var(--tx);font-weight:600}
.t-dala .host .host-by{font-family:var(--fb);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-left:4px}
.t-dala .host{font-family:var(--fd);font-style:italic;font-size:17px}
.t-dala .host .host-line{font-weight:400;font-style:normal}
