.pc-product-selector { display:none; }
.pc-product-directory[hidden] { display:none!important; }
@media(min-width:851px){
  body.h5-workspace .product-preview:has(.pc-product-selector){grid-template-rows:auto auto minmax(0,1fr) auto}
  .pc-product-selector{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 12px;min-width:0;grid-row:1;width:min(100%,920px);justify-self:center;container-type:inline-size}
  .pc-product-selector h2{margin:0;padding:0 18px 0 0;border-right:1px solid #e1d7c8;font-size:14px;line-height:26px;white-space:nowrap;color:#443323}
  .pc-product-options{display:flex;flex-wrap:nowrap;gap:4px;min-width:0;overflow:hidden;padding:3px}
  .pc-product-option{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 0;min-width:0;height:46px;padding:6px 10px;border:1px solid transparent;border-radius:24px;background:transparent;color:#483222;font:inherit;cursor:pointer;white-space:nowrap}
  .pc-product-option>img{width:30px;height:30px;object-fit:contain;flex:none}
  .pc-product-option .pc-product-name{font-size:14px;font-weight:600;white-space:nowrap}
  .pc-product-option small{font-size:10px;line-height:12px;color:#85715b}
  .pc-product-option small:empty,.pc-product-option .pc-product-selected{display:none}
  .pc-product-option[aria-pressed=true]{background:#fff0d9;border-color:#cca15e;box-shadow:inset 0 0 0 2px #fff9ed}
  .pc-product-option:hover{background:#fff6e8;border-color:#dfc7a3}
  .pc-product-option[aria-disabled=true]{cursor:help}
  .pc-product-all{display:flex;gap:5px;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #e0d5c7;border-radius:24px;background:#fffdf9;color:#483222;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px #7556380a}
  .pc-product-all[aria-expanded=true]{background:#fff0d9;border-color:#cca15e}
  .pc-product-count{font-variant-numeric:tabular-nums;color:#766249}
  .puzzle-product-active #templatePanel{display:none}
  body.h5-workspace .product-preview:has(.pc-product-selector)>.preview-controls{grid-row:2}
  body.h5-workspace .product-preview:has(.pc-product-selector)>#frameStage{grid-row:3}
  body.h5-workspace .product-preview:has(.pc-product-selector)>.workbench-preview-bottom{grid-row:4}
  @container(max-width:559px){.pc-product-selector>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.pc-product-options{grid-column:1/3}.pc-product-option{padding-inline:6px}.pc-product-selector{column-gap:6px}}
}
.pc-product-directory{position:fixed;inset:auto;margin:0;z-index:1100;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px 18px 16px;border:1px solid #e4cdb0;border-radius:22px;background:#fffbf5;color:#443323;box-shadow:0 18px 48px #62452429,0 4px 12px #6245240f;font-family:inherit;overflow:hidden}
.pc-product-label{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.pc-product-directory::backdrop{background:transparent;pointer-events:none}
.pc-product-directory [hidden]{display:none!important}
.pc-directory-heading{display:flex;gap:9px;align-items:center;flex-shrink:0}
.pc-directory-heading h2{font-size:20px;line-height:28px;margin:0;font-weight:700;color:#382a1d}
.pc-directory-total{font-size:12px;color:#85735d}
.pc-directory-close{margin-left:auto;width:32px;height:32px;padding:6px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;cursor:pointer}
.pc-directory-close:hover{background:#f3e8da}
.pc-directory-search{display:flex;gap:8px;align-items:center;border:1px solid #e4d7c7;border-radius:24px;background:#fffdfa;padding:8px 12px;flex-shrink:0}
.pc-directory-search:focus-within{border-color:#b68b4e;box-shadow:0 0 0 2px #ead7b84d}
.pc-directory-search input{width:100%;min-width:0;padding:0;border:0;background:transparent;outline:none;font:inherit;font-size:13px;line-height:22px;color:#443323}
.pc-directory-search input::placeholder{color:#8d8173}
.pc-directory-categories{display:flex;gap:3px;flex-shrink:0;overflow-x:auto;scrollbar-width:thin}
.pc-directory-categories button{flex:1 0 auto;white-space:nowrap;border:0;background:transparent;border-radius:20px;padding:7px 9px;font:inherit;font-size:12px;line-height:18px;color:#58452f;cursor:pointer}
.pc-directory-categories button[aria-pressed=true]{background:#ffeac3;color:#443019;font-weight:700}
.pc-directory-result{margin:-5px 0 -3px;font-size:11px;line-height:15px;color:#8a7962;flex-shrink:0}
.pc-directory-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4b88f transparent;padding:2px 2px 3px;scroll-padding:4px}
.pc-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pc-directory-product{position:relative;min-width:0;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:12px 4px 10px;border:1px solid #eaddcb;border-radius:15px;background:#fffaf3;color:#493521;font:inherit;cursor:pointer}
.pc-directory-product>img{width:52px;height:52px;object-fit:contain}
.pc-directory-product .pc-product-name{font-size:14px;line-height:20px;font-weight:600}
.pc-directory-product .pc-product-label{gap:4px;max-width:100%}
/* Keep price/status copy subordinate to the name, including on selected cards. */
.pc-directory-product .pc-product-label>small{display:block;position:static;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:none;font-size:12px;line-height:18px;font-weight:400;color:#906149;text-align:center;white-space:normal;overflow-wrap:anywhere}
.pc-directory-product[aria-pressed=true]{background:#fff0d9;border-color:#c99a4e;box-shadow:inset 0 0 0 2px #fff9ed}
.pc-directory-product:hover{background:#fff2dc;border-color:#d3b584}
.pc-directory-product[aria-disabled=true]{cursor:help}
.pc-product-selected{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #ba9457;border-radius:50%;background:#fff8e5}
.pc-product-selected[hidden]{display:none}
.pc-directory-feedback{margin:0;font-size:12px;line-height:18px;color:#7a5d38;flex-shrink:0}
.pc-directory-feedback:empty{display:none}
.pc-directory-price-note{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;flex-shrink:0;margin:0;font-size:12px;line-height:18px;font-weight:400;color:#806b51}
.pc-directory-price-retry{padding:0;border:0;background:transparent;color:#906149;font:inherit;text-decoration:underline;cursor:pointer}
.pc-directory-empty{font-size:14px;text-align:center;padding:45px 4px;color:#806b51}
.pc-directory-details{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pc-directory-back{display:flex;align-items:center;gap:4px;margin:0 0 16px;padding:6px 0;border:0;background:transparent;color:#806442;font:inherit;font-size:12px;cursor:pointer}
.pc-directory-back img{transform:rotate(90deg)}
.pc-variant-overview{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #eadbc6;border-radius:16px;background:#fff4e2}
.pc-variant-overview img{width:52px;height:52px;object-fit:contain}
.pc-variant-overview h3{margin:0;font-size:18px;line-height:26px;color:#443323}
.pc-variant-overview p{margin:3px 0 0;font-size:12px;color:#806b51}
.pc-variant-hint{font-size:12px;line-height:20px;margin:14px 0;color:#806b51}
.pc-variant-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pc-variant-option{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 6px;min-width:0;border:1px solid #e4d7c7;border-radius:14px;background:#fffdfa;color:#443323;font:inherit;cursor:pointer}
.pc-variant-option strong{font-size:16px;line-height:22px;white-space:nowrap}
.pc-variant-option span{font-size:11px;color:#85715b}
.pc-variant-option:hover{border-color:#d3b584;background:#fff6e8}
.pc-variant-option[aria-pressed=true]{border-color:#c99a4e;background:#ffedce;box-shadow:inset 0 0 0 2px #fff8e9}
.pc-variant-selection{font-size:12px;line-height:20px;min-height:40px;margin:14px 0 0;color:#7a5d38}
.pc-product-selector button:focus-visible,.pc-product-directory button:focus-visible,.pc-directory-list:focus-visible{outline:2px solid #996a28;outline-offset:1px}
@media(max-width:850px){.pc-product-directory{display:none!important}}