/* REX 58 — bramy garażowe: pełna szerokość, 4 w jednym rzędzie, pełny kadr zdjęcia */
.rex56-garage-panels{margin-top:42px;width:100%}
.rex56-garage-panels.rex58-garage-wide{width:min(1380px,calc(100% - 48px));max-width:none;margin:52px auto 8px;padding:0}
.rex56-garage-panels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;align-items:stretch}
.rex56-garage-card{position:relative;overflow:hidden;min-width:0;background:#181a1b;border:1px solid rgba(255,255,255,.10);border-radius:20px;color:#fff;box-shadow:0 16px 44px rgba(0,0,0,.22);cursor:default;isolation:isolate;transform:translateY(26px);opacity:0;animation:rex58CardIn .66s cubic-bezier(.2,.75,.25,1) forwards;transition:transform .34s cubic-bezier(.2,.75,.25,1),border-color .34s ease,box-shadow .34s ease}
.rex56-garage-card:nth-child(1){animation-delay:.04s}.rex56-garage-card:nth-child(2){animation-delay:.11s}.rex56-garage-card:nth-child(3){animation-delay:.18s}.rex56-garage-card:nth-child(4){animation-delay:.25s}
.rex56-garage-card::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(120deg,transparent 28%,rgba(255,255,255,.14) 48%,transparent 68%);transform:translateX(-125%);transition:transform .8s ease}
.rex56-garage-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:5;background:#e31e24;transform:scaleX(.17);transform-origin:left center;transition:transform .34s ease}
.rex56-garage-card:hover{transform:translateY(-9px) scale(1.012);border-color:rgba(255,255,255,.24);box-shadow:0 30px 82px rgba(0,0,0,.40)}
.rex56-garage-card:hover::before{transform:translateX(125%)}
.rex56-garage-card:hover::after{transform:scaleX(1)}
.rex56-garage-thumb{position:relative;overflow:hidden;aspect-ratio:1/1;background:#efefef;display:flex;align-items:center;justify-content:center;padding:8px}
.rex56-garage-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.035),transparent 42%);pointer-events:none}
.rex56-garage-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(.96);transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .6s ease}
.rex56-garage-card:hover .rex56-garage-thumb img{transform:scale(1.01);filter:contrast(1.035)}
.rex56-garage-copy{position:relative;z-index:2;padding:21px 22px 24px;background:linear-gradient(180deg,#1a1c1d 0%,#151718 100%)}
.rex56-garage-copy small{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#999}
.rex56-garage-copy small::before{content:"";width:18px;height:1px;background:#e31e24;transition:width .3s ease}.rex56-garage-card:hover .rex56-garage-copy small::before{width:34px}
.rex56-garage-copy h3{margin:0 0 8px;color:#fff;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.rex56-garage-copy p{margin:0;color:#aaa;line-height:1.55;font-size:13px}
@keyframes rex58CardIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1180px){.rex56-garage-panels.rex58-garage-wide{width:min(1080px,calc(100% - 40px))}.rex56-garage-panels-grid{gap:18px}.rex56-garage-copy{padding:18px 18px 21px}.rex56-garage-copy h3{font-size:19px}}
@media (max-width:900px){.rex56-garage-panels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rex56-garage-panels.rex58-garage-wide{width:min(760px,calc(100% - 32px))}}
@media (max-width:560px){.rex56-garage-panels-grid{grid-template-columns:1fr;gap:16px}.rex56-garage-panels.rex58-garage-wide{width:calc(100% - 28px);margin-top:34px}.rex56-garage-copy h3{font-size:19px}}
@media (prefers-reduced-motion:reduce){.rex56-garage-card,.rex56-garage-card::before,.rex56-garage-card::after,.rex56-garage-thumb img,.rex56-garage-copy small::before{animation:none!important;transition:none!important}.rex56-garage-card{opacity:1;transform:none}}