/* R43: baner mieści się w szerokości strony i ma odstęp od sekcji. */
.grz43-banner-frame{margin:30px auto 46px}
/* GRUZOWISKO — sam obraz bez tekstów i przycisków, CTA w HTML */
.grz42-sell{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.94fr);min-height:318px;isolation:isolate;overflow:hidden;border:1px solid #1d548b;border-radius:22px;background:radial-gradient(circle at 55% -30%,rgba(24,145,255,.23),transparent 65%),linear-gradient(124deg,#06132a 0%,#0b2b50 67%,#0e3a65 100%);color:#fff;box-shadow:0 20px 45px rgba(0,23,57,.16)}
.grz42-sell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,rgba(8,69,145,.10),transparent 45%);background-size:180% 180%;animation:grz42-breathe 11s ease-in-out infinite alternate}
.grz42-sell-copy{position:relative;z-index:2;padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.grz42-kicker{color:#72c0ff;font-size:11px;letter-spacing:.21em;font-weight:800;text-transform:uppercase}
.grz42-sell h2{font-size:clamp(28px,3vw,47px);letter-spacing:-.045em;line-height:1.07;margin:0;font-weight:850;color:#fff}
.grz42-sell h2 em{font-style:normal;background:linear-gradient(90deg,#69d8ff,#108dff);background-clip:text;-webkit-background-clip:text;color:transparent}
.grz42-sell p{color:#d3e4f5;margin:0;font-size:15px;line-height:1.5;max-width:570px}
.grz42-sell-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.grz42-sell-cta{position:relative;isolation:isolate;display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:48px;padding:11px 23px;border-radius:12px;color:#fff;text-decoration:none;font-weight:800;background:linear-gradient(110deg,#168bff,#0952e8);border:1px solid rgba(255,255,255,.32);box-shadow:0 0 0 rgba(36,153,255,0),0 10px 24px rgba(4,107,226,.3);transition:transform .25s,box-shadow .25s,filter .25s;overflow:hidden}
.grz42-sell-cta::after{content:"";position:absolute;inset:-100% auto -100% -35%;width:26%;transform:rotate(27deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:grz42-shine 4s ease-in-out infinite;pointer-events:none}
.grz42-sell-cta:hover,.grz42-sell-cta:focus-visible{color:#fff;transform:translateY(-3px);filter:brightness(1.07);box-shadow:0 14px 34px rgba(14,142,255,.46)}
.grz42-sell-cta:focus-visible{outline:3px solid #b7e8ff;outline-offset:3px}
.grz42-sell-phone{color:#bfe1ff;text-decoration:none;font-weight:750;border-bottom:1px solid #3d789d;padding:9px 0}
.grz42-sell-art{min-height:250px;position:relative;overflow:hidden}
.grz42-sell-art::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b2b50 0%,transparent 30%),linear-gradient(0deg,rgba(3,18,43,.36),transparent 38%)}
.grz42-sell-art img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center center;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.grz42-sell:hover .grz42-sell-art img{transform:scale(1.045)}
@keyframes grz42-shine{0%,55%{left:-40%}80%,100%{left:125%}}
@keyframes grz42-breathe{0%{background-position:0 0}100%{background-position:100% 100%}}
@media(max-width:740px){.grz42-sell{grid-template-columns:1fr}.grz42-sell-copy{padding:28px 24px 20px}.grz42-sell-art{min-height:180px}.grz42-sell-art::before{background:linear-gradient(180deg,#0b2b50 0%,transparent 38%)}.grz42-sell h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.grz42-sell::before,.grz42-sell-cta::after{animation:none}.grz42-sell-art img,.grz42-sell-cta{transition:none}}

/* R44: docelowy szeroki obraz uzyty jako tlo calego banera, bez napisow w bitmapie. */
.grz42-sell{display:flex;align-items:center;min-height:310px;background-color:#071c37;background-image:linear-gradient(90deg,rgba(3,15,34,.60),rgba(3,19,45,.31) 42%,rgba(3,21,48,.04) 75%),url('../grz44/skup-hero-bg.webp');background-position:center,center center;background-size:cover,cover}
.grz42-sell-copy{width:min(58%,710px);padding:clamp(24px,3vw,42px);text-shadow:0 2px 8px rgba(0,12,31,.24)}
.grz42-sell::before{z-index:0}
.grz42-sell-art{display:none}
@media(max-width:790px){.grz42-sell{min-height:360px;align-items:flex-end;background-position:center,58% center;background-image:linear-gradient(0deg,rgba(3,14,32,.97),rgba(3,15,33,.69) 53%,rgba(3,15,33,.10) 100%),url('../grz44/skup-hero-bg.webp')}.grz42-sell-copy{width:100%;padding:26px 22px}.grz42-sell h2{font-size:clamp(27px,7vw,35px)}}
