PREMIUM CAR SEAT COVERS
PREMIUM COMFORT.
LUXURY STYLE.
Upgrade your car interior with perfectly fitted
premium seat covers.
SHOP NOW
/* HERO BANNER */
.seat-hero {
width: 100%;
min-height: 580px;
background:
linear-gradient(
90deg,
rgba(0,0,0,0.78) 0%,
rgba(0,0,0,0.50) 45%,
rgba(0,0,0,0.08) 100%
),
url('YOUR-IMAGE-URL-HERE');
background-size: cover;
background-position: center;
display: flex;
align-items: center;
padding: 60px 8%;
box-sizing: border-box;
}
/* CONTENT */
.seat-hero-content {
max-width: 650px;
color: #ffffff;
}
/* SMALL HEADING */
.seat-small-title {
font-size: 13px;
font-weight: 600;
letter-spacing: 3px;
margin-bottom: 15px;
}
/* MAIN HEADING */
.seat-hero h1 {
font-size: clamp(38px, 5vw, 70px);
line-height: 1.05;
font-weight: 800;
margin: 0 0 20px;
letter-spacing: -1px;
}
/* DESCRIPTION */
.seat-description {
font-size: 17px;
line-height: 1.7;
max-width: 520px;
margin-bottom: 30px;
color: #eeeeee;
}
/* SHOP BUTTON */
.seat-shop-btn {
display: inline-block;
background: #ffffff;
color: #111111;
padding: 15px 32px;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.5px;
text-decoration: none;
transition: 0.3s ease;
}
/* BUTTON HOVER */
.seat-shop-btn:hover {
background: #111111;
color: #ffffff;
transform: translateY(-2px);
}
/* MOBILE */
@media (max-width: 768px) {
.seat-hero {
min-height: 500px;
padding: 40px 25px;
background-position: center;
background:
linear-gradient(
rgba(0,0,0,0.60),
rgba(0,0,0,0.60)
),
url('YOUR-IMAGE-URL-HERE');
background-size: cover;
background-position: center;
}
.seat-hero-content {
text-align: center;
margin: auto;
}
.seat-hero h1 {
font-size: 38px;
}
.seat-description {
font-size: 15px;
}
.seat-shop-btn {
padding: 13px 26px;
font-size: 12px;
}
}
