/* MATTRA 1.11 — nagłówek, kolekcje i panel pomocy */
.access{background:#08090b;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:6px 16px;padding:3px max(20px,calc((100% - 1432px)/2));font-size:13px;line-height:1.4;min-height:44px}.access .top-message{display:flex;flex:1;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 7px;min-width:0}.top-message .bullet{font-size:7px;color:#fff}.shipping-message{white-space:nowrap;font-size:12px;letter-spacing:.4px}.access .access-controls{display:flex;gap:4px;flex-wrap:nowrap;flex-shrink:0}.access-controls button.secondary{min-height:38px;padding:4px 9px;background:transparent;color:#fff;border:1px solid #ffffff38;border-radius:3px;font-size:12px;white-space:nowrap}.access-controls button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}.access-controls button:focus-visible{outline-color:#fff}.brand-image{display:flex;align-items:center;min-width:0;max-width:280px}.brand-image img{display:block;max-width:100%;width:240px;height:85px;object-fit:contain;object-position:left center}.brand-image img[hidden]{display:none}.brand-image #mattra-logo-fallback{font-size:2rem;letter-spacing:5px}header{min-height:116px;padding-block:15px}.story-shell{max-width:1480px;margin:auto;padding:0 24px}.stories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;padding:24px 0 14px}.story{min-width:0;max-width:100%;font-size:14px;text-align:center;justify-content:start;align-items:center;gap:12px;line-height:1.35}.story>span:last-child{display:block;min-height:38px}.story small{display:block;font-size:12px;margin-top:3px}.orb{width:76px;height:76px;flex-shrink:0}.orb-purple{background:linear-gradient(145deg,#8855b6,#4d236d 65%,#291435)}.story[aria-current=true] .orb{box-shadow:0 0 0 3px #171920,inset 0 2px 3px #ffffff66,0 8px 18px #0002}.story[aria-current=true]>span:last-child{text-decoration:underline;text-underline-offset:5px}.social-status:empty{display:none}.social-status{margin:0 0 14px}.story-shell+main{padding-top:8px}.shop-hero{margin-bottom:32px}.collection-empty{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--surface)}.collection-empty h3{margin-top:0}.agent-launch{position:fixed;right:20px;bottom:20px;z-index:50;background:linear-gradient(145deg,#3e424b,#101216);color:#fff;border:1px solid #666b76;border-radius:40px;box-shadow:0 8px 25px #0004,inset 0 1px 0 #ffffff45;padding:7px 17px 7px 7px;font-size:15px;min-height:54px}.agent-emblem{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff17;border:1px solid #ffffff60;border-radius:50%;font-size:15px}footer{padding-bottom:100px}#agent-panel{background:#fff;color:#111318;width:min(460px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:85vh;max-height:85dvh;overflow:auto;border:1px solid #535963;border-radius:18px;padding:0;box-shadow:0 25px 80px #0005;font:inherit}#agent-panel::backdrop{background:#11151b70;backdrop-filter:blur(3px)}.agent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(140deg,#303640,#0b0d11);color:#fff;padding:18px 20px}.agent-head h2{font-size:1.1em;margin:0}.agent-head p{margin:4px 0 0;font-size:.8em}.agent-head button.secondary{background:transparent;color:#fff;border-color:#ffffff60;font-size:1.5em;padding:0;min-width:44px;min-height:44px}.agent-content{padding:20px}.agent-mode,.agent-small{font-size:.82em;color:#505963}.agent-mode{margin-top:0}.agent-small{margin:14px 0}.agent-content form{display:grid;gap:10px}.agent-content label{font-weight:600;font-size:.9em}.agent-content input{width:100%;background:#fff;color:#111318;min-width:0}.agent-content form button{margin-top:4px}.agent-questions{display:grid;gap:8px;margin-top:20px}.agent-questions button{font-size:.82em;font-weight:400}.agent-results-list{padding-left:22px}.agent-results-list li{margin:12px 0}.agent-results-list small{display:block;font-size:.82em;color:#505963}body.large-text .top-message{font-size:16px}body.large-text .access-controls button{font-size:16px}body.large-text .story{font-size:18px}body.large-text .story small{font-size:16px}body.large-text .agent-launch{font-size:19px}body.large-text .stories{grid-template-columns:repeat(4,minmax(0,1fr))}body.high-contrast .access{background:#000;color:#fff}body.high-contrast .access-controls button.secondary{background:#000;color:#fff;border-color:#fff}body.high-contrast .access-controls button[aria-pressed=true]{background:#ffeb00;color:#000}body.high-contrast .orb-purple{background:#000}body.high-contrast .story[aria-current=true] .orb{box-shadow:0 0 0 4px #ffeb00}body.high-contrast #agent-panel,body.high-contrast .agent-content input{background:#000;color:#fff;border-color:#fff}body.high-contrast .agent-mode,body.high-contrast .agent-small,body.high-contrast .agent-results-list small{color:#fff}body.high-contrast .agent-head{background:#000;border-bottom:1px solid #fff}body.high-contrast .agent-launch{background:#ffeb00;color:#000}body.high-contrast .agent-emblem{border-color:#000;background:transparent}@media(max-width:1100px){.access{flex-wrap:wrap;justify-content:center;padding-block:5px}.access .top-message{flex-basis:100%}.access-controls button.secondary{min-height:32px}.stories{gap:10px}.orb{width:65px;height:65px}.story{font-size:13px}.brand-image img{width:220px;height:78px}}@media(max-width:700px){.stories,body.large-text .stories{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}.story-shell{padding-inline:18px}.story{font-size:13px}.orb{width:62px;height:62px}.agent-launch{right:12px;bottom:12px}.access .access-controls{width:auto;display:flex}.access-controls button.secondary{min-height:40px}.brand-image{max-width:220px}header{gap:14px}}@media(max-width:400px){.stories{gap:18px 5px}.orb{width:55px;height:55px}.story{font-size:12px}.story small{font-size:12px}body.large-text .stories{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-content,.agent-head{padding:16px}.brand-image img{width:190px;height:68px}}

/* Zdjęcia kółek: zachowane okrągłe ramki, kadr centralny. */
.stories .orb{position:relative;overflow:hidden;padding:0;background:#fff}.stories .orb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:50%}
