.pd-shopify-block { margin: 16px 0 24px; font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.pd-shopify-loading { color: #6d7175; }
.pd-shopify-error { color: #b32d2e; border: 1px solid #f2b8b1; background: #fff4f4; padding: 10px 14px; border-radius: 6px; }
.pd-shopify-hidden { display: none !important; }

.pd-customize.pd-customize { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; max-width: 520px; min-height: 56px; padding: 16px 26px; border: 0; border-radius: 12px; background: #0f172a; color: #fff; font: 600 16px/1 inherit; letter-spacing: -0.01em; cursor: pointer; box-shadow: 0 10px 24px -12px rgba(15, 23, 42, 0.6); transition: transform .12s ease, box-shadow .12s ease, background .12s ease; }
.pd-customize.pd-customize:hover { transform: translateY(-1px); background: #1e293b; box-shadow: 0 14px 28px -12px rgba(15, 23, 42, 0.6); }
.pd-customize.pd-customize:focus-visible { outline: 3px solid #2c6ecb; outline-offset: 2px; }
.pd-customize.pd-customize svg { width: 20px; height: 20px; }
.pd-shopify-blurb { margin: 12px 0 0; color: #64748b; font-size: 14px; line-height: 1.5; max-width: 520px; }

html.pd-overlay-lock, html.pd-overlay-lock body { overflow: hidden !important; }
.pd-overlay { position: fixed; inset: 0; z-index: 2147483000; display: none; flex-direction: column; background: #f8fafc; color: #0f172a; font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.pd-overlay.is-open { display: flex; }
.pd-overlay-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 24px; background: #fff; border-bottom: 1px solid #e2e8f0; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); }
.pd-overlay-title { font-weight: 700; font-size: 16px; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-overlay-close { width: 40px; height: 40px; border: 1px solid #e2e8f0; border-radius: 50%; background: #fff; font-size: 24px; line-height: 1; cursor: pointer; color: #334155; transition: background .12s, border-color .12s; }
.pd-overlay-close:hover { background: #f1f5f9; border-color: #cbd5e1; }
.pd-overlay-body { flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; }
.pd-overlay-inner { max-width: 1240px; margin: 0 auto; padding: 20px; }
.pd-overlay-inner .pd-app { background: #fff; border-radius: 20px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 20px 50px -30px rgba(15, 23, 42, 0.3); padding-left: 32px; padding-right: 32px; }
.pd-overlay-inner .pd-app .pd-head { border-radius: 20px 20px 0 0; }
.pd-editor-host { min-height: 60vh; }
@media (max-width: 749px) { .pd-overlay-inner { padding: 10px; } .pd-overlay-inner .pd-app { padding-left: 14px; padding-right: 14px; border-radius: 14px; } .pd-overlay-inner .pd-app .pd-head { border-radius: 14px 14px 0 0; } }

/* the catalogue product: the block is the page */
.pd-shopify-catalogue { margin: 8px 0 32px; }
/* the catalogue page breaks out of the theme container to the viewport, then centres itself */
.pd-shopify-catalogue.pd-woo-block { clear: both; padding: 0; width: 100vw; max-width: 100vw; position: relative; left: 50%; margin-left: -50vw; margin-right: 0; }
.pd-shopify-catalogue.pd-woo-block .pd-app { max-width: 1240px; padding-left: 24px; padding-right: 24px; }