.commerce-zone{padding:58px 0;background:#f5f8fc}.commerce-shell{padding:30px;border:1px solid #dce5ef;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(10,31,57,.07)}.commerce-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:20px}.commerce-head h2{margin:5px 0 9px;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;color:#0b1b31}.commerce-head p:not(.section-kicker){max-width:780px;margin:0;color:#64748b;line-height:1.65}.commerce-head-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:0 0 auto}.commerce-report-link{font-weight:850;color:#17345d;text-decoration:none}.commerce-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}.commerce-categories{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin}.commerce-category{flex:0 0 auto;padding:9px 14px;border:1px solid #dce5ef;border-radius:999px;background:#f7f9fc;color:#43546c;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.commerce-category:hover{border-color:#b9c8d9;transform:translateY(-1px)}.commerce-category.is-active{border-color:#0b2342;background:#0b2342;color:#fff}.commerce-controls{display:flex;gap:8px;flex:0 0 auto}.commerce-control{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d5dfeb;border-radius:12px;background:#fff;color:#10233e;font:inherit;font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(12,33,58,.06)}.commerce-control:hover{background:#0b2342;color:#fff}.commerce-control:disabled{opacity:.38;cursor:not-allowed}.commerce-carousel{overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}.commerce-carousel::-webkit-scrollbar{display:none}.commerce-track{display:flex;gap:15px;min-width:100%}.commerce-card{flex:0 0 calc((100% - 45px)/4);min-width:0;overflow:hidden;border:1px solid #dce5ef;border-radius:18px;background:#fff;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.commerce-card[hidden]{display:none!important}.commerce-card:hover{transform:translateY(-3px);border-color:#bccbdb;box-shadow:0 16px 34px rgba(12,33,58,.11)}.commerce-card-media{position:relative;display:block;aspect-ratio:1.5;overflow:hidden;background:#eaf0f6}.commerce-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.commerce-card:hover img{transform:scale(1.035)}.commerce-badge{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:7px;background:#fff;color:#10223a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 5px 16px rgba(8,21,39,.14)}.commerce-card-body{padding:17px}.commerce-source{color:#e21b2d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.commerce-card h3{margin:7px 0 8px;font-size:18px;line-height:1.2;letter-spacing:-.02em}.commerce-card h3 a{color:#0d1d32;text-decoration:none}.commerce-card p{min-height:48px;margin:0;color:#66758a;font-size:12px;line-height:1.5}.commerce-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.commerce-card-footer strong{font-size:13px;color:#132a49}.commerce-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0b2342;color:#fff;text-decoration:none;font-size:18px}.commerce-carousel-status{margin-top:10px;color:#748196;font-size:11px}.commerce-measurement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:22px;padding-top:21px;border-top:1px solid #e1e8f0}.commerce-measurement div{padding:0 20px;border-right:1px solid #e1e8f0}.commerce-measurement div:first-child{padding-left:0}.commerce-measurement div:last-child{border-right:0}.commerce-measurement strong,.commerce-measurement span{display:block}.commerce-measurement strong{margin-bottom:4px;color:#11243e;font-size:13px}.commerce-measurement span{color:#748196;font-size:11px;line-height:1.5}.commerce-zone--compact{padding:32px 0}.commerce-zone--compact .commerce-shell{padding:24px}.commerce-zone--compact .commerce-head h2{font-size:29px}.commerce-zone--compact .commerce-card{flex-basis:calc((100% - 30px)/3)}.commerce-zone--compact .commerce-measurement{display:none}@media(max-width:1050px){.commerce-card{flex-basis:calc((100% - 15px)/2)}.commerce-zone--compact .commerce-card{flex-basis:calc((100% - 30px)/3)}.commerce-head{align-items:flex-start;flex-direction:column}.commerce-head-actions{width:100%}}@media(max-width:840px){.commerce-zone--compact .commerce-card{flex-basis:calc((100% - 15px)/2)}.commerce-toolbar{align-items:flex-end}.commerce-categories{max-width:calc(100% - 105px)}}@media(max-width:760px){.commerce-zone{padding:38px 0}.commerce-shell{padding:18px;border-radius:18px}.commerce-card,.commerce-zone--compact .commerce-card{flex-basis:86%}.commerce-measurement{grid-template-columns:1fr;gap:15px}.commerce-measurement div,.commerce-measurement div:first-child{padding:0;border:0}.commerce-head-actions{align-items:stretch;flex-direction:column}.commerce-head-actions .btn{text-align:center}.commerce-card p{min-height:0}.commerce-toolbar{align-items:stretch;flex-direction:column}.commerce-categories{max-width:100%;width:100%}.commerce-controls{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.commerce-carousel{scroll-behavior:auto}.commerce-card,.commerce-card-media img,.commerce-category{transition:none}}

/* Konkretne produkty — szczegółowa karta oferty */
.commerce-card-brandline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.commerce-brand{color:#10233e;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.commerce-sku{overflow:hidden;max-width:48%;color:#94a0b2;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.commerce-rating{display:flex;align-items:center;gap:6px;margin-top:12px;color:#f4a000;font-size:12px}.commerce-rating strong{color:#182a43;font-size:11px}.commerce-rating small{color:#7b8798;font-size:10px}.commerce-product-meta{display:grid;gap:4px;margin-top:10px;color:#6c788a;font-size:10px;line-height:1.35}.commerce-availability{width:max-content;padding:4px 7px;border-radius:999px;background:#eaf7f1;color:#087454;font-weight:900}.commerce-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid #e8edf3}.commerce-price{display:grid;gap:1px}.commerce-old-price{color:#8a96a7;font-size:10px;text-decoration:line-through}.commerce-price strong{color:#0d203a;font-size:19px;line-height:1}.commerce-price small{margin-top:3px;color:#8a96a7;font-size:9px}.commerce-buy-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:10px;background:#e21b2d;color:#fff;font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap;transition:transform .2s ease,background .2s ease}.commerce-buy-button:hover{background:#bb1021;transform:translateY(-1px)}.commerce-card p{min-height:54px}.commerce-zone--compact .commerce-card p{min-height:54px}@media(max-width:760px){.commerce-price-row{align-items:stretch;flex-direction:column}.commerce-buy-button{width:100%}.commerce-card p,.commerce-zone--compact .commerce-card p{min-height:0}}

/* NaszeMedia.info Commerce — spokojniejszy, lżejszy wariant wizualny */
.commerce-zone{
  padding:46px 0;
  background:#f8fafc;
}
.commerce-shell{
  padding:26px;
  border-color:#e7ecf2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 28px rgba(15,35,60,.045);
}
.commerce-head{
  align-items:center;
  margin-bottom:18px;
}
.commerce-head h2{
  margin:4px 0 7px;
  font-size:clamp(26px,2.5vw,36px);
  letter-spacing:-.035em;
}
.commerce-head p:not(.section-kicker){
  max-width:740px;
  color:#728096;
  font-size:13px;
  line-height:1.6;
}
.commerce-head .section-kicker{
  color:#6b7789;
  font-size:10px;
  letter-spacing:.12em;
}
.commerce-head-actions{
  gap:13px;
}
.commerce-head-actions .btn-primary{
  min-height:40px;
  padding:10px 15px;
  border:1px solid #d6dee8;
  border-radius:10px;
  background:#f3f6f9;
  color:#17304f;
  box-shadow:none;
}
.commerce-head-actions .btn-primary:hover{
  border-color:#c5d0dc;
  background:#eaf0f6;
  color:#102844;
  transform:none;
}
.commerce-report-link{
  color:#65758a;
  font-size:12px;
  font-weight:750;
}
.commerce-toolbar{
  margin-bottom:17px;
}
.commerce-category{
  padding:8px 13px;
  border-color:#e2e8ef;
  background:#fafbfd;
  color:#68768a;
  font-size:11px;
  font-weight:750;
}
.commerce-category:hover{
  border-color:#ccd6e1;
  background:#f5f7fa;
  transform:none;
}
.commerce-category.is-active{
  border-color:#ced8e3;
  background:#eaf0f6;
  color:#18314f;
}
.commerce-control{
  width:39px;
  height:39px;
  border-color:#e0e6ed;
  border-radius:10px;
  background:#fff;
  color:#53647a;
  box-shadow:none;
}
.commerce-control:hover{
  border-color:#ccd6e1;
  background:#f5f7fa;
  color:#17304f;
}
.commerce-track{
  gap:14px;
}
.commerce-card{
  border-color:#e6ebf1;
  border-radius:15px;
  box-shadow:none;
}
.commerce-card:hover{
  border-color:#d7dfe8;
  box-shadow:0 9px 24px rgba(15,35,60,.065);
  transform:translateY(-2px);
}
.commerce-card-media{
  aspect-ratio:1.6;
  background:#f0f3f6;
}
.commerce-badge{
  top:10px;
  left:10px;
  padding:5px 8px;
  border:1px solid rgba(214,222,232,.9);
  border-radius:6px;
  color:#526176;
  font-size:9px;
  box-shadow:0 3px 10px rgba(15,35,60,.07);
}
.commerce-card-body{
  padding:15px;
}
.commerce-brand{
  color:#43546b;
  font-size:10px;
  font-weight:850;
}
.commerce-source{
  color:#8a6d73;
  font-size:9px;
}
.commerce-card h3{
  margin:6px 0 7px;
  font-size:17px;
}
.commerce-card p{
  min-height:50px;
  color:#778398;
  font-size:11px;
}
.commerce-rating{
  color:#c99a3a;
}
.commerce-availability{
  background:#f1f7f4;
  color:#477361;
}
.commerce-price-row{
  margin-top:13px;
  padding-top:12px;
  border-top-color:#edf1f5;
}
.commerce-price strong{
  font-size:18px;
}
.commerce-buy-button{
  min-height:36px;
  padding:0 11px;
  border:1px solid #d7e0e9;
  border-radius:9px;
  background:#eef3f7;
  color:#19324f;
  font-weight:800;
}
.commerce-buy-button:hover{
  border-color:#c8d3df;
  background:#e4ebf1;
  color:#102844;
  transform:none;
}
.commerce-carousel-status{
  color:#8792a2;
}
.commerce-measurement{
  margin-top:18px;
  padding-top:17px;
  border-top-color:#edf1f5;
}
.commerce-measurement div{
  border-right-color:#edf1f5;
}
.commerce-measurement strong{
  color:#526176;
  font-size:12px;
}
.commerce-measurement span{
  color:#8a95a5;
  font-size:10px;
}
@media(max-width:760px){
  .commerce-zone{padding:32px 0}
  .commerce-shell{padding:17px;border-radius:16px}
  .commerce-head h2{font-size:26px}
}