.nayeli-dk .nayeli-dk-help[hidden], .nayeli-dk-help-popover[hidden] { display: none !important; }
.nayeli-dk button.nayeli-dk-help {
 display:inline-flex; align-items:center; justify-content:center; flex:0 0 32px;
 width:32px; height:32px; min-height:32px; padding:0; margin:0 0 0 3px;
 border:1px solid #cdbbdc; border-radius:50%; background:#f2eaf6; color:#00616b;
 font:600 15px/1 sans-serif; box-shadow:none; cursor:pointer; text-transform:none;
}
.nayeli-dk button.nayeli-dk-help:hover, .nayeli-dk button.nayeli-dk-help[aria-expanded="true"] { background:#e4d5ed; }
.nayeli-dk button.nayeli-dk-help:focus-visible, .nayeli-dk-help-close:focus-visible { outline:2px solid #007f88; outline-offset:3px; }
.nayeli-dk .nayeli-dk-help-zoom { display:flex; flex-direction:column; align-items:center; gap:5px; }
.nayeli-dk .nayeli-dk-help-label { display:flex; align-items:center; color:#00616b; font-size:13px; line-height:1.4; }
.nayeli-dk .nayeli-dk-help-note { display:block; margin:0; font-size:12px; line-height:1.4; color:#50646c; }
.nayeli-dk .nayeli-dk-material-help-wrap { position:relative; display:flex; flex:1 1 158px; max-width:220px; min-width:0; }
.nayeli-dk .nayeli-dk__material-row .nayeli-dk-material-help-wrap > .nayeli-dk__material-option { flex:1 1 auto !important; width:100% !important; max-width:none !important; padding-right:39px !important; }
.nayeli-dk .nayeli-dk-material-help-wrap > .nayeli-dk-help { position:absolute; right:3px; top:50%; transform:translateY(-50%); margin:0; }

.nayeli-dk .nayeli-dk__preview-size-controls > .nayeli-dk__preview-size-control { display:flex !important; flex-direction:column !important; gap:5px !important; align-items:center !important; padding-bottom:0; }
.nayeli-dk .nayeli-dk__preview-size-controls > .nayeli-dk__preview-size-control > em { display:flex !important; align-items:center !important; justify-content:center !important; min-height:32px; margin:0 !important; }
.nayeli-dk-help-popover { position:fixed; z-index:100050; box-sizing:border-box; width:300px; max-width:calc(100vw - 24px); padding:18px 42px 18px 18px; border:1px solid #cdbbdc; border-radius:12px; background:#f2eaf6; color:#164653; box-shadow:0 6px 22px #26344424; font:14px/1.55 Arial,sans-serif; }
.nayeli-dk-help-popover strong { display:block; margin-bottom:6px; font-size:14px; color:#00616b; }
.nayeli-dk-help-popover p { margin:0; font:inherit; color:inherit; }
.nayeli-dk-help-popover button.nayeli-dk-help-close { position:absolute; top:5px; right:5px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; min-height:32px; padding:0; border:0; border-radius:50%; background:transparent; color:#00616b; font:24px/1 Arial,sans-serif; box-shadow:none; cursor:pointer; }
@media(max-width:680px) {
 .nayeli-dk .nayeli-dk-material-help-wrap { flex:1 1 150px; max-width:none; }
 .nayeli-dk .nayeli-dk__material-row .nayeli-dk-material-help-wrap > .nayeli-dk__material-option { min-height:48px; padding-right:46px !important; }
 .nayeli-dk button.nayeli-dk-help { width:40px; height:40px; flex-basis:40px; }
 .nayeli-dk .nayeli-dk__preview-size-controls > .nayeli-dk__preview-size-control { padding-bottom:0; }
 
 .nayeli-dk-help-popover button.nayeli-dk-help-close { width:40px; height:40px; }
}

/* Optional explanation is a separate button, never nested in the accordion toggle. */
.nayeli-dk .nayeli-dk__accordion--more { position:relative; }
.nayeli-dk .nayeli-dk__accordion--more > .nayeli-dk__accordion-head { padding-right:76px !important; }
.nayeli-dk button.nayeli-dk-help-optional { position:absolute; top:4px; right:34px; margin:0; padding:0; width:28px; height:28px; min-height:28px; }
@media(max-width:680px) {
 .nayeli-dk button.nayeli-dk-help-optional { top:2px; width:34px; height:34px; min-height:34px; }
}

.nayeli-dk .nayeli-dk__accordion--more > .nayeli-dk__accordion-head { position:relative; gap:6px !important; }
.nayeli-dk .nayeli-dk__accordion--more > .nayeli-dk__accordion-head > .nayeli-dk__accordion-icon { position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.nayeli-dk .nayeli-dk__accordion--more > .nayeli-dk__accordion-head > strong { flex:0 0 auto !important; }
@media(max-width:680px) {
 .nayeli-dk .nayeli-dk__accordion--more .nayeli-dk__step-label { flex:0 1 auto !important; min-width:0 !important; gap:6px !important; }
 .nayeli-dk .nayeli-dk__accordion--more .nayeli-dk__step-label > span:last-child { font-size:12px !important; }
 .nayeli-dk .nayeli-dk__accordion--more .nayeli-dk__step-badge { width:22px !important; height:22px !important; min-width:22px !important; flex:0 0 22px !important; font-size:11px !important; }
 .nayeli-dk .nayeli-dk__accordion--more > .nayeli-dk__accordion-head > strong { font-size:11px !important; }
 .nayeli-dk button.nayeli-dk-help-optional { top:8px; }
}

/* Match the existing Mustergrösse heading and Nayeli helper typography. */
.nayeli-dk .nayeli-dk-help-label {
 font-family:"Handlee", cursive !important;
 font-size:14px !important;
 font-weight:700 !important;
 font-style:normal;
 line-height:1.2 !important;
 letter-spacing:0 !important;
 text-transform:uppercase !important;
 color:var(--ndk-accent) !important;
 gap:10px;
 min-height:44px;
}
.nayeli-dk .nayeli-dk__preview-size-controls > .nayeli-dk__preview-size-control > em { min-height:44px; }
.nayeli-dk .nayeli-dk-help-note {
 font-family:"Raleway", sans-serif;
 color:var(--ndk-accent);
 font-size:12px;
 font-weight:400;
 line-height:1.4;
 text-align:center;
}