/* Pod kalkulatorem (serwer/opisy-produktow.mjs), 11.11.2026: skróty i „Klienci zamawiają też” z grafikami w stylu podglądów */
.op-skroty{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.op-skroty a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:1px solid #D7D0CB;border-radius:100px;background:#fff;color:#171719;text-decoration:none;font-size:13.5px;font-weight:650}
.op-skroty a:hover{border-color:#171719}
.op-polecane{margin-top:36px}
.op-polecane h3{font-size:20px;margin:0 0 14px}
.op-polecane ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.op-polecane a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #E4DED8;border-radius:18px;overflow:hidden;color:#171719;text-decoration:none;transition:border-color .15s,transform .15s}
.op-polecane a:hover{border-color:#171719;transform:translateY(-2px)}
.op-pol-scena{height:190px;display:grid;place-items:center;background:radial-gradient(120% 90% at 30% 10%,#2E2B2F 0%,#1B1A1C 70%)}
.op-pol-k{position:relative;display:block;background:#fbfaf7;border-radius:3px;overflow:hidden;box-shadow:0 18px 30px -14px rgba(0,0,0,.85);transform:rotate(-4deg)}
.op-pol-k .probka-gd{mix-blend-mode:multiply}
.op-pol-opis{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.op-pol-opis b{font-size:16px}
.op-pol-opis small{font-size:13px;color:#5F5A5E}
.op-pol-cta{margin-top:6px;font-size:13px;font-weight:700;color:#A8106A}
.op-skroty a:focus-visible,.op-polecane a:focus-visible{outline:3px solid #7d48f5;outline-offset:2px}
@media (max-width:860px){.op-polecane ul{grid-template-columns:1fr}.op-pol-scena{height:170px}}
@media (prefers-reduced-motion:reduce){.op-polecane a{transition:none}.op-polecane a:hover{transform:none}}