/* Zamon — jonli gradient fon, ulkan qalin tipografika, shisha kartochkalar, gorizontal siljiydigan dastur. */
.t-zamon body{background:var(--c1)}
.t-zamon .inv{background:linear-gradient(150deg,var(--c1) 0%,var(--c2) 26%,var(--c3) 52%,var(--c4) 76%,var(--c2) 100%);background-size:200% 120%;animation:zm-grad 24s ease-in-out infinite;color:var(--tx)}
.t-zamon .zm-blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:.55;pointer-events:none;z-index:0}
.t-zamon .zm-b1{width:min(340px,88vw);aspect-ratio:1;left:-24%;top:6%;background:var(--w3);animation:zm-drift-a 17s ease-in-out infinite}
.t-zamon .zm-b2{width:min(300px,78vw);aspect-ratio:1;right:-22%;top:44%;background:var(--w1);animation:zm-drift-b 21s ease-in-out infinite}
.t-zamon .small{font-family:var(--fb);font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--tx2)}

/* ---------- Birinchi ekran ---------- */
.t-zamon .zm-hero{position:relative;z-index:1;padding:96px 20px 26px;text-align:left}
.t-zamon .zm-cap{margin-bottom:16px}
.t-zamon .names{font-family:var(--fd);font-size:clamp(26px,9.2vw,50px);font-weight:800;line-height:.96;letter-spacing:-.035em;text-transform:uppercase;margin:0;color:var(--tx);overflow-wrap:anywhere;text-shadow:0 8px 30px rgba(0,0,0,.18)}
.t-zamon .names .n{display:block}
.t-zamon .names .amp{display:block;font-family:var(--fb);font-size:.36em;font-weight:800;color:var(--tx);opacity:.65;letter-spacing:0;margin:4px 0}
.t-zamon .zm-date{font-family:var(--fn);font-size:clamp(30px,10vw,52px);font-weight:600;letter-spacing:-.02em;line-height:1;margin-top:22px;color:var(--tx);opacity:.92;font-variant-numeric:tabular-nums}
.t-zamon .zm-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.t-zamon .zm-meta>span{font-family:var(--fb);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tx);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;backdrop-filter:blur(10px)}
.t-zamon .zm-ph{margin-top:22px;border-radius:26px;overflow:hidden;border:1px solid var(--line);aspect-ratio:3/2;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.t-zamon .zm-ph img{width:100%;height:100%;object-fit:cover}

/* ---------- Shisha kartochkalar ---------- */
.t-zamon .content{position:relative;z-index:1;padding:6px 20px 56px;gap:14px;text-align:left}
.t-zamon .content>section{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:20px 18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.14)}
.t-zamon .content>section.order,.t-zamon .content>section.zm-quote{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:8px 2px}
.t-zamon .quote{font-family:var(--fd);font-style:normal;font-weight:400;font-size:19px;line-height:1.44;letter-spacing:-.01em;color:var(--tx);margin:0;padding:0}
.t-zamon .greeting{padding:20px 18px}
.t-zamon .greeting p{font-family:var(--fb);font-style:normal;font-size:15.5px;line-height:1.68;color:var(--tx);opacity:.94}
.t-zamon .greeting p::first-line{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:2;color:var(--tx)}
.t-zamon .datebig{font-family:var(--fn);font-size:40px;font-weight:600;letter-spacing:-.02em;color:var(--tx)}
.t-zamon .datebig small{font-family:var(--fb);font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--tx2)}
.t-zamon .cd{gap:8px}
.t-zamon .cd>div{background:rgba(255,255,255,.14);border:1px solid var(--line);border-radius:18px;padding:12px 2px}
.t-zamon .cd b{font-family:var(--fn);font-size:26px;font-weight:600;color:var(--tx)}
.t-zamon .cd span{font-family:var(--fb);font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--tx2)}
.t-zamon .today{border-radius:22px;background:rgba(255,255,255,.2);border:1px solid var(--line);color:var(--tx)}
.t-zamon .today .big{font-family:var(--fn);font-weight:600}
.t-zamon .today .small{color:var(--tx2)}

/* Dastur — gorizontal siljiydigan kartochkalar */
.t-zamon .zm-evs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:14px -18px 0;padding:4px 18px 12px;scrollbar-width:none}
.t-zamon .zm-evs::-webkit-scrollbar{display:none}
.t-zamon .zm-ev{flex:0 0 80%;scroll-snap-align:center;background:rgba(255,255,255,.16);border:1px solid var(--line);border-radius:22px;padding:16px 15px;box-shadow:0 12px 34px rgba(0,0,0,.16);animation:zm-float 8s ease-in-out infinite}
.t-zamon .zm-ev:nth-child(2){animation-delay:-2.6s}
.t-zamon .zm-ev:nth-child(3){animation-delay:-5.2s}
.t-zamon .zm-t{font-family:var(--fn);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--tx);line-height:1;font-variant-numeric:tabular-nums}
.t-zamon .zm-nm{font-family:var(--fd);font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.24;text-transform:uppercase;margin-top:8px;color:var(--tx)}
.t-zamon .zm-dt{font-family:var(--fb);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);margin-top:6px}
.t-zamon .zm-ad{font-family:var(--fb);font-size:13px;line-height:1.5;color:var(--tx2);margin-top:7px}
.t-zamon .zm-ad b{color:var(--tx);font-weight:700}
.t-zamon .maps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

/* ---------- Umumiy: yorug‘ matn, shisha yuzalar ---------- */
.t-zamon .parents{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.t-zamon .parents>div{background:rgba(255,255,255,.14);border:1px solid var(--line);border-radius:18px;padding:13px 12px;text-align:left}
.t-zamon .parents .who,.t-zamon .parents .nm{background:transparent;border-radius:0;padding:0}
.t-zamon .parents .who{color:var(--tx2);letter-spacing:.16em}
.t-zamon .parents .nm{font-family:var(--fb);font-size:16px;font-weight:700;color:var(--tx);margin-top:3px}
.t-zamon .note{background:var(--card);border-radius:26px;padding:20px 18px;color:var(--tx)}
.t-zamon .btn{border-radius:999px;border:1px solid rgba(255,255,255,.5);color:var(--tx);background:rgba(255,255,255,.1);font-family:var(--fb);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px)}
.t-zamon .btn.solid{background:#fff;color:var(--c1);border-color:#fff}
.t-zamon .row{justify-content:flex-start}
.t-zamon .form input,.t-zamon .form select,.t-zamon .form textarea{background:rgba(255,255,255,.16);border:1px solid var(--line);border-radius:16px;color:var(--tx)}
.t-zamon .form input::placeholder,.t-zamon .form textarea::placeholder{color:rgba(255,255,255,.6)}
.t-zamon .form select option{color:#222}
.t-zamon .seg button{border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.1);color:var(--tx);font-weight:700}
.t-zamon .seg button[aria-pressed="true"]{background:#fff;color:var(--c1);border-color:#fff}
.t-zamon .ok{color:var(--tx)}
.t-zamon .empty{color:var(--tx2)}
.t-zamon .wi{background:rgba(255,255,255,.14);border:1px solid var(--line);border-radius:16px}
.t-zamon .wi .w{color:var(--tx2)}
.t-zamon .gift .card{background:rgba(255,255,255,.18);border:1px solid var(--line);border-radius:16px;font-family:var(--fn);font-weight:600;color:var(--tx)}
.t-zamon .closing{font-family:var(--fd);font-size:18px;font-weight:400;letter-spacing:-.01em;color:var(--tx)}
.t-zamon .tl{padding-left:24px}
.t-zamon .tl:before{background:rgba(255,255,255,.6);opacity:1}
.t-zamon .tl .it{background:rgba(255,255,255,.14);border:1px solid var(--line);border-radius:18px;box-shadow:none}
.t-zamon .tl .it:before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.t-zamon .tl .it.up{background:rgba(255,255,255,.08)}
.t-zamon .tl .it.up:before{background:transparent;border:2px solid #fff}
.t-zamon .tl .d{color:var(--tx2)}
.t-zamon .tl .h{font-family:var(--fd);font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--tx)}
.t-zamon .tl .s{color:var(--tx2)}
.t-zamon .together{font-family:var(--fn);font-size:64px;font-weight:600;letter-spacing:-.03em;color:var(--tx)}
.t-zamon .together small{font-family:var(--fb);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tx2)}
.t-zamon .since{color:var(--tx)}
.t-zamon .next{background:rgba(255,255,255,.14);border:1px solid var(--line);border-radius:18px;box-shadow:none;color:var(--tx)}
.t-zamon .next b{font-family:var(--fd);font-weight:800;color:var(--tx)}
.t-zamon .smp{background:rgba(255,255,255,.14);border:1px solid var(--line);border-radius:26px}
.t-zamon .smp-b{color:var(--tx);border-color:var(--line)}
.t-zamon .smp-n{color:var(--tx2)}
.t-zamon .smp-l a{color:var(--tx2)}
.t-zamon .wm,.t-zamon .wm a{color:var(--tx2)}
/* Boshqaruv va konvert */
.t-zamon .music,.t-zamon .langs{background:rgba(255,255,255,.16);border-color:var(--line);color:var(--tx)}
.t-zamon .langs button{color:var(--tx2)}
.t-zamon .langs button[aria-pressed="true"]{background:#fff;color:var(--c1)}
.t-zamon .music.on{background:#fff;color:var(--c1)}
.t-zamon .gate{background:linear-gradient(140deg,var(--c1),var(--c2) 45%,var(--c3))}
.t-zamon .gate-names{font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.t-zamon .gate .hint{color:rgba(255,255,255,.8)}
.t-zamon .env-back,.t-zamon .env-front,.t-zamon .env-flap{border-radius:22px}
.t-zamon .env-letter{border-radius:18px;background:#fff;color:var(--c1)}
.t-zamon .env-letter .names{font-size:19px;color:var(--c1);text-shadow:none}
.t-zamon .env-letter .names .amp{color:var(--c1);opacity:.6}
.t-zamon .env-letter .small{color:var(--c1);opacity:.7}
.t-zamon .env-date{color:var(--c2)}

@keyframes zm-grad{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}
@keyframes zm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes zm-drift-a{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(38px,52px) scale(1.12)}}
@keyframes zm-drift-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-44px,-40px) scale(1.1)}}
@media (prefers-reduced-motion:reduce){
  .t-zamon .inv,.t-zamon .zm-blob,.t-zamon .zm-ev{animation:none}
}

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