* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    margin: 0;
    background: #eaeded;
}

/* ================= HEADER ================= */
.amz-header {
    background: #131921;
    color: #fff;
    padding: 4px 15px;
}

.amz-header-row {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* LEFT */
.amz-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.logo span {
    color: #f08804;
}

.location {
    font-size: 12px;
}

.location small {
    display: block;
    color: #ccc;
}

/* SEARCH */
.amz-search {
    display: flex;
    flex: 1;
    min-width: 280px;
}

.amz-search select,
.amz-search input {
    border: none;
    padding: 8px;
}

.amz-search input {
    flex: 1;
}

.amz-search button {
    background: #febd69;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
}

/* RIGHT */
.amz-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.amz-right a {
    color: #fff;
    text-decoration: none;
}

.amz-right small {
    font-size: 11px;
    display: block;
    color: #ccc;
}

.cart {
    font-size: 18px;
}

.cart span {
    background: #f08804;
    color: #000;
    padding: 2px 6px;
    border-radius: 50%;
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {

    .location {
        display: none;
    }

    .amz-header-row {
        gap: 10px;
    }

    .amz-search {
        order: 3;
        width: 100%;
    }

    .amz-right a small {
        display: none;
    }

    .amz-right {
        gap: 12px;
    }
}