@media(max-width:767px){
 body>div[data-sd-id="1"]{padding:12px 0;justify-content:center}
 .booklet{height:calc(100svh - 104px);min-height:540px;max-height:800px;width:calc(100vw - 24px);border-radius:95px 95px 5px 5px}
 .booklet>header[data-book-page]{display:block!important;padding:210px 29px 28px!important;overflow-y:auto}
 .booklet .hero-portal{top:112px;height:180px;width:145px;background:#e7ddcf40;box-shadow:inset 0 0 0 7px #f6f3ed,inset 0 0 0 8px #b09a7730}
 .booklet .hero-portal:before{inset:13px}.booklet .hero-portal:after{bottom:31px}
 .booklet .ganpati-art{top:29px;width:90%;height:66%;animation:none}
 .shrine-crown{top:16px;font-size:8px}.shrine-caption{bottom:12px;font-size:5px;line-height:1.5}.shrine-caption em{font-size:10px}
 .booklet .ritual-lamp{width:22px;height:47px;bottom:26px}
 .booklet header>[data-sd-id="14"]{display:flex;width:100%;max-width:350px;margin:0 auto!important;gap:14px;align-items:center;text-align:center}
 .booklet header>[data-sd-id="14"]>*{margin:0!important}
 .booklet header [data-sd-id="15"]{font-size:9px;line-height:1.5;letter-spacing:.03em!important}
 .booklet .blessing-label{font-size:7px;line-height:1.6;letter-spacing:.1em;max-width:none}
 .booklet h1{font-size:clamp(27px,8.1vw,36px)!important;line-height:1.12!important;letter-spacing:-.05em;width:100%}
 .booklet h1>span:last-child{font-size:.93em;white-space:nowrap}
 .booklet header [data-sd-id="18"]{padding:11px 0;font-size:9px;gap:14px;line-height:1.4}
 .booklet header [data-sd-id="22"]{font-size:14px;line-height:1.55!important;max-width:290px}
 .booklet .pill-cta{font-size:10px;padding:13px 21px;min-height:42px;line-height:1.5}
 .card-arrow{width:24px;height:40px;font-size:15px;background:#f6f3edb3}#previous-page{left:2px}#next-page{right:2px}
 .book-controls{margin-top:11px}.book-status{margin:5px auto 12px;font-size:7px}.scroll-hint{font-size:6px}
}
@media(max-width:767px) and (min-height:820px){
 .booklet>header[data-book-page]{padding-top:240px!important}
 .booklet .hero-portal{top:129px;width:165px;height:205px}
 .booklet header>[data-sd-id="14"]{gap:19px}
 .booklet header [data-sd-id="22"]{font-size:15px;line-height:1.65!important}
}
@media(max-width:767px) and (max-height:670px){
 .booklet{min-height:480px}.booklet>header[data-book-page]{padding-top:180px!important}
 .booklet .hero-portal{top:95px;height:150px;width:125px}.booklet header>[data-sd-id="14"]{gap:10px}
 .booklet header [data-sd-id="22"]{font-size:12px}.booklet h1{font-size:27px!important}
}
/* One shared center axis; the shrine occupies a real row above the copy. */
@media(max-width:767px){
 .booklet>header[data-book-page]{display:flex!important;align-items:center;justify-content:flex-start!important;gap:18px;padding:24px 30px 28px!important}
 .booklet header #particle-container{position:relative!important;inset:auto!important;width:100%;height:190px;min-height:190px;flex:none;overflow:visible}
 .booklet .hero-portal{left:50%;top:50%;width:150px;height:180px;transform:translate(-50%,-50%)}
 .booklet header>[data-sd-id="14"]{width:100%;max-width:320px;margin:0!important;gap:15px;flex:none}
 .booklet h1{font-size:clamp(27px,8vw,35px)!important;text-align:center}
 .booklet header [data-sd-id="18"]{justify-content:center}
 .booklet header [data-sd-id="22"]{width:100%;max-width:290px;text-align:center;font-size:14px}
 .booklet header .pill-cta{align-self:center}
 .booklet{height:calc(100svh - 104px);min-height:540px}
}
@media(max-width:767px) and (min-height:820px){
 .booklet>header[data-book-page]{gap:24px;padding-top:34px!important}
 .booklet header #particle-container{height:220px;min-height:220px}
 .booklet .hero-portal{width:170px;height:205px}
 .booklet header>[data-sd-id="14"]{gap:20px}
}
@media(max-width:767px) and (max-height:670px){
 .booklet>header[data-book-page]{gap:12px;padding-top:18px!important}
 .booklet header #particle-container{height:150px;min-height:150px}
 .booklet .hero-portal{width:125px;height:150px}
 .booklet header>[data-sd-id="14"]{gap:10px}.booklet header [data-sd-id="22"]{font-size:12px}
}
@media(min-width:768px) and (max-height:760px){
 .booklet>header[data-book-page]{padding-top:85px!important;padding-bottom:35px!important}
 .booklet h1{font-size:44px!important;line-height:1.04!important}
 .booklet header [data-sd-id="15"]{margin-bottom:12px}
 .booklet .blessing-label{margin-bottom:12px;font-size:8px}
 .booklet header [data-sd-id="18"]{margin:17px 0;padding:10px 0}
 .booklet header [data-sd-id="22"]{font-size:14px;line-height:1.55!important;margin-bottom:18px}
 .booklet .pill-cta{padding:12px 20px;font-size:10px}
 .booklet .hero-portal{height:350px;width:240px;top:55%}
}