/* Shabnam — shisha (glassmorphism) maketi: shaffof panellar, bulut dog‘lari, shudring tomchilari. Ranglar manifest sxemasidan. */
.t-shabnam .inv{background:linear-gradient(158deg,var(--p1) 0%,var(--p2) 48%,var(--p1) 100%)}

/* Fondagi bulutsimon dog‘lar — sekin suzadi */
.t-shabnam .sb-c{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(48px)}
.t-shabnam .sb-c1{width:min(78vw,360px);height:min(60vw,280px);left:-16%;top:-30px;background:var(--w1);animation:sb-fl1 26s ease-in-out infinite}
.t-shabnam .sb-c2{width:min(70vw,330px);height:min(56vw,260px);right:-20%;top:clamp(260px,34vh,420px);background:var(--w2);animation:sb-fl2 31s ease-in-out infinite}
.t-shabnam .sb-c3{width:min(84vw,380px);height:min(58vw,270px);left:-22%;top:1280px;background:var(--w3);animation:sb-fl2 29s ease-in-out infinite reverse}
.t-shabnam .sb-c4{width:min(66vw,310px);height:min(52vw,240px);right:-18%;top:2320px;background:var(--w1);animation:sb-fl1 34s ease-in-out infinite reverse}
@keyframes sb-fl1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(28px,-24px,0) scale(1.1)}}
@keyframes sb-fl2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-30px,26px,0) scale(1.08)}}

.t-shabnam .content{padding:70px 0 46px;gap:26px}
.t-shabnam .content>section{padding-inline:20px}
.t-shabnam .small{font-family:var(--fb);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gl);font-weight:600}

/* Shisha yuzasi */
.t-shabnam .sb-g,.t-shabnam .cal,.t-shabnam .cd div,.t-shabnam .parents div,.t-shabnam .note,.t-shabnam .wi,
.t-shabnam .gift .card,.t-shabnam .tl .it,.t-shabnam .next,.t-shabnam .smp,.t-shabnam .today{
  background:var(--card);border:1px solid var(--line);border-radius:24px;
  box-shadow:0 18px 44px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.85);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
  .t-shabnam .sb-g,.t-shabnam .cal,.t-shabnam .cd div,.t-shabnam .parents div,.t-shabnam .note,.t-shabnam .wi,
  .t-shabnam .gift .card,.t-shabnam .tl .it,.t-shabnam .next,.t-shabnam .smp,.t-shabnam .today{background:rgba(255,255,255,.82)}
}
/* Shisha yuzasidan o‘tuvchi yorug‘lik chizig‘i */
.t-shabnam .sb-g{position:relative;overflow:hidden}
.t-shabnam .sb-g:before{content:"";position:absolute;top:-20%;left:-50%;width:40%;height:150%;pointer-events:none;z-index:3;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-16deg);animation:sb-streak 8s ease-in-out infinite}
.t-shabnam .sb-ev li:nth-child(2):before{animation-delay:1.1s}
.t-shabnam .sb-ev li:nth-child(3):before{animation-delay:2.2s}
@keyframes sb-streak{0%{left:-55%}52%,100%{left:125%}}

/* Kalendar — yuqoridagi shisha panel */
.t-shabnam .cal{max-width:330px;padding:16px 14px 14px}
.t-shabnam .cal .m{font-family:var(--fd);font-size:12px;letter-spacing:.34em;color:var(--gl)}
.t-shabnam .cal .dn span{font-family:var(--fn);font-weight:500}
.t-shabnam .cal .dn span.on{background:var(--gl);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.16)}

/* Ismlar — eng katta shisha panelda, ustida shudring tomchilari */
.t-shabnam .sb-panel{padding:54px 24px 32px;border-radius:34px;text-align:center}
.t-shabnam .sb-drops{position:absolute;inset:0;pointer-events:none;z-index:2}
.t-shabnam .sb-drops i{position:absolute;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,#fff 0 16%,rgba(255,255,255,.5) 44%,var(--w1) 78%,transparent 92%);
  box-shadow:0 2px 6px rgba(0,0,0,.16),inset 0 -2px 3px rgba(255,255,255,.95),inset 0 1px 3px rgba(0,0,0,.10);
  animation:sb-bead 7s ease-in-out infinite}
.t-shabnam .sb-drops i:nth-child(1){width:15px;height:15px;left:13%;top:9%}
.t-shabnam .sb-drops i:nth-child(2){width:10px;height:10px;left:26%;top:17%;animation-delay:.9s}
.t-shabnam .sb-drops i:nth-child(3){width:20px;height:20px;left:44%;top:6%;animation-delay:1.8s}
.t-shabnam .sb-drops i:nth-child(4){width:9px;height:9px;left:60%;top:15%;animation-delay:2.6s}
.t-shabnam .sb-drops i:nth-child(5){width:13px;height:13px;left:74%;top:8%;animation-delay:3.4s}
.t-shabnam .sb-drops i:nth-child(6){width:8px;height:8px;left:86%;top:19%;animation-delay:4.2s}
.t-shabnam .sb-drops i:nth-child(7){width:11px;height:11px;left:34%;top:26%;animation-delay:5s}
@keyframes sb-bead{0%,100%{transform:translateY(0) scale(1);opacity:.85}50%{transform:translateY(4px) scale(1.14);opacity:1}}
.t-shabnam .sb-lbl{font-family:var(--fb);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--tx2);margin-bottom:8px}
.t-shabnam .names{font-family:var(--fs);font-size:clamp(38px,11vw,52px);line-height:1.14;color:var(--tx);margin:6px 0 4px}
.t-shabnam .names .amp{font-family:var(--fd);font-size:.44em;color:var(--gl)}
.t-shabnam .sb-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:16px;
  font-family:var(--fb);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tx2)}
.t-shabnam .sb-meta i{width:5px;height:5px;border-radius:50%;background:var(--gl);opacity:.6}
.t-shabnam .quote{margin:18px auto 0;max-width:30ch;text-align:center;font-family:var(--fd);font-style:italic;font-size:16px;line-height:1.6;color:var(--tx2)}

/* Surat — shisha ramkada */
.t-shabnam .sb-ph{width:min(82%,300px);margin:0 auto;padding:10px;border-radius:30px}
.t-shabnam .sb-ph img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px}

.t-shabnam .greeting{text-align:center}
.t-shabnam .greeting p{font-family:var(--fd);font-style:normal;font-size:18px;line-height:1.64;color:var(--tx);max-width:32ch;margin:0 auto}
.t-shabnam .greeting p::first-line{font-family:var(--fs);font-size:30px;line-height:1.8;color:var(--gl)}

/* Sana va sanoq — shisha plitkalar */
.t-shabnam .datebig{font-family:var(--fn);font-size:42px;font-weight:500;letter-spacing:.02em;text-align:center;color:var(--tx)}
.t-shabnam .datebig small{font-family:var(--fb);letter-spacing:.2em;color:var(--gl);font-size:11px;margin-top:9px}
.t-shabnam .cd{gap:9px}
.t-shabnam .cd div{border-radius:20px;padding:15px 4px}
.t-shabnam .cd b{font-family:var(--fn);font-size:27px;font-weight:600;color:var(--gl)}
.t-shabnam .cd span{letter-spacing:.14em;color:var(--tx2)}

/* Dastur — shisha kartochkalar ustuni */
.t-shabnam .sb-prog{text-align:center}
.t-shabnam .sb-ev{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}
.t-shabnam .sb-ev li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px 19px;text-align:left;align-items:start}
.t-shabnam .sb-t{font-family:var(--fn);font-size:15px;font-weight:600;color:#fff;background:var(--gl);border-radius:999px;padding:6px 12px;font-variant-numeric:tabular-nums;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.t-shabnam .sb-n{font-family:var(--fd);font-size:20px;font-weight:700;line-height:1.24;color:var(--tx)}
.t-shabnam .sb-a{font-family:var(--fb);font-size:12.5px;line-height:1.55;color:var(--tx2);margin-top:6px}
.t-shabnam .maps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

/* Umumiy */
.t-shabnam .frame{border:1px solid var(--line);background:var(--card);border-radius:30px}
.t-shabnam .parents{gap:12px}
.t-shabnam .parents div{padding:14px 12px}
.t-shabnam .parents .nm{font-family:var(--fd);font-size:17px;font-weight:700}
.t-shabnam .note{border-radius:22px}
.t-shabnam .wi{border-radius:20px}
.t-shabnam .gift .card{border-radius:999px;font-family:var(--fn);font-weight:600;color:var(--gl);letter-spacing:.1em}
.t-shabnam .today{color:var(--tx);border-radius:26px}
.t-shabnam .today .big{font-family:var(--fn);font-weight:600;color:var(--gl)}
.t-shabnam .today .small{color:var(--tx2)}
.t-shabnam .together{font-family:var(--fn);font-size:60px;font-weight:600;color:var(--gl)}
.t-shabnam .together small{font-family:var(--fs);font-size:26px;color:var(--tx2)}
.t-shabnam .tl:before{background:var(--gl);opacity:.35}
.t-shabnam .tl .it{border-radius:22px}
.t-shabnam .next{border-radius:22px}
.t-shabnam .btn{border-radius:999px;border-color:var(--line);background:var(--card);color:var(--tx);font-weight:600;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px rgba(0,0,0,.06)}
.t-shabnam .btn:hover{color:var(--gl)}
.t-shabnam .btn.solid{background:var(--gl);color:#fff;border-color:var(--gl)}
.t-shabnam .form input,.t-shabnam .form select,.t-shabnam .form textarea{background:rgba(255,255,255,.6);border-color:var(--line);border-radius:16px;padding:12px 14px}
.t-shabnam .seg button{border-radius:999px;border-color:var(--line);background:rgba(255,255,255,.5);color:var(--tx2)}
.t-shabnam .seg button[aria-pressed="true"]{background:var(--gl);color:#fff;border-color:var(--gl)}
.t-shabnam .closing{font-family:var(--fs);font-size:24px;color:var(--gl);text-align:center}
.t-shabnam .music,.t-shabnam .langs{background:var(--card);border-color:var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.t-shabnam .langs button[aria-pressed="true"]{background:var(--gl);color:#fff}
.t-shabnam .smp{border-radius:28px}
.t-shabnam .content>section.note{margin-inline:20px;padding:15px 18px}
.t-shabnam .content>section.smp{margin-inline:20px;padding:20px 18px}

/* Konvert — shisha */
.t-shabnam .gate{background:linear-gradient(158deg,var(--p1),var(--p2))}
.t-shabnam .env-back,.t-shabnam .env-front,.t-shabnam .env-flap{border-radius:22px}
.t-shabnam .env-flap{border-radius:22px 22px 0 0}
.t-shabnam .env-letter{border-radius:18px;background:rgba(255,255,255,.86)}
.t-shabnam .env-letter .names{font-size:26px}
.t-shabnam .env-letter .env-date{font-family:var(--fn);font-weight:600}
.t-shabnam .gate-names{font-family:var(--fs);font-size:30px}

@media (prefers-reduced-motion:reduce){
  .t-shabnam .sb-c,.t-shabnam .sb-g:before,.t-shabnam .sb-drops i{animation:none}
  .t-shabnam .sb-g:before{display:none}
}

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