/* Scoped to the computers preview; the rest of the catalogue and banners are unchanged. */
.pcxl .pcxl-toolbar{align-items:end}
/* Use only the spare toolbar space. Never reserve a 500px flex basis or stretch a new row. */
.pcxl .pcadv{flex:1 1 0;min-width:0;max-width:540px;margin:0 0 0 auto;padding:10px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#b568ff,#00b9f4) border-box;border:1px solid transparent;border-radius:12px;box-shadow:none;color:#171c21;order:10;container:pc-advisor / inline-size}
.pcxl .pcxl-views{order:20;margin-left:0}
.pcxl .pcadv-head{display:flex;align-items:flex-start;gap:4px;margin:0 0 10px;position:relative}
.pcxl .pcadv h2{font:700 15px/1.4 Arial,sans-serif!important;margin:0!important;min-width:0;flex:1}
.pcxl .pcadv-badge{display:inline-block;vertical-align:middle;white-space:nowrap;font:400 10px/1.4 Arial,sans-serif;color:#9857f4;background:#f7f0ff;border-radius:3px;padding:2px 4px;margin-left:4px}
.pcxl .pcadv-menu{margin-left:auto;flex:none;position:relative}
.pcxl .pcadv-menu>summary{cursor:pointer;list-style:none;width:22px;height:24px;display:grid;place-items:center;font-size:22px;color:#53575c;border-radius:5px}
.pcxl .pcadv-menu>summary::-webkit-details-marker{display:none}
.pcxl .pcadv-menu>summary:hover{background:#f3f4f5}
.pcxl .pcadv-menu>div{position:absolute;top:36px;right:0;width:210px;padding:6px;background:#fff;border:1px solid #dfe3e7;border-radius:9px;box-shadow:0 8px 26px #0002;z-index:30}
.pcxl .pcadv-menu button{display:block;width:100%;text-align:left;border:0;font-size:12px}
.pcxl .pcadv-quick{display:flex;flex-wrap:nowrap;gap:7px;margin:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d9dce0 transparent;overscroll-behavior-x:contain}
.pcxl .pcadv-quick button{flex:none;background:#f7f7f8;border-color:#dedfe2;border-radius:8px;color:#484f54;font-size:11px;line-height:1.3;min-height:30px;padding:7px 9px;font-weight:400;white-space:nowrap}
.pcxl .pcadv-quick button:first-child{margin-left:auto}
.pcxl .pcadv-quick button:hover{background:#f2f0f8;border-color:#c5bfda}
.pcxl .pcadv-compose{display:flex;gap:7px;margin-top:8px}
.pcxl .pcadv-compose input{min-width:0;flex:1;width:auto;height:34px;margin:0!important;padding:8px 10px!important;background:#fff!important;border:1px solid #ccd0d4!important;border-radius:7px!important;color:#171c21!important;font-size:12px!important;box-shadow:none}
.pcxl .pcadv-compose button{width:34px;height:34px;min-height:34px;flex:none;padding:6px;display:grid;place-items:center;background:#ededee;border:1px solid #ededee;border-radius:7px}
.pcxl .pcadv button:disabled{opacity:.45;cursor:not-allowed}
.pcxl .pcadv-status{font-size:12px;line-height:1.5;color:#5e656b;overflow-wrap:anywhere}
.pcxl .pcadv-status:not(:empty){margin-top:10px;padding-top:9px;border-top:1px solid #eceeef}
.pcxl .pcadv-about{padding:10px;background:#f6f7f8;font-size:12px;line-height:1.6;border-radius:7px;margin-bottom:15px}
.pcxl .pcadv.is-started .pcadv-head{margin-bottom:14px}
.pcxl .pcadv-question{font:650 16px/1.45 Arial,sans-serif;margin:16px 0 7px;letter-spacing:0;text-transform:none}
.pcxl .pcadv-detail{font-size:12px;line-height:1.5;color:#68717a;margin:0 0 12px}
.pcxl .pcadv-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pcxl .pcadv-choice{display:flex;align-items:center;gap:10px;text-align:left;justify-content:space-between;min-height:44px;font-size:13px;padding:10px 12px;background:#fafafa}
.pcxl .pcadv-choice small{font-size:11px;background:#edf0f2;border-radius:12px;padding:2px 6px;color:#606970}
.pcxl .pcadv-nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;margin:8px 0}
.pcxl .pcadv .pcadv-text-button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:#5d6770;font-size:12px;padding:8px 0;min-height:34px;text-align:left}
.pcxl .pcadv-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid #edf0f2;padding-top:12px;margin-top:12px}
.pcxl .pcadv-count{font-size:12px;color:#627066}
.pcxl .pcadv .pcadv-show{background:#1f252a;color:#fff;border-color:#1f252a;font-size:13px;font-weight:600;min-height:40px}
.pcxl .pcadv .pcadv-show:hover{background:#343c43}
.pcxl .pcadv-history,.pcxl .pcadv-existing{font-size:12px;margin-bottom:10px}
.pcxl .pcadv-history summary,.pcxl .pcadv-existing summary{cursor:pointer;color:#65717b}
.pcxl .pcadv-existing ul{padding-left:18px;max-height:120px;overflow:auto;margin:8px 0}
.pcxl .pcadv-answer-list{max-height:180px;overflow:auto;margin-top:8px}
.pcxl .pcadv-answer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #edf0f2}
.pcxl .pcadv-answer button{font-size:11px;padding:5px 9px;min-height:32px;flex:none}
.pcxl .pcadv-conflict{padding:12px;background:#fff8e8;border:1px solid #e5cd91;border-radius:7px;display:grid;gap:8px;font-size:12px;margin-top:12px}
.pcxl .pcadv-conflict button{font-size:12px;text-align:left}
.pcxl .pcadv-conflict a{text-decoration:underline}
.pcxl .pcadv :focus-visible{outline:2px solid #9262d7;outline-offset:2px}
#dobierz-komputer,#pcxl-products{scroll-margin-top:100px}
/* A running dialogue can use a small card below the controls, but never a full-width strip. */
.pcxl .pcadv.is-started{flex-basis:420px;max-width:540px}
.pcxl .pcadv.is-started [data-advisor-body]{max-height:370px;overflow-y:auto;overscroll-behavior-y:contain;padding:2px}
@container pc-advisor (max-width:360px){.pcxl .pcadv h2{font-size:13px!important}.pcxl .pcadv-head{margin-bottom:10px}.pcxl .pcadv-choices{grid-template-columns:1fr}.pcxl .pcadv-actions{flex-wrap:wrap}.pcxl .pcadv-show{margin-left:auto}}
@media(max-width:1480px){.pcxl .pcadv{flex:0 1 420px;order:30}.pcxl .pcxl-views{margin-left:auto}}
@media(max-width:900px){.pcxl .pcxl-views{margin-left:0}.pcxl .pcadv{flex-basis:420px}}
@media(max-width:600px){.pcxl .pcadv{flex-basis:100%;max-width:420px;padding:12px}.pcxl .pcadv-compose input{font-size:16px!important}.pcxl .pcadv.is-started [data-advisor-body]{max-height:350px}}