/* Account destinations only: loaded after the shared components by head.tpl.
 * Keep native/module markup, field states and actions. Never loaded at checkout
 * or on the homepage; the account dashboard remains the visual reference. */
body #wrapper {
  --vvp-customer-page: var(--vvp-ds-page);
  --vvp-customer-surface: #fff;
  --vvp-customer-support: var(--vvp-ui-info-bg);
  --vvp-customer-ink: var(--vvp-ds-ink);
  --vvp-customer-muted: var(--vvp-ds-muted);
  --vvp-customer-line: var(--vvp-ui-panel-line);
  --vvp-customer-control: var(--vvp-color-field-border);
  --vvp-customer-action: var(--vvp-ds-action);
  --vvp-customer-accent: var(--vvp-ds-action);
  background-color: var(--vvp-ds-page);
}
body #wrapper > .container-fluid { width: 100%; max-width: 1440px; padding-inline: 80px; }
/* Override the generic utility-page selector's multiple ID exclusions only for
 * composition. The wrapper already supplies the space before the site footer. */
body #wrapper #main { width: 100%; max-width: 1280px; margin: 0 auto; padding: 42px 0 0 !important; font-family: var(--vvp-font-ui,Inter,system-ui,sans-serif); }
body #wrapper #main > #content { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
/* Entry forms have no nested panel, unlike the authenticated destinations. */
body:is(#authentication,#registration,#password,#password-infos) #wrapper #main > #content {
  max-width: 800px; margin-inline: auto; padding: 24px; border: 1px solid var(--vvp-ui-panel-line); border-radius: var(--vvp-ds-radius-panel); background: #fff;
}
body:is(#authentication,#password,#password-infos) #wrapper #main > #content { max-width: 640px; }
body #wrapper #main > .page-footer:empty { display: none; }
body #wrapper #main .password-back-link { color: var(--vvp-ds-action); }
body #wrapper #main > .page-header { margin: 0 0 32px; min-height: 0; }
body #wrapper #main :is(.page-header,.skrupt-rgpd__hero) h1 {
  font-family: inherit; font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -.65px; text-transform: none;
}
body #wrapper #main :is(.page-header,.skrupt-rgpd__hero) .vvp-title__lead { font-weight: 600; }
body #wrapper #main :is(.page-header,.skrupt-rgpd__hero) .vvp-title__soft { font-weight: 400; }
body #wrapper #main .page-header h1::before,
body #wrapper #main .page-header h1::after { content: none; }
body #wrapper #main .page-header p { max-width: 800px; margin-top: 8px; font-size: 16px; line-height: 24px; }
body #wrapper #main :is(.customer-panel,.customer-form-card,.customer-addresses-panel,.customer-address-form-panel,.customer-saved-card,.skrupt-rgpd__card,.skrupt-rgpd__disclosure) {
  border: 1px solid var(--vvp-ui-panel-line); border-radius: var(--vvp-ds-radius-panel); background: #fff; box-shadow: none;
}
body #wrapper #main :is(.customer-panel,.customer-form-card,.customer-addresses-panel,.customer-address-form-panel,.skrupt-rgpd__card) { padding: 24px; }
body #wrapper #main :is(.customer-panel__head,.customer-addresses-panel__head,.customer-address-form-panel__head) {
  gap: 16px; margin-bottom: 24px; padding-bottom: 20px; border-color: var(--vvp-ui-panel-line);
}
body #wrapper #main :is(.customer-panel__intro,.customer-addresses-panel__intro,.customer-form-section-head) { gap: 16px; }
body #wrapper #main :is(.customer-panel__intro,.customer-addresses-panel__intro,.customer-address-form-panel__head,.customer-form-section-head) strong {
  color: var(--vvp-ds-action); font-size: 20px; font-weight: 600; line-height: 1.3;
}
body #wrapper #main :is(.customer-panel__intro,.customer-addresses-panel__intro,.customer-address-form-panel__head,.customer-form-section-head) small {
  color: var(--vvp-ds-muted); font-size: 14px; font-weight: 400; line-height: 1.5;
}
body #wrapper #main :is(.customer-panel,.customer-order-address-card) h2 {
  color: var(--vvp-ds-action); font-family: inherit; font-size: 24px; font-weight: 600; line-height: 1.3; text-transform: none;
}
body #wrapper #main :is(.customer-panel__icon,.customer-addresses-panel__icon,.customer-address-form-panel__icon,.customer-form-section-icon,.address-card-icon,.customer-order-card__icon,.customer-order-address-card__icon,.customer-saved-card__icon,.loyalty-summary-panel__icon,.loyalty-rule__icon,.skrupt-rgpd__icon) {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px;
  border: 0; border-radius: 50%; color: var(--vvp-ds-action); background: var(--vvp-ui-action-bg); font-size: 20px;
}
body #wrapper #main :is(.customer-panel__icon,.customer-form-section-icon,.customer-addresses-panel__icon,.customer-address-form-panel__icon,.customer-order-card__icon,.customer-saved-card__icon,.loyalty-summary-panel__icon,.loyalty-rule__icon) i { font-size: 22px; }
body #wrapper #main :is(.customer-order-card,.customer-return-card,.customer-slip-card,.customer-voucher-card)::before { content: none; }
body #wrapper #main :is(.customer-order-card__reference strong,.customer-order-product__name,.address .address-body h4,.loyalty-rule strong) { color: var(--vvp-ds-action); font-weight: 600; }
body #wrapper #main :is(.customer-empty-state,.customer-addresses-panel__note,.loyalty-info-box,.skrupt-rgpd__card--tint) {
  background: var(--vvp-ui-info-bg); border: 1px solid var(--vvp-ui-info-line); border-radius: var(--vvp-ui-info-radius); color: var(--vvp-ds-muted);
}
body #wrapper #main :is(.customer-order-count,.skrupt-rgpd__count) { color: var(--vvp-ds-action); background: var(--vvp-ui-action-bg); font-size: 14px; font-weight: 600; }
/* Buttons retain their native type, event handlers, disabled and danger states. */
body #wrapper #main :is(.btn:not(.btn-touchspin):not(.close),.customer-addresses-panel__add,.customer-order-detail-button,.customer-order-card__link--primary,.skrupt-rgpd__button) {
  min-height: 48px; height: auto; max-width: 100%; padding: 11px 20px; border-radius: var(--vvp-ds-radius-action);
  box-shadow: none; font-family: inherit; font-size: var(--vvp-control-font-size); font-weight: var(--vvp-control-weight); line-height: 24px; letter-spacing: 0; text-transform: none; white-space: normal;
}
body #wrapper #main :is(.btn-primary,.customer-addresses-panel__add,.customer-order-detail-button,.customer-order-card__link--primary,.skrupt-rgpd__button) {
  color: #fff; background: var(--vvp-ds-action); border-color: var(--vvp-ds-action);
}
body #wrapper #main :is(.btn-primary,.customer-addresses-panel__add,.customer-order-detail-button,.customer-order-card__link--primary,.skrupt-rgpd__button):hover { color: #fff; background: var(--vvp-ds-action-hover,var(--vvp-ds-action)); }
body #wrapper #main :is(.btn-default,.btn-secondary,.customer-order-detail-button--plain,.skrupt-rgpd__button--secondary) {
  color: var(--vvp-ds-action); background: var(--vvp-ui-action-bg); border-color: transparent;
}
body #wrapper #main .skrupt-rgpd__button--quiet { color: var(--vvp-ds-action); background: transparent; border-color: transparent; }
body #wrapper #main .skrupt-rgpd__button--danger { color: #fff; background: #a73542; border-color: #a73542; }
body #wrapper #main .skrupt-rgpd__button--danger:hover { background: #872735; border-color: #872735; }
/* Focus indicators are shared in vapovor-components.css. */
body #wrapper #main :is(.form-control:not([name=qty]),.skrupt-rgpd__form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.skrupt-rgpd__form textarea,.skrupt-rgpd__form select) {
  font-family: inherit; font-size: 16px; border-radius: var(--vvp-ui-control-radius); min-height: 48px;
}
body #wrapper #main :is(.form-control,.skrupt-rgpd__form input,.skrupt-rgpd__form textarea,.skrupt-rgpd__form select):focus { border-color: var(--vvp-ds-action); box-shadow: 0 0 0 3px var(--vvp-ds-focus-ring); }
body #wrapper #main :is(.has-error .form-control,.form-control[aria-invalid=true]):focus { border-color: var(--vvp-ds-error); }
/* Module adapters use the same tokens, without touching their form contracts. */
body #wrapper #main .loyalty-summary-panel__value { background: var(--vvp-ui-info-bg); border-color: var(--vvp-ui-info-line); box-shadow: none; }
body #wrapper #main .loyalty-summary-panel__main { grid-template-columns: 44px minmax(0,1fr); gap: 16px; }
body #wrapper #main :is(#total_ponts,#total_ponts b,.loyalty-summary-panel__value strong) { color: var(--vvp-ds-action); }
body #wrapper #main .loyalty-rule strong { font-size: 16px; }
body #wrapper #main .skrupt-rgpd {
  --rgpd-ink: var(--vvp-ds-ink); --rgpd-muted: var(--vvp-ds-muted); --rgpd-accent: var(--vvp-ds-action);
  --rgpd-line: var(--vvp-ui-panel-line); --rgpd-soft: var(--vvp-ui-action-bg);
  width: 100%; max-width: none; margin: 0; padding: 0; gap: 24px; font-family: inherit; font-size: 16px;
}
body #wrapper #main .skrupt-rgpd :is(h2,h3,h4) { color: var(--vvp-ds-action); font-family: inherit; font-weight: 600; letter-spacing: -.3px; }
body #wrapper #main .skrupt-rgpd h2 { font-size: 24px; line-height: 1.3; }
body #wrapper #main .skrupt-rgpd h3 { font-size: 18px; }
body #wrapper #main .skrupt-rgpd :is(.skrupt-rgpd__muted,small) { font-size: 14px; }
body #wrapper #main :is(.skrupt-rgpd__eyebrow,.skrupt-rgpd__brand) { display: none; }
body #wrapper #main .skrupt-rgpd__hero {
  position: relative; isolation: isolate; z-index: 0; overflow: visible; display: grid; grid-template-columns: minmax(0,1fr); gap: 20px;
  padding: 24px 0 32px; margin: 0 0 8px; border: 0; border-radius: 0; background: transparent; text-align: center;
}
body #wrapper #main .skrupt-rgpd__hero::before {
  content: ''; position: absolute; inset: 0; width: auto; height: auto; border: 0; border-radius: 0; z-index: -1; pointer-events: none;
  background: var(--vvp-hero-blue); box-shadow: 0 0 0 100vmax var(--vvp-hero-blue); clip-path: inset(-100vmax -100vmax 0 -100vmax);
}
body #wrapper #main .skrupt-rgpd__hero h1 { color: var(--vvp-color-inverse); margin: 0; }
body #wrapper #main .skrupt-rgpd__lead { max-width: 800px; margin: 8px auto 0; color: var(--vvp-hero-muted); font-size: 16px; line-height: 24px; }
body #wrapper #main .skrupt-rgpd__hero-note { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 12px; width: fit-content; margin: 0 auto; padding: 12px 16px; background: #ffffff0d; border-color: #ffffff40; border-radius: var(--vvp-ds-radius-panel); }
body #wrapper #main .skrupt-rgpd__hero-note :is(strong,small,span:not(.skrupt-rgpd__icon)) { color: var(--vvp-color-inverse); margin: 0; padding: 0; border: 0; font-size: 14px; }
body #wrapper #main .skrupt-rgpd__topline { position: relative; z-index: 1; }
body #wrapper #main .skrupt-rgpd__topline .skrupt-rgpd__back { color: var(--vvp-color-inverse); font-size: 14px; }
body #wrapper #main .skrupt-rgpd__jumpnav a { font-size: 14px; }
body #wrapper #main .skrupt-rgpd__jumpnav a span { color: var(--vvp-ds-action); background: var(--vvp-ui-action-bg); }
body #wrapper #main .skrupt-rgpd__card--dark { --rgpd-ink: var(--vvp-color-inverse); --rgpd-muted: var(--vvp-color-inverse-muted); --rgpd-line: #ffffff40; background: var(--vvp-ds-action); border-color: var(--vvp-ds-action); }
body #wrapper #main .skrupt-rgpd .skrupt-rgpd__card--dark :is(h2,h3,h4) { color: var(--rgpd-ink); }
body #wrapper #main .skrupt-rgpd__duration :is(strong,span) { color: var(--vvp-color-inverse); }
body #wrapper #main .skrupt-rgpd__button--light { color: var(--vvp-ds-action); background: #fff; border-color: #fff; }
body #wrapper #main .skrupt-rgpd__format { background: var(--vvp-ui-action-bg); }
body #wrapper #main .skrupt-rgpd__format:has(input:checked) { border-color: var(--vvp-ds-action); background: var(--vvp-ui-info-bg); box-shadow: inset 0 0 0 1px var(--vvp-ds-action); }
body #wrapper #main .skrupt-rgpd__notice:not(.skrupt-rgpd__notice--success):not(.skrupt-rgpd__notice--error) { color: var(--vvp-ds-action); border-color: var(--vvp-ui-info-line); background: var(--vvp-ui-info-bg); }
body #wrapper #main .skrupt-rgpd__steps > li > span { color: var(--vvp-ds-action); border-color: var(--vvp-ui-panel-line); background: #fff; }
@media (max-width: 1100px) {
  body #wrapper > .container-fluid { padding-inline: 32px; }
  body #wrapper #main .skrupt-rgpd__grid--three { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
  body #wrapper > .container-fluid { padding-inline: 24px; }
  body #wrapper #main { padding-top: 24px !important; }
  body #wrapper #main :is(.page-header,.skrupt-rgpd__hero) h1 { font-size: 28px; line-height: 36px; letter-spacing: -.4px; }
  body #wrapper #main :is(.customer-panel,.customer-form-card,.customer-addresses-panel,.customer-address-form-panel,.skrupt-rgpd__card) { padding: 20px; }
  body #wrapper #main :is(.customer-panel__intro,.customer-addresses-panel__intro,.customer-address-form-panel__head,.customer-form-section-head) strong { font-size: 18px; }
  body #wrapper #main :is(.customer-panel,.customer-order-address-card) h2 { font-size: 22px; }
  body #wrapper #main .skrupt-rgpd__workspace,
  body #wrapper #main .skrupt-rgpd__grid { grid-template-columns: minmax(0,1fr); }
  body #wrapper #main .skrupt-rgpd h2 { font-size: 22px; }
}
@media (max-width: 479.98px) {
  body #wrapper > .container-fluid { padding-inline: 16px; }
  body #wrapper #main .skrupt-rgpd__hero-note { width: 100%; }
}

/* Identity: keep password controls in one continuous, aligned field. */
body#identity #wrapper #main #customer-form .input-group { display: flex; align-items: stretch; height: 48px; gap: 0; box-shadow: none; }
body#identity #wrapper #main #customer-form .input-group .form-control { flex: 1 1 0; width: 1%; min-width: 0; height: 48px; border-radius: 12px 0 0 12px; border-right: 0; }
body#identity #wrapper #main #customer-form .input-group .input-group-btn { position: static; flex: 0 0 48px; height: 48px; }
body#identity #wrapper #main #customer-form .input-group .input-group-btn > .btn[data-action="show-password"] { position: static; display: inline-flex; align-items: center; justify-content: center; width: 48px; min-width: 48px; min-height: 48px; height: 48px; padding: 0; border: 1px solid var(--vvp-ui-field-line); border-radius: 0 12px 12px 0; background: var(--vvp-ui-action-bg); color: var(--vvp-ds-action); font-size: 0; }
body#identity #wrapper #main #customer-form .input-group:has(input[type="text"]) [data-action="show-password"]::before { content: "visibility_off"; }
body#identity #wrapper #main #customer-form .input-group:focus-within :is(.form-control,.input-group-btn > .btn) { border-color: var(--vvp-ds-action); box-shadow: none; }
/* Keep the native date picker, its stored value and age constraints. */
body#identity #wrapper #main #customer-form input[type="date"] { color-scheme: light; min-width: 0; }
/* Consent remains required; remove nested panels and technical proof copy. */
body#identity #wrapper #main #customer-form .skrupt-form-consent { margin: 24px 0 0; padding: 24px 0 0; border: 0; border-top: 1px solid var(--vvp-ui-panel-line); border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
body#identity #wrapper #main #customer-form .skrupt-form-consent__approval { gap: 10px; }
body#identity #wrapper #main #customer-form .skrupt-form-consent__title { margin: 0; color: var(--vvp-ds-action); font-size: 20px; line-height: 1.4; font-weight: 600; }
body#identity #wrapper #main #customer-form .skrupt-form-consent__label { align-items: flex-start; min-height: 44px; gap: 10px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; font-size: 15px; font-weight: 400; line-height: 1.5; text-align: left; }
body#identity #wrapper #main #customer-form .skrupt-form-consent__label > span { font-weight: inherit; }
body#identity #wrapper #main #customer-form .skrupt-form-consent input[type="checkbox"] { width: 18px; height: 18px; margin: 3px 0 0; }
body#identity #wrapper #main #customer-form .skrupt-form-consent__label--error { color: #b42318; }
body#identity #wrapper #main #customer-form .skrupt-form-consent__label--error input[type="checkbox"] { outline: none; box-shadow: none; }
body#identity #wrapper #main #customer-form .skrupt-form-consent__error { margin: 0 0 0 28px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #b42318; font-size: 14px; font-weight: 500; line-height: 1.5; }
body#identity #wrapper #main #customer-form .vvp-consent-technical { display: none; }

/* Privacy-centre cards keep their action at the foot of each equal-height row. */
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center .skrupt-rgpd__card:has(> .skrupt-rgpd__button) { display: flex; flex-direction: column; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center .skrupt-rgpd__card > :has(+ .skrupt-rgpd__button) { margin-bottom: var(--vvp-ui-space-4,16px); }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center .skrupt-rgpd__card > .skrupt-rgpd__button { margin-top: auto; align-self: flex-start; max-width: 100%; }

/* Public privacy documents and the closing note are light navigation rows. */
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > section[aria-labelledby="skrupt-public-documents-title"] { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.8fr); align-items: start; gap: 24px 48px; margin: 12px 0 0; padding: 32px 0 24px; border: 0; border-top: 1px solid var(--vvp-ui-panel-line); border-radius: 0; background: transparent; box-shadow: none; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center #skrupt-public-documents-title { max-width: 24ch; margin: 0; font-size: 24px; line-height: 1.35; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > section[aria-labelledby="skrupt-public-documents-title"] .skrupt-rgpd__list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > section[aria-labelledby="skrupt-public-documents-title"] li { margin: 0; padding: 0; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > section[aria-labelledby="skrupt-public-documents-title"] a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 56px; padding: 14px 0; border-bottom: 1px solid var(--vvp-ui-panel-line); color: var(--vvp-ds-action); font-size: 16px; font-weight: 500; line-height: 1.5; text-decoration: none; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > section[aria-labelledby="skrupt-public-documents-title"] a::after { content: '\2192'; flex: 0 0 auto; font-size: 22px; line-height: 1; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > section[aria-labelledby="skrupt-public-documents-title"] a:hover { text-decoration: underline; text-underline-offset: 3px; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > footer.skrupt-rgpd__card:has(> .skrupt-rgpd__button) { flex-direction: row; align-items: center; justify-content: space-between; gap: 20px 32px; margin: 0; padding: 12px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > footer.skrupt-rgpd__card > p.skrupt-rgpd__muted { flex: 1; max-width: 88ch; margin: 0; font-size: 13px; line-height: 1.6; }
body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > footer.skrupt-rgpd__card > .skrupt-rgpd__button { flex: 0 0 auto; align-self: center; min-height: 44px; margin: 0; padding: 8px 0; border: 0; border-radius: 0; background: transparent; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:767.98px) {
  body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > section[aria-labelledby="skrupt-public-documents-title"] { grid-template-columns: minmax(0,1fr); gap: 16px; padding: 24px 0 16px; }
  body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center #skrupt-public-documents-title { max-width: none; font-size: 22px; }
  body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > footer.skrupt-rgpd__card:has(> .skrupt-rgpd__button) { flex-direction: column; align-items: flex-start; gap: 12px; }
  body#module-skruptcookiesconsent-privacycenter #wrapper #main .skrupt-privacy-center > footer.skrupt-rgpd__card > .skrupt-rgpd__button { align-self: flex-start; }
}

/* Order details: readable product rows and shipping values at every width. */
body#order-detail #wrapper #main .customer-order-products { grid-template-columns: minmax(0,1fr); }
body#order-detail #wrapper #main .customer-order-detail-grid { align-items: start; }
body#order-detail #wrapper #main .customer-order-info-row { grid-template-columns: 42px minmax(120px,1fr) minmax(0,1fr); }
body#order-detail #wrapper #main .customer-order-info-row > strong { min-width: 0; overflow-wrap: anywhere; }
body#order-detail #wrapper #main .customer-order-products-total dt { min-width: 0; }
body#order-detail #wrapper #main .customer-order-products-total dd { flex-shrink: 0; white-space: nowrap; text-align: right; }
body#order-detail #wrapper #main .customer-order-detail-card > h2 { margin-bottom: 20px; }
/* The return module callout keeps all native eligibility and actions. */
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return { display: block; margin: 0 0 24px; padding: 24px; border: 1px solid var(--vvp-ui-info-line); border-radius: var(--vvp-ds-radius-panel); background: var(--vvp-ui-info-bg); }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-rgpd__sectionhead { align-items: flex-start; gap: 16px; margin: 0 0 16px; padding: 0; border: 0; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return h3 { margin: 0 0 8px; color: var(--vvp-ds-action); font: 600 20px/1.35 var(--vvp-font-ui); }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-rgpd__sectionhead p { margin: 0; font-size: 14px; line-height: 1.6; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-return__callout-lines { margin: 0; padding: 0; list-style: none; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-return__callout-lines > li { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 0; padding: 16px 0; border-top: 1px solid var(--vvp-ui-info-line); background: transparent; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-return__callout-lines > li > div { min-width: 0; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-return__callout-lines strong { font-size: 14px; line-height: 1.5; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-return__callout-lines p { margin: 4px 0 0; font-size: 13px; line-height: 1.6; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return > .skrupt-rgpd__button { display: inline-flex; width: auto; max-width: 100%; margin-top: 16px; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return > .skrupt-rgpd__downloads { margin-top: 24px; padding-top: 20px; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-rgpd__downloads > .skrupt-rgpd__timeline { margin-top: 12px; }
body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-rgpd__downloads > .skrupt-rgpd__timeline > li:first-child { border-top: 0; padding-top: 0; }
@media(max-width:1199.98px) {
  body#order-detail #wrapper #main .customer-order-products-panel { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:767.98px) {
  body#order-detail #wrapper #main .customer-order-info-row { grid-template-columns: 40px minmax(0,1fr); gap: 4px 12px; align-items: start; }
  body#order-detail #wrapper #main .customer-order-info-row__icon { grid-column: 1; grid-row: 1 / span 2; }
  body#order-detail #wrapper #main .customer-order-info-row__label { grid-column: 2; grid-row: 1; }
  body#order-detail #wrapper #main .customer-order-info-row > strong { grid-column: 2; grid-row: 2; text-align: left; }
  body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return { padding: 20px; }
  body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return .skrupt-return__callout-lines > li { flex-direction: column; gap: 8px; }
  body#order-detail #wrapper #main .skrupt-rgpd--callout.skrupt-return > .skrupt-rgpd__button { width: 100%; }
}

/* Withdrawal selection: keep controls native and align their labels with copy. */
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__form label { text-align: left; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__order-head { padding: 0 0 20px; gap: 16px; align-items: flex-start; background: transparent; border-bottom: 1px solid var(--vvp-ui-panel-line); }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__order-head h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.35; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__order-head > a { flex-shrink: 0; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__lines > legend { margin: 0; padding: 16px 0 0; color: var(--vvp-ds-muted); font-size: 13px; line-height: 1.6; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__line { align-items: start; padding: 20px 0; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__lines > legend + .skrupt-return__line { padding-top: 12px; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__line-copy { min-width: 0; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__line-copy > label { display: block; margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 1.45; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__line-copy > p { margin: 6px 0 0; font-size: 13px; line-height: 1.6; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__line-meta { gap: 8px 16px; font-size: 13px; line-height: 1.5; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__quantity label { font-size: 13px; line-height: 1.5; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__quantity input { min-height: 44px; font-size: 16px; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__form-footer { padding: 20px 0 0; gap: 12px; border-top: 1px solid var(--vvp-ui-panel-line); }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__form-footer > label { margin: 0; font-size: 14px; line-height: 1.5; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__form-footer > p { margin: 0; font-size: 13px; line-height: 1.6; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__actions { gap: 12px 20px; align-items: center; }
@media(max-width:767.98px) {
  body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__order-head { flex-direction: column; gap: 8px; }
  body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__line { padding: 18px 0; }
  body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__actions { align-items: stretch; gap: 12px; }
}

/* Withdrawal review: separate the item list, estimate and confirmation action. */
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review > h2 { margin: 0 0 12px; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review > p { margin: 0 0 16px; font-size: 14px; line-height: 1.6; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review-list { margin: 20px 0; padding: 0; list-style: none; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review-list > li { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 16px; padding: 16px 0; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review-list > li > div { min-width: 0; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review-list strong { font-size: 15px; line-height: 1.5; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review-list small { display: block; margin-top: 6px; font-size: 13px; line-height: 1.5; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review-list > li > span { white-space: nowrap; font-size: 16px; font-weight: 600; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__totals { display: grid; gap: 0; margin: 0 0 16px; padding: 20px 24px; border: 1px solid var(--vvp-ui-info-line); border-radius: var(--vvp-ui-info-radius); background: var(--vvp-ui-info-bg); }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__totals > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 20px; padding: 8px 0; border: 0; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__totals dt { min-width: 0; margin: 0; font-size: 14px; font-weight: 400; line-height: 1.5; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__totals dd { margin: 0; white-space: nowrap; text-align: right; font-size: 15px; font-weight: 600; line-height: 1.5; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__total dt { color: var(--vvp-ds-action); font-weight: 600; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__total dd { font-size: 24px; line-height: 1.3; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review > form { margin-top: 24px; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review > form > p { margin: 0 0 16px; font-size: 14px; line-height: 1.6; }
body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__review .skrupt-return__actions { flex-wrap: wrap; gap: 12px 16px; }
@media(max-width:767.98px) {
  body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__totals { padding: 16px; }
  body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__totals > div { gap: 12px; }
  body #wrapper #main .skrupt-rgpd--withdrawal .skrupt-return__total dd { font-size: 22px; }
}