.single-product .pc-bg{margin:1.25rem 0 1.75rem;padding:1.2rem 1.25rem 1.1rem;border:1px solid #dfd6ca;border-radius:18px;background:#fcfaf6;min-width:0;color:#292923;font-family:inherit}
.pc-bg legend{float:none;width:auto;padding:0 .45rem;margin:0 0 0 -.45rem;font-family:Georgia,serif;font-size:1.3rem;font-weight:500;line-height:1.2;color:#242720}
.pc-bg .pc-bg-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem;font-weight:600}
.pc-bg .pc-bg-included{color:#36523c;background:#eaf0e6;padding:.22rem .65rem;border-radius:20px;font-size:.7rem;white-space:nowrap;font-weight:500}
.pc-bg .pc-bg-selection{display:flex;gap:.65rem;align-items:center;margin:.8rem 0 .9rem;font-size:.85rem;min-height:28px}
.pc-bg .pc-bg-sample{display:inline-block;width:26px;height:26px;background:var(--pc-selected,#fff);border:1px solid #d3cdc4;border-radius:8px;flex:none;box-shadow:0 1px 3px #0000000b}
.pc-bg .pc-bg-favourites{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:.9rem;justify-items:center}
.single-product .pc-bg .pc-bg-swatch{display:flex;align-items:center;justify-content:center;width:44px;max-width:100%;height:44px;min-height:0;padding:0!important;margin:0;border:1px solid #00000018!important;border-radius:50%;background:var(--pc-bg-color)!important;color:var(--pc-check,#222)!important;box-shadow:none;font-size:17px;line-height:1;cursor:pointer;transition:box-shadow .15s,transform .15s;overflow:visible}
.pc-bg .pc-bg-swatch span{visibility:hidden;pointer-events:none;font-family:Arial,sans-serif;font-weight:700}
.pc-bg .pc-bg-swatch[aria-pressed=true]{box-shadow:0 0 0 3px #fcfaf6,0 0 0 5px #38513b!important}
.pc-bg .pc-bg-swatch[aria-pressed=true] span{visibility:visible}
.pc-bg .pc-bg-swatch:hover{transform:translateY(-2px)}
.pc-bg .pc-bg-swatch:focus-visible,.pc-bg summary:focus-visible,.pc-bg .pc-bg-eyedropper:focus-visible,.pc-bg .pc-bg-picker-label:focus-within{outline:2px solid #38513b;outline-offset:4px}
.pc-bg .pc-bg-more{border-top:1px solid #e4ddd2;border-bottom:1px solid #e4ddd2;margin:1.15rem 0 .9rem;padding:0}
.pc-bg .pc-bg-more summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:.85rem 0;font-size:.82rem;cursor:pointer;font-weight:500;color:#334838}
.pc-bg .pc-bg-more summary::-webkit-details-marker{display:none}
.pc-bg .pc-bg-more summary span{font-size:1.25rem;line-height:1;transition:transform .15s}
.pc-bg .pc-bg-more[open] summary span{transform:rotate(45deg)}
.pc-bg .pc-bg-palette{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;max-height:248px;overflow-y:auto;padding:7px 8px 12px 5px;margin-bottom:.65rem;scrollbar-width:thin;overscroll-behavior:contain}
.single-product .pc-bg .pc-bg-palette .pc-bg-swatch{width:100%;height:auto;aspect-ratio:1;border-radius:8px;font-size:14px}
.pc-bg .pc-bg-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.single-product .pc-bg .pc-bg-picker-label,.single-product .pc-bg .pc-bg-eyedropper{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;font-size:.8rem;font-weight:500;line-height:1.2;padding:.55rem .7rem;margin:0;border:1px solid #d7d2c9;border-radius:10px;background:#fff;color:#363a31;text-transform:none;cursor:pointer;box-shadow:none;letter-spacing:normal}
.pc-bg .pc-bg-spectrum{width:20px;height:20px;border-radius:50%;background:conic-gradient(#f07c88,#efbf71,#8ebf99,#70b1d0,#9d8bc6,#f07c88);flex:none}
.single-product .pc-bg .pc-bg-picker-label input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.pc-bg .pc-bg-eyedropper[hidden]{display:none!important}
.pc-bg .pc-bg-eyedropper svg{width:18px;height:18px;flex:none}
.pc-bg .pc-bg-code{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:.85rem 0 0;font-size:.76rem}
.pc-bg .pc-bg-code label{margin:0!important;font-size:.76rem!important;font-weight:400!important;color:#625f58}
.single-product .pc-bg #pc_bg_hex{width:105px;max-width:100%;height:36px;min-height:36px;padding:.35rem .6rem;margin:0;border:1px solid #ddd6cc;border-radius:8px;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem;line-height:1.3;box-shadow:none}
.single-product .pc-bg #pc_bg_hex:focus{outline:2px solid #526951;outline-offset:2px}
.pc-bg .pc-bg-error{flex-basis:100%;color:#963832;font-size:.78rem}
.pc-bg .pc-bg-error:empty{display:none}
.single-product .pc-bg .pc-bg-help{font-family:inherit;font-size:.81rem;line-height:1.55;font-weight:400;color:#42483e;margin:1rem 0 .5rem}
.single-product .pc-bg .pc-bg-note{font-family:inherit;font-size:.72rem;line-height:1.5;font-weight:400;color:#716c62;margin:.4rem 0 0}
.single-product .pc-bg-notes-help{font-size:.8rem;line-height:1.5;color:#54604c;margin:.45rem 0 0}
@media(max-width:480px){.single-product .pc-bg{padding:1.1rem 1rem;border-radius:15px}.pc-bg legend{font-size:1.22rem}.pc-bg .pc-bg-favourites{gap:10px 8px}.single-product .pc-bg .pc-bg-swatch{width:36px;height:36px}.pc-bg .pc-bg-palette{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.single-product .pc-bg #pc_bg_hex{font-size:16px;width:114px;min-height:40px}.single-product .pc-bg .pc-bg-picker-label,.single-product .pc-bg .pc-bg-eyedropper{font-size:.75rem;min-height:44px;padding:.5rem .6rem}}
@media(prefers-reduced-motion:reduce){.pc-bg *{transition:none!important}}

.single-product .pc-bg .pc-bg-availability{font-size:.8rem;line-height:1.5;padding:.7rem .85rem;margin:0 0 1rem;border-radius:9px;background:#f0e9dd;color:#61533b}