.page.cover{position:absolute;left:0;top:0;width:560px;height:780px;overflow:hidden;background:var(--cbg);direction:rtl;text-align:right;font-family:var(--ui)}
.cover .cv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover .cv-dim{position:absolute;inset:0;background:#000}
.cover{background:var(--cbg)}
.cover .shape{position:absolute;border-radius:50%}
.cover .c1{width:440px;height:440px;left:-150px;top:170px;background:var(--c1)}
.cover .c2{width:230px;height:230px;left:250px;bottom:-125px;border:20px solid var(--c2)}
.cover .c3{width:180px;height:90px;border-radius:180px 180px 0 0;left:60px;bottom:0;background:var(--c3)}
.cover .top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:26px 40px 14px;border-bottom:1px solid var(--cink);font-size:13px;color:var(--clabel)}
.cover .top{border-bottom-color:color-mix(in srgb,var(--cink) 25%,transparent)}
.cover .logo{position:absolute;right:40px;top:150px;text-align:right}
.cover .logo b{display:inline-block;font-family:var(--ruqaa);font-weight:700;font-size:168px;line-height:1.1;color:var(--cink);text-shadow:7px 7px 0 var(--csh);animation:wobble 6s ease-in-out infinite}
.cover .tag{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--cink);text-shadow:2px 2px 0 var(--csh);margin-top:4px;max-width:440px}
.cover .teasers{position:absolute;right:40px;bottom:118px;width:310px;display:flex;flex-direction:column;gap:13px}
.cover .teasers .lbl{font-size:12px;color:var(--clabel);letter-spacing:1px}
.cover .teasers div{font-family:var(--serif);font-size:20px;line-height:1.35;color:var(--cink)}
.cover .teasers small{font-family:var(--ui);font-size:12.5px;color:var(--clabel)}
.cover .by{position:absolute;right:40px;bottom:40px;font-size:14px;color:var(--cink)}
.cover .price{position:absolute;left:70px;bottom:100px;width:110px;height:110px;border-radius:50%;background:var(--cink);color:var(--cbg);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-14deg);box-shadow:4px 4px 0 var(--csh);font-size:12px}
.cover .price b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1}
.bubbles{position:absolute;right:190px;top:170px;width:120px;height:10px}
.bubble{position:absolute;bottom:0;border-radius:50%;border:2px solid var(--cink);opacity:0;animation:rise 4s infinite ease-in}
.bubble:nth-child(even){animation-name:rise2}
@keyframes rise{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:.85}60%{transform:translate(10px,-150px) scale(.9)}100%{transform:translate(-6px,-270px) scale(1.15);opacity:0}}
@keyframes rise2{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:.85}55%{transform:translate(-12px,-140px) scale(.85)}100%{transform:translate(8px,-250px) scale(1.1);opacity:0}}
@keyframes wobble{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg) translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.bubble,.cover .logo b{animation:none}}