/* podstrony: stoly (tabela), odciagi (ciemna + tabela maszyn), ciecie (kroki), projekt (rzuty svg) */

/*--- STOLY ---*/
.bench-top {
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 40px var(--pad) 60px;
}
.bench-top__txt p{max-width:520px;margin-top:16px;font-size:16px}
.bench-top__small { font-size: 14px !important; color: var(--gray-dark); }
.bench-top__img{width:100%;aspect-ratio:86/62;object-fit:cover;background:var(--gray-light)}

.bench-compare { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--pad) 60px; }
.bench-table{margin-top:26px;border-top:4px solid var(--black)}
.bench-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px 18px; padding: 14px 0; border-bottom: 1px solid var(--gray); font-size: 15px; }
.bench-row > span:first-child{grid-column:1 / -1;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--red)}
.bench-row--head > span:first-child { display: none; }
.bench-row--head span{font-weight:700;text-transform:uppercase;font-size:14px}
.bench-buy { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.bench-buy b{font-size:24px;font-weight:800}
.bench-note { margin-top: 20px; padding-left: 16px; border-left: 6px solid var(--yellow); font-size: 15px; }

.bench-extra{display:flex;flex-direction:column;gap:20px;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 80px}
.bench-extra__txt p { max-width: 480px; margin-top: 12px; font-size: 15px; }
.bench-extra__buy{padding:24px 22px;background:var(--gray-light)}
.bench-extra__buy b { display: block; font-size: 30px; font-weight: 800; margin-bottom: 12px; }
.bench-extra__buy p{margin-top:14px;font-size:13.5px;color:var(--gray-dark)}

/*--- ODCIAGI: cala strona ciemna ---*/
.dust-page{background:#131313;color:#efefef}
.dust-page .site-foot { color: var(--black); }
.dust-hero{position:relative;max-width:var(--wrap);margin:0 auto;padding:60px var(--pad) 70px;overflow:hidden}
.dust-hero > p:last-of-type { max-width: 560px; color: #c9c9c9; font-size: 16px; }
.dust-table-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 60px}
.dust-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.dust-table caption{padding-bottom:12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#9d9d9d}
.dust-table th, .dust-table td { padding: 12px 8px 12px 0; border-bottom: 1px solid #2e2e2e; text-align: left; font-weight: 400; }
.dust-table thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:#9d9d9d}
.dust-table tbody th { font-weight: 600; }
.dust-table td:nth-child(2){color:var(--yellow);white-space:nowrap}
.dust-note { margin-top: 16px; font-size: 13.5px; color: #a5a5a5; }

.dust-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 70px}
.dust-card { display: flex; flex-direction: column; padding: 28px 24px; border: 1px solid #333; }
.dust-card--big{background:#1c1c1c;border-color:var(--red)}
.dust-card__tag { font-size: 11.5px; font-weight: 700; letter-spacing: 1px; color: var(--red); }
.dust-card__h{margin:6px 0 12px;font-size:24px;font-weight:800;text-transform:uppercase}
.dust-card p { font-size: 15px; color: #cfcfcf; }
.dust-card p + p{margin-top:10px}
.dust-card__buy { display: flex; align-items: center; gap: 18px; margin-top: auto; padding-top: 22px; }
.dust-card__buy b{font-size:28px;font-weight:800;color:#fff}
.dust-page .add-btn { background: var(--red); }
.dust-page .add-btn:hover{background:var(--yellow);color:var(--black)}

.dust-bottom { display: flex; flex-direction: column; gap: 26px; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--pad) 90px; }
.dust-bottom img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#222}
.dust-bottom__txt p { margin-top: 12px; font-size: 15px; color: #cfcfcf; }
.dust-bottom__buy{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid #2e2e2e}
.dust-bottom__buy b { font-size: 24px; font-weight: 800; color: #fff; }
.dust-bottom__buy span{font-size:13.5px;color:#a5a5a5}
.dust-bottom__small { font-size: 13.5px !important; color: #9d9d9d; }

/*--- CIECIE FORMATEK ---*/
.cut-head-band{background:var(--black);color:#fff}
.cut-head-band__in { max-width: var(--wrap); margin: 0 auto; padding: 60px var(--pad) 70px; }
.cut-head-band p:last-of-type{max-width:560px;color:#d3d3d3;font-size:16px}
.cut-price-row { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; max-width: var(--wrap); margin: 0 auto; padding: 40px var(--pad) 60px; }
.cut-price-card{padding:24px 22px;background:var(--gray-light)}
.cut-price-card--yellow { background: var(--yellow); }
.cut-price-card__price{font-size:40px;font-weight:800;line-height:1}
.cut-price-card__what { margin-top: 8px; font-size: 14px; }
.cut-price-row__link{grid-column:1 / -1;font-size:15px}
.cut-price-row__link a { color: var(--red); text-decoration: underline; }

.cut-steps{display:flex;flex-direction:column;gap:30px;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 70px}
.cut-steps__list { margin-top: 22px; }
.cut-steps__list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px dashed #cfcfcf}
.cut-steps__list li:last-child { border-bottom: 0; }
.cut-steps__list span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--black);color:#fff;font-weight:800}
.cut-steps__list p { font-size: 15px; }
.cut-steps__img{width:100%;aspect-ratio:82/70;object-fit:cover;background:var(--gray-light)}

.cut-rules-band { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--pad) 90px; }
.cut-rules-col{padding:26px 24px;background:var(--gray-light)}
.cut-rules-col--no { background: var(--black); color: #fff; }
.cut-rules-col__h{font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:14px}
.cut-rules-col li { position: relative; padding: 8px 0 8px 22px; font-size: 15px; }
.cut-rules-col li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:3px;background:var(--red)}
.cut-rules-col--no li::before { background: var(--yellow); }
.cut-rules-col p{margin-top:14px;font-size:14px;color:#cfcfcf}

/*--- PROJEKT WARSZTATU ---*/
.plan-top { display: flex; flex-direction: column; gap: 28px; max-width: var(--wrap); margin: 0 auto; padding: 40px var(--pad) 60px; }
.plan-top__txt p{max-width:520px;margin-top:16px;font-size:16px}
.plan-top__small { font-size: 14px !important; color: var(--gray-dark); }
.plan-top__img{width:100%;aspect-ratio:82/62;object-fit:cover;background:var(--gray-light)}
.plan-examples { background: var(--gray-light); padding: 70px var(--pad); }
.plan-examples__lead{max-width:640px;margin:14px auto 0;text-align:center;font-size:15px;color:var(--gray-dark)}
.plan-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; max-width: var(--wrap); margin: 32px auto 0; }
.plan-item{padding:18px;background:#fff}
.plan-item__h { margin-bottom: 12px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; }
.plan-svg{width:100%;height:auto}
.plan-mur { fill: #fff; stroke: var(--black); stroke-width: 3; }
.plan-stol{fill:#c9c9c9}
.plan-masz { fill: var(--red); }
.plan-odc{fill:var(--yellow)}
.plan-how { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; max-width: var(--wrap); margin: 0 auto; padding: 70px var(--pad) 40px; }
.plan-how__col{padding:26px 24px;border:2px solid var(--black)}
.plan-how__col--dark { background: var(--black); color: #fff; border-color: var(--black); }
.plan-how__h{font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:14px}
.plan-how__list li { position: relative; padding: 8px 0 8px 24px; font-size: 15px; }
.plan-how__list li::before{content:"";position:absolute;left:0;top:17px;width:14px;height:4px;background:var(--red)}
.plan-how__col--dark .plan-how__list li::before { background: var(--yellow); }
.plan-how__time{margin-top:16px;font-size:14px;color:#c9c9c9}
.plan-cta { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--pad) 90px; }
.plan-cta p{max-width:640px;margin-top:14px;font-size:16px}
.plan-cta a { color: var(--red); text-decoration: underline; }

@media (min-width:600px){
  .cut-price-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dust-pair { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); }
  .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px) {
  .bench-top,.plan-top{flex-direction:row;align-items:center;gap:60px;padding-top:70px;padding-bottom:90px}
  .bench-top__txt, .bench-top__img, .plan-top__txt, .plan-top__img { flex: 1 1 0; min-width: 0; }
  .bench-row{grid-template-columns:220px repeat(2,minmax(0,1fr))}
  .bench-row > span:first-child { grid-column: auto; }
  .bench-row--head > span:first-child{display:block}
  .bench-buy { flex-direction: row; align-items: center; gap: 18px; }
  .bench-extra{flex-direction:row;align-items:center;gap:50px}
  .bench-extra__txt, .bench-extra__buy { flex: 1 1 0; min-width: 0; }
  .dust-bottom{flex-direction:row;align-items:center;gap:50px}
  .dust-bottom img, .dust-bottom__txt { flex: 1 1 0; min-width: 0; }
  .cut-steps{flex-direction:row-reverse;align-items:center;gap:60px}
  .cut-steps__txt, .cut-steps__img { flex: 1 1 0; min-width: 0; }
  .cut-rules-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .plan-how { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
}

.bench-page .masthead,.cut-page .masthead,.plan-page .masthead { border-bottom: 1px solid #262626; }
.bench-row--buy{align-items:start;border-bottom:0;padding-top:20px}