/* Scoped adaptation of catalog-brands-new-1.html. Shared main.css stays unchanged. */
.lastoria-brands-landing {padding-top:20px;padding-bottom:80px;}
.lastoria-brands-landing__grid {display:flex;flex-wrap:wrap;row-gap:20px;margin:0 -10px;}
.lastoria-brands-landing__col {width:50%;padding:0 10px;display:flex;align-items:center;justify-content:center;min-width:0;}
.lastoria-brands-landing__col:nth-child(3n+1) {width:100%;}
.lastoria-brands-landing__card {display:flex;flex-direction:column;width:100%;border-radius:10px;overflow:hidden;background:#fff;}
.lastoria-brands-landing__card:focus-visible {outline:3px solid #C3922E;outline-offset:4px;}
.lastoria-brands-landing__inner {position:relative;flex:1 1 auto;border-radius:10px;overflow:hidden;padding-bottom:51%;}
.lastoria-brands-landing__image {position:absolute;inset:0;background:#e9e5e0;}
.lastoria-brands-landing__image::before {content:"";position:absolute;bottom:0;left:0;width:100%;height:90px;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%);pointer-events:none;}
.lastoria-brands-landing__image img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s;}
.lastoria-brands-landing__card:hover img {opacity:.7;}
.lastoria-brands-landing__name {position:absolute;left:20px;bottom:20px;right:20px;font-weight:500;font-size:24px;line-height:1.07;letter-spacing:-.8px;color:#fff;z-index:2;}
.lastoria-brands-landing__name sup {position:relative;top:-18px;font-weight:600;font-size:8px;line-height:1;color:#fff;margin-left:3px;}
@media (max-width:1023px) {
 .lastoria-brands-landing__col:nth-child(3n+1) {width:50%;}
 .lastoria-brands-landing__card {height:100%;min-height:240px;}
 .lastoria-brands-landing__inner {padding-bottom:69%;}
 .lastoria-brands-landing__name {font-size:18px;}
}
@media (max-width:767px) {
 .lastoria-brands-landing__col,.lastoria-brands-landing__col:nth-child(3n+1) {width:100%;}
 .lastoria-brands-landing {padding-bottom:40px;}
}
@media (max-width:560px) {
 .lastoria-brands-landing__name {font-size:14px;}
 .lastoria-brands-landing__name sup {top:-10px;}
}
@media (prefers-reduced-motion:reduce) {.lastoria-brands-landing__image img {transition:none;}}
