/* A-Z Biuro — sekcje produktów poradników. Naprawa 2026-08-29. */
.article .eaz-polecamy-section{width:100%;max-width:100%;margin:44px 0;padding:8px 0 4px;background:#fff;min-width:0}
.article .eaz-polecamy-heading{margin:0;text-align:center;color:#333;font-size:28px;font-weight:800;line-height:1.2}
.article .eaz-polecamy-heading-line{display:block;width:70px;height:4px;margin:14px auto 22px;background:#cd0000;border-radius:999px}
.article .eaz-polecamy-group{margin:30px 0 34px;padding:20px;border:1px solid #e8e8e8;border-radius:6px;background:#fafafa;min-width:0}
.article .eaz-polecamy-subheading{margin:0 0 8px;color:#222;font-size:20px;line-height:1.3}
.article .eaz-polecamy-group-desc{margin:0 0 16px;padding:0 0 12px;border-bottom:3px solid #cd0000;color:#555;font-size:15px;line-height:1.55}
.article .eaz-polecamy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:8px;min-width:0}
.article .eaz-polecamy-card{display:flex;flex-direction:column;min-width:0;min-height:100%;padding:18px;border:1px solid #e4e4e4;border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.article .eaz-polecamy-image-link{display:flex;align-items:center;justify-content:center;width:100%;height:210px;background:#fff;text-decoration:none;overflow:hidden}
.article .eaz-polecamy-image{display:block;width:auto;height:auto;max-width:90%;max-height:190px;object-fit:contain}
.article .eaz-polecamy-name-heading{margin:0;min-width:0}
.article .eaz-polecamy-name{display:-webkit-box;min-height:68px;margin:16px 0 8px;overflow:hidden;color:#333;text-align:center;text-decoration:none;font-size:16px;font-weight:600;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.article .eaz-polecamy-symbol{margin:0 0 14px;color:#666;text-align:center;font-size:13px;overflow-wrap:anywhere}
.article .eaz-polecamy-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;max-width:190px;box-sizing:border-box;margin:auto auto 0;padding:11px 12px;border:2px solid #cd0000;border-radius:4px;background:#cd0000;color:#fff;text-align:center;white-space:normal;text-decoration:none;font-size:14px;font-weight:700;line-height:1.25}
.article .eaz-polecamy-button:hover{background:#fff;color:#000}
.article .eaz-polecamy-image-link:focus-visible,.article .eaz-polecamy-name:focus-visible,.article .eaz-polecamy-button:focus-visible{outline:3px solid #cd0000;outline-offset:3px}
@media(max-width:820px){
  .article .eaz-polecamy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article .eaz-polecamy-heading{font-size:24px}
}
@media(max-width:560px){
  .article .eaz-polecamy-grid{grid-template-columns:1fr}
  .article .eaz-polecamy-group{padding:16px}
  .article .eaz-polecamy-image-link{height:200px}
}


/* A-Z Biuro — spójny dolny CTA poradników. Naprawa 2026-08-29. */
.article .cta-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin:40px 0 0;
  padding:28px 30px;
  border:1px solid rgba(205,0,0,.18);
  border-radius:18px;
  background:linear-gradient(135deg,#fff5f5,#f4f8fc);
}
.article .cta-panel-copy{min-width:0;max-width:720px}
.article .cta-panel h2{
  margin:0 0 8px;
  font-size:clamp(1.45rem,2.2vw,2rem);
  line-height:1.18;
  letter-spacing:-.02em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.article .cta-panel p{
  margin:0;
  max-width:68ch;
  color:var(--muted,#667085);
  line-height:1.6;
}
.article .cta-panel .btn{
  width:auto;
  min-width:190px;
  max-width:240px;
  min-height:50px;
  padding:13px 22px;
  white-space:normal;
  text-align:center;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
@media(max-width:820px){
  .article .cta-panel{grid-template-columns:1fr;align-items:start;gap:18px;padding:24px}
  .article .cta-panel .btn{width:100%;max-width:none;min-width:0}
}
@media(max-width:560px){
  .article .cta-panel{margin-top:32px;padding:20px;border-radius:14px}
  .article .cta-panel h2{font-size:1.45rem}
}
/* Awaryjne zachowanie zdjęć produktów: ukrywa ikonę uszkodzonego obrazu dopiero po wyczerpaniu źródła, resolve i cache. */
.eaz-polecamy-image-link.is-image-unavailable{position:relative;min-height:220px;border:1px dashed #d9d9d9;border-radius:4px;background:#fafafa}
.eaz-polecamy-image-link.is-image-unavailable::after{content:"Zdjęcie chwilowo niedostępne — zobacz produkt w sklepie";display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;padding:18px;box-sizing:border-box;color:#666;text-align:center;font-size:14px;line-height:1.45}

/* A-Z Biuro — naprawa tabel poradników 87–126, 2026-08-30.
   Globalny style.css zeruje min-width i wymusza table-layout:fixed;
   ta reguła jest ładowana później i przywraca kontrolowany scroll tabel. */
.article .table-wrap{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.article .table-wrap>.compare-table{
  width:100%!important;
  min-width:660px!important;
  max-width:none!important;
  table-layout:auto!important;
}
.article .compare-table th,.article .compare-table td{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  vertical-align:top;
}
@media(max-width:620px){
  .article .table-wrap>.compare-table{min-width:660px!important}
}

