/* "Find your font" on a product page. Sits in the glass buy panel; brand Ink #111111, Inter body. */
.gfpp,.gfpp *{box-sizing:border-box;}
.gfpp{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(17,17,17,.1);border-radius:16px;background:rgba(255,255,255,.7);}
.gfpp-toggle{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-weight:600;color:#111;}
.gfpp-toggle input{width:20px;height:20px;margin:0;accent-color:#111;}
.gfpp-free{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:#F2F2F2;color:#4A4A4A;}
.gfpp-body{margin-top:14px;display:grid;gap:12px;}
.gfpp-body[hidden]{display:none;}
.gfpp-label{display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:#4A4A4A;padding:0;}
.gfpp-input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(17,17,17,.18);border-radius:12px;font-size:16px;background:#fff;color:#111;}
.gfpp-input:focus{outline:2px solid #111;outline-offset:1px;}
.gfpp-colour,.gfpp-styles{border:0;margin:0;padding:0;min-width:0;}
.gfpp-colour label{display:inline-flex;align-items:center;gap:8px;margin:0 16px 0 0;font-size:14px;cursor:pointer;}
.gfpp-colour input{accent-color:#111;margin:0;}
.gfpp-sw{width:18px;height:18px;border-radius:50%;border:1px solid rgba(17,17,17,.25);}
.gfpp-sw-black{background:#111;}.gfpp-sw-white{background:#fff;}
.gfpp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.gfpp-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 8px 8px;border:1px solid rgba(17,17,17,.12);
  border-radius:12px;background:#fff;color:#111;cursor:pointer;transition:border-color .15s,box-shadow .15s;}
.gfpp-card:hover{border-color:rgba(17,17,17,.35);}
.gfpp-card:focus-visible{outline:2px solid #111;outline-offset:2px;}
.gfpp-card[aria-checked="true"]{border-color:#111;box-shadow:0 0 0 1px #111;}
.gfpp-sample{display:block;width:100%;text-align:center;line-height:1.25;white-space:nowrap;overflow:hidden;min-height:36px;}
.gfpp-white .gfpp-card{background:#3a3a3a;border-color:#3a3a3a;}
.gfpp-white .gfpp-card .gfpp-sample{color:#fff;}
.gfpp-white .gfpp-card[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px #111;}
.gfpp-pick{margin:0;font-size:13px;color:#111;font-weight:600;min-height:1em;}
.gfpp-pick.gfpp-err{color:#B80023;}
@media (min-width:560px){.gfpp-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (prefers-reduced-motion:reduce){.gfpp-card{transition:none;}}
/* The theme styles every button and legend (uppercase, letter-spacing, fixed heights, rules); undo that inside the
   picker so the preview shows the customer's text exactly as typed. */
.gfpp .gfpp-card{text-transform:none !important;letter-spacing:normal !important;margin:0 !important;width:100% !important;max-width:none !important;
  height:auto !important;min-height:0 !important;line-height:1.2 !important;font-weight:400 !important;box-shadow:none;}
.gfpp .gfpp-card[aria-checked="true"]{box-shadow:0 0 0 1px #111 !important;}
.gfpp .gfpp-white .gfpp-card[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px #111 !important;}
.gfpp .gfpp-sample{text-transform:none !important;letter-spacing:normal !important;}
.gfpp legend.gfpp-label{text-transform:none !important;letter-spacing:normal !important;border:0 !important;width:auto !important;font-size:13px !important;
  margin:0 0 6px !important;padding:0 !important;font-weight:600 !important;color:#4A4A4A !important;}
.gfpp .gfpp-grid{width:100%;}
/* Script fonts (Rustling Sound, Shorelines Script, Angelic Bonques) loop far above and below the line on J, g, y;
   give the sample room and never clip it vertically. Width stays in check through the JS fit. */
.gfpp .gfpp-sample{overflow:visible !important;line-height:1.8 !important;padding:.1em 0 !important;min-height:0 !important;}
.gfpp .gfpp-card{overflow:visible !important;padding-top:8px !important;}
.gfpp .gfpp-card{gap:6px !important;}
.gfpp .gfpp-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.gfpp .gfpp-pick-label{font-size:12px;font-weight:600;color:#8C8C8C;}
.gfpp .gfpp-pick-art{font-size:26px;line-height:1.8;padding:0 12px;border-radius:10px;background:#fff;border:1px solid rgba(17,17,17,.12);color:#111;font-weight:400;}
.gfpp .gfpp-pick-art.gfpp-pick-white{background:#3a3a3a;border-color:#3a3a3a;color:#fff;}