/* Builder: WŁASNY KOD — kontener + nagłówek jak w Edytorze; treść pola bez narzuconych stylów */
.custom-code{padding:60px 0}
.custom-code.padding-0{padding:0!important}
.custom-code + .custom-code{padding-top:0}

.custom-code__head{text-align:center;margin:0 auto 48px;max-width:760px}
.custom-code__head .eyebrow{display:inline-block;margin-bottom:12px}
.custom-code__title{display:block;text-align:center;font-family:var(--display);font-weight:500;color:var(--ink);margin:0}
.custom-code__text{margin:16px auto 0;color:var(--muted);font-size:17px;line-height:1.6}

/* Typowe elementy wklejonego HTML-a (embedy, tabele, listy) — minimum, żeby nic nie wystawało */
.custom-code__body{min-width:0}
.custom-code__body img,
.custom-code__body iframe,
.custom-code__body video{max-width:100%}
.custom-code__body iframe{display:block;border:0}
.custom-code__body ul{list-style:disc;padding-inline-start:24px}
.custom-code__body ol{list-style:decimal;padding-inline-start:24px}
.custom-code__body p{margin:0 0 1em}

@media (max-width:768px){
  .custom-code{padding:40px 0}
  .custom-code__head{margin-bottom:24px}
}

/* Formularz zwrotów Flexible Refunds ([flexible_refunds_form]) — pod motyw.
   Wtyczka daje tylko flex-column na wrapperach; reset motywu zdejmuje wygląd inputów. */
.custom-code .fr-refund-shortcode-wrapper{max-width:520px;margin:0 auto;gap:4px}
.custom-code .fr-refund-shortcode-field-wrapper{width:100%;margin-bottom:14px}
.custom-code .fr-refund-shortcode-label{display:block;margin-bottom:6px;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:14px;color:var(--ink)}
.custom-code .fr-refund-shortcode-wrapper input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.custom-code .fr-refund-shortcode-wrapper select,
.custom-code .fr-refund-shortcode-wrapper textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:16px;line-height:1.4;outline:0}
.custom-code .fr-refund-shortcode-wrapper input:focus,
.custom-code .fr-refund-shortcode-wrapper select:focus,
.custom-code .fr-refund-shortcode-wrapper textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(184,95,45,.18)}
.custom-code .fr-refund-shortcode-wrapper button,
.custom-code .fr-refund-shortcode-wrapper input[type=submit],
.custom-code .fr-refund-shortcode-wrapper .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border:1px solid var(--brand);border-radius:4px;background:var(--brand);color:#fff;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:15px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.custom-code .fr-refund-shortcode-wrapper button:hover,
.custom-code .fr-refund-shortcode-wrapper input[type=submit]:hover,
.custom-code .fr-refund-shortcode-wrapper .button:hover{background:var(--brand-600);border-color:var(--brand-600);transform:translateY(-1px)}
.custom-code .fr-required-field-notice{color:var(--brand);font-size:12px;margin-top:4px}