/* Story controls deliberately override older invisible tap zones. */
.zrd-dialog .zrd-progress{position:absolute;top:calc(env(safe-area-inset-top,0px) + 5px);left:8px;right:8px;display:flex;gap:3px;z-index:8;direction:rtl;pointer-events:none}
.zrd-progress>span{flex:1;height:3px;background:#ffffff65;border-radius:3px;overflow:hidden}
.zrd-progress i{display:block;width:0;height:100%;background:white}
.zrd-dialog .zrd-toolbar{padding-top:calc(env(safe-area-inset-top,0px) + 16px);gap:6px}
.zrd-dialog .zrd-pause,.zrd-dialog .zrd-video-nav{display:block;pointer-events:auto;background:#0008}
.zrd-dialog .zrd-nav{inset:45% 8px auto;height:48px;z-index:6}
.zrd-dialog .zrd-nav button{width:auto;height:44px;min-width:44px;background:#0008;color:#fff;font-size:13px;padding:6px 10px;border-radius:50px}
.zrd-dialog .zrd-nav button:disabled{opacity:.3}
.zrd-dialog .zrd-stage{touch-action:pan-y}
.zrd-dialog .zrd-countdown{width:44%}
.zrd-stories .zrd-ring{background:linear-gradient(35deg,#ffd776,#fa563c,#d32e97,#7c3cd4)!important;border:0!important}
.zrd-dialog .zrd-final{display:block}
/* WooCommerce only: a white square photo, separate header and details. */
.zrd-dialog .zrd-product-card{display:grid;grid-template-rows:calc(env(safe-area-inset-top,0px) + 122px) minmax(0,1fr) auto;justify-items:center;gap:12px;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:#fff;color:#183d35}
.zrd-dialog .zrd-product-card:before{display:none}
.zrd-dialog .zrd-product-card .zrd-photo{position:static;grid-row:2;align-self:center;width:min(100%,40dvh)!important;height:auto!important;max-height:100%!important;aspect-ratio:1/1;object-fit:contain!important;background:#fff;z-index:auto}
.zrd-dialog .zrd-product-card .zrd-logo{box-shadow:none;background:#fff;border:0}
.zrd-dialog .zrd-product-card .zrd-glass{position:static;grid-row:3;width:100%;margin:0;max-height:28dvh;overflow:auto;background:#fff;color:#183d35;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:8px 0}
.zrd-dialog .zrd-product-card .zrd-heading{text-shadow:none}
.zrd-dialog .zrd-product-card .zrd-title,.zrd-dialog .zrd-product-card .zrd-final{color:#183d35}
.zrd-dialog .zrd-product-card .zrd-slogan{color:#52645c}