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

Описание

Baseus Bass BP1 Pro Galaxy Blue — A0010506

:root{
—baseus-yellow:#FFD600;
—baseus-yellow-soft:#FFF9D9;
—baseus-yellow-pale:#FFFDF2;
—galaxy-blue:#2F6BFF;
—galaxy-blue-dark:#1F4FC7;
—galaxy-blue-soft:#EDF4FF;
—text-primary:#181818;
—text-secondary:#565B66;
—border:#E7E9EE;
—white:#FFFFFF;
}

*{
box-sizing:border-box;
}

body{
margin:0;
background:var(—white);
color:var(—text-primary);
font-family:Arial,Helvetica,sans-serif;
line-height:1.65;
}

.product-page{
width:100%;
max-width:1120px;
margin:0 auto;
padding:0 24px 44px;
}

.top-bar{
height:9px;
margin:0 -24px 38px;
background:var(—baseus-yellow);
border-radius:0 0 9px 9px;
}

.product-header{
text-align:center;
margin-bottom:34px;
}

.product-kicker{
display:inline-block;
margin-bottom:10px;
color:var(—galaxy-blue);
font-size:13px;
font-weight:700;
letter-spacing:1.8px;
text-transform:uppercase;
}

h1{
max-width:900px;
margin:0 auto;
color:var(—text-primary);
font-size:36px;
line-height:1.2;
font-weight:750;
letter-spacing:-0.7px;
}

.title-underline{
width:116px;
height:5px;
margin:20px auto 0;
background:var(—galaxy-blue);
border-radius:999px;
}

.intro-panel{
position:relative;
margin:0 0 24px;
padding:25px 27px 25px 31px;
overflow:hidden;
background:var(—baseus-yellow-pale);
border:1px solid #F1E7A1;
border-radius:16px;
box-shadow:0 10px 28px rgba(24,24,24,0.05);
}

.intro-panel::before{
content:»»;
position:absolute;
top:0;
bottom:0;
left:0;
width:6px;
background:var(—baseus-yellow);
}

.intro-panel p{
margin:0;
color:#353535;
font-size:16px;
}

.intro-panel strong{
color:var(—galaxy-blue-dark);
}

.chips{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin:24px 0 38px;
}

.chip{
padding:9px 15px;
color:var(—galaxy-blue-dark);
background:var(—baseus-yellow-soft);
border:1.5px solid var(—galaxy-blue);
border-radius:9px;
font-size:13px;
font-weight:700;
letter-spacing:0.1px;
box-shadow:0 4px 12px rgba(47,107,255,0.07);
}

.section-title{
display:flex;
align-items:center;
gap:12px;
margin:36px 0 20px;
padding-bottom:10px;
color:var(—text-primary);
border-bottom:2px solid #D9E5FF;
font-size:23px;
line-height:1.3;
}

.section-title::before{
content:»»;
width:6px;
height:28px;
flex:0 0 6px;
background:var(—baseus-yellow);
border-radius:999px;
}

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

.feature-card{
position:relative;
padding:21px 21px 20px;
background:var(—white);
border:1px solid var(—border);
border-radius:15px;
box-shadow:0 8px 22px rgba(19,31,58,0.055);
}

.feature-card::after{
content:…