/* Opis produktu pod konfiguratorem (serwer/opisy-produktow.mjs), 11.11.2026 */
.opis-produktu{background:#F1EDE8;color:#171719;border-top:1px solid #E4DED8;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.opis-produktu .op-in{max-width:1240px;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(16px,4vw,40px)}
.opis-produktu h2{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.01em;margin:0 0 14px;max-width:24ch}
.opis-produktu h3{font-size:18px;margin:0 0 10px}
.op-wstep{max-width:72ch;font-size:16px;line-height:1.65;color:#3a3438}
.op-wstep p{margin:0 0 10px}
.op-uklad{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);margin-top:28px;align-items:start}
.op-sekcje details,.op-faq details{background:#fff;border:1px solid #E4DED8;border-radius:14px;margin-bottom:10px}
.op-sekcje summary,.op-faq summary{cursor:pointer;list-style:none;padding:16px 48px 16px 18px;font-weight:700;font-size:16px;position:relative}
.op-sekcje summary::-webkit-details-marker,.op-faq summary::-webkit-details-marker{display:none}
.op-sekcje summary::after,.op-faq summary::after{content:'';position:absolute;right:20px;top:50%;width:8px;height:8px;border-right:2px solid #5F5A5E;border-bottom:2px solid #5F5A5E;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.op-sekcje details[open] summary::after,.op-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.op-sekcje summary:focus-visible,.op-faq summary:focus-visible,.op-szablony a:focus-visible{outline:3px solid #F149A6;outline-offset:2px;border-radius:14px}
.op-sekcje details > :not(summary),.op-faq details > :not(summary){padding:0 18px;margin:0 0 14px;font-size:15px;line-height:1.6;color:#3a3438}
.op-sekcje details > ul{padding:0 18px 0 38px}
.op-sekcje li{margin-bottom:6px}
.op-bok{display:flex;flex-direction:column;gap:16px;position:sticky;top:190px}
.op-spec,.op-szablony{background:#fff;border:1px solid #E4DED8;border-radius:14px;padding:18px}
.op-spec dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14px;line-height:1.5}
.op-spec dt{color:#5F5A5E;font-weight:600}
.op-spec dd{margin:0}
.op-szablony p{font-size:14px;line-height:1.55;color:#5F5A5E;margin:0 0 12px}
.op-szablony ul{list-style:none;margin:0;padding:0}
.op-szablony li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #F1EDE8;font-size:14px}
.op-szablony li span{flex:1;font-weight:600}
.op-szablony a{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:100px;border:1px solid #E4DED8;color:#171719;text-decoration:none;font-weight:700;font-size:12px}
.op-szablony a:hover{border-color:#171719}
.op-faq{margin-top:28px;max-width:860px}
@media (max-width:860px){.op-uklad{grid-template-columns:1fr}.op-spec dl{grid-template-columns:1fr}.op-spec dt{margin-top:6px}}