.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.44) 45%,rgba(0,0,0,.1) 100%),url('images/mycreator-kaaba-hero.webp')!important;background-position:center 44%!important;background-size:cover!important}
.mycreator-share-save{position:fixed;z-index:109;right:18px;top:44%;display:grid;gap:5px;padding:8px 7px;border:1px solid rgba(200,164,91,.86);border-radius:20px;background:rgba(7,7,7,.9);box-shadow:0 12px 38px rgba(0,0,0,.34),0 0 0 4px rgba(200,164,91,.08);backdrop-filter:blur(12px);animation:mycreatorDockPulse 1.25s ease-in-out 3}
.page-template-page-mycreator-portal .mycreator-share-save,.page-template-page-mycreator-login .mycreator-share-save,.page-template-page-my-account .mycreator-share-save{display:none}
.mycreator-share-save button{width:60px;min-height:66px;padding:7px 3px;border:0;border-radius:13px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;font:inherit}
.mycreator-share-save button+button{border-top:1px solid rgba(200,164,91,.42);border-radius:0 0 13px 13px}.mycreator-share-save button:hover,.mycreator-share-save button:focus-visible{background:rgba(200,164,91,.13)}
.mycreator-share-save b{font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase}.mycreator-share-icon,.mycreator-install-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:9px;color:var(--gold);font-size:21px;overflow:hidden}.mycreator-share-icon{background:#25d366;color:#fff;border-color:#7bdb9b;font-size:23px;font-weight:900}.mycreator-install-icon img{display:block;width:100%;height:100%;object-fit:cover}
.mycreator-save-dialog[hidden]{display:none}.mycreator-save-dialog{position:fixed;z-index:10001;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78)}.mycreator-save-dialog-card{position:relative;width:min(420px,100%);padding:34px 28px;text-align:center;background:#fff;border:2px solid var(--gold);box-shadow:0 28px 80px rgba(0,0,0,.5)}.mycreator-save-dialog-card h2{margin:8px 0;font:34px/1.1 Georgia,serif}.mycreator-save-dialog-card p{color:#555;line-height:1.65}.mycreator-save-dialog-icon{color:var(--gold);font-size:34px}.mycreator-save-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}
@keyframes mycreatorDockPulse{0%,100%{box-shadow:0 12px 38px rgba(0,0,0,.34),0 0 0 4px rgba(200,164,91,.08)}50%{box-shadow:0 12px 38px rgba(0,0,0,.34),0 0 0 10px rgba(200,164,91,.24),0 0 25px rgba(200,164,91,.38)}}
@media(max-width:800px){.mycreator-share-save{right:7px;top:210px;padding:5px 4px;border-radius:16px}.mycreator-share-save button{width:49px;min-height:56px}.mycreator-share-icon,.mycreator-install-icon{width:32px;height:32px;font-size:17px}.mycreator-share-save b{font-size:7px}.hero{background-position:62% center!important}}@media(max-width:430px){.mycreator-share-save{top:202px}.hero{background-position:65% center!important}}@media(prefers-reduced-motion:reduce){.mycreator-share-save{animation:none}}

/* v1.36.2 mobile hero spacing and unified bottom-right action stack */
.mycreator-share-save{top:auto;right:18px;bottom:122px;animation:none}
.mycreator-share-save{transition:transform .38s ease,opacity .38s ease,box-shadow .38s ease}.mycreator-share-save.is-collapsed{transform:translateX(calc(100% - 13px));opacity:.62;box-shadow:0 7px 20px rgba(0,0,0,.28)}.mycreator-share-save.is-collapsed:before{content:"";position:absolute;left:2px;top:50%;width:4px;height:30px;transform:translateY(-50%);border-radius:5px;background:var(--gold);box-shadow:0 0 10px rgba(200,164,91,.65)}.mycreator-share-save:focus-within,.mycreator-share-save:hover{transform:translateX(0);opacity:1}
.floating-istighfar{z-index:110;right:18px;bottom:22px;animation:istighfarFlicker 1.85s ease-in-out infinite}
.floating-istighfar:before{animation:istighfarRing 1.85s ease-out infinite}
@media(max-width:800px){
 .mycreator-share-save{top:auto;right:10px;bottom:96px;padding:4px 3px;border-radius:15px}
 .mycreator-share-save button{width:52px;min-height:53px;padding:5px 2px}
 .mycreator-share-icon,.mycreator-install-icon{width:31px;height:31px}
 .floating-istighfar{right:7px;bottom:14px;width:68px;height:68px}
 .hero.hero-slider,.hero-slide>.wrap{min-height:790px!important}
 .hero-content{top:18px!important;left:18px!important;right:18px!important}
 .hero .actions{margin-top:20px!important;gap:10px!important}
 .hero .actions .btn{min-height:46px!important;padding:12px 10px!important}
 .verse-card{left:18px!important;right:18px!important;bottom:66px!important;padding:14px 16px!important}
 .hero-controls{bottom:14px!important}
}
@media(max-width:430px){
 .mycreator-share-save{top:auto;right:9px;bottom:94px}
 .hero.hero-slider,.hero-slide>.wrap{min-height:780px!important}
 .hero-content{top:16px!important}
 .hero .actions{grid-template-columns:1fr!important}
 .verse-card{bottom:64px!important}
}
@media(max-height:700px) and (max-width:800px){.mycreator-share-save{bottom:91px}.floating-istighfar{bottom:10px}}
@media(prefers-reduced-motion:reduce){.floating-istighfar,.floating-istighfar:before{animation:none}}

/* v1.36.4 equal action sizing and manual expand arrow */
.floating-istighfar:before{display:none!important}
.mycreator-actions-toggle{position:fixed;z-index:111;right:88px;bottom:39px;width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:#080808;color:var(--gold);box-shadow:0 5px 16px rgba(0,0,0,.35);font:700 23px/1 Georgia,serif;cursor:pointer;transition:transform .25s ease,background .25s ease}
.mycreator-actions-toggle:hover,.mycreator-actions-toggle:focus-visible{background:var(--gold);color:#080808}.mycreator-actions-toggle[aria-expanded="false"] span{display:block;transform:rotate(180deg)}
.page-template-page-mycreator-portal .mycreator-actions-toggle,.page-template-page-mycreator-login .mycreator-actions-toggle,.page-template-page-my-account .mycreator-actions-toggle{display:none}
@media(max-width:800px){
 .mycreator-share-save{right:9px;bottom:86px;padding:3px;width:62px;box-sizing:border-box}
 .mycreator-share-save button{width:54px;min-height:61px;padding:4px 1px;gap:3px}
 .mycreator-share-icon,.mycreator-install-icon{width:42px;height:42px;font-size:20px}
 .floating-istighfar{right:8px;bottom:14px;width:62px;height:62px;padding:4px}
 .floating-istighfar-inner{width:52px;height:52px}
 .floating-istighfar b{font-size:9.5px}.floating-istighfar strong{font-size:6.8px}.floating-istighfar small{font-size:6.5px}
 .mycreator-actions-toggle{right:78px;bottom:29px;width:29px;height:29px;font-size:21px}
}

/* v1.36.5 bottom horizontal action row */
@media(max-width:800px){
 .mycreator-share-save{display:flex;align-items:center;gap:3px;right:113px;bottom:14px;width:126px;height:62px;padding:3px;border-radius:16px;transform-origin:right center}
 .mycreator-share-save button{width:57px;min-height:54px;height:54px;padding:3px 1px;border-radius:12px}
 .mycreator-share-save button+button{border-top:0;border-left:1px solid rgba(200,164,91,.42);border-radius:0 12px 12px 0}
 .mycreator-share-icon,.mycreator-install-icon{width:37px;height:37px;font-size:18px}
 .mycreator-share-save.is-collapsed{transform:translateX(calc(100% + 48px));opacity:0;pointer-events:none}
 .mycreator-share-save.is-collapsed:before{display:none}
 .floating-istighfar{right:8px;bottom:14px}
 .mycreator-actions-toggle{right:77px;bottom:30px}
}

/* v1.36.6 PWA install action replaces browser favourite action */
html.mycreator-installed .mycreator-install-action,body.mycreator-installed .mycreator-install-action{opacity:.58}
html.mycreator-installed .mycreator-install-action b,body.mycreator-installed .mycreator-install-action b{font-size:0}
html.mycreator-installed .mycreator-install-action b:after,body.mycreator-installed .mycreator-install-action b:after{content:"Installed";font-size:9px}

/* v1.36.7: keep the complete action row visible on desktop */
@media(min-width:801px){
 .mycreator-share-save{display:flex;align-items:center;gap:4px;top:auto;right:154px;bottom:22px;width:146px;height:82px;padding:5px;border-radius:19px;transform-origin:right center}
 .mycreator-share-save button{width:66px;min-height:70px;height:70px;padding:4px 2px;border-radius:13px}
 .mycreator-share-save button+button{border-top:0;border-left:1px solid rgba(200,164,91,.42);border-radius:0 13px 13px 0}
 .mycreator-share-icon,.mycreator-install-icon{width:45px;height:45px;font-size:21px}
 .mycreator-share-save.is-collapsed{transform:translateX(190px);opacity:0;pointer-events:none}
 .mycreator-share-save.is-collapsed:before{display:none}
 .floating-istighfar{right:22px;bottom:22px}
 .mycreator-actions-toggle{right:112px;bottom:48px}
}