/* Astra 18: oprawa katalogów. Kolory dziedziczę z bieżącej skórki. */
body.a18-directory{--a18-line:color-mix(in srgb,currentColor 13%,transparent);--a18-panel:color-mix(in srgb,currentColor 3%,var(--pw-bg,#111726));--a18-muted:color-mix(in srgb,var(--text,#ECE6F6) 72%,var(--pw-bg,#111726));}
body.a18-directory .px-main :is(.pw-rg,.pw-mod){width:100%;max-width:1264px;margin:0 auto;padding:64px 32px 88px;color:var(--text,#ECE6F6);font-family:Inter,sans-serif;box-sizing:border-box;}
body.a18-directory .px-main :is(.pw-rg,.pw-mod) *{box-sizing:border-box;}
body.a18-directory .px-main .a18-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:64px;align-items:center;text-align:left;margin:0 0 30px;padding:0 0 36px;border-bottom:1px solid var(--a18-line);}
body.a18-directory .px-main .a18-hero h1{font-family:Inter,sans-serif;font-size:44px;font-weight:650;line-height:1.13;letter-spacing:-1.6px;margin:12px 0 22px;padding:0;border:0;}
body.a18-directory .px-main .a18-hero :is(p,.lead){font:400 16px/1.75 Inter,sans-serif;color:var(--a18-muted);max-width:760px;margin:0 0 18px;}
body.a18-directory .px-main .a18-hero .upd{font-size:12px;margin:18px 0 0;}
body.a18-directory .px-main .a18-hero .k{font:600 11px/1.5 Inter,sans-serif;letter-spacing:1px;color:var(--pw-accent,#7C6CFF);margin:0;}
body.a18-directory .px-main .a18-hero-art{width:220px;margin:0;color:var(--text,#ECE6F6);opacity:.85;}
body.a18-directory .a18-hero-art svg{width:100%;height:auto;display:block;}
body.a18-directory .px-main .pw-rg-vslink{font:500 12px/1.5 Inter,sans-serif;color:var(--a18-muted)!important;border:1px solid var(--a18-line)!important;border-radius:5px;background:transparent;padding:9px 12px;margin:0 8px 0 0;text-decoration:none;}
body.a18-directory .px-main :is(.pw-rg-filter,.pw-mod-tabs){display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:0;border:0;}
body.a18-directory .px-main :is(.pw-rg-fb,.pw-mod-tab){font:500 12px/1.4 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--a18-muted);padding:11px 14px;border:1px solid var(--a18-line);border-radius:5px;background:transparent;box-shadow:none;cursor:pointer;}
body.a18-directory .px-main :is(.pw-rg-fb.on,.pw-mod-tab.on){background:var(--text,#ECE6F6);color:var(--pw-bg,#111726);border-color:var(--text,#ECE6F6);}
body.a18-directory .px-main .pw-mod-tab span{font:inherit;opacity:.7;padding-left:4px;background:none;color:inherit;}
body.a18-directory .px-main .pw-rg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
body.a18-directory .px-main .pw-rg-card{display:flex;flex-direction:column;min-width:0;background:transparent;border:1px solid var(--a18-line);border-radius:7px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:none;transform:none;transition:border-color .15s;}
body.a18-directory .px-main .pw-rg-card:hover{border-color:var(--pw-accent,#7C6CFF);transform:none;box-shadow:none;}
body.a18-directory .px-main .pw-rg-cover{height:auto;aspect-ratio:1.95;position:relative;background:var(--a18-panel);}
body.a18-directory .px-main .pw-rg-cover img{width:100%;height:100%;object-fit:cover;display:block;}
body.a18-directory .px-main .pw-rg-cat{position:absolute;top:12px;left:12px;font:600 10px/1.5 Inter,sans-serif;letter-spacing:.6px;color:var(--text,#ECE6F6);background:var(--pw-bg,#111726);padding:5px 8px;border-radius:3px;}
body.a18-directory .px-main .pw-rg-num{position:absolute;right:12px;top:12px;color:var(--text,#ECE6F6);background:var(--pw-bg,#111726);font:600 18px/1.2 Inter,sans-serif;padding:7px 9px;border-radius:3px;}
body.a18-directory .px-main .pw-rg-num small{font-size:10px;margin-left:3px;opacity:.65;}
body.a18-directory .px-main .pw-rg-body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1;}
body.a18-directory .px-main .pw-rg-body h2{font:600 22px/1.25 Inter,sans-serif;letter-spacing:-.5px;color:inherit;margin:0;padding:0;border:0;}
body.a18-directory .px-main .pw-rg-stars{display:none;}
body.a18-directory .px-main .pw-rg-hook{font:400 14px/1.75 Inter,sans-serif;color:var(--a18-muted);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
body.a18-directory .px-main .pw-rg-more{font:500 12px/1.5 Inter,sans-serif;color:var(--pw-accent,#7C6CFF);letter-spacing:0;margin-top:auto;padding-top:10px;}
body.a18-directory .px-main .pw-tl{margin:0;border:0;padding:0;}
body.a18-directory .px-main .pw-tl-day{display:grid;grid-template-columns:145px minmax(0,1fr);gap:28px;margin:0;padding:28px 0;border-top:1px solid var(--a18-line);}
body.a18-directory .px-main .pw-tl-date{font:500 13px/1.6 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--a18-muted);padding:5px 0;margin:0;border:0;}
body.a18-directory .px-main .pw-tl-dot{display:none;}
body.a18-directory .px-main .pw-tl-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
body.a18-directory .px-main .pw-tl-row{display:flex;flex-direction:column;gap:0;min-width:0;padding:0;background:transparent;border:1px solid var(--a18-line);border-radius:6px;overflow:hidden;color:inherit;}
body.a18-directory .px-main .a18-model-link{display:flex;align-items:center;gap:18px;padding:20px;text-decoration:none;color:inherit;flex:1;min-width:0;}
body.a18-directory .px-main .pw-tl-th{display:flex;align-items:center;justify-content:center;width:76px;height:76px;flex:0 0 76px;border-radius:4px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--a18-panel);border:1px solid var(--a18-line);margin:0;}
body.a18-directory .px-main .pw-tl-th.logo{background-size:32px;}
body.a18-directory .px-main .pw-tl-th.ph svg{width:64px;height:64px;}
body.a18-directory .a18-ph-letter{display:none;}
body.a18-directory .px-main .pw-tl-main{display:flex;flex-direction:column;gap:9px;min-width:0;}
body.a18-directory .px-main .pw-tl-name{font:600 16px/1.4 Inter,sans-serif;letter-spacing:-.3px;overflow-wrap:anywhere;color:var(--text,#ECE6F6);}
body.a18-directory .px-main .pw-tl-sub{font:400 12px/1.6 Inter,sans-serif;color:var(--a18-muted);overflow-wrap:anywhere;}
body.a18-directory .px-main .pw-tl-go{display:none;}
body.a18-directory .px-main .pw-mod-bg{font:500 9px/1.6 Inter,sans-serif;background:var(--a18-panel);color:var(--a18-muted);border:1px solid var(--a18-line);padding:2px 5px;vertical-align:middle;border-radius:3px;}
body.a18-directory .px-main .a18-source{align-self:flex-end;margin:0 20px 14px;text-decoration:none;font:500 11px/1.5 Inter,sans-serif;color:var(--a18-muted);}
body.a18-directory .px-main :is(.a18-image-link,.a18-title-link){text-decoration:none;color:inherit;cursor:pointer;}
body.a18-directory .px-main .a18-title-link:hover,body.a18-directory .px-main .a18-model-link:hover .pw-tl-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
body.a18-directory .px-main :is(a,button,input):focus-visible{outline:2px solid var(--pw-accent,#7C6CFF);outline-offset:4px;}
body.a18-directory .px-main .a18-search{display:block;margin:0 0 18px;font:500 12px/1.5 Inter,sans-serif;}
body.a18-directory .px-main .a18-search input{display:block;width:100%;margin-top:8px;min-height:46px;padding:12px 15px;font:400 14px/1.5 Inter,sans-serif;color:var(--text,#ECE6F6);background:transparent;border:1px solid var(--a18-line);border-radius:5px;}
body.a18-directory .a18-status{font:400 12px/1.5 Inter,sans-serif;color:var(--a18-muted);margin:0 0 20px;}
body.a18-directory .a18-more{display:block;margin:30px auto 0;padding:13px 22px;font:500 13px/1.5 Inter,sans-serif;color:var(--text,#ECE6F6);background:transparent;border:1px solid var(--a18-line);border-radius:5px;cursor:pointer;}
body.a18-directory .px-main :is(.pw-rg-card,.pw-tl-row,.pw-tl-day)[style*="display: none"],body.a18-directory .px-main [data-a18-hidden],body.a18-directory .px-main .a18-other,body.a18-directory .px-main .a18-more[hidden]{display:none!important;}
body.a18-directory .px-main .a18-detail-root>:is(.a18-hero,.a13-hero,.pw-tx-head,.pw-tx-hero,.pw-tx-filters,.a17-search,.a17-results,.a17-more,.a13-catalog-intro,.pw-mod-tabs,.a18-search,.a18-status,.a18-more){display:none!important;}
body.a18-directory .px-main .a18-detail-root .pw-tx-grid{display:block;max-width:950px;margin:0 auto;}
body.a18-directory .a18-detail-head{max-width:950px;margin:0 auto 32px;}
body.a18-directory .a18-detail-head>a{font:500 13px/1.5 Inter,sans-serif;color:var(--pw-accent,#7C6CFF);text-decoration:none;}
body.a18-directory .px-main .a18-detail-head h1{font:600 38px/1.15 Inter,sans-serif;letter-spacing:-1px;margin:24px 0;}
body.a18-directory .px-main .pw-tc.a18-detail-card{display:grid!important;grid-template-columns:1fr 1.1fr;max-width:950px;margin:auto;}
body.a18-directory .px-main .a18-detail-card .pw-tc-img{height:100%;min-height:280px;border:0;}
body.a18-directory .px-main .a18-detail-card .pw-tc-body{padding:32px;}
body.a18-directory .px-main .a18-detail-card .pw-tc-verdict{-webkit-line-clamp:unset;}
body.a18-directory .px-main .a18-detail-root .pw-tl-day{display:block;border:0;padding:0;margin:0 auto;max-width:950px;}
body.a18-directory .px-main .a18-detail-root .pw-tl-date{margin:0 0 14px;}
body.a18-directory .px-main .a18-detail-root .pw-tl-rows{display:block;}
body.a18-directory .px-main .pw-tl-row.a18-detail-card{max-width:950px;}
body.a18-directory .px-main .pw-tl-row.a18-detail-card .a18-model-link{padding:32px;gap:32px;}
body.a18-directory .px-main .pw-tl-row.a18-detail-card .pw-tl-th{width:160px;height:160px;flex-basis:160px;}
body.a18-directory .px-main .pw-tl-row.a18-detail-card .pw-tl-name{font-size:24px;}
@media(max-width:1000px){body.a18-directory .px-main .pw-tl-day{grid-template-columns:1fr;gap:12px;}body.a18-directory .px-main .pw-rg-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){body.a18-directory .px-main :is(.pw-rg,.pw-mod){padding:32px 20px 56px;}body.a18-directory .px-main .a18-hero{grid-template-columns:1fr 74px;gap:16px;padding-bottom:26px;}body.a18-directory .px-main .a18-hero-art{width:74px;align-self:start;margin-top:15px;}body.a18-directory .px-main .a18-hero h1{font-size:30px;letter-spacing:-.9px;}body.a18-directory .px-main .a18-hero :is(p,.lead){font-size:14px;}body.a18-directory .px-main .pw-rg-vslink{display:table;margin:8px 0;}body.a18-directory .px-main .pw-rg-grid,body.a18-directory .px-main .pw-tl-rows{grid-template-columns:1fr;}body.a18-directory .px-main .pw-tl-th{width:66px;height:66px;flex-basis:66px;}body.a18-directory .px-main .pw-rg-body{padding:22px;}body.a18-directory .px-main .pw-tc.a18-detail-card{display:flex!important;flex-direction:column;}body.a18-directory .px-main .pw-tl-row.a18-detail-card .a18-model-link{padding:20px;gap:16px;flex-direction:column;align-items:flex-start;}body.a18-directory .px-main .a18-detail-card .pw-tc-img{min-height:200px;}}

/* Istniejące kontrstyle szerokości i jasnej skórki mają !important. */
body.a18-directory .px-main .pw-rg,body.a18-directory .px-main .pw-mod{max-width:1264px!important;}
body.a18-directory .px-main .pw-rg-head.a18-hero{max-width:none;width:100%;}
body.a18-directory .px-main .pw-tl-row{background:transparent!important;box-shadow:none!important;}
body.a18-directory .px-main .pw-tl-th.ph{background:var(--a18-panel)!important;color:var(--text,#ECE6F6)!important;}

body.a18-directory.a17-catalog .px-main .a18-detail-root .pw-tx-grid{display:block!important;grid-template-columns:none!important;width:100%!important;max-width:950px!important;}
body.a18-directory.a17-catalog .px-main .a18-detail-root .pw-tc.a18-detail-card{width:100%!important;max-width:950px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;}
body.a18-directory.a17-catalog .px-main .a18-detail-card .pw-tc-img{height:100%!important;min-height:320px;}
body.a18-directory.a17-catalog .px-main .a18-detail-card .pw-tc-img img{object-fit:contain!important;}
body.a18-directory.a17-catalog .px-main .a18-detail-card .pw-tc-body{padding:32px!important;}
@media(max-width:600px){body.a18-directory.a17-catalog .px-main .a18-detail-card .pw-tc-img{height:220px!important;min-height:220px;}body.a18-directory.a17-catalog .px-main .a18-detail-card .pw-tc-body{padding:22px!important;}}
