/* Customer photo upload + photo-inside-frame thumbnails. Load after styles.css / checkout.css / picker.css */
.pk-up{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid #7a2e12;background:#fff;color:#7a2e12;border-radius:999px;padding:10px 14px;font:600 14px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap}
.pk-up:hover{background:#fff4e6}
.pk-up:disabled{opacity:.6;cursor:progress}
.pk-login{margin:0 0 12px;padding:10px 12px;border:1px dashed #b9824f;border-radius:10px;background:#fff7ea;font-size:14px;line-height:1.5}
.pk-login a{font-weight:700;color:#7a2e12;margin-left:6px}
.pk-warn{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:#a8460c}
@media (max-width:760px){.pk-head{flex-wrap:wrap}.pk-up{padding:9px 12px}}

/* frame picture with the customer's photo placed inside the frame window (see SFCart.thumbHtml) */
.sf-comp{position:relative;display:block;flex:none;overflow:hidden;border-radius:6px}
.sf-comp img.base{display:block}
.sf-comp .sfw{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;pointer-events:none}
.sf-comp .sfw img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;border-radius:0!important}