.pcatalog{padding:36px 0 70px}.pcatalog>.back{display:block;margin-bottom:30px}.pcatalog h1{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-1.5px;margin:18px 0}.pc-intro{color:#65686c;line-height:1.6;max-width:680px}.pc-toolbar{display:grid;grid-template-columns:1fr 250px;gap:20px;margin:30px 0}.pc-toolbar label,.pc-variant{font-size:12px;display:grid;gap:9px}.pcatalog input,.pcatalog select{font:inherit;font-size:14px;border:1px solid #d7d9d5;border-radius:5px;padding:13px;background:#fff;color:#20242b;width:100%;min-width:0}.pcatalog :is(button,input,select):focus-visible{outline:2px solid #ff6b2b;outline-offset:3px}.pc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.pc-filters{display:flex;flex-direction:column;gap:5px;align-self:start}.pc-filters button{border:0;border-radius:5px;padding:13px 14px;font:inherit;font-size:13px;background:transparent;color:#20242b;text-align:left;display:flex;justify-content:space-between;gap:12px;cursor:pointer}.pc-filters button span{font-size:11px;opacity:.7}.pc-filters button:hover{background:#eae8e2}.pc-filters button.active{background:#20242b;color:#fff;box-shadow:inset 3px 0 #ff6b2b}.pc-count{color:#65686c;font-size:12px;margin:0 0 16px}.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pc-card{background:#fff;border:1px solid #e8e6e0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.pc-photo{height:220px;padding:20px;display:grid;place-items:center;color:#767c82;font-size:12px}.pc-photo img{height:100%;width:100%;object-fit:contain}.pc-copy{padding:18px;display:flex;flex-direction:column;flex:1}.pc-copy h2{font-size:17px;font-weight:500;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere}.pc-code{font-size:11px;color:#65686c;margin:0 0 15px}.pc-variant{margin:6px 0 18px}.pc-price{font-size:22px;font-weight:600;margin:auto 0 0;padding-top:12px}.pc-empty{padding:40px;background:#eae8e2;border-radius:8px}.pc-empty button{background:#ff6b2b;color:#20242b;padding:14px 20px;border:0;border-radius:5px;font:inherit;cursor:pointer}.pcatalog [hidden]{display:none!important}@media(max-width:1050px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}}@media(max-width:680px){.pc-toolbar{grid-template-columns:1fr;gap:14px}.pc-layout{grid-template-columns:1fr}.pc-filters{flex-direction:row;overflow:auto;padding:3px 0 10px}.pc-filters button{flex-shrink:0;white-space:nowrap}.pc-photo{height:170px;padding:14px}.pc-copy{padding:12px}.pc-copy h2{font-size:15px}.pc-price{font-size:19px}.pc-grid{gap:10px}}@media(max-width:380px){.pc-grid{grid-template-columns:1fr}}
.pc-photo img{height:180px;max-height:180px}@media(max-width:680px){.pc-photo img{height:142px;max-height:142px}}
.pc-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0}.pc-swatch{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #d7d9d5;border-radius:6px;background:#fff;font:inherit;font-size:12px;color:#20242b;cursor:pointer;position:relative}.pc-swatch-color{width:44px;height:44px;padding:0;border:2px solid transparent;border-radius:50%;background:transparent}.pc-swatch-color:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.pc-swatch:hover{border-color:#9ca1a5}.pc-swatch[aria-pressed=true]{border-color:#ff6b2b;box-shadow:0 0 0 1px #ff6b2b}.pc-variant-name{color:#65686c}