/* TOP BAR */
.topbar{
  background:#0a35ff;
  color:white;
  font-size:13px;
}

.topbar .container{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  height:35px;
}

.top-links{
  display:flex;
  gap:20px;
}

.top-links a{
  color:white;
  text-decoration:none;
}

/* HEADER */
.main-header{
  background:linear-gradient(90deg,#153cff,#0a35ff);
}

.header-content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 0;
}

/* LOGO */
.logo{
  flex:1;
  display:flex;
  align-items:center;
}

.logo img{
  height:55px;
  width:auto;
}

/* SEARCH CENTER */
.search{
  flex:2;
  display:flex;
  justify-content:center;
}

.search input{
  width:100%;
  max-width:450px;
  padding:12px;
  border:none;
  border-radius:8px 0 0 8px;
}

.search button{
  background:#ff0022;
  border:none;
  padding:0 20px;
  color:white;
  border-radius:0 8px 8px 0;
  cursor:pointer;
}

/* RIGHT SIDE */
.header-right{
  flex:1;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:25px;
  color:white;
}

.phone{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:600;
}

.cart{
  position:relative;
  cursor:pointer;
}

.cart i{
  font-size:20px;
}

.cart-count{
  position:absolute;
  top:-8px;
  right:-10px;
  background:red;
  color:white;
  font-size:12px;
  padding:3px 6px;
  border-radius:50%;
}

.container{
  width:1200px;
  margin:0 auto;
}