/* ---- parent page: dimming + sheet (Figma 1677:16354 / 1677:16355) ---- */
.xr-ps-dim{position:fixed;inset:0;z-index:99990;background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .32s ease}
.xr-ps-dim.is-in{opacity:1}
.xr-ps{position:fixed;left:0;right:0;bottom:0;z-index:99991;background:#f6f6f6;border-radius:33.81px 33.81px 0 0;overflow:hidden;transform:translateY(100%);transition:transform .42s cubic-bezier(.32,.72,0,1);will-change:transform;box-shadow:0 -6px 24px rgba(0,0,0,.08)}
.xr-ps.is-in{transform:translateY(0)}
.xr-ps.is-drag{transition:none}
.xr-ps iframe{display:block;width:100%;height:100%;border:0;background:#f6f6f6;opacity:0;transition:opacity .2s}
.xr-ps.is-ready iframe{opacity:1}
.xr-ps__load{position:absolute;left:50%;top:120px;width:28px;height:28px;margin-left:-14px;border-radius:50%;border:3px solid rgba(0,0,0,.12);border-top-color:#1d1d1f;animation:xr-ps-spin .8s linear infinite}
.xr-ps.is-ready .xr-ps__load{display:none}
@keyframes xr-ps-spin{to{transform:rotate(360deg)}}
html.xr-ps-open,html.xr-ps-open body{overflow:hidden!important}
html.xr-ps-open .xr-mhdr{z-index:99995!important}

/* ---- product page shown inside the sheet ---- */
html.xr-in-sheet,html.xr-in-sheet body,html.xr-in-sheet .wd-page-wrapper,html.xr-in-sheet .main-page-wrapper{background:#f6f6f6!important}
html.xr-in-sheet .xr-hdr,html.xr-in-sheet .xr-mhdr,html.xr-in-sheet .xr-mmenu,html.xr-in-sheet .whb-header,html.xr-in-sheet .wd-footer,
html.xr-in-sheet .scrollToTop,html.xr-in-sheet .wd-toolbar,html.xr-in-sheet .wd-sticky-btn,html.xr-in-sheet .wd-page-title,
html.xr-in-sheet .single-breadcrumbs-wrapper,html.xr-in-sheet .woocommerce-breadcrumb,html.xr-in-sheet #wpadminbar,
html.xr-in-sheet [class*="joinchat"],html.xr-in-sheet [id*="joinchat"],html.xr-in-sheet [class*="wa__"],html.xr-in-sheet [class*="chaty"],html.xr-in-sheet [id*="chaty"]{display:none!important}
html.xr-in-sheet body .wd-page-wrapper.website-wrapper{padding-top:0!important}
html.xr-in-sheet body .wd-content-layout.content-layout-wrapper{padding-top:10px!important}
html.xr-in-sheet .elementor-section:has([class*="breadcrumb"]){display:none!important}
html.xr-in-sheet{margin-top:0!important}
