.pzcmp-page{max-width:1180px;margin:0 auto;padding:28px 24px 48px;color:#0b2b4c;font:16px/1.5 "PoolZone Inter",Inter,sans-serif}.pzcmp-page *, .pzcmp-tray *{box-sizing:border-box}.pzcmp-crumb{display:flex;gap:12px;font-size:13px;color:#4d6580;margin-bottom:22px}.pzcmp-crumb a{color:inherit}.pzcmp-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.pzcmp-heading h1{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px;font-weight:750}.pzcmp-heading p{margin:0;color:#4d6580;font-size:16px}.pzcmp-toggle{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:14px;white-space:nowrap}.pzcmp-toggle input{appearance:none;position:relative;width:44px;height:26px;margin:0;border:2px solid #698099;border-radius:20px;background:#698099;flex:none;cursor:pointer}.pzcmp-toggle input:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .12s}.pzcmp-toggle input:checked{background:#0065d5;border-color:#0065d5}.pzcmp-toggle input:checked:before{transform:translateX(18px)}.pzcmp-context,.pzcmp-source{font-size:14px;color:#4d6580;max-width:900px;margin:14px 0 20px}.pzcmp-status:empty{display:none}.pzcmp-status{font-size:14px;padding:12px 16px;margin:12px 0;background:#eef6ff;border-radius:6px}.pzcmp-status button,.pzcmp-toast button{margin-left:12px}.pzcmp-scroll{overflow:auto;max-width:100%;border:1px solid #dfebf5;border-radius:8px;scrollbar-gutter:stable;overscroll-behavior-x:contain}.pzcmp-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0!important;color:#0b2b4c}.pzcmp-table caption{text-align:left;padding:12px 16px;font-weight:650;background:#f6faff}.pzcmp-table th,.pzcmp-table td{padding:14px 16px;border:0;border-right:1px solid #e3edf7;border-bottom:1px solid #e3edf7;vertical-align:middle;font-size:14px;overflow-wrap:anywhere;line-height:1.5}.pzcmp-table tr>:last-child{border-right:0}.pzcmp-table tr:last-child>*{border-bottom:0}.pzcmp-table tr>[scope=row],.pzcmp-table .pzcmp-label{position:sticky;left:0;z-index:2;text-align:left;font-weight:650;background:#eef6fd;width:180px}.pzcmp-table thead th{vertical-align:top;background:#fff;font-weight:600;position:relative}.pzcmp-table thead .pzcmp-label{vertical-align:bottom;z-index:3}.pzcmp-table td{text-align:center;background:#fff}.pzcmp-product{padding:16px 4px 4px;display:flex;flex-direction:column;align-items:center;gap:12px}.pzcmp-product img{width:100%;height:138px;object-fit:contain;mix-blend-mode:multiply}.pzcmp-product h2{font-size:16px;line-height:1.4;margin:0;font-weight:650;letter-spacing:0}.pzcmp-product .pzcmp-sku{font-weight:400;font-size:12px;color:#4d6580;margin:0}.pzcmp-remove{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#0b2b4c;font:24px/1 inherit;cursor:pointer;border-radius:6px;flex-shrink:0}.pzcmp-product-remove{position:absolute;right:4px;top:2px;z-index:1}.pzcmp-missing{color:#526880;font-size:13px}.pzcmp-table a{color:#005cc9;text-decoration:underline;text-underline-offset:3px}.pzcmp-docs{display:flex;flex-direction:column;gap:8px;align-items:center}.pzcmp-table .pzcmp-view,.pzcmp-primary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;text-decoration:none;border:0;border-radius:5px;background:#0065d5;color:#fff;font-weight:650;font-size:14px;cursor:pointer}.pzcmp-table .pzcmp-view{width:100%}.pzcmp-add{border:1px solid #bdd6f2;border-radius:4px;min-height:36px;padding:6px 12px;color:#0055b7;background:#fff;cursor:pointer;font-family:inherit;font-size:13px}.pzcmp-add[aria-pressed=true]{background:#eaf4ff;color:#004b9b}.pzcmp-add:disabled{cursor:wait;opacity:.65}.pzcmp-card-add{width:100%;margin-top:5px}.pzcmp-product-action{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}.pzcmp-product-action a{font-size:14px}.pzcmp-product-action .pzcmp-add{min-height:44px}.pzcmp-empty{padding:36px 24px;background:#f3f8fd;border-radius:8px}.pzcmp-empty h2{font-size:21px;margin:0 0 8px;line-height:1.3}.pzcmp-empty p{margin:0 0 20px;max-width:600px;font-size:15px}.pzcmp-back{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:14px;color:#005cc9}.pzcmp-tray{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:1132px;z-index:200;background:#eaf5ff;border:1px solid #cbdff4;border-radius:8px;padding:12px 18px;display:flex;align-items:center;gap:20px;color:#0b2b4c;font:14px/1.4 "PoolZone Inter",Inter,sans-serif;box-shadow:0 3px 18px #0b2b4c1a}.pzcmp-tray strong{font-size:15px}.pzcmp-tray-list{display:flex;gap:12px;flex:1}.pzcmp-mini{position:relative;display:flex;align-items:center;justify-content:center;width:86px;height:64px;background:#fff;border-radius:5px;padding:5px 24px 5px 5px}.pzcmp-mini img{width:54px;height:48px;object-fit:contain}.pzcmp-mini .pzcmp-remove{position:absolute;right:-6px;top:-8px;width:36px;height:36px;font-size:21px}.pzcmp-tray .pzcmp-primary{white-space:nowrap}.pzcmp-toast{position:fixed;bottom:calc(var(--pzcmp-tray-height,0px) + 24px);left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:650px;z-index:210;background:#fff;border:1px solid #b8d1eb;border-radius:6px;padding:16px;color:#0b2b4c;box-shadow:0 4px 22px #0b2b4c20;font:14px/1.5 "PoolZone Inter",Inter,sans-serif}.pzcmp-toast p{margin:0}.pzcmp-toast-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pzcmp-secondary{border:1px solid #b8d1eb;border-radius:5px;background:white;color:#0056b9;padding:8px 12px;font:inherit;font-size:14px;min-height:44px;cursor:pointer}.pzq-nav-count{font-size:11px;min-width:18px;display:inline-block;text-align:center}.pzcmp-page [hidden],.pzcmp-tray[hidden],.pzcmp-toast[hidden]{display:none!important}body.pzcmp-has-tray{padding-bottom:calc(var(--pzcmp-tray-height,104px) + 24px)!important}.pzcmp-page :focus-visible,.pzcmp-tray :focus-visible,.pzcmp-add:focus-visible,.pzcmp-toast :focus-visible{outline:3px solid #0065d5;outline-offset:3px}.pzcmp-remove:hover,.pzcmp-secondary:hover{background:#ddecfa}.pzcmp-primary:hover,.pzcmp-view:hover{background:#004eaa;color:#fff}.pzcmp-add:hover{background:#edf6ff}.pzcmp-page.pzcmp-busy{cursor:progress}.pzcmp-scroll:focus-visible{outline-offset:2px}.pzcmp-scroll-hint{display:none}body:has(.pzcmp-page) .pzr-footer-bottom{font-size:12px}
@media(max-width:800px){.pzcmp-heading{align-items:flex-start;flex-direction:column;gap:12px}.pzcmp-heading h1{font-size:28px}.pzcmp-toggle{flex-direction:row-reverse;justify-content:flex-end}.pzcmp-table{min-width:760px}.pzcmp-table tr>[scope=row],.pzcmp-table .pzcmp-label{width:150px}.pzcmp-tray{gap:12px}.pzcmp-tray strong{max-width:125px}.pzcmp-mini{width:66px}.pzcmp-mini img{width:45px}.pzcmp-tray-list{gap:8px}.pzcmp-scroll-hint{display:block;color:#4d6580;font-size:13px;margin:8px 0}}
@media(max-width:480px){.pzcmp-page{padding:22px 16px 32px}.pzcmp-heading h1{font-size:26px}.pzcmp-crumb{font-size:12px;margin-bottom:18px}.pzcmp-heading p{font-size:15px}.pzcmp-context{font-size:13px}.pzcmp-table{min-width:624px}.pzcmp-table th,.pzcmp-table td{padding:12px 10px;font-size:13px}.pzcmp-table tr>[scope=row],.pzcmp-table .pzcmp-label{width:112px}.pzcmp-product{padding-top:24px;gap:10px}.pzcmp-product img{height:102px}.pzcmp-product h2{font-size:14px}.pzcmp-missing{font-size:12px}.pzcmp-tray{bottom:8px;width:calc(100% - 24px);display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding:10px 12px}.pzcmp-tray strong{grid-column:1/-1;max-width:none;font-size:13px}.pzcmp-tray-list{gap:6px}.pzcmp-mini{height:54px;width:52px;padding:5px 12px 2px 2px}.pzcmp-mini img{width:40px;height:36px}.pzcmp-mini .pzcmp-remove{width:34px;height:34px;right:-8px;top:-10px}.pzcmp-tray .pzcmp-primary{padding:10px 14px;font-size:13px}.pzcmp-empty{padding:26px 18px}}
@media(prefers-reduced-motion:reduce){.pzcmp-toggle input:before{transition:none}}
.pzcmp-page{padding-left:0;padding-right:0}.pzcmp-page h1,.pzcmp-page h2{color:#0b2b4c;font-family:"PoolZone Inter",Inter,sans-serif}.pzcmp-remove{font-family:inherit;font-size:24px;line-height:1}.pzcmp-page .pzcmp-tray{position:static;transform:none;width:100%;max-width:none;margin:22px 0 0;box-shadow:none}body:has(.pzcmp-page) .pzr-footer-bottom,body:has(.pzcmp-page) .pzr-footer-bottom span{font-size:12px}
@media(max-width:480px){.pzcmp-table{min-width:calc(108px + var(--pzcmp-columns,3)*142px)}.pzcmp-table tr>[scope=row],.pzcmp-table .pzcmp-label{width:108px;font-size:12px}.pzcmp-mini .pzcmp-remove{width:44px;height:44px;top:-14px;right:-10px}.pzcmp-add{min-height:44px}}
@media(max-width:480px){.pzcmp-table{min-width:calc(120px + var(--pzcmp-columns,3)*142px)}.pzcmp-table tr>[scope=row],.pzcmp-table .pzcmp-label{width:120px;font-size:13px}.pzcmp-missing,.pzcmp-crumb{font-size:13px}}
.pzcmp-table .pzcmp-view{padding:10px 8px}
.pzcmp-scroll{scrollbar-gutter:auto}
@media(max-width:480px){.pzcmp-table{min-width:calc(106px + var(--pzcmp-columns,3)*122px)}.pzcmp-table tr>[scope=row],.pzcmp-table .pzcmp-label{width:106px}}

.pzcmp-value-source{display:inline-flex;align-items:center;justify-content:center;min-height:32px;font-size:12px;line-height:1.4;margin-top:5px;padding:4px 6px}.pzcmp-table td>span:first-child{display:block}
