/* Scoped MyDIY Popup Maker theme and native Uni CPO trigger presentation. */
.pum-theme-mydiy-product-help { --mdy-plum:#582c4d; --mdy-ink:#332d32; --mdy-muted:#665d64; --mdy-blush:#f7f0f4; --mdy-line:#e7dce3; font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.pum-theme-mydiy-product-help .pum-container { display:flex !important; flex-direction:column; padding:0; border:1px solid #e7dce3; border-radius:16px; background:#fff; box-shadow:0 18px 65px #26132038; max-height:calc(100dvh - 48px); overflow:hidden; }
/* Popup Maker finishes fadeOut with inline display:none and resets opacity.
 * Honour that native hidden state so the flex override cannot flash the box. */
.pum-theme-mydiy-product-help .pum-container[style*="display: none"] { display:none !important; }
.pum-theme-mydiy-product-help .pum-title { flex:0 0 auto; margin:0; padding:30px 78px 20px 32px; color:var(--mdy-plum); font:700 29px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; letter-spacing:-.5px; text-align:left; text-shadow:none; }
.pum-theme-mydiy-product-help .pum-content { overflow-y:auto; overscroll-behavior:contain; padding:0 32px 28px; color:var(--mdy-ink); font:400 16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.mdy-help, .mdy-help * { box-sizing:border-box; }
.mdy-help p { margin:0 0 14px; color:inherit; font:inherit; }
.mdy-help .mdy-help-intro { color:var(--mdy-muted); font-size:17px; margin:0 0 24px; max-width:66ch; }
.mdy-help-sections { display:grid; grid-template-columns:1fr; gap:0; }
.mdy-help-section { padding:20px 0; border-top:1px solid var(--mdy-line); }
.mdy-help-section h3 { margin:0 0 8px; color:var(--mdy-plum); font:650 19px/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; letter-spacing:-.15px; }
.mdy-help-section p:last-child { margin-bottom:0; }
.mdy-help-section.with-image { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:24px; align-items:center; }
.mdy-help-section figure { margin:0; min-width:0; }
.mdy-help-section img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:8px; background:#fbf8fa; }
.mdy-help-section img.mdy-diagram { object-fit:contain; }
.mdy-help-tip { margin:22px 0 24px; padding:16px 18px; border-left:3px solid var(--mdy-plum); background:var(--mdy-blush); color:var(--mdy-ink); }
.mdy-help-tip p { margin:0; font-size:15px; }
.mdy-help-footer { padding-top:22px; border-top:1px solid var(--mdy-line); display:flex; justify-content:space-between; align-items:center; gap:20px; }
.mdy-help-footer img { display:block; width:164px; height:auto; flex-shrink:0; }
.mdy-help-footer span { font-size:12px; line-height:1.4; color:var(--mdy-muted); text-align:right; }
.pum-theme-mydiy-product-help .pum-close { top:20px; right:20px; width:40px; height:40px; padding:0; border:1px solid var(--mdy-line); border-radius:50%; background:var(--mdy-blush); color:var(--mdy-plum); box-shadow:none; text-shadow:none; font:400 26px/36px Arial,sans-serif; transition:background .18s ease, transform .18s ease; }
.pum-theme-mydiy-product-help .pum-close:hover { background:#eedee8; transform:rotate(6deg); }
.pum-theme-mydiy-product-help :focus-visible { outline:3px solid #9c688b; outline-offset:3px; }
body.admin-bar .pum-theme-mydiy-product-help .pum-container { max-height:calc(100dvh - 60px); }
body .uni-cpo-tooltip.mdy-help-trigger { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; min-width:24px; margin-inline-start:4px; border:0; border-radius:50%; background:transparent; color:#582c4d; cursor:pointer; vertical-align:middle; box-shadow:none; font:700 11px/1 system-ui,sans-serif; transition:transform .16s ease; }
body .uni-cpo-tooltip.mdy-help-trigger::before { content:"?"; display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:18px; height:18px; border:1px solid #b796ad; border-radius:50%; background:#f7f0f4; color:inherit; font:inherit; transition:background .16s ease,color .16s ease,box-shadow .16s ease; }
body .uni-cpo-tooltip.mdy-help-trigger:hover { transform:translateY(-1px) scale(1.04); }
body .uni-cpo-tooltip.mdy-help-trigger:hover::before, body .uni-cpo-tooltip.mdy-help-trigger:focus-visible::before { background:#582c4d; color:#fff; box-shadow:0 2px 5px #582c4d24; }
body .uni-cpo-tooltip.mdy-help-trigger:focus-visible { outline:2px solid #9c688b; outline-offset:2px; }
@media(max-width:600px) {
 .pum-theme-mydiy-product-help .pum-container { max-height:calc(100dvh - 24px); border-radius:12px; }
 .pum-theme-mydiy-product-help .pum-title { font-size:24px; padding:23px 65px 17px 20px; }
 .pum-theme-mydiy-product-help .pum-content { padding:0 20px 22px; font-size:15px; }
 .mdy-help .mdy-help-intro { font-size:16px; margin-bottom:18px; }
 .mdy-help-section.with-image { grid-template-columns:1fr; gap:14px; }
 .mdy-help-section figure { grid-row:2; }
 .mdy-help-section h3 { font-size:18px; }
 .mdy-help-footer { align-items:flex-start; flex-direction:column; gap:12px; }
 .mdy-help-footer span { text-align:left; }
 .pum-theme-mydiy-product-help .pum-close { top:15px; right:14px; }
}
@media(prefers-reduced-motion:reduce) {
 body .uni-cpo-tooltip.mdy-help-trigger, body .uni-cpo-tooltip.mdy-help-trigger::before, .pum-theme-mydiy-product-help .pum-close { transition:none; }
 body .uni-cpo-tooltip.mdy-help-trigger:hover, .pum-theme-mydiy-product-help .pum-close:hover { transform:none; }
}
.pum-theme-mydiy-product-help .mdy-help-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-column:1/-1}
.pum-theme-mydiy-product-help .mdy-help-gallery figure{margin:0;padding:14px;border:1px solid #e7dce3;border-radius:10px;background:#fff;min-width:0;grid-row:auto}
.pum-theme-mydiy-product-help .mdy-help-gallery figcaption{margin-top:10px;text-align:center;font-size:14px;font-weight:600;color:#582c4d;line-height:1.4}
.pum-theme-mydiy-product-help .mdy-help img.mdy-hardware-image{width:100%;height:180px;aspect-ratio:auto;object-fit:contain;background:#fff;border-radius:6px}
.pum-theme-mydiy-product-help .mdy-stack-guide,.pum-theme-mydiy-product-help .mdy-flow-guide{grid-column:1/-1}
.pum-theme-mydiy-product-help .mdy-stack-bar{display:flex;border-top:3px solid #582c4d;min-height:54px;border-radius:4px;overflow:hidden;font-size:13px;font-weight:650}
.pum-theme-mydiy-product-help .mdy-stack-bar span{display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;padding:6px 2px}
.pum-theme-mydiy-product-help .mdy-stack-fill{background:#e5d1de;color:#582c4d}
.pum-theme-mydiy-product-help .mdy-stack-clear{background:#f6f2f4;color:#582c4d;flex-direction:column;gap:3px}
.pum-theme-mydiy-product-help .mdy-stack-clear b{font-size:26px;line-height:1;font-weight:500}
.pum-theme-mydiy-product-help .mdy-stack-guide p{font-size:12px;margin-top:8px;color:#665d64}
.pum-theme-mydiy-product-help .mdy-flow-guide{padding:12px 14px;background:#f6f2f4;border-radius:6px;text-align:center;color:#582c4d;font-weight:600;font-size:14px}
.pum-theme-mydiy-product-help .mdy-finish-swatches{grid-column:1/-1;list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:18px}
.pum-theme-mydiy-product-help .mdy-finish-swatches li{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:13px;min-width:65px}
.pum-theme-mydiy-product-help .mdy-finish-swatches li span{width:48px;height:34px;border:1px solid #c4bdc1;border-radius:5px;box-shadow:inset 0 2px 6px #ffffff66}
@media(max-width:480px){.pum-theme-mydiy-product-help .mdy-help-gallery{gap:10px}.pum-theme-mydiy-product-help .mdy-help-gallery figure{padding:10px}.pum-theme-mydiy-product-help .mdy-help img.mdy-hardware-image{height:125px}.pum-theme-mydiy-product-help .mdy-stack-bar{font-size:11px}}
@media(max-width:600px){.pum-theme-mydiy-product-help .mdy-gallery-diagrams{grid-template-columns:1fr}}