.amazon__header {
  position: sticky;
  top: 0;

  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;

  height: 3.75rem ; /*60px*/

  background-color:  rgb(19, 25, 33);
}

.logo__frame {
  flex: 0 0 7.5rem; /*120px*/

  margin-inline: 1rem 6rem; 
  height: 3.12rem ; /*50px*/
  padding: 0.6rem;
}

.logo__icon-small {
  display: none;
}

.logo__icon-large, .logo__icon-small {
  height: 100%;
  width: auto;
}

.search {
  flex: 0 1 53.12rem; /*850px*/

  display: flex;
  flex-flow: row nowrap;  

  height: 2.5rem; /*40px*/
}

.search__bar {
  width: 100%;
  border: none;
  border-radius: 0.31em 0 0 0.31em; /*5px*/
  padding-inline: 0.8em;

  font-size: 1rem;
}

.search__btn {
  flex: 0 0 2.81rem; /*45px*/

  height: 100%;
  border: none;
  border-radius: 0 0.31rem 0.31rem 0;  /*5px*/
  padding: 0.55rem;


  background-color: rgb(254, 189, 105);
}

.search__icon {
  height: 100%;
  width: auto;
}

.orders-and-cart {
  flex: 0 0 12.5rem; /*200px*/

  display: flex;
  flex-flow: row nowrap;
  justify-content: end;
  align-items: center;

  margin-inline: 1rem;
  height: 3.12rem; /*50px*/
}

.orders {
  padding: 0.5rem;

  color: var(--SECONDARY-TEXT-COLOR);

  white-space: nowrap;
}

.return__text {
  font-size: 0.81rem;

  white-space: nowrap;
}

.order__text {
  font-size: 0.93rem;
  font-weight: 700;
}

.cart {
  position: relative;

  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: end;

  height: 100%;
  padding: 0.5rem;

  color: var(--SECONDARY-TEXT-COLOR);
}

.cart__icon{
  height: 100%;
  width: auto;
}

.cart__quantity  {
  position: absolute;
  top: 0.4em; /*7px*/
  left: 1.7em; /*32px*/

  display: grid;
  place-content: center;

  width: 1.6em;
  height: 1.6em;

  font-size: 0.9rem; /*16px*/
  font-weight: 700;

  color: rgb(240, 136, 4);
  /* outline: 0.5px solid red; */
}

.cart__text {
  font-size: 0.93rem;
  font-weight: 700;
}



@media screen and (max-width: 50.93em){ /* 815px */
  .logo__frame {
    margin-inline: 1rem;
  }
}

@media screen and (max-width: 38.43em){ /* 615px */
  
  .logo__frame {
    flex-shrink: 1;

    margin-inline: 0.5rem;
  }

  .logo__icon-small {
    display: inline;
  }

  .logo__icon-large{
    display: none;
  }

  .orders-and-cart {
    flex-shrink: 1;

    margin-inline: 0.5rem;
  }
}


/* Make all items on amazon-header to reduce size at max-width:500px, making the header look more suited on mobile view */