.dof{max-width:920px;margin:24px auto;padding:28px;background:#faf9f6;border-radius:16px;color:#252525}.dof *{box-sizing:border-box}.dof h2{margin-top:0}.dof fieldset{border:1px solid #ddd9d0;border-radius:12px;padding:22px;margin:22px 0;background:#fff}.dof legend{font-weight:700;padding:0 8px}.dof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dof label{display:block;font-weight:600;margin-bottom:12px}.dof input:not([type=checkbox]),.dof select,.dof textarea{width:100%;display:block;margin-top:7px;padding:12px;border:1px solid #aaa;border-radius:6px;background:#fff;color:#222;font:inherit}.dof textarea{min-height:100px}.dof button{padding:12px 18px;border-radius:7px;border:1px solid #292929;background:#292929;color:#fff;cursor:pointer;font:inherit}.dof button:disabled{opacity:.6}.dof .dof-remove{background:white;color:#555;border-color:#bbb;font-size:.9em}.dof-actions{display:flex;gap:12px;flex-wrap:wrap}.dof-min{font-size:.9em;color:#555}.dof .dof-submit{background:#675280;border:0;width:100%;font-weight:700}.dof-trap{position:absolute;left:-10000px}.dof [hidden]{display:none!important}.dof :focus-visible{outline:3px solid #8b6fb1;outline-offset:2px}.dof-summary p{margin:8px 0}@media(max-width:600px){.dof{padding:16px}.dof-grid{grid-template-columns:1fr}.dof fieldset{padding:16px}.dof-actions button{width:100%}}@media print{.dof button{display:none}}

.dof-colour-choices{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.dof .dof-colour-choice{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;background:#fff;color:#222;border:1px solid #b8b4bd;font-size:.88em}.dof .dof-colour-choice[aria-pressed=true]{border:2px solid #675280;background:#f2edf8;padding:7px 10px}.dof-colour-dot{width:19px;height:19px;display:inline-block;border-radius:50%;border:1px solid #888;flex-shrink:0}

.dof-rainbow{background:conic-gradient(#e54332 0deg 60deg,#ffce45 60deg 120deg,#a4c639 120deg 180deg,#285238 180deg 240deg,#4296d2 240deg 300deg,#9b69bc 300deg 360deg)}

.dof-art-preview{margin:12px 0;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.dof-art-thumbnail{display:block;width:auto;max-width:150px;max-height:150px;object-fit:contain;border:1px solid #d5d1ca;border-radius:6px;padding:4px;background:#fff}.dof-preview-note{font-size:.86em;overflow-wrap:anywhere;max-width:100%;color:#555}.dof-pdf-badge{display:inline-flex;align-items:center;justify-content:center;width:70px;height:85px;background:#f2edf8;color:#675280;border:1px solid #b8b4bd;border-radius:6px;font-weight:700}

.dof .dof-code-letter{color:#c51c30;font-weight:800}.dof .dof-code-help{font-size:.8em;font-weight:400}

.dof .dof-code-help{display:block;margin-top:4px}
@media(min-width:601px){.dof-item[data-kind="existing"][data-product="cards"] .dof-grid>label:nth-child(-n+2){display:flex;flex-direction:column}.dof .dof-item[data-kind="existing"][data-product="cards"] .dof-grid>label:nth-child(-n+2)>input{margin-top:auto}.dof-item[data-kind="existing"][data-product="cards"] .dof-grid>label:first-child .dof-code-help{margin-bottom:7px}}

.dof-product-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dof .dof-product-boxes button{min-height:100px;background:#fff;color:#252525;border:2px solid #ddd9d0;font-weight:700;font-size:1.15em}.dof .dof-product-boxes button[aria-pressed="true"]{border-color:#675280;background:#f0ebf6}.dof-design-options{margin-top:20px}.dof .dof-choose-product{margin-top:18px}@media(max-width:600px){.dof-product-boxes{grid-template-columns:1fr}.dof .dof-product-boxes button{min-height:65px}}

.dof .dof-quantity-unmet{color:#c51c30;font-weight:700}.dof .dof-payment-note{color:#000;font-weight:700}.dof-print-options{grid-column:1/-1}@media(min-width:601px){.dof .dof-print-options>label{display:flex;flex-direction:column}.dof .dof-print-options>label>input,.dof .dof-print-options>label>select{margin-top:auto}.dof-print-options .dof-code-help{margin-bottom:7px}}