.al-jp{--jp-accent:#e1d400;--jp-line:#e8e8e8;--jp-text:#171717;--jp-muted:#777;--jp-error:#d63638;width:100%;margin:20px 0 16px;color:var(--jp-text);font-family:var(--e-global-typography-text-font-family,Arial,sans-serif);font-size:14px;line-height:1.35}.al-jp *{box-sizing:border-box}.al-jp__section{margin:0 0 18px!important;padding:0!important;border:0!important;background:transparent!important}.al-jp__engraving{padding-top:18px!important;border-top:1px solid var(--jp-line)!important}.al-jp__heading-row,.al-jp__text-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.al-jp__title{margin:0!important;font:700 16px/1.25 inherit!important;color:var(--jp-text)!important}.al-jp__subtitle,.al-jp__hint{margin:3px 0 0!important;color:var(--jp-muted)!important;font:400 12px/1.4 inherit!important}.al-jp__required{color:var(--jp-error)}.al-jp__badge{flex:none;padding:5px 8px;border-radius:20px;background:#f6f3c9;color:#292700;font-size:11px;font-weight:700;white-space:nowrap}.al-jp__choices{display:flex;gap:8px;margin-top:10px}.al-jp__choice{position:relative;flex:0 1 150px;margin:0!important;cursor:pointer}.al-jp__choice input,.al-jp__font-choice input{position:absolute;opacity:0;pointer-events:none}.al-jp__choice-body{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px solid var(--jp-line);border-radius:7px;background:#fff;transition:.15s}.al-jp__choice-body:before{content:"";width:14px;height:14px;flex:none;border:1.5px solid #aaa;border-radius:50%;background:#fff}.al-jp__choice-title{font-size:13px;font-weight:700}.al-jp__choice-price{margin-left:auto;color:var(--jp-muted);font-size:11.5px;white-space:nowrap}.al-jp__choice input:checked+.al-jp__choice-body{border-color:var(--jp-accent);box-shadow:0 0 0 1px var(--jp-accent)}.al-jp__choice input:checked+.al-jp__choice-body:before{border-color:var(--jp-accent);background:var(--jp-accent);box-shadow:inset 0 0 0 3px #fff}.al-jp__font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.al-jp__font-choice{position:relative;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:5px;align-items:center;min-height:64px;margin:0!important;padding:9px 10px;border:1px solid var(--jp-line);border-radius:7px;background:#fff;cursor:pointer;transition:.15s;overflow:hidden}.al-jp__font-choice:hover{border-color:#c9c9c9}.al-jp__font-choice:has(input:checked){border-color:var(--jp-accent);box-shadow:0 0 0 1px var(--jp-accent)}.al-jp__font-number{grid-column:1;grid-row:1;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:#f2f2f2;font:700 10px/1 Arial,sans-serif}.al-jp__font-choice:has(input:checked) .al-jp__font-number{background:var(--jp-accent)}.al-jp__font-name{grid-column:2;grid-row:1;font-size:12px;font-weight:700}.al-jp__font-preview{grid-column:1/-1;grid-row:2;display:block;margin-top:5px;color:#222;font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-arial .al-jp__font-preview{font-family:Arial,sans-serif}.font-gabriola .al-jp__font-preview{font-family:Gabriola,"Segoe Print",cursive;font-size:18px}.font-monotype .al-jp__font-preview{font-family:"Monotype Corsiva","URW Chancery L",cursive;font-style:italic;font-size:17px}.font-segoe .al-jp__font-preview{font-family:"Segoe Script","Segoe Print",cursive;font-size:14px}.al-jp__font-choice--none{grid-column:1/-1;display:flex;align-items:center;min-height:42px;padding:8px 10px}.al-jp__font-choice--none .al-jp__font-number{display:flex;flex:none}.al-jp__font-choice--none .al-jp__font-name{margin-left:6px}.al-jp__font-choice--none .al-jp__font-preview{display:inline;margin:0 0 0 auto;color:var(--jp-muted);font:400 11.5px/1.2 inherit}.al-jp__text-wrap{margin-top:13px;padding-top:12px;border-top:1px solid var(--jp-line)}.al-jp__label{font-size:13px!important;font-weight:700!important;color:var(--jp-text)!important}.al-jp__counter{color:var(--jp-muted);font-size:11px}.al-jp textarea{display:block;width:100%;min-height:76px!important;height:76px;margin-top:7px!important;padding:10px 11px!important;border:1px solid var(--jp-line)!important;border-radius:7px!important;background:#fff!important;color:var(--jp-text)!important;font:400 13px/1.4 inherit!important;resize:vertical;outline:none;box-shadow:none!important}.al-jp textarea:focus{border-color:var(--jp-accent)!important;box-shadow:0 0 0 1px var(--jp-accent)!important}.al-jp textarea.al-jp__invalid{border-color:var(--jp-error)!important}.al-jp__error{margin:6px 0 0!important;color:var(--jp-error)!important;font-size:11.5px!important;font-weight:600!important}.al-jp [hidden]{display:none!important}@media(max-width:767px){.al-jp{margin-top:16px}.al-jp__choices{display:grid;grid-template-columns:1fr 1fr}.al-jp__choice{max-width:none}.al-jp__font-grid{grid-template-columns:1fr}.al-jp__font-choice--none{grid-column:auto}.al-jp__font-choice--none .al-jp__font-preview{margin-left:auto}}

.al-jp__success{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border:1px solid #cfe8d4;border-radius:7px;background:#f2fbf4;color:#196b2d;font-size:12.5px;font-weight:700}.al-jp__success-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#2e8b42;color:#fff;font-size:12px;line-height:1}.al-jp__success[hidden]{display:none!important}


/* v1.6 – mobilne wzorniki są prawdziwymi wektorami SVG.
   Nie ma skalowania PNG, więc podgląd pozostaje ostry niezależnie
   od rozdzielczości i gęstości pikseli telefonu. */
@media(max-width:767px){
  .al-jp__font-choice{
    min-height:78px;
    padding:10px 11px;
  }

  .al-jp__font-preview{
    display:block;
    width:100%;
    height:28px;
    margin-top:7px;
    font-size:0!important;
    line-height:0!important;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:auto 22px;
    overflow:hidden;
  }

  .font-arial .al-jp__font-preview{
    background-image:url('font-arial.svg');
    background-size:auto 20px;
  }

  .font-gabriola .al-jp__font-preview{
    background-image:url('font-gabriola.svg');
    background-size:auto 22px;
  }

  .font-monotype .al-jp__font-preview{
    background-image:url('font-monotype.svg');
    background-size:auto 21px;
  }

  .font-segoe .al-jp__font-preview{
    background-image:url('font-segoe.svg');
    background-size:auto 19px;
  }

  .al-jp__font-choice--none{
    min-height:48px;
  }

  .al-jp__font-choice--none .al-jp__font-preview{
    width:auto;
    height:auto;
    margin:0 0 0 auto;
    background:none;
    font-size:11.5px!important;
    line-height:1.2!important;
    overflow:hidden;
  }
}