/* DPG Snelkeuze — Mijn producten (pagina) en "Bewaar in Mijn producten" (productpagina). */
.dpgsk-mine{--dpgsk-accent:#16a4de;--dpgsk-strong:#0c71b8;--dpgsk-active:#ebf7fe;--dpgsk-line:#dfe3e8;--dpgsk-muted:#5b6670;margin:0 0 48px;color:#1f2328;font-family:inherit}
.dpgsk-mine [hidden]{display:none!important}
.dpgsk-mine .dpgsk-mine-title{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}
.dpgsk-mine .dpgsk-mine-intro{margin:0 0 24px;max-width:70ch;color:var(--dpgsk-muted);line-height:1.55}
.dpgsk-mine .dpgsk-mine-notice{margin:0 0 16px;padding:10px 14px;border-radius:8px;background:#e3f5e9;color:#17663a}
.dpgsk-mine .dpgsk-mine-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 16px;text-align:center;color:var(--dpgsk-strong)}
.dpgsk-mine .dpgsk-mine-empty p{margin:0;max-width:52ch;color:#1f2328;line-height:1.55}
.dpgsk-mine .dpgsk-mine-empty.is-compact{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid var(--dpgsk-line);border-radius:10px;text-align:left}
.dpgsk-mine .dpgsk-mine-section{margin:40px 0 4px;font-size:1.5rem;line-height:1.25}
.dpgsk-mine .dpgsk-mine-section:first-of-type{margin-top:8px}
.dpgsk-mine .dpgsk-mine-hint{margin:0 0 8px;padding:10px 14px;border-radius:8px;background:var(--dpgsk-active);color:#1f2328;font-size:.9rem;line-height:1.5}
.dpgsk-mine .dpgsk-mine-price--plain{font-size:18px;font-weight:700}
.dpgsk-mine .dpgsk-mine-unfav{align-self:center;font-size:.85rem;color:var(--dpgsk-muted)!important;text-decoration:none}
.dpgsk-mine .dpgsk-mine-unfav:hover{color:#b32d2e!important;text-decoration:underline}
.dpgsk-mine .dpgsk-mine-direct{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border:2px solid var(--dpgsk-accent);border-radius:5px;background:#fff;color:var(--dpgsk-strong)!important;font-weight:700;text-decoration:none!important;line-height:1.2}
.dpgsk-mine .dpgsk-mine-direct:hover{background:var(--dpgsk-active)}
.dpgsk-mine .dpgsk-mine-direct:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
/* Divi/thema: geen extra ruimte onder alinea's in de kaart. */
.dpgsk-mine .dpgsk-mine-card p{padding-bottom:0}
.dpgsk-mine .dpgsk-mine-card .dpgsk-mine-name{padding-bottom:0}

.dpgsk-mine .dpgsk-mine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px 32px;margin:8px 0 0;padding:0;list-style:none}
.dpgsk-mine .dpgsk-mine-card{display:flex;flex-direction:column;margin:0;padding:0;min-width:0;text-align:center}
.dpgsk-mine .dpgsk-mine-card.is-unavailable .dpgsk-mine-img{opacity:.55}
/* Foto zoals de productkaarten in de winkel: vierkant, afgerond, schaduw. */
.dpgsk-mine .dpgsk-mine-img{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f3f5f7;box-shadow:3px 3px 6px rgba(0,0,0,.16)}
.dpgsk-mine .dpgsk-mine-img img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:10px;transition:transform .35s ease}
/* Aanwijzen: foto komt iets omhoog met diepere schaduw en zoomt licht in; naam in de accentkleur. */
.dpgsk-mine .dpgsk-mine-img{transition:transform .25s ease,box-shadow .25s ease}
.dpgsk-mine .dpgsk-mine-card:hover .dpgsk-mine-img,.dpgsk-mine .dpgsk-mine-card:focus-within .dpgsk-mine-img{transform:translateY(-4px);box-shadow:6px 10px 18px rgba(0,0,0,.18)}
.dpgsk-mine .dpgsk-mine-card:hover .dpgsk-mine-img img{transform:scale(1.04)}
.dpgsk-mine .dpgsk-mine-name{transition:color .2s ease}
.dpgsk-mine .dpgsk-mine-card:hover .dpgsk-mine-name{color:var(--dpgsk-strong)}
@media (hover:none){.dpgsk-mine .dpgsk-mine-card:hover .dpgsk-mine-img{transform:none;box-shadow:3px 3px 6px rgba(0,0,0,.16)}.dpgsk-mine .dpgsk-mine-card:hover .dpgsk-mine-img img{transform:none}}
@media (prefers-reduced-motion:reduce){.dpgsk-mine .dpgsk-mine-img,.dpgsk-mine .dpgsk-mine-img img{transition:box-shadow .2s ease}.dpgsk-mine .dpgsk-mine-card:hover .dpgsk-mine-img,.dpgsk-mine .dpgsk-mine-card:focus-within .dpgsk-mine-img{transform:none}.dpgsk-mine .dpgsk-mine-card:hover .dpgsk-mine-img img{transform:none}}
.dpgsk-mine .dpgsk-mine-badge{position:absolute;left:10px;top:10px;max-width:calc(100% - 20px);padding:3px 10px;border-radius:999px;background:#fff;color:var(--dpgsk-strong);font-size:.75rem;font-weight:700;line-height:1.4;box-shadow:0 1px 4px rgba(0,0,0,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpgsk-mine .dpgsk-mine-name{margin:18px 0 0;padding:0;font-size:18px;line-height:1.3}
.dpgsk-mine .dpgsk-mine-product{margin:4px 0 0;font-size:.85rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-mine-specs{margin:6px 0 0;font-size:.9rem;line-height:1.45;color:var(--dpgsk-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dpgsk-mine .dpgsk-mine-warn{margin:6px 0 0;font-size:.85rem;color:#b32d2e}
.dpgsk-mine .dpgsk-mine-foot{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;padding-top:14px}
.dpgsk-mine .dpgsk-mine-price strong{font-size:18px;font-weight:700}
.dpgsk-mine .dpgsk-mine-price small,.dpgsk-mine .dpgsk-mine-price del{font-size:.8rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-mine-rows{display:grid;gap:3px;margin:0 auto;padding:0;width:100%;max-width:260px}
.dpgsk-mine .dpgsk-mine-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0}
.dpgsk-mine .dpgsk-mine-rows dt{margin:0;padding:0;font-size:.85rem;font-weight:400;color:var(--dpgsk-muted);text-align:left}
.dpgsk-mine .dpgsk-mine-rows dd{margin:0;padding:0;font-size:.9rem;text-align:right;white-space:nowrap}
.dpgsk-mine .dpgsk-mine-rows dd strong{font-size:18px}
.dpgsk-mine .dpgsk-mine-price .dpgsk-mine-pricenote{margin-top:6px}
.dpgsk-mine .dpgsk-mine-pricenote{display:block;margin-top:2px;font-size:.75rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-mine-btn.theme-button{box-sizing:border-box;width:100%;text-align:center;text-decoration:none!important}
/* Zonder de knopstijl van het thema (andere site): eigen knop. */
.dpgsk-mine .dpgsk-mine-btn:not(.theme-button),.dpgsk-mine-empty .dpgsk-mine-btn:not(.theme-button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:5px;background:var(--dpgsk-accent);color:#fff!important;font-weight:700;text-decoration:none!important;line-height:1.2}
.dpgsk-mine .dpgsk-mine-btn:focus-visible,.dpgsk-mine summary:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-mine-more{font-size:.85rem}
.dpgsk-mine .dpgsk-mine-more summary{display:inline-block;cursor:pointer;color:var(--dpgsk-strong);list-style:none}
.dpgsk-mine .dpgsk-mine-more summary::-webkit-details-marker{display:none}
.dpgsk-mine .dpgsk-mine-more[open] summary{margin-bottom:4px}
.dpgsk-mine .dpgsk-mine-form{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:4px;text-align:left}
.dpgsk-mine .dpgsk-mine-form label{display:flex;flex-direction:column;gap:2px}
.dpgsk-mine .dpgsk-mine-form input[type=text]{width:100%;min-height:38px;padding:4px 8px;border:1px solid var(--dpgsk-line);border-radius:5px;font:inherit}
.dpgsk-mine .dpgsk-mine-actions{display:flex;justify-content:space-between;gap:8px}
.dpgsk-mine .dpgsk-mine-link{appearance:none;padding:4px 0;border:0;background:none;color:var(--dpgsk-strong);font:inherit;text-align:left;text-decoration:underline;cursor:pointer}
.dpgsk-mine .dpgsk-mine-delete{color:#b32d2e}

@media(max-width:600px){
.dpgsk-mine .dpgsk-mine-grid{grid-template-columns:1fr;gap:36px}
}

/* Productpagina: onder de bestelknop */
.dpgsk-save{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:10px 0 0;font-size:.88rem;line-height:1.4}
.dpgsk-save[hidden]{display:none!important}
/* In het bestelvak van DPG Delivery Preview (raster): hele breedte, zelfde inspringing als de prijs. */
.dpg-psp-order-panel>.dpgsk-save{grid-column:1/-1;margin:0;padding:10px 22px 14px;border-top:1px solid #edf0f3}
.dpgsk-save-btn{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:6px 0;border:0;background:none;color:var(--dpgsk-strong,#0c71b8);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.dpgsk-save-btn:disabled{cursor:wait;opacity:.7}
.dpgsk-save-btn:focus-visible{outline:3px solid var(--dpgsk-accent,#16a4de);outline-offset:2px}
.dpgsk-save-hint{color:#5b6670;font-size:.8rem}
.dpgsk-save-done{display:inline-flex;align-items:center;gap:6px;color:#17663a;font-weight:700}
.dpgsk-save a{color:var(--dpgsk-strong,#0c71b8);font-weight:700}
.dpgsk-save-error{flex-basis:100%;color:#b32d2e}
.dpgsk-save-hint svg{vertical-align:-3px;color:var(--dpgsk-accent,#16a4de)}
.dpgsk-save-rename{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.dpgsk-save-rename label{display:flex;align-items:center;gap:6px;font-weight:700}
.dpgsk-save-rename input{min-height:34px;padding:2px 8px;border:1px solid #c9d1d9;border-radius:5px;font:inherit;width:min(320px,60vw)}
.dpgsk-save-link{appearance:none;padding:4px 0;border:0;background:none;color:#5b6670;font:inherit;text-decoration:underline;cursor:pointer}

/* ===== Prijslijst "Jouw samenstellingen" ===== */
.dpgsk-mine .dpgsk-pl{--pl-line:#e6ebf0;--pl-soft:#f6f9fc;margin:12px 0 0;border:1px solid var(--pl-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.04)}
.dpgsk-mine .dpgsk-pl-head{border-radius:14px 14px 0 0}
.dpgsk-mine .dpgsk-pl-row:last-child{border-radius:0 0 14px 14px}
.dpgsk-mine .dpgsk-pl-head,.dpgsk-mine .dpgsk-pl-row{display:grid;grid-template-columns:76px minmax(0,1fr) 190px 224px;column-gap:24px;align-items:center}
.dpgsk-mine .dpgsk-pl-head{padding:12px 24px;background:var(--pl-soft);border-bottom:1px solid var(--pl-line);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-head span:nth-child(3){text-align:right}
.dpgsk-mine .dpgsk-pl-row{position:relative;row-gap:0;padding:18px 24px;transition:background-color .2s ease}
.dpgsk-mine .dpgsk-pl-row+.dpgsk-pl-row{border-top:1px solid var(--pl-line)}
.dpgsk-mine .dpgsk-pl-row:hover{background:#fbfdff}
.dpgsk-mine .dpgsk-pl-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dpgsk-accent);opacity:0;transition:opacity .2s ease}
.dpgsk-mine .dpgsk-pl-row:hover::before,.dpgsk-mine .dpgsk-pl-row:focus-within::before{opacity:1}
.dpgsk-mine .dpgsk-pl-row.is-unavailable{opacity:.6}

.dpgsk-mine .dpgsk-pl-thumb{display:block;width:76px;height:76px;border-radius:10px;overflow:hidden;background:#f2f4f7;box-shadow:0 1px 3px rgba(16,24,40,.12);transition:transform .25s ease,box-shadow .25s ease}
.dpgsk-mine .dpgsk-pl-thumb img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.dpgsk-mine .dpgsk-pl-row:hover .dpgsk-pl-thumb{transform:translateY(-2px);box-shadow:0 6px 14px rgba(16,24,40,.16)}

.dpgsk-mine .dpgsk-pl-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.dpgsk-mine .dpgsk-pl-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--dpgsk-active);color:var(--dpgsk-strong);font-size:.72rem;font-weight:700;line-height:1.5}
.dpgsk-mine .dpgsk-pl-name{margin:0;padding:0;font-size:1.08rem;line-height:1.3}
.dpgsk-mine .dpgsk-pl-name a{color:inherit;text-decoration:none}
.dpgsk-mine .dpgsk-pl-name a:hover{color:var(--dpgsk-strong)}
.dpgsk-mine .dpgsk-pl-product{font-size:.82rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-specs{margin:0;padding:0;font-size:.88rem;line-height:1.45;color:var(--dpgsk-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dpgsk-mine .dpgsk-pl-warn{margin:2px 0 0;padding:0;font-size:.85rem;color:#b32d2e}

.dpgsk-mine .dpgsk-pl-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums;line-height:1.25}
.dpgsk-mine .dpgsk-pl-old{font-size:.82rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-amount{font-size:1.45rem;font-weight:700;letter-spacing:-.01em;color:#1f2328}
.dpgsk-mine .dpgsk-pl-tax{font-size:.75rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-ship{margin-top:6px;font-size:.82rem;color:#3d4852}
.dpgsk-mine .dpgsk-pl-note{margin-top:2px;font-size:.72rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-note.is-fixed{align-self:flex-end;margin-top:6px;padding:1px 8px;border-radius:999px;background:#e7f6ec;color:#17663a;font-weight:700}

.dpgsk-mine .dpgsk-pl-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.dpgsk-mine .dpgsk-pl-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;box-sizing:border-box;text-align:center;text-decoration:none!important;white-space:nowrap;transition:filter .15s ease,transform .15s ease}
.dpgsk-mine .dpgsk-pl-btn:hover{filter:brightness(1.05)}
.dpgsk-mine .dpgsk-pl-btn:active{transform:translateY(1px)}
.dpgsk-mine .dpgsk-pl-btn:not(.theme-button){padding:0 18px;border-radius:5px;background:var(--dpgsk-accent);color:#fff!important;font-weight:700}
.dpgsk-mine .dpgsk-pl-btn:focus-visible,.dpgsk-mine .dpgsk-pl-links a:focus-visible,.dpgsk-mine .dpgsk-pl-toggle:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-pl-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;font-size:.84rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-links a,.dpgsk-mine .dpgsk-pl-toggle{appearance:none;padding:2px 0;border:0;background:none;color:var(--dpgsk-strong)!important;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.dpgsk-mine .dpgsk-pl-links a:hover,.dpgsk-mine .dpgsk-pl-toggle:hover{text-decoration:underline;text-underline-offset:3px}

.dpgsk-mine .dpgsk-pl-edit{grid-column:2/-1;margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--pl-soft)}
.dpgsk-mine .dpgsk-pl-edit[hidden]{display:none!important}
.dpgsk-mine .dpgsk-pl-edit form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0}
.dpgsk-mine .dpgsk-pl-edit label{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700}
.dpgsk-mine .dpgsk-pl-edit input[type=text]{min-height:38px;width:min(320px,60vw);padding:4px 10px;border:1px solid #cfd8e0;border-radius:6px;font:inherit;font-weight:400;background:#fff}
.dpgsk-mine .dpgsk-pl-save{appearance:none;min-height:38px;padding:0 14px;border:1px solid var(--dpgsk-strong);border-radius:6px;background:#fff;color:var(--dpgsk-strong);font:inherit;font-weight:700;cursor:pointer}
.dpgsk-mine .dpgsk-pl-delete{appearance:none;margin-left:auto;padding:4px 0;border:0;background:none;color:#b32d2e;font:inherit;font-size:.84rem;text-decoration:underline;cursor:pointer}

.dpgsk-mine .dpgsk-pl-tiers-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px 10px!important;border:1px solid #cfe3f3!important;border-radius:999px;background:#fff!important;font-size:.78rem!important;line-height:1.4}
.dpgsk-mine .dpgsk-pl-tiers-btn:hover{text-decoration:none!important;background:var(--dpgsk-active)!important}
.dpgsk-mine .dpgsk-pl-tiers-btn svg{transition:transform .2s ease}
.dpgsk-mine .dpgsk-pl-tiers-btn[aria-expanded=true]{background:var(--dpgsk-active)!important}
.dpgsk-mine .dpgsk-pl-tiers-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.dpgsk-mine .dpgsk-pl-tiers{grid-column:2/-1;margin-top:14px;padding:4px 14px 12px;border-radius:10px;background:var(--pl-soft)}
.dpgsk-mine .dpgsk-pl-tiers[hidden]{display:none!important}
.dpgsk-mine .dpgsk-pl-tiers table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums;background:none}
.dpgsk-mine .dpgsk-pl-tiers caption{padding:8px 0 6px;text-align:left;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-tiers th,.dpgsk-mine .dpgsk-pl-tiers td{padding:7px 10px;border:0;border-top:1px solid var(--pl-line);text-align:right;vertical-align:middle;background:none;white-space:nowrap}
.dpgsk-mine .dpgsk-pl-tiers thead th{border-top:0;padding-top:2px;font-size:.75rem;font-weight:600;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-tiers th:first-child{text-align:left;padding-left:0}
.dpgsk-mine .dpgsk-pl-tiers td:last-child{padding-right:0}
.dpgsk-mine .dpgsk-pl-tiers tbody th{font-weight:600;color:#1f2328}
.dpgsk-mine .dpgsk-pl-tiers tr.is-own th,.dpgsk-mine .dpgsk-pl-tiers tr.is-own td{background:var(--dpgsk-active)}
.dpgsk-mine .dpgsk-pl-tiers tr.is-own th:first-child{padding-left:8px;border-radius:6px 0 0 6px}
.dpgsk-mine .dpgsk-pl-tiers tr.is-own td:last-child{padding-right:8px;border-radius:0 6px 6px 0}
.dpgsk-mine .dpgsk-pl-own{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:#fff;color:var(--dpgsk-strong);font-size:.7rem;font-weight:700;line-height:1.6;vertical-align:1px}
.dpgsk-mine .dpgsk-pl-own.is-fixed{background:#e7f6ec;color:#17663a}
.dpgsk-mine .dpgsk-pl-save-pct{display:inline-block;padding:0 7px;border-radius:999px;background:#e7f6ec;color:#17663a;font-size:.8rem;font-weight:700;line-height:1.6}
.dpgsk-mine .dpgsk-pl-muted{color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-tiers td a{color:var(--dpgsk-strong)!important;font-weight:600;text-decoration:none}
.dpgsk-mine .dpgsk-pl-tiers td a:hover{text-decoration:underline;text-underline-offset:3px}
.dpgsk-mine .dpgsk-pl-tiers td a:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-pl-tiers-note{margin:8px 0 0;padding:0;font-size:.75rem;line-height:1.45;color:var(--dpgsk-muted)}


/* Uitleg in drie stappen */
.dpgsk-mine .dpgsk-mine-how{margin:0 0 28px}
.dpgsk-mine .dpgsk-mine-how>summary{display:none}
.dpgsk-mine .dpgsk-mine-how .dpgsk-mine-steps{margin:0}
.dpgsk-mine .dpgsk-mine-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;padding:0;list-style:none;counter-reset:none}
.dpgsk-mine .dpgsk-mine-steps li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;border-radius:12px;background:var(--dpgsk-active)}
.dpgsk-mine .dpgsk-mine-steps li::before{content:none}
.dpgsk-mine .dpgsk-mine-step-nr{flex:0 0 28px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--dpgsk-strong);font-weight:800;font-size:.9rem;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.dpgsk-mine .dpgsk-mine-steps strong{display:block;margin:3px 0 2px;font-size:.95rem;color:#1f2328}
.dpgsk-mine .dpgsk-mine-steps p{margin:0;padding:0;font-size:.85rem;line-height:1.45;color:#3d4852}
/* Voetregel onder de prijslijst en hulpblok */
.dpgsk-mine .dpgsk-pl-meta{margin:-20px 0 22px;font-size:.8rem;line-height:1.45;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-foot{margin:10px 2px 0;padding:0;font-size:.8rem;line-height:1.45;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-mine-help{display:flex;align-items:flex-start;gap:12px;margin:36px 0 0;padding:16px 20px;border:1px solid var(--dpgsk-line);border-radius:12px;background:#fff;color:#1f2328;font-size:.92rem;line-height:1.55}
.dpgsk-mine .dpgsk-mine-help svg{flex:0 0 auto;margin-top:1px;color:var(--dpgsk-strong)}
.dpgsk-mine .dpgsk-mine-help p{margin:0;padding:0}
.dpgsk-mine .dpgsk-mine-help a{color:var(--dpgsk-strong);font-weight:700}
.dpgsk-mine .dpgsk-mine-empty-title{margin:0;font-size:1.25rem;color:#1f2328}
/* Meer-menu (⋯) */
.dpgsk-mine .dpgsk-pl-more{position:relative;display:inline-flex}
.dpgsk-mine .dpgsk-pl-more-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;border:0;border-radius:6px;background:none;color:var(--dpgsk-strong);cursor:pointer}
.dpgsk-mine .dpgsk-pl-more-btn:hover,.dpgsk-mine .dpgsk-pl-more-btn[aria-expanded=true]{background:var(--dpgsk-active)}
.dpgsk-mine .dpgsk-pl-more-btn:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-pl-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;min-width:180px;padding:6px;border:1px solid var(--pl-line,#e6ebf0);border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.14)}
.dpgsk-mine .dpgsk-pl-menu[hidden]{display:none!important}
.dpgsk-mine .dpgsk-pl-menu button{appearance:none;display:block;width:100%;padding:8px 10px!important;border:0;border-radius:6px;background:none;color:#1f2328!important;font:inherit;font-size:.88rem;font-weight:600;text-align:left;text-decoration:none!important;cursor:pointer}
.dpgsk-mine .dpgsk-pl-menu button:hover,.dpgsk-mine .dpgsk-pl-menu button:focus-visible{background:var(--pl-soft,#f6f9fc);outline:none}
.dpgsk-mine .dpgsk-pl-menu button:focus-visible{outline:2px solid var(--dpgsk-strong);outline-offset:-2px}
.dpgsk-mine .dpgsk-pl-menu .dpgsk-pl-menu-delete{color:#b32d2e!important}
.dpgsk-mine .dpgsk-pl-cancel{color:var(--dpgsk-muted)!important;font-weight:600}

@media (max-width:900px){
.dpgsk-mine .dpgsk-pl-head,.dpgsk-mine .dpgsk-pl-row{grid-template-columns:64px minmax(0,1fr) 160px;column-gap:16px}
.dpgsk-mine .dpgsk-pl-head span:nth-child(4){display:none}
.dpgsk-mine .dpgsk-pl-thumb{width:64px;height:64px}
.dpgsk-mine .dpgsk-pl-actions{grid-column:2/-1;flex-direction:row;flex-wrap:wrap;align-items:center;margin-top:12px}
.dpgsk-mine .dpgsk-pl-btn{width:auto;padding-left:22px!important;padding-right:22px!important}
}
@media (max-width:600px){
.dpgsk-mine .dpgsk-pl{border-radius:12px}
.dpgsk-mine .dpgsk-pl-head{display:none}
.dpgsk-mine .dpgsk-pl-row{grid-template-columns:56px minmax(0,1fr);column-gap:14px;padding:16px}
.dpgsk-mine .dpgsk-pl-thumb{width:56px;height:56px;align-self:start}
.dpgsk-mine .dpgsk-pl-price{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:2px 8px;margin-top:12px;text-align:left}
.dpgsk-mine .dpgsk-pl-ship,.dpgsk-mine .dpgsk-pl-note{margin-top:0}
.dpgsk-mine .dpgsk-pl-ship{flex-basis:100%}
.dpgsk-mine .dpgsk-pl-note.is-fixed{align-self:auto}
.dpgsk-mine .dpgsk-pl-actions{grid-column:1/-1;flex-direction:column;align-items:stretch;margin-top:12px}
.dpgsk-mine .dpgsk-pl-btn{width:100%}
.dpgsk-mine .dpgsk-pl-edit,.dpgsk-mine .dpgsk-pl-tiers{grid-column:1/-1}
.dpgsk-mine .dpgsk-mine-steps{grid-template-columns:1fr;gap:8px}
.dpgsk-mine .dpgsk-mine-how{margin:-8px 0 22px}
.dpgsk-mine .dpgsk-mine-how>summary{display:inline-flex;align-items:center;gap:6px;padding:6px 0;color:var(--dpgsk-strong);font-weight:700;font-size:.92rem;cursor:pointer;list-style:none}
.dpgsk-mine .dpgsk-mine-how>summary::-webkit-details-marker{display:none}
.dpgsk-mine .dpgsk-mine-how>summary::after{content:"";width:7px;height:7px;margin-top:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.dpgsk-mine .dpgsk-mine-how[open]>summary::after{margin-top:3px;transform:rotate(-135deg)}
.dpgsk-mine .dpgsk-mine-how[open] .dpgsk-mine-steps{margin-top:8px}
.dpgsk-mine .dpgsk-mine-steps li{padding:12px 14px}
.dpgsk-mine .dpgsk-mine-help{padding:14px 16px}
.dpgsk-mine .dpgsk-pl-delete{margin-left:0}
.dpgsk-mine .dpgsk-pl-tiers{padding:4px 10px 10px}
.dpgsk-mine .dpgsk-pl-tiers th,.dpgsk-mine .dpgsk-pl-tiers td{padding:7px 5px;font-size:.84rem}
.dpgsk-mine .dpgsk-pl-tiers th:nth-child(4),.dpgsk-mine .dpgsk-pl-tiers td:nth-child(4){display:none}
.dpgsk-mine .dpgsk-pl-own{display:block;width:max-content;margin:2px 0 0}
.dpgsk-mine .dpgsk-pl-tier-lbl{display:none}
.dpgsk-mine .dpgsk-pl-tiers-btn{margin-top:0;margin-left:auto}
.dpgsk-mine .dpgsk-pl-tiers td a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#fff;font-size:1.1rem}
}
@media (hover:none){.dpgsk-mine .dpgsk-pl-row:hover{background:#fff}.dpgsk-mine .dpgsk-pl-row:hover .dpgsk-pl-thumb{transform:none}}
@media (prefers-reduced-motion:reduce){.dpgsk-mine .dpgsk-pl-row,.dpgsk-mine .dpgsk-pl-thumb,.dpgsk-mine .dpgsk-pl-btn{transition:none}.dpgsk-mine .dpgsk-pl-row:hover .dpgsk-pl-thumb{transform:none}}
.dpgsk-mine .dpgsk-pl-ship{white-space:nowrap}
@media (min-width:601px){.dpgsk-mine .dpgsk-pl-tax{display:none}}
/* Favorieten compacter naast de prijslijst. */
.dpgsk-mine .dpgsk-mine-grid--favs{grid-template-columns:repeat(auto-fill,minmax(180px,220px));gap:32px 24px}
.dpgsk-mine .dpgsk-mine-grid--favs .dpgsk-mine-name{margin-top:12px;font-size:16px}
@media (max-width:600px){.dpgsk-mine .dpgsk-mine-grid--favs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.dpgsk-mine .dpgsk-mine-grid--favs .dpgsk-mine-name{font-size:15px}.dpgsk-mine .dpgsk-mine-grid--favs .dpgsk-mine-btn{font-size:15px}}

/* ===== 0.7.33: toegankelijkheid en aanraakdoelen (alleen opmaak) ===== */
/* Bewaarblok onder de bestelknop: groter aanraakvlak, leesbare uitgeschakelde knop, zichtbare focus. */
.dpgsk-save-btn{min-height:44px;padding:0}
.dpgsk-save-btn:disabled{opacity:1;color:#5b6670;text-decoration:none}
.dpgsk-save a,.dpgsk-save-link{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
.dpgsk-save a:focus-visible,.dpgsk-save-link:focus-visible,.dpgsk-save-rename button:focus-visible{outline:3px solid var(--dpgsk-strong,#0c71b8);outline-offset:2px;border-radius:3px}
.dpgsk-save-rename input{min-height:40px}
.dpgsk-save-rename input:focus-visible{outline:3px solid var(--dpgsk-strong,#0c71b8);outline-offset:1px}
.dpgsk-save-done{flex-wrap:wrap;overflow-wrap:anywhere}
.dpgsk-save-error{display:block;margin-top:4px;font-weight:600}
/* Mijn producten: menu met drie puntjes en links groot genoeg om aan te raken. */
.dpgsk-mine .dpgsk-pl-more-btn{width:40px;height:40px}
.dpgsk-mine .dpgsk-pl-menu button{min-height:40px}
@media (hover:none),(max-width:600px){
  .dpgsk-mine .dpgsk-pl-more-btn{width:44px;height:44px}
  .dpgsk-mine .dpgsk-pl-links a,.dpgsk-mine .dpgsk-pl-toggle{display:inline-flex;align-items:center;min-height:44px}
  .dpgsk-mine .dpgsk-pl-tiers-btn{min-height:36px}
  .dpgsk-mine .dpgsk-pl-tiers td a{width:44px;height:44px}
  .dpgsk-mine .dpgsk-pl-delete{min-height:44px}
  .dpgsk-mine .dpgsk-pl-edit input[type=text],.dpgsk-mine .dpgsk-pl-save,.dpgsk-mine .dpgsk-mine-form input[type=text]{min-height:44px}
}
.dpgsk-mine .dpgsk-pl-delete:focus-visible,.dpgsk-mine .dpgsk-pl-save:focus-visible,.dpgsk-mine .dpgsk-mine-link:focus-visible,.dpgsk-mine .dpgsk-pl-edit input[type=text]:focus-visible,.dpgsk-mine .dpgsk-mine-form input[type=text]:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}

/* ===== 0.7.33: rustiger Mijn producten ===== */
/* Uitleg ingeklapt zodra er producten zijn (ook op desktop): één regel "Hoe werkt Mijn producten?". */
.dpgsk-mine .dpgsk-mine-how.is-collapsed{margin:-6px 0 22px}
.dpgsk-mine .dpgsk-mine-how.is-collapsed>summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;color:var(--dpgsk-strong);font-weight:700;font-size:.92rem;cursor:pointer;list-style:none}
.dpgsk-mine .dpgsk-mine-how.is-collapsed>summary::-webkit-details-marker{display:none}
.dpgsk-mine .dpgsk-mine-how.is-collapsed>summary::after{content:"";width:7px;height:7px;margin-top:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.dpgsk-mine .dpgsk-mine-how.is-collapsed[open]>summary::after{margin-top:3px;transform:rotate(-135deg)}
.dpgsk-mine .dpgsk-mine-how.is-collapsed[open] .dpgsk-mine-steps{margin-top:6px}
.dpgsk-mine .dpgsk-mine-how>summary:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px;border-radius:3px}
/* Uitlegkaarten compacter. */
.dpgsk-mine .dpgsk-mine-steps li{padding:12px 14px;gap:10px}
.dpgsk-mine .dpgsk-mine-step-nr{flex-basis:24px;width:24px;height:24px;font-size:.8rem}
.dpgsk-mine .dpgsk-mine-steps strong{margin:1px 0 2px}
/* Prijsblok: oude en nieuwe prijs op één regel, korting eronder, verzending rustig. */
.dpgsk-mine .dpgsk-pl-priceline{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dpgsk-mine .dpgsk-pl-priceline .dpgsk-pl-old{font-size:.85rem}
.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-note.is-fixed{margin-top:4px}
.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-ship{margin-top:6px;color:var(--dpgsk-muted)}
@media (max-width:600px){.dpgsk-mine .dpgsk-pl-priceline{justify-content:flex-start}.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-tiers-btn{margin-left:0!important;margin-right:auto!important}}

/* ===== 0.7.33: volgorde wijzigen (slepen aan de greep, of pijltjestoetsen) ===== */
/* Basisplaats staat ook in style="" op de knop (links in de bestaande binnenruimte van de regel). */
.dpgsk-mine .dpgsk-pl-drag{appearance:none;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}
.dpgsk-mine .dpgsk-pl-drag:hover{color:var(--dpgsk-strong)!important;background:var(--pl-soft,#f6f9fc)!important}
.dpgsk-mine .dpgsk-pl-drag:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:-3px;color:var(--dpgsk-strong)!important}
.dpgsk-mine .dpgsk-pl.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}
.dpgsk-mine .dpgsk-pl-row.is-dragging{z-index:5;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.16);border-radius:10px}
.dpgsk-mine .dpgsk-pl-row.is-dragging .dpgsk-pl-drag{cursor:grabbing!important;color:var(--dpgsk-strong)!important}
.dpgsk-mine .dpgsk-pl-sort-status{min-height:1.2em;margin:6px 0 0;font-size:.8rem;color:var(--dpgsk-muted)}
@media (max-width:600px){.dpgsk-mine .dpgsk-pl-drag{left:0!important;top:22px!important;margin:0!important;width:16px!important}}
@media (prefers-reduced-motion:reduce){.dpgsk-mine .dpgsk-pl-row.is-dragging{box-shadow:0 0 0 2px var(--dpgsk-strong)}}

/* ===== 0.7.33: fijnafstemming na review ===== */
/* Hoofdknop "In winkelmandje"/"Bestellen": donkerder blauw (huisstijlkleur "sterk") met witte tekst, contrast > 4,5:1. */
.dpgsk-mine .dpgsk-pl-btn.theme-button,.dpgsk-mine .dpgsk-pl-btn{background:var(--dpgsk-strong)!important;border-color:var(--dpgsk-strong)!important;color:#fff!important}
.dpgsk-mine .dpgsk-pl-btn:hover{filter:brightness(.92)}
/* Favorieten: "Samenstellen" als tweede knop (omlijnd), zodat de bestelknoppen erboven de hoofdactie blijven. */
.dpgsk-mine .dpgsk-mine-grid--favs .dpgsk-mine-btn.theme-button{background:#fff!important;border:2px solid var(--dpgsk-strong)!important;color:var(--dpgsk-strong)!important;box-shadow:none!important}
.dpgsk-mine .dpgsk-mine-grid--favs .dpgsk-mine-btn.theme-button:hover{background:var(--dpgsk-active)!important}
.dpgsk-mine .dpgsk-mine-grid--favs .dpgsk-mine-btn:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
/* Prijsblok: hoofdprijs dominant, de rest rustiger en met wat meer lucht. */
.dpgsk-mine .dpgsk-pl-priceline{gap:10px}
.dpgsk-mine .dpgsk-pl-amount{font-size:1.55rem}
.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-note.is-fixed{margin-top:6px;font-weight:600}
.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-ship{margin-top:8px;font-size:.8rem}
.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-tiers-btn{margin-top:10px}
/* Staffelprijzen iets compacter. */
.dpgsk-mine .dpgsk-pl-tiers{margin-top:10px;padding:2px 12px 8px}
.dpgsk-mine .dpgsk-pl-tiers th,.dpgsk-mine .dpgsk-pl-tiers td{padding:5px 10px}

/* ===== 0.7.33: prijs- en actiegebied rustiger (richting van de review) ===== */
.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-note.is-discount{padding:0;border-radius:0;background:none;color:#17663a;font-size:.8rem;font-weight:700}
.dpgsk-mine .dpgsk-pl-price .dpgsk-pl-ship{margin-top:4px;font-size:.8rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-tax{display:none!important}
/* Staffelprijzen als gewone link met pijltje, naast Aanpassen en ⋯ onder de knop. */
.dpgsk-mine .dpgsk-pl-links{gap:4px 14px}
.dpgsk-mine .dpgsk-pl-links .dpgsk-pl-tiers-btn{margin:0!important;padding:2px 0!important;border:0!important;border-radius:0;background:none!important;font-size:inherit!important;color:var(--dpgsk-strong)!important;font-weight:600}
.dpgsk-mine .dpgsk-pl-links .dpgsk-pl-tiers-btn:hover{text-decoration:underline;text-underline-offset:3px}
.dpgsk-mine .dpgsk-pl-links .dpgsk-pl-tiers-btn[aria-expanded=true] svg{transform:rotate(180deg)}
/* Acties op één regel: Staffelprijzen · Aanpassen · ⋯ */
@media (min-width:1025px){.dpgsk-mine .dpgsk-pl-head,.dpgsk-mine .dpgsk-pl-row{grid-template-columns:76px minmax(0,1fr) 180px 256px}}
.dpgsk-mine .dpgsk-pl-links{flex-wrap:nowrap;gap:4px 12px;white-space:nowrap}

/* ===== 0.7.34: groepen, selectie met totaal en in één keer bestellen ===== */
.dpgsk-mine [hidden]{display:none!important}
.dpgsk-mine .dpgsk-mine-notice.is-error{background:#fdecec;color:#8a1f1f}
/* Werkbalk boven de lijst */
.dpgsk-mine .dpgsk-mine-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 12px}
.dpgsk-mine .dpgsk-pl-sort-hint{margin:0;font-size:.92rem;line-height:1.5;color:#3d4852}
.dpgsk-mine .dpgsk-grp-new-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px!important;border:1px solid #cfe3f3!important;border-radius:999px;background:#fff!important;font-size:.88rem!important}
.dpgsk-mine .dpgsk-grp-new-btn:hover,.dpgsk-mine .dpgsk-grp-new-btn[aria-expanded=true]{background:var(--dpgsk-active)!important;text-decoration:none!important}
.dpgsk-mine .dpgsk-grp-new{margin:0 0 14px}
.dpgsk-mine .dpgsk-grp-new-help{flex-basis:100%;margin:0;padding:0;font-size:.8rem;line-height:1.45;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-edit select{min-height:38px;padding:4px 8px;border:1px solid #cfd8e0;border-radius:6px;font:inherit;font-weight:400;background:#fff;max-width:min(320px,60vw)}
/* Groepen */
.dpgsk-mine .dpgsk-grps{display:flex;flex-direction:column;gap:18px}
.dpgsk-mine .dpgsk-grp .dpgsk-pl{margin:0}
.dpgsk-mine .dpgsk-grp-head{display:flex;align-items:center;gap:12px 24px;padding:10px 24px;background:var(--pl-soft,#f6f9fc);border-bottom:1px solid var(--pl-line,#e6ebf0);border-radius:14px 14px 0 0}
.dpgsk-mine .dpgsk-grp.is-collapsed .dpgsk-grp-head{border-bottom:0;border-radius:14px}
.dpgsk-mine .dpgsk-grp-all{flex:0 0 24px;display:flex;align-items:center;justify-content:center}
.dpgsk-mine .dpgsk-grp-title{flex:1 1 auto;min-width:0;margin:0;padding:0;font-size:1rem;line-height:1.3}
.dpgsk-mine .dpgsk-grp-toggle{appearance:none;display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:40px;margin:0;padding:0!important;border:0;background:none!important;box-shadow:none!important;color:#1f2328!important;font:inherit;font-weight:800;text-align:left;cursor:pointer}
.dpgsk-mine .dpgsk-grp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpgsk-mine .dpgsk-grp-count{flex:0 0 auto;padding:1px 8px;border-radius:999px;background:#fff;font-size:.74rem;font-weight:700;color:var(--dpgsk-muted);box-shadow:inset 0 0 0 1px var(--pl-line,#e6ebf0)}
.dpgsk-mine .dpgsk-grp-chev{flex:0 0 auto;color:var(--dpgsk-strong);transition:transform .2s ease}
.dpgsk-mine .dpgsk-grp.is-collapsed .dpgsk-grp-chev{transform:rotate(-90deg)}
.dpgsk-mine .dpgsk-grp-toggle:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px;border-radius:4px}
.dpgsk-mine .dpgsk-grp-sum{flex:0 0 auto;font-size:.84rem;font-weight:700;color:var(--dpgsk-strong);white-space:nowrap;font-variant-numeric:tabular-nums}
.dpgsk-mine .dpgsk-grp-col{flex:0 0 180px;text-align:right;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-grp-head>.dpgsk-pl-more{flex:0 0 256px;justify-content:flex-end}
.dpgsk-mine .dpgsk-grp-notice,.dpgsk-mine .dpgsk-grp-rename{margin:12px 24px 0}
.dpgsk-mine .dpgsk-grp-empty{margin:0;padding:18px 24px;font-size:.88rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-grp-body>.dpgsk-pl-row:last-of-type{border-radius:0 0 14px 14px}
.dpgsk-mine .dpgsk-grp.is-drop .dpgsk-pl{outline:2px dashed var(--dpgsk-strong);outline-offset:3px}
.dpgsk-mine .dpgsk-grps.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}
/* Regel: keuzevakje vooraan */
.dpgsk-mine .dpgsk-pl-row{grid-template-columns:24px 76px minmax(0,1fr) 190px 224px}
@media (min-width:1025px){.dpgsk-mine .dpgsk-pl-row{grid-template-columns:24px 76px minmax(0,1fr) 180px 256px}}
@media (min-width:901px) and (max-width:1024px){.dpgsk-mine .dpgsk-grp-col{flex-basis:190px}.dpgsk-mine .dpgsk-grp-head>.dpgsk-pl-more{flex-basis:224px}}
.dpgsk-mine .dpgsk-pl-edit,.dpgsk-mine .dpgsk-pl-tiers{grid-column:3/-1}
.dpgsk-mine .dpgsk-pl-pick{display:flex;align-items:center;justify-content:center;align-self:center}
.dpgsk-mine .dpgsk-pl-check,.dpgsk-mine .dpgsk-grp-pick{width:20px;height:20px;margin:0;accent-color:var(--dpgsk-strong);cursor:pointer}
.dpgsk-mine .dpgsk-pl-check:focus-visible,.dpgsk-mine .dpgsk-grp-pick:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-pl-row.is-picked{background:#f3f9fe}
.dpgsk-mine .dpgsk-pl-row.is-picked::before{opacity:1}
/* Aantal kiezen */
.dpgsk-mine .dpgsk-pl-qty{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;font-size:.78rem;font-weight:600;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-qty select{min-height:34px;margin:0;padding:2px 8px;border:1px solid #cfd8e0;border-radius:6px;background-color:#fff;font:inherit;font-size:.88rem;font-weight:600;color:#1f2328;cursor:pointer}
.dpgsk-mine .dpgsk-pl-qty select:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:1px}
/* Onderbalk met selectie */
.dpgsk-mine .dpgsk-pl-bar{position:sticky;bottom:12px;z-index:30;margin:16px 0 0}
.dpgsk-mine .dpgsk-pl-bar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding:12px 14px 12px 20px;border:1px solid var(--pl-line,#e6ebf0);border-left:4px solid var(--dpgsk-strong);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.18)}
.dpgsk-mine .dpgsk-pl-bar-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;font-variant-numeric:tabular-nums}
.dpgsk-mine .dpgsk-pl-bar-count{font-size:.9rem;color:#1f2328}
.dpgsk-mine .dpgsk-pl-bar-total{font-size:1.25rem;font-weight:800;color:#1f2328}
.dpgsk-mine .dpgsk-pl-bar-sub{flex-basis:100%;font-size:.8rem;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-pl-bar-actions{display:flex;align-items:center;gap:6px 16px}
.dpgsk-mine .dpgsk-pl-bar-clear{appearance:none;min-height:44px;padding:0 4px;border:0;background:none!important;color:var(--dpgsk-muted)!important;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:none!important}
.dpgsk-mine .dpgsk-pl-bar-clear:hover{color:#1f2328!important;text-decoration:underline;text-underline-offset:3px}
.dpgsk-mine .dpgsk-pl-bar-clear:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-pl-bar .dpgsk-pl-btn{width:auto;padding-left:22px!important;padding-right:22px!important}
@media (max-width:900px){
.dpgsk-mine .dpgsk-pl-row{grid-template-columns:24px 64px minmax(0,1fr) 160px;column-gap:16px}
.dpgsk-mine .dpgsk-pl-actions{grid-column:3/-1}
.dpgsk-mine .dpgsk-grp-head{gap:10px 16px}
.dpgsk-mine .dpgsk-grp-col{flex-basis:160px}
.dpgsk-mine .dpgsk-grp-head>.dpgsk-pl-more{flex-basis:auto}
}
@media (max-width:600px){
.dpgsk-mine .dpgsk-pl-row{grid-template-columns:24px 56px minmax(0,1fr);column-gap:12px}
.dpgsk-mine .dpgsk-pl-price,.dpgsk-mine .dpgsk-pl-actions,.dpgsk-mine .dpgsk-pl-edit,.dpgsk-mine .dpgsk-pl-tiers{grid-column:1/-1}
.dpgsk-mine .dpgsk-pl-pick{align-self:start;margin-top:18px}
.dpgsk-mine .dpgsk-pl-qty{flex-basis:100%;margin:0 0 4px}
.dpgsk-mine .dpgsk-grp-head{padding:8px 12px 8px 16px;gap:8px}
.dpgsk-mine .dpgsk-grp-col{display:none}
.dpgsk-mine .dpgsk-grp-sum{display:none}
.dpgsk-mine .dpgsk-grp-notice,.dpgsk-mine .dpgsk-grp-rename{margin:10px 16px 0}
.dpgsk-mine .dpgsk-grp-empty{padding:16px}
.dpgsk-mine .dpgsk-mine-tools{flex-direction:column;align-items:flex-start}
.dpgsk-mine .dpgsk-pl-bar{bottom:8px;margin-left:-4px;margin-right:-4px}
.dpgsk-mine .dpgsk-pl-bar-in{padding:10px 12px 12px 14px}
.dpgsk-mine .dpgsk-pl-bar-actions{flex:1 1 100%;justify-content:space-between}
.dpgsk-mine .dpgsk-pl-bar .dpgsk-pl-btn{flex:1 1 auto}
}
/* Venster "in je winkelmandje zetten" */
body.dpgsk-batch-open{overflow:hidden}
.dpgsk-batch{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(16,24,40,.5);color:#1f2328;font-family:inherit}
.dpgsk-batch-box{position:relative;z-index:1;width:100%;max-width:540px;max-height:calc(100vh - 32px);overflow:auto;padding:24px;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(16,24,40,.3);box-sizing:border-box}
.dpgsk-batch-box h2{margin:0 0 6px;font-size:1.25rem;line-height:1.3;outline:none}
.dpgsk-batch-lead{margin:0 0 14px;font-size:.9rem;line-height:1.5;color:#5b6670}
.dpgsk-batch-progress{height:6px;margin:0 0 6px;border-radius:999px;background:#e6ebf0;overflow:hidden}
.dpgsk-batch-progress span{display:block;width:0;height:100%;border-radius:999px;background:var(--dpgsk-strong,#0c71b8);transition:width .3s ease}
.dpgsk-batch-list{margin:0;padding:0;list-style:none}
.dpgsk-batch-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:0;padding:10px 0;border-top:1px solid #e6ebf0;font-size:.92rem}
.dpgsk-batch-list li::before{content:none}
.dpgsk-batch-name{min-width:0;overflow-wrap:anywhere;font-weight:600}
.dpgsk-batch-name small{font-weight:400;color:#5b6670}
.dpgsk-batch-msg{font-size:.8rem;color:#5b6670;text-align:right}
.dpgsk-batch-ic{position:relative;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px #cfd8e0;box-sizing:border-box}
li[data-state=busy] .dpgsk-batch-ic{box-shadow:none;border:2px solid #cfe3f3;border-top-color:var(--dpgsk-strong,#0c71b8);animation:dpgsk-batch-spin .8s linear infinite}
li[data-state=ok] .dpgsk-batch-ic{box-shadow:none;background:#17803d}
li[data-state=ok] .dpgsk-batch-ic::after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
li[data-state=fail] .dpgsk-batch-ic{box-shadow:none;background:#b32d2e}
li[data-state=fail] .dpgsk-batch-ic::after{content:"!";position:absolute;inset:0;color:#fff;font-size:12px;font-weight:800;line-height:18px;text-align:center}
li[data-state=ok] .dpgsk-batch-msg{color:#17663a;font-weight:700}
li[data-state=fail] .dpgsk-batch-msg{color:#b32d2e;font-weight:700}
.dpgsk-batch-retry{grid-column:2/-1;justify-self:start;color:var(--dpgsk-strong,#0c71b8)!important;font-size:.86rem;font-weight:700;text-decoration:none}
.dpgsk-batch-retry:hover{text-decoration:underline}
.dpgsk-batch-status{margin:12px 0 0;font-size:.9rem;line-height:1.5;outline:none}
.dpgsk-batch-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px}
.dpgsk-batch-actions button{appearance:none;min-height:44px;padding:0 16px;border:1px solid #cfd8e0;border-radius:6px;background:#fff;color:#1f2328;font:inherit;font-weight:600;cursor:pointer}
.dpgsk-batch-actions button:disabled{color:#5b6670;cursor:default}
.dpgsk-batch-actions .dpgsk-pl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:6px;background:var(--dpgsk-strong,#0c71b8)!important;color:#fff!important;font-weight:700;text-decoration:none!important}
.dpgsk-batch-actions :focus-visible,.dpgsk-batch-retry:focus-visible{outline:3px solid var(--dpgsk-strong,#0c71b8);outline-offset:2px}
/* Productpagina in het frame: buiten beeld, maar wel opgemaakt (de configurator heeft afmetingen nodig). */
.dpgsk-batch-frame{position:absolute;left:-12000px;top:0;width:1280px;height:900px;border:0;visibility:visible}
@keyframes dpgsk-batch-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){li[data-state=busy] .dpgsk-batch-ic{animation:none;border-color:var(--dpgsk-strong,#0c71b8)}.dpgsk-batch-progress span,.dpgsk-mine .dpgsk-grp-chev{transition:none}}

/* ===== 0.7.36: zijmenu (klantportaal) ===== */
.dpgsk-mine-layout{display:block}
.dpgsk-side{margin:0 0 20px;font-family:inherit;color:#1f2328}
.dpgsk-side-box{border:1px solid #e6ebf0;border-radius:12px;background:#fff}
.dpgsk-side-box>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;font-weight:700;color:#0c71b8;cursor:pointer;list-style:none}
.dpgsk-side-box>summary::-webkit-details-marker{display:none}
.dpgsk-side-chev{flex:0 0 auto;transition:transform .2s ease}
.dpgsk-side-box[open] .dpgsk-side-chev{transform:rotate(180deg)}
.dpgsk-side-box>summary:focus-visible{outline:3px solid #0c71b8;outline-offset:2px;border-radius:12px}
.dpgsk-side nav{padding:4px 10px 12px}
.dpgsk-side-head{display:flex;align-items:center;gap:10px;margin:14px 6px 6px;padding:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7681}
.dpgsk-side-head::after{content:"";flex:1;height:1px;background:#e6ebf0}
.dpgsk-side ul{margin:0;padding:0;list-style:none}
.dpgsk-side li{margin:0;padding:0}
.dpgsk-side li::before{content:none}
.dpgsk-side a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:999px;color:#2b333b!important;font-size:.98rem;font-weight:500;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
.dpgsk-side a:hover{background:#f2f7fb;color:#0c71b8!important}
.dpgsk-side a:focus-visible{outline:3px solid #0c71b8;outline-offset:-3px}
.dpgsk-side-ic{flex:0 0 auto;color:#3d4852}
.dpgsk-side a:hover .dpgsk-side-ic{color:#0c71b8}
.dpgsk-side-lbl{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpgsk-side-n{flex:0 0 auto;min-width:22px;padding:0 7px;border-radius:999px;background:#eef2f6;font-size:.74rem;font-weight:700;line-height:20px;text-align:center;color:#3d4852}
.dpgsk-side li.is-current>a{background:#d9eef9;color:#0b4f80!important;font-weight:700}
.dpgsk-side li.is-current>a .dpgsk-side-ic{color:#0b4f80}
.dpgsk-side li.is-current>a .dpgsk-side-n{background:#fff;color:#0b4f80}
.dpgsk-side-sub{margin:4px 0 6px 22px!important;padding-left:12px!important;border-left:2px solid #e6ebf0}
.dpgsk-side-sub a{min-height:36px;padding:0 10px;font-size:.9rem;border-radius:8px}
.dpgsk-side-sub a.is-active{color:#0c71b8!important;font-weight:700;background:#f2f7fb}
.dpgsk-side-out{margin-top:10px!important;padding-top:8px!important;border-top:1px solid #e6ebf0}
.dpgsk-side-out a{color:#5b6670!important;font-size:.92rem}
@media (min-width:1100px){
.dpgsk-mine-layout.has-side{display:grid;grid-template-columns:232px minmax(0,1fr);gap:36px;align-items:start}
.dpgsk-side{position:sticky;top:90px;margin:0;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}
.dpgsk-side-box{border:0;background:none}
.dpgsk-side-box>summary{display:none}
.dpgsk-side nav{padding:0}
.dpgsk-side-head:first-child{margin-top:4px}
/* Iets smallere kolommen naast het zijmenu, zodat de productnaam ruimte houdt. */
.dpgsk-mine-layout.has-side .dpgsk-pl-row{grid-template-columns:24px 64px minmax(0,1fr) 170px 216px;column-gap:24px}
.dpgsk-mine-layout.has-side .dpgsk-pl-thumb{width:64px;height:64px}
.dpgsk-mine-layout.has-side .dpgsk-grp-head{gap:12px 24px}
.dpgsk-mine-layout.has-side .dpgsk-grp-col{flex-basis:170px}
.dpgsk-mine-layout.has-side .dpgsk-grp-head>.dpgsk-pl-more{flex-basis:216px}
}
@media (prefers-reduced-motion:reduce){.dpgsk-side a,.dpgsk-side-chev{transition:none}}

/* ===== 0.7.37: prijslijst afdrukken en verzending per aantal ===== */
.dpgsk-mine .dpgsk-mine-tools-btns{display:flex;flex-wrap:wrap;gap:8px}
.dpgsk-mine .dpgsk-print-all{appearance:none;cursor:pointer;color:var(--dpgsk-strong)!important;font:inherit;font-weight:600}
.dpgsk-mine .dpgsk-print-all:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-pl-print-one{appearance:none;margin:0 0 0 6px;padding:0!important;border:0;background:none!important;box-shadow:none!important;color:var(--dpgsk-strong)!important;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dpgsk-mine .dpgsk-pl-print-one:focus-visible{outline:3px solid var(--dpgsk-strong);outline-offset:2px}
.dpgsk-mine .dpgsk-pl-tiers .dpgsk-pl-ship-col{color:#3d4852}
@media (max-width:600px){.dpgsk-mine .dpgsk-pl-tiers .dpgsk-pl-ship-col{font-size:.8rem}}
/* 0.7.38: winkel bekijkt Mijn producten van een klant */
.dpgsk-mine .dpgsk-mine-viewas{margin:0 0 16px;padding:12px 14px;border-radius:8px;background:#fff6e0;color:#5c4400;line-height:1.5}
.dpgsk-mine .dpgsk-mine-viewas a{color:inherit!important;font-weight:700}

/* ===== 0.7.39: in één keer bestellen als hoofdactie ===== */
/* Knop per regel omlijnd; de knop in de balk onderaan is de hoofdactie. */
.dpgsk-mine .dpgsk-grps.has-batch .dpgsk-pl-btn.dpgsk-pl-main{background:#fff!important;border:2px solid var(--dpgsk-strong)!important;color:var(--dpgsk-strong)!important;box-shadow:none!important}
.dpgsk-mine .dpgsk-grps.has-batch .dpgsk-pl-btn.dpgsk-pl-main:hover{background:var(--dpgsk-active)!important;filter:none}
.dpgsk-mine .dpgsk-grps.has-batch .dpgsk-pl-btn.dpgsk-pl-main svg{color:currentColor}
/* Lege balk: uitleg, rustiger. */
.dpgsk-mine .dpgsk-pl-bar.is-empty .dpgsk-pl-bar-in{border-left-color:#cfe3f3;box-shadow:0 6px 20px rgba(16,24,40,.10)}
.dpgsk-mine .dpgsk-pl-bar.is-empty .dpgsk-pl-bar-count{font-weight:700}
.dpgsk-mine .dpgsk-pl-bar-go:disabled{opacity:.45;cursor:not-allowed;filter:none}
@media (max-width:600px){.dpgsk-mine .dpgsk-pl-bar.is-empty .dpgsk-pl-bar-sub{display:none}}
.dpgsk-mine .dpgsk-pl-bar-sum{flex:1 1 320px}
.dpgsk-mine .dpgsk-pl-bar-actions{flex:0 0 auto}
@media (max-width:600px){.dpgsk-mine .dpgsk-pl-bar-sum{flex-basis:100%}.dpgsk-mine .dpgsk-pl-bar-actions{flex:1 1 100%}}
/* 0.7.40: meldingen verdwijnen vanzelf; groepsnamen in het zijmenu volledig */
.dpgsk-mine .dpgsk-grp-notice{transition:opacity .4s ease}
.dpgsk-mine .dpgsk-grp-notice.is-fading{opacity:0}
.dpgsk-side-sub .dpgsk-side-lbl{white-space:normal;overflow:visible;line-height:1.3;padding:6px 0}

/* 0.8.13: toevoegen zonder de pagina te verlaten */
.dpgsk-mine .dpgsk-cart-note{position:sticky;top:12px;z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 14px;padding:10px 14px;border:1px solid #b7e1c4;border-radius:10px;background:#eefaf2;color:#17663a;font-weight:600}
.dpgsk-mine .dpgsk-cart-note .dpgsk-pl-btn{margin:0;width:auto;flex:0 0 auto;padding:8px 18px}
.dpgsk-mine .dpgsk-pl-added{flex-basis:100%;width:100%;margin:6px 0 0;font-size:12px;font-weight:600;color:#17663a;text-align:right}
.dpgsk-mine .dpgsk-pl-added.is-error{color:#b32d2e}
.dpgsk-mine .dpgsk-pl-main.is-busy{opacity:.7;pointer-events:none}
.dpgsk-mine .dpgsk-spin{display:inline-block;flex:0 0 auto;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:dpgsk-spin .8s linear infinite}
@keyframes dpgsk-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.dpgsk-mine .dpgsk-spin{animation-duration:2.4s}}
.dpgsk-mine .dpgsk-cart-note.is-busy{border-color:#bcd9ef;background:#f0f7fd;color:#0c5a94}
.dpgsk-mine .dpgsk-cart-note-text{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;flex:1 1 320px}
.dpgsk-mine .dpgsk-cart-note-text small{flex-basis:100%;padding-left:20px;font-weight:400;color:#17663a}
.dpgsk-mine .dpgsk-pl-added.is-busy{color:#0c5a94;font-weight:600}
.dpgsk-mine .dpgsk-pl-main.is-busy{opacity:.75;pointer-events:none;cursor:progress}

/* 0.9.0: bestellijst */
.dpgsk-mine .dpgsk-ol{position:sticky;bottom:12px;z-index:30;margin:16px 0 0}
#dpgsk-mine .dpgsk-ol{margin:16px 70px 0 0;bottom:16px}
.dpgsk-mine .dpgsk-ol-in{position:relative;background:#fff;border:1px solid var(--dpgsk-strong);border-radius:12px;box-shadow:0 8px 28px rgba(23,50,77,.16);overflow:hidden}
.dpgsk-mine .dpgsk-ol-panel{max-height:min(55vh,460px);overflow:auto;padding:12px 16px 4px;border-bottom:1px solid #e6ebf0}
.dpgsk-mine .dpgsk-ol-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:15px}
.dpgsk-mine .dpgsk-ol-close{appearance:none;border:0;background:none!important;box-shadow:none!important;font-size:24px;line-height:1;cursor:pointer;color:#5b6670!important;padding:4px 8px;min-width:40px;min-height:40px}
.dpgsk-mine .dpgsk-ol-lines{list-style:none;margin:0;padding:0}
.dpgsk-mine .dpgsk-ol-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px 12px;padding:8px 0;margin:0;border-top:1px solid #eef2f6}
.dpgsk-mine .dpgsk-ol-name{font-weight:600;font-size:14px;min-width:0;color:#1f2328}
.dpgsk-mine .dpgsk-ol-name small{display:block;font-weight:400;font-size:12px;color:var(--dpgsk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpgsk-mine .dpgsk-ol-qty{min-height:36px;padding:4px 8px;font:inherit;font-size:13px;width:auto;max-width:130px}
.dpgsk-mine .dpgsk-ol-price{font-weight:700;font-variant-numeric:tabular-nums;min-width:84px;text-align:right;color:#1f2328}
.dpgsk-mine .dpgsk-ol-del{appearance:none;border:0;background:none!important;box-shadow:none!important;color:#8a949e!important;font-size:22px;line-height:1;cursor:pointer;padding:4px;min-width:36px;min-height:36px}
.dpgsk-mine .dpgsk-ol-del:hover{color:#b32d2e!important}
.dpgsk-mine .dpgsk-ol-foot{margin:8px 0 10px;font-size:12px;color:var(--dpgsk-muted)}
.dpgsk-mine .dpgsk-ol-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px 10px 12px}
.dpgsk-mine .dpgsk-ol-toggle{appearance:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;flex:1 1 280px;min-width:0;border:0;background:none!important;color:#1f2328!important;font:inherit;cursor:pointer;text-align:left;padding:4px;box-shadow:none!important;min-height:44px}
.dpgsk-mine .dpgsk-ol-count{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:14px;background:var(--dpgsk-strong);color:#fff;font-weight:700;font-size:13px}
.dpgsk-mine .dpgsk-ol-label{font-weight:600;font-size:14px}
.dpgsk-mine .dpgsk-ol-total{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}
.dpgsk-mine .dpgsk-ol-chev{transition:transform .2s}
.dpgsk-mine .dpgsk-ol.is-open .dpgsk-ol-chev{transform:rotate(180deg)}
.dpgsk-mine .dpgsk-ol-acts{display:flex;align-items:center;gap:6px 14px}
.dpgsk-mine .dpgsk-ol-clear{appearance:none;border:0;background:none!important;color:var(--dpgsk-muted)!important;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none!important;min-height:44px;padding:0 4px}
.dpgsk-mine .dpgsk-ol-clear:hover{color:#1f2328!important;text-decoration:underline}
.dpgsk-mine .dpgsk-ol .dpgsk-pl-btn{width:auto;margin:0;padding-left:20px!important;padding-right:20px!important}
.dpgsk-mine .dpgsk-ol-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.dpgsk-mine .dpgsk-ol.is-bump .dpgsk-ol-count{animation:dpgsk-bump .5s ease}
@keyframes dpgsk-bump{40%{transform:scale(1.35)}}
.dpgsk-mine .dpgsk-pl-inlist{flex-basis:100%;width:100%;margin:6px 0 0;font-size:12px;font-weight:600;color:#17663a;text-align:right}
.dpgsk-mine .dpgsk-pl-add.is-added{background:#17663a!important;border-color:#17663a!important;color:#fff!important}
@media (max-width:782px){#dpgsk-mine .dpgsk-ol{margin-right:0;bottom:84px}}
@media (max-width:600px){.dpgsk-mine .dpgsk-ol-lines li{grid-template-columns:minmax(0,1fr) auto auto}.dpgsk-mine .dpgsk-ol-name{grid-column:1/-1}.dpgsk-mine .dpgsk-ol-acts{flex:1 1 100%;justify-content:space-between}.dpgsk-mine .dpgsk-ol .dpgsk-ol-go{flex:1 1 auto}}