.two-banner-component{display:flex;gap:20px;margin-top:36px}.two-banner-component .banner-item{flex:1;position:relative;border-radius:var(--radius-xl);overflow:hidden;display:block;height:320px;transition:all var(--transition)}.two-banner-component .banner-item img{width:100%;height:320px;object-fit:cover;display:block;border-radius:var(--radius-xl);transition:transform var(--transition)}.two-banner-component .banner-item:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.two-banner-component .banner-item:hover img{transform:scale(1.03)}.two-banner-component .img-placeholder{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-xl);width:100%;height:320px}.two-banner-component .banner-overlay{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.two-banner-component .banner-title{color:var(--text-white);font-size:26px;font-weight:600;margin:0 0 6px}.two-banner-component .banner-subtitle{color:#ffffffd9;font-size:15px;margin:0}@media (max-width: 768px){.two-banner-component{flex-direction:column;gap:12px}.two-banner-component .banner-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-two-banner.css.map */