.shf-config{--shf-green:#304d3c;clear:both;width:100%;margin:1.5rem 0;padding:1.5rem;background:#faf8f2;border:1px solid #e0dfd5;border-radius:14px;color:#27372b;box-sizing:border-box}.shf-config *{box-sizing:border-box}.shf-config .shf-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#607259;margin:0 0 8px}.shf-config h3{margin:0 0 24px;font-size:25px}.shf-config fieldset{padding:0;border:0;margin:0 0 24px;min-width:0}.shf-config legend{font-weight:700;font-size:15px;margin-bottom:12px;float:none;width:auto}.shf-config .shf-choice{display:flex;align-items:center;gap:10px;padding:13px 10px;margin-bottom:8px;border:1px solid #d9ddcf;border-radius:7px;background:#fff;cursor:pointer}.shf-choice:has(input:checked){border-color:var(--shf-green);box-shadow:0 0 0 1px var(--shf-green)}.shf-choice strong{margin-left:auto;white-space:nowrap;font-size:14px}.shf-config input[type=radio],.shf-config input[type=checkbox]{accent-color:var(--shf-green);flex-shrink:0}.shf-swatches{display:flex;gap:12px;flex-wrap:wrap}.shf-swatches label{display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px;cursor:pointer;font-size:13px}.shf-chip{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #b2b6a9}.shf-swatches label:has(input:checked) .shf-chip{box-shadow:0 0 0 3px var(--shf-green)}.shf-config small{display:block;font-size:12px;color:#606b5b;margin-top:10px}.shf-text{margin-top:16px}.shf-text label{display:block;margin-bottom:7px}.shf-text input{width:100%;background:white;border:1px solid #b9c0b0;border-radius:5px;padding:12px}.shf-total{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #d4dacb}.shf-total strong{font-size:26px}.shf-total small{margin-top:2px}.shf-config [hidden]{display:none!important}.shf-line-total{font-weight:600;text-align:right;margin-bottom:0}.shf-config input:focus-visible{outline:3px solid #a47837;outline-offset:3px}@media(max-width:480px){.shf-config{padding:16px}.shf-choice{flex-wrap:wrap}.shf-choice span{max-width:58%}}

.shf-text select{display:block;width:100%;background:#fff;border:1px solid #b9c0b0;border-radius:5px;padding:12px;margin-bottom:16px;color:#27372b}.shf-text input{margin-bottom:12px}

.shf-hole label{display:block;margin-bottom:8px}.shf-hole select{width:100%;max-width:100%;padding:12px;background:white;border:1px solid #b9c0b0;border-radius:5px;color:#27372b}
/* Local finish preview and clearer option cards — 1.7.0 */
.shf-config{padding:clamp(18px,3vw,30px);border-color:#dce1d5;background:#faf9f4;box-shadow:0 6px 24px rgba(35,57,39,.04);font-family:inherit;line-height:1.5}
.shf-config h3{font-size:clamp(24px,3vw,30px);line-height:1.2;margin-bottom:18px}
.shf-config fieldset{margin:0 0 26px}
.shf-config legend{font-size:16px;line-height:1.4;margin-bottom:14px}
.shf-config .shf-choice{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;padding:15px 12px;min-height:58px;align-items:center;transition:border-color .15s,background-color .15s}
.shf-config .shf-choice:has(input:checked){background:#f0f4ec;border-color:#304d3c}
.shf-config .shf-choice input{margin:0;width:17px;height:17px}
.shf-config .shf-choice span{max-width:none;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.shf-config .shf-choice strong{font-size:15px;margin:0}
.shf-finish-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.shf-config .shf-photo-fallback{margin:0;min-width:0;padding:10px;background:#fff;border:1px solid #dce1d5;border-radius:10px;text-align:center}
.shf-config .shf-preview-link{display:block;border-radius:6px;overflow:hidden;background:#f3f2ec}
.shf-config .shf-photo-fallback img{display:block;width:100%;height:220px;object-fit:contain;margin:0;background:#f3f2ec}
.shf-config .shf-photo-caption{font-size:13px;line-height:1.4;font-weight:600;color:#304d3c;margin-top:10px;overflow-wrap:anywhere}
.shf-preview-hint{display:block;font-size:11px;color:#64705e;margin-top:4px}
.shf-finish-options{min-width:0}
.shf-config .shf-finish-prompt{font-size:13px;margin:0 0 12px;color:#52634c}
.shf-config .shf-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:8px}
.shf-config .shf-swatches label{position:relative;justify-content:center;gap:8px;padding:10px 6px;border:1px solid #dce1d5;border-radius:8px;background:#fff;min-width:0;text-align:center;font-size:12px;line-height:1.3}
.shf-config .shf-swatches label:has(input:checked){background:#eff4eb;border-color:#304d3c;box-shadow:0 0 0 1px #304d3c}
.shf-config .shf-swatches input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.shf-config .shf-swatches label:has(input:focus-visible){outline:3px solid #a47837;outline-offset:3px}
.shf-config .shf-chip{width:36px;height:36px;flex-shrink:0}
.shf-config .shf-photo-status{font-size:12px;color:#52634c;margin:12px 0 0;line-height:1.4}
.shf-config .shf-total{padding-top:20px}.shf-config .shf-total strong{font-size:28px}
.shf-config .shf-text input,.shf-config .shf-text select,.shf-config .shf-hole select{font:inherit;font-size:16px;min-height:44px}
.shf-config select:focus-visible,.shf-config a:focus-visible{outline:3px solid #a47837;outline-offset:3px}
@container shf-config (max-width:440px){.shf-finish-layout{grid-template-columns:1fr}.shf-config .shf-photo-fallback img{height:210px}}
.shf-config{container-name:shf-config;container-type:inline-size}
@media(max-width:650px){.shf-finish-layout{grid-template-columns:1fr}.shf-config .shf-photo-fallback img{height:210px}.shf-config .shf-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.shf-config .shf-choice{transition:none}}
/* Made-to-order confirmation */
.shf-config .shf-dispatch-note{font-size:12px;color:#52634c;border-top:1px solid #dce1d5;padding-top:14px;margin:18px 0 0}
.shf-dispatch-dialog{width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:0;border:1px solid #dce1d5;border-radius:16px;background:#faf9f4;color:#27372b;box-shadow:0 24px 80px rgba(0,0,0,.28);font-family:inherit;text-align:left;line-height:1.65}
.shf-dispatch-dialog:not([open]){display:none}
.shf-dispatch-dialog::backdrop{background:rgba(19,32,24,.65)}
.shf-dispatch-content{padding:clamp(22px,5vw,34px)}
.shf-config .shf-dispatch-dialog h3{font-size:25px;margin:10px 0 18px;line-height:1.3}
.shf-dispatch-dialog p{font-size:16px;margin:0 0 20px}
.shf-dispatch-dialog strong{font-weight:700}
.shf-dispatch-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.shf-dispatch-dialog .shf-dispatch-actions button{width:100%;min-height:48px;border:1px solid #304d3c;border-radius:7px;padding:12px 16px;font:inherit;font-size:15px;cursor:pointer;line-height:1.4;text-transform:none;letter-spacing:normal}
.shf-dispatch-dialog .shf-dispatch-confirm{background:#304d3c;color:white}
.shf-dispatch-dialog .shf-dispatch-cancel{background:transparent;color:#304d3c}
.shf-dispatch-dialog button:focus-visible{outline:3px solid #a47837;outline-offset:3px}

/* Half-size main gallery for configured bird-box products only. */
.woocommerce div.product div.woocommerce-product-gallery.shf-gallery-compact,
.product .woocommerce-product-gallery.shf-gallery-compact{
  width:var(--shf-gallery-half-width)!important;
  max-width:50%!important;
  flex-basis:var(--shf-gallery-half-width)!important;
}

/* Let product information use the space released by the smaller gallery. */
.woocommerce div.product.shf-compact-product,
.product.shf-compact-product{display:flow-root!important;--shf-product-gap:32px}
.woocommerce div.product.shf-compact-product > .woocommerce-product-gallery,
.product.shf-compact-product > .woocommerce-product-gallery{float:left!important;margin:0 0 28px!important;clear:none!important}
.woocommerce div.product.shf-compact-product > .summary,
.product.shf-compact-product > .summary{
  float:right!important;clear:none!important;
  width:calc(100% - var(--shf-gallery-half-width) - var(--shf-product-gap))!important;
  max-width:none!important;margin:0 0 28px!important;min-width:0;
}
.product.shf-compact-product > .woocommerce-tabs,
.product.shf-compact-product > .related,
.product.shf-compact-product > .upsells{clear:both!important;width:100%!important}
@media(max-width:768px){
  .woocommerce div.product.shf-compact-product > .summary,
  .product.shf-compact-product > .summary{float:none!important;clear:both!important;width:100%!important}
  .woocommerce div.product.shf-compact-product > .woocommerce-product-gallery,
  .product.shf-compact-product > .woocommerce-product-gallery{float:none!important;margin-bottom:24px!important}
}