.banner-trang-chu-1-red-luxury-wrapper {
    --btc1-common-gap: 30px; 
    --btc1-font-main: 'Inter', sans-serif;
    --btc1-banner-height: 750px;
    
    width: 100%;
    min-height: 850px; 
    background-color: #a10000; 
    display: flex;
    align-items: center; 
    justify-content: center;
    box-sizing: border-box;
    margin-bottom: 20px; /* Khoảng cách giữa các block nếu đặt gần nhau */
}

.banner-trang-chu-1-banner-container {
    width: 95%; 
    max-width: 1550px; 
    margin: 0 auto;
}

.banner-trang-chu-1-banner-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--btc1-common-gap); 
}

.banner-trang-chu-1-grid-item {
    position: relative;
    width: 100%;
    height: var(--btc1-banner-height);
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #000;
    border-radius: 0px; 
    display: block;
    text-decoration: none;
}

.banner-trang-chu-1-grid-item img, 
.banner-trang-chu-1-grid-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.banner-trang-chu-1-item-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 35%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    color: #fff;
    padding: 10px; 
    box-sizing: border-box;
    font-family: var(--btc1-font-main);
}

.banner-trang-chu-1-slogan-text { 
    font-size: 14px; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    color: #f1c40f; 
    margin: 0 0 2px 0;
    font-weight: 700;
    line-height: 1.2;
}

.banner-trang-chu-1-main-title { 
    font-size: clamp(calc(2rem + 3px), 3vw, calc(2.6rem + 3px)); 
    margin: 0 0 4px 0; 
    font-weight: 800; 
    text-transform: uppercase;
    line-height: 0.95;
    letter-spacing: -1px;
    color: #fff !important;
}

.banner-trang-chu-1-sub-title { 
    font-size: calc(0.95rem + 3px); 
    margin: 0; 
    font-weight: 400; 
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.9; 
    color: #fff !important;
}

/* Mobile & Tablet Responsive */
@media (max-width: 1600px) {
    .banner-trang-chu-1-red-luxury-wrapper { height: auto; padding: 60px 0; min-height: auto; }
    .banner-trang-chu-1-grid-item { height: auto; } 
    .banner-trang-chu-1-main-title { font-weight: 800; }
}

@media (max-width: 768px) {
    .banner-trang-chu-1-banner-grid-container { grid-template-columns: 1fr; }
    .banner-trang-chu-1-red-luxury-wrapper { padding: 40px 20px; }
    .banner-trang-chu-1-main-title { font-weight: 800; }
}