Наушники Baseus Bass BP1 Pro In-Ear True Earbuds Cosmic Black

Описание

Наушники Baseus Bass BP1 Pro In-Ear True Earbuds Cosmic Black

*{
box-sizing:border-box;
}

body{
margin:0;
padding:24px;
background:#ffffff;
color:#1b1b1b;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6;
}

.product-card{
max-width:1100px;
margin:0 auto;
overflow:hidden;
background:#ffffff;
border:1px solid #ececec;
border-radius:22px;
box-shadow:0 18px 45px rgba(0,0,0,0.08);
}

.top-line{
height:10px;
background:#ffd600;
}

.hero{
position:relative;
padding:42px 34px 36px;
text-align:center;
background:
linear-gradient(135deg,#111111 0%,#242424 55%,#0d0d0d 100%);
color:#ffffff;
}

.hero::after{
content:»»;
position:absolute;
left:50%;
bottom:0;
width:140px;
height:5px;
transform:translateX(-50%);
background:#ffd600;
border-radius:20px 20px 0 0;
}

.brand-label{
display:inline-block;
margin-bottom:18px;
padding:7px 16px;
border:1px solid rgba(255,214,0,0.65);
border-radius:30px;
color:#ffd600;
font-size:12px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
}

.hero h1{
max-width:850px;
margin:0 auto 14px;
font-size:34px;
line-height:1.25;
font-weight:800;
}

.hero-subtitle{
margin:0;
color:#d6d6d6;
font-size:17px;
}

.content{
padding:34px;
}

.intro{
padding:24px;
background:#fffbea;
border-left:6px solid #ffd600;
border-radius:14px;
font-size:16px;
}

.intro strong{
color:#111111;
}

.chips{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:28px 0 34px;
}

.chip{
padding:9px 15px;
background:#181818;
border:1px solid #ffd600;
border-radius:8px;
color:#ffd600;
font-size:13px;
font-weight:700;
box-shadow:0 5px 14px rgba(0,0,0,0.08);
}

.section-title{
display:flex;
align-items:center;
gap:12px;
margin:36px 0 20px;
color:#171717;
font-size:24px;
line-height:1.3;
}

.section-title::before{
content:»»;
width:7px;
height:30px;
flex:0 0 7px;
background:#ffd600;
border-radius:6px;
}

.section-title::after{
content:»»;
height:1px;
flex:1;
background:linear-gradient(90deg,#ffd600,#e7e7e7);
}

.features{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}

.feature-card{
position:relative;
min-height:155px;
padding:22px;
overflow:hidden;
background:#171717;
border:1px solid #2d2d2d;
border-radius:16px;
color:#ffffff;
box-shadow:0 10px 25px rgba(0,0,0,0.10);
}

.feature-card::before{
content:»»;
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:#ffd600;
}

.feature-number{
margin-bottom:12px;
color:#ffd600;
font-size:13px;
font-weight:800;
letter-spacing:1.5px;
}

.feature-card h3{
margin:0 0 9px;
color:#ffffff;
font-size:18px;
}

.feature-card p{…