/* Girih — Kulrang-oltin girih: sakkiz qirrali yulduzlar to‘ri, sakkiz burchakli kartochkalar, qat’iy geometriya. Nahorgi osh shabloni; ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-girih .inv{background:linear-gradient(180deg,var(--p1),var(--p2));color:var(--tx)}
.t-girih .wash{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.28;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%237A6A48' stroke-width='1'%3E%3Cpath d='M40 6l9 25 25 9-25 9-9 25-9-25-25-9 25-9z'/%3E%3Cpath d='M40 6L74 40 40 74 6 40z'/%3E%3Cpath d='M0 0h80v80H0z' stroke-opacity='.4'/%3E%3Cpath d='M40 0v80M0 40h80' stroke-opacity='.25'/%3E%3C/g%3E%3C/svg%3E") 0 0/80px 80px}
.t-girih.s-tun .wash{opacity:.12;filter:invert(1)}
.t-girih .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-girih .content{padding-top:58px}
.t-girih .small{color:var(--gl);letter-spacing:.3em}
/* Sakkiz burchak: tashqi qatlam oltin, ichki ::before fon */
.t-girih .frame{border:0;border-radius:0;background:var(--gl);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);padding:44px 22px 32px}
.t-girih .frame:before{content:"";position:absolute;inset:2px;background:var(--card);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);pointer-events:none}
.t-girih.s-tun .frame:before{background:var(--p2)}
.t-girih .frame>*{position:relative;z-index:1}
.t-girih .names{font-family:var(--fs);font-size:clamp(28px,8vw,40px);line-height:1.15;letter-spacing:.02em}
.t-girih .names .amp{font-family:var(--fd);font-size:.62em;color:var(--gl)}
.t-girih .greeting p{font-style:normal;font-size:19px;line-height:1.6}
.t-girih .greeting p::first-line{font-family:var(--fd);font-size:25px;color:var(--gl)}
.t-girih .datebig{font-family:var(--fn);font-size:60px;letter-spacing:.04em}
.t-girih .today{border-radius:0;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);color:var(--p1);padding:22px 20px}
.t-girih .today .small{color:var(--p1);opacity:.85}
.t-girih .cd div,.t-girih .ev,.t-girih .parents div,.t-girih .note,.t-girih .wi,.t-girih .gift .card,.t-girih .tl .it,.t-girih .next,.t-girih .smp{background:var(--card);border:1px solid var(--line);border-radius:0;box-shadow:none;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.t-girih .cd b{font-family:var(--fn);font-size:32px;font-weight:400;color:var(--gl)}
.t-girih .ev .t{color:var(--gl);font-family:var(--fn);font-size:30px;font-weight:400}
.t-girih .btn{border-radius:0;letter-spacing:.06em}
.t-girih .btn.solid,.t-girih .seg button[aria-pressed="true"],.t-girih .langs button[aria-pressed="true"],.t-girih .music.on{color:var(--p1)}
.t-girih .seg button{border-radius:0}
.t-girih .form input,.t-girih .form select,.t-girih .form textarea{border-radius:0}
.t-girih .cal .dn span.on{color:var(--p1)}
.t-girih .env-back,.t-girih .env-front,.t-girih .env-flap,.t-girih .env-letter{border-radius:4px}
.t-girih.s-tun .form input,.t-girih.s-tun .form select,.t-girih.s-tun .form textarea{background:rgba(255,255,255,.08);color:var(--tx)}
.t-girih.s-tun .cd b,.t-girih.s-tun .wi .m,.t-girih.s-tun .parents .nm,.t-girih.s-tun .ev .n,.t-girih.s-tun .next b{color:var(--tx)}
.t-girih.s-tun .env-letter{background:var(--p2)}
.t-girih.s-tun .env-letter .names,.t-girih.s-tun .env-letter .small{color:var(--tx)}
.t-girih.s-tun .today,.t-girih.s-tun .btn.solid,.t-girih.s-tun .seg button[aria-pressed="true"],.t-girih.s-tun .langs button[aria-pressed="true"],.t-girih.s-tun .music.on{color:var(--p1)}
.t-girih.s-tun .today .small{color:var(--p1);opacity:.85}
