/* PRIVATE PROTOTYPE: same native radios and labels, no duplicate controls. */
.gh-store .productView .gh-picture-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.gh-store .productView .gh-picture-options>legend,.gh-store .productView .gh-picture-options>.form-label:not([for]){float:none;flex:0 0 100%;width:100%;margin:0 0 4px}
.gh-store .productView .gh-picture-options>.form-radio{position:absolute;width:1px;height:1px;opacity:0;clip:rect(0,0,0,0)}
.gh-store .productView .gh-picture-options>.gh-picture-option{display:flex;align-items:center;justify-content:center;position:relative;min-height:44px;min-width:44px;width:auto;max-width:100%;margin:0;padding:10px 28px 10px 12px;border:2px solid #cbd3c2;border-radius:6px;background-color:#fff;color:#263b30;box-shadow:none;line-height:1.35;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
/* Native set-radio labels also have radio-circle pseudo-elements. Own only
   enhanced label presentation; preserve their original radios, IDs and events. */
.gh-store .productView .gh-picture-options[data-gh-picture-mode=buttons]>.gh-picture-option{flex:0 1 auto;width:auto;max-width:100%}
.gh-store .productView .gh-picture-options>.gh-picture-option::before,.gh-store .productView .gh-picture-options>.gh-picture-option::after{content:none;display:none;border:0;border-radius:0;box-shadow:none;margin:0;transform:none;opacity:1}
.gh-store .productView .gh-picture-options[data-gh-picture-mode=tiles]>.gh-picture-option{flex:0 0 calc((100% - 16px)/3);min-width:0;text-align:center;font-size:13px}
.gh-store .productView .gh-picture-options[data-gh-picture-mode=tiles]>.gh-picture-has-image{padding:104px 10px 12px}
.gh-store .productView .gh-picture-option.gh-picture-has-image::before{content:attr(data-gh-picture-note);display:block;position:absolute;width:auto;min-width:0;max-width:none;min-height:0;background-color:transparent;top:8px;left:8px;right:8px;height:80px;box-sizing:border-box;padding-top:80px;background-image:var(--gh-option-photo);background-size:contain;background-position:center;background-repeat:no-repeat;font-size:10px;color:#59665c;line-height:1.2;text-align:center}
.gh-store .productView .gh-picture-options>.form-radio:checked+.gh-picture-option{border-color:#254534;background-color:#edf2e5;padding:10px 28px 10px 12px}
.gh-store .productView .gh-picture-options>.form-radio:checked+.gh-picture-has-image{padding:104px 10px 12px}
.gh-store .productView .gh-picture-options>.form-radio:checked+.gh-picture-option::after{content:'\2713';position:absolute;top:5px;right:5px;bottom:auto;left:auto;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#254534;color:#fff;font-size:13px;line-height:1}
.gh-store .productView .gh-picture-options>.form-radio:focus-visible+.gh-picture-option{outline:3px solid #a76b49;outline-offset:3px}
.gh-store .productView .gh-picture-options>.gh-picture-option.unavailable,.gh-store .productView .gh-picture-options>.form-radio:disabled+.gh-picture-option{opacity:.5;cursor:not-allowed}
.gh-store .productView .gh-picture-options>.gh-picture-option[hidden]{display:none!important}
.gh-store .productView .gh-picture-order-note{display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:4px}
@media(max-width:760px){.gh-store .productView .gh-picture-options[data-gh-picture-mode=tiles]>.gh-picture-option{flex-basis:calc((100% - 8px)/2)}}
@media(min-width:390px) and (max-width:760px){.gh-store .productView .gh-picture-options[data-gh-picture-mode=tiles]>.gh-picture-option{flex-basis:calc((100% - 16px)/3)}}

/* Native 1.8.21: inherited float clearfix boxes became extra flex items.
   Only the enhanced fieldset loses its obsolete clearfix, not label checkmarks. */
.gh-store .productView .gh-picture-options::before,.gh-store .productView .gh-picture-options::after{content:none;display:none}

/* Approved 8 oz single (native variant 412): use more of its tile for the
   wider jar. Contain preserves the original artwork and every edge; only the
   image area changes. Other variants and native controls remain untouched. */
.gh-store .productView .gh-picture-option.gh-picture-has-image[data-gh-picture-variant="412"]::before{top:0;left:0;right:0;height:92px;padding-top:92px}