/* MegaGoods Retouren — Frontend CSS */

:root {
    --mg-navy: #1E3A5F;
    --mg-aqua: #E0F0FF;
    --mg-lime: #B4E64D;
    --mg-lime-hover: #A0D43F;
    --mg-beige: #F5F5F0;
    --mg-white: #FFFFFF;
    --mg-green: #7ED321;
    --mg-green-check: #4ADE80;
    --mg-grey-text: #757575;
    --mg-grey-border: #E0E0E0;
    --mg-grey-bg: #F9F9F9;
    --mg-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    --mg-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --mg-radius: 12px;
    --mg-radius-sm: 8px;
}

.mg-retour-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    color: #333;
}

.mg-retour-wrap * {
    box-sizing: border-box;
}

/* Breadcrumbs */
.mg-breadcrumbs {
    font-size: 13px;
    color: var(--mg-grey-text);
    margin-bottom: 16px;
}
.mg-breadcrumbs a {
    color: var(--mg-navy);
    text-decoration: none;
}
.mg-breadcrumbs a:hover {
    text-decoration: underline;
}

/* Page title */
.mg-page-title {
    font-size: 28px;
    color: var(--mg-navy);
    margin: 0 0 8px 0;
    font-weight: 700;
}
.mg-page-subtitle {
    font-size: 15px;
    color: var(--mg-grey-text);
    margin: 0 0 24px 0;
    line-height: 1.5;
}

/* Layout */
.mg-retour-container {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    align-items: start;
}

@media (max-width: 900px) {
    .mg-retour-container {
        grid-template-columns: 1fr;
    }
}

/* Progress indicator */
.mg-progress {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    gap: 0;
}
.mg-progress-step {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--mg-grey-text);
    white-space: nowrap;
}
.mg-progress-step .mg-step-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
}
.mg-progress-step.active .mg-step-circle {
    background: var(--mg-lime);
    color: #333;
}
.mg-progress-step.completed .mg-step-circle {
    background: var(--mg-green);
    color: #fff;
}
.mg-progress-step.completed .mg-step-circle::after {
    content: '✓';
    font-size: 16px;
}
.mg-progress-step.completed .mg-step-num {
    display: none;
}
.mg-progress-step.pending .mg-step-circle {
    background: #E8E8E8;
    color: #999;
}
.mg-progress-step.active {
    color: var(--mg-navy);
    font-weight: 600;
}
.mg-progress-line {
    flex: 1;
    height: 2px;
    background: #E0E0E0;
    min-width: 20px;
}
.mg-progress-line.completed {
    background: var(--mg-green);
}

/* Main card */
.mg-card {
    background: var(--mg-white);
    border-radius: var(--mg-radius);
    box-shadow: var(--mg-shadow);
    padding: 32px;
}
.mg-card h2 {
    color: var(--mg-navy);
    font-size: 20px;
    margin: 0 0 8px 0;
}
.mg-card p.mg-card-intro {
    color: var(--mg-grey-text);
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 24px 0;
}

/* Form fields */
.mg-form-group {
    margin-bottom: 20px;
}
.mg-form-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--mg-navy);
    margin-bottom: 6px;
}
.mg-form-group input[type="text"],
.mg-form-group input[type="email"],
.mg-form-group select,
.mg-form-group textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #D1D1D1;
    border-radius: var(--mg-radius-sm);
    font-size: 16px;
    font-family: inherit;
    transition: border-color 0.2s;
}
.mg-form-group input:focus,
.mg-form-group select:focus,
.mg-form-group textarea:focus {
    outline: none;
    border-color: var(--mg-navy);
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}
.mg-form-group textarea {
    resize: vertical;
    min-height: 80px;
}
.mg-placeholder-hint {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}

/* Buttons */
.mg-btn {
    display: inline-block;
    padding: 14px 28px;
    border: none;
    border-radius: var(--mg-radius-sm);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
    font-family: inherit;
    text-align: center;
}
.mg-btn-primary {
    background: var(--mg-lime);
    color: #333;
}
.mg-btn-primary:hover {
    background: var(--mg-lime-hover);
}
.mg-btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.mg-btn-secondary {
    background: #fff;
    color: #333;
    border: 1px solid #D1D1D1;
}
.mg-btn-secondary:hover {
    background: #F5F5F0;
}
.mg-btn-full {
    width: 100%;
}
.mg-btn-lg {
    padding: 16px 32px;
    font-size: 16px;
}

/* Trust bar */
.mg-trust-bar {
    display: flex;
    border-top: 1px solid var(--mg-grey-border);
    margin-top: 24px;
    padding-top: 20px;
    gap: 0;
}
.mg-trust-item {
    flex: 1;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid var(--mg-grey-border);
}
.mg-trust-item:last-child {
    border-right: none;
}
.mg-trust-item .mg-trust-icon {
    font-size: 24px;
    margin-bottom: 4px;
}
.mg-trust-item .mg-trust-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--mg-navy);
}
.mg-trust-item .mg-trust-desc {
    font-size: 11px;
    color: var(--mg-grey-text);
}

/* Sidebar */
.mg-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mg-sidebar-card {
    background: #fff;
    border-radius: var(--mg-radius);
    box-shadow: var(--mg-shadow-sm);
    padding: 20px;
    overflow: hidden;
}
.mg-help-card {
    background: linear-gradient(135deg, #E0F0FF, #F0F8FF);
}
.mg-help-card img {
    width: 100%;
    border-radius: var(--mg-radius-sm);
    margin-bottom: 12px;
    max-height: 140px;
    object-fit: cover;
}
.mg-help-card h3 {
    color: var(--mg-navy);
    font-size: 16px;
    margin: 0 0 4px 0;
}
.mg-help-card p {
    font-size: 13px;
    color: var(--mg-grey-text);
    margin: 0 0 12px 0;
}
.mg-whatsapp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    color: #333;
    border: 1px solid #D1D1D1;
    border-radius: 24px;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s;
}
.mg-whatsapp-btn:hover {
    background: #F0F8FF;
    border-color: var(--mg-navy);
}
.mg-whatsapp-icon {
    width: 20px;
    height: 20px;
    fill: #25D366;
}

.mg-sidebar-card h3 {
    color: var(--mg-navy);
    font-size: 15px;
    margin: 0 0 12px 0;
}
.mg-sidebar-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mg-sidebar-card ul li {
    font-size: 13px;
    color: #555;
    padding: 6px 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.mg-sidebar-card ul li::before {
    content: '✓';
    color: var(--mg-green);
    font-weight: bold;
    flex-shrink: 0;
}
.mg-sidebar-card .mg-how-step {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    font-size: 13px;
    color: #555;
}
.mg-step-num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}
.mg-step-num-1 { background: #7ED321; }
.mg-step-num-2 { background: #F5C518; }
.mg-step-num-3 { background: #FF8C42; }
.mg-step-num-4 { background: #E74C3C; }

/* Order summary header */
.mg-order-header {
    background: #F5F5F0;
    border-radius: var(--mg-radius-sm);
    padding: 14px 20px;
    margin-bottom: 20px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    font-size: 13px;
}
.mg-order-header .mg-order-field {
    display: flex;
    flex-direction: column;
}
.mg-order-header .mg-order-label {
    color: var(--mg-grey-text);
    font-size: 11px;
    text-transform: uppercase;
}
.mg-order-header .mg-order-value {
    color: var(--mg-navy);
    font-weight: 600;
}

/* Product list */
.mg-product-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}
.mg-product-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--mg-grey-border);
    border-radius: var(--mg-radius-sm);
    background: #fff;
    transition: border-color 0.2s;
}
.mg-product-row:hover {
    border-color: var(--mg-navy);
}
.mg-product-row.selected {
    border-color: var(--mg-green);
    border-width: 2px;
}
.mg-product-checkbox {
    width: 22px;
    height: 22px;
    cursor: pointer;
    flex-shrink: 0;
}
.mg-product-image {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
}
.mg-product-info {
    flex: 1;
    min-width: 0;
}
.mg-product-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0 0 4px 0;
}
.mg-product-meta {
    font-size: 12px;
    color: var(--mg-grey-text);
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.mg-product-qty {
    font-size: 13px;
    color: var(--mg-grey-text);
    white-space: nowrap;
}

/* Quantity stepper */
.mg-qty-stepper {
    display: flex;
    align-items: center;
    border: 1px solid #D1D1D1;
    border-radius: var(--mg-radius-sm);
    overflow: hidden;
    width: fit-content;
}
.mg-qty-btn {
    background: #F5F5F0;
    border: none;
    width: 36px;
    height: 36px;
    cursor: pointer;
    font-size: 16px;
    color: #555;
}
.mg-qty-btn:hover {
    background: #E8E8E8;
}
.mg-qty-input {
    width: 50px;
    text-align: center;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0;
}
.mg-qty-input:focus {
    outline: none;
}

/* Upload area */
.mg-upload-area {
    border: 2px dashed #D1D1D1;
    border-radius: var(--mg-radius-sm);
    padding: 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    background: #FAFAFA;
}
.mg-upload-area:hover {
    border-color: var(--mg-navy);
    background: #F5F8FB;
}
.mg-upload-area.dragover {
    border-color: var(--mg-lime);
    background: #F8FCE8;
}
.mg-upload-icon {
    font-size: 32px;
    color: var(--mg-grey-text);
    margin-bottom: 8px;
}
.mg-upload-text {
    font-size: 14px;
    color: #555;
}
.mg-upload-hint {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}
.mg-upload-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.mg-upload-file {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #F0F0EB;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
}
.mg-upload-file .mg-remove-file {
    cursor: pointer;
    color: #E74C3C;
    font-weight: bold;
}

/* Checkbox */
.mg-checkbox-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 16px 0;
}
.mg-checkbox-row input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    flex-shrink: 0;
    accent-color: var(--mg-green);
}
.mg-checkbox-row label {
    font-size: 14px;
    color: #555;
    cursor: pointer;
}
.mg-checkbox-row label a {
    color: var(--mg-navy);
    text-decoration: underline;
}

/* Success banner */
.mg-success-banner {
    background: #EBF5FF;
    border: 1px solid #BFE0FF;
    border-left: 4px solid var(--mg-green);
    border-radius: var(--mg-radius-sm);
    padding: 20px 24px;
    margin-bottom: 24px;
    display: flex;
    gap: 16px;
}
.mg-success-icon {
    width: 32px;
    height: 32px;
    background: var(--mg-green);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
}
.mg-success-content h3 {
    color: var(--mg-navy);
    margin: 0 0 4px 0;
    font-size: 16px;
}
.mg-success-content p {
    margin: 0;
    font-size: 13px;
    color: #555;
    line-height: 1.5;
}

/* Carrier selection */
.mg-carrier-section {
    margin: 24px 0;
}
.mg-carrier-section h3 {
    color: var(--mg-navy);
    font-size: 16px;
    margin: 0 0 16px 0;
}
.mg-carrier-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
@media (max-width: 600px) {
    .mg-carrier-grid {
        grid-template-columns: 1fr;
    }
}
.mg-carrier-card {
    background: #fff;
    border: 2px solid var(--mg-grey-border);
    border-radius: var(--mg-radius-sm);
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}
.mg-carrier-card:hover {
    border-color: var(--mg-navy);
}
.mg-carrier-card.selected {
    border-color: var(--mg-green);
}
.mg-carrier-card.selected::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    background: var(--mg-green);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.mg-carrier-logo {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
}
.mg-carrier-postnl { color: #F47720; }
.mg-carrier-dhl { color: #D40511; }
.mg-carrier-dpd { color: #DC0032; }
.mg-carrier-desc {
    font-size: 12px;
    color: var(--mg-grey-text);
}

/* Label download section */
.mg-label-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 24px;
}
@media (max-width: 600px) {
    .mg-label-section {
        grid-template-columns: 1fr;
    }
}
.mg-label-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mg-label-info {
    background: #F5F5F0;
    border-radius: var(--mg-radius-sm);
    padding: 16px;
    font-size: 13px;
}
.mg-label-info .mg-label-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
}
.mg-label-info .mg-label-row strong {
    color: var(--mg-navy);
}
.mg-track-trace {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F0F0EB;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: monospace;
    font-size: 13px;
}
.mg-copy-btn {
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 12px;
}
.mg-copy-btn:hover {
    background: #F5F5F0;
}

/* Next steps */
.mg-next-steps {
    background: #F5F5F0;
    border-radius: var(--mg-radius-sm);
    padding: 20px;
}
.mg-next-steps h4 {
    color: var(--mg-navy);
    font-size: 14px;
    margin: 0 0 12px 0;
}
.mg-next-steps ol {
    margin: 0;
    padding-left: 20px;
}
.mg-next-steps li {
    font-size: 13px;
    color: #555;
    padding: 4px 0;
}

/* Error/Success messages */
.mg-alert {
    padding: 12px 16px;
    border-radius: var(--mg-radius-sm);
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.5;
}
.mg-alert-error {
    background: #FFF3F3;
    border: 1px solid #FFD0D0;
    color: #C62828;
}
.mg-alert-success {
    background: #F0FCE8;
    border: 1px solid #C8E6A0;
    color: #2E7D32;
}
.mg-alert-info {
    background: #E8F0FE;
    border: 1px solid #C0D8F0;
    color: #1565C0;
}

/* Loading spinner */
.mg-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #D1D1D1;
    border-top-color: var(--mg-navy);
    border-radius: 50%;
    animation: mg-spin 0.8s linear infinite;
}
@keyframes mg-spin {
    to { transform: rotate(360deg); }
}

/* Status badge */
.mg-status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
.mg-status-green { background: #E0F5D0; color: #2E7D32; }
.mg-status-yellow { background: #FFF3CD; color: #856404; }
.mg-status-red { background: #FFE0E0; color: #C62828; }
.mg-status-grey { background: #F0F0F0; color: #666; }

/* Hidden */
.mg-hidden { display: none !important; }

/* Responsive */
@media (max-width: 600px) {
    .mg-retour-wrap { padding: 12px; }
    .mg-card { padding: 20px; }
    .mg-page-title { font-size: 22px; }
    .mg-progress { gap: 0; }
    .mg-progress-step { font-size: 11px; }
    .mg-order-header { flex-direction: column; gap: 8px; }
    .mg-product-row { flex-wrap: wrap; }
    .mg-product-image { width: 48px; height: 48px; }
}

/* ─────────────────────────────────────────────────────────────
   MegaGoods Retouren V2 — body-only design match (screenshots)
   Header/footer are intentionally NOT included; theme renders them.
   ───────────────────────────────────────────────────────────── */
.mg-retour-wrap{max-width:1280px;margin:0 auto;padding:28px 24px 34px;background:linear-gradient(180deg,#faf7f3 0%,var(--mg-beige) 100%);color:var(--mg-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;}
.mg-retour-wrap a{color:var(--mg-navy)}.mg-breadcrumbs{font-size:14px;margin:0 0 10px;color:var(--mg-navy);opacity:.96;font-weight:500}.mg-breadcrumbs:before{content:'⌂';font-size:15px;margin-right:8px;color:var(--mg-navy)}
.mg-page-title{font-size:38px;line-height:1.05;font-weight:800;letter-spacing:-.04em;color:var(--mg-navy);margin:0 0 6px}.mg-page-subtitle{max-width:690px;font-size:15.5px;line-height:1.45;color:var(--mg-grey-text);margin:0 0 30px}
.mg-progress{max-width:835px;margin:0 0 28px;gap:14px}.mg-progress-step{gap:10px;font-size:14px;color:#7b7d86;font-weight:500}.mg-progress-step.active{font-weight:700;color:var(--mg-navy)}.mg-progress-step.completed{color:var(--mg-navy)}.mg-progress-step .mg-step-circle{width:30px;height:30px;border:1px solid #dfe2e5;background:#fff;box-shadow:0 1px 4px rgba(8,11,63,.08)}.mg-progress-step.active .mg-step-circle,.mg-progress-step.completed .mg-step-circle{background:var(--mg-lime);border-color:var(--mg-lime);color:var(--mg-navy)}.mg-progress-step.completed .mg-step-circle::after{color:var(--mg-navy);font-weight:900}.mg-progress-line{height:1px;background:#d2d0cc;min-width:120px}.mg-progress-line.completed{background:#c4cf62}
.mg-retour-container{display:grid;grid-template-columns:minmax(0,835px) 360px;gap:38px;align-items:start}.mg-card,.mg-sidebar-card{background:var(--mg-white);border:1px solid rgba(8,11,63,.06);border-radius:10px;box-shadow:0 10px 26px rgba(8,11,63,.08)}.mg-card{padding:34px 36px;min-height:390px}.mg-card h2{font-size:28px;line-height:1.12;font-weight:800;letter-spacing:-.035em;color:var(--mg-navy);margin:0 0 8px}.mg-card p.mg-card-intro{font-size:14px;line-height:1.45;color:var(--mg-grey-text);margin:0 0 24px;max-width:720px}
.mg-form-group{margin-bottom:18px}.mg-form-group label{font-size:13px;font-weight:700;color:var(--mg-navy);margin-bottom:8px}.mg-form-group input[type="text"],.mg-form-group input[type="email"],.mg-form-group select,.mg-form-group textarea{height:42px;border:1px solid #d6d2cd;border-radius:6px;padding:10px 14px;font-size:14.5px;color:var(--mg-navy);background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.mg-form-group textarea{height:auto;min-height:82px}.mg-form-group input::placeholder,.mg-form-group textarea::placeholder{color:#a2a2a8}.mg-btn{border-radius:6px;font-weight:800;color:var(--mg-lime-text);box-shadow:none}.mg-btn-primary{background:var(--mg-lime);border:1px solid #bfd720;color:var(--mg-lime-text)}.mg-btn-primary:hover{background:var(--mg-lime-hover);transform:translateY(-1px)}.mg-btn-secondary{border:1px solid var(--mg-navy);color:var(--mg-navy);background:#fff}.mg-btn-lg{padding:14px 28px;font-size:15px}
.mg-trust-bar{margin-top:18px;padding:14px 12px;border:0;border-radius:6px;background:#eefbfe;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.mg-trust-item{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:10px;align-items:center;padding:0 18px;border-right:1px solid #9aa7ad}.mg-trust-item .mg-trust-icon{grid-row:1/3;width:36px;height:36px;border-radius:50%;background:#eafff1;border:1px solid #7bd7a0;display:flex;align-items:center;justify-content:center;font-size:17px;margin:0}.mg-trust-item .mg-trust-title{font-size:14px;font-weight:800;color:var(--mg-navy)}.mg-trust-item .mg-trust-desc{font-size:12.5px;color:var(--mg-navy);line-height:1.2}
.mg-sidebar{gap:18px}.mg-sidebar-card{padding:22px 20px}.mg-sidebar-card h3{font-size:22px;line-height:1.1;font-weight:800;color:var(--mg-navy);letter-spacing:-.025em;margin:0 0 16px}.mg-help-card{min-height:150px;padding:22px 20px 18px;background:linear-gradient(135deg,var(--mg-aqua) 0%,#b7eef5 100%);position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between}.mg-help-copy{position:relative;z-index:2}.mg-help-card h3{font-size:22px;margin:0 0 10px}.mg-help-card p{font-size:14px;line-height:1.35;color:var(--mg-navy);margin:0 0 18px}.mg-help-person{position:absolute;right:18px;bottom:-8px;width:96px;height:132px;border-radius:48px 48px 10px 10px;background:linear-gradient(180deg,#ffe0c4 0 32%,#11195e 32% 100%);color:#fff;font-size:46px;font-weight:800;display:flex;justify-content:center;padding-top:4px;opacity:.96}.mg-whatsapp-btn{display:inline-flex;border:1px solid #b9c51d;background:var(--mg-lime);color:var(--mg-navy);border-radius:6px;padding:10px 14px;font-size:13.5px;font-weight:800;box-shadow:0 2px 0 rgba(8,11,63,.08)}.mg-whatsapp-btn:hover{background:var(--mg-lime-hover);border-color:#aab816;text-decoration:none}.mg-sidebar-card .mg-how-step{gap:10px;padding:6px 0;font-size:14px;color:var(--mg-navy);line-height:1.35}.mg-sidebar-card ul li{font-size:13.5px;color:var(--mg-navy);padding:8px 0;gap:10px;line-height:1.35}.mg-sidebar-card ul li::before,.mg-step-num{background:var(--mg-lime);color:var(--mg-navy)}.mg-step-num{width:22px;height:22px;font-size:12px}
.mg-order-header{background:#fafafa;border:1px solid #f0eeee;border-radius:9px;padding:16px 18px;margin:18px 0 18px;box-shadow:0 4px 14px rgba(8,11,63,.04)}.mg-order-header .mg-order-label{font-size:12px;text-transform:none;color:var(--mg-navy);margin-bottom:5px}.mg-order-header .mg-order-value{font-size:14px;color:var(--mg-navy);font-weight:700}.mg-product-row{border:1px solid #e0dedb;border-radius:9px;padding:14px;background:#fff;box-shadow:0 4px 12px rgba(8,11,63,.03)}.mg-product-row.selected{border-color:var(--mg-lime);box-shadow:0 0 0 1px var(--mg-lime)}.mg-product-image{width:78px;height:78px;border-radius:8px}.mg-upload-area{border:1.5px dashed #cfcac4;border-radius:9px;background:#fafafa}.mg-checkbox-row label{font-size:13.5px;color:var(--mg-navy)}
.mg-success-banner{background:#fff;border:0;border-radius:0;padding:0;margin:0 0 20px;display:flex;align-items:flex-start;gap:18px}.mg-success-icon{width:56px;height:56px;border-radius:50%;background:#fff!important;border:3px solid #26a649;color:#26a649;font-size:34px;font-weight:600}.mg-success-content h3{font-size:26px;line-height:1.12;font-weight:800;color:var(--mg-navy);letter-spacing:-.03em;margin:0 0 5px}.mg-success-content p{font-size:13.5px;color:var(--mg-grey-text);line-height:1.35;max-width:650px}
.mg-carrier-section{margin:14px 0 16px}.mg-carrier-section h3{font-size:15px;font-weight:800;color:var(--mg-navy);margin:0 0 10px}.mg-carrier-grid{grid-template-columns:repeat(3,1fr);gap:18px}.mg-carrier-card{border:1px solid #dcd8d4;border-radius:9px;min-height:108px;padding:16px 12px 12px;background:#fff;box-shadow:0 4px 14px rgba(8,11,63,.04)}.mg-carrier-card:hover{border-color:var(--mg-lime)}.mg-carrier-card.selected{border-color:var(--mg-lime);box-shadow:0 0 0 1px var(--mg-lime),0 6px 18px rgba(8,11,63,.06)}.mg-carrier-card.selected::after{top:8px;right:8px;width:22px;height:22px;background:#24a148;color:#fff;font-weight:900}.mg-carrier-logo{height:46px;margin-bottom:7px;font-weight:900}.mg-carrier-postnl span{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#ff7a00;color:#fff;font-size:13px;text-transform:lowercase;transform:rotate(-18deg)}.mg-carrier-dhl span{display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:32px;background:#ffd200;color:#d40511;font-style:italic;font-size:30px;letter-spacing:-2px}.mg-carrier-dpd span{display:inline-flex;align-items:center;justify-content:center;color:#575757;font-size:32px;font-weight:700;letter-spacing:-2px}.mg-carrier-dpd span:before{content:'';width:34px;height:34px;background:#dc0032;margin-right:8px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mg-carrier-title{font-size:14px;font-weight:800;color:var(--mg-navy);line-height:1.1}.mg-carrier-desc{font-size:11.5px;color:#6b6d78;line-height:1.2}
#mg-label-section .mg-label-section{border:1px solid #e0dedb;border-radius:9px;padding:14px 16px;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:12px}.mg-label-actions{gap:9px}.mg-label-info{background:#f7f7f7;border-radius:8px;padding:12px 14px}.mg-track-trace{background:#fff;border-radius:6px;font-size:12px;color:var(--mg-navy)}.mg-next-steps{background:#fff;border-left:1px solid #ddd8d2;border-radius:0;padding:0 0 0 18px}.mg-next-steps h4{font-size:16px;font-weight:800;color:var(--mg-navy);margin:0 0 8px}.mg-next-steps ol{padding-left:0;counter-reset:mg-counter;list-style:none}.mg-next-steps li{counter-increment:mg-counter;font-size:12.5px;color:var(--mg-navy);padding:3px 0;display:flex;gap:8px;align-items:flex-start}.mg-next-steps li:before{content:counter(mg-counter);width:18px;height:18px;border-radius:50%;background:var(--mg-lime);color:var(--mg-navy);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.mg-status-badge{background:#ccefcf;color:#177431;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:800}
@media (max-width:1100px){.mg-retour-container{grid-template-columns:1fr}.mg-progress{max-width:none}.mg-sidebar{grid-row:auto}.mg-help-person{display:none}}@media (max-width:720px){.mg-retour-wrap{padding:18px 12px}.mg-page-title{font-size:30px}.mg-progress{overflow-x:auto;padding-bottom:4px}.mg-progress-line{min-width:48px}.mg-card{padding:24px 18px}.mg-trust-bar{grid-template-columns:1fr;gap:12px}.mg-trust-item{border-right:0;border-bottom:1px solid #c9d4d9;padding:0 0 12px}.mg-trust-item:last-child{border-bottom:0;padding-bottom:0}.mg-carrier-grid{grid-template-columns:1fr}#mg-label-section .mg-label-section{grid-template-columns:1fr}.mg-next-steps{border-left:0;border-top:1px solid #ddd8d2;padding:14px 0 0}}

/* ─────────────────────────────────────────────────────────────
   MegaGoods Retouren 2.1.3 — full-width theme-safe implementation
   ───────────────────────────────────────────────────────────── */
.mg-retour-page-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,#faf7f3 0%,var(--mg-beige,#F6F1EA) 100%)!important;float:none!important;clear:both!important}
.mg-retour-page-shell:before,.mg-retour-page-shell:after{content:none!important}.mg-retour-page-shell>.mg-retour-wrap{width:min(100%,1280px)!important;max-width:1280px!important;margin:0 auto!important}
.mg-retour-wrap{padding:28px 24px 34px}.mg-breadcrumbs{display:flex;align-items:center;gap:9px}.mg-breadcrumbs:before{content:'⌂';margin-right:1px}.mg-page-subtitle{max-width:760px}
.mg-retour-container{grid-template-columns:minmax(0,835px) 360px;gap:38px}.mg-main{min-width:0}.mg-card{min-height:0;padding:34px 36px}.mg-card h2{font-size:28px}.mg-card-intro{max-width:760px!important}
.mg-progress{max-width:835px}.mg-progress-step span:last-child{font-weight:inherit}.mg-progress-step.completed .mg-step-circle:after{content:'✓'}.mg-progress-step.completed .mg-step-num{display:none}
.mg-form-group input[type="text"],.mg-form-group input[type="email"],.mg-form-group select,.mg-form-group textarea{height:auto;min-height:42px}.mg-btn{line-height:1.25}.mg-btn .mg-spinner{vertical-align:-3px}
.mg-trust-icon.mg-icon-30{font-size:11px;font-weight:900}.mg-trust-item{min-width:0}.mg-trust-title,.mg-trust-desc{display:block}
.mg-sidebar{position:relative}.mg-sidebar-card{padding:22px 20px}.mg-sidebar-card h3{font-size:22px}.mg-help-card{min-height:166px}.mg-help-copy{z-index:3}.mg-help-image{position:absolute;z-index:1;right:0;bottom:0;width:205px;height:170px;object-fit:cover;object-position:center;border:0!important;border-radius:0!important;margin:0!important;max-height:none!important}.mg-help-card:after{content:'';position:absolute;z-index:2;inset:0 42% 0 0;background:linear-gradient(90deg,var(--mg-aqua) 0%,var(--mg-aqua) 72%,rgba(188,239,246,0));pointer-events:none}.mg-whatsapp-btn{position:relative;z-index:4;white-space:nowrap}.mg-how-number{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--mg-lime);color:var(--mg-navy);font-size:12px;font-weight:800;flex:0 0 22px}
.mg-order-header{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:13px 16px}.mg-order-field{position:relative;display:grid!important;grid-template-columns:28px 1fr;grid-template-rows:auto auto;padding:0 18px;border-right:1px solid #d9d6d2}.mg-order-field:first-child{padding-left:0}.mg-order-field:last-child{border-right:0}.mg-order-symbol{grid-row:1/3;align-self:center;font-size:23px;color:var(--mg-navy)}.mg-order-label{grid-column:2}.mg-order-value{grid-column:2}
.mg-product-list{gap:8px;margin:0 0 14px}.mg-product-row{display:grid;grid-template-columns:24px 88px minmax(0,1fr) 74px;gap:14px;padding:10px 12px;cursor:pointer}.mg-product-row.selected{border-width:1px}.mg-product-checkbox{accent-color:var(--mg-lime);width:20px;height:20px}.mg-product-image{width:88px;height:68px}.mg-product-placeholder{display:flex;align-items:center;justify-content:center;background:#f3f3f3}.mg-product-name{display:block;font-size:15px;color:var(--mg-navy)}.mg-product-meta{display:flex;flex-direction:column;gap:2px}.mg-product-qty{display:flex;flex-direction:column;align-items:flex-end;color:var(--mg-navy)}.mg-product-qty small{font-size:11px}.mg-product-qty strong{font-size:13px}
.mg-step2-fields{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'quantity reason' 'comments upload';gap:20px 28px;align-items:stretch}.mg-quantity-group{grid-area:quantity}.mg-reason-group{grid-area:reason}.mg-comments-group{grid-area:comments}.mg-upload-group{grid-area:upload}.mg-step2-fields .mg-form-group{margin:0;display:flex;flex-direction:column;height:100%}.mg-step2-fields label{flex-shrink:0}.mg-step2-fields label small{font-weight:500;color:var(--mg-grey-text)}.mg-quantity-controls{min-height:42px;flex:1}.mg-empty-selection{display:flex;align-items:center;min-height:42px;color:#9899a1;font-size:13px}.mg-quantity-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.mg-quantity-name{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--mg-navy)}.mg-qty-stepper{display:grid;grid-template-columns:46px 1fr 46px;height:42px;border:1px solid #d6d2cd;border-radius:6px;overflow:hidden;flex:1;max-width:240px}.mg-qty-btn{width:auto;height:40px;background:#fff}.mg-qty-input{width:100%;border:0;border-left:1px solid #d6d2cd;border-right:1px solid #d6d2cd}.mg-comments-group textarea{min-height:82px;flex:1;resize:vertical}.mg-upload-area{min-height:82px;padding:12px 14px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;flex:1}.mg-upload-icon{grid-row:1/3;font-size:34px;margin:0}.mg-upload-text{font-size:12px;line-height:1.25}.mg-upload-hint{font-size:10.5px}.mg-upload-area.is-required{border-color:#e5a83e}.mg-upload-preview{margin:6px 0 0}.mg-upload-file{padding:5px 8px}.mg-remove-file{border:0;background:transparent;color:var(--mg-danger);font-size:18px;cursor:pointer}.mg-checkbox-row{margin:12px 0 10px}
.mg-success-banner h2{margin:0 0 5px}.mg-return-summary{display:grid;grid-template-columns:108px repeat(4,minmax(0,1fr));align-items:center;gap:0;background:#fafafa;border:1px solid #efedeb;border-radius:9px;padding:8px;margin:0 0 14px}.mg-summary-product-image{width:94px;height:72px;border-radius:7px;background:#eef1f2 center/cover no-repeat}.mg-summary-product-image:before{content:'◇';display:flex;height:100%;align-items:center;justify-content:center;color:#9da2a5;font-size:30px}.mg-summary-product-image.has-image:before{content:none}.mg-return-summary>div:not(:first-child){display:flex;flex-direction:column;gap:5px;padding:0 18px;border-right:1px solid #ddd}.mg-return-summary>div:last-child{border-right:0}.mg-return-summary span{font-size:11px;color:var(--mg-navy)}.mg-return-summary strong{font-size:13px;color:var(--mg-navy)}.mg-pending-panel,.mg-payment-panel{padding:18px 20px;border-radius:8px;background:#eef8fb;border:1px solid #cfe5ea;color:var(--mg-navy)}.mg-pending-panel p,.mg-payment-panel p{font-size:13px;line-height:1.45;margin:8px 0 0}.mg-poll-note{opacity:.72}.mg-payment-panel .mg-btn{margin-top:12px}
.mg-label-ready{display:block}.mg-carrier-card{cursor:default;display:flex;flex-direction:column;align-items:center}.mg-label-download-panel{display:grid;grid-template-columns:1fr .74fr 1fr;gap:16px;border:1px solid #e0dedb;border-radius:9px;padding:14px 16px;margin-top:14px}.mg-label-actions-column h3{font-size:15px;color:var(--mg-navy);margin:0 0 10px}.mg-label-actions-column .mg-btn+ .mg-btn{margin-top:8px}.mg-label-file-card{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;background:#f7f7f7;border-radius:8px;padding:12px}.mg-pdf-icon{display:flex;align-items:flex-end;justify-content:center;width:46px;height:58px;padding-bottom:7px;background:#fff;border:1px solid #ddd;color:#fff;font-size:11px;font-weight:900;position:relative}.mg-pdf-icon:after{content:'PDF';position:absolute;left:2px;right:2px;bottom:7px;background:#e41f26;text-align:center;padding:3px}.mg-label-file-card strong,.mg-label-file-card small{display:block;font-size:11px;color:var(--mg-navy)}.mg-label-file-card small{color:var(--mg-grey-text)}.mg-label-tracking{grid-column:1/3;display:grid;grid-template-columns:1fr auto;gap:3px}.mg-label-tracking span{grid-column:1/3;font-size:10px}.mg-copy-btn{grid-column:2;grid-row:2}.mg-next-steps{border-left:1px solid #ddd8d2;padding-left:16px}
.mg-order-sidebar{display:grid;grid-template-columns:1fr 1.1fr;gap:14px 18px;margin:0}.mg-order-sidebar dt{font-size:12px;color:var(--mg-grey-text)}.mg-order-sidebar dd{margin:0;font-size:12px;color:var(--mg-navy);font-weight:600;overflow-wrap:anywhere}.mg-sidebar .mg-status-badge{font-size:11px;padding:4px 9px}
.mg-sidebar-card ul li::before{content:'✓';width:22px;height:22px;min-width:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--mg-lime);color:var(--mg-navy);font-size:13px;line-height:1;font-weight:900;margin-top:-1px;box-shadow:0 1px 3px rgba(8,11,63,.10)}
@media(max-width:1100px){.mg-retour-container{grid-template-columns:1fr;gap:24px}.mg-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mg-help-card{grid-column:1/-1}.mg-progress{max-width:none}.mg-main{width:100%}}
@media(max-width:760px){.mg-retour-page-shell>.mg-retour-wrap{width:100%!important}.mg-retour-wrap{padding:20px 14px 28px}.mg-page-title{font-size:30px}.mg-page-subtitle{font-size:14px}.mg-progress{overflow-x:auto;gap:8px}.mg-progress-step{font-size:11px}.mg-progress-line{min-width:38px}.mg-card{padding:24px 18px}.mg-sidebar{display:flex}.mg-order-header{grid-template-columns:1fr;gap:10px}.mg-order-field,.mg-order-field:first-child{padding:0 0 10px;border-right:0;border-bottom:1px solid #ddd}.mg-order-field:last-child{border-bottom:0}.mg-product-row{grid-template-columns:22px 64px minmax(0,1fr)}.mg-product-image{width:64px;height:58px}.mg-product-qty{grid-column:3;align-items:flex-start}.mg-step2-fields{grid-template-columns:1fr;grid-template-areas:'quantity' 'reason' 'comments' 'upload'}.mg-return-summary{grid-template-columns:72px 1fr}.mg-summary-product-image{width:62px;height:62px;grid-row:1/5}.mg-return-summary>div:not(:first-child){border-right:0;border-bottom:1px solid #ddd;padding:8px}.mg-return-summary>div:last-child{border-bottom:0}.mg-carrier-grid{grid-template-columns:1fr}.mg-label-download-panel{grid-template-columns:1fr}.mg-next-steps{border-left:0;border-top:1px solid #ddd;padding:14px 0 0}.mg-help-image{opacity:.72}.mg-help-card:after{inset:0 25% 0 0}}

/* Een beveiligde e-maillink is uitsluitend een statuspagina: geen nieuw retourformulier. */
.mg-token-status-mode .mg-breadcrumbs,
.mg-token-status-mode .mg-progress,
.mg-token-status-mode #mg-step1,
.mg-token-status-mode .mg-sidebar-step[data-sidebar-step="1"],
.mg-token-status-mode .mg-sidebar-step[data-sidebar-step="2"]{display:none!important}
.mg-token-status-mode .mg-page-title{margin-bottom:6px}
.mg-token-status-mode .mg-page-subtitle{margin-bottom:22px}
.mg-token-status-mode .mg-card{min-height:0}
.mg-token-loading{display:none;padding:18px 20px;border:1px solid #cfe5ea;border-radius:8px;background:#eef8fb;color:var(--mg-navy);font-size:14px;font-weight:700}
.mg-token-status-mode #mg-step3.mg-hidden{display:block!important}
.mg-token-status-mode #mg-step3.mg-hidden>*:not(#mg-token-loading){display:none!important}
.mg-token-status-mode #mg-step3:not(.mg-hidden) #mg-token-loading{display:none!important}
.mg-token-status-mode #mg-token-loading{display:block}

/* Aangeleverde trusticonen: gelijk formaat en rustige, consistente typografie. */
.mg-trust-item .mg-trust-icon{object-fit:contain;padding:5px;font-family:inherit}
.mg-help-card,.mg-help-card *{font-family:inherit}



/* MegaGoods Retouren 3.0 — voorkeur en volledige statustijdlijn */
.mg-step2-fields{grid-template-areas:'quantity reason' 'resolution comments' 'upload upload'!important}
.mg-resolution-group{grid-area:resolution}.mg-upload-group{grid-area:upload}
.mg-return-summary{grid-template-columns:108px repeat(5,minmax(0,1fr))!important}
.mg-status-timeline{display:flex;align-items:center;gap:8px;margin:18px 0 20px;padding:16px;border:1px solid #e4e2df;border-radius:9px;background:#fff;overflow-x:auto}
.mg-timeline-step{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:72px;color:#8a8c93;text-align:center;font-size:11px}
.mg-timeline-step span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ececea;color:#777;font-weight:800}
.mg-timeline-step.active,.mg-timeline-step.completed{color:var(--mg-navy)}
.mg-timeline-step.active span{background:var(--mg-lime);color:var(--mg-navy);box-shadow:0 0 0 3px rgba(180,230,77,.25)}
.mg-timeline-step.completed span{background:var(--mg-green);color:#fff}
.mg-timeline-line{height:2px;min-width:28px;flex:1;background:#e1e1dd}
.mg-timeline-line.completed{background:var(--mg-green)}
.mg-decision-panel{margin:0 0 16px;padding:16px 18px;border-left:4px solid var(--mg-navy);border-radius:7px;background:#eef8fb;color:var(--mg-navy);font-size:13.5px;line-height:1.5}
.mg-decision-panel strong{display:block;margin-bottom:4px}
@media(max-width:760px){.mg-step2-fields{grid-template-areas:'quantity' 'reason' 'resolution' 'comments' 'upload'!important}.mg-return-summary{grid-template-columns:72px 1fr!important}.mg-status-timeline{align-items:flex-start}.mg-timeline-line{min-width:18px;margin-top:14px}.mg-timeline-step{min-width:62px}}

/* MegaGoods Retouren 3.0.2 — mobile-first finishing layer */
.mg-retour-wrap button,.mg-retour-wrap input,.mg-retour-wrap select,.mg-retour-wrap textarea,.mg-retour-wrap a{touch-action:manipulation}
.mg-decision-panel{margin:0 0 14px;padding:14px 16px;border-radius:8px;border:1px solid #CFE5EA;background:#F0FAFC;color:var(--mg-navy);line-height:1.5}
.mg-payment-panel h3{margin:0 0 6px;color:var(--mg-navy);font-size:18px}.mg-payment-panel .mg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px}
.mg-status-timeline{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin}
.mg-timeline-step{scroll-snap-align:center}.mg-timeline-step strong{font-size:11px;line-height:1.15}
.mg-upload-area:focus-visible,.mg-btn:focus-visible,.mg-product-row:focus-within,.mg-whatsapp-btn:focus-visible{outline:3px solid rgba(30,58,95,.24);outline-offset:2px}

@media(max-width:760px){
  .mg-retour-wrap{padding:16px 12px 26px!important;overflow-x:hidden}
  .mg-breadcrumbs{font-size:12px;gap:6px;flex-wrap:wrap}
  .mg-page-title{font-size:29px!important;line-height:1.08}.mg-page-subtitle{font-size:14px;line-height:1.5;margin-bottom:20px}
  .mg-progress{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:4px!important;overflow:visible!important;margin-bottom:20px;padding:0!important}
  .mg-progress-step{min-width:0;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:5px!important;white-space:normal!important;font-size:10px!important;line-height:1.15}
  .mg-progress-step .mg-step-circle{width:30px;height:30px}.mg-progress-line{min-width:0!important;width:100%;margin-top:15px}
  .mg-retour-container{gap:18px!important}.mg-card{padding:21px 16px!important;border-radius:10px}.mg-card h2{font-size:23px!important}
  .mg-form-group input[type=text],.mg-form-group input[type=email],.mg-form-group select,.mg-form-group textarea{font-size:16px!important;min-height:46px;padding:11px 12px}
  .mg-btn{min-height:46px;padding:13px 16px}.mg-btn-full{width:100%}
  .mg-order-header{grid-template-columns:1fr!important;padding:12px 14px}.mg-order-field,.mg-order-field:first-child{padding:8px 0!important;border-right:0!important;border-bottom:1px solid #E4E1DD}.mg-order-field:last-child{border-bottom:0}
  .mg-product-row{grid-template-columns:22px 62px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;align-items:center}
  .mg-product-image{width:62px!important;height:58px!important}.mg-product-name{font-size:14px}.mg-product-meta{font-size:11px}.mg-product-qty{grid-column:3!important;align-items:flex-start!important;margin-top:2px}
  .mg-quantity-control{align-items:flex-start;flex-direction:column}.mg-quantity-name{max-width:100%!important}.mg-qty-stepper{max-width:none!important;width:100%}
  .mg-upload-area{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;min-height:100px!important;padding:14px!important}.mg-upload-hint{font-size:10px}
  .mg-checkbox-row{align-items:flex-start}.mg-checkbox-row input{min-width:22px;min-height:22px}
  .mg-return-summary{grid-template-columns:64px minmax(0,1fr)!important;padding:8px!important}.mg-summary-product-image{width:56px!important;height:56px!important;grid-row:1/6!important}.mg-return-summary>div:not(:first-child){padding:8px 7px!important}
  .mg-status-timeline{margin:14px -2px 16px;padding:14px 10px;gap:4px}.mg-timeline-step{min-width:66px!important}.mg-timeline-step span{width:30px;height:30px}.mg-timeline-line{min-width:14px!important;margin-top:15px!important}
  .mg-success-banner{gap:12px}.mg-success-icon{width:46px!important;height:46px!important;font-size:27px!important}.mg-success-content h2,.mg-success-content h3{font-size:22px!important}
  .mg-pending-panel,.mg-payment-panel{padding:16px}.mg-pending-panel .mg-btn,.mg-payment-panel .mg-btn{width:100%;text-align:center}
  .mg-carrier-grid{grid-template-columns:1fr!important;gap:10px}.mg-carrier-card{min-height:88px;display:grid!important;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;text-align:left!important;column-gap:12px;align-items:center}.mg-carrier-logo{grid-row:1/3;margin:0!important}.mg-carrier-title,.mg-carrier-desc{text-align:left}
  .mg-label-download-panel,#mg-label-section .mg-label-section{grid-template-columns:1fr!important;padding:14px!important}.mg-label-actions-column .mg-btn{width:100%}.mg-label-file-card{grid-template-columns:50px minmax(0,1fr)}
  .mg-sidebar{gap:12px}.mg-sidebar-card{padding:18px 16px}.mg-help-card{min-height:145px}.mg-help-image{width:155px;height:145px;opacity:.55}.mg-help-card:after{inset:0 18% 0 0}.mg-whatsapp-btn{min-height:44px;width:100%;box-sizing:border-box}
  .mg-trust-bar{padding:14px}.mg-trust-item{grid-template-columns:38px minmax(0,1fr);padding:0 0 12px!important}
}
@media(max-width:380px){
  .mg-retour-wrap{padding-left:9px!important;padding-right:9px!important}.mg-card{padding:18px 13px!important}
  .mg-progress{grid-template-columns:1fr 12px 1fr 12px 1fr}.mg-progress-step{font-size:9px!important}.mg-progress-step .mg-step-circle{width:28px;height:28px}.mg-progress-line{margin-top:14px}
  .mg-product-row{grid-template-columns:22px 52px minmax(0,1fr)!important}.mg-product-image{width:52px!important;height:52px!important}
  .mg-status-timeline{padding-left:7px;padding-right:7px}.mg-timeline-step{min-width:62px!important}
}

/* MegaGoods Retouren 3.0.5 — herstelde bestelkaart en betaalflow-afwerking */
.mg-order-header{
  position:relative;
  overflow:hidden;
  background:#fff!important;
  border:1px solid #ECE9E5!important;
  border-left:3px solid var(--mg-lime)!important;
  border-radius:9px!important;
  padding:13px 14px!important;
  box-shadow:0 5px 16px rgba(8,11,63,.05)!important;
}
.mg-order-field{grid-template-columns:38px minmax(0,1fr)!important;column-gap:10px!important;padding:0 22px!important}
.mg-order-field:first-child{padding-left:0!important}.mg-order-field:last-child{padding-right:0!important}
.mg-order-symbol{
  width:34px;height:34px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;
  background:#F5F5EF;color:var(--mg-navy);font-size:0!important;grid-row:1/3;align-self:center;
}
.mg-order-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mg-order-label{font-size:11px!important;line-height:1.2;color:#4F5360!important;font-weight:600!important;margin:0 0 3px!important}
.mg-order-value{font-size:13px!important;line-height:1.25;color:var(--mg-navy)!important;font-weight:800!important}
@media(max-width:760px){
  .mg-order-header{padding:8px 13px!important}
  .mg-order-field,.mg-order-field:first-child{grid-template-columns:38px minmax(0,1fr)!important;padding:10px 0!important}
  .mg-order-symbol{width:32px;height:32px}.mg-order-symbol svg{width:18px;height:18px}
}

/* Approved concept 2: parcel illustration, no support character. */
.mg-help-card.mg-help-concept-two{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:14px 8px;align-items:center;min-height:0;padding:22px 20px;background:linear-gradient(125deg,#c8edf0,#bae5eb);border-radius:12px}
.mg-help-card.mg-help-concept-two::after{display:none}
.mg-help-concept-two .mg-help-copy{min-width:0;z-index:auto}
.mg-help-concept-two .mg-help-copy h3{margin:0 0 10px;font-size:22px}
.mg-help-concept-two .mg-help-copy p{margin:0;line-height:1.5;font-size:14px}
.mg-help-concept-two .mg-return-parcel{display:block;width:88px;height:auto;max-width:100%;margin:0!important;border:0!important;box-shadow:none;align-self:center}
.mg-help-concept-two .mg-whatsapp-btn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;min-height:46px;white-space:normal;text-align:center;background:#222356;color:#fff;border:1px solid #222356;border-radius:7px;box-shadow:none;padding:11px 10px;font-size:14px;line-height:1.4}
.mg-help-concept-two .mg-whatsapp-btn:hover{background:#34356e;color:#fff;border-color:#34356e}
.mg-help-concept-two .mg-whatsapp-btn:focus-visible{outline:3px solid #172044;outline-offset:3px}
.mg-help-concept-two .mg-whatsapp-btn svg{flex:0 0 20px}
@media(max-width:360px){.mg-help-card.mg-help-concept-two{grid-template-columns:minmax(0,1fr) 65px;padding:18px 14px}.mg-help-concept-two .mg-return-parcel{width:65px}}